{ "version": "2.44.0", "build": "dev-develop", "build_ref": "5c7de419372149fe8aa181ab723c079b2cdf6d7b", "released_version": "2.44.0", "generated_at": "2026-09-03T09:46:36+00:00", "components": [ { "name": "checkbox", "tag": "\u003Cx-wirekit::checkbox\u003E", "category": "Form", "description": "Checkbox input with label, hint, and error support", "docs_url": "https://docs.wirekit.app/components/checkbox", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideLabel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "indeterminate", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.checkbox.size', 'md')", "default_normalized": "config('wirekit.components.checkbox.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "config('wirekit.components.checkbox.variant', 'default')", "default_normalized": "config('wirekit.components.checkbox.variant', 'default')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "color-picker", "tag": "\u003Cx-wirekit::color-picker\u003E", "category": "Form", "description": "Native color picker with preview swatch", "docs_url": "https://docs.wirekit.app/components/color-picker", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "id", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "'#000000'", "default_normalized": "'#000000'", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.color-picker.size', 'md')", "default_normalized": "config('wirekit.components.color-picker.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "showValue", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "popover", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "format", "default": "config('wirekit.components.color-picker.format', 'hex')", "default_normalized": "config('wirekit.components.color-picker.format', 'hex')", "type_hint": null, "comment": "hex | rgb | hsl | oklch", "examples": [] }, { "name": "nativeOnMobile", "default": "config('wirekit.components.color-picker.native-on-mobile', false)", "default_normalized": "config('wirekit.components.color-picker.native-on-mobile', false)", "type_hint": null, "comment": null, "examples": [] }, { "name": "withAlpha", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "withEyedropper", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "withClear", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "withRecents", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "presets", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "recentsKey", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "trigger", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "combobox", "tag": "\u003Cx-wirekit::combobox\u003E", "category": "Form", "description": "Autocomplete select with search filtering", "docs_url": "https://docs.wirekit.app/components/combobox", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "id", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "options", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.combobox.size', 'md')", "default_normalized": "config('wirekit.components.combobox.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "placeholder", "default": "config('wirekit.components.combobox.placeholder', 'Select...')", "default_normalized": "config('wirekit.components.combobox.placeholder', 'Select...')", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideLabel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "ariaLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "date-picker", "tag": "\u003Cx-wirekit::date-picker\u003E", "category": "Form", "description": "Calendar-based date input", "docs_url": "https://docs.wirekit.app/components/date-picker", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "id", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "range", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "min", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.date-picker.size', 'md')", "default_normalized": "config('wirekit.components.date-picker.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "required", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "placeholder", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "editor", "tag": "\u003Cx-wirekit::editor\u003E", "category": "Form", "description": "Rich-text editor (ProseMirror-based peer-dependency adapter; Tiptap recommended) with toolbar + hidden-input form binding", "docs_url": "https://docs.wirekit.app/components/editor", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "id", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "format", "default": "config('wirekit.components.editor.format', 'html')", "default_normalized": "config('wirekit.components.editor.format', 'html')", "type_hint": null, "comment": "html | json", "examples": [] }, { "name": "extensions", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "array of editor extension NAMES (hint for window.wirekitEditor)", "examples": [] }, { "name": "toolbar", "default": "config('wirekit.components.editor.toolbar', 'basic')", "default_normalized": "config('wirekit.components.editor.toolbar', 'basic')", "type_hint": null, "comment": "false | 'basic' | 'full' | 'custom'", "examples": [] }, { "name": "placeholder", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "maxLength", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "editable", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.editor.size', 'md')", "default_normalized": "config('wirekit.components.editor.size', 'md')", "type_hint": null, "comment": "sm | md | lg", "examples": [] }, { "name": "maxHeight", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "autofocus", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "bottomBar", "required": false } ], "sub_components": [ { "name": "editor.toolbar", "tag": "\u003Cx-wirekit::editor.toolbar\u003E", "props": [ { "name": "commands", "default": "['bold', 'italic', 'strike', 'link', '|', 'bullet-list', 'ordered-list']", "default_normalized": "['bold', 'italic', 'strike', 'link', '|', 'bullet-list', 'ordered-list']", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "field", "tag": "\u003Cx-wirekit::field\u003E", "category": "Form", "description": "Form field wrapper with label, hint, and error", "docs_url": "https://docs.wirekit.app/components/field", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "required", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "for", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "orientation", "default": "'vertical'", "default_normalized": "'vertical'", "type_hint": null, "comment": "vertical (label above) | horizontal (label beside)", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "field.legend", "tag": "\u003Cx-wirekit::field.legend\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "field.set", "tag": "\u003Cx-wirekit::field.set\u003E", "props": [ { "name": "legend", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "field.spacer", "tag": "\u003Cx-wirekit::field.spacer\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "file-upload", "tag": "\u003Cx-wirekit::file-upload\u003E", "category": "Form", "description": "Drag-and-drop file upload area", "docs_url": "https://docs.wirekit.app/components/file-upload", "props": [ { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "id", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "multiple", "default": "config('wirekit.components.file-upload.multiple', false)", "default_normalized": "config('wirekit.components.file-upload.multiple', false)", "type_hint": null, "comment": null, "examples": [] }, { "name": "accept", "default": "config('wirekit.components.file-upload.accept', null)", "default_normalized": "config('wirekit.components.file-upload.accept', null)", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.file-upload.size', 'md')", "default_normalized": "config('wirekit.components.file-upload.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "__('wirekit::Drop files here or click to browse')", "default_normalized": "__('wirekit::Drop files here or click to browse')", "type_hint": null, "comment": null, "examples": [] }, { "name": "removeLabel", "default": "__('wirekit::Remove :name')", "default_normalized": "__('wirekit::Remove :name')", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "filter-builder", "tag": "\u003Cx-wirekit::filter-builder\u003E", "category": "Form", "description": "Active-filter chip bar with a typed add/edit popover (field/operator/value)", "docs_url": "https://docs.wirekit.app/components/filter-builder", "props": [ { "name": "fields", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "[{key,label,type,operators?,options?}]; type: text|number|select|date|bool", "examples": [] }, { "name": "value", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "active filters [{field,op,value}] (two-way via wire:model bridge)", "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "hidden-input name for plain-form submission", "examples": [] }, { "name": "searchable", "default": "config('wirekit.components.filter-builder.searchable', false)", "default_normalized": "config('wirekit.components.filter-builder.searchable', false)", "type_hint": null, "comment": "free-text search box", "examples": [] }, { "name": "searchPlaceholder", "default": "config('wirekit.components.filter-builder.search-placeholder', 'Search…')", "default_normalized": "config('wirekit.components.filter-builder.search-placeholder', 'Search…')", "type_hint": null, "comment": null, "examples": [] }, { "name": "addLabel", "default": "config('wirekit.components.filter-builder.add-label', 'Add filter')", "default_normalized": "config('wirekit.components.filter-builder.add-label', 'Add filter')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "status", "required": false } ], "sub_components": [] }, { "name": "form", "tag": "\u003Cx-wirekit::form\u003E", "category": "Form", "description": "Form wrapper that inherits an error-announcement policy to every control inside", "docs_url": "https://docs.wirekit.app/components/form", "props": [ { "name": "announceErrors", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "input", "tag": "\u003Cx-wirekit::input\u003E", "category": "Form", "description": "Text input with prefix/suffix support", "docs_url": "https://docs.wirekit.app/components/input", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideLabel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "render the label sr-only (kept for assistive tech) — for compact toolbar / header fields", "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "reserveMessage", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "success", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.input.size', 'md')", "default_normalized": "config('wirekit.components.input.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "type", "default": "'text'", "default_normalized": "'text'", "type_hint": null, "comment": null, "examples": [] }, { "name": "mono", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "prefix", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "suffix", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "clearable", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "copyable", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "required", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "readonly", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "autocomplete", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "placeholder", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "leading", "required": false }, { "name": "trailing", "required": false } ], "sub_components": [] }, { "name": "label", "tag": "\u003Cx-wirekit::label\u003E", "category": "Form", "description": "Form label with required indicator", "docs_url": "https://docs.wirekit.app/components/label", "props": [ { "name": "required", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "multi-select", "tag": "\u003Cx-wirekit::multi-select\u003E", "category": "Form", "description": "Multi-value select with tag display", "docs_url": "https://docs.wirekit.app/components/multi-select", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "options", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "option keys to pre-select on load (array or comma-separated string)", "examples": [] }, { "name": "placeholder", "default": "__('wirekit::Select...')", "default_normalized": "__('wirekit::Select...')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "ariaLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "number-input", "tag": "\u003Cx-wirekit::number-input\u003E", "category": "Form", "description": "Numeric input with stepper buttons", "docs_url": "https://docs.wirekit.app/components/number-input", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideLabel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.number-input.size', 'md')", "default_normalized": "config('wirekit.components.number-input.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "min", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "step", "default": "1", "default_normalized": "1", "type_hint": null, "comment": null, "examples": [] }, { "name": "prefix", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "suffix", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "otp-input", "tag": "\u003Cx-wirekit::otp-input\u003E", "category": "Form", "description": "One-time password input with auto-focus", "docs_url": "https://docs.wirekit.app/components/otp-input", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "length", "default": "6", "default_normalized": "6", "type_hint": null, "comment": null, "examples": [] }, { "name": "masked", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "alphabet", "default": "'0123456789'", "default_normalized": "'0123456789'", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "password-input", "tag": "\u003Cx-wirekit::password-input\u003E", "category": "Form", "description": "Password input with visibility toggle and strength meter", "docs_url": "https://docs.wirekit.app/components/password-input", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideLabel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.password-input.size', 'md')", "default_normalized": "config('wirekit.components.password-input.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "toggle", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "strengthMeter", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "radial-progress", "tag": "\u003Cx-wirekit::radial-progress\u003E", "category": "Display", "description": "Radial progress ring — determinate, token-driven, with threshold coloring", "docs_url": "https://docs.wirekit.app/components/radial-progress", "props": [ { "name": "value", "default": "0", "default_normalized": "0", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "100", "default_normalized": "100", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "valueText", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.radial-progress.size', 'md')", "default_normalized": "config('wirekit.components.radial-progress.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "intent", "default": "config('wirekit.components.radial-progress.intent', 'primary')", "default_normalized": "config('wirekit.components.radial-progress.intent', 'primary')", "type_hint": null, "comment": null, "examples": [] }, { "name": "warn", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "danger", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "animate", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "radio", "tag": "\u003Cx-wirekit::radio\u003E", "category": "Form", "description": "Radio button with label and hint", "docs_url": "https://docs.wirekit.app/components/radio", "props": [ { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.radio.size', 'md')", "default_normalized": "config('wirekit.components.radio.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "config('wirekit.components.radio.variant', 'default')", "default_normalized": "config('wirekit.components.radio.variant', 'default')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "range-slider", "tag": "\u003Cx-wirekit::range-slider\u003E", "category": "Form", "description": "Dual-thumb range slider", "docs_url": "https://docs.wirekit.app/components/range-slider", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "min", "default": "0", "default_normalized": "0", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "100", "default_normalized": "100", "type_hint": null, "comment": null, "examples": [] }, { "name": "step", "default": "1", "default_normalized": "1", "type_hint": null, "comment": null, "examples": [] }, { "name": "minValue", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "maxValue", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "showValues", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "valueTextMap", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "rating", "tag": "\u003Cx-wirekit::rating\u003E", "category": "Form", "description": "Star rating input", "docs_url": "https://docs.wirekit.app/components/rating", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "0", "default_normalized": "0", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "5", "default_normalized": "5", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "'star'", "default_normalized": "'star'", "type_hint": null, "comment": null, "examples": [] }, { "name": "readonly", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.rating.size', 'md')", "default_normalized": "config('wirekit.components.rating.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "inline-edit", "tag": "\u003Cx-wirekit::inline-edit\u003E", "category": "Form", "description": "Edit a value in place, with an explicit confirm step", "docs_url": "https://docs.wirekit.app/components/inline-edit", "props": [ { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "context", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "trigger", "default": "'always'", "default_normalized": "'always'", "type_hint": null, "comment": null, "examples": [] }, { "name": "openOnValueClick", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "exclusive", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "control", "default": "'text'", "default_normalized": "'text'", "type_hint": null, "comment": null, "examples": [] }, { "name": "options", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "displayValue", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "emptyText", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "commitOn", "default": "'explicit'", "default_normalized": "'explicit'", "type_hint": null, "comment": null, "examples": [] }, { "name": "actions", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "'md'", "default_normalized": "'md'", "type_hint": null, "comment": null, "examples": [] }, { "name": "width", "default": "'full'", "default_normalized": "'full'", "type_hint": null, "comment": null, "examples": [] }, { "name": "loading", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "loadingTarget", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "rows", "default": "'auto'", "default_normalized": "'auto'", "type_hint": null, "comment": null, "examples": [] }, { "name": "saveTimeout", "default": "10000", "default_normalized": "10000", "type_hint": null, "comment": null, "examples": [] }, { "name": "unknownMessage", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "editor", "required": false } ], "sub_components": [] }, { "name": "select", "tag": "\u003Cx-wirekit::select\u003E", "category": "Form", "description": "Native select dropdown", "docs_url": "https://docs.wirekit.app/components/select", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideLabel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "render the label sr-only (kept for assistive tech) — for compact toolbar / header fields", "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "reserveMessage", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "success", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.select.size', 'md')", "default_normalized": "config('wirekit.components.select.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "placeholder", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "options", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "slider", "tag": "\u003Cx-wirekit::slider\u003E", "category": "Form", "description": "Single-thumb slider with value display", "docs_url": "https://docs.wirekit.app/components/slider", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "id", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "min", "default": "config('wirekit.components.slider.min', 0)", "default_normalized": "config('wirekit.components.slider.min', 0)", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "config('wirekit.components.slider.max', 100)", "default_normalized": "config('wirekit.components.slider.max', 100)", "type_hint": null, "comment": null, "examples": [] }, { "name": "step", "default": "config('wirekit.components.slider.step', 1)", "default_normalized": "config('wirekit.components.slider.step', 1)", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.slider.size', 'md')", "default_normalized": "config('wirekit.components.slider.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "showValue", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "marks", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "valueTextMap", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "tooltip", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "tags-input", "tag": "\u003Cx-wirekit::tags-input\u003E", "category": "Form", "description": "Tag entry input with add/remove", "docs_url": "https://docs.wirekit.app/components/tags-input", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "maxTags", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "placeholder", "default": "__('wirekit::Add a tag...')", "default_normalized": "__('wirekit::Add a tag...')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "textarea", "tag": "\u003Cx-wirekit::textarea\u003E", "category": "Form", "description": "Multi-line text input with resize control", "docs_url": "https://docs.wirekit.app/components/textarea", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideLabel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "render the label sr-only (kept for assistive tech) — for compact toolbar / header fields", "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "reserveMessage", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "success", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.textarea.size', 'md')", "default_normalized": "config('wirekit.components.textarea.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "rows", "default": "config('wirekit.components.textarea.rows', 3)", "default_normalized": "config('wirekit.components.textarea.rows', 3)", "type_hint": null, "comment": null, "examples": [] }, { "name": "resize", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "time-picker", "tag": "\u003Cx-wirekit::time-picker\u003E", "category": "Form", "description": "Time selection input", "docs_url": "https://docs.wirekit.app/components/time-picker", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "format", "default": "'24h'", "default_normalized": "'24h'", "type_hint": null, "comment": "24h | 12h", "examples": [] }, { "name": "step", "default": "15", "default_normalized": "15", "type_hint": null, "comment": "Minutes interval for quick-pick dropdown", "examples": [] }, { "name": "size", "default": "config('wirekit.components.time-picker.size', 'md')", "default_normalized": "config('wirekit.components.time-picker.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "toggle", "tag": "\u003Cx-wirekit::toggle\u003E", "category": "Form", "description": "Toggle switch with label and hint", "docs_url": "https://docs.wirekit.app/components/toggle", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "announceError", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideLabel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.toggle.size', 'md')", "default_normalized": "config('wirekit.components.toggle.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "toggle-button", "tag": "\u003Cx-wirekit::toggle-button\u003E", "category": "Display", "description": "Single two-state button that stays pressed (aria-pressed) — the bold/italic/mute shape", "docs_url": "https://docs.wirekit.app/components/toggle-button", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "pressed", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "selfToggle", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "'md'", "default_normalized": "'md'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "app-rail", "tag": "\u003Cx-wirekit::app-rail\u003E", "category": "Navigation", "description": "Full-height module rail with tooltip, below (captions under the icons), or inline labels", "docs_url": "https://docs.wirekit.app/components/app-rail", "props": [ { "name": "labels", "default": "'tooltip'", "default_normalized": "'tooltip'", "type_hint": null, "comment": null, "examples": [] }, { "name": "expandable", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "expanded", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "persist", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "persistDriver", "default": "'local'", "default_normalized": "'local'", "type_hint": null, "comment": null, "examples": [] }, { "name": "tone", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'flush'", "default_normalized": "'flush'", "type_hint": null, "comment": null, "examples": [] }, { "name": "indicator", "default": "'pill'", "default_normalized": "'pill'", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "__('wirekit::Modules')", "default_normalized": "__('wirekit::Modules')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "brand", "required": false }, { "name": "footer", "required": false }, { "name": "slot", "required": true } ], "sub_components": [ { "name": "app-rail.brand", "tag": "\u003Cx-wirekit::app-rail.brand\u003E", "props": [ { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "description", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "app-rail.group", "tag": "\u003Cx-wirekit::app-rail.group\u003E", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "separated", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "app-rail.item", "tag": "\u003Cx-wirekit::app-rail.item\u003E", "props": [ { "name": "href", "default": "'#'", "default_normalized": "'#'", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'a'", "default_normalized": "'a'", "type_hint": null, "comment": null, "examples": [] }, { "name": "active", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "badge", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "placement", "default": "'right'", "default_normalized": "'right'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "app-shell", "tag": "\u003Cx-wirekit::app-shell\u003E", "category": "Layout", "description": "App shell with header, sidebar, and main content", "docs_url": "https://docs.wirekit.app/components/app-shell", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "viewport", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "sidebarInset", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "headerPlacement", "default": "'shell'", "default_normalized": "'shell'", "type_hint": null, "comment": null, "examples": [] }, { "name": "panel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "tone", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "rail", "required": false }, { "name": "sidebar", "required": false }, { "name": "header", "required": false }, { "name": "slot", "required": false } ], "sub_components": [] }, { "name": "aspect-ratio", "tag": "\u003Cx-wirekit::aspect-ratio\u003E", "category": "Layout", "description": "Constrained aspect ratio wrapper", "docs_url": "https://docs.wirekit.app/components/aspect-ratio", "props": [ { "name": "ratio", "default": "'16/9'", "default_normalized": "'16/9'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "center", "tag": "\u003Cx-wirekit::center\u003E", "category": "Layout", "description": "Center content horizontally and vertically", "docs_url": "https://docs.wirekit.app/components/center", "props": [ { "name": "inline", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'div'", "default_normalized": "'div'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "container", "tag": "\u003Cx-wirekit::container\u003E", "category": "Layout", "description": "Max-width content container with optional padding", "docs_url": "https://docs.wirekit.app/components/container", "props": [ { "name": "max", "default": "config('wirekit.components.container.max', 'xl')", "default_normalized": "config('wirekit.components.container.max', 'xl')", "type_hint": null, "comment": null, "examples": [] }, { "name": "padding", "default": "config('wirekit.components.container.padding', 'md')", "default_normalized": "config('wirekit.components.container.padding', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "center", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'div'", "default_normalized": "'div'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "divider", "tag": "\u003Cx-wirekit::divider\u003E", "category": "Layout", "description": "Horizontal or vertical divider with optional label", "docs_url": "https://docs.wirekit.app/components/divider", "props": [ { "name": "orientation", "default": "'horizontal'", "default_normalized": "'horizontal'", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "grid", "tag": "\u003Cx-wirekit::grid\u003E", "category": "Layout", "description": "CSS grid with responsive column syntax", "docs_url": "https://docs.wirekit.app/components/grid", "props": [ { "name": "cols", "default": "config('wirekit.components.grid.cols', 1)", "default_normalized": "config('wirekit.components.grid.cols', 1)", "type_hint": null, "comment": "@example \"1 md:2 lg:4\" @example \"1 sm:2 md:3 lg:4 xl:6\"", "examples": [ "1 md:2 lg:4", "1 sm:2 md:3 lg:4 xl:6" ] }, { "name": "min", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "@example \"14rem\" @example \"20ch\"", "examples": [ "14rem", "20ch" ] }, { "name": "template", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "@example \"14rem 1fr 18rem\" @example \"4.5rem repeat(7, minmax(0, 1fr))\"", "examples": [ "14rem 1fr 18rem", "4.5rem repeat(7, minmax(0, 1fr))" ] }, { "name": "gap", "default": "config('wirekit.components.grid.gap', 'md')", "default_normalized": "config('wirekit.components.grid.gap', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "align", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'div'", "default_normalized": "'div'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "header", "tag": "\u003Cx-wirekit::header\u003E", "category": "Layout", "description": "Sticky page header for app-shell layouts", "docs_url": "https://docs.wirekit.app/components/header", "props": [ { "name": "sticky", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "container", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "logo-cloud", "tag": "\u003Cx-wirekit::logo-cloud\u003E", "category": "Marketing", "description": "Partner / customer logo wall, exposed as a labeled list", "docs_url": "https://docs.wirekit.app/components/logo-cloud", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "ariaLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "muted", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "main", "tag": "\u003Cx-wirekit::main\u003E", "category": "Layout", "description": "Primary content area in app-shell layouts", "docs_url": "https://docs.wirekit.app/components/main", "props": [ { "name": "container", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "padding", "default": "config('wirekit.components.main.padding', 'lg')", "default_normalized": "config('wirekit.components.main.padding', 'lg')", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "id", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "resizable", "tag": "\u003Cx-wirekit::resizable\u003E", "category": "Layout", "description": "Resizable panel layout", "docs_url": "https://docs.wirekit.app/components/resizable", "props": [ { "name": "direction", "default": "'horizontal'", "default_normalized": "'horizontal'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "resizable.handle", "tag": "\u003Cx-wirekit::resizable.handle\u003E", "props": [ { "name": "index", "default": "0", "default_normalized": "0", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "resizable.panel", "tag": "\u003Cx-wirekit::resizable.panel\u003E", "props": [ { "name": "defaultSize", "default": "50", "default_normalized": "50", "type_hint": null, "comment": null, "examples": [] }, { "name": "minSize", "default": "10", "default_normalized": "10", "type_hint": null, "comment": null, "examples": [] }, { "name": "maxSize", "default": "90", "default_normalized": "90", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "band", "tag": "\u003Cx-wirekit::band\u003E", "category": "Layout", "description": "Edge-to-edge strip with padding and one rule", "docs_url": "https://docs.wirekit.app/components/band", "props": [ { "name": "edge", "default": "'bottom'", "default_normalized": "'bottom'", "type_hint": null, "comment": null, "examples": [] }, { "name": "padding", "default": "'sm'", "default_normalized": "'sm'", "type_hint": null, "comment": null, "examples": [] }, { "name": "surface", "default": "'none'", "default_normalized": "'none'", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'div'", "default_normalized": "'div'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "row", "tag": "\u003Cx-wirekit::row\u003E", "category": "Layout", "description": "Horizontal flex container", "docs_url": "https://docs.wirekit.app/components/row", "props": [ { "name": "gap", "default": "config('wirekit.components.row.gap', 'md')", "default_normalized": "config('wirekit.components.row.gap', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "align", "default": "'center'", "default_normalized": "'center'", "type_hint": null, "comment": null, "examples": [] }, { "name": "alignFields", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "justify", "default": "'start'", "default_normalized": "'start'", "type_hint": null, "comment": null, "examples": [] }, { "name": "wrap", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'div'", "default_normalized": "'div'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "section", "tag": "\u003Cx-wirekit::section\u003E", "category": "Layout", "description": "Full-width page section with background and padding", "docs_url": "https://docs.wirekit.app/components/section", "props": [ { "name": "padding", "default": "config('wirekit.components.section.padding', 'xl')", "default_normalized": "config('wirekit.components.section.padding', 'xl')", "type_hint": null, "comment": null, "examples": [] }, { "name": "background", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "divider", "default": "'none'", "default_normalized": "'none'", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'section'", "default_normalized": "'section'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "spacer", "tag": "\u003Cx-wirekit::spacer\u003E", "category": "Layout", "description": "Flexible space filler in flex layouts", "docs_url": "https://docs.wirekit.app/components/spacer", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "stack", "tag": "\u003Cx-wirekit::stack\u003E", "category": "Layout", "description": "Vertical flex container", "docs_url": "https://docs.wirekit.app/components/stack", "props": [ { "name": "gap", "default": "config('wirekit.components.stack.gap', 'md')", "default_normalized": "config('wirekit.components.stack.gap', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "align", "default": "'stretch'", "default_normalized": "'stretch'", "type_hint": null, "comment": null, "examples": [] }, { "name": "justify", "default": "'start'", "default_normalized": "'start'", "type_hint": null, "comment": null, "examples": [] }, { "name": "wrap", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'div'", "default_normalized": "'div'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "sticky-panel", "tag": "\u003Cx-wirekit::sticky-panel\u003E", "category": "Layout", "description": "Sticky companion column (header / scrollable body / footer) pinned beside an article", "docs_url": "https://docs.wirekit.app/components/sticky-panel", "props": [ { "name": "offset", "default": "'2rem'", "default_normalized": "'2rem'", "type_hint": null, "comment": null, "examples": [] }, { "name": "maxHeight", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "width", "default": "'20rem'", "default_normalized": "'20rem'", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideBelow", "default": "'md'", "default_normalized": "'md'", "type_hint": null, "comment": null, "examples": [] }, { "name": "mobileBehavior", "default": "'inline'", "default_normalized": "'inline'", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scrollShadow", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "header", "required": false }, { "name": "footer", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "skip-link", "tag": "\u003Cx-wirekit::skip-link\u003E", "category": "Layout", "description": "WCAG 2.4.1 skip-link to main landmark (keyboard bypass)", "docs_url": "https://docs.wirekit.app/components/skip-link", "props": [ { "name": "target", "default": "'main-content'", "default_normalized": "'main-content'", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "__('wirekit::Skip to main content')", "default_normalized": "__('wirekit::Skip to main content')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "visually-hidden", "tag": "\u003Cx-wirekit::visually-hidden\u003E", "category": "Layout", "description": "Screen-reader-only content wrapper", "docs_url": "https://docs.wirekit.app/components/visually-hidden", "props": [ { "name": "as", "default": "'span'", "default_normalized": "'span'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "blockquote", "tag": "\u003Cx-wirekit::blockquote\u003E", "category": "Typography", "description": "Styled blockquote with optional citation", "docs_url": "https://docs.wirekit.app/components/blockquote", "props": [ { "name": "cite", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "code", "tag": "\u003Cx-wirekit::code\u003E", "category": "Typography", "description": "Inline code with monospace font", "docs_url": "https://docs.wirekit.app/components/code", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "code-block", "tag": "\u003Cx-wirekit::code-block\u003E", "category": "Typography", "description": "Multi-line code block with copy button", "docs_url": "https://docs.wirekit.app/components/code-block", "props": [ { "name": "language", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "filename", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "copy", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "heading", "tag": "\u003Cx-wirekit::heading\u003E", "category": "Typography", "description": "Semantic heading (h1–h6) with auto-sizing", "docs_url": "https://docs.wirekit.app/components/heading", "props": [ { "name": "level", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "accent", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "tracking", "default": "'normal'", "default_normalized": "'normal'", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "highlight", "tag": "\u003Cx-wirekit::highlight\u003E", "category": "Typography", "description": "Text with highlighted query matches", "docs_url": "https://docs.wirekit.app/components/highlight", "props": [ { "name": "query", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'span'", "default_normalized": "'span'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "indicator", "tag": "\u003Cx-wirekit::indicator\u003E", "category": "Display", "description": "Anchors a count badge, status dot, or ribbon to any corner of any target — RTL-safe", "docs_url": "https://docs.wirekit.app/components/indicator", "props": [ { "name": "position", "default": "'top-end'", "default_normalized": "'top-end'", "type_hint": null, "comment": null, "examples": [] }, { "name": "offset", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "badge", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "kbd", "tag": "\u003Cx-wirekit::kbd\u003E", "category": "Typography", "description": "Keyboard key indicator", "docs_url": "https://docs.wirekit.app/components/kbd", "props": [ { "name": "size", "default": "'md'", "default_normalized": "'md'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "link", "tag": "\u003Cx-wirekit::link\u003E", "category": "Typography", "description": "Styled anchor with external link support", "docs_url": "https://docs.wirekit.app/components/link", "props": [ { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "external", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "underline", "default": "'always'", "default_normalized": "'always'", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'a'", "default_normalized": "'a'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "list", "tag": "\u003Cx-wirekit::list\u003E", "category": "Typography", "description": "Ordered or unordered list with type (disc / decimal / roman / alpha / none) and spacing variants", "docs_url": "https://docs.wirekit.app/components/list", "props": [ { "name": "type", "default": "'disc'", "default_normalized": "'disc'", "type_hint": null, "comment": null, "examples": [] }, { "name": "spacing", "default": "'sm'", "default_normalized": "'sm'", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "list.item", "tag": "\u003Cx-wirekit::list.item\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "mark", "tag": "\u003Cx-wirekit::mark\u003E", "category": "Typography", "description": "Highlighted text mark", "docs_url": "https://docs.wirekit.app/components/mark", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "prose", "tag": "\u003Cx-wirekit::prose\u003E", "category": "Typography", "description": "Typography wrapper for raw HTML content", "docs_url": "https://docs.wirekit.app/components/prose", "props": [ { "name": "size", "default": "'md'", "default_normalized": "'md'", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "density", "default": "'comfortable'", "default_normalized": "'comfortable'", "type_hint": null, "comment": null, "examples": [] }, { "name": "measure", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "preset", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "team-section", "tag": "\u003Cx-wirekit::team-section\u003E", "category": "Marketing", "description": "Team roster grid, exposed as a labeled list", "docs_url": "https://docs.wirekit.app/components/team-section", "props": [ { "name": "label", "default": "__('wirekit::Team')", "default_normalized": "__('wirekit::Team')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "team-member", "tag": "\u003Cx-wirekit::team-member\u003E", "category": "Marketing", "description": "One person in a team section — avatar, name, role, links", "docs_url": null, "props": [ { "name": "name", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "role", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "avatar", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "initials", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "text", "tag": "\u003Cx-wirekit::text\u003E", "category": "Typography", "description": "Body text with size, variant, and weight", "docs_url": "https://docs.wirekit.app/components/text", "props": [ { "name": "size", "default": "'base'", "default_normalized": "'base'", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": "back-compat alias of `intent`", "examples": [] }, { "name": "intent", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "canonical color axis: default | muted | subtle | accent | success | warning | danger. null → falls back to `variant`", "examples": [] }, { "name": "weight", "default": "'normal'", "default_normalized": "'normal'", "type_hint": null, "comment": null, "examples": [] }, { "name": "align", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "truncate", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "lineClamp", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'p'", "default_normalized": "'p'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "bento-grid", "tag": "\u003Cx-wirekit::bento-grid\u003E", "category": "Layout", "description": "Asymmetric feature showcase — cells claim different amounts of space", "docs_url": "https://docs.wirekit.app/components/bento-grid", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "gap", "default": "config('wirekit.components.bento-grid.gap', 'md')", "default_normalized": "config('wirekit.components.bento-grid.gap', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "bento-cell", "tag": "\u003Cx-wirekit::bento-cell\u003E", "category": "Layout", "description": "One cell of a bento grid; claims 1x1, 2x1, 1x2 or 2x2 from md up", "docs_url": null, "props": [ { "name": "span", "default": "'1x1'", "default_normalized": "'1x1'", "type_hint": null, "comment": null, "examples": [] }, { "name": "emphasis", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "bleed", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "bottom-nav", "tag": "\u003Cx-wirekit::bottom-nav\u003E", "category": "Navigation", "description": "Fixed mobile tab bar — safe-area aware, 44px targets, aria-current", "docs_url": "https://docs.wirekit.app/components/bottom-nav", "props": [ { "name": "label", "default": "__('wirekit::Main')", "default_normalized": "__('wirekit::Main')", "type_hint": null, "comment": null, "examples": [] }, { "name": "mobileOnly", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "interactive", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "bottom-nav.item", "tag": "\u003Cx-wirekit::bottom-nav.item\u003E", "props": [ { "name": "href", "default": "'#'", "default_normalized": "'#'", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "active", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "badge", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "brand", "tag": "\u003Cx-wirekit::brand\u003E", "category": "Navigation", "description": "Logo and name combo for header/sidebar", "docs_url": "https://docs.wirekit.app/components/brand", "props": [ { "name": "logo", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "mobileLogo", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "darkLogo", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "mobileBreakpoint", "default": "'sm'", "default_normalized": "'sm'", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "href", "default": "'/'", "default_normalized": "'/'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "brand-bar", "tag": "\u003Cx-wirekit::brand-bar\u003E", "category": "Navigation", "description": "Page-chrome wrapper for brand + tagline + actions with content-edge padding", "docs_url": "https://docs.wirekit.app/components/brand-bar", "props": [ { "name": "as", "default": "'header'", "default_normalized": "'header'", "type_hint": null, "comment": null, "examples": [] }, { "name": "divider", "default": "'bottom'", "default_normalized": "'bottom'", "type_hint": null, "comment": null, "examples": [] }, { "name": "padding", "default": "'lg'", "default_normalized": "'lg'", "type_hint": null, "comment": null, "examples": [] }, { "name": "sticky", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "container", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "brand", "required": false }, { "name": "tagline", "required": false }, { "name": "actions", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "breadcrumb", "tag": "\u003Cx-wirekit::breadcrumb\u003E", "category": "Navigation", "description": "Breadcrumb trail with separator", "docs_url": "https://docs.wirekit.app/components/breadcrumb", "props": [ { "name": "items", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "separator", "default": "config('wirekit.components.breadcrumb.separator', 'chevron')", "default_normalized": "config('wirekit.components.breadcrumb.separator', 'chevron')", "type_hint": null, "comment": null, "examples": [] }, { "name": "schema", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "menubar", "tag": "\u003Cx-wirekit::menubar\u003E", "category": "Navigation", "description": "Horizontal menu bar with dropdowns", "docs_url": "https://docs.wirekit.app/components/menubar", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "menubar.item", "tag": "\u003Cx-wirekit::menubar.item\u003E", "props": [ { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "danger", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "shortcut", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "menubar.menu", "tag": "\u003Cx-wirekit::menubar.menu\u003E", "props": [ { "name": "label", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "menubar.separator", "tag": "\u003Cx-wirekit::menubar.separator\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "menubar.submenu", "tag": "\u003Cx-wirekit::menubar.submenu\u003E", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "Parent item text (or pass a \u003Cx-slot:label\u003E for rich content)", "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "Optional leading icon (WireKit icon system)", "examples": [] }, { "name": "placement", "default": "'right-start'", "default_normalized": "'right-start'", "type_hint": null, "comment": "Floating UI placement of the child panel", "examples": [] }, { "name": "offset", "default": "0", "default_normalized": "0", "type_hint": null, "comment": "Gap between the parent item and the child panel", "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "navbar", "tag": "\u003Cx-wirekit::navbar\u003E", "category": "Navigation", "description": "Top navigation bar", "docs_url": "https://docs.wirekit.app/components/navbar", "props": [ { "name": "variant", "default": "config('wirekit.components.navbar.variant', 'default')", "default_normalized": "config('wirekit.components.navbar.variant', 'default')", "type_hint": null, "comment": null, "examples": [] }, { "name": "sticky", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "forceMobile", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "container", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "brand", "required": false }, { "name": "actions", "required": false }, { "name": "slot", "required": true } ], "sub_components": [ { "name": "navbar.item", "tag": "\u003Cx-wirekit::navbar.item\u003E", "props": [ { "name": "href", "default": "'#'", "default_normalized": "'#'", "type_hint": null, "comment": null, "examples": [] }, { "name": "active", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "navigation-menu", "tag": "\u003Cx-wirekit::navigation-menu\u003E", "category": "Navigation", "description": "Accessible navigation menu with mega-menu support", "docs_url": "https://docs.wirekit.app/components/navigation-menu", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "navigation-menu.item", "tag": "\u003Cx-wirekit::navigation-menu.item\u003E", "props": [ { "name": "trigger", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "navigation-menu.link", "tag": "\u003Cx-wirekit::navigation-menu.link\u003E", "props": [ { "name": "href", "default": "'#'", "default_normalized": "'#'", "type_hint": null, "comment": null, "examples": [] }, { "name": "active", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "pagination", "tag": "\u003Cx-wirekit::pagination\u003E", "category": "Navigation", "description": "Page navigation for paginated data", "docs_url": "https://docs.wirekit.app/components/pagination", "props": [ { "name": "paginator", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "config('wirekit.components.pagination.variant', 'full')", "default_normalized": "config('wirekit.components.pagination.variant', 'full')", "type_hint": null, "comment": "full | simple | mini", "examples": [] }, { "name": "justify", "default": "config('wirekit.components.pagination.justify', 'between')", "default_normalized": "config('wirekit.components.pagination.justify', 'between')", "type_hint": null, "comment": "between | center | end | start", "examples": [] }, { "name": "previousLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "nextLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "profile", "tag": "\u003Cx-wirekit::profile\u003E", "category": "Navigation", "description": "Avatar and name display for headers", "docs_url": "https://docs.wirekit.app/components/profile", "props": [ { "name": "avatar", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "interactive", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'div'", "default_normalized": "'div'", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "scroll-to-top", "tag": "\u003Cx-wirekit::scroll-to-top\u003E", "category": "Navigation", "description": "Floating scroll-to-top button", "docs_url": "https://docs.wirekit.app/components/scroll-to-top", "props": [ { "name": "threshold", "default": "1.5", "default_normalized": "1.5", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.scroll-to-top.size', 'md')", "default_normalized": "config('wirekit.components.scroll-to-top.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "position", "default": "'bottom-right'", "default_normalized": "'bottom-right'", "type_hint": null, "comment": null, "examples": [] }, { "name": "forceVisible", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "shell-bar", "tag": "\u003Cx-wirekit::shell-bar\u003E", "category": "Layout", "description": "Aligned column head that draws an app shell's top rule", "docs_url": "https://docs.wirekit.app/components/shell-bar", "props": [ { "name": "rule", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "padding", "default": "'lg'", "default_normalized": "'lg'", "type_hint": null, "comment": null, "examples": [] }, { "name": "align", "default": "'between'", "default_normalized": "'between'", "type_hint": null, "comment": null, "examples": [] }, { "name": "sticky", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "bleed", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "start", "required": false }, { "name": "end", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "scope-switcher", "tag": "\u003Cx-wirekit::scope-switcher\u003E", "category": "Navigation", "description": "Searchable switcher for the team, server or site a page is about", "docs_url": "https://docs.wirekit.app/components/scope-switcher", "props": [ { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "items", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "current", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "create", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "searchPlaceholder", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "emptyText", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "placement", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "width", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "listMaxHeight", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "sidebar", "tag": "\u003Cx-wirekit::sidebar\u003E", "category": "Navigation", "description": "Vertical sidebar navigation", "docs_url": "https://docs.wirekit.app/components/sidebar", "props": [ { "name": "collapsible", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "collapsed", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "mode", "default": "'navigation'", "default_normalized": "'navigation'", "type_hint": null, "comment": null, "examples": [] }, { "name": "selected", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'card'", "default_normalized": "'card'", "type_hint": null, "comment": null, "examples": [] }, { "name": "tone", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "toggle", "default": "'end'", "default_normalized": "'end'", "type_hint": null, "comment": null, "examples": [] }, { "name": "persist", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "persistDriver", "default": "'local'", "default_normalized": "'local'", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "__('wirekit::Sidebar')", "default_normalized": "__('wirekit::Sidebar')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scrollShadows", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "zoneInset", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "header", "required": false }, { "name": "footer", "required": false } ], "sub_components": [ { "name": "sidebar.collapsible", "tag": "\u003Cx-wirekit::sidebar.collapsible\u003E", "props": [ { "name": "label", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "open", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "persist", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "sidebar.group", "tag": "\u003Cx-wirekit::sidebar.group\u003E", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "collapsible", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "open", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "persist", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "sidebar.item", "tag": "\u003Cx-wirekit::sidebar.item\u003E", "props": [ { "name": "href", "default": "'#'", "default_normalized": "'#'", "type_hint": null, "comment": null, "examples": [] }, { "name": "active", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "submenu", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "badge", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "sidebar.toggle", "tag": "\u003Cx-wirekit::sidebar.toggle\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "stepper", "tag": "\u003Cx-wirekit::stepper\u003E", "category": "Navigation", "description": "Step indicator for multi-step flows", "docs_url": "https://docs.wirekit.app/components/stepper", "props": [ { "name": "steps", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "current", "default": "1", "default_normalized": "1", "type_hint": null, "comment": null, "examples": [] }, { "name": "orientation", "default": "config('wirekit.components.stepper.orientation', 'horizontal')", "default_normalized": "config('wirekit.components.stepper.orientation', 'horizontal')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "wizard", "tag": "\u003Cx-wirekit::wizard\u003E", "category": "Navigation", "description": "Multi-step flow container — holds the step, gates advancing, announces the change", "docs_url": "https://docs.wirekit.app/components/wizard", "props": [ { "name": "steps", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "current", "default": "1", "default_normalized": "1", "type_hint": null, "comment": null, "examples": [] }, { "name": "indicator", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "orientation", "default": "config('wirekit.components.wizard.orientation', 'horizontal')", "default_normalized": "config('wirekit.components.wizard.orientation', 'horizontal')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "controls", "required": false }, { "name": "slot", "required": true } ], "sub_components": [ { "name": "wizard.step", "tag": "\u003Cx-wirekit::wizard.step\u003E", "props": [ { "name": "index", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "complete", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "tabs", "tag": "\u003Cx-wirekit::tabs\u003E", "category": "Navigation", "description": "Tabbed content navigation", "docs_url": "https://docs.wirekit.app/components/tabs", "props": [ { "name": "items", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "default", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "active", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "config('wirekit.components.tabs.variant', 'underline')", "default_normalized": "config('wirekit.components.tabs.variant', 'underline')", "type_hint": null, "comment": null, "examples": [] }, { "name": "orientation", "default": "'horizontal'", "default_normalized": "'horizontal'", "type_hint": null, "comment": "horizontal (default) | vertical", "examples": [] }, { "name": "label", "default": "__('wirekit::Tabs')", "default_normalized": "__('wirekit::Tabs')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [ { "name": "tabs.list", "tag": "\u003Cx-wirekit::tabs.list\u003E", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'underline'", "default_normalized": "'underline'", "type_hint": null, "comment": null, "examples": [] }, { "name": "orientation", "default": "'horizontal'", "default_normalized": "'horizontal'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "tabs.tab", "tag": "\u003Cx-wirekit::tabs.tab\u003E", "props": [ { "name": "selected", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "badge", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "alert-dialog", "tag": "\u003Cx-wirekit::alert-dialog\u003E", "category": "Overlay", "description": "Confirmation dialog with required action", "docs_url": "https://docs.wirekit.app/components/alert-dialog", "props": [ { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "dismissible", "default": "config('wirekit.components.alert-dialog.dismissible', false)", "default_normalized": "config('wirekit.components.alert-dialog.dismissible', false)", "type_hint": null, "comment": null, "examples": [] }, { "name": "initialFocus", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "focusReturnTo", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "confirmationPhrase", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "describedby", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "trigger", "required": false }, { "name": "slot", "required": true } ], "sub_components": [ { "name": "alert-dialog.actions", "tag": "\u003Cx-wirekit::alert-dialog.actions\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "alert-dialog.cancel", "tag": "\u003Cx-wirekit::alert-dialog.cancel\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "alert-dialog.confirm", "tag": "\u003Cx-wirekit::alert-dialog.confirm\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "alert-dialog.confirmation", "tag": "\u003Cx-wirekit::alert-dialog.confirmation\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "alert-dialog.description", "tag": "\u003Cx-wirekit::alert-dialog.description\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "alert-dialog.title", "tag": "\u003Cx-wirekit::alert-dialog.title\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "command-palette", "tag": "\u003Cx-wirekit::command-palette\u003E", "category": "Overlay", "description": "Searchable command palette (⌘K)", "docs_url": "https://docs.wirekit.app/components/command-palette", "props": [ { "name": "hotkey", "default": "'cmd+k'", "default_normalized": "'cmd+k'", "type_hint": null, "comment": null, "examples": [] }, { "name": "placeholder", "default": "__('wirekit::Search commands...')", "default_normalized": "__('wirekit::Search commands...')", "type_hint": null, "comment": null, "examples": [] }, { "name": "teleport", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "lockScroll", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "footer", "required": false }, { "name": "slot", "required": true } ], "sub_components": [ { "name": "command-palette.empty", "tag": "\u003Cx-wirekit::command-palette.empty\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "command-palette.group", "tag": "\u003Cx-wirekit::command-palette.group\u003E", "props": [ { "name": "heading", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "command-palette.item", "tag": "\u003Cx-wirekit::command-palette.item\u003E", "props": [ { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "shortcut", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "id", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "context-menu", "tag": "\u003Cx-wirekit::context-menu\u003E", "category": "Overlay", "description": "Right-click context menu", "docs_url": "https://docs.wirekit.app/components/context-menu", "props": [ { "name": "teleport", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "trigger", "required": true }, { "name": "slot", "required": true } ], "sub_components": [ { "name": "context-menu.item", "tag": "\u003Cx-wirekit::context-menu.item\u003E", "props": [ { "name": "danger", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "context-menu.separator", "tag": "\u003Cx-wirekit::context-menu.separator\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "context-menu.submenu", "tag": "\u003Cx-wirekit::context-menu.submenu\u003E", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "Parent item text (or pass a \u003Cx-slot:label\u003E for rich content)", "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "Optional leading icon (WireKit icon system)", "examples": [] }, { "name": "placement", "default": "'right-start'", "default_normalized": "'right-start'", "type_hint": null, "comment": "Floating UI placement of the child panel", "examples": [] }, { "name": "offset", "default": "0", "default_normalized": "0", "type_hint": null, "comment": "Gap between the parent item and the child panel", "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "drawer", "tag": "\u003Cx-wirekit::drawer\u003E", "category": "Overlay", "description": "Slide-out panel from screen edge", "docs_url": "https://docs.wirekit.app/components/drawer", "props": [ { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "position", "default": "config('wirekit.components.drawer.position', 'right')", "default_normalized": "config('wirekit.components.drawer.position', 'right')", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.drawer.size', 'md')", "default_normalized": "config('wirekit.components.drawer.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "dismissible", "default": "config('wirekit.components.drawer.dismissible', true)", "default_normalized": "config('wirekit.components.drawer.dismissible', true)", "type_hint": null, "comment": null, "examples": [] }, { "name": "describedby", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "drawer.body", "tag": "\u003Cx-wirekit::drawer.body\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "drawer.close", "tag": "\u003Cx-wirekit::drawer.close\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "drawer.footer", "tag": "\u003Cx-wirekit::drawer.footer\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "drawer.header", "tag": "\u003Cx-wirekit::drawer.header\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "close", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "dropdown", "tag": "\u003Cx-wirekit::dropdown\u003E", "category": "Overlay", "description": "Dropdown menu with items", "docs_url": "https://docs.wirekit.app/components/dropdown", "props": [ { "name": "placement", "default": "config('wirekit.components.dropdown.placement', 'bottom-start')", "default_normalized": "config('wirekit.components.dropdown.placement', 'bottom-start')", "type_hint": null, "comment": null, "examples": [] }, { "name": "offset", "default": "config('wirekit.components.dropdown.offset', 8)", "default_normalized": "config('wirekit.components.dropdown.offset', 8)", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "trigger", "required": false }, { "name": "slot", "required": true } ], "sub_components": [ { "name": "dropdown.checkbox-item", "tag": "\u003Cx-wirekit::dropdown.checkbox-item\u003E", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "checked", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "shortcut", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "keyboard-shortcut hint at the inline-end", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "dropdown.item", "tag": "\u003Cx-wirekit::dropdown.item\u003E", "props": [ { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "danger", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "shortcut", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "keyboard-shortcut hint shown at the inline-end (e.g. \"⌘K\")", "examples": [] }, { "name": "active", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "dropdown.panel", "tag": "\u003Cx-wirekit::dropdown.panel\u003E", "props": [ { "name": "width", "default": "config('wirekit.components.dropdown.panel.width', 'auto')", "default_normalized": "config('wirekit.components.dropdown.panel.width', 'auto')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "dropdown.radio-item", "tag": "\u003Cx-wirekit::dropdown.radio-item\u003E", "props": [ { "name": "model", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "name of the Alpine variable holding the group's selected value", "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "this option's value", "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "shortcut", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "dropdown.separator", "tag": "\u003Cx-wirekit::dropdown.separator\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "dropdown.submenu", "tag": "\u003Cx-wirekit::dropdown.submenu\u003E", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "Parent item text (or pass a \u003Cx-slot:label\u003E for rich content)", "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "Optional leading icon (WireKit icon system)", "examples": [] }, { "name": "placement", "default": "'right-start'", "default_normalized": "'right-start'", "type_hint": null, "comment": "Floating UI placement of the child panel", "examples": [] }, { "name": "offset", "default": "0", "default_normalized": "0", "type_hint": null, "comment": "Gap between the parent item and the child panel", "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "dropdown.trigger", "tag": "\u003Cx-wirekit::dropdown.trigger\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "ariaLabelFallback", "default": "'Open menu'", "default_normalized": "'Open menu'", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "fab", "tag": "\u003Cx-wirekit::fab\u003E", "category": "Overlay", "description": "Floating action button that fans out into secondary actions", "docs_url": "https://docs.wirekit.app/components/fab", "props": [ { "name": "label", "default": "__('wirekit::Actions')", "default_normalized": "__('wirekit::Actions')", "type_hint": null, "comment": null, "examples": [] }, { "name": "position", "default": "config('wirekit.components.fab.position', 'end')", "default_normalized": "config('wirekit.components.fab.position', 'end')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "trigger", "required": false }, { "name": "slot", "required": true } ], "sub_components": [ { "name": "fab.action", "tag": "\u003Cx-wirekit::fab.action\u003E", "props": [ { "name": "label", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideLabel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "fab.button", "tag": "\u003Cx-wirekit::fab.button\u003E", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "position", "default": "config('wirekit.components.fab.position', 'end')", "default_normalized": "config('wirekit.components.fab.position', 'end')", "type_hint": null, "comment": null, "examples": [] }, { "name": "placement", "default": "'block-end'", "default_normalized": "'block-end'", "type_hint": null, "comment": null, "examples": [] }, { "name": "haspopup", "default": "'dialog'", "default_normalized": "'dialog'", "type_hint": null, "comment": null, "examples": [] }, { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "hover-card", "tag": "\u003Cx-wirekit::hover-card\u003E", "category": "Overlay", "description": "Content preview on hover", "docs_url": "https://docs.wirekit.app/components/hover-card", "props": [ { "name": "placement", "default": "'bottom'", "default_normalized": "'bottom'", "type_hint": null, "comment": null, "examples": [] }, { "name": "offset", "default": "8", "default_normalized": "8", "type_hint": null, "comment": null, "examples": [] }, { "name": "delayShow", "default": "300", "default_normalized": "300", "type_hint": null, "comment": null, "examples": [] }, { "name": "delayHide", "default": "200", "default_normalized": "200", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "trigger", "required": true }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "lightbox", "tag": "\u003Cx-wirekit::lightbox\u003E", "category": "Overlay", "description": "Focus-trapped media viewer for images, video, and embeds — reusable, keyboard-navigable, event-driven", "docs_url": "https://docs.wirekit.app/components/lightbox", "props": [ { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "items", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "loop", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "showCaptions", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "overlay", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "mockup", "tag": "\u003Cx-wirekit::mockup\u003E", "category": "Marketing", "description": "Frame chrome for a screenshot or live composition — browser, window, code, phone, tablet", "docs_url": "https://docs.wirekit.app/components/mockup", "props": [ { "name": "variant", "default": "'browser'", "default_normalized": "'browser'", "type_hint": null, "comment": null, "examples": [] }, { "name": "url", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "title", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "modal", "tag": "\u003Cx-wirekit::modal\u003E", "category": "Overlay", "description": "Dialog overlay with backdrop", "docs_url": "https://docs.wirekit.app/components/modal", "props": [ { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.modal.size', 'md')", "default_normalized": "config('wirekit.components.modal.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "dismissible", "default": "config('wirekit.components.modal.dismissible', true)", "default_normalized": "config('wirekit.components.modal.dismissible', true)", "type_hint": null, "comment": null, "examples": [] }, { "name": "describedby", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "ariaLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "trigger", "required": false }, { "name": "slot", "required": true } ], "sub_components": [ { "name": "modal.body", "tag": "\u003Cx-wirekit::modal.body\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "modal.close", "tag": "\u003Cx-wirekit::modal.close\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "modal.footer", "tag": "\u003Cx-wirekit::modal.footer\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "modal.header", "tag": "\u003Cx-wirekit::modal.header\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "close", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "modal.trigger", "tag": "\u003Cx-wirekit::modal.trigger\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "popover", "tag": "\u003Cx-wirekit::popover\u003E", "category": "Overlay", "description": "Contextual content popover", "docs_url": "https://docs.wirekit.app/components/popover", "props": [ { "name": "placement", "default": "config('wirekit.components.popover.placement', 'bottom')", "default_normalized": "config('wirekit.components.popover.placement', 'bottom')", "type_hint": null, "comment": null, "examples": [] }, { "name": "offset", "default": "config('wirekit.components.popover.offset', 8)", "default_normalized": "config('wirekit.components.popover.offset', 8)", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "padded", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "trigger", "required": true }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "toast-region", "tag": "\u003Cx-wirekit::toast-region\u003E", "category": "Overlay", "description": "Toast notification container", "docs_url": null, "props": [ { "name": "position", "default": "config('wirekit.components.toast-region.position', 'top-right')", "default_normalized": "config('wirekit.components.toast-region.position', 'top-right')", "type_hint": null, "comment": null, "examples": [] }, { "name": "duration", "default": "config('wirekit.components.toast-region.duration', 5000)", "default_normalized": "config('wirekit.components.toast-region.duration', 5000)", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "config('wirekit.components.toast-region.max', 5)", "default_normalized": "config('wirekit.components.toast-region.max', 5)", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "scoped name — when set, listens on 'wirekit-toast-{name}' instead of global", "examples": [] }, { "name": "filled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "when true, toast uses full variant background color (like callout)", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "class-personalization scope — passed to WireKit::resolveClasses", "examples": [] }, { "name": "eventScope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "CSS selector for DOM-containment event filtering", "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "tooltip", "tag": "\u003Cx-wirekit::tooltip\u003E", "category": "Overlay", "description": "Hover tooltip with configurable position", "docs_url": "https://docs.wirekit.app/components/tooltip", "props": [ { "name": "text", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "placement", "default": "config('wirekit.components.tooltip.placement', 'top')", "default_normalized": "config('wirekit.components.tooltip.placement', 'top')", "type_hint": null, "comment": null, "examples": [] }, { "name": "offset", "default": "config('wirekit.components.tooltip.offset', 6)", "default_normalized": "config('wirekit.components.tooltip.offset', 6)", "type_hint": null, "comment": null, "examples": [] }, { "name": "delayShow", "default": "config('wirekit.components.tooltip.delay-show', 300)", "default_normalized": "config('wirekit.components.tooltip.delay-show', 300)", "type_hint": null, "comment": null, "examples": [] }, { "name": "delayHide", "default": "config('wirekit.components.tooltip.delay-hide', 100)", "default_normalized": "config('wirekit.components.tooltip.delay-hide', 100)", "type_hint": null, "comment": null, "examples": [] }, { "name": "focusableTrigger", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "content", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "tour", "tag": "\u003Cx-wirekit::tour\u003E", "category": "Overlay", "description": "Guided product tour with steps", "docs_url": "https://docs.wirekit.app/components/tour", "props": [ { "name": "name", "default": "'tour'", "default_normalized": "'tour'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "tour.step", "tag": "\u003Cx-wirekit::tour.step\u003E", "props": [ { "name": "target", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "placement", "default": "'bottom'", "default_normalized": "'bottom'", "type_hint": null, "comment": null, "examples": [] }, { "name": "index", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "announcement-banner", "tag": "\u003Cx-wirekit::announcement-banner\u003E", "category": "Marketing", "description": "Dismissible page-edge announcement bar with persisted dismissal and an optional inline CTA", "docs_url": "https://docs.wirekit.app/components/announcement-banner", "props": [ { "name": "position", "default": "'top'", "default_normalized": "'top'", "type_hint": null, "comment": null, "examples": [] }, { "name": "sticky", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "intent", "default": "'promo'", "default_normalized": "'promo'", "type_hint": null, "comment": null, "examples": [] }, { "name": "dismissKey", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "persist", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "__('wirekit::Announcement')", "default_normalized": "__('wirekit::Announcement')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "action", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "cta", "tag": "\u003Cx-wirekit::cta\u003E", "category": "Marketing", "description": "Call-to-action banner section", "docs_url": "https://docs.wirekit.app/components/cta", "props": [ { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "animateIn", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "'md'", "default_normalized": "'md'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "title", "required": false }, { "name": "description", "required": false }, { "name": "actions", "required": false } ], "sub_components": [] }, { "name": "faq", "tag": "\u003Cx-wirekit::faq\u003E", "category": "Marketing", "description": "FAQ block — accordion of questions that emits FAQPage JSON-LD derived from what it rendered", "docs_url": "https://docs.wirekit.app/components/faq", "props": [ { "name": "label", "default": "config('wirekit.components.faq.label') ?? __('wirekit::Frequently asked questions')", "default_normalized": "config('wirekit.components.faq.label') ?? __('wirekit::Frequently asked questions')", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "config('wirekit.components.faq.variant', 'flush')", "default_normalized": "config('wirekit.components.faq.variant', 'flush')", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.faq.size', 'lg')", "default_normalized": "config('wirekit.components.faq.size', 'lg')", "type_hint": null, "comment": null, "examples": [] }, { "name": "multiple", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "schema", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "plainText", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "faq-item", "tag": "\u003Cx-wirekit::faq-item\u003E", "category": "Marketing", "description": "One question and answer inside an FAQ; records itself for the FAQPage schema", "docs_url": null, "props": [ { "name": "question", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "schemaAnswer", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "id", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "feature", "tag": "\u003Cx-wirekit::feature\u003E", "category": "Marketing", "description": "Individual feature card for feature grids", "docs_url": "https://docs.wirekit.app/components/feature", "props": [ { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "title", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "tone", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "animateIn", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "iconSlot", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "feature-grid", "tag": "\u003Cx-wirekit::feature-grid\u003E", "category": "Marketing", "description": "Responsive grid for feature cards", "docs_url": "https://docs.wirekit.app/components/feature-grid", "props": [ { "name": "cols", "default": "config('wirekit.components.feature-grid.cols', '1 sm:2 lg:3')", "default_normalized": "config('wirekit.components.feature-grid.cols', '1 sm:2 lg:3')", "type_hint": null, "comment": null, "examples": [] }, { "name": "gap", "default": "'lg'", "default_normalized": "'lg'", "type_hint": null, "comment": null, "examples": [] }, { "name": "stagger", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "footer", "tag": "\u003Cx-wirekit::footer\u003E", "category": "Layout", "description": "Landing page footer with columns and legal", "docs_url": "https://docs.wirekit.app/components/footer", "props": [ { "name": "animateIn", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "columns", "required": false }, { "name": "brand", "required": false }, { "name": "legal", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "hero", "tag": "\u003Cx-wirekit::hero\u003E", "category": "Marketing", "description": "Landing page hero with title, lede, and actions", "docs_url": "https://docs.wirekit.app/components/hero", "props": [ { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "gradient", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "layout", "default": "'balanced'", "default_normalized": "'balanced'", "type_hint": null, "comment": null, "examples": [] }, { "name": "asideWidth", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "animateIn", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "'lg'", "default_normalized": "'lg'", "type_hint": null, "comment": null, "examples": [] }, { "name": "tightOnMobile", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "eyebrow", "required": false }, { "name": "title", "required": false }, { "name": "lede", "required": false }, { "name": "actions", "required": false }, { "name": "aside", "required": false } ], "sub_components": [] }, { "name": "accordion", "tag": "\u003Cx-wirekit::accordion\u003E", "category": "Display", "description": "Collapsible content panels", "docs_url": "https://docs.wirekit.app/components/accordion", "props": [ { "name": "mode", "default": "config('wirekit.components.accordion.mode', 'single')", "default_normalized": "config('wirekit.components.accordion.mode', 'single')", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "config('wirekit.components.accordion.variant', 'bordered')", "default_normalized": "config('wirekit.components.accordion.variant', 'bordered')", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.accordion.size', 'md')", "default_normalized": "config('wirekit.components.accordion.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "accordion.item", "tag": "\u003Cx-wirekit::accordion.item\u003E", "props": [ { "name": "id", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "title", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "action-bar", "tag": "\u003Cx-wirekit::action-bar\u003E", "category": "Display", "description": "Floating action bar for bulk operations", "docs_url": "https://docs.wirekit.app/components/action-bar", "props": [ { "name": "visible", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "mode", "default": "'floating'", "default_normalized": "'floating'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "activity-row", "tag": "\u003Cx-wirekit::activity-row\u003E", "category": "Display", "description": "Activity-feed / timeline row with kind-colored dot, actor, timestamp, and badge slot", "docs_url": "https://docs.wirekit.app/components/activity-row", "props": [ { "name": "kind", "default": "'system'", "default_normalized": "'system'", "type_hint": null, "comment": null, "examples": [] }, { "name": "actor", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "timestamp", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "badge", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "alert", "tag": "\u003Cx-wirekit::alert\u003E", "category": "Display", "description": "Contextual alert message", "docs_url": "https://docs.wirekit.app/components/alert", "props": [ { "name": "variant", "default": "config('wirekit.components.alert.variant', 'info')", "default_normalized": "config('wirekit.components.alert.variant', 'info')", "type_hint": null, "comment": "back-compat alias of `intent`", "examples": [] }, { "name": "intent", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "canonical color axis: primary | neutral | info | success | warning | danger. null → falls back to `variant`", "examples": [] }, { "name": "title", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "dismissible", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "animateIn", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "iconSlot", "required": false }, { "name": "actions", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "attachment", "tag": "\u003Cx-wirekit::attachment\u003E", "category": "Display", "description": "File/image attachment card with formatted size, type label, upload state, and actions", "docs_url": "https://docs.wirekit.app/components/attachment", "props": [ { "name": "name", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "bytes", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "type", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "thumbnail", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "state", "default": "'idle'", "default_normalized": "'idle'", "type_hint": null, "comment": null, "examples": [] }, { "name": "progress", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "animate", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "actions", "required": false } ], "sub_components": [] }, { "name": "attachment-group", "tag": "\u003Cx-wirekit::attachment-group\u003E", "category": "Display", "description": "Group of attachments — vertical stack or horizontal scroll-snap row", "docs_url": null, "props": [ { "name": "label", "default": "config('wirekit.components.attachment-group.label') ?? __('wirekit::Attachments')", "default_normalized": "config('wirekit.components.attachment-group.label') ?? __('wirekit::Attachments')", "type_hint": null, "comment": null, "examples": [] }, { "name": "orientation", "default": "'stack'", "default_normalized": "'stack'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "assistant-message", "tag": "\u003Cx-wirekit::assistant-message\u003E", "category": "Display", "description": "AI assistant turn — roles, streaming body, model chip, reasoning disclosure, and coalesced screen-reader announcements", "docs_url": "https://docs.wirekit.app/components/assistant-message", "props": [ { "name": "role", "default": "'assistant'", "default_normalized": "'assistant'", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "avatar", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "model", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "intent", "default": "'neutral'", "default_normalized": "'neutral'", "type_hint": null, "comment": null, "examples": [] }, { "name": "streaming", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "announce", "default": "config('wirekit.components.assistant-message.announce', 'sentence')", "default_normalized": "config('wirekit.components.assistant-message.announce', 'sentence')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "reasoning", "required": false }, { "name": "footer", "required": false }, { "name": "actions", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "avatar", "tag": "\u003Cx-wirekit::avatar\u003E", "category": "Display", "description": "User avatar with image, initials, or status", "docs_url": "https://docs.wirekit.app/components/avatar", "props": [ { "name": "src", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "alt", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "initials", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "fromInitials", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.avatar.size', 'md')", "default_normalized": "config('wirekit.components.avatar.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "shape", "default": "config('wirekit.components.avatar.shape', 'circle')", "default_normalized": "config('wirekit.components.avatar.shape', 'circle')", "type_hint": null, "comment": null, "examples": [] }, { "name": "status", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "statusVariant", "default": "config('wirekit.components.avatar.status-variant', 'dot')", "default_normalized": "config('wirekit.components.avatar.status-variant', 'dot')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [ { "name": "avatar.group", "tag": "\u003Cx-wirekit::avatar.group\u003E", "props": [ { "name": "remaining", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.avatar.size', 'md')", "default_normalized": "config('wirekit.components.avatar.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "badge", "tag": "\u003Cx-wirekit::badge\u003E", "category": "Display", "description": "Small status label", "docs_url": "https://docs.wirekit.app/components/badge", "props": [ { "name": "intent", "default": "config('wirekit.components.badge.intent', 'neutral')", "default_normalized": "config('wirekit.components.badge.intent', 'neutral')", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.badge.size', 'md')", "default_normalized": "config('wirekit.components.badge.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "surface", "default": "config('wirekit.components.badge.surface', 'soft')", "default_normalized": "config('wirekit.components.badge.surface', 'soft')", "type_hint": null, "comment": null, "examples": [] }, { "name": "dot", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "tooltip", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "leadingIcon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "trailingIcon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "dismissible", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "dismissLabel", "default": "'Remove'", "default_normalized": "'Remove'", "type_hint": null, "comment": null, "examples": [] }, { "name": "wrap", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "button", "tag": "\u003Cx-wirekit::button\u003E", "category": "Display", "description": "Action button with variants and loading state", "docs_url": "https://docs.wirekit.app/components/button", "props": [ { "name": "intent", "default": "config('wirekit.components.button.intent', 'primary')", "default_normalized": "config('wirekit.components.button.intent', 'primary')", "type_hint": null, "comment": null, "examples": [] }, { "name": "surface", "default": "config('wirekit.components.button.surface', 'filled')", "default_normalized": "config('wirekit.components.button.surface', 'filled')", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.button.size', 'md')", "default_normalized": "config('wirekit.components.button.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "type", "default": "'button'", "default_normalized": "'button'", "type_hint": null, "comment": null, "examples": [] }, { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "loading", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "forceLoading", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "loadingTarget", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "iconLeft", "required": false }, { "name": "iconRight", "required": false }, { "name": "slot", "required": true } ], "sub_components": [ { "name": "button.group", "tag": "\u003Cx-wirekit::button.group\u003E", "props": [ { "name": "orientation", "default": "'horizontal'", "default_normalized": "'horizontal'", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "button-group", "tag": "\u003Cx-wirekit::button-group\u003E", "category": "Display", "description": "Welds adjacent controls into one unit — collapsed inner radii and a single seam, RTL-safe", "docs_url": "https://docs.wirekit.app/components/button-group", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "orientation", "default": "'horizontal'", "default_normalized": "'horizontal'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "calendar", "tag": "\u003Cx-wirekit::calendar\u003E", "category": "Display", "description": "Calendar date display", "docs_url": "https://docs.wirekit.app/components/calendar", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "range", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "months", "default": "1", "default_normalized": "1", "type_hint": null, "comment": null, "examples": [] }, { "name": "selectableHeader", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "weekStartsOn", "default": "config('wirekit.components.calendar.week-starts-on', 1)", "default_normalized": "config('wirekit.components.calendar.week-starts-on', 1)", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "callout", "tag": "\u003Cx-wirekit::callout\u003E", "category": "Display", "description": "Highlighted information callout", "docs_url": "https://docs.wirekit.app/components/callout", "props": [ { "name": "variant", "default": "config('wirekit.components.callout.variant', 'info')", "default_normalized": "config('wirekit.components.callout.variant', 'info')", "type_hint": null, "comment": "back-compat alias of `intent`", "examples": [] }, { "name": "intent", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "canonical color axis: primary | neutral | info | success | warning | danger. null → falls back to `variant`", "examples": [] }, { "name": "icon", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "bordered", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "stripe", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "animateIn", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "iconSlot", "required": false }, { "name": "title", "required": false }, { "name": "actions", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "card", "tag": "\u003Cx-wirekit::card\u003E", "category": "Display", "description": "Content container card with optional link", "docs_url": "https://docs.wirekit.app/components/card", "props": [ { "name": "variant", "default": "config('wirekit.components.card.variant', 'outlined')", "default_normalized": "config('wirekit.components.card.variant', 'outlined')", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'div'", "default_normalized": "'div'", "type_hint": null, "comment": null, "examples": [] }, { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "animateIn", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "overflow", "default": "'hidden'", "default_normalized": "'hidden'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "card.body", "tag": "\u003Cx-wirekit::card.body\u003E", "props": [ { "name": "padded", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "card.footer", "tag": "\u003Cx-wirekit::card.footer\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "card.header", "tag": "\u003Cx-wirekit::card.header\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "carousel", "tag": "\u003Cx-wirekit::carousel\u003E", "category": "Display", "description": "Image/content carousel with autoplay", "docs_url": "https://docs.wirekit.app/components/carousel", "props": [ { "name": "autoplay", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "interval", "default": "5000", "default_normalized": "5000", "type_hint": null, "comment": null, "examples": [] }, { "name": "loop", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "orientation", "default": "'horizontal'", "default_normalized": "'horizontal'", "type_hint": null, "comment": "horizontal (default) | vertical", "examples": [] }, { "name": "perView", "default": "1", "default_normalized": "1", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "__('wirekit::Carousel')", "default_normalized": "__('wirekit::Carousel')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "carousel.slide", "tag": "\u003Cx-wirekit::carousel.slide\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "chat-marker", "tag": "\u003Cx-wirekit::chat-marker\u003E", "category": "Display", "description": "In-thread meta row — streaming/tool status, system note, or labeled date break between chat messages", "docs_url": "https://docs.wirekit.app/components/chat-marker", "props": [ { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "status", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "shimmer", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "intent", "default": "'neutral'", "default_normalized": "'neutral'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "clipboard-button", "tag": "\u003Cx-wirekit::clipboard-button\u003E", "category": "Display", "description": "Copy-to-clipboard button", "docs_url": "https://docs.wirekit.app/components/clipboard-button", "props": [ { "name": "value", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "copiedText", "default": "__('wirekit::Copied!')", "default_normalized": "__('wirekit::Copied!')", "type_hint": null, "comment": null, "examples": [] }, { "name": "duration", "default": "2000", "default_normalized": "2000", "type_hint": null, "comment": null, "examples": [] }, { "name": "iconOnly", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "collapsible", "tag": "\u003Cx-wirekit::collapsible\u003E", "category": "Display", "description": "Single disclosure — one trigger toggles one collapsible region (WAI-ARIA Disclosure)", "docs_url": "https://docs.wirekit.app/components/collapsible", "props": [ { "name": "trigger", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "open", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "countdown", "tag": "\u003Cx-wirekit::countdown\u003E", "category": "Display", "description": "Live countdown to an absolute deadline with overdue + urgent states (client-side, no polling)", "docs_url": "https://docs.wirekit.app/components/countdown", "props": [ { "name": "until", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "expiredText", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "warnThreshold", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "units", "default": "'auto'", "default_normalized": "'auto'", "type_hint": null, "comment": null, "examples": [] }, { "name": "showSeconds", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'inline'", "default_normalized": "'inline'", "type_hint": null, "comment": null, "examples": [] }, { "name": "separators", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "locale", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "animate", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "data-list", "tag": "\u003Cx-wirekit::data-list\u003E", "category": "Display", "description": "Key-value data display list", "docs_url": "https://docs.wirekit.app/components/data-list", "props": [ { "name": "layout", "default": "config('wirekit.components.data-list.layout', 'horizontal')", "default_normalized": "config('wirekit.components.data-list.layout', 'horizontal')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "data-list.item", "tag": "\u003Cx-wirekit::data-list.item\u003E", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "empty-state", "tag": "\u003Cx-wirekit::empty-state\u003E", "category": "Display", "description": "Placeholder for empty content areas", "docs_url": "https://docs.wirekit.app/components/empty-state", "props": [ { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "title", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "description", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "level", "default": "3", "default_normalized": "3", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "config('wirekit.components.empty-state.variant', 'default')", "default_normalized": "config('wirekit.components.empty-state.variant', 'default')", "type_hint": null, "comment": null, "examples": [] }, { "name": "animateIn", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "iconSlot", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "image", "tag": "\u003Cx-wirekit::image\u003E", "category": "Display", "description": "Content image as a figure with alt text, lazy loading, CLS-safe ratio box, and optional caption", "docs_url": "https://docs.wirekit.app/components/image", "props": [ { "name": "src", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "alt", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "caption", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "ratio", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "fit", "default": "'cover'", "default_normalized": "'cover'", "type_hint": null, "comment": null, "examples": [] }, { "name": "rounded", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "loading", "default": "'lazy'", "default_normalized": "'lazy'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "image-compare", "tag": "\u003Cx-wirekit::image-compare\u003E", "category": "Display", "description": "Before/after image comparison slider", "docs_url": "https://docs.wirekit.app/components/image-compare", "props": [ { "name": "before", "default": null, "default_normalized": null, "type_hint": null, "comment": null, "examples": [] }, { "name": "after", "default": null, "default_normalized": null, "type_hint": null, "comment": null, "examples": [] }, { "name": "beforeAlt", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "afterAlt", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "orientation", "default": "'horizontal'", "default_normalized": "'horizontal'", "type_hint": null, "comment": null, "examples": [] }, { "name": "ratio", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "50", "default_normalized": "50", "type_hint": null, "comment": null, "examples": [] }, { "name": "beforeLabel", "default": "'Before'", "default_normalized": "'Before'", "type_hint": null, "comment": null, "examples": [] }, { "name": "afterLabel", "default": "'After'", "default_normalized": "'After'", "type_hint": null, "comment": null, "examples": [] }, { "name": "labels", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "decorative", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "ariaLabel", "default": "__('wirekit::Image comparison slider')", "default_normalized": "__('wirekit::Image comparison slider')", "type_hint": null, "comment": null, "examples": [] }, { "name": "loading", "default": "'lazy'", "default_normalized": "'lazy'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "image-gallery", "tag": "\u003Cx-wirekit::image-gallery\u003E", "category": "Display", "description": "Responsive image grid with an accessible, keyboard-navigable lightbox", "docs_url": "https://docs.wirekit.app/components/image-gallery", "props": [ { "name": "images", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "columns", "default": "'2 md:3 lg:4'", "default_normalized": "'2 md:3 lg:4'", "type_hint": null, "comment": null, "examples": [] }, { "name": "gap", "default": "'md'", "default_normalized": "'md'", "type_hint": null, "comment": null, "examples": [] }, { "name": "ratio", "default": "'1/1'", "default_normalized": "'1/1'", "type_hint": null, "comment": null, "examples": [] }, { "name": "fit", "default": "'cover'", "default_normalized": "'cover'", "type_hint": null, "comment": null, "examples": [] }, { "name": "lightbox", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "itemOverlay", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "product-card", "tag": "\u003Cx-wirekit::product-card\u003E", "category": "Display", "description": "Ecommerce product card — image, price with compare-at, rating, stock state, CTA", "docs_url": "https://docs.wirekit.app/components/product-card", "props": [ { "name": "name", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "href", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "image", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "imageAlt", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "price", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "compareAt", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "currency", "default": "config('wirekit.currency', 'USD')", "default_normalized": "config('wirekit.currency', 'USD')", "type_hint": null, "comment": null, "examples": [] }, { "name": "minorUnits", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "rating", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "reviewCount", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "description", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "availability", "default": "'in-stock'", "default_normalized": "'in-stock'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "media", "required": false }, { "name": "badge", "required": false }, { "name": "action", "required": false } ], "sub_components": [] }, { "name": "progress", "tag": "\u003Cx-wirekit::progress\u003E", "category": "Display", "description": "Progress bar with optional value display", "docs_url": "https://docs.wirekit.app/components/progress", "props": [ { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "numeric value (0..max). null = indeterminate", "examples": [] }, { "name": "max", "default": "100", "default_normalized": "100", "type_hint": null, "comment": "max value the bar represents", "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "visible label rendered above the bar", "examples": [] }, { "name": "showValue", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "show \"42 / 100\" next to label", "examples": [] }, { "name": "variant", "default": "config('wirekit.components.progress.variant', 'primary')", "default_normalized": "config('wirekit.components.progress.variant', 'primary')", "type_hint": null, "comment": "back-compat alias of `intent`", "examples": [] }, { "name": "intent", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "canonical color axis: primary | success | warning | danger | info | neutral (+ accent alias). null → falls back to `variant`", "examples": [] }, { "name": "size", "default": "config('wirekit.components.progress.size', 'md')", "default_normalized": "config('wirekit.components.progress.size', 'md')", "type_hint": null, "comment": "sm | md | lg", "examples": [] }, { "name": "animation", "default": "'none'", "default_normalized": "'none'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [ { "name": "progress.circle", "tag": "\u003Cx-wirekit::progress.circle\u003E", "props": [ { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "max", "default": "100", "default_normalized": "100", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "showValue", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "config('wirekit.components.progress.variant', 'accent')", "default_normalized": "config('wirekit.components.progress.variant', 'accent')", "type_hint": null, "comment": "back-compat alias of `intent`", "examples": [] }, { "name": "intent", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "canonical color axis: success | warning | danger (anything else = accent). null → falls back to `variant`", "examples": [] }, { "name": "size", "default": "config('wirekit.components.progress.circle-size', 'md')", "default_normalized": "config('wirekit.components.progress.circle-size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "qr-code", "tag": "\u003Cx-wirekit::qr-code\u003E", "category": "Display", "description": "QR code generator", "docs_url": "https://docs.wirekit.app/components/qr-code", "props": [ { "name": "value", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "200", "default_normalized": "200", "type_hint": null, "comment": null, "examples": [] }, { "name": "color", "default": "'#000000'", "default_normalized": "'#000000'", "type_hint": null, "comment": null, "examples": [] }, { "name": "background", "default": "'#ffffff'", "default_normalized": "'#ffffff'", "type_hint": null, "comment": null, "examples": [] }, { "name": "errorCorrection", "default": "'L'", "default_normalized": "'L'", "type_hint": null, "comment": null, "examples": [] }, { "name": "margin", "default": "4", "default_normalized": "4", "type_hint": null, "comment": null, "examples": [] }, { "name": "accessibleLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "reading-bookmark", "tag": "\u003Cx-wirekit::reading-bookmark\u003E", "category": "Display", "description": "Save / restore scroll position with return-prompt UX", "docs_url": null, "props": [ { "name": "key", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "target", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "threshold", "default": "0.1", "default_normalized": "0.1", "type_hint": null, "comment": null, "examples": [] }, { "name": "promptOnReturn", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "minDwellSeconds", "default": "30", "default_normalized": "30", "type_hint": null, "comment": null, "examples": [] }, { "name": "previewMode", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "boundary", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "post", "required": true } ], "sub_components": [] }, { "name": "reading-meta", "tag": "\u003Cx-wirekit::reading-meta\u003E", "category": "Display", "description": "Time-to-read estimate from word count, optional remaining-time + per-paragraph annotations", "docs_url": null, "props": [ { "name": "target", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "wpm", "default": "225", "default_normalized": "225", "type_hint": null, "comment": null, "examples": [] }, { "name": "showRemaining", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "perParagraph", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "totalLabel", "default": "'min read'", "default_normalized": "'min read'", "type_hint": null, "comment": null, "examples": [] }, { "name": "remainingLabel", "default": "'min remaining'", "default_normalized": "'min remaining'", "type_hint": null, "comment": null, "examples": [] }, { "name": "paragraphLabelTemplate", "default": "'{n} min'", "default_normalized": "'{n} min'", "type_hint": null, "comment": null, "examples": [] }, { "name": "paragraphMinWords", "default": "30", "default_normalized": "30", "type_hint": null, "comment": null, "examples": [] }, { "name": "cjkCharsPerMinute", "default": "500", "default_normalized": "500", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "reading-minimap", "tag": "\u003Cx-wirekit::reading-minimap\u003E", "category": "Display", "description": "Every-item density overview with click + drag-pan navigation", "docs_url": null, "props": [ { "name": "target", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "itemSelector", "default": "'a, h2, h3, [data-minimap-item]'", "default_normalized": "'a, h2, h3, [data-minimap-item]'", "type_hint": null, "comment": null, "examples": [] }, { "name": "width", "default": "'60px'", "default_normalized": "'60px'", "type_hint": null, "comment": null, "examples": [] }, { "name": "side", "default": "'right'", "default_normalized": "'right'", "type_hint": null, "comment": null, "examples": [] }, { "name": "draggable", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideBelow", "default": "'lg'", "default_normalized": "'lg'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "mode", "default": "'stripes'", "default_normalized": "'stripes'", "type_hint": null, "comment": "'stripes' (default, back-compat) | 'rendered'", "examples": [] }, { "name": "renderTarget", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "CSS selector for the source to clone (defaults to `target`)", "examples": [] }, { "name": "itemStyle", "default": "'line'", "default_normalized": "'line'", "type_hint": null, "comment": null, "examples": [] }, { "name": "hoverPreview", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "E1 — magnified popover near cursor", "examples": [] }, { "name": "showBookmarks", "default": "true", "default_normalized": "true", "type_hint": null, "comment": "E2 — bookmark marker (auto-wires if a reading-bookmark sibling is present)", "examples": [] }, { "name": "headingAnchors", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "E3 — clickable mini-anchors on the outboard edge", "examples": [] }, { "name": "headingLevels", "default": "'2,3'", "default_normalized": "'2,3'", "type_hint": null, "comment": "E3 — CSV of heading levels to surface as anchors", "examples": [] }, { "name": "autoFadeIdle", "default": "true", "default_normalized": "true", "type_hint": null, "comment": "E4 — fade to --reading-minimap-idle-opacity after 3s idle", "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "reading-progress", "tag": "\u003Cx-wirekit::reading-progress\u003E", "category": "Display", "description": "Viewport-pinned reading-progress indicator (bar or dot)", "docs_url": null, "props": [ { "name": "position", "default": "'top'", "default_normalized": "'top'", "type_hint": null, "comment": null, "examples": [] }, { "name": "height", "default": "'md'", "default_normalized": "'md'", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'primary'", "default_normalized": "'primary'", "type_hint": null, "comment": "back-compat alias of `intent`", "examples": [] }, { "name": "intent", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "canonical color axis: primary | neutral | success | warning | danger | info | auto. null → falls back to `variant`", "examples": [] }, { "name": "showAfter", "default": "0", "default_normalized": "0", "type_hint": null, "comment": null, "examples": [] }, { "name": "target", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "indicator", "default": "'bar'", "default_normalized": "'bar'", "type_hint": null, "comment": null, "examples": [] }, { "name": "segments", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "milestones", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "boundary", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "reading-shell", "tag": "\u003Cx-wirekit::reading-shell\u003E", "category": "Display", "description": "Composition wrapper with toggles + density preset", "docs_url": null, "props": [ { "name": "bookmarkKey", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "progress", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "spine", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "minimap", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "toc", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "bookmark", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "meta", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "density", "default": "'comfortable'", "default_normalized": "'comfortable'", "type_hint": null, "comment": null, "examples": [] }, { "name": "previewMode", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "boundary", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "reading-spine", "tag": "\u003Cx-wirekit::reading-spine\u003E", "category": "Display", "description": "Sidebar mini-TOC tracking scroll, expanding on hover/focus", "docs_url": null, "props": [ { "name": "target", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "exclude", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "levels", "default": "'2,3'", "default_normalized": "'2,3'", "type_hint": null, "comment": null, "examples": [] }, { "name": "position", "default": "'right'", "default_normalized": "'right'", "type_hint": null, "comment": null, "examples": [] }, { "name": "expand", "default": "'hover'", "default_normalized": "'hover'", "type_hint": null, "comment": null, "examples": [] }, { "name": "offset", "default": "'6rem'", "default_normalized": "'6rem'", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideBelow", "default": "'md'", "default_normalized": "'md'", "type_hint": null, "comment": null, "examples": [] }, { "name": "numbered", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "fillSections", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "sectionEvents", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "backToTop", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "boundary", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "filter", "required": false } ], "sub_components": [] }, { "name": "reading-toc", "tag": "\u003Cx-wirekit::reading-toc\u003E", "category": "Display", "description": "Horizontal sticky-strip TOC for marketing landing pages", "docs_url": null, "props": [ { "name": "target", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "levels", "default": "'2'", "default_normalized": "'2'", "type_hint": null, "comment": null, "examples": [] }, { "name": "position", "default": "'top'", "default_normalized": "'top'", "type_hint": null, "comment": null, "examples": [] }, { "name": "offset", "default": "'0'", "default_normalized": "'0'", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideBelow", "default": "'sm'", "default_normalized": "'sm'", "type_hint": null, "comment": null, "examples": [] }, { "name": "flush", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "replay-button", "tag": "\u003Cx-wirekit::replay-button\u003E", "category": "Display", "description": "Re-mount the closest [data-replay-target] ancestor — companion to the `data-replayable` animation contract", "docs_url": "https://docs.wirekit.app/components/replay-button", "props": [ { "name": "label", "default": "__('wirekit::Replay')", "default_normalized": "__('wirekit::Replay')", "type_hint": null, "comment": null, "examples": [] }, { "name": "target", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "scroll-area", "tag": "\u003Cx-wirekit::scroll-area\u003E", "category": "Display", "description": "Scrollable content area with styled scrollbar", "docs_url": "https://docs.wirekit.app/components/scroll-area", "props": [ { "name": "orientation", "default": "'vertical'", "default_normalized": "'vertical'", "type_hint": null, "comment": "vertical | horizontal | both", "examples": [] }, { "name": "maxHeight", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "fade", "default": "config('wirekit.components.scroll-area.fade', false)", "default_normalized": "config('wirekit.components.scroll-area.fade', false)", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "segmented-control", "tag": "\u003Cx-wirekit::segmented-control\u003E", "category": "Display", "description": "Segmented toggle control", "docs_url": "https://docs.wirekit.app/components/segmented-control", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "error", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "hint", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "options", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.segmented-control.size', 'md')", "default_normalized": "config('wirekit.components.segmented-control.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "disabled", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "skeleton", "tag": "\u003Cx-wirekit::skeleton\u003E", "category": "Display", "description": "Loading placeholder skeleton", "docs_url": "https://docs.wirekit.app/components/skeleton", "props": [ { "name": "type", "default": "'text'", "default_normalized": "'text'", "type_hint": null, "comment": "text | avatar | card | custom", "examples": [] }, { "name": "lines", "default": "3", "default_normalized": "3", "type_hint": null, "comment": "for type=text", "examples": [] }, { "name": "animation", "default": "config('wirekit.components.skeleton.animation', 'shimmer')", "default_normalized": "config('wirekit.components.skeleton.animation', 'shimmer')", "type_hint": null, "comment": null, "examples": [] }, { "name": "shimmer", "default": "true", "default_normalized": "true", "type_hint": null, "comment": "legacy bool — false → pulse (kept for back-compat)", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "skeleton.avatar", "tag": "\u003Cx-wirekit::skeleton.avatar\u003E", "props": [ { "name": "animation", "default": "config('wirekit.components.skeleton.animation', 'shimmer')", "default_normalized": "config('wirekit.components.skeleton.animation', 'shimmer')", "type_hint": null, "comment": "shimmer | pulse | none", "examples": [] }, { "name": "shimmer", "default": "true", "default_normalized": "true", "type_hint": null, "comment": "legacy bool — false → pulse (see skeleton.blade.php)", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "skeleton.card", "tag": "\u003Cx-wirekit::skeleton.card\u003E", "props": [ { "name": "animation", "default": "config('wirekit.components.skeleton.animation', 'shimmer')", "default_normalized": "config('wirekit.components.skeleton.animation', 'shimmer')", "type_hint": null, "comment": "shimmer | pulse | none", "examples": [] }, { "name": "shimmer", "default": "true", "default_normalized": "true", "type_hint": null, "comment": "legacy bool — false → pulse (see skeleton.blade.php)", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "skeleton.table", "tag": "\u003Cx-wirekit::skeleton.table\u003E", "props": [ { "name": "rows", "default": "5", "default_normalized": "5", "type_hint": null, "comment": null, "examples": [] }, { "name": "cols", "default": "4", "default_normalized": "4", "type_hint": null, "comment": null, "examples": [] }, { "name": "animation", "default": "config('wirekit.components.skeleton.animation', 'shimmer')", "default_normalized": "config('wirekit.components.skeleton.animation', 'shimmer')", "type_hint": null, "comment": "shimmer | pulse | none", "examples": [] }, { "name": "shimmer", "default": "true", "default_normalized": "true", "type_hint": null, "comment": "legacy bool — false → pulse (see skeleton.blade.php)", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "skeleton.text", "tag": "\u003Cx-wirekit::skeleton.text\u003E", "props": [ { "name": "lines", "default": "3", "default_normalized": "3", "type_hint": null, "comment": null, "examples": [] }, { "name": "animation", "default": "config('wirekit.components.skeleton.animation', 'shimmer')", "default_normalized": "config('wirekit.components.skeleton.animation', 'shimmer')", "type_hint": null, "comment": "shimmer | pulse | none", "examples": [] }, { "name": "shimmer", "default": "true", "default_normalized": "true", "type_hint": null, "comment": "legacy bool — false → pulse (see skeleton.blade.php)", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "spinner", "tag": "\u003Cx-wirekit::spinner\u003E", "category": "Display", "description": "Accessible loading spinner (size + semantic intent, role=status)", "docs_url": "https://docs.wirekit.app/components/spinner", "props": [ { "name": "size", "default": "config('wirekit.components.spinner.size', 'md')", "default_normalized": "config('wirekit.components.spinner.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "intent", "default": "config('wirekit.components.spinner.intent', null)", "default_normalized": "config('wirekit.components.spinner.intent', null)", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "__('wirekit::Loading')", "default_normalized": "__('wirekit::Loading')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "shimmer", "tag": "\u003Cx-wirekit::shimmer\u003E", "category": "Display", "description": "Animated text-glyph shimmer for live/streaming status (background-clip:text, Livewire :active-bindable)", "docs_url": "https://docs.wirekit.app/components/shimmer", "props": [ { "name": "active", "default": "config('wirekit.components.shimmer.active', true)", "default_normalized": "config('wirekit.components.shimmer.active', true)", "type_hint": null, "comment": null, "examples": [] }, { "name": "as", "default": "'span'", "default_normalized": "'span'", "type_hint": null, "comment": null, "examples": [] }, { "name": "duration", "default": "config('wirekit.components.shimmer.duration', null)", "default_normalized": "config('wirekit.components.shimmer.duration', null)", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "chart-mixed", "tag": "\u003Cx-wirekit::chart-mixed\u003E", "category": "Display", "description": "Multi-type / multi-axis chart (per-dataset type field, dual y-axis)", "docs_url": "https://docs.wirekit.app/components/chart-mixed", "props": [ { "name": "labels", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "datasets", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "options", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "height", "default": "'380px'", "default_normalized": "'380px'", "type_hint": null, "comment": null, "examples": [] }, { "name": "wireStream", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "wireStreamMode", "default": "'strict'", "default_normalized": "'strict'", "type_hint": null, "comment": null, "examples": [] }, { "name": "wireStreamCap", "default": "100", "default_normalized": "100", "type_hint": null, "comment": null, "examples": [] }, { "name": "annotations", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "inline", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "replayable", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "library", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "sparkline", "tag": "\u003Cx-wirekit::sparkline\u003E", "category": "Display", "description": "Inline trend sparkline (axis-less line/area chart)", "docs_url": "https://docs.wirekit.app/components/sparkline", "props": [ { "name": "data", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "trend", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "inline", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "height", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "library", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "spine-aware", "tag": "\u003Cx-wirekit::spine-aware\u003E", "category": "Layout", "description": "Opt-in wrapper that joins the page-edge content spine via WireKit::spinePadding()", "docs_url": "https://docs.wirekit.app/components/spine-aware", "props": [ { "name": "tier", "default": "'lg'", "default_normalized": "'lg'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "stage-card", "tag": "\u003Cx-wirekit::stage-card\u003E", "category": "Display", "description": "Pipeline / kanban / roadmap stage card with intent left-stripe, count pill, and optional progress", "docs_url": "https://docs.wirekit.app/components/stage-card", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "intent", "default": "'neutral'", "default_normalized": "'neutral'", "type_hint": null, "comment": null, "examples": [] }, { "name": "count", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "progress", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "stat", "tag": "\u003Cx-wirekit::stat\u003E", "category": "Display", "description": "Single statistic display", "docs_url": "https://docs.wirekit.app/components/stat", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "change", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "trend", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "'up' | 'down' | 'neutral' | null", "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "description", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "citation", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "animate", "default": "config('wirekit.components.stat.animate', false)", "default_normalized": "config('wirekit.components.stat.animate', false)", "type_hint": null, "comment": null, "examples": [] }, { "name": "descriptionDeferred", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "descriptionAnimate", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "animateIn", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "intent", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "iconSlot", "required": false }, { "name": "sparkline", "required": false }, { "name": "progress", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "stats", "tag": "\u003Cx-wirekit::stats\u003E", "category": "Display", "description": "Statistics group container", "docs_url": "https://docs.wirekit.app/components/stats", "props": [ { "name": "cols", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "stagger", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "step-marker", "tag": "\u003Cx-wirekit::step-marker\u003E", "category": "Display", "description": "Numbered step chip — a filled square-cornered marker for onboarding and how-to sequences", "docs_url": "https://docs.wirekit.app/components/step-marker", "props": [ { "name": "intent", "default": "config('wirekit.components.step-marker.intent', 'neutral')", "default_normalized": "config('wirekit.components.step-marker.intent', 'neutral')", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.step-marker.size', 'md')", "default_normalized": "config('wirekit.components.step-marker.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "status-matrix", "tag": "\u003Cx-wirekit::status-matrix\u003E", "category": "Display", "description": "2D grid of typed status cells (tristate / toggle / status / heat) with sticky headers", "docs_url": "https://docs.wirekit.app/components/status-matrix", "props": [ { "name": "rows", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "[{key,label}] — the matrix rows (left axis)", "examples": [] }, { "name": "columns", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "[{key,label}] — the matrix columns (top axis)", "examples": [] }, { "name": "cells", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "value map: [\"rowKey:colKey\" =\u003E value] OR [rowKey =\u003E [colKey =\u003E value]]", "examples": [] }, { "name": "cellType", "default": "config('wirekit.components.status-matrix.cell-type', 'status')", "default_normalized": "config('wirekit.components.status-matrix.cell-type', 'status')", "type_hint": null, "comment": "tristate | toggle | status | heat", "examples": [] }, { "name": "editable", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "tristate / toggle become interactive", "examples": [] }, { "name": "cornerLabel", "default": "''", "default_normalized": "''", "type_hint": null, "comment": "top-left header cell label (the row-axis name)", "examples": [] }, { "name": "ariaLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "hidden-input name for form submission (editable)", "examples": [] }, { "name": "heatFrom", "default": "'var(--color-wk-warning)'", "default_normalized": "'var(--color-wk-warning)'", "type_hint": null, "comment": "low end (cold)", "examples": [] }, { "name": "heatTo", "default": "'var(--color-wk-danger)'", "default_normalized": "'var(--color-wk-danger)'", "type_hint": null, "comment": "high end (hot)", "examples": [] }, { "name": "heatMin", "default": "0", "default_normalized": "0", "type_hint": null, "comment": "heat scale lower bound", "examples": [] }, { "name": "heatMax", "default": "100", "default_normalized": "100", "type_hint": null, "comment": "heat scale upper bound", "examples": [] }, { "name": "heatUnit", "default": "''", "default_normalized": "''", "type_hint": null, "comment": "suffix on heat value labels (e.g. '%')", "examples": [] }, { "name": "legend", "default": "config('wirekit.components.status-matrix.legend', true)", "default_normalized": "config('wirekit.components.status-matrix.legend', true)", "type_hint": null, "comment": "render the cell-type legend", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "status-tiles", "tag": "\u003Cx-wirekit::status-tiles\u003E", "category": "Display", "description": "N entities as colored status tiles, one glance — a fleet light with optional legend and colorblind-safe status icons", "docs_url": "https://docs.wirekit.app/components/status-tiles", "props": [ { "name": "items", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "legend", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "columns", "default": "'2 sm:3 md:4 lg:6'", "default_normalized": "'2 sm:3 md:4 lg:6'", "type_hint": null, "comment": null, "examples": [] }, { "name": "gap", "default": "'sm'", "default_normalized": "'sm'", "type_hint": null, "comment": null, "examples": [] }, { "name": "showStatus", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "wrapMeta", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "stream", "tag": "\u003Cx-wirekit::stream\u003E", "category": "Display", "description": "Streaming text output (SSE) with correct live-region a11y, reduced-motion buffering, and defined abort / error states", "docs_url": "https://docs.wirekit.app/components/stream", "props": [ { "name": "url", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "eventName", "default": "'message'", "default_normalized": "'message'", "type_hint": null, "comment": null, "examples": [] }, { "name": "doneSignal", "default": "'[DONE]'", "default_normalized": "'[DONE]'", "type_hint": null, "comment": null, "examples": [] }, { "name": "announce", "default": "'result'", "default_normalized": "'result'", "type_hint": null, "comment": null, "examples": [] }, { "name": "autoStart", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "initialText", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "source", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "method", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "body", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "headers", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "simulate", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "simulateSpeed", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "startMessage", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "readyMessage", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "stoppedMessage", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "failedMessage", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "output", "required": false }, { "name": "error", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "swap", "tag": "\u003Cx-wirekit::swap\u003E", "category": "Display", "description": "Two-state icon primitive — fade (crossfade), rotate or flip between two children", "docs_url": "https://docs.wirekit.app/components/swap", "props": [ { "name": "expression", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "active", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "effect", "default": "config('wirekit.components.swap.effect', 'fade')", "default_normalized": "config('wirekit.components.swap.effect', 'fade')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "on", "required": false }, { "name": "off", "required": false } ], "sub_components": [] }, { "name": "table", "tag": "\u003Cx-wirekit::table\u003E", "category": "Display", "description": "Data table with sorting and styling options", "docs_url": "https://docs.wirekit.app/components/table", "props": [ { "name": "striped", "default": "config('wirekit.components.table.striped', false)", "default_normalized": "config('wirekit.components.table.striped', false)", "type_hint": null, "comment": null, "examples": [] }, { "name": "hoverable", "default": "config('wirekit.components.table.hoverable', false)", "default_normalized": "config('wirekit.components.table.hoverable', false)", "type_hint": null, "comment": null, "examples": [] }, { "name": "compact", "default": "config('wirekit.components.table.compact', false)", "default_normalized": "config('wirekit.components.table.compact', false)", "type_hint": null, "comment": null, "examples": [] }, { "name": "responsive", "default": "config('wirekit.components.table.responsive', true)", "default_normalized": "config('wirekit.components.table.responsive', true)", "type_hint": null, "comment": null, "examples": [] }, { "name": "stickyHeader", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "stickyHeaderMax", "default": "config('wirekit.components.table.sticky-header-max', '24rem')", "default_normalized": "config('wirekit.components.table.sticky-header-max', '24rem')", "type_hint": null, "comment": null, "examples": [] }, { "name": "stickyColumn", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "freeze the FIRST column while the rest scroll horizontally", "examples": [] }, { "name": "alpineSort", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "enable client-side Alpine sorting (no Livewire needed)", "examples": [] }, { "name": "tableLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "table.body", "tag": "\u003Cx-wirekit::table.body\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "table.caption", "tag": "\u003Cx-wirekit::table.caption\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "table.foot", "tag": "\u003Cx-wirekit::table.foot\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "table.head", "tag": "\u003Cx-wirekit::table.head\u003E", "props": [ { "name": "variant", "default": "config('wirekit.components.table.head.variant', 'filled')", "default_normalized": "config('wirekit.components.table.head.variant', 'filled')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "table.row", "tag": "\u003Cx-wirekit::table.row\u003E", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "table.td", "tag": "\u003Cx-wirekit::table.td\u003E", "props": [ { "name": "align", "default": "'left'", "default_normalized": "'left'", "type_hint": null, "comment": "left | center | right", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "table.th", "tag": "\u003Cx-wirekit::table.th\u003E", "props": [ { "name": "sortable", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "sortDirection", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "null | 'asc' | 'desc' — current sort state (Livewire mode)", "examples": [] }, { "name": "column", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "column identifier for Alpine sort mode (pairs with table alpine-sort)", "examples": [] }, { "name": "sortAction", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "align", "default": "'left'", "default_normalized": "'left'", "type_hint": null, "comment": "left | center | right", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "headerScope", "default": "'col'", "default_normalized": "'col'", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "ticker", "tag": "\u003Cx-wirekit::ticker\u003E", "category": "Display", "description": "Compact label + value + delta widget for dashboards", "docs_url": "https://docs.wirekit.app/components/ticker", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "value", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "delta", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "deltaFormat", "default": "'percent'", "default_normalized": "'percent'", "type_hint": null, "comment": null, "examples": [] }, { "name": "intent", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "trend", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.ticker.size', 'md')", "default_normalized": "config('wirekit.components.ticker.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "footer", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "testimonial", "tag": "\u003Cx-wirekit::testimonial\u003E", "category": "Marketing", "description": "Cited customer quote — figure/blockquote semantics, author, role, logo, optional rating", "docs_url": "https://docs.wirekit.app/components/testimonial", "props": [ { "name": "author", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "role", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "avatar", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "initials", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "logo", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "logoAlt", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "rating", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "testimonial-grid", "tag": "\u003Cx-wirekit::testimonial-grid\u003E", "category": "Marketing", "description": "Responsive grid of testimonials, exposed as a labeled list", "docs_url": null, "props": [ { "name": "label", "default": "config('wirekit.components.testimonial-grid.label') ?? __('wirekit::Testimonials')", "default_normalized": "config('wirekit.components.testimonial-grid.label') ?? __('wirekit::Testimonials')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "theme-controller", "tag": "\u003Cx-wirekit::theme-controller\u003E", "category": "Layout", "description": "Drop-in dark-mode control — button, switch, menu or system/light/dark select", "docs_url": "https://docs.wirekit.app/components/theme-controller", "props": [ { "name": "variant", "default": "config('wirekit.components.theme-controller.variant', 'button')", "default_normalized": "config('wirekit.components.theme-controller.variant', 'button')", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.theme-controller.size', 'md')", "default_normalized": "config('wirekit.components.theme-controller.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "surface", "default": "config('wirekit.components.theme-controller.surface', 'filled')", "default_normalized": "config('wirekit.components.theme-controller.surface', 'filled')", "type_hint": null, "comment": null, "examples": [] }, { "name": "label", "default": "__('wirekit::Dark mode')", "default_normalized": "__('wirekit::Dark mode')", "type_hint": null, "comment": null, "examples": [] }, { "name": "hideLabel", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "options", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "iconOn", "required": false }, { "name": "iconOff", "required": false } ], "sub_components": [] }, { "name": "timeline", "tag": "\u003Cx-wirekit::timeline\u003E", "category": "Display", "description": "Vertical timeline of events", "docs_url": "https://docs.wirekit.app/components/timeline", "props": [ { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": "default | centered | compact", "examples": [] }, { "name": "before", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "show dotted fade-in line above first item", "examples": [] }, { "name": "after", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "show dotted fade-out line below last item", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "timeline.item", "tag": "\u003Cx-wirekit::timeline.item\u003E", "props": [ { "name": "time", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'default'", "default_normalized": "'default'", "type_hint": null, "comment": "back-compat alias of `intent`", "examples": [] }, { "name": "intent", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "canonical color axis: default | success | warning | danger. null → falls back to `variant`", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "tree-view", "tag": "\u003Cx-wirekit::tree-view\u003E", "category": "Display", "description": "Hierarchical tree view", "docs_url": "https://docs.wirekit.app/components/tree-view", "props": [ { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [ { "name": "tree-view.node", "tag": "\u003Cx-wirekit::tree-view.node\u003E", "props": [ { "name": "label", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "icon", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "expanded", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "selected", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "conversation", "tag": "\u003Cx-wirekit::conversation\u003E", "category": "Display", "description": "Stick-to-bottom chat transcript scroller — follow-output, unread jump-to-latest, and history anchor-preserve", "docs_url": "https://docs.wirekit.app/components/conversation", "props": [ { "name": "label", "default": "__('wirekit::Conversation')", "default_normalized": "__('wirekit::Conversation')", "type_hint": null, "comment": null, "examples": [] }, { "name": "maxHeight", "default": "config('wirekit.components.conversation.max-height', '24rem')", "default_normalized": "config('wirekit.components.conversation.max-height', '24rem')", "type_hint": null, "comment": null, "examples": [] }, { "name": "threshold", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "footer", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "data-table", "tag": "\u003Cx-wirekit::data-table\u003E", "category": "Display", "description": "Client-mode data table with sort, search, selection, density, and column manager", "docs_url": "https://docs.wirekit.app/components/data-table", "props": [ { "name": "rows", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "row objects (client mode)", "examples": [] }, { "name": "columns", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "[{key,label,sortable?,align?,cellType?,intents?}] — cellType: text|number|badge; intents maps a value to success|warning|danger|neutral", "examples": [] }, { "name": "rowKey", "default": "'id'", "default_normalized": "'id'", "type_hint": null, "comment": "unique id field for selection + morph keying", "examples": [] }, { "name": "selectable", "default": "config('wirekit.components.data-table.selectable', false)", "default_normalized": "config('wirekit.components.data-table.selectable', false)", "type_hint": null, "comment": "per-row + header selection checkboxes", "examples": [] }, { "name": "searchable", "default": "config('wirekit.components.data-table.searchable', false)", "default_normalized": "config('wirekit.components.data-table.searchable', false)", "type_hint": null, "comment": "toolbar search box (client-side filter)", "examples": [] }, { "name": "density", "default": "config('wirekit.components.data-table.density', 'comfortable')", "default_normalized": "config('wirekit.components.data-table.density', 'comfortable')", "type_hint": null, "comment": "comfortable | compact", "examples": [] }, { "name": "columnManager", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "show/hide-columns dropdown", "examples": [] }, { "name": "hidden", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "initially-hidden column keys", "examples": [] }, { "name": "server", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "server-driven: stop local sort/filter, emit events only", "examples": [] }, { "name": "searchPlaceholder", "default": "'Search…'", "default_normalized": "'Search…'", "type_hint": null, "comment": null, "examples": [] }, { "name": "emptyText", "default": "__('wirekit::No results')", "default_normalized": "__('wirekit::No results')", "type_hint": null, "comment": null, "examples": [] }, { "name": "caption", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "accessible table caption / name", "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "hidden-input name mirroring the selected ids", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "toolbar", "required": false }, { "name": "rowActions", "required": false }, { "name": "empty", "required": false }, { "name": "bulkActions", "required": false } ], "sub_components": [] }, { "name": "date-separator", "tag": "\u003Cx-wirekit::date-separator\u003E", "category": "Display", "description": "Horizontal divider with centered date label", "docs_url": "https://docs.wirekit.app/components/date-separator", "props": [ { "name": "date", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "variant", "default": "'inline'", "default_normalized": "'inline'", "type_hint": null, "comment": null, "examples": [] }, { "name": "format", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "now", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "timezone", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "event-calendar", "tag": "\u003Cx-wirekit::event-calendar\u003E", "category": "Display", "description": "Scheduling calendar with month, week, and agenda views", "docs_url": "https://docs.wirekit.app/components/event-calendar", "props": [ { "name": "events", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "[{id,title,start,end?,allDay?,intent?}]", "examples": [] }, { "name": "dayMarkers", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "[{date,label,type?,blocked?}] day-level holiday/working/note markers", "examples": [] }, { "name": "view", "default": "config('wirekit.components.event-calendar.view', 'month')", "default_normalized": "config('wirekit.components.event-calendar.view', 'month')", "type_hint": null, "comment": "month | week | agenda", "examples": [] }, { "name": "date", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "ISO date the calendar opens on (default today)", "examples": [] }, { "name": "weekStartsOn", "default": "config('wirekit.components.event-calendar.week-starts-on', 1)", "default_normalized": "config('wirekit.components.event-calendar.week-starts-on', 1)", "type_hint": null, "comment": "0 Sun .. 1 Mon", "examples": [] }, { "name": "ariaLabel", "default": "__('wirekit::Calendar')", "default_normalized": "__('wirekit::Calendar')", "type_hint": null, "comment": null, "examples": [] }, { "name": "weekLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "kanban", "tag": "\u003Cx-wirekit::kanban\u003E", "category": "Display", "description": "Horizontal scrollable board of status columns", "docs_url": "https://docs.wirekit.app/components/kanban", "props": [ { "name": "orientation", "default": "'horizontal'", "default_normalized": "'horizontal'", "type_hint": null, "comment": null, "examples": [] }, { "name": "sortable", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "kanban-column", "tag": "\u003Cx-wirekit::kanban-column\u003E", "category": "Display", "description": "Single column within a kanban board", "docs_url": null, "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "count", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "intent", "default": "'neutral'", "default_normalized": "'neutral'", "type_hint": null, "comment": null, "examples": [] }, { "name": "limit", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "sortable", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "header", "required": false }, { "name": "footer", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "message", "tag": "\u003Cx-wirekit::message\u003E", "category": "Display", "description": "Chat/comment message bubble with author, timestamp, and delivery status", "docs_url": "https://docs.wirekit.app/components/message", "props": [ { "name": "author", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "timestamp", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "side", "default": "'left'", "default_normalized": "'left'", "type_hint": null, "comment": null, "examples": [] }, { "name": "intent", "default": "'neutral'", "default_normalized": "'neutral'", "type_hint": null, "comment": null, "examples": [] }, { "name": "edited", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "status", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "statusTime", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "actionsReveal", "default": "config('wirekit.components.message.actions-reveal', 'hover')", "default_normalized": "config('wirekit.components.message.actions-reveal', 'hover')", "type_hint": null, "comment": null, "examples": [] }, { "name": "timeFormat", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "reactions", "required": false }, { "name": "attachments", "required": false }, { "name": "actions", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "message-typing", "tag": "\u003Cx-wirekit::message-typing\u003E", "category": "Display", "description": "Animated three-dot typing indicator bubble for chat threads", "docs_url": "https://docs.wirekit.app/components/message-typing", "props": [ { "name": "author", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "side", "default": "'left'", "default_normalized": "'left'", "type_hint": null, "comment": null, "examples": [] }, { "name": "announce", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "notification-center", "tag": "\u003Cx-wirekit::notification-center\u003E", "category": "Display", "description": "Bell trigger with unread badge and a grouped, realtime-capable notification panel", "docs_url": "https://docs.wirekit.app/components/notification-center", "props": [ { "name": "items", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "[{id,type,title,body?,timeLabel?,read?,group?,href?,actionLabel?}]", "examples": [] }, { "name": "groupBy", "default": "config('wirekit.components.notification-center.group-by', 'none')", "default_normalized": "config('wirekit.components.notification-center.group-by', 'none')", "type_hint": null, "comment": "none | time | type ('time' groups by each item's `group` label)", "examples": [] }, { "name": "title", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "filters", "default": "config('wirekit.components.notification-center.filters', false)", "default_normalized": "config('wirekit.components.notification-center.filters', false)", "type_hint": null, "comment": "show type-filter tabs", "examples": [] }, { "name": "realtimeEvent", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "window event name to listen for new items", "examples": [] }, { "name": "open", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "start with the panel open (inline embeds / demos)", "examples": [] }, { "name": "seeAllHref", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "footer \"see all\" link", "examples": [] }, { "name": "seeAllLabel", "default": "'See all'", "default_normalized": "'See all'", "type_hint": null, "comment": null, "examples": [] }, { "name": "emptyText", "default": "\"You're all caught up\"", "default_normalized": "\"You're all caught up\"", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "hidden-input name mirroring the unread count", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "pricing-table", "tag": "\u003Cx-wirekit::pricing-table\u003E", "category": "Marketing", "description": "Responsive grid of pricing plans, exposed as a labeled list", "docs_url": "https://docs.wirekit.app/components/pricing-table", "props": [ { "name": "label", "default": "config('wirekit.components.pricing-table.label') ?? __('wirekit::Pricing plans')", "default_normalized": "config('wirekit.components.pricing-table.label') ?? __('wirekit::Pricing plans')", "type_hint": null, "comment": null, "examples": [] }, { "name": "intervals", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "intervalLabel", "default": "__('wirekit::Billing interval')", "default_normalized": "__('wirekit::Billing interval')", "type_hint": null, "comment": null, "examples": [] }, { "name": "columns", "default": "3", "default_normalized": "3", "type_hint": null, "comment": null, "examples": [] }, { "name": "name", "default": "'interval'", "default_normalized": "'interval'", "type_hint": null, "comment": null, "examples": [] }, { "name": "interval", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "pricing-tier", "tag": "\u003Cx-wirekit::pricing-tier\u003E", "category": "Marketing", "description": "A single pricing plan — name, formatted amount, features, CTA, optional featured highlight", "docs_url": null, "props": [ { "name": "name", "default": "''", "default_normalized": "''", "type_hint": null, "comment": null, "examples": [] }, { "name": "price", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "prices", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "currency", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "period", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "periods", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "description", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "featured", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "featuredLabel", "default": "__('wirekit::Most popular')", "default_normalized": "__('wirekit::Most popular')", "type_hint": null, "comment": null, "examples": [] }, { "name": "priceLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "minorUnits", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "locale", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "priceSize", "default": "'lg'", "default_normalized": "'lg'", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "features", "required": false }, { "name": "action", "required": false } ], "sub_components": [] }, { "name": "price", "tag": "\u003Cx-wirekit::price\u003E", "category": "Display", "description": "Locale-aware currency display with optional discount", "docs_url": "https://docs.wirekit.app/components/price", "props": [ { "name": "amount", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "currency", "default": "config('wirekit.currency', 'USD')", "default_normalized": "config('wirekit.currency', 'USD')", "type_hint": null, "comment": null, "examples": [] }, { "name": "locale", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "base", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "unitPrice", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "unitMeasure", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "delta", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "deltaFormat", "default": "'percent'", "default_normalized": "'percent'", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "config('wirekit.components.price.size', 'md')", "default_normalized": "config('wirekit.components.price.size', 'md')", "type_hint": null, "comment": null, "examples": [] }, { "name": "minorUnits", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "suffix", "required": false } ], "sub_components": [] }, { "name": "reaction", "tag": "\u003Cx-wirekit::reaction\u003E", "category": "Display", "description": "Emoji reaction pill with count and toggle state", "docs_url": "https://docs.wirekit.app/components/reaction", "props": [ { "name": "optimisticArgs", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "optimistic", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "emoji", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "count", "default": "0", "default_normalized": "0", "type_hint": null, "comment": null, "examples": [] }, { "name": "active", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "users", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "reveal", "tag": "\u003Cx-wirekit::reveal\u003E", "category": "Display", "description": "Animation wrapper — viewport / click / manual triggers, 11 in/out presets", "docs_url": "https://docs.wirekit.app/components/reveal", "props": [ { "name": "preset", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "trigger", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "duration", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "once", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "threshold", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "delay", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "toolbar", "tag": "\u003Cx-wirekit::toolbar\u003E", "category": "Navigation", "description": "Horizontal bar with search, filters, and action buttons", "docs_url": "https://docs.wirekit.app/components/toolbar", "props": [ { "name": "sticky", "default": "false", "default_normalized": "false", "type_hint": null, "comment": null, "examples": [] }, { "name": "density", "default": "'comfortable'", "default_normalized": "'comfortable'", "type_hint": null, "comment": null, "examples": [] }, { "name": "align", "default": "'between'", "default_normalized": "'between'", "type_hint": null, "comment": null, "examples": [] }, { "name": "ariaLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "leading", "required": false }, { "name": "filters", "required": false }, { "name": "trailing", "required": false }, { "name": "slot", "required": true } ], "sub_components": [] }, { "name": "usage-meter", "tag": "\u003Cx-wirekit::usage-meter\u003E", "category": "Display", "description": "Usage-vs-limit meter with threshold intent, panel grid, and plan-paywall gate", "docs_url": "https://docs.wirekit.app/components/usage-meter", "props": [ { "name": "label", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "visible metric name (e.g. \"Orders this month\")", "examples": [] }, { "name": "used", "default": "0", "default_normalized": "0", "type_hint": null, "comment": "current usage (numeric)", "examples": [] }, { "name": "limit", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "plan limit; null = unlimited", "examples": [] }, { "name": "unit", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "unit suffix (e.g. \"orders\", \"seats\")", "examples": [] }, { "name": "period", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "reset cadence hint: 'day'|'week'|'month'|'year'", "examples": [] }, { "name": "resetAt", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "explicit reset note (overrides period hint)", "examples": [] }, { "name": "warn", "default": "config('wirekit.components.usage-meter.warn', 0.8)", "default_normalized": "config('wirekit.components.usage-meter.warn', 0.8)", "type_hint": null, "comment": "warning threshold ratio", "examples": [] }, { "name": "danger", "default": "config('wirekit.components.usage-meter.danger', 1.0)", "default_normalized": "config('wirekit.components.usage-meter.danger', 1.0)", "type_hint": null, "comment": "danger/over threshold ratio", "examples": [] }, { "name": "showValue", "default": "true", "default_normalized": "true", "type_hint": null, "comment": "show \"X / Y (Z%)\" readout", "examples": [] }, { "name": "unlimitedLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "override the \"Unlimited\" word (a plan NAME is a proper noun)", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "action", "required": false } ], "sub_components": [ { "name": "usage-meter.gate", "tag": "\u003Cx-wirekit::usage-meter.gate\u003E", "props": [ { "name": "over", "default": "false", "default_normalized": "false", "type_hint": null, "comment": "true = limit reached, gate the action", "examples": [] }, { "name": "reason", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "why the action is blocked (shown when over)", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] }, { "name": "usage-meter.panel", "tag": "\u003Cx-wirekit::usage-meter.panel\u003E", "props": [ { "name": "title", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "optional panel heading (e.g. \"Plan usage\")", "examples": [] }, { "name": "columns", "default": "1", "default_normalized": "1", "type_hint": null, "comment": "responsive column count: 1 | 2 | 3", "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ] } ] }, { "name": "chart", "tag": "\u003Cx-wirekit-chart\u003E", "tag_alias": "\u003Cx-wirekit::chart\u003E", "category": "System", "description": "Chart.js wrapper component", "docs_url": "https://docs.wirekit.app/components/chart", "props": [ { "name": "type", "default": "'bar'", "default_normalized": "'bar'", "type_hint": "string", "comment": null, "examples": [] }, { "name": "labels", "default": "[]", "default_normalized": "[]", "type_hint": "array", "comment": null, "examples": [] }, { "name": "datasets", "default": "[]", "default_normalized": "[]", "type_hint": "array", "comment": null, "examples": [] }, { "name": "options", "default": "[]", "default_normalized": "[]", "type_hint": "array", "comment": null, "examples": [] }, { "name": "height", "default": "'380px'", "default_normalized": "'380px'", "type_hint": "string", "comment": null, "examples": [] }, { "name": "wire-stream", "default": "null", "default_normalized": "null", "type_hint": "?string", "comment": null, "examples": [] }, { "name": "wire-stream-mode", "default": "'strict'", "default_normalized": "'strict'", "type_hint": "string", "comment": null, "examples": [] }, { "name": "wire-stream-cap", "default": "100", "default_normalized": "100", "type_hint": "int", "comment": null, "examples": [] }, { "name": "annotations", "default": "[]", "default_normalized": "[]", "type_hint": "array", "comment": null, "examples": [] }, { "name": "inline", "default": "false", "default_normalized": "false", "type_hint": "bool", "comment": null, "examples": [] }, { "name": "replayable", "default": "false", "default_normalized": "false", "type_hint": "bool", "comment": null, "examples": [] }, { "name": "library", "default": "null", "default_normalized": "null", "type_hint": "?string", "comment": null, "examples": [] }, { "name": "value-decimals", "default": "null", "default_normalized": "null", "type_hint": "string|int|null", "comment": null, "examples": [] }, { "name": "value-prefix", "default": "null", "default_normalized": "null", "type_hint": "?string", "comment": null, "examples": [] }, { "name": "value-suffix", "default": "null", "default_normalized": "null", "type_hint": "?string", "comment": null, "examples": [] } ], "component_kind": "class", "slots": [], "sub_components": [] }, { "name": "fonts", "tag": "\u003Cx-wirekit::fonts\u003E", "category": "System", "description": "GDPR-compliant font loader", "docs_url": "https://docs.wirekit.app/components/fonts", "props": [ { "name": "nonce", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [ { "name": "preset", "required": true } ], "sub_components": [] }, { "name": "glass", "tag": "\u003Cx-wirekit::glass\u003E", "category": "System", "description": "Liquid Glass extension — include once in the layout head; takes no props and renders no slot", "docs_url": null, "props": [], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "icon", "tag": "\u003Cx-wirekit::icon\u003E", "category": "System", "description": "SVG icon with preset support", "docs_url": "https://docs.wirekit.app/components/icon", "props": [ { "name": "name", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "size", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "map", "tag": "\u003Cx-wirekit::map\u003E", "category": "System", "description": "Map adapter (MapLibre/Leaflet peer dependency) with markers and an accessible location list", "docs_url": "https://docs.wirekit.app/components/map", "props": [ { "name": "center", "default": "[0, 0]", "default_normalized": "[0, 0]", "type_hint": null, "comment": "[lat, lng]", "examples": [] }, { "name": "zoom", "default": "config('wirekit.components.map.zoom', 2)", "default_normalized": "config('wirekit.components.map.zoom', 2)", "type_hint": null, "comment": null, "examples": [] }, { "name": "markers", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": "[{id,lat,lng,label,body?,intent?}]", "examples": [] }, { "name": "provider", "default": "config('wirekit.components.map.provider', 'maplibre')", "default_normalized": "config('wirekit.components.map.provider', 'maplibre')", "type_hint": null, "comment": "maplibre | leaflet (peer dependency)", "examples": [] }, { "name": "styleUrl", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "tile/style URL (provider-specific)", "examples": [] }, { "name": "attribution", "default": "null", "default_normalized": "null", "type_hint": null, "comment": "tile attribution HTML, e.g. '© OpenStreetMap contributors' — shown by Leaflet's attribution control; required by some tile sources (OSM)", "examples": [] }, { "name": "height", "default": "'24rem'", "default_normalized": "'24rem'", "type_hint": null, "comment": "map canvas height (CSS length)", "examples": [] }, { "name": "ariaLabel", "default": "__('wirekit::Map')", "default_normalized": "__('wirekit::Map')", "type_hint": null, "comment": null, "examples": [] }, { "name": "listLabel", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] }, { "name": "list", "default": "true", "default_normalized": "true", "type_hint": null, "comment": null, "examples": [] }, { "name": "highlight", "default": "config('wirekit.components.map.highlight', 'ring')", "default_normalized": "config('wirekit.components.map.highlight', 'ring')", "type_hint": null, "comment": null, "examples": [] }, { "name": "highlightColor", "default": "config('wirekit.components.map.highlight-color', 'accent')", "default_normalized": "config('wirekit.components.map.highlight-color', 'accent')", "type_hint": null, "comment": null, "examples": [] }, { "name": "scope", "default": "null", "default_normalized": "null", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] }, { "name": "structured-data", "tag": "\u003Cx-wirekit::structured-data\u003E", "category": "System", "description": "JSON-LD script block emitter (XSS-safe via JSON_HEX_TAG)", "docs_url": "https://docs.wirekit.app/components/structured-data", "props": [ { "name": "data", "default": "[]", "default_normalized": "[]", "type_hint": null, "comment": null, "examples": [] } ], "component_kind": "anonymous", "slots": [], "sub_components": [] } ] }