{ "generatedFrom": "packages/ui/components/*.wrn", "count": 108, "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": "variant", "type": "string", "required": false, "default": "\"default\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" }, { "name": "id", "type": "string", "required": false, "default": "\"accordion\"" }, { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "defaultOpen", "type": "string", "required": false, "default": "[]" }, { "name": "multiple", "type": "boolean", "required": false, "default": "false" }, { "name": "alwaysOpen", "type": "boolean", "required": false, "default": "false" }, { "name": "disabled", "type": "boolean", "required": false, "default": "false" }, { "name": "indicator", "type": "string", "required": false, "default": "\"plus\"" }, { "name": "indicatorPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "showIndicator", "type": "boolean", "required": false, "default": "true" }, { "name": "bordered", "type": "boolean", "required": false, "default": "false" }, { "name": "separated", "type": "boolean", "required": false, "default": "false" }, { "name": "flush", "type": "boolean", "required": false, "default": "false" }, { "name": "contentItalic", "type": "boolean", "required": false, "default": "false" } ], "slots": [], "events": ["change", "open", "close"], "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": ["input", "change", "open", "close", "clear"], "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": ["input", "change", "start", "end"], "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": "\"info\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"soft\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" }, { "name": "radius", "type": "string", "required": false, "default": "\"md\"" }, { "name": "shadow", "type": "string", "required": false, "default": "\"sm\"" }, { "name": "title", "type": "string", "required": false, "default": "\"Alert\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "actions", "type": "string", "required": false, "default": "[]" }, { "name": "showIcon", "type": "boolean", "required": false, "default": "false" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "dismissible", "type": "boolean", "required": false, "default": "false" }, { "name": "dismissLabel", "type": "string", "required": false, "default": "\"Dismiss alert\"" }, { "name": "role", "type": "string", "required": false, "default": "\"alert\"" }, { "name": "live", "type": "string", "required": false, "default": "\"polite\"" }, { "name": "linkLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "linkHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "compact", "type": "boolean", "required": false, "default": "false" } ], "slots": [], "events": ["dismiss", "action"], "source": "components/alert.wrn" }, { "name": "AnnouncementBar", "mount": "AnnouncementBar", "category": "blocks", "purpose": "Accessible public announcement, emergency, maintenance, or status bar.", "props": [ { "name": "badge", "type": "string", "required": false, "default": "\"\"" }, { "name": "badgeIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "message", "type": "string", "required": false, "default": "\"Announcement\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"icon-[lucide--megaphone]\"" }, { "name": "actionLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "dismissible", "type": "boolean", "required": false, "default": "false" }, { "name": "dismissLabel", "type": "string", "required": false, "default": "\"Dismiss announcement\"" }, { "name": "sticky", "type": "boolean", "required": false, "default": "false" }, { "name": "compact", "type": "boolean", "required": false, "default": "false" }, { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"soft\"" }, { "name": "role", "type": "string", "required": false, "default": "\"status\"" }, { "name": "live", "type": "string", "required": false, "default": "\"polite\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": [], "source": "components/AnnouncementBar.wrn" }, { "name": "AuthForm", "mount": "AuthForm", "category": "forms", "purpose": "Reusable authentication form for sign-in, registration, recovery, reset, and MFA.", "props": [ { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "mode", "type": "string", "required": false, "default": "\"sign-in\"" }, { "name": "action", "type": "string", "required": false, "default": "\"/api/auth/login\"" }, { "name": "method", "type": "string", "required": false, "default": "\"post\"" }, { "name": "title", "type": "string", "required": false, "default": "\"Sign in\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "returnTo", "type": "string", "required": false, "default": "\"\"" }, { "name": "schema", "type": "string", "required": false, "default": "\"\"" }, { "name": "showRemember", "type": "boolean", "required": false, "default": "true" }, { "name": "showName", "type": "boolean", "required": false, "default": "true" }, { "name": "submitLabel", "type": "string", "required": false, "default": "\"Continue\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": ["submit", "change", "input", "focus", "blur"], "source": "components/AuthForm.wrn" }, { "name": "AuthSplitLayout", "mount": "AuthSplitLayout", "category": "layout", "purpose": "Responsive 50/50 authentication layout with content and form regions.", "props": [ { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "eyebrow", "type": "string", "required": false, "default": "\"Secure identity\"" }, { "name": "title", "type": "string", "required": false, "default": "\"Welcome back\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "brand", "type": "string", "required": false, "default": "\"Police Management System\"" }, { "name": "features", "type": "string", "required": false, "default": "[]" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["aside-extra", "form"], "events": [], "source": "components/AuthSplitLayout.wrn" }, { "name": "Avatar", "mount": "Avatar", "category": "base", "purpose": "Theme-aware, responsive avatar component.", "props": [ { "name": "src", "type": "string", "required": false, "default": "\"\"" }, { "name": "alt", "type": "string", "required": false, "default": "\"\"" }, { "name": "initials", "type": "string", "required": false, "default": "\"\"" }, { "name": "size", "type": "string", "required": false, "default": "\"md\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"solid\"" }, { "name": "shape", "type": "string", "required": false, "default": "\"circle\"" }, { "name": "status", "type": "string", "required": false, "default": "\"\"" }, { "name": "statusLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "statusPosition", "type": "string", "required": false, "default": "\"bottom\"" }, { "name": "badge", "type": "string", "required": false, "default": "\"\"" }, { "name": "badgeIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "badgeLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "tooltip", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "loading", "type": "string", "required": false, "default": "\"lazy\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": ["load", "error", "click"], "source": "components/avatar.wrn" }, { "name": "AvatarGroup", "mount": "AvatarGroup", "category": "base", "purpose": "Theme-aware, responsive avatar group component.", "props": [ { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "size", "type": "string", "required": false, "default": "\"md\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"solid\"" }, { "name": "shape", "type": "string", "required": false, "default": "\"circle\"" }, { "name": "layout", "type": "string", "required": false, "default": "\"stack\"" }, { "name": "maxVisible", "type": "number", "required": false, "default": "4" }, { "name": "columns", "type": "number", "required": false, "default": "3" }, { "name": "borderColor", "type": "string", "required": false, "default": "\"\"" }, { "name": "showTooltips", "type": "boolean", "required": false, "default": "true" }, { "name": "overflowLabel", "type": "string", "required": false, "default": "\"Show remaining members\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": ["overflow"], "source": "components/AvatarGroup.wrn" }, { "name": "BackToTop", "mount": "BackToTop", "category": "navigation", "purpose": "Accessible scroll-to-top control with visibility threshold.", "props": [ { "name": "threshold", "type": "number", "required": false, "default": "500" }, { "name": "label", "type": "string", "required": false, "default": "\"Back to top\"" }, { "name": "ariaLabel", "type": "string", "required": false, "default": "\"Scroll back to top\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"icon-[lucide--arrow-up]\"" }, { "name": "position", "type": "string", "required": false, "default": "\"right\"" }, { "name": "offset", "type": "string", "required": false, "default": "\"md\"" }, { "name": "behavior", "type": "string", "required": false, "default": "\"smooth\"" }, { "name": "showProgress", "type": "boolean", "required": false, "default": "false" }, { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"solid\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": [], "source": "components/BackToTop.wrn" }, { "name": "Badge", "mount": "Badge", "category": "base", "purpose": "Theme-aware, responsive badge component.", "props": [ { "name": "label", "type": "string", "required": false, "default": "\"Badge\"" }, { "name": "size", "type": "string", "required": false, "default": "\"md\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"solid\"" }, { "name": "shape", "type": "string", "required": false, "default": "\"pill\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "dot", "type": "boolean", "required": false, "default": "false" }, { "name": "dotOnly", "type": "boolean", "required": false, "default": "false" }, { "name": "dotLabel", "type": "string", "required": false, "default": "\"Status\"" }, { "name": "animated", "type": "boolean", "required": false, "default": "false" }, { "name": "avatarSrc", "type": "string", "required": false, "default": "\"\"" }, { "name": "avatarAlt", "type": "string", "required": false, "default": "\"\"" }, { "name": "dismissible", "type": "boolean", "required": false, "default": "false" }, { "name": "dismissLabel", "type": "string", "required": false, "default": "\"Remove badge\"" }, { "name": "truncate", "type": "boolean", "required": false, "default": "false" }, { "name": "maxWidth", "type": "string", "required": false, "default": "\"12rem\"" }, { "name": "anchorLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "anchorIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "placement", "type": "string", "required": false, "default": "\"inline\"" }, { "name": "anchorLabelText", "type": "string", "required": false, "default": "\"Badge anchor\"" } ], "slots": [], "events": ["dismiss"], "source": "components/Badge.wrn" }, { "name": "Blockquote", "mount": "Blockquote", "category": "base", "purpose": "Theme-aware, responsive blockquote component.", "props": [ { "name": "quote", "type": "string", "required": false, "default": "\"I just wanted to say that I'm very happy with my purchase so far. The documentation is outstanding - clear and detailed.\"" }, { "name": "citation", "type": "string", "required": false, "default": "\"\"" }, { "name": "citationTitle", "type": "string", "required": false, "default": "\"\"" }, { "name": "citationUrl", "type": "string", "required": false, "default": "\"\"" }, { "name": "avatarSrc", "type": "string", "required": false, "default": "\"\"" }, { "name": "avatarAlt", "type": "string", "required": false, "default": "\"\"" }, { "name": "size", "type": "string", "required": false, "default": "\"md\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "align", "type": "string", "required": false, "default": "\"left\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"default\"" }, { "name": "quoteMark", "type": "boolean", "required": false, "default": "true" }, { "name": "italic", "type": "boolean", "required": false, "default": "true" }, { "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": ["navigate", "click"], "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": ["click", "focus", "blur"], "source": "components/button.wrn" }, { "name": "ButtonGroup", "mount": "ButtonGroup", "category": "base", "purpose": "Theme-aware, responsive button group component.", "props": [ { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "value", "type": "string", "required": false, "default": "\"\"" }, { "name": "size", "type": "string", "required": false, "default": "\"md\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"default\"" }, { "name": "orientation", "type": "string", "required": false, "default": "\"horizontal\"" }, { "name": "responsive", "type": "boolean", "required": false, "default": "false" }, { "name": "attached", "type": "boolean", "required": false, "default": "true" }, { "name": "selectable", "type": "boolean", "required": false, "default": "false" }, { "name": "toolbar", "type": "boolean", "required": false, "default": "false" }, { "name": "disabled", "type": "boolean", "required": false, "default": "false" }, { "name": "ariaLabel", "type": "string", "required": false, "default": "\"Button group\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": ["click", "select", "change"], "source": "components/ButtonGroup.wrn" }, { "name": "Card", "mount": "Card", "category": "base", "purpose": "Theme-aware, responsive card component.", "props": [ { "name": "title", "type": "string", "required": false, "default": "\"Card title\"" }, { "name": "subtitle", "type": "string", "required": false, "default": "\"\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "header", "type": "string", "required": false, "default": "\"\"" }, { "name": "footer", "type": "string", "required": false, "default": "\"\"" }, { "name": "imageSrc", "type": "string", "required": false, "default": "\"\"" }, { "name": "imageAlt", "type": "string", "required": false, "default": "\"\"" }, { "name": "imagePosition", "type": "string", "required": false, "default": "\"top\"" }, { "name": "actionLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "headerActions", "type": "string", "required": false, "default": "[]" }, { "name": "navigation", "type": "string", "required": false, "default": "[]" }, { "name": "activeNav", "type": "string", "required": false, "default": "\"\"" }, { "name": "mobileNavigation", "type": "boolean", "required": false, "default": "false" }, { "name": "alertTitle", "type": "string", "required": false, "default": "\"\"" }, { "name": "alertDescription", "type": "string", "required": false, "default": "\"\"" }, { "name": "empty", "type": "boolean", "required": false, "default": "false" }, { "name": "emptyTitle", "type": "string", "required": false, "default": "\"No data to show\"" }, { "name": "emptyIcon", "type": "string", "required": false, "default": "\"icon-[lucide--inbox]\"" }, { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "size", "type": "string", "required": false, "default": "\"md\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"default\"" }, { "name": "layout", "type": "string", "required": false, "default": "\"vertical\"" }, { "name": "align", "type": "string", "required": false, "default": "\"left\"" }, { "name": "hover", "type": "string", "required": false, "default": "\"none\"" }, { "name": "scrollable", "type": "boolean", "required": false, "default": "false" }, { "name": "maxHeight", "type": "string", "required": false, "default": "\"18rem\"" }, { "name": "dismissible", "type": "boolean", "required": false, "default": "false" }, { "name": "ariaLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": ["click", "action", "navigate", "dismiss", "load", "error"], "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": "\"\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "activeIndex", "type": "number", "required": false, "default": "0" }, { "name": "slidesPerView", "type": "number", "required": false, "default": "1" }, { "name": "gap", "type": "string", "required": false, "default": "\"0.75rem\"" }, { "name": "showPagination", "type": "boolean", "required": false, "default": "false" }, { "name": "isAutoPlay", "type": "boolean", "required": false, "default": "false" }, { "name": "autoplayInterval", "type": "number", "required": false, "default": "4000" }, { "name": "isInfiniteLoop", "type": "boolean", "required": false, "default": "false" }, { "name": "isRTL", "type": "boolean", "required": false, "default": "false" }, { "name": "isCentered", "type": "boolean", "required": false, "default": "false" }, { "name": "isDraggable", "type": "boolean", "required": false, "default": "false" }, { "name": "isAutoHeight", "type": "boolean", "required": false, "default": "false" }, { "name": "isSnap", "type": "boolean", "required": false, "default": "false" }, { "name": "showCounter", "type": "boolean", "required": false, "default": "false" }, { "name": "thumbnails", "type": "string", "required": false, "default": "\"none\"" }, { "name": "ariaLabel", "type": "string", "required": false, "default": "\"Content carousel\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"default\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": [ "initialize", "change", "previous", "next", "play", "pause", "reachStart", "reachEnd", "dragStart", "dragEnd" ], "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": ["select", "dataPointClick", "legendToggle"], "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": "\"\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "oneSided", "type": "boolean", "required": false, "default": "false" }, { "name": "showAvatars", "type": "boolean", "required": false, "default": "false" }, { "name": "showMetadata", "type": "boolean", "required": false, "default": "false" }, { "name": "ariaLabel", "type": "string", "required": false, "default": "\"Conversation\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"default\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": ["action", "messageClick", "avatarClick", "linkClick"], "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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Checkbox\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "value", "type": "string", "required": false, "default": "\"on\"" }, { "name": "values", "type": "string", "required": false, "default": "[]" }, { "name": "options", "type": "string", "required": false, "default": "[]" }, { "name": "checked", "type": "boolean", "required": false, "default": "false" }, { "name": "indeterminate", "type": "boolean", "required": false, "default": "false" }, { "name": "orientation", "type": "string", "required": false, "default": "\"vertical\"" }, { "name": "card", "type": "boolean", "required": false, "default": "false" }, { "name": "rightAligned", "type": "boolean", "required": false, "default": "false" }, { "name": "list", "type": "boolean", "required": false, "default": "false" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "name": "disabled", "type": "boolean", "required": false, "default": "false" }, { "name": "required", "type": "boolean", "required": false, "default": "false" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": ["input", "change", "focus", "blur", "invalid"], "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": ["copy", "success", "error"], "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": "mode", "type": "string", "required": false, "default": "\"panel\"" }, { "name": "initialOpenIndexes", "type": "string", "required": false, "default": "[]" }, { "name": "ariaLabel", "type": "string", "required": false, "default": "\"Collapsible content\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": ["toggle", "open", "close"], "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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Color\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"\"" }, { "name": "value", "type": "string", "required": false, "default": "\"#2563eb\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "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": ["input", "change", "focus", "blur"], "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": ["start", "complete"], "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": ["open", "close", "select"], "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": ["copy", "success", "error"], "source": "components/CopyMarkup.wrn" }, { "name": "CTASection", "mount": "CTASection", "category": "blocks", "purpose": "Reusable closing call-to-action section with primary and secondary actions.", "props": [ { "name": "eyebrow", "type": "string", "required": false, "default": "\"\"" }, { "name": "title", "type": "string", "required": false, "default": "\"Ready to get started?\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "align", "type": "string", "required": false, "default": "\"center\"" }, { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"solid\"" }, { "name": "primaryLabel", "type": "string", "required": false, "default": "\"Get started\"" }, { "name": "primaryHref", "type": "string", "required": false, "default": "\"#\"" }, { "name": "primaryIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "backgroundImage", "type": "string", "required": false, "default": "\"\"" }, { "name": "maxWidth", "type": "string", "required": false, "default": "\"xl\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default", "actions", "visual", "footer"], "events": [], "source": "components/CTASection.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": ["scroll"], "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": ["select", "change"], "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": ["sort", "select", "change", "rowClick", "pageChange"], "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": "id", "type": "string", "required": false, "default": "\"\"" }, { "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": "locale", "type": "string", "required": false, "default": "\"en-US\"" }, { "name": "firstDayOfWeek", "type": "number", "required": false, "default": "0" }, { "name": "months", "type": "string", "required": false, "default": "[{ label: \"Jan\", value: \"01\" }, { label: \"Feb\", value: \"02\" }, { label: \"Mar\", value: \"03\" }, { label: \"Apr\", value: \"04\" }, { label: \"May\", value: \"05\" }, { label: \"Jun\", value: \"06\" }, { label: \"Jul\", value: \"07\" }, { label: \"Aug\", value: \"08\" }, { label: \"Sep\", value: \"09\" }, { label: \"Oct\", value: \"10\" }, { label: \"Nov\", value: \"11\" }, { label: \"Dec\", value: \"12\" }]" }, { "name": "days", "type": "string", "required": false, "default": "[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31]" }, { "name": "years", "type": "string", "required": false, "default": "[2024, 2025, 2026, 2027, 2028, 2029, 2030]" }, { "name": "min", "type": "string", "required": false, "default": "\"\"" }, { "name": "max", "type": "string", "required": false, "default": "\"\"" }, { "name": "step", "type": "string", "required": false, "default": "\"\"" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "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": ["input", "change", "open", "close", "focus", "blur", "invalid"], "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": "device", "type": "string", "required": false, "default": "\"phone\"" }, { "name": "orientation", "type": "string", "required": false, "default": "\"portrait\"" }, { "name": "src", "type": "string", "required": false, "default": "\"\"" }, { "name": "srcdoc", "type": "string", "required": false, "default": "\"\"" }, { "name": "frameTitle", "type": "string", "required": false, "default": "\"Device preview\"" }, { "name": "showToolbar", "type": "boolean", "required": false, "default": "true" }, { "name": "allow", "type": "string", "required": false, "default": "\"\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": ["change", "rotate"], "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": ["dragStart", "dragEnd", "dragEnter", "dragLeave", "drop", "change"], "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": ["open", "close"], "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": "label", "type": "string", "required": false, "default": "\"Open menu\"" }, { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "placement", "type": "string", "required": false, "default": "\"end\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["trigger", "header", "footer"], "events": ["toggle", "open", "close", "select"], "source": "components/Dropdown.wrn" }, { "name": "FeatureCard", "mount": "FeatureCard", "category": "blocks", "purpose": "Reusable linked feature or service card with icon, badge, description, and action.", "props": [ { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "title", "type": "string", "required": false, "default": "\"Feature\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "href", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionLabel", "type": "string", "required": false, "default": "\"Learn more\"" }, { "name": "actionIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "badge", "type": "string", "required": false, "default": "\"\"" }, { "name": "badgeColor", "type": "string", "required": false, "default": "\"primary\"" }, { "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": "hover", "type": "string", "required": false, "default": "\"lift\"" }, { "name": "align", "type": "string", "required": false, "default": "\"left\"" }, { "name": "disabled", "type": "boolean", "required": false, "default": "false" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["icon", "default", "footer"], "events": [], "source": "components/FeatureCard.wrn" }, { "name": "FeatureGrid", "mount": "FeatureGrid", "category": "layout", "purpose": "Responsive equal-height grid for feature and service cards.", "props": [ { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "columns", "type": "number", "required": false, "default": "3" }, { "name": "tabletColumns", "type": "number", "required": false, "default": "2" }, { "name": "mobileColumns", "type": "number", "required": false, "default": "1" }, { "name": "gap", "type": "string", "required": false, "default": "\"md\"" }, { "name": "minItemWidth", "type": "string", "required": false, "default": "\"\"" }, { "name": "equalHeight", "type": "boolean", "required": false, "default": "true" }, { "name": "align", "type": "string", "required": false, "default": "\"stretch\"" }, { "name": "maxWidth", "type": "string", "required": false, "default": "\"full\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": [], "source": "components/FeatureGrid.wrn" }, { "name": "FeatureIconCard", "mount": "FeatureIconCard", "category": "blocks", "purpose": "Feature card with a prominent themed icon treatment.", "props": [ { "name": "icon", "type": "string", "required": false, "default": "\"icon-[lucide--sparkles]\"" }, { "name": "iconSize", "type": "string", "required": false, "default": "\"md\"" }, { "name": "iconVariant", "type": "string", "required": false, "default": "\"soft\"" }, { "name": "title", "type": "string", "required": false, "default": "\"Feature\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "href", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionLabel", "type": "string", "required": false, "default": "\"Explore\"" }, { "name": "badge", "type": "string", "required": false, "default": "\"\"" }, { "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": "align", "type": "string", "required": false, "default": "\"left\"" }, { "name": "hover", "type": "string", "required": false, "default": "\"lift\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default", "footer"], "events": [], "source": "components/FeatureIconCard.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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"File\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"Choose a file\"" }, { "name": "value", "type": "string", "required": false, "default": "\"\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"icon-[lucide--upload]\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "accept", "type": "string", "required": false, "default": "\"\"" }, { "name": "multiple", "type": "boolean", "required": false, "default": "false" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "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": ["input", "change", "focus", "blur", "select", "clear", "invalid"], "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": ["select", "upload", "progress", "success", "error", "cancel", "remove"], "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": "fileName", "type": "string", "required": false, "default": "\"\"" }, { "name": "fileSize", "type": "string", "required": false, "default": "\"\"" }, { "name": "uploadedSize", "type": "string", "required": false, "default": "\"\"" }, { "name": "status", "type": "string", "required": false, "default": "\"uploading\"" }, { "name": "cancelLabel", "type": "string", "required": false, "default": "\"Cancel upload\"" }, { "name": "retryLabel", "type": "string", "required": false, "default": "\"Retry upload\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": ["cancel", "retry", "complete"], "source": "components/FileUploadProgress.wrn" }, { "name": "Footer", "mount": "Footer", "category": "navigation", "purpose": "Responsive application footer with structured links and pre/post content slots.", "props": [ { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Footer navigation\"" }, { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "columns", "type": "number", "required": false, "default": "3" }, { "name": "maxWidth", "type": "string", "required": false, "default": "\"compact\"" }, { "name": "copyright", "type": "string", "required": false, "default": "\"\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["pre-footer", "copyright-left", "copyright-right", "post-footer"], "events": ["select", "action"], "source": "components/Footer.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": "Hero", "mount": "Hero", "category": "blocks", "purpose": "Reusable public-page hero with actions, trust items, badges, and visual slots.", "props": [ { "name": "eyebrow", "type": "string", "required": false, "default": "\"\"" }, { "name": "title", "type": "string", "required": false, "default": "\"Build something remarkable\"" }, { "name": "highlight", "type": "string", "required": false, "default": "\"\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "align", "type": "string", "required": false, "default": "\"left\"" }, { "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": "primaryLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "primaryHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "primaryIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "tertiaryLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "tertiaryHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "badges", "type": "string", "required": false, "default": "[]" }, { "name": "trustItems", "type": "string", "required": false, "default": "[]" }, { "name": "maxWidth", "type": "string", "required": false, "default": "\"xl\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["eyebrow", "actions", "trust", "default", "visual", "footer"], "events": [], "source": "components/Hero.wrn" }, { "name": "HeroActions", "mount": "HeroActions", "category": "base", "purpose": "Responsive action group for hero and call-to-action sections.", "props": [ { "name": "actions", "type": "string", "required": false, "default": "[]" }, { "name": "align", "type": "string", "required": false, "default": "\"left\"" }, { "name": "orientation", "type": "string", "required": false, "default": "\"horizontal\"" }, { "name": "stackOnMobile", "type": "boolean", "required": false, "default": "true" }, { "name": "fullWidthMobile", "type": "boolean", "required": false, "default": "true" }, { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": [], "source": "components/HeroActions.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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Input\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"\"" }, { "name": "value", "type": "string", "required": false, "default": "\"\"" }, { "name": "type", "type": "string", "required": false, "default": "\"text\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "name": "disabled", "type": "boolean", "required": false, "default": "false" }, { "name": "required", "type": "boolean", "required": false, "default": "false" }, { "name": "autocomplete", "type": "string", "required": false, "default": "\"\"" }, { "name": "inputmode", "type": "string", "required": false, "default": "\"\"" }, { "name": "minlength", "type": "string", "required": false, "default": "\"\"" }, { "name": "maxlength", "type": "string", "required": false, "default": "\"\"" }, { "name": "pattern", "type": "string", "required": false, "default": "\"\"" }, { "name": "min", "type": "string", "required": false, "default": "\"\"" }, { "name": "max", "type": "string", "required": false, "default": "\"\"" }, { "name": "step", "type": "string", "required": false, "default": "\"\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": ["input", "change", "focus", "blur", "invalid", "keydown", "keyup"], "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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Input group\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "value", "type": "string", "required": false, "default": "\"\"" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"\"" }, { "name": "type", "type": "string", "required": false, "default": "\"text\"" }, { "name": "startText", "type": "string", "required": false, "default": "\"\"" }, { "name": "endText", "type": "string", "required": false, "default": "\"\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "actionLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "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": ["input", "change", "focus", "blur", "submit", "action"], "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": ["resizeStart", "resize", "resizeEnd"], "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": ["toggle", "select"], "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": ["select", "change"], "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": "MarketingSectionHeader", "mount": "MarketingSectionHeader", "category": "blocks", "purpose": "Marketing section heading with an optional linked action.", "props": [ { "name": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "eyebrow", "type": "string", "required": false, "default": "\"\"" }, { "name": "title", "type": "string", "required": false, "default": "\"\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "align", "type": "string", "required": false, "default": "\"split\"" }, { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "actionLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionExternal", "type": "boolean", "required": false, "default": "false" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["icon", "actions", "default"], "events": [], "source": "components/MarketingSectionHeader.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": ["open", "close", "select"], "source": "components/MegaMenu.wrn" }, { "name": "MetricCard", "mount": "MetricCard", "category": "blocks", "purpose": "Single statistic or operational metric with icon, trend, and optional action.", "props": [ { "name": "label", "type": "string", "required": false, "default": "\"Metric\"" }, { "name": "value", "type": "string", "required": false, "default": "\"0\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "prefix", "type": "string", "required": false, "default": "\"\"" }, { "name": "suffix", "type": "string", "required": false, "default": "\"\"" }, { "name": "trend", "type": "string", "required": false, "default": "\"\"" }, { "name": "trendLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "trendDirection", "type": "string", "required": false, "default": "\"neutral\"" }, { "name": "href", "type": "string", "required": false, "default": "\"\"" }, { "name": "actionLabel", "type": "string", "required": false, "default": "\"\"" }, { "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": "align", "type": "string", "required": false, "default": "\"left\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": [], "source": "components/MetricCard.wrn" }, { "name": "MetricGrid", "mount": "MetricGrid", "category": "layout", "purpose": "Responsive collection of metric cards.", "props": [ { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "columns", "type": "number", "required": false, "default": "4" }, { "name": "tabletColumns", "type": "number", "required": false, "default": "2" }, { "name": "mobileColumns", "type": "number", "required": false, "default": "1" }, { "name": "gap", "type": "string", "required": false, "default": "\"md\"" }, { "name": "equalHeight", "type": "boolean", "required": false, "default": "true" }, { "name": "dividers", "type": "boolean", "required": false, "default": "false" }, { "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": "\"\"" } ], "slots": ["default"], "events": [], "source": "components/MetricGrid.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": ["open", "close", "cancel", "confirm"], "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": ["select", "change"], "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": "\"Primary navigation\"" }, { "name": "topbarLabel", "type": "string", "required": false, "default": "\"Utility navigation\"" }, { "name": "brand", "type": "string", "required": false, "default": "{}" }, { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "actions", "type": "string", "required": false, "default": "[]" }, { "name": "active", "type": "string", "required": false, "default": "\"\"" }, { "name": "sticky", "type": "boolean", "required": false, "default": "false" }, { "name": "openOnHover", "type": "boolean", "required": false, "default": "false" }, { "name": "maxWidth", "type": "string", "required": false, "default": "\"full\"" }, { "name": "mobileLabel", "type": "string", "required": false, "default": "\"Toggle navigation\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["topbar", "actions"], "events": ["toggle", "open", "close", "select", "action"], "source": "components/Navbar.wrn" }, { "name": "PageHeader", "mount": "PageHeader", "category": "blocks", "purpose": "Public and application page header with breadcrumbs, metadata, and actions.", "props": [ { "name": "eyebrow", "type": "string", "required": false, "default": "\"\"" }, { "name": "title", "type": "string", "required": false, "default": "\"\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "align", "type": "string", "required": false, "default": "\"left\"" }, { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "compact", "type": "boolean", "required": false, "default": "false" }, { "name": "showBreadcrumbs", "type": "boolean", "required": false, "default": "false" }, { "name": "breadcrumbs", "type": "string", "required": false, "default": "[]" }, { "name": "primaryLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "primaryHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "primaryIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"default\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["meta", "actions", "default"], "events": [], "source": "components/PageHeader.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": ["change", "previous", "next"], "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": ["open", "close"], "source": "components/Popover.wrn" }, { "name": "PortalDashboard", "mount": "PortalDashboard", "category": "blocks", "purpose": "Responsive portal dashboard with metrics, actions, tasks, and updates.", "props": [ { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "eyebrow", "type": "string", "required": false, "default": "\"Overview\"" }, { "name": "eyebrowKey", "type": "string", "required": false, "default": "\"\"" }, { "name": "title", "type": "string", "required": false, "default": "\"Dashboard\"" }, { "name": "titleKey", "type": "string", "required": false, "default": "\"\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "descriptionKey", "type": "string", "required": false, "default": "\"\"" }, { "name": "userName", "type": "string", "required": false, "default": "\"\"" }, { "name": "metrics", "type": "string", "required": false, "default": "[]" }, { "name": "actions", "type": "string", "required": false, "default": "[]" }, { "name": "updates", "type": "string", "required": false, "default": "[]" }, { "name": "tasks", "type": "string", "required": false, "default": "[]" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["hero-action"], "events": ["action", "navigate"], "source": "components/PortalDashboard.wrn" }, { "name": "PreferenceSwitcher", "mount": "PreferenceSwitcher", "category": "navigation", "purpose": "Accessible theme, accent color, and language preference controls.", "props": [ { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "themeLabel", "type": "string", "required": false, "default": "\"Theme\"" }, { "name": "colorLabel", "type": "string", "required": false, "default": "\"Accent color\"" }, { "name": "languageLabel", "type": "string", "required": false, "default": "\"Language\"" }, { "name": "languages", "type": "string", "required": false, "default": "[" }, { "name": "colors", "type": "string", "required": false, "default": "[" }, { "name": "compact", "type": "boolean", "required": false, "default": "true" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": ["theme", "color", "language"], "source": "components/PreferenceSwitcher.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": "PublicPageShell", "mount": "PublicPageShell", "category": "layout", "purpose": "Consistent structural wrapper for public-facing pages.", "props": [ { "name": "maxWidth", "type": "string", "required": false, "default": "\"full\"" }, { "name": "fullWidth", "type": "boolean", "required": false, "default": "true" }, { "name": "headerOffset", "type": "string", "required": false, "default": "\"none\"" }, { "name": "background", "type": "string", "required": false, "default": "\"default\"" }, { "name": "overflow", "type": "string", "required": false, "default": "\"clip\"" }, { "name": "minHeight", "type": "string", "required": false, "default": "\"screen\"" }, { "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": "\"\"" } ], "slots": ["before", "default", "after"], "events": [], "source": "components/PublicPageShell.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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Radio\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "value", "type": "string", "required": false, "default": "\"on\"" }, { "name": "options", "type": "string", "required": false, "default": "[]" }, { "name": "checked", "type": "boolean", "required": false, "default": "false" }, { "name": "orientation", "type": "string", "required": false, "default": "\"vertical\"" }, { "name": "card", "type": "boolean", "required": false, "default": "false" }, { "name": "rightAligned", "type": "boolean", "required": false, "default": "false" }, { "name": "list", "type": "boolean", "required": false, "default": "false" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "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": ["input", "change", "focus", "blur", "invalid"], "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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Range\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "value", "type": "number", "required": false, "default": "50" }, { "name": "min", "type": "number", "required": false, "default": "0" }, { "name": "max", "type": "number", "required": false, "default": "100" }, { "name": "step", "type": "number", "required": false, "default": "1" }, { "name": "showValue", "type": "boolean", "required": false, "default": "true" }, { "name": "showBounds", "type": "boolean", "required": false, "default": "true" }, { "name": "showSteps", "type": "boolean", "required": false, "default": "false" }, { "name": "marks", "type": "string", "required": false, "default": "[]" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "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": ["input", "change", "focus", "blur"], "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": ["input", "change"], "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": ["change"], "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": "Section", "mount": "Section", "category": "layout", "purpose": "Theme-aware page section with consistent spacing, width, background, and border controls.", "props": [ { "name": "id", "type": "string", "required": false, "default": "\"\"" }, { "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": "spacing", "type": "string", "required": false, "default": "\"lg\"" }, { "name": "maxWidth", "type": "string", "required": false, "default": "\"xl\"" }, { "name": "fullWidth", "type": "boolean", "required": false, "default": "false" }, { "name": "borderTop", "type": "boolean", "required": false, "default": "false" }, { "name": "borderBottom", "type": "boolean", "required": false, "default": "false" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": [], "source": "components/Section.wrn" }, { "name": "SectionHeader", "mount": "SectionHeader", "category": "layout", "purpose": "Reusable accessible section heading with eyebrow, title, description, icon, and actions.", "props": [ { "name": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "eyebrow", "type": "string", "required": false, "default": "\"\"" }, { "name": "title", "type": "string", "required": false, "default": "\"\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "align", "type": "string", "required": false, "default": "\"left\"" }, { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "headingLevel", "type": "number", "required": false, "default": "2" }, { "name": "maxWidth", "type": "string", "required": false, "default": "\"3xl\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["icon", "default", "actions"], "events": [], "source": "components/SectionHeader.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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Select\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "value", "type": "string", "required": false, "default": "\"\"" }, { "name": "values", "type": "string", "required": false, "default": "[]" }, { "name": "options", "type": "string", "required": false, "default": "[]" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"Select an option\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "multiple", "type": "boolean", "required": false, "default": "false" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "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": ["input", "change", "focus", "blur", "open", "close", "invalid"], "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": "mobileLabel", "type": "string", "required": false, "default": "\"Open navigation\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["default"], "events": ["toggle", "open", "close", "select"], "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": "SplitHero", "mount": "SplitHero", "category": "blocks", "purpose": "Two-column hero with configurable content and visual placement.", "props": [ { "name": "eyebrow", "type": "string", "required": false, "default": "\"\"" }, { "name": "title", "type": "string", "required": false, "default": "\"A better digital experience\"" }, { "name": "highlight", "type": "string", "required": false, "default": "\"\"" }, { "name": "description", "type": "string", "required": false, "default": "\"\"" }, { "name": "primaryLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "primaryHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "primaryIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryLabel", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryHref", "type": "string", "required": false, "default": "\"\"" }, { "name": "secondaryIcon", "type": "string", "required": false, "default": "\"\"" }, { "name": "visualPosition", "type": "string", "required": false, "default": "\"right\"" }, { "name": "reverse", "type": "boolean", "required": false, "default": "false" }, { "name": "ratio", "type": "string", "required": false, "default": "\"balanced\"" }, { "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": "trustItems", "type": "string", "required": false, "default": "[]" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": ["actions", "trust", "default", "visual"], "events": [], "source": "components/SplitHero.wrn" }, { "name": "StatsBar", "mount": "StatsBar", "category": "blocks", "purpose": "Compact responsive statistics strip.", "props": [ { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "columns", "type": "number", "required": false, "default": "4" }, { "name": "compact", "type": "boolean", "required": false, "default": "true" }, { "name": "dividers", "type": "boolean", "required": false, "default": "true" }, { "name": "icons", "type": "boolean", "required": false, "default": "true" }, { "name": "size", "type": "string", "required": false, "default": "\"default\"" }, { "name": "color", "type": "string", "required": false, "default": "\"primary\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"raised\"" }, { "name": "maxWidth", "type": "string", "required": false, "default": "\"xl\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": [], "source": "components/StatsBar.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": ["change", "previous", "next", "complete"], "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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Switch\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "value", "type": "string", "required": false, "default": "\"on\"" }, { "name": "checked", "type": "boolean", "required": false, "default": "false" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "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": ["input", "change", "focus", "blur"], "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": ["sort", "select", "rowClick"], "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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Textarea\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"\"" }, { "name": "value", "type": "string", "required": false, "default": "\"\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "rows", "type": "number", "required": false, "default": "5" }, { "name": "resize", "type": "string", "required": false, "default": "\"vertical\"" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "name": "disabled", "type": "boolean", "required": false, "default": "false" }, { "name": "required", "type": "boolean", "required": false, "default": "false" }, { "name": "minlength", "type": "string", "required": false, "default": "\"\"" }, { "name": "maxlength", "type": "string", "required": false, "default": "\"\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": ["input", "change", "focus", "blur", "invalid"], "source": "components/Textarea.wrn" }, { "name": "TextLink", "mount": "TextLink", "category": "layout", "purpose": "Styled inline action link with icons, arrows, external state, and disabled handling.", "props": [ { "name": "label", "type": "string", "required": false, "default": "\"Learn more\"" }, { "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": "icon", "type": "string", "required": false, "default": "\"\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"start\"" }, { "name": "showArrow", "type": "boolean", "required": false, "default": "true" }, { "name": "underline", "type": "boolean", "required": false, "default": "false" }, { "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": "disabled", "type": "boolean", "required": false, "default": "false" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" } ], "slots": [], "events": ["click", "focus", "blur"], "source": "components/TextLink.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": "id", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"\"" }, { "name": "label", "type": "string", "required": false, "default": "\"Time\"" }, { "name": "hiddenLabel", "type": "boolean", "required": false, "default": "false" }, { "name": "value", "type": "string", "required": false, "default": "\"\"" }, { "name": "placeholder", "type": "string", "required": false, "default": "\"\"" }, { "name": "variant", "type": "string", "required": false, "default": "\"normal\"" }, { "name": "icon", "type": "string", "required": false, "default": "\"icon-[lucide--clock-3]\"" }, { "name": "iconPosition", "type": "string", "required": false, "default": "\"end\"" }, { "name": "helperText", "type": "string", "required": false, "default": "\"\"" }, { "name": "cornerHint", "type": "string", "required": false, "default": "\"\"" }, { "name": "error", "type": "string", "required": false, "default": "\"\"" }, { "name": "inline", "type": "boolean", "required": false, "default": "false" }, { "name": "min", "type": "string", "required": false, "default": "\"\"" }, { "name": "max", "type": "string", "required": false, "default": "\"\"" }, { "name": "step", "type": "string", "required": false, "default": "\"\"" }, { "name": "format", "type": "string", "required": false, "default": "\"24\"" }, { "name": "minuteStep", "type": "number", "required": false, "default": "5" }, { "name": "hours", "type": "string", "required": false, "default": "[\"00\", \"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\"]" }, { "name": "minutes", "type": "string", "required": false, "default": "[\"00\", \"05\", \"10\", \"15\", \"20\", \"25\", \"30\", \"35\", \"40\", \"45\", \"50\", \"55\"]" }, { "name": "readonly", "type": "boolean", "required": false, "default": "false" }, { "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": ["input", "change", "focus", "blur", "open", "close", "invalid"], "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": ["dismiss", "action"], "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": ["add", "dismiss", "clear", "action"], "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": "variant", "type": "string", "required": false, "default": "\"segmented\"" }, { "name": "class", "type": "string", "required": false, "default": "\"\"" }, { "name": "name", "type": "string", "required": false, "default": "\"billing-cycle\"" }, { "name": "value", "type": "string", "required": false, "default": "\"monthly\"" }, { "name": "firstValue", "type": "string", "required": false, "default": "\"monthly\"" }, { "name": "firstLabel", "type": "string", "required": false, "default": "\"Monthly\"" }, { "name": "secondValue", "type": "string", "required": false, "default": "\"annual\"" }, { "name": "secondLabel", "type": "string", "required": false, "default": "\"Annual\"" }, { "name": "ariaLabel", "type": "string", "required": false, "default": "\"Billing frequency\"" }, { "name": "items", "type": "string", "required": false, "default": "[]" }, { "name": "currency", "type": "string", "required": false, "default": "\"$\"" }, { "name": "suffix", "type": "string", "required": false, "default": "\"\"" }, { "name": "firstValueKey", "type": "string", "required": false, "default": "\"monthly\"" }, { "name": "secondValueKey", "type": "string", "required": false, "default": "\"annual\"" }, { "name": "emptyValue", "type": "string", "required": false, "default": "\"—\"" }, { "name": "align", "type": "string", "required": false, "default": "\"end\"" }, { "name": "fullWidth", "type": "boolean", "required": false, "default": "true" }, { "name": "disabled", "type": "boolean", "required": false, "default": "false" }, { "name": "animate", "type": "boolean", "required": false, "default": "true" }, { "name": "animationDuration", "type": "number", "required": false, "default": "450" }, { "name": "animationSteps", "type": "number", "required": false, "default": "18" } ], "slots": [], "events": ["change", "toggle"], "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": ["open", "close"], "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": ["select", "toggle", "expand", "collapse"], "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": ["input", "change", "focus", "blur"], "source": "components/WysiwygEditor.wrn" } ] }