@arnilo/liveframe-starter 0.0.0-stage → 0.3.0

package/dist/ui.definitions.gen.js

@@ -0,0 +1,1545 @@
+export const Box = {
+    kind: "box",
+    props: {
+        type: "object",
+        properties: {
+            semantics: {
+                type: "string",
+                enum: [
+                    "section",
+                    "article",
+                    "aside",
+                    "header",
+                    "footer",
+                    "nav",
+                    "list",
+                    "listItem",
+                    "terms",
+                    "term",
+                    "detail",
+                    "form",
+                    "group",
+                    "figure",
+                    "status",
+                    "alert",
+                ],
+                maxLength: 8,
+            },
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+        },
+        required: [],
+        additionalProperties: false,
+    },
+    children: "any",
+    events: {},
+    variants: ["default", "plate", "rule", "callout"],
+    slots: ["root", "rail"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+        "deferOffscreen",
+        "surface",
+        "fill",
+        "radius",
+    ],
+    a11y: {
+        role: "generic",
+    },
+    description: "A generic container. Variants add a plate, rule or callout; `semantics` picks the element.",
+    defaultVariant: "default",
+};
+export const Stack = {
+    kind: "stack",
+    props: {
+        type: "object",
+        properties: {
+            semantics: {
+                type: "string",
+                enum: [
+                    "section",
+                    "article",
+                    "aside",
+                    "header",
+                    "footer",
+                    "nav",
+                    "list",
+                    "listItem",
+                    "terms",
+                    "term",
+                    "detail",
+                    "form",
+                    "group",
+                    "figure",
+                    "status",
+                    "alert",
+                ],
+                maxLength: 8,
+            },
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+        },
+        required: [],
+        additionalProperties: false,
+    },
+    children: "any",
+    events: {},
+    variants: ["default"],
+    slots: ["root"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+        "gap",
+        "direction",
+        "align",
+        "justify",
+        "wrap",
+    ],
+    a11y: {
+        role: "generic",
+    },
+    description: "Lays its children out in a column.",
+    defaultVariant: "default",
+};
+export const Inline = {
+    kind: "inline",
+    props: {
+        type: "object",
+        properties: {
+            semantics: {
+                type: "string",
+                enum: [
+                    "section",
+                    "article",
+                    "aside",
+                    "header",
+                    "footer",
+                    "nav",
+                    "list",
+                    "listItem",
+                    "terms",
+                    "term",
+                    "detail",
+                    "form",
+                    "group",
+                    "figure",
+                    "status",
+                    "alert",
+                ],
+                maxLength: 8,
+            },
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+        },
+        required: [],
+        additionalProperties: false,
+    },
+    children: "any",
+    events: {},
+    variants: ["default"],
+    slots: ["root"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+        "gap",
+        "direction",
+        "align",
+        "justify",
+        "wrap",
+    ],
+    a11y: {
+        role: "generic",
+    },
+    description: "Lays its children out in a row.",
+    defaultVariant: "default",
+};
+export const Grid = {
+    kind: "grid",
+    props: {
+        type: "object",
+        properties: {
+            semantics: {
+                type: "string",
+                enum: [
+                    "section",
+                    "article",
+                    "aside",
+                    "header",
+                    "footer",
+                    "nav",
+                    "list",
+                    "listItem",
+                    "terms",
+                    "term",
+                    "detail",
+                    "form",
+                    "group",
+                    "figure",
+                    "status",
+                    "alert",
+                ],
+                maxLength: 8,
+            },
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+        },
+        required: [],
+        additionalProperties: false,
+    },
+    children: "any",
+    events: {},
+    variants: ["default"],
+    slots: ["root"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+        "gap",
+        "align",
+        "justify",
+        "columns",
+        "rows",
+        "area",
+    ],
+    a11y: {
+        role: "generic",
+    },
+    description: "Lays its children out on a grid whose tracks the author sets.",
+    defaultVariant: "default",
+};
+export const Scroll = {
+    kind: "scroll",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            axis: {
+                type: "string",
+                enum: ["vertical", "horizontal", "both"],
+                maxLength: 10,
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: "any",
+    events: {},
+    variants: ["default"],
+    slots: ["root", "viewport", "scrollbar"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+        "minHeight",
+        "maxHeight",
+    ],
+    a11y: {
+        role: "region",
+        name: "label",
+    },
+    description: "A named, keyboard-focusable region that scrolls its children.",
+    defaultVariant: "default",
+};
+export const Separator = {
+    kind: "separator",
+    props: {
+        type: "object",
+        properties: {
+            orientation: {
+                type: "string",
+                enum: ["horizontal", "vertical"],
+                maxLength: 10,
+            },
+        },
+        required: [],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {},
+    variants: ["default"],
+    slots: ["root"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "separator",
+    },
+    description: "A thin rule between groups of content.",
+    defaultVariant: "default",
+};
+export const Text = {
+    kind: "text",
+    props: {
+        type: "object",
+        properties: {
+            text: {
+                type: "string",
+                maxLength: 10000,
+            },
+        },
+        required: ["text"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {},
+    variants: ["default"],
+    slots: ["root"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+        "textStyle",
+        "tone",
+        "textAlign",
+    ],
+    a11y: {
+        role: "generic",
+    },
+    description: "A run of text. Use `tone` and `textStyle` to emphasise it.",
+    defaultVariant: "default",
+};
+export const Hint = {
+    kind: "hint",
+    props: {
+        type: "object",
+        properties: {
+            text: {
+                type: "string",
+                maxLength: 10000,
+            },
+        },
+        required: ["text"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {},
+    variants: ["default"],
+    slots: ["root"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+        "textAlign",
+    ],
+    a11y: {
+        role: "generic",
+    },
+    description: "Secondary text that describes another control; a control's `describedBy` can reference it.",
+    defaultVariant: "default",
+};
+export const Heading = {
+    kind: "heading",
+    props: {
+        type: "object",
+        properties: {
+            text: {
+                type: "string",
+                maxLength: 10000,
+            },
+            level: {
+                type: "integer",
+                minimum: 1,
+                maximum: 6,
+            },
+        },
+        required: ["text", "level"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {},
+    variants: ["default"],
+    slots: ["root"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+        "textStyle",
+        "tone",
+        "textAlign",
+    ],
+    a11y: {
+        role: "heading",
+        name: "text",
+    },
+    description: "A section heading, level 1 to 6.",
+    defaultVariant: "default",
+};
+export const Icon = {
+    kind: "icon",
+    props: {
+        type: "object",
+        properties: {
+            name: {
+                type: "string",
+                maxLength: 128,
+                pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$",
+            },
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+        },
+        required: ["name"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {},
+    variants: ["default"],
+    slots: ["root"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+        "tone",
+    ],
+    a11y: {
+        role: "img",
+        name: "label",
+    },
+    description: "A small glyph from the app's icon set.",
+    defaultVariant: "default",
+};
+export const Image = {
+    kind: "image",
+    props: {
+        type: "object",
+        properties: {
+            src: {
+                type: "string",
+                maxLength: 2048,
+                url: {
+                    schemes: ["https"],
+                    relative: true,
+                },
+            },
+            alt: {
+                type: "string",
+                maxLength: 10000,
+            },
+        },
+        required: ["src", "alt"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {},
+    variants: ["default"],
+    slots: ["root"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "img",
+        name: "alt",
+    },
+    description: "An image from a `https` or relative URL.",
+    defaultVariant: "default",
+};
+export const Link = {
+    kind: "link",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            href: {
+                type: "string",
+                maxLength: 2048,
+                url: {
+                    schemes: ["https"],
+                    relative: true,
+                },
+            },
+        },
+        required: ["label", "href"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {},
+    variants: ["default"],
+    slots: ["root", "label"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "link",
+        name: "label",
+    },
+    description: "A link to a `https` or relative URL.",
+    defaultVariant: "default",
+};
+export const Button = {
+    kind: "button",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            icon: {
+                type: "string",
+                maxLength: 128,
+                pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$",
+            },
+            disabled: {
+                type: "boolean",
+            },
+            current: {
+                type: "boolean",
+            },
+            pressed: {
+                type: "boolean",
+            },
+            tone: {
+                type: "string",
+                enum: ["neutral", "critical"],
+                maxLength: 8,
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {
+        onPress: {
+            carries: "none",
+            description: "Pressed by pointer, Enter or Space.",
+        },
+    },
+    variants: ["default", "primary", "ghost"],
+    slots: ["root", "label", "icon"],
+    styleProps: ["width", "grow", "align"],
+    a11y: {
+        role: "button",
+        name: "label",
+    },
+    description: "Runs one intent when pressed. `tone` marks a critical action.",
+    defaultVariant: "default",
+    axes: {
+        tone: {
+            default: "neutral",
+        },
+    },
+};
+export const TextField = {
+    kind: "textField",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            value: {
+                type: "string",
+                maxLength: 10000,
+            },
+            placeholder: {
+                type: "string",
+                maxLength: 10000,
+            },
+            multiline: {
+                type: "boolean",
+            },
+            disabled: {
+                type: "boolean",
+            },
+            readOnly: {
+                type: "boolean",
+            },
+            maxLength: {
+                type: "integer",
+                minimum: 1,
+                maximum: 10000,
+            },
+            describedBy: {
+                type: "string",
+                maxLength: 1024,
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {
+        onChange: {
+            carries: "string",
+            description: "The value changed.",
+        },
+        onCommit: {
+            carries: "string",
+            description: "The user confirmed the text with Enter.",
+        },
+    },
+    variants: ["default"],
+    slots: ["root", "label", "input"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "textbox",
+        name: "label",
+    },
+    refProps: ["describedBy"],
+    description: "A single- or multi-line text input. `onChange` carries the text; `onCommit` fires on Enter.",
+    defaultVariant: "default",
+};
+export const Select = {
+    kind: "select",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            value: {
+                type: "string",
+                maxLength: 128,
+                pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$",
+            },
+            disabled: {
+                type: "boolean",
+            },
+            options: {
+                type: "array",
+                maxItems: 100,
+                items: {
+                    type: "object",
+                    properties: {
+                        value: {
+                            type: "string",
+                            maxLength: 128,
+                            pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$",
+                        },
+                        label: {
+                            type: "string",
+                            maxLength: 80,
+                        },
+                        disabled: {
+                            type: "boolean",
+                        },
+                    },
+                    required: ["value", "label"],
+                    additionalProperties: false,
+                },
+            },
+        },
+        required: ["label", "options"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {
+        onChange: {
+            carries: "string",
+            description: "The value changed.",
+        },
+    },
+    variants: ["default"],
+    slots: ["root", "label", "trigger", "list", "option"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "combobox",
+        name: "label",
+    },
+    description: "Chooses one value from a list of options.",
+    defaultVariant: "default",
+};
+export const Checkbox = {
+    kind: "checkbox",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            checked: {
+                type: "boolean",
+            },
+            disabled: {
+                type: "boolean",
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {
+        onChange: {
+            carries: "boolean",
+            description: "The value changed.",
+        },
+    },
+    variants: ["default"],
+    slots: ["root", "label", "indicator"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "checkbox",
+        name: "label",
+    },
+    description: "A box that is checked or not.",
+    defaultVariant: "default",
+};
+export const Switch = {
+    kind: "switch",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            checked: {
+                type: "boolean",
+            },
+            disabled: {
+                type: "boolean",
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {
+        onChange: {
+            carries: "boolean",
+            description: "The value changed.",
+        },
+    },
+    variants: ["default"],
+    slots: ["root", "label", "track", "thumb"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "switch",
+        name: "label",
+    },
+    description: "A two-state toggle that takes effect at once.",
+    defaultVariant: "default",
+};
+export const Menu = {
+    kind: "menu",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            disabled: {
+                type: "boolean",
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: [{ kind: "menuItem", min: 1, max: 100 }],
+    events: {},
+    variants: ["default"],
+    slots: ["root", "trigger", "content"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "menu",
+        name: "label",
+    },
+    description: "A button that opens a list of menu items.",
+    defaultVariant: "default",
+};
+export const MenuItem = {
+    kind: "menuItem",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            icon: {
+                type: "string",
+                maxLength: 128,
+                pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$",
+            },
+            disabled: {
+                type: "boolean",
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: "none",
+    events: {
+        onPress: {
+            carries: "none",
+            description: "Pressed by pointer, Enter or Space.",
+        },
+    },
+    variants: ["default"],
+    slots: ["root", "label", "icon"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "menuitem",
+        name: "label",
+    },
+    description: "One action in a menu.",
+    defaultVariant: "default",
+};
+export const Popover = {
+    kind: "popover",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: "any",
+    events: {},
+    variants: ["default"],
+    slots: ["root", "trigger", "content"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "dialog",
+        name: "label",
+    },
+    description: "A button that opens a small floating panel of children.",
+    defaultVariant: "default",
+};
+export const Dialog = {
+    kind: "dialog",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            open: {
+                type: "boolean",
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: "any",
+    events: {
+        onClose: {
+            carries: "none",
+            description: "Dismissed by the user.",
+        },
+    },
+    variants: ["default"],
+    slots: ["root", "backdrop", "content", "title", "close"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "dialog",
+        name: "label",
+    },
+    description: "A modal panel over the surface. `onClose` fires when it is dismissed.",
+    defaultVariant: "default",
+};
+export const Tooltip = {
+    kind: "tooltip",
+    props: {
+        type: "object",
+        properties: {
+            text: {
+                type: "string",
+                maxLength: 10000,
+            },
+        },
+        required: ["text"],
+        additionalProperties: false,
+    },
+    children: "any",
+    events: {},
+    variants: ["default"],
+    slots: ["root", "trigger", "content"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "tooltip",
+        name: "text",
+    },
+    description: "Short text shown when its children are hovered or focused.",
+    defaultVariant: "default",
+};
+export const Tabs = {
+    kind: "tabs",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            value: {
+                type: "string",
+                maxLength: 128,
+                pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$",
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: [{ kind: "tab", min: 1, max: 100 }],
+    events: {
+        onChange: {
+            carries: "string",
+            description: "The value changed.",
+        },
+    },
+    variants: ["default"],
+    slots: ["root", "list", "panel"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "tablist",
+        name: "label",
+    },
+    description: "A row of tabs with one panel visible at a time.",
+    defaultVariant: "default",
+};
+export const Disclosure = {
+    kind: "disclosure",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            open: {
+                type: "boolean",
+            },
+        },
+        required: ["label"],
+        additionalProperties: false,
+    },
+    children: "any",
+    events: {
+        onToggle: {
+            carries: "boolean",
+            description: "Opened or closed; carries the new state.",
+        },
+    },
+    variants: ["default"],
+    slots: ["root", "summary", "panel"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "group",
+        name: "label",
+    },
+    description: "A summary label that expands its children locally; `onToggle` reports the new state.",
+    defaultVariant: "default",
+};
+export const Tab = {
+    kind: "tab",
+    props: {
+        type: "object",
+        properties: {
+            label: {
+                type: "string",
+                maxLength: 80,
+            },
+            count: {
+                type: "string",
+                maxLength: 16,
+            },
+            value: {
+                type: "string",
+                maxLength: 128,
+                pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$",
+            },
+            disabled: {
+                type: "boolean",
+            },
+        },
+        required: ["label", "value"],
+        additionalProperties: false,
+    },
+    children: "any",
+    events: {},
+    variants: ["default"],
+    slots: ["root", "label", "count", "panel"],
+    styleProps: [
+        "padding",
+        "paddingX",
+        "paddingY",
+        "paddingTop",
+        "paddingRight",
+        "paddingBottom",
+        "paddingLeft",
+        "margin",
+        "marginX",
+        "marginY",
+        "marginTop",
+        "marginRight",
+        "marginBottom",
+        "marginLeft",
+        "width",
+        "height",
+        "minWidth",
+        "maxWidth",
+        "grow",
+        "shrink",
+        "basis",
+        "position",
+        "insetTop",
+        "insetBottom",
+    ],
+    a11y: {
+        role: "tab",
+        name: "label",
+    },
+    description: "One tab and its panel; a child of `tabs`.",
+    defaultVariant: "default",
+};