WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions 33 Packages Projects Releases Wiki Activity
Files
d64e8999938690d135f891e0de0abd5f9e885fdf
WRNexusJS/packages/ui/component-reference.json
T
Clintchiz d64e899993 release: WRNexusJS 0.5.12
2026-07-30 18:59:01 +05:30

9774 lines
227 KiB
JSON
Raw Blame History

{
"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"
}
]
}
Reference in New Issue View Git Blame Copy Permalink