@pithyjs/ui-kit 0.1.0-beta.0

package/dist/registry/registry-meta.js

@@ -0,0 +1,731 @@
+// THIS FILE IS GENERATED by packages/ui-kit/scripts/sync-registry.ts
+// DO NOT EDIT by hand. Run `pnpm --filter @pithyjs/ui-kit sync-registry` to
+// regenerate from PIDL specs in packages/pidl-catalog/specs/.
+export { PROP_TABS, } from "./registry-meta-types";
+export const REGISTRY_META = {
+    "ui.button": {
+        id: "ui.button",
+        name: "Button",
+        displayName: "Button",
+        level: "atom",
+        domain: "actions",
+        props: [
+            { name: "text", label: "Label", tab: "content", type: "string", placeholder: "Click me", reactive: true },
+            { name: "iconStart", label: "Leading icon", tab: "content", type: "icon", reactive: true },
+            { name: "iconEnd", label: "Trailing icon", tab: "content", type: "icon", reactive: true },
+            { name: "variant", label: "Variant", tab: "content", type: "enum", enum: ["solid", "outline", "ghost", "link"] },
+            { name: "color", label: "Color", tab: "content", type: "token-color", enum: ["primary", "secondary", "tertiary", "success", "info", "warning", "danger"] },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+            { name: "shape", label: "Shape", tab: "content", type: "enum", enum: ["none", "xs", "sm", "md", "lg", "xl"] },
+            { name: "disabled", label: "Disabled", tab: "settings", type: "boolean" },
+            { name: "loading", label: "Loading", tab: "settings", type: "boolean" },
+            { name: "type", label: "Type", tab: "settings", type: "enum", enum: ["button", "submit", "reset"] },
+            { name: "loadingText", label: "Loading text", tab: "settings", type: "string" },
+            { name: "fullWidth", label: "Full width", tab: "layout", type: "boolean" },
+            { name: "as", label: "Element", tab: "settings", type: "enum", enum: ["button", "a"] },
+            { name: "href", label: "Link URL", tab: "content", type: "string" },
+            { name: "ariaLabel", label: "ARIA label", tab: "settings", type: "string", reactive: true },
+        ],
+        slots: [
+            { name: "default", displayName: "Content", accepts: ["ui.icon", "ui.text"] },
+        ],
+    },
+    "ui.icon-group": {
+        id: "ui.icon-group",
+        name: "IconGroup",
+        displayName: "Icon Group",
+        level: "atom",
+        domain: "actions",
+        props: [
+            { name: "items", label: "Items", tab: "content", required: true, type: "array", placeholder: [{ "value": "desktop", "icon": "desktop", "ariaLabel": "Desktop" }, { "value": "tablet", "icon": "tablet", "ariaLabel": "Tablet" }, { "value": "mobile", "icon": "mobile", "ariaLabel": "Mobile" }], itemSchema: { "value": { type: "string", required: true }, "icon": { type: "icon", required: true }, "ariaLabel": { type: "string", required: true } } },
+            { name: "value", label: "Value", tab: "content", required: true, type: "string" },
+            { name: "ariaLabel", label: "ARIA label", tab: "settings", required: true, type: "string", placeholder: "View mode" },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+            { name: "iconSize", label: "Icon size", tab: "content", type: "enum", enum: ["xs", "sm", "md", "lg", "xl", "xxl"] },
+        ],
+        slots: [],
+    },
+    "ui.segmented-control": {
+        id: "ui.segmented-control",
+        name: "SegmentedControl",
+        displayName: "Segmented Control",
+        level: "atom",
+        domain: "actions",
+        props: [
+            { name: "items", label: "Items", tab: "content", required: true, type: "array", placeholder: [{ "value": "all", "label": "All" }, { "value": "active", "label": "Active" }, { "value": "archived", "label": "Archived" }], itemSchema: { "value": { type: "string", required: true }, "label": { type: "string", required: true } } },
+            { name: "value", label: "Value", tab: "content", required: true, type: "string" },
+            { name: "ariaLabel", label: "ARIA label", tab: "settings", required: true, type: "string", placeholder: "Filter scope" },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+        ],
+        slots: [],
+    },
+    "ui.text": {
+        id: "ui.text",
+        name: "Text",
+        displayName: "Text",
+        level: "atom",
+        domain: "content",
+        props: [
+            { name: "text", label: "Text", tab: "content", type: "string", placeholder: "Body copy. Replace this with your own content.", multiline: true, reactive: true },
+            { name: "size", label: "Size", tab: "content", type: "token-font", enum: ["xs", "sm", "base", "lg", "xl", "2xl", "3xl", "4xl"] },
+            { name: "weight", label: "Weight", tab: "content", type: "enum", enum: ["thin", "light", "normal", "medium", "semibold", "bold", "extrabold"] },
+            { name: "color", label: "Color", tab: "content", type: "token-color", enum: ["text", "text-muted", "text-inverse", "primary", "secondary", "tertiary"] },
+            { name: "align", label: "Align", tab: "content", type: "enum", enum: ["start", "center", "end", "justify"] },
+            { name: "truncate", label: "Truncate", tab: "layout", type: "number" },
+            { name: "as", label: "Element", tab: "settings", type: "enum", enum: ["p", "span", "div", "small", "strong", "em", "s", "abbr", "time", "blockquote", "figcaption", "cite", "q", "mark", "code", "pre", "kbd", "samp"] },
+            { name: "title", label: "Title", tab: "settings", type: "string" },
+            { name: "datetime", label: "Datetime", tab: "settings", type: "string" },
+        ],
+        slots: [],
+    },
+    "ui.heading": {
+        id: "ui.heading",
+        name: "Heading",
+        displayName: "Heading",
+        level: "atom",
+        domain: "content",
+        props: [
+            { name: "text", label: "Text", tab: "content", type: "string", placeholder: "Your heading", reactive: true },
+            { name: "level", label: "Level", tab: "settings", type: "number", enum: [1, 2, 3, 4, 5, 6] },
+            { name: "size", label: "Size", tab: "content", type: "token-font", enum: ["xs", "sm", "base", "lg", "xl", "2xl", "3xl", "4xl"] },
+            { name: "weight", label: "Weight", tab: "content", type: "enum", enum: ["thin", "light", "normal", "medium", "semibold", "bold", "extrabold"] },
+            { name: "color", label: "Color", tab: "content", type: "token-color", enum: ["text", "text-muted", "text-inverse", "primary", "secondary", "tertiary"] },
+            { name: "align", label: "Align", tab: "content", type: "enum", enum: ["start", "center", "end", "justify"] },
+            { name: "truncate", label: "Truncate", tab: "layout", type: "number" },
+        ],
+        slots: [],
+    },
+    "ui.image": {
+        id: "ui.image",
+        name: "Image",
+        displayName: "Image",
+        level: "atom",
+        domain: "content",
+        props: [
+            { name: "src", label: "Image source", tab: "content", required: true, type: "image", placeholder: "https://placehold.co/600x400?text=Replace+me", reactive: true },
+            { name: "alt", label: "Alt text", tab: "content", required: true, type: "string", placeholder: "Replace this image and update the alt text", reactive: true, kind: "alt-text" },
+            { name: "width", label: "Width", tab: "layout", type: "number" },
+            { name: "height", label: "Height", tab: "layout", type: "number" },
+            { name: "loading", label: "Loading", tab: "settings", type: "enum", enum: ["lazy", "eager"] },
+            { name: "decoding", label: "Decoding", tab: "settings", type: "enum", enum: ["async", "sync", "auto"] },
+            { name: "fetchPriority", label: "Fetch priority", tab: "settings", type: "enum", enum: ["high", "low", "auto"] },
+            { name: "aspectRatio", label: "Aspect ratio", tab: "layout", type: "enum", enum: ["16/9", "4/3", "1/1", "3/2", "21/9", "3/4", "2/3", "9/16"] },
+            { name: "sizing", label: "Sizing", tab: "layout", type: "enum", enum: ["auto", "fill"] },
+            { name: "fit", label: "Fit", tab: "layout", type: "enum", enum: ["contain", "cover", "fill", "none", "scale-down"] },
+            { name: "sizes", label: "Sizes", tab: "settings", type: "string" },
+            { name: "srcset", label: "Srcset", tab: "settings", type: "string" },
+            { name: "sources", label: "Sources", tab: "settings", type: "array" },
+            { name: "rounded", label: "Rounded", tab: "effects", type: "boolean" },
+        ],
+        slots: [],
+    },
+    "ui.icon": {
+        id: "ui.icon",
+        name: "Icon",
+        displayName: "Icon",
+        level: "atom",
+        domain: "content",
+        props: [
+            { name: "name", label: "Icon name", tab: "content", type: "icon", reactive: true },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["xs", "sm", "md", "lg", "xl", "xxl"] },
+            { name: "color", label: "Color", tab: "content", type: "token-color", enum: ["text", "text-muted", "text-inverse", "primary", "secondary", "tertiary", "success", "info", "warning", "danger"] },
+            { name: "decorative", label: "Decorative", tab: "settings", type: "boolean" },
+            { name: "label", label: "Label", tab: "settings", type: "string" },
+        ],
+        slots: [],
+    },
+    "ui.badge": {
+        id: "ui.badge",
+        name: "Badge",
+        displayName: "Badge",
+        level: "atom",
+        domain: "content",
+        props: [
+            { name: "text", label: "Text", tab: "content", type: "string", placeholder: "New", reactive: true },
+            { name: "iconStart", label: "Leading icon", tab: "content", type: "icon", reactive: true },
+            { name: "color", label: "Color", tab: "content", type: "token-color", enum: ["primary", "secondary", "tertiary", "success", "info", "warning", "danger"] },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+            { name: "variant", label: "Variant", tab: "content", type: "enum", enum: ["filled", "outline", "subtle"] },
+            { name: "dot", label: "Dot", tab: "content", type: "boolean" },
+            { name: "pulse", label: "Pulse", tab: "content", type: "boolean" },
+            { name: "label", label: "Label", tab: "content", type: "string" },
+        ],
+        slots: [],
+    },
+    "ui.tile": {
+        id: "ui.tile",
+        name: "Tile",
+        displayName: "Tile",
+        level: "atom",
+        domain: "content",
+        props: [
+            { name: "label", label: "Label", tab: "content", required: true, type: "string", placeholder: "Tile" },
+            { name: "selected", label: "Selected", tab: "content", type: "boolean" },
+            { name: "disabled", label: "Disabled", tab: "content", type: "boolean" },
+            { name: "ariaLabel", label: "ARIA label", tab: "settings", type: "string" },
+            { name: "draggable", label: "Draggable", tab: "settings", type: "boolean" },
+            { name: "data", label: "Data", tab: "settings", type: "object" },
+        ],
+        slots: [
+            { name: "default", displayName: "Content" },
+        ],
+    },
+    "ui.action-tile": {
+        id: "ui.action-tile",
+        name: "ActionTile",
+        displayName: "Action Tile",
+        level: "atom",
+        domain: "content",
+        props: [
+            { name: "title", label: "Title", tab: "content", required: true, type: "string", placeholder: "Share Preview" },
+            { name: "description", label: "Description", tab: "content", type: "string", placeholder: "One self-contained HTML file" },
+            { name: "loading", label: "Loading", tab: "content", type: "boolean", reactive: true },
+            { name: "disabled", label: "Disabled", tab: "content", type: "boolean", reactive: true },
+            { name: "ariaLabel", label: "ARIA label", tab: "settings", type: "string" },
+        ],
+        slots: [
+            { name: "default", displayName: "Icon" },
+        ],
+    },
+    "ui.input": {
+        id: "ui.input",
+        name: "Input",
+        displayName: "Input",
+        level: "atom",
+        domain: "forms",
+        props: [
+            { name: "type", label: "Type", tab: "content", type: "enum", enum: ["text", "email", "password", "number", "tel", "url"] },
+            { name: "id", label: "ID", tab: "settings", type: "string" },
+            { name: "name", label: "Name", tab: "settings", type: "string" },
+            { name: "value", label: "Value", tab: "content", type: "string", reactive: true },
+            { name: "placeholder", label: "Placeholder", tab: "content", type: "string" },
+            { name: "disabled", label: "Disabled", tab: "settings", type: "boolean" },
+            { name: "readonly", label: "Read-only", tab: "settings", type: "boolean" },
+            { name: "required", label: "Required", tab: "content", type: "boolean" },
+            { name: "error", label: "Error", tab: "settings", type: "boolean" },
+            { name: "errorMessage", label: "Error message", tab: "settings", type: "string" },
+            { name: "helperText", label: "Helper text", tab: "content", type: "string" },
+            { name: "success", label: "Success", tab: "settings", type: "boolean" },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+            { name: "label", label: "Label", tab: "content", required: true, type: "string", placeholder: "Email" },
+            { name: "floatingLabel", label: "Floating label", tab: "content", type: "boolean" },
+            { name: "autocomplete", label: "Autocomplete", tab: "settings", type: "string" },
+            { name: "maxLength", label: "Max length", tab: "content", type: "number" },
+            { name: "min", label: "Min", tab: "content", type: "number" },
+            { name: "max", label: "Max", tab: "content", type: "number" },
+            { name: "step", label: "Step", tab: "content", type: "number" },
+            { name: "clearable", label: "Clearable", tab: "content", type: "boolean" },
+            { name: "showPasswordToggle", label: "Show password toggle", tab: "content", type: "boolean" },
+            { name: "loading", label: "Loading", tab: "settings", type: "boolean" },
+        ],
+        slots: [
+            { name: "prefix", displayName: "Prefix", accepts: ["ui.icon", "ui.text"], max: 1 },
+            { name: "suffix", displayName: "Suffix", accepts: ["ui.icon", "ui.button"], max: 1 },
+        ],
+    },
+    "ui.select": {
+        id: "ui.select",
+        name: "Select",
+        displayName: "Select",
+        level: "atom",
+        domain: "forms",
+        props: [
+            { name: "options", label: "Options", tab: "content", required: true, type: "array", placeholder: [{ "value": "us", "label": "United States" }, { "value": "ca", "label": "Canada" }, { "value": "uk", "label": "United Kingdom" }], reactive: true, itemSchema: { "value": { type: "string", required: true }, "label": { type: "string", required: true }, "disabled": { type: "boolean" } } },
+            { name: "id", label: "ID", tab: "settings", type: "string" },
+            { name: "name", label: "Name", tab: "settings", type: "string" },
+            { name: "value", label: "Value", tab: "content", type: "string", reactive: true },
+            { name: "placeholder", label: "Placeholder", tab: "content", type: "string" },
+            { name: "disabled", label: "Disabled", tab: "settings", type: "boolean" },
+            { name: "readonly", label: "Read-only", tab: "settings", type: "boolean" },
+            { name: "required", label: "Required", tab: "content", type: "boolean" },
+            { name: "error", label: "Error", tab: "settings", type: "boolean" },
+            { name: "errorMessage", label: "Error message", tab: "settings", type: "string" },
+            { name: "helperText", label: "Helper text", tab: "content", type: "string" },
+            { name: "success", label: "Success", tab: "settings", type: "boolean" },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+            { name: "label", label: "Label", tab: "content", required: true, type: "string", placeholder: "Country" },
+            { name: "searchable", label: "Searchable", tab: "content", type: "boolean" },
+            { name: "clearable", label: "Clearable", tab: "content", type: "boolean" },
+            { name: "loading", label: "Loading", tab: "settings", type: "boolean" },
+        ],
+        slots: [],
+    },
+    "ui.textarea": {
+        id: "ui.textarea",
+        name: "Textarea",
+        displayName: "Textarea",
+        level: "atom",
+        domain: "forms",
+        props: [
+            { name: "id", label: "ID", tab: "settings", type: "string" },
+            { name: "name", label: "Name", tab: "settings", type: "string" },
+            { name: "value", label: "Value", tab: "content", type: "string", reactive: true },
+            { name: "placeholder", label: "Placeholder", tab: "content", type: "string" },
+            { name: "disabled", label: "Disabled", tab: "settings", type: "boolean" },
+            { name: "readonly", label: "Read-only", tab: "settings", type: "boolean" },
+            { name: "required", label: "Required", tab: "content", type: "boolean" },
+            { name: "error", label: "Error", tab: "settings", type: "boolean" },
+            { name: "errorMessage", label: "Error message", tab: "settings", type: "string" },
+            { name: "helperText", label: "Helper text", tab: "content", type: "string" },
+            { name: "success", label: "Success", tab: "settings", type: "boolean" },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+            { name: "label", label: "Label", tab: "content", required: true, type: "string", placeholder: "Message" },
+            { name: "floatingLabel", label: "Floating label", tab: "content", type: "boolean" },
+            { name: "autocomplete", label: "Autocomplete", tab: "settings", type: "string" },
+            { name: "maxLength", label: "Max length", tab: "content", type: "number" },
+            { name: "rows", label: "Rows", tab: "layout", type: "number" },
+            { name: "autoResize", label: "Auto resize", tab: "layout", type: "boolean" },
+            { name: "maxBlockSize", label: "Max block size", tab: "layout", type: "string" },
+            { name: "minBlockSize", label: "Min block size", tab: "layout", type: "string" },
+            { name: "clearable", label: "Clearable", tab: "content", type: "boolean" },
+            { name: "loading", label: "Loading", tab: "settings", type: "boolean" },
+        ],
+        slots: [],
+    },
+    "ui.checkbox": {
+        id: "ui.checkbox",
+        name: "Checkbox",
+        displayName: "Checkbox",
+        level: "atom",
+        domain: "forms",
+        props: [
+            { name: "id", label: "ID", tab: "settings", type: "string" },
+            { name: "name", label: "Name", tab: "settings", type: "string" },
+            { name: "value", label: "Value", tab: "settings", type: "string" },
+            { name: "checked", label: "Checked", tab: "settings", type: "boolean" },
+            { name: "indeterminate", label: "Indeterminate", tab: "settings", type: "boolean" },
+            { name: "disabled", label: "Disabled", tab: "settings", type: "boolean" },
+            { name: "readonly", label: "Read-only", tab: "settings", type: "boolean" },
+            { name: "required", label: "Required", tab: "content", type: "boolean" },
+            { name: "error", label: "Error", tab: "settings", type: "boolean" },
+            { name: "errorMessage", label: "Error message", tab: "settings", type: "string" },
+            { name: "helperText", label: "Helper text", tab: "content", type: "string" },
+            { name: "success", label: "Success", tab: "settings", type: "boolean" },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+            { name: "label", label: "Label", tab: "content", required: true, type: "string", placeholder: "Accept terms and conditions" },
+            { name: "loading", label: "Loading", tab: "settings", type: "boolean" },
+        ],
+        slots: [],
+    },
+    "ui.checkbox-group": {
+        id: "ui.checkbox-group",
+        name: "CheckboxGroup",
+        displayName: "Checkbox Group",
+        level: "atom",
+        domain: "forms",
+        props: [
+            { name: "id", label: "ID", tab: "settings", type: "string" },
+            { name: "label", label: "Label", tab: "content", required: true, type: "string", placeholder: "Pick your favorites" },
+            { name: "hideLabel", label: "Hide label", tab: "content", type: "boolean" },
+            { name: "helperText", label: "Helper text", tab: "content", type: "string" },
+            { name: "errorMessage", label: "Error message", tab: "content", type: "string" },
+            { name: "error", label: "Error", tab: "content", type: "boolean" },
+            { name: "disabled", label: "Disabled", tab: "content", type: "boolean" },
+        ],
+        slots: [
+            { name: "default", displayName: "Checkboxes", accepts: ["ui.checkbox"] },
+        ],
+    },
+    "ui.radio": {
+        id: "ui.radio",
+        name: "Radio",
+        displayName: "Radio",
+        level: "atom",
+        domain: "forms",
+        props: [
+            { name: "id", label: "ID", tab: "settings", type: "string" },
+            { name: "name", label: "Name", tab: "settings", required: true, type: "string" },
+            { name: "value", label: "Value", tab: "settings", required: true, type: "string" },
+            { name: "checked", label: "Checked", tab: "settings", type: "boolean" },
+            { name: "disabled", label: "Disabled", tab: "settings", type: "boolean" },
+            { name: "readonly", label: "Read-only", tab: "settings", type: "boolean" },
+            { name: "required", label: "Required", tab: "content", type: "boolean" },
+            { name: "error", label: "Error", tab: "settings", type: "boolean" },
+            { name: "errorMessage", label: "Error message", tab: "settings", type: "string" },
+            { name: "helperText", label: "Helper text", tab: "content", type: "string" },
+            { name: "success", label: "Success", tab: "settings", type: "boolean" },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+            { name: "label", label: "Label", tab: "content", required: true, type: "string", placeholder: "Option label" },
+            { name: "loading", label: "Loading", tab: "settings", type: "boolean" },
+        ],
+        slots: [],
+    },
+    "ui.radio-group": {
+        id: "ui.radio-group",
+        name: "RadioGroup",
+        displayName: "Radio Group",
+        level: "atom",
+        domain: "forms",
+        props: [
+            { name: "id", label: "ID", tab: "settings", type: "string" },
+            { name: "label", label: "Label", tab: "content", required: true, type: "string", placeholder: "Pick one" },
+            { name: "hideLabel", label: "Hide label", tab: "content", type: "boolean" },
+            { name: "helperText", label: "Helper text", tab: "content", type: "string" },
+            { name: "errorMessage", label: "Error message", tab: "content", type: "string" },
+            { name: "error", label: "Error", tab: "content", type: "boolean" },
+            { name: "disabled", label: "Disabled", tab: "content", type: "boolean" },
+        ],
+        slots: [
+            { name: "default", displayName: "Radios", accepts: ["ui.radio"] },
+        ],
+    },
+    "ui.toggle": {
+        id: "ui.toggle",
+        name: "Toggle",
+        displayName: "Toggle",
+        level: "atom",
+        domain: "forms",
+        props: [
+            { name: "id", label: "ID", tab: "settings", type: "string" },
+            { name: "name", label: "Name", tab: "settings", type: "string" },
+            { name: "value", label: "Value", tab: "settings", type: "string" },
+            { name: "checked", label: "Checked", tab: "settings", type: "boolean" },
+            { name: "disabled", label: "Disabled", tab: "settings", type: "boolean" },
+            { name: "readonly", label: "Read-only", tab: "settings", type: "boolean" },
+            { name: "required", label: "Required", tab: "content", type: "boolean" },
+            { name: "error", label: "Error", tab: "settings", type: "boolean" },
+            { name: "errorMessage", label: "Error message", tab: "settings", type: "string" },
+            { name: "helperText", label: "Helper text", tab: "content", type: "string" },
+            { name: "success", label: "Success", tab: "settings", type: "boolean" },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+            { name: "label", label: "Label", tab: "content", required: true, type: "string", placeholder: "Enable notifications" },
+            { name: "loading", label: "Loading", tab: "settings", type: "boolean" },
+        ],
+        slots: [],
+    },
+    "ui.file-picker": {
+        id: "ui.file-picker",
+        name: "FilePicker",
+        displayName: "File Picker",
+        level: "atom",
+        domain: "forms",
+        props: [
+            { name: "accept", label: "Accept", tab: "settings", type: "string", placeholder: "image/*" },
+            { name: "maxSizeBytes", label: "Max size (bytes)", tab: "settings", type: "number" },
+            { name: "showPreview", label: "Show preview", tab: "settings", type: "boolean" },
+            { name: "hint", label: "Hint", tab: "content", type: "string", placeholder: "Click or drag a file here" },
+            { name: "ariaLabel", label: "Accessible label", tab: "settings", type: "string" },
+        ],
+        slots: [],
+    },
+    "ui.form-field": {
+        id: "ui.form-field",
+        name: "FormField",
+        displayName: "Form Field",
+        level: "molecule",
+        domain: "forms",
+        props: [
+            { name: "label", label: "Label", tab: "content", required: true, type: "string", placeholder: "Field label" },
+            { name: "required", label: "Required", tab: "content", type: "boolean" },
+            { name: "inputId", label: "Input ID", tab: "settings", type: "string" },
+            { name: "size", label: "Size", tab: "content", type: "enum", enum: ["sm", "md", "lg"] },
+        ],
+        slots: [
+            { name: "default", displayName: "Content" },
+        ],
+    },
+    "ui.form": {
+        id: "ui.form",
+        name: "Form",
+        displayName: "Form",
+        level: "organism",
+        domain: "forms",
+        props: [
+            { name: "initialValues", label: "Initial values", tab: "content", type: "object" },
+            { name: "validateOn", label: "Validate on", tab: "settings", type: "enum", enum: ["change", "blur", "submit"] },
+            { name: "validationRules", label: "Validation rules", tab: "settings", type: "object" },
+            { name: "ariaLabel", label: "ARIA label", tab: "settings", type: "string" },
+            { name: "ariaLabelledBy", label: "ARIA labelled by", tab: "settings", type: "string" },
+        ],
+        slots: [
+            { name: "default", displayName: "Form Fields" },
+        ],
+    },
+    "ui.dynamic-form": {
+        id: "ui.dynamic-form",
+        name: "DynamicForm",
+        displayName: "Dynamic Form",
+        level: "organism",
+        domain: "forms",
+        props: [
+            { name: "config", label: "Config", tab: "content", required: true, type: "object" },
+            { name: "columns", label: "Columns", tab: "layout", type: "number" },
+            { name: "validateOn", label: "Validate on", tab: "settings", type: "enum", enum: ["change", "blur", "submit"] },
+            { name: "action", label: "Action URL", tab: "settings", type: "string" },
+            { name: "method", label: "Method", tab: "settings", type: "enum", enum: ["GET", "POST"] },
+            { name: "ariaLabel", label: "ARIA label", tab: "settings", type: "string" },
+            { name: "ariaLabelledBy", label: "ARIA labelled by", tab: "settings", type: "string" },
+        ],
+        slots: [],
+    },
+    "ui.card": {
+        id: "ui.card",
+        name: "Card",
+        displayName: "Card",
+        level: "organism",
+        domain: "content",
+        props: [
+            { name: "variant", label: "Variant", tab: "content", type: "enum", enum: ["default", "outlined", "elevated", "subtle", "ghost"] },
+            { name: "padding", label: "Padding", tab: "layout", type: "enum", enum: ["none", "sm", "md", "lg"] },
+            { name: "radius", label: "Radius", tab: "content", type: "enum", enum: ["none", "sm", "md", "lg"] },
+            { name: "orientation", label: "Orientation", tab: "layout", type: "enum", enum: ["vertical", "horizontal"] },
+            { name: "mediaAspect", label: "Media aspect", tab: "layout", type: "enum", enum: ["1/1", "4/3", "16/9", "3/2", "21/9"] },
+            { name: "mediaOverlay", label: "Media overlay", tab: "content", type: "boolean" },
+            { name: "clickable", label: "Clickable", tab: "content", type: "boolean" },
+            { name: "href", label: "Link URL", tab: "content", type: "string" },
+            { name: "linkLabel", label: "Link label", tab: "settings", type: "string" },
+            { name: "disabled", label: "Disabled", tab: "settings", type: "boolean", reactive: true },
+            { name: "selected", label: "Selected", tab: "settings", type: "boolean", reactive: true },
+            { name: "eyebrow", label: "Eyebrow", tab: "content", type: "string" },
+            { name: "ariaLabel", label: "ARIA label", tab: "settings", type: "string" },
+            { name: "ariaLabelledBy", label: "ARIA labelled by", tab: "settings", type: "string" },
+            { name: "id", label: "Anchor ID", tab: "settings", type: "string" },
+        ],
+        slots: [
+            { name: "media", displayName: "Media", accepts: ["ui.image", "ui.icon"], max: 1, media: "fill" },
+            { name: "header", displayName: "Header", accepts: ["ui.heading", "ui.text", "ui.badge"] },
+            { name: "default", displayName: "Body" },
+            { name: "footer", displayName: "Footer", accepts: ["ui.text", "ui.button", "ui.badge"] },
+        ],
+    },
+    "ui.modal": {
+        id: "ui.modal",
+        name: "Modal",
+        displayName: "Modal",
+        level: "organism",
+        domain: "feedback",
+        props: [
+            { name: "open", label: "Open", tab: "content", required: true, type: "boolean", reactive: true },
+            { name: "title", label: "Title", tab: "content", required: true, type: "string", placeholder: "Publish" },
+            { name: "titleId", label: "Title element id", tab: "settings", type: "string" },
+            { name: "dialogId", label: "Dialog id", tab: "settings", type: "string" },
+            { name: "closeOnBackdrop", label: "Close on backdrop click", tab: "settings", type: "boolean" },
+            { name: "closeOnEscape", label: "Close on Escape", tab: "settings", type: "boolean" },
+        ],
+        slots: [
+            { name: "default", displayName: "Content" },
+        ],
+    },
+    "ui.navbar": {
+        id: "ui.navbar",
+        name: "Navbar",
+        displayName: "Navbar",
+        level: "organism",
+        domain: "navigation",
+        props: [
+            { name: "label", label: "Label", tab: "settings", required: true, type: "string", placeholder: "Primary" },
+            { name: "brand", label: "Brand", tab: "content", type: "string", placeholder: "Your Brand" },
+            { name: "brandImageSrc", label: "Brand image source", tab: "content", type: "string" },
+            { name: "brandImageAlt", label: "Brand image alt", tab: "content", type: "string" },
+            { name: "brandHref", label: "Brand link", tab: "content", type: "string" },
+            { name: "items", label: "Items", tab: "content", type: "array", placeholder: [{ "label": "Features", "href": "/features" }, { "label": "Pricing", "href": "/pricing" }, { "label": "Docs", "href": "/docs" }], itemSchema: { "label": { type: "string", required: true }, "href": { type: "string", required: true }, "exactActive": { type: "boolean" }, "prefetch": { type: "enum", enum: ["none", "hover", "visible", "intent"] } } },
+            { name: "sticky", label: "Sticky", tab: "layout", type: "boolean" },
+            { name: "transparent", label: "Transparent", tab: "content", type: "boolean" },
+            { name: "density", label: "Density", tab: "layout", type: "enum", enum: ["comfortable", "compact"] },
+            { name: "skipToContentTarget", label: "Skip to content target", tab: "settings", type: "string" },
+            { name: "id", label: "Anchor ID", tab: "settings", type: "string" },
+        ],
+        slots: [
+            { name: "brand", displayName: "Brand", accepts: ["ui.image", "ui.text"], max: 1, media: "logo" },
+            { name: "actions", displayName: "Actions", accepts: ["ui.button", "ui.icon-group"] },
+            { name: "search", displayName: "Search", accepts: ["ui.input"], max: 1 },
+            { name: "announcement", displayName: "Announcement", max: 1 },
+        ],
+    },
+    "ui.stack": {
+        id: "ui.stack",
+        name: "Stack",
+        displayName: "Stack",
+        level: "atom",
+        domain: "layout",
+        props: [
+            { name: "direction", label: "Direction", tab: "layout", type: "enum", enum: ["vertical", "horizontal"] },
+            { name: "gap", label: "Gap", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "align", label: "Align", tab: "layout", type: "enum", enum: ["start", "center", "end", "stretch", "baseline"] },
+            { name: "wrap", label: "Wrap", tab: "layout", type: "boolean" },
+            { name: "reverse", label: "Reverse", tab: "layout", type: "boolean" },
+            { name: "minChildWidth", label: "Min child width", tab: "layout", type: "string" },
+            { name: "as", label: "Element", tab: "settings", type: "enum", enum: ["div", "section", "article", "aside", "header", "footer", "main", "nav", "ul", "ol", "fieldset"] },
+        ],
+        slots: [
+            { name: "default", displayName: "Content" },
+        ],
+    },
+    "ui.grid": {
+        id: "ui.grid",
+        name: "Grid",
+        displayName: "Grid",
+        level: "atom",
+        domain: "layout",
+        props: [
+            { name: "columns", label: "Columns", tab: "layout", type: "string" },
+            { name: "rows", label: "Rows", tab: "layout", type: "number" },
+            { name: "gap", label: "Gap", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "rowGap", label: "Row gap", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "colGap", label: "Column gap", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "align", label: "Align", tab: "layout", type: "enum", enum: ["start", "center", "end", "stretch", "baseline"] },
+            { name: "justify", label: "Justify", tab: "layout", type: "enum", enum: ["start", "end", "center", "between", "around", "evenly"] },
+            { name: "minColumnWidth", label: "Min column width", tab: "layout", type: "string" },
+            { name: "as", label: "Element", tab: "settings", type: "enum", enum: ["div", "section", "article", "aside", "ul", "ol"] },
+        ],
+        slots: [
+            { name: "default", displayName: "Content" },
+        ],
+    },
+    "ui.grid-item": {
+        id: "ui.grid-item",
+        name: "GridItem",
+        displayName: "Grid Item",
+        level: "atom",
+        domain: "layout",
+        props: [
+            { name: "span", label: "Span", tab: "layout", type: "string" },
+            { name: "start", label: "Column start", tab: "layout", type: "number" },
+            { name: "end", label: "Column end", tab: "layout", type: "number" },
+            { name: "rowSpan", label: "Row span", tab: "layout", type: "number" },
+            { name: "rowStart", label: "Row start", tab: "layout", type: "number" },
+            { name: "rowEnd", label: "Row end", tab: "layout", type: "number" },
+            { name: "placeSelf", label: "Place self", tab: "layout", type: "enum", enum: ["start", "center", "end", "stretch"] },
+            { name: "as", label: "Element", tab: "settings", type: "enum", enum: ["div", "section", "article", "aside", "li"] },
+        ],
+        slots: [
+            { name: "default", displayName: "Content" },
+        ],
+    },
+    "ui.smart-container": {
+        id: "ui.smart-container",
+        name: "SmartContainer",
+        displayName: "Smart Container",
+        level: "atom",
+        domain: "layout",
+        props: [
+            { name: "recipe", label: "Recipe", tab: "layout", type: "enum", enum: ["auto-grid", "stack-to-row", "row-wrap", "sidebar", "equal-cards"] },
+            { name: "minItem", label: "Min item", tab: "layout", type: "string" },
+            { name: "gap", label: "Gap", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "density", label: "Density", tab: "layout", type: "enum", enum: ["compact", "normal", "relaxed"] },
+            { name: "align", label: "Align", tab: "layout", type: "enum", enum: ["start", "center", "end", "stretch", "baseline"] },
+            { name: "justify", label: "Justify", tab: "layout", type: "enum", enum: ["start", "end", "center", "between", "around", "evenly"] },
+            { name: "lanes", label: "Lanes", tab: "layout", type: "number" },
+            { name: "as", label: "Element", tab: "settings", type: "enum", enum: ["div", "section", "article", "aside"] },
+        ],
+        slots: [
+            { name: "default", displayName: "Content" },
+        ],
+    },
+    "ui.page-section": {
+        id: "ui.page-section",
+        name: "PageSection",
+        displayName: "Page Section",
+        level: "atom",
+        domain: "layout",
+        props: [
+            { name: "spacing", label: "Spacing", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "contained", label: "Contained", tab: "layout", type: "boolean" },
+            { name: "fullBleed", label: "Full bleed", tab: "layout", type: "boolean" },
+            { name: "as", label: "Element", tab: "settings", type: "enum", enum: ["section", "article", "aside", "header", "footer", "main"] },
+            { name: "id", label: "Anchor ID", tab: "settings", type: "string" },
+        ],
+        slots: [
+            { name: "default", displayName: "Content" },
+        ],
+    },
+    "ui.hero-section": {
+        id: "ui.hero-section",
+        name: "HeroSection",
+        displayName: "Hero Section",
+        level: "section",
+        domain: "sections",
+        props: [
+            { name: "variant", label: "Variant", tab: "content", type: "enum", enum: ["centered", "split"] },
+            { name: "eyebrow", label: "Eyebrow", tab: "content", type: "string", placeholder: "NEW", reactive: true },
+            { name: "heading", label: "Heading", tab: "content", required: true, type: "string", placeholder: "Build something amazing", reactive: true },
+            { name: "headingLevel", label: "Heading level", tab: "settings", type: "number", enum: [1, 2, 3, 4, 5, 6] },
+            { name: "subheading", label: "Subheading", tab: "content", type: "string", placeholder: "Ship faster with a framework designed for performance and developer joy.", reactive: true },
+            { name: "imageSrc", label: "Image source", tab: "content", type: "string", placeholder: "https://placehold.co/480x320?text=Hero+image", reactive: true, visibleWhen: { "prop": "variant", "equals": "split" } },
+            { name: "imageAlt", label: "Alt text", tab: "content", type: "string", placeholder: "Replace this image and update the alt text", reactive: true, kind: "alt-text", visibleWhen: { "prop": "variant", "equals": "split" } },
+            { name: "imageWidth", label: "Image width", tab: "layout", type: "number", placeholder: 480, visibleWhen: { "prop": "variant", "equals": "split" } },
+            { name: "imageHeight", label: "Image height", tab: "layout", type: "number", placeholder: 320, visibleWhen: { "prop": "variant", "equals": "split" } },
+            { name: "spacing", label: "Spacing", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "id", label: "Anchor ID", tab: "settings", type: "string" },
+        ],
+        slots: [
+            { name: "actions", displayName: "Actions", accepts: ["ui.button"] },
+        ],
+    },
+    "ui.features-section": {
+        id: "ui.features-section",
+        name: "FeaturesSection",
+        displayName: "Features Section",
+        level: "section",
+        domain: "sections",
+        props: [
+            { name: "heading", label: "Heading", tab: "content", type: "string", placeholder: "Why choose us", reactive: true },
+            { name: "headingLevel", label: "Heading level", tab: "settings", type: "number", enum: [1, 2, 3, 4, 5, 6] },
+            { name: "subheading", label: "Subheading", tab: "content", type: "string", placeholder: "Everything you need to ship great products.", reactive: true },
+            { name: "items", label: "Items", tab: "content", required: true, type: "array", placeholder: [{ "title": "Lightning fast", "description": "Sub-second page loads with fine-grained reactivity." }, { "title": "Secure by default", "description": "Built-in protection against the OWASP top 10." }, { "title": "Built for teams", "description": "Collaborate seamlessly with role-based access control." }], reactive: true, itemSchema: { "icon": { type: "icon" }, "title": { type: "string", required: true }, "description": { type: "string", required: true } } },
+            { name: "columns", label: "Columns", tab: "layout", type: "number", enum: [2, 3, 4] },
+            { name: "spacing", label: "Spacing", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "id", label: "Anchor ID", tab: "settings", type: "string" },
+        ],
+        slots: [
+            { name: "extras", displayName: "Extras" },
+        ],
+    },
+    "ui.cta-section": {
+        id: "ui.cta-section",
+        name: "CTASection",
+        displayName: "CTA Section",
+        level: "section",
+        domain: "sections",
+        props: [
+            { name: "eyebrow", label: "Eyebrow", tab: "content", type: "string", placeholder: "GET STARTED", reactive: true },
+            { name: "heading", label: "Heading", tab: "content", required: true, type: "string", placeholder: "Ready to ship faster?", reactive: true },
+            { name: "headingLevel", label: "Heading level", tab: "settings", type: "number", enum: [1, 2, 3, 4, 5, 6] },
+            { name: "description", label: "Description", tab: "content", type: "string", placeholder: "Join thousands of developers building with our platform.", reactive: true },
+            { name: "color", label: "Color", tab: "content", type: "token-color", enum: ["primary", "secondary", "tertiary", "success", "info", "warning", "danger"] },
+            { name: "variant", label: "Variant", tab: "content", type: "enum", enum: ["centered", "inline"] },
+            { name: "spacing", label: "Spacing", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "id", label: "Anchor ID", tab: "settings", type: "string" },
+        ],
+        slots: [
+            { name: "actions", displayName: "Actions", accepts: ["ui.button"] },
+        ],
+    },
+    "ui.contact-section": {
+        id: "ui.contact-section",
+        name: "ContactSection",
+        displayName: "Contact Section",
+        level: "section",
+        domain: "sections",
+        props: [
+            { name: "heading", label: "Heading", tab: "content", type: "string", placeholder: "Get in touch", reactive: true },
+            { name: "headingLevel", label: "Heading level", tab: "settings", type: "number", enum: [1, 2, 3, 4, 5, 6] },
+            { name: "description", label: "Description", tab: "content", type: "string", placeholder: "We'd love to hear from you. Reach out anytime.", reactive: true },
+            { name: "contacts", label: "Contacts", tab: "content", type: "array", placeholder: [{ "label": "Email", "value": "hello@example.com", "href": "mailto:hello@example.com" }, { "label": "Phone", "value": "+1 (555) 010-0000", "href": "tel:+15550100000" }, { "label": "Address", "value": "123 Main St, Suite 100, San Francisco, CA 94103" }], reactive: true, itemSchema: { "label": { type: "string", required: true }, "value": { type: "string", required: true }, "icon": { type: "icon" }, "href": { type: "string" } } },
+            { name: "spacing", label: "Spacing", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "id", label: "Anchor ID", tab: "settings", type: "string" },
+        ],
+        slots: [
+            { name: "form", displayName: "Form", accepts: ["ui.form"], max: 1 },
+        ],
+    },
+    "ui.footer-section": {
+        id: "ui.footer-section",
+        name: "FooterSection",
+        displayName: "Footer Section",
+        level: "section",
+        domain: "sections",
+        props: [
+            { name: "groups", label: "Link groups", tab: "content", type: "array", placeholder: [{ "title": "Product", "links": [{ "label": "Features", "href": "/features" }, { "label": "Pricing", "href": "/pricing" }] }, { "title": "Company", "links": [{ "label": "About", "href": "/about" }, { "label": "Blog", "href": "/blog" }] }, { "title": "Support", "links": [{ "label": "Help", "href": "/help" }, { "label": "Contact", "href": "/contact" }] }], reactive: true, itemSchema: { "title": { type: "string", required: true }, "links": { type: "array", required: true, itemSchema: { "label": { type: "string", required: true }, "href": { type: "string", required: true } } } } },
+            { name: "brandName", label: "Brand name", tab: "content", type: "string", placeholder: "Your Brand", reactive: true },
+            { name: "copyrightYear", label: "Copyright year", tab: "settings", type: "number" },
+            { name: "headingLevel", label: "Heading level", tab: "settings", type: "number", enum: [1, 2, 3, 4, 5, 6] },
+            { name: "spacing", label: "Spacing", tab: "layout", type: "token-space", enum: ["0", "xs", "sm", "md", "lg", "xl"] },
+            { name: "id", label: "Anchor ID", tab: "settings", type: "string" },
+        ],
+        slots: [
+            { name: "extras", displayName: "Extras" },
+        ],
+    },
+};
+//# sourceMappingURL=registry-meta.js.map