{ "generatedFrom": "packages/ui/components/*.wrn", "count": 85, "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": "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": "label", "type": "string", "required": false, "default": "\"Input Number\"" }, { "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": "\"number\"" }, { "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/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" } ] }