WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions 46 Packages Projects Releases Wiki Activity
Files
main-80
WRNexusJS/packages/ui/component-reference.json
T
Clintchiz 8b728a3e5d New Captcha Package added
2026-07-25 13:38:18 +05:30

6341 lines
143 KiB
JSON
Raw Permalink Blame History

{
"generatedFrom": "packages/ui/components/*.wrn",
"count": 86,
"components": [
{
"name": "Accordion",
"mount": "Accordion",
"category": "base",
"purpose": "Theme-aware, responsive accordion component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "multiple",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Accordion.wrn"
},
{
"name": "AdvancedDatePicker",
"mount": "AdvancedDatePicker",
"category": "integrations",
"purpose": "Theme-aware, responsive advanced date picker component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Advanced Date Picker\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/AdvancedDatePicker.wrn"
},
{
"name": "AdvancedRangeSlider",
"mount": "AdvancedRangeSlider",
"category": "integrations",
"purpose": "Theme-aware, responsive advanced range slider component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Advanced Range Slider\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/AdvancedRangeSlider.wrn"
},
{
"name": "AdvancedSelect",
"mount": "AdvancedSelect",
"category": "advanced-forms",
"purpose": "Theme-aware, responsive advanced select component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Advanced Select\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "values",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "options",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "groups",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"Select an option\""
},
{
"name": "placeholderIcon",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "searchPlaceholder",
"type": "string",
"required": false,
"default": "\"Search options…\""
},
{
"name": "multiple",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "searchable",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "defaultOpen",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "clearable",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "allowEmpty",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "tags",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "invalid",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "validationMessage",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "helpText",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "loading",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "loadingLabel",
"type": "string",
"required": false,
"default": "\"Loading options…\""
},
{
"name": "emptyLabel",
"type": "string",
"required": false,
"default": "\"No options found\""
},
{
"name": "selectedOptionsLabel",
"type": "string",
"required": false,
"default": "\"Selected options\""
},
{
"name": "clearLabel",
"type": "string",
"required": false,
"default": "\"Clear selection\""
},
{
"name": "createLabel",
"type": "string",
"required": false,
"default": "\"Create\""
},
{
"name": "loadMoreLabel",
"type": "string",
"required": false,
"default": "\"Load more\""
},
{
"name": "searchMode",
"type": "string",
"required": false,
"default": "\"contains\""
},
{
"name": "searchFields",
"type": "string",
"required": false,
"default": "\"label,description\""
},
{
"name": "minSearchLength",
"type": "number",
"required": false,
"default": "0"
},
{
"name": "searchResultLimit",
"type": "number",
"required": false,
"default": "0"
},
{
"name": "maxSelections",
"type": "number",
"required": false,
"default": "0"
},
{
"name": "showCounter",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "counterTemplate",
"type": "string",
"required": false,
"default": "\"{selected} selected\""
},
{
"name": "optionTemplate",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "selectedTemplate",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "closeOnSelect",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "scrollToSelected",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "fixed",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "placement",
"type": "string",
"required": false,
"default": "\"bottom\""
},
{
"name": "remote",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "remoteUrl",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "remoteQueryParam",
"type": "string",
"required": false,
"default": "\"q\""
},
{
"name": "remoteDebounce",
"type": "number",
"required": false,
"default": "250"
},
{
"name": "remoteAutoLoad",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "infinite",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "hasMore",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "page",
"type": "number",
"required": false,
"default": "1"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [
"search",
"select",
"change",
"clear",
"open",
"close",
"load",
"error"
],
"source": "components/AdvancedSelect.wrn"
},
{
"name": "Alert",
"mount": "Alert",
"category": "base",
"purpose": "Theme-aware, responsive alert component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Alert\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Alert.wrn"
},
{
"name": "Avatar",
"mount": "Avatar",
"category": "base",
"purpose": "Theme-aware, responsive avatar component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Avatar\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Avatar.wrn"
},
{
"name": "AvatarGroup",
"mount": "AvatarGroup",
"category": "base",
"purpose": "Theme-aware, responsive avatar group component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Avatar Group\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/AvatarGroup.wrn"
},
{
"name": "Badge",
"mount": "Badge",
"category": "base",
"purpose": "Theme-aware, responsive badge component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Badge\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Badge.wrn"
},
{
"name": "Blockquote",
"mount": "Blockquote",
"category": "base",
"purpose": "Theme-aware, responsive blockquote component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Blockquote\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Blockquote.wrn"
},
{
"name": "Breadcrumb",
"mount": "Breadcrumb",
"category": "navigation",
"purpose": "Theme-aware, responsive breadcrumb component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Breadcrumb\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "active",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "orientation",
"type": "string",
"required": false,
"default": "\"horizontal\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Breadcrumb.wrn"
},
{
"name": "Button",
"mount": "Button",
"category": "base",
"purpose": "Theme-aware, responsive button component.",
"props": [
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Button\""
},
{
"name": "loadingLabel",
"type": "string",
"required": false,
"default": "\"Loading…\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "as",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "href",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "target",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "rel",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"button\""
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "loading",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "pill",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "fullWidth",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "icon",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "iconPosition",
"type": "string",
"required": false,
"default": "\"start\""
},
{
"name": "ariaLabel",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "ariaPressed",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "ariaExpanded",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "ariaControls",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "autofocus",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "controlClass",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Button.wrn"
},
{
"name": "ButtonGroup",
"mount": "ButtonGroup",
"category": "base",
"purpose": "Theme-aware, responsive button group component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Button Group\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/ButtonGroup.wrn"
},
{
"name": "Captcha",
"mount": "Captcha",
"category": "core",
"purpose": "Reusable captcha component.",
"props": [
{
"name": "provider",
"type": "string",
"required": false,
"default": "\"self-hosted\""
},
{
"name": "siteKey",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"alphanumeric\""
},
{
"name": "action",
"type": "string",
"required": false,
"default": "\"form-submit\""
},
{
"name": "presentation",
"type": "string",
"required": false,
"default": "\"visual\""
},
{
"name": "difficulty",
"type": "string",
"required": false,
"default": "\"normal\""
},
{
"name": "locale",
"type": "string",
"required": false,
"default": "\"en\""
},
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"wrn-captcha-response\""
},
{
"name": "endpoint",
"type": "string",
"required": false,
"default": "\"/__wrnexus/captcha/challenge\""
},
{
"name": "verifyEndpoint",
"type": "string",
"required": false,
"default": "\"/__wrnexus/captcha/verify\""
},
{
"name": "responseField",
"type": "string",
"required": false,
"default": "\"wrn-captcha-response\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Security verification\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"Complete the challenge to continue.\""
},
{
"name": "helpText",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "requiredMessage",
"type": "string",
"required": false,
"default": "\"Please complete the security check.\""
},
{
"name": "incorrectMessage",
"type": "string",
"required": false,
"default": "\"That answer was not correct. Try again.\""
},
{
"name": "expiredMessage",
"type": "string",
"required": false,
"default": "\"This challenge expired. Load a new one.\""
},
{
"name": "networkMessage",
"type": "string",
"required": false,
"default": "\"The verification service is unavailable. Try again.\""
},
{
"name": "autoLoad",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "autoVerify",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "showVerify",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "showRefresh",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "showAudio",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "showStatus",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "compact",
"type": "boolean",
"required": false,
"default": "false"
}
],
"slots": [],
"events": [
"ready",
"challenge",
"input",
"verify",
"success",
"failure",
"expired",
"refresh",
"audioStart",
"audioEnd",
"error"
],
"source": "components/Captcha.wrn"
},
{
"name": "Card",
"mount": "Card",
"category": "base",
"purpose": "Theme-aware, responsive card component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Card\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Card.wrn"
},
{
"name": "Carousel",
"mount": "Carousel",
"category": "base",
"purpose": "Theme-aware, responsive carousel component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Carousel\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Carousel.wrn"
},
{
"name": "Chart",
"mount": "Chart",
"category": "integrations",
"purpose": "Theme-aware, responsive chart component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Chart\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Chart.wrn"
},
{
"name": "ChatBubble",
"mount": "ChatBubble",
"category": "base",
"purpose": "Theme-aware, responsive chat bubble component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Chat Bubble\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/ChatBubble.wrn"
},
{
"name": "Checkbox",
"mount": "Checkbox",
"category": "forms",
"purpose": "Theme-aware, responsive checkbox component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Checkbox\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"on\""
},
{
"name": "checked",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/Checkbox.wrn"
},
{
"name": "Clipboard",
"mount": "Clipboard",
"category": "integrations",
"purpose": "Theme-aware, responsive clipboard component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Clipboard\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Clipboard.wrn"
},
{
"name": "Collapse",
"mount": "Collapse",
"category": "base",
"purpose": "Theme-aware, responsive collapse component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "multiple",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Collapse.wrn"
},
{
"name": "ColorPicker",
"mount": "ColorPicker",
"category": "forms",
"purpose": "Theme-aware, responsive color picker component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Color Picker\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"color\""
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/ColorPicker.wrn"
},
{
"name": "Columns",
"mount": "Columns",
"category": "layout",
"purpose": "Theme-aware, responsive columns component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "columns",
"type": "number",
"required": false,
"default": "2"
},
{
"name": "gap",
"type": "string",
"required": false,
"default": "\"md\""
},
{
"name": "maxWidth",
"type": "string",
"required": false,
"default": "\"xl\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Columns.wrn"
},
{
"name": "ComboBox",
"mount": "ComboBox",
"category": "advanced-forms",
"purpose": "Editable autocomplete combobox with local and remote suggestions.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"ComboBox\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "options",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "groups",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"Search or select an option\""
},
{
"name": "searchPlaceholder",
"type": "string",
"required": false,
"default": "\"Start typing…\""
},
{
"name": "clearable",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "allowCustomValue",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "invalid",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "validationMessage",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "helpText",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "loading",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "loadingLabel",
"type": "string",
"required": false,
"default": "\"Loading suggestions…\""
},
{
"name": "emptyLabel",
"type": "string",
"required": false,
"default": "\"No matching options\""
},
{
"name": "clearLabel",
"type": "string",
"required": false,
"default": "\"Clear value\""
},
{
"name": "toggleLabel",
"type": "string",
"required": false,
"default": "\"Toggle suggestions\""
},
{
"name": "searchMode",
"type": "string",
"required": false,
"default": "\"contains\""
},
{
"name": "searchFields",
"type": "string",
"required": false,
"default": "\"label,description\""
},
{
"name": "minSearchLength",
"type": "number",
"required": false,
"default": "0"
},
{
"name": "searchResultLimit",
"type": "number",
"required": false,
"default": "0"
},
{
"name": "optionTemplate",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "defaultOpen",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "closeOnSelect",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "fixed",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "placement",
"type": "string",
"required": false,
"default": "\"bottom\""
},
{
"name": "autocomplete",
"type": "string",
"required": false,
"default": "\"off\""
},
{
"name": "remote",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "remoteUrl",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "remoteQueryParam",
"type": "string",
"required": false,
"default": "\"q\""
},
{
"name": "remoteDebounce",
"type": "number",
"required": false,
"default": "250"
},
{
"name": "remoteAutoLoad",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "infinite",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "hasMore",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "page",
"type": "number",
"required": false,
"default": "1"
},
{
"name": "loadMoreLabel",
"type": "string",
"required": false,
"default": "\"Load more\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [
"search",
"select",
"change",
"clear",
"open",
"close",
"load",
"error"
],
"source": "components/ComboBox.wrn"
},
{
"name": "Confetti",
"mount": "Confetti",
"category": "integrations",
"purpose": "Theme-aware, responsive confetti component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Confetti\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Confetti.wrn"
},
{
"name": "Container",
"mount": "Container",
"category": "layout",
"purpose": "Theme-aware, responsive container component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "columns",
"type": "number",
"required": false,
"default": "2"
},
{
"name": "gap",
"type": "string",
"required": false,
"default": "\"md\""
},
{
"name": "maxWidth",
"type": "string",
"required": false,
"default": "\"xl\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Container.wrn"
},
{
"name": "ContextMenu",
"mount": "ContextMenu",
"category": "overlays",
"purpose": "Theme-aware, responsive context menu component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Context Menu\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "open",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "placement",
"type": "string",
"required": false,
"default": "\"bottom\""
},
{
"name": "closeLabel",
"type": "string",
"required": false,
"default": "\"Close\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/ContextMenu.wrn"
},
{
"name": "CopyMarkup",
"mount": "CopyMarkup",
"category": "advanced-forms",
"purpose": "Theme-aware, responsive copy markup component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Copy Markup\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"text\""
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/CopyMarkup.wrn"
},
{
"name": "CustomScrollbar",
"mount": "CustomScrollbar",
"category": "layout",
"purpose": "Theme-aware, responsive custom scrollbar component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "columns",
"type": "number",
"required": false,
"default": "2"
},
{
"name": "gap",
"type": "string",
"required": false,
"default": "\"md\""
},
{
"name": "maxWidth",
"type": "string",
"required": false,
"default": "\"xl\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/CustomScrollbar.wrn"
},
{
"name": "DataMap",
"mount": "DataMap",
"category": "integrations",
"purpose": "Theme-aware, responsive data map component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Data Map\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/DataMap.wrn"
},
{
"name": "DataTable",
"mount": "DataTable",
"category": "integrations",
"purpose": "Theme-aware, responsive data table component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "caption",
"type": "string",
"required": false,
"default": "\"Data Table\""
},
{
"name": "columns",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "rows",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "striped",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/DataTable.wrn"
},
{
"name": "DatePicker",
"mount": "DatePicker",
"category": "base",
"purpose": "Theme-aware, responsive date picker component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Date Picker\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"date\""
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/DatePicker.wrn"
},
{
"name": "DeviceFrame",
"mount": "DeviceFrame",
"category": "base",
"purpose": "Theme-aware, responsive device frame component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Device Frame\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/DeviceFrame.wrn"
},
{
"name": "Divider",
"mount": "Divider",
"category": "layout",
"purpose": "Theme-aware, responsive divider component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "orientation",
"type": "string",
"required": false,
"default": "\"horizontal\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/Divider.wrn"
},
{
"name": "DragAndDrop",
"mount": "DragAndDrop",
"category": "integrations",
"purpose": "Theme-aware, responsive drag and drop component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Drag And Drop\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/DragAndDrop.wrn"
},
{
"name": "Drawer",
"mount": "Drawer",
"category": "overlays",
"purpose": "Theme-aware, responsive drawer component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Drawer\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "open",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "placement",
"type": "string",
"required": false,
"default": "\"bottom\""
},
{
"name": "closeLabel",
"type": "string",
"required": false,
"default": "\"Close\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Drawer.wrn"
},
{
"name": "Dropdown",
"mount": "Dropdown",
"category": "overlays",
"purpose": "Theme-aware, responsive dropdown component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Dropdown\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "open",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "placement",
"type": "string",
"required": false,
"default": "\"bottom\""
},
{
"name": "closeLabel",
"type": "string",
"required": false,
"default": "\"Close\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Dropdown.wrn"
},
{
"name": "FileInput",
"mount": "FileInput",
"category": "forms",
"purpose": "Theme-aware, responsive file input component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"File Input\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"file\""
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/FileInput.wrn"
},
{
"name": "FileUpload",
"mount": "FileUpload",
"category": "integrations",
"purpose": "Theme-aware, responsive file upload component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"File Upload\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/FileUpload.wrn"
},
{
"name": "FileUploadProgress",
"mount": "FileUploadProgress",
"category": "base",
"purpose": "Theme-aware, responsive file upload progress component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Progress\""
},
{
"name": "value",
"type": "number",
"required": false,
"default": "50"
},
{
"name": "max",
"type": "number",
"required": false,
"default": "100"
},
{
"name": "showValue",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/FileUploadProgress.wrn"
},
{
"name": "Grid",
"mount": "Grid",
"category": "layout",
"purpose": "Theme-aware, responsive grid component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "columns",
"type": "number",
"required": false,
"default": "2"
},
{
"name": "gap",
"type": "string",
"required": false,
"default": "\"md\""
},
{
"name": "maxWidth",
"type": "string",
"required": false,
"default": "\"xl\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Grid.wrn"
},
{
"name": "Image",
"mount": "Image",
"category": "layout",
"purpose": "Theme-aware, responsive image component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "src",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "alt",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "width",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "height",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "loading",
"type": "string",
"required": false,
"default": "\"lazy\""
},
{
"name": "rounded",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Image.wrn"
},
{
"name": "Input",
"mount": "Input",
"category": "forms",
"purpose": "Theme-aware, responsive input component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Input\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"text\""
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/Input.wrn"
},
{
"name": "InputGroup",
"mount": "InputGroup",
"category": "forms",
"purpose": "Theme-aware, responsive input group component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Input Group\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"text\""
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/InputGroup.wrn"
},
{
"name": "InputNumber",
"mount": "InputNumber",
"category": "advanced-forms",
"purpose": "Theme-aware, responsive input number component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "id",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"quantity\""
},
{
"name": "value",
"type": "number",
"required": false,
"default": "0"
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "number",
"required": false,
"default": "1"
},
{
"name": "precision",
"type": "string",
"required": false,
"default": "\"auto\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "helpText",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "error",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "invalid",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "prefix",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "suffix",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "autocomplete",
"type": "string",
"required": false,
"default": "\"off\""
},
{
"name": "inputMode",
"type": "string",
"required": false,
"default": "\"decimal\""
},
{
"name": "ariaLabel",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "inputDisabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "buttonsDisabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "readonly",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "allowInput",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "keyboard",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "wheel",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "clamp",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "fullWidth",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "showButtons",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "showValidationMessage",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "decrementLabel",
"type": "string",
"required": false,
"default": "\"Decrease value\""
},
{
"name": "incrementLabel",
"type": "string",
"required": false,
"default": "\"Increase value\""
},
{
"name": "controlsLabel",
"type": "string",
"required": false,
"default": "\"Quantity controls\""
},
{
"name": "requiredMessage",
"type": "string",
"required": false,
"default": "\"A value is required.\""
},
{
"name": "minMessage",
"type": "string",
"required": false,
"default": "\"Value is below the minimum.\""
},
{
"name": "maxMessage",
"type": "string",
"required": false,
"default": "\"Value is above the maximum.\""
}
],
"slots": [],
"events": [
"input",
"change",
"increment",
"decrement"
],
"source": "components/InputNumber.wrn"
},
{
"name": "Kbd",
"mount": "Kbd",
"category": "layout",
"purpose": "Theme-aware, responsive kbd component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"⌘ K\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Kbd.wrn"
},
{
"name": "LayoutSplitter",
"mount": "LayoutSplitter",
"category": "layout",
"purpose": "Theme-aware, responsive layout splitter component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "columns",
"type": "number",
"required": false,
"default": "2"
},
{
"name": "gap",
"type": "string",
"required": false,
"default": "\"md\""
},
{
"name": "maxWidth",
"type": "string",
"required": false,
"default": "\"xl\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/LayoutSplitter.wrn"
},
{
"name": "LegendIndicator",
"mount": "LegendIndicator",
"category": "base",
"purpose": "Theme-aware, responsive legend indicator component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Legend Indicator\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/LegendIndicator.wrn"
},
{
"name": "Link",
"mount": "Link",
"category": "layout",
"purpose": "Theme-aware, responsive link component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Link\""
},
{
"name": "href",
"type": "string",
"required": false,
"default": "\"#\""
},
{
"name": "target",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "rel",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "external",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Link.wrn"
},
{
"name": "List",
"mount": "List",
"category": "base",
"purpose": "Theme-aware, responsive list component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"List\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/List.wrn"
},
{
"name": "ListGroup",
"mount": "ListGroup",
"category": "base",
"purpose": "Theme-aware, responsive list group component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"List Group\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/ListGroup.wrn"
},
{
"name": "Map",
"mount": "Map",
"category": "integrations",
"purpose": "Theme-aware, responsive map component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Map\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Map.wrn"
},
{
"name": "Marquee",
"mount": "Marquee",
"category": "base",
"purpose": "Theme-aware, responsive marquee component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Marquee\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Marquee.wrn"
},
{
"name": "MegaMenu",
"mount": "MegaMenu",
"category": "navigation",
"purpose": "Theme-aware, responsive mega menu component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Mega Menu\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "active",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "orientation",
"type": "string",
"required": false,
"default": "\"horizontal\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/MegaMenu.wrn"
},
{
"name": "Modal",
"mount": "Modal",
"category": "overlays",
"purpose": "Theme-aware, responsive modal component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Modal\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "open",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "placement",
"type": "string",
"required": false,
"default": "\"bottom\""
},
{
"name": "closeLabel",
"type": "string",
"required": false,
"default": "\"Close\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Modal.wrn"
},
{
"name": "Nav",
"mount": "Nav",
"category": "navigation",
"purpose": "Theme-aware, responsive nav component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Nav\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "active",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "orientation",
"type": "string",
"required": false,
"default": "\"horizontal\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Nav.wrn"
},
{
"name": "Navbar",
"mount": "Navbar",
"category": "navigation",
"purpose": "Theme-aware, responsive navbar component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Navbar\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "active",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "orientation",
"type": "string",
"required": false,
"default": "\"horizontal\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Navbar.wrn"
},
{
"name": "Pagination",
"mount": "Pagination",
"category": "navigation",
"purpose": "Theme-aware, responsive pagination component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Pagination\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "active",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "orientation",
"type": "string",
"required": false,
"default": "\"horizontal\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Pagination.wrn"
},
{
"name": "PinInput",
"mount": "PinInput",
"category": "advanced-forms",
"purpose": "Secure multi-cell PIN and verification-code input with regex and paste support.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Verification code\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"pin\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "length",
"type": "number",
"required": false,
"default": "4"
},
{
"name": "pattern",
"type": "string",
"required": false,
"default": "\"[0-9]\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"text\""
},
{
"name": "inputMode",
"type": "string",
"required": false,
"default": "\"numeric\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"○\""
},
{
"name": "autocomplete",
"type": "string",
"required": false,
"default": "\"one-time-code\""
},
{
"name": "masked",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "readonly",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "autoFocus",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "autoSubmit",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "allowPaste",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "clearable",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "clearLabel",
"type": "string",
"required": false,
"default": "\"Clear code\""
},
{
"name": "separator",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "groupSize",
"type": "number",
"required": false,
"default": "0"
},
{
"name": "helpText",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "invalid",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "validationMessage",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [
"input",
"change",
"complete",
"paste",
"clear",
"error"
],
"source": "components/PinInput.wrn"
},
{
"name": "Popover",
"mount": "Popover",
"category": "overlays",
"purpose": "Theme-aware, responsive popover component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Popover\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "open",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "placement",
"type": "string",
"required": false,
"default": "\"bottom\""
},
{
"name": "closeLabel",
"type": "string",
"required": false,
"default": "\"Close\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Popover.wrn"
},
{
"name": "Progress",
"mount": "Progress",
"category": "base",
"purpose": "Theme-aware, responsive progress component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Progress\""
},
{
"name": "value",
"type": "number",
"required": false,
"default": "50"
},
{
"name": "max",
"type": "number",
"required": false,
"default": "100"
},
{
"name": "showValue",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/Progress.wrn"
},
{
"name": "Radio",
"mount": "Radio",
"category": "forms",
"purpose": "Theme-aware, responsive radio component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Radio\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"on\""
},
{
"name": "checked",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/Radio.wrn"
},
{
"name": "RangeSlider",
"mount": "RangeSlider",
"category": "forms",
"purpose": "Theme-aware, responsive range slider component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Range Slider\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"range\""
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/RangeSlider.wrn"
},
{
"name": "Rating",
"mount": "Rating",
"category": "base",
"purpose": "Theme-aware, responsive rating component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Rating\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Rating.wrn"
},
{
"name": "Scrollspy",
"mount": "Scrollspy",
"category": "navigation",
"purpose": "Theme-aware, responsive scrollspy component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Scrollspy\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "active",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "orientation",
"type": "string",
"required": false,
"default": "\"horizontal\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Scrollspy.wrn"
},
{
"name": "SearchBox",
"mount": "SearchBox",
"category": "advanced-forms",
"purpose": "Theme-aware, responsive search box component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Search Box\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"search\""
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/SearchBox.wrn"
},
{
"name": "Select",
"mount": "Select",
"category": "forms",
"purpose": "Theme-aware, responsive select component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Select\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "options",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"Select an option\""
},
{
"name": "multiple",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/Select.wrn"
},
{
"name": "Sidebar",
"mount": "Sidebar",
"category": "navigation",
"purpose": "Theme-aware, responsive sidebar component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Sidebar\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "active",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "orientation",
"type": "string",
"required": false,
"default": "\"horizontal\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Sidebar.wrn"
},
{
"name": "Skeleton",
"mount": "Skeleton",
"category": "base",
"purpose": "Theme-aware, responsive skeleton component.",
"props": [
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Loading\""
},
{
"name": "size",
"type": "string",
"required": false,
"default": "\"md\""
},
{
"name": "lines",
"type": "number",
"required": false,
"default": "3"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/Skeleton.wrn"
},
{
"name": "Spinner",
"mount": "Spinner",
"category": "base",
"purpose": "Theme-aware, responsive spinner component.",
"props": [
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Loading\""
},
{
"name": "size",
"type": "string",
"required": false,
"default": "\"md\""
},
{
"name": "lines",
"type": "number",
"required": false,
"default": "3"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/Spinner.wrn"
},
{
"name": "Stepper",
"mount": "Stepper",
"category": "navigation",
"purpose": "Theme-aware, responsive stepper component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Stepper\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "active",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "orientation",
"type": "string",
"required": false,
"default": "\"horizontal\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Stepper.wrn"
},
{
"name": "StrongPassword",
"mount": "StrongPassword",
"category": "advanced-forms",
"purpose": "Theme-aware, responsive strong password component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Password\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"password\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"Create a strong password\""
},
{
"name": "autocomplete",
"type": "string",
"required": false,
"default": "\"new-password\""
},
{
"name": "minLength",
"type": "number",
"required": false,
"default": "8"
},
{
"name": "specialCharactersSet",
"type": "string",
"required": false,
"default": "\"!@#$%^&*()_+-=[]{}|;:,.<>?\""
},
{
"name": "requireLowercase",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "requireUppercase",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "requireNumber",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "requireSpecialCharacter",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "showRequirements",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "presentation",
"type": "string",
"required": false,
"default": "\"inline\""
},
{
"name": "hintText",
"type": "string",
"required": false,
"default": "\"Use a unique password you do not use elsewhere.\""
},
{
"name": "emptyLabel",
"type": "string",
"required": false,
"default": "\"Enter a password\""
},
{
"name": "weakLabel",
"type": "string",
"required": false,
"default": "\"Weak\""
},
{
"name": "fairLabel",
"type": "string",
"required": false,
"default": "\"Fair\""
},
{
"name": "goodLabel",
"type": "string",
"required": false,
"default": "\"Good\""
},
{
"name": "strongLabel",
"type": "string",
"required": false,
"default": "\"Strong\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "readonly",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "invalid",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "validationMessage",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [
"input",
"change",
"strength"
],
"source": "components/StrongPassword.wrn"
},
{
"name": "StyledIcon",
"mount": "StyledIcon",
"category": "base",
"purpose": "Theme-aware, responsive styled icon component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Styled Icon\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/StyledIcon.wrn"
},
{
"name": "Switch",
"mount": "Switch",
"category": "forms",
"purpose": "Theme-aware, responsive switch component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Switch\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"on\""
},
{
"name": "checked",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/Switch.wrn"
},
{
"name": "Table",
"mount": "Table",
"category": "tables",
"purpose": "Theme-aware, responsive table component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "caption",
"type": "string",
"required": false,
"default": "\"Table\""
},
{
"name": "columns",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "rows",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "striped",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Table.wrn"
},
{
"name": "Tabs",
"mount": "Tabs",
"category": "navigation",
"purpose": "Theme-aware, responsive tabs component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Tabs\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "active",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "orientation",
"type": "string",
"required": false,
"default": "\"horizontal\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Tabs.wrn"
},
{
"name": "Textarea",
"mount": "Textarea",
"category": "forms",
"purpose": "Theme-aware, responsive textarea component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Textarea\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "rows",
"type": "number",
"required": false,
"default": "5"
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/Textarea.wrn"
},
{
"name": "Timeline",
"mount": "Timeline",
"category": "base",
"purpose": "Theme-aware, responsive timeline component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Timeline\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Timeline.wrn"
},
{
"name": "TimePicker",
"mount": "TimePicker",
"category": "forms",
"purpose": "Theme-aware, responsive time picker component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Time Picker\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"time\""
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/TimePicker.wrn"
},
{
"name": "Toast",
"mount": "Toast",
"category": "base",
"purpose": "Theme-aware, responsive toast component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Toast\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Toast.wrn"
},
{
"name": "ToastNotifications",
"mount": "ToastNotifications",
"category": "integrations",
"purpose": "Theme-aware, responsive toast notifications component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Toast Notifications\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/ToastNotifications.wrn"
},
{
"name": "ToggleCount",
"mount": "ToggleCount",
"category": "advanced-forms",
"purpose": "Theme-aware, responsive toggle count component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Toggle Count\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "type",
"type": "string",
"required": false,
"default": "\"text\""
},
{
"name": "min",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "max",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "step",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [],
"source": "components/ToggleCount.wrn"
},
{
"name": "TogglePassword",
"mount": "TogglePassword",
"category": "advanced-forms",
"purpose": "Accessible password field with optional show and hide controls.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "label",
"type": "string",
"required": false,
"default": "\"Password\""
},
{
"name": "name",
"type": "string",
"required": false,
"default": "\"password\""
},
{
"name": "value",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "placeholder",
"type": "string",
"required": false,
"default": "\"Enter your password\""
},
{
"name": "autocomplete",
"type": "string",
"required": false,
"default": "\"current-password\""
},
{
"name": "minlength",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "maxlength",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "pattern",
"type": "string",
"required": false,
"default": "\"(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9]).{8,}\""
},
{
"name": "fields",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "visible",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "toggleable",
"type": "boolean",
"required": false,
"default": "true"
},
{
"name": "toggleMode",
"type": "string",
"required": false,
"default": "\"button\""
},
{
"name": "checkboxLabel",
"type": "string",
"required": false,
"default": "\"Show password\""
},
{
"name": "showLabel",
"type": "string",
"required": false,
"default": "\"Show password\""
},
{
"name": "hideLabel",
"type": "string",
"required": false,
"default": "\"Hide password\""
},
{
"name": "disabled",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "readonly",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "required",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "invalid",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "helpText",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "validationMessage",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [],
"events": [
"input",
"change",
"toggle"
],
"source": "components/TogglePassword.wrn"
},
{
"name": "Tooltip",
"mount": "Tooltip",
"category": "overlays",
"purpose": "Theme-aware, responsive tooltip component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Tooltip\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "open",
"type": "boolean",
"required": false,
"default": "false"
},
{
"name": "placement",
"type": "string",
"required": false,
"default": "\"bottom\""
},
{
"name": "closeLabel",
"type": "string",
"required": false,
"default": "\"Close\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Tooltip.wrn"
},
{
"name": "TreeView",
"mount": "TreeView",
"category": "base",
"purpose": "Theme-aware, responsive tree view component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Tree View\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/TreeView.wrn"
},
{
"name": "Typography",
"mount": "Typography",
"category": "layout",
"purpose": "Theme-aware, responsive typography component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "columns",
"type": "number",
"required": false,
"default": "2"
},
{
"name": "gap",
"type": "string",
"required": false,
"default": "\"md\""
},
{
"name": "maxWidth",
"type": "string",
"required": false,
"default": "\"xl\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/Typography.wrn"
},
{
"name": "WysiwygEditor",
"mount": "WysiwygEditor",
"category": "integrations",
"purpose": "Theme-aware, responsive wysiwyg editor component.",
"props": [
{
"name": "size",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "color",
"type": "string",
"required": false,
"default": "\"primary\""
},
{
"name": "title",
"type": "string",
"required": false,
"default": "\"Wysiwyg Editor\""
},
{
"name": "description",
"type": "string",
"required": false,
"default": "\"\""
},
{
"name": "items",
"type": "string",
"required": false,
"default": "[]"
},
{
"name": "variant",
"type": "string",
"required": false,
"default": "\"default\""
},
{
"name": "class",
"type": "string",
"required": false,
"default": "\"\""
}
],
"slots": [
"default"
],
"events": [],
"source": "components/WysiwygEditor.wrn"
}
]
}
Reference in New Issue View Git Blame Copy Permalink