@jonmilner/ui 0.0.0-stage → 0.1.1

package/dist/docs/manifest.json

@@ -0,0 +1,2649 @@
+{
+  "$schema": "./manifest.schema.json",
+  "package": "@jonmilner/ui",
+  "version": "0.1.1",
+  "components": [
+    {
+      "name": "AlertDialog",
+      "styleProps": false,
+      "props": [
+        {
+          "name": "cancelLabel",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "children",
+          "type": "ReactNode",
+          "required": false
+        },
+        {
+          "name": "confirmLabel",
+          "type": "string",
+          "required": true
+        },
+        {
+          "name": "defaultOpen",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the dialog is initially open.\n\nTo render a controlled dialog, use the `open` prop instead."
+        },
+        {
+          "name": "description",
+          "type": "string | number | bigint | Iterable<ReactNode> | Promise<AwaitedReactNode> | ReactElement<unknown, string | JSXElementConstructor<any>> | ReactPortal",
+          "required": true
+        },
+        {
+          "name": "onConfirm",
+          "type": "() => void",
+          "required": true
+        },
+        {
+          "name": "onOpenChange",
+          "type": "((open: boolean, eventDetails: AlertDialogRootChangeEventDetails) => void)",
+          "required": false,
+          "description": "Event handler called when the alert dialog is opened or closed."
+        },
+        {
+          "name": "onOpenChangeComplete",
+          "type": "((open: boolean) => void)",
+          "required": false,
+          "description": "Event handler called after any animations complete when the dialog is opened or closed."
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the dialog is currently open."
+        },
+        {
+          "name": "title",
+          "type": "string | number | bigint | Iterable<ReactNode> | Promise<AwaitedReactNode> | ReactElement<unknown, string | JSXElementConstructor<any>> | ReactPortal",
+          "required": true
+        },
+        {
+          "name": "tone",
+          "type": "\"danger\" | \"default\"",
+          "required": false,
+          "values": [
+            "danger",
+            "default"
+          ]
+        }
+      ],
+      "parts": [
+        {
+          "name": "AlertDialog.Trigger",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "handle",
+              "type": "DialogHandle<unknown>",
+              "required": false,
+              "description": "A handle to associate the trigger with a dialog.\nCan be created with the Dialog.createHandle() method."
+            },
+            {
+              "name": "iconEnd",
+              "type": "ComponentType",
+              "required": false
+            },
+            {
+              "name": "iconStart",
+              "type": "ComponentType",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string",
+              "required": false,
+              "description": "ID of the trigger. In addition to being forwarded to the rendered element,\nit is also used to specify the active trigger for the dialog in controlled mode (with the DialogRoot `triggerId` prop)."
+            },
+            {
+              "name": "payload",
+              "type": "unknown",
+              "required": false,
+              "description": "A payload to pass to the dialog when it is opened."
+            },
+            {
+              "name": "size",
+              "type": "\"lg\" | \"med\" | \"sm\"",
+              "required": false,
+              "values": [
+                "lg",
+                "med",
+                "sm"
+              ]
+            },
+            {
+              "name": "variant",
+              "type": "\"primary\" | \"secondary\"",
+              "required": false,
+              "values": [
+                "primary",
+                "secondary"
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": []
+    },
+    {
+      "name": "Badge",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "size",
+          "type": "\"med\" | \"sm\"",
+          "required": false,
+          "values": [
+            "med",
+            "sm"
+          ]
+        },
+        {
+          "name": "variant",
+          "type": "\"accent\" | \"danger\" | \"neutral\"",
+          "required": false,
+          "values": [
+            "accent",
+            "danger",
+            "neutral"
+          ]
+        }
+      ],
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Box",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "as",
+          "type": "ElementType",
+          "required": false
+        }
+      ],
+      "element": "div",
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Button",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "aria-busy",
+          "type": "\"false\" | \"true\" | boolean",
+          "required": false
+        },
+        {
+          "name": "as",
+          "type": "ElementType",
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "iconEnd",
+          "type": "ComponentType",
+          "required": false
+        },
+        {
+          "name": "iconStart",
+          "type": "ComponentType",
+          "required": false
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"med\" | \"sm\"",
+          "required": false,
+          "values": [
+            "lg",
+            "med",
+            "sm"
+          ]
+        },
+        {
+          "name": "variant",
+          "type": "\"danger\" | \"primary\" | \"secondary\"",
+          "required": false,
+          "values": [
+            "danger",
+            "primary",
+            "secondary"
+          ]
+        }
+      ],
+      "element": "button",
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Checkbox",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "checked",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the checkbox is currently ticked.\n\nTo render an uncontrolled checkbox, use the `defaultChecked` prop instead."
+        },
+        {
+          "name": "defaultChecked",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the checkbox is initially ticked.\n\nTo render a controlled checkbox, use the `checked` prop instead."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the component should ignore user interaction."
+        },
+        {
+          "name": "form",
+          "type": "string",
+          "required": false,
+          "description": "Identifies the form that owns the hidden input.\nUseful when the checkbox is rendered outside the form."
+        },
+        {
+          "name": "id",
+          "type": "string",
+          "required": false,
+          "description": "The id of the input element."
+        },
+        {
+          "name": "indeterminate",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the checkbox is in a mixed state: neither ticked, nor unticked."
+        },
+        {
+          "name": "inputRef",
+          "type": "Ref<HTMLInputElement>",
+          "required": false,
+          "description": "A ref to access the hidden `<input>` element."
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "description": "Identifies the field when a form is submitted."
+        },
+        {
+          "name": "onCheckedChange",
+          "type": "((checked: boolean, eventDetails: { reason: \"none\"; event: Event; cancel: () => void; allowPropagation: () => void; isCanceled: boolean; isPropagationAllowed: boolean; trigger: Element | undefined; }) => void)",
+          "required": false,
+          "description": "Event handler called when the checkbox is ticked or unticked."
+        },
+        {
+          "name": "parent",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the checkbox controls a group of child checkboxes.\n\nMust be used in a [Checkbox Group](https://base-ui.com/react/components/checkbox-group)."
+        },
+        {
+          "name": "readOnly",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the user should be unable to tick or untick the checkbox."
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the user must tick the checkbox before submitting a form."
+        },
+        {
+          "name": "uncheckedValue",
+          "type": "string",
+          "required": false,
+          "description": "The value submitted with the form when the checkbox is unchecked.\nBy default, unchecked checkboxes do not submit any value, matching native checkbox behavior."
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "description": "The checkbox's value. Identifies it within a [Checkbox Group](https://base-ui.com/react/components/checkbox-group), falling back to `name` when omitted.\nWhen submitting a form, a checked box submits `value`; with no `value`, it submits the native \"on\"."
+        }
+      ],
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Chip",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "defaultPressed",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the toggle button is currently pressed.\nThis is the uncontrolled counterpart of `pressed`."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "onPressedChange",
+          "type": "((pressed: boolean, eventDetails: { reason: \"none\"; event: Event; cancel: () => void; allowPropagation: () => void; isCanceled: boolean; isPropagationAllowed: boolean; trigger: Element | undefined; }) => void)",
+          "required": false,
+          "description": "Callback fired when the pressed state is changed."
+        },
+        {
+          "name": "pressed",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the toggle button is currently pressed.\nThis is the controlled counterpart of `defaultPressed`."
+        },
+        {
+          "name": "size",
+          "type": "\"med\" | \"sm\"",
+          "required": false,
+          "values": [
+            "med",
+            "sm"
+          ]
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false,
+          "description": "A unique string that identifies the toggle when used\ninside a toggle group."
+        }
+      ],
+      "parts": [],
+      "exports": [
+        "ChipGroup"
+      ]
+    },
+    {
+      "name": "Clickable",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "as",
+          "type": "ElementType",
+          "required": false
+        },
+        {
+          "name": "busy",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false
+        }
+      ],
+      "element": "button",
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Dialog",
+      "styleProps": false,
+      "props": [
+        {
+          "name": "children",
+          "type": "ReactNode",
+          "required": false
+        },
+        {
+          "name": "defaultOpen",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the dialog is initially open.\n\nTo render a controlled dialog, use the `open` prop instead."
+        },
+        {
+          "name": "onOpenChange",
+          "type": "((open: boolean, eventDetails: DialogRootChangeEventDetails) => void)",
+          "required": false,
+          "description": "Event handler called when the dialog is opened or closed."
+        },
+        {
+          "name": "onOpenChangeComplete",
+          "type": "((open: boolean) => void)",
+          "required": false,
+          "description": "Event handler called after any animations complete when the dialog is opened or closed."
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the dialog is currently open."
+        }
+      ],
+      "parts": [
+        {
+          "name": "Dialog.Actions",
+          "styleProps": true,
+          "props": []
+        },
+        {
+          "name": "Dialog.Body",
+          "styleProps": true,
+          "props": []
+        },
+        {
+          "name": "Dialog.Close",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "iconEnd",
+              "type": "ComponentType",
+              "required": false
+            },
+            {
+              "name": "iconStart",
+              "type": "ComponentType",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "\"lg\" | \"med\" | \"sm\"",
+              "required": false,
+              "values": [
+                "lg",
+                "med",
+                "sm"
+              ]
+            },
+            {
+              "name": "variant",
+              "type": "\"primary\" | \"secondary\"",
+              "required": false,
+              "values": [
+                "primary",
+                "secondary"
+              ]
+            }
+          ]
+        },
+        {
+          "name": "Dialog.Popup",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "description",
+              "type": "ReactNode",
+              "required": false
+            },
+            {
+              "name": "finalFocus",
+              "type": "boolean | RefObject<HTMLElement | null> | ((closeType: InteractionType) => void | boolean | HTMLElement | null)",
+              "required": false,
+              "description": "Determines the element to focus when the dialog is closed.\n\n- `false`: Do not move focus.\n- `true`: Move focus based on the default behavior (trigger or previously focused element).\n- `RefObject`: Move focus to the ref element.\n- `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`).\n  Return an element to focus, `true` to use the default behavior, `null` to fall back to the default behavior, or `false`/`undefined` to do nothing."
+            },
+            {
+              "name": "initialFocus",
+              "type": "boolean | RefObject<HTMLElement | null> | ((openType: InteractionType) => void | boolean | HTMLElement | null)",
+              "required": false,
+              "description": "Determines the element to focus when the dialog is opened.\nBy default, focus moves to the first tabbable element inside the popup, except when the dialog\nis opened by touch — then the popup itself is focused to avoid opening the virtual keyboard.\n\n- `false`: Do not move focus.\n- `true`: Move focus based on the default behavior (first tabbable element or popup).\n- `RefObject`: Move focus to the ref element.\n- `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`).\n  Return an element to focus, `true` to use the default behavior, `null` to fall back to the default behavior, or `false`/`undefined` to do nothing."
+            },
+            {
+              "name": "size",
+              "type": "\"lg\" | \"med\" | \"sm\"",
+              "required": false,
+              "values": [
+                "lg",
+                "med",
+                "sm"
+              ]
+            },
+            {
+              "name": "title",
+              "type": "string | number | bigint | Iterable<ReactNode> | Promise<AwaitedReactNode> | ReactElement<unknown, string | JSXElementConstructor<any>> | ReactPortal",
+              "required": true
+            }
+          ]
+        },
+        {
+          "name": "Dialog.Trigger",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "handle",
+              "type": "DialogHandle<unknown>",
+              "required": false,
+              "description": "A handle to associate the trigger with a dialog.\nCan be created with the Dialog.createHandle() method."
+            },
+            {
+              "name": "iconEnd",
+              "type": "ComponentType",
+              "required": false
+            },
+            {
+              "name": "iconStart",
+              "type": "ComponentType",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string",
+              "required": false,
+              "description": "ID of the trigger. In addition to being forwarded to the rendered element,\nit is also used to specify the active trigger for the dialog in controlled mode (with the DialogRoot `triggerId` prop)."
+            },
+            {
+              "name": "payload",
+              "type": "unknown",
+              "required": false,
+              "description": "A payload to pass to the dialog when it is opened."
+            },
+            {
+              "name": "size",
+              "type": "\"lg\" | \"med\" | \"sm\"",
+              "required": false,
+              "values": [
+                "lg",
+                "med",
+                "sm"
+              ]
+            },
+            {
+              "name": "variant",
+              "type": "\"primary\" | \"secondary\"",
+              "required": false,
+              "values": [
+                "primary",
+                "secondary"
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": []
+    },
+    {
+      "name": "Field",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "actionsRef",
+          "type": "RefObject<FieldRootActions | null>",
+          "required": false,
+          "description": "A ref to imperative actions.\n- `validate`: Validates the field when called."
+        },
+        {
+          "name": "dirty",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the field's value has been changed from its initial value.\nUseful when the field state is controlled by an external library."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the component should ignore user interaction.\nTakes precedence over the `disabled` prop on the `<Field.Control>` component."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the field is invalid.\nUseful when the field state is controlled by an external library."
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false,
+          "description": "Identifies the field when a form is submitted.\nTakes precedence over the `name` prop on the `<Field.Control>` component."
+        },
+        {
+          "name": "touched",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the field has been touched.\nUseful when the field state is controlled by an external library."
+        },
+        {
+          "name": "validate",
+          "type": "((value: unknown, formValues: Record<string, any>) => void | string | string[] | Promise<void | string | string[] | null> | null)",
+          "required": false,
+          "description": "A function for custom validation. Return a string or an array of strings with\nthe error message(s) if the value is invalid. Returning nothing, `null`, an empty\nstring, or an empty array means the value is valid.\nAsynchronous functions are supported, but they do not prevent form submission\nwhen using `validationMode=\"onSubmit\"`."
+        },
+        {
+          "name": "validationDebounceTime",
+          "type": "number",
+          "required": false,
+          "description": "How long to wait between `validate` callbacks if\n`validationMode=\"onChange\"` is used. Specified in milliseconds."
+        },
+        {
+          "name": "validationMode",
+          "type": "\"onBlur\" | \"onChange\" | \"onSubmit\"",
+          "required": false,
+          "values": [
+            "onBlur",
+            "onChange",
+            "onSubmit"
+          ],
+          "description": "Determines when the field should be validated.\nThis takes precedence over the `validationMode` prop on `<Form>`.\n\n- `onSubmit`: triggers validation when the form is submitted, and re-validates on change after submission.\n- `onBlur`: triggers validation when the control loses focus.\n- `onChange`: triggers validation on every change to the control value."
+        }
+      ],
+      "parts": [
+        {
+          "name": "Field.Description",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "font",
+              "type": "\"body\" | \"display\" | \"heading\" | \"label\" | \"mono\"",
+              "required": false,
+              "values": [
+                "body",
+                "display",
+                "heading",
+                "label",
+                "mono"
+              ]
+            },
+            {
+              "name": "leading",
+              "type": "\"lg\" | \"med\" | \"sm\"",
+              "required": false,
+              "values": [
+                "lg",
+                "med",
+                "sm"
+              ]
+            },
+            {
+              "name": "size",
+              "type": "\"2xl\" | \"3xl\" | \"4xl\" | \"lg\" | \"med\" | \"sm\" | \"xl\" | \"xs\"",
+              "required": false,
+              "values": [
+                "2xl",
+                "3xl",
+                "4xl",
+                "lg",
+                "med",
+                "sm",
+                "xl",
+                "xs"
+              ]
+            },
+            {
+              "name": "truncate",
+              "type": "boolean",
+              "required": false
+            },
+            {
+              "name": "weight",
+              "type": "\"bold\" | \"medium\" | \"regular\" | \"semibold\"",
+              "required": false,
+              "values": [
+                "bold",
+                "medium",
+                "regular",
+                "semibold"
+              ]
+            }
+          ]
+        },
+        {
+          "name": "Field.Error",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "font",
+              "type": "\"body\" | \"display\" | \"heading\" | \"label\" | \"mono\"",
+              "required": false,
+              "values": [
+                "body",
+                "display",
+                "heading",
+                "label",
+                "mono"
+              ]
+            },
+            {
+              "name": "leading",
+              "type": "\"lg\" | \"med\" | \"sm\"",
+              "required": false,
+              "values": [
+                "lg",
+                "med",
+                "sm"
+              ]
+            },
+            {
+              "name": "match",
+              "type": "boolean | keyof ValidityState",
+              "required": false,
+              "description": "Determines whether to show the error message according to the field's\n[ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState).\nSpecifying `true` will always show the error message, and lets external libraries\ncontrol the visibility."
+            },
+            {
+              "name": "size",
+              "type": "\"2xl\" | \"3xl\" | \"4xl\" | \"lg\" | \"med\" | \"sm\" | \"xl\" | \"xs\"",
+              "required": false,
+              "values": [
+                "2xl",
+                "3xl",
+                "4xl",
+                "lg",
+                "med",
+                "sm",
+                "xl",
+                "xs"
+              ]
+            },
+            {
+              "name": "truncate",
+              "type": "boolean",
+              "required": false
+            },
+            {
+              "name": "weight",
+              "type": "\"bold\" | \"medium\" | \"regular\" | \"semibold\"",
+              "required": false,
+              "values": [
+                "bold",
+                "medium",
+                "regular",
+                "semibold"
+              ]
+            }
+          ]
+        },
+        {
+          "name": "Field.Label",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "font",
+              "type": "\"body\" | \"display\" | \"heading\" | \"label\" | \"mono\"",
+              "required": false,
+              "values": [
+                "body",
+                "display",
+                "heading",
+                "label",
+                "mono"
+              ]
+            },
+            {
+              "name": "leading",
+              "type": "\"lg\" | \"med\" | \"sm\"",
+              "required": false,
+              "values": [
+                "lg",
+                "med",
+                "sm"
+              ]
+            },
+            {
+              "name": "nativeLabel",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether the component renders a native `<label>` element when replacing it via the `render` prop.\nSet to `false` if the rendered element is not a label (for example, `<div>`).\n\nThis is useful to avoid inheriting label behaviors on `<button>` controls (such as `<Select.Trigger>` and `<Combobox.Trigger>`), including avoiding `:hover` on the button when hovering the label, and preventing clicks on the label from firing on the button."
+            },
+            {
+              "name": "size",
+              "type": "\"2xl\" | \"3xl\" | \"4xl\" | \"lg\" | \"med\" | \"sm\" | \"xl\" | \"xs\"",
+              "required": false,
+              "values": [
+                "2xl",
+                "3xl",
+                "4xl",
+                "lg",
+                "med",
+                "sm",
+                "xl",
+                "xs"
+              ]
+            },
+            {
+              "name": "truncate",
+              "type": "boolean",
+              "required": false
+            },
+            {
+              "name": "weight",
+              "type": "\"bold\" | \"medium\" | \"regular\" | \"semibold\"",
+              "required": false,
+              "values": [
+                "bold",
+                "medium",
+                "regular",
+                "semibold"
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": []
+    },
+    {
+      "name": "Heading",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "as",
+          "type": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+          "required": false,
+          "values": [
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6"
+          ]
+        },
+        {
+          "name": "font",
+          "type": "\"body\" | \"display\" | \"heading\" | \"label\" | \"mono\"",
+          "required": false,
+          "values": [
+            "body",
+            "display",
+            "heading",
+            "label",
+            "mono"
+          ]
+        },
+        {
+          "name": "leading",
+          "type": "\"lg\" | \"med\" | \"sm\"",
+          "required": false,
+          "values": [
+            "lg",
+            "med",
+            "sm"
+          ]
+        },
+        {
+          "name": "size",
+          "type": "\"2xl\" | \"lg\" | \"med\" | \"sm\" | \"xl\"",
+          "required": false,
+          "values": [
+            "2xl",
+            "lg",
+            "med",
+            "sm",
+            "xl"
+          ]
+        },
+        {
+          "name": "truncate",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "weight",
+          "type": "\"bold\" | \"medium\" | \"regular\" | \"semibold\"",
+          "required": false,
+          "values": [
+            "bold",
+            "medium",
+            "regular",
+            "semibold"
+          ]
+        }
+      ],
+      "element": "h2",
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Icon",
+      "styleProps": false,
+      "props": [
+        {
+          "name": "color",
+          "type": "\"accent\" | \"accentFg\" | \"bg\" | \"bgMuted\" | \"bgRaised\" | \"border\" | \"borderStrong\" | \"danger\" | \"dangerFg\" | \"fg\" | \"fgMuted\" | \"focus\"",
+          "required": false,
+          "values": [
+            "accent",
+            "accentFg",
+            "bg",
+            "bgMuted",
+            "bgRaised",
+            "border",
+            "borderStrong",
+            "danger",
+            "dangerFg",
+            "fg",
+            "fgMuted",
+            "focus"
+          ]
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "\"2xl\" | \"3xl\" | \"4xl\" | \"lg\" | \"med\" | \"sm\" | \"xl\" | \"xs\"",
+          "required": false,
+          "values": [
+            "2xl",
+            "3xl",
+            "4xl",
+            "lg",
+            "med",
+            "sm",
+            "xl",
+            "xs"
+          ]
+        },
+        {
+          "name": "strokeWidth",
+          "type": "number",
+          "required": false
+        }
+      ],
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "IconButton",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "as",
+          "type": "ElementType",
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "icon",
+          "type": "ComponentType",
+          "required": true
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "required": true
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"med\" | \"sm\"",
+          "required": false,
+          "values": [
+            "lg",
+            "med",
+            "sm"
+          ]
+        },
+        {
+          "name": "variant",
+          "type": "\"primary\" | \"secondary\"",
+          "required": false,
+          "values": [
+            "primary",
+            "secondary"
+          ]
+        }
+      ],
+      "element": "button",
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Inline",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "as",
+          "type": "ElementType",
+          "required": false
+        },
+        {
+          "name": "gap",
+          "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\"",
+          "required": true,
+          "values": [
+            "0",
+            "1",
+            "2",
+            "4",
+            "6",
+            "8",
+            "12",
+            "16",
+            "20",
+            "24",
+            "32",
+            "40",
+            "48",
+            "64",
+            "80",
+            "96"
+          ],
+          "responsive": true
+        }
+      ],
+      "element": "div",
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Menu",
+      "styleProps": false,
+      "props": [
+        {
+          "name": "children",
+          "type": "ReactNode",
+          "required": false
+        },
+        {
+          "name": "defaultOpen",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the menu is initially open.\n\nTo render a controlled menu, use the `open` prop instead."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the component should ignore user interaction."
+        },
+        {
+          "name": "loopFocus",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether to loop keyboard focus back to the first item\nwhen the end of the list is reached while using the arrow keys."
+        },
+        {
+          "name": "modal",
+          "type": "boolean",
+          "required": false,
+          "description": "Determines if the menu enters a modal state when open.\n- `true`: user interaction is limited to the menu: document page scroll is locked and pointer interactions on outside elements are disabled.\n- `false`: user interaction with the rest of the document is allowed.\n\nOn touch devices, a `true` modal blocks outside taps but leaves the page scrollable unless the popup spans nearly the full viewport width, matching native iOS behavior.\n\nNested menus ignore this prop, and menus opened by hover are never modal."
+        },
+        {
+          "name": "onOpenChange",
+          "type": "((open: boolean, eventDetails: MenuRootChangeEventDetails) => void)",
+          "required": false,
+          "description": "Event handler called when the menu is opened or closed."
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the menu is currently open."
+        }
+      ],
+      "parts": [
+        {
+          "name": "Menu.Group",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false,
+              "description": "The content of the component."
+            },
+            {
+              "name": "className",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "label",
+              "type": "ReactNode",
+              "required": true
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties",
+              "required": false
+            }
+          ]
+        },
+        {
+          "name": "Menu.Item",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "className",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "closeOnClick",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether to close the menu when the item is clicked."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether the component should ignore user interaction."
+            },
+            {
+              "name": "id",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "label",
+              "type": "string",
+              "required": false,
+              "description": "Overrides the text used for keyboard text navigation and filtering.\nFalls back to the rendered text when not provided."
+            },
+            {
+              "name": "nativeButton",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `true` if the rendered element is a native button."
+            },
+            {
+              "name": "onClick",
+              "type": "((event: BaseUIEvent<MouseEvent<HTMLDivElement, MouseEvent>>) => void)",
+              "required": false,
+              "description": "The click handler for the menu item."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties",
+              "required": false
+            },
+            {
+              "name": "variant",
+              "type": "\"danger\" | \"neutral\"",
+              "required": false,
+              "values": [
+                "danger",
+                "neutral"
+              ]
+            }
+          ]
+        },
+        {
+          "name": "Menu.Popup",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "align",
+              "type": "\"center\" | \"end\" | \"start\"",
+              "required": false,
+              "values": [
+                "center",
+                "end",
+                "start"
+              ],
+              "description": "How to align the popup relative to the specified side.\n\nSubmenus and menubars default to `'start'`."
+            },
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false
+            },
+            {
+              "name": "className",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "finalFocus",
+              "type": "boolean | RefObject<HTMLElement | null> | ((closeType: InteractionType) => void | boolean | HTMLElement | null)",
+              "required": false,
+              "description": "Determines the element to focus when the menu is closed.\n\n- `false`: Do not move focus.\n- `true`: Move focus based on the default behavior (trigger or previously focused element).\n- `RefObject`: Move focus to the ref element.\n- `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`).\n  Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing."
+            },
+            {
+              "name": "id",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "side",
+              "type": "\"bottom\" | \"inline-end\" | \"inline-start\" | \"left\" | \"right\" | \"top\"",
+              "required": false,
+              "values": [
+                "bottom",
+                "inline-end",
+                "inline-start",
+                "left",
+                "right",
+                "top"
+              ],
+              "description": "Which side of the anchor element to align the popup against.\nMay automatically change to avoid collisions.\n\nSubmenus and vertical menubars default to `'inline-end'`."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties",
+              "required": false
+            }
+          ]
+        },
+        {
+          "name": "Menu.Separator",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "className",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "orientation",
+              "type": "\"horizontal\" | \"vertical\"",
+              "required": false,
+              "values": [
+                "horizontal",
+                "vertical"
+              ],
+              "description": "The orientation of the separator."
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties",
+              "required": false
+            }
+          ]
+        },
+        {
+          "name": "Menu.Trigger",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false
+            },
+            {
+              "name": "closeDelay",
+              "type": "number",
+              "required": false,
+              "description": "How long to wait before closing the menu that was opened on hover.\nSpecified in milliseconds.\n\nRequires the `openOnHover` prop."
+            },
+            {
+              "name": "delay",
+              "type": "number",
+              "required": false,
+              "description": "How long to wait before the menu may be opened on hover. Specified in milliseconds.\n\nRequires the `openOnHover` prop."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether the component should ignore user interaction."
+            },
+            {
+              "name": "handle",
+              "type": "MenuHandle<unknown>",
+              "required": false,
+              "description": "A handle to associate the trigger with a menu."
+            },
+            {
+              "name": "iconEnd",
+              "type": "ComponentType",
+              "required": false
+            },
+            {
+              "name": "iconStart",
+              "type": "ComponentType",
+              "required": false
+            },
+            {
+              "name": "openOnHover",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether the menu should also open when the trigger is hovered."
+            },
+            {
+              "name": "payload",
+              "type": "unknown",
+              "required": false,
+              "description": "A payload to pass to the menu when it is opened."
+            },
+            {
+              "name": "size",
+              "type": "\"lg\" | \"med\" | \"sm\"",
+              "required": false,
+              "values": [
+                "lg",
+                "med",
+                "sm"
+              ]
+            },
+            {
+              "name": "variant",
+              "type": "\"primary\" | \"secondary\"",
+              "required": false,
+              "values": [
+                "primary",
+                "secondary"
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": []
+    },
+    {
+      "name": "MultiSelect",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "countLabel",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "defaultValue",
+          "type": "readonly string[]",
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "ReactNode",
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "error",
+          "type": "ReactNode",
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "ReactNode",
+          "required": true
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "onValueChange",
+          "type": "((value: string[]) => void)",
+          "required": false
+        },
+        {
+          "name": "options",
+          "type": "readonly Option[]",
+          "required": true
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "style",
+          "type": "CSSProperties",
+          "required": false
+        },
+        {
+          "name": "value",
+          "type": "readonly string[]",
+          "required": false
+        }
+      ],
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "SearchField",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "className",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "clearLabel",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "defaultValue",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "description",
+          "type": "ReactNode",
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "error",
+          "type": "ReactNode",
+          "required": false
+        },
+        {
+          "name": "hideLabel",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "inputProps",
+          "type": "SearchFieldInputProps",
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "ReactNode",
+          "required": true
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "onValueChange",
+          "type": "((value: string) => void)",
+          "required": false
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"med\" | \"sm\"",
+          "required": false,
+          "values": [
+            "lg",
+            "med",
+            "sm"
+          ]
+        },
+        {
+          "name": "style",
+          "type": "CSSProperties",
+          "required": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "required": false
+        }
+      ],
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Stack",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "as",
+          "type": "ElementType",
+          "required": false
+        },
+        {
+          "name": "gap",
+          "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\"",
+          "required": true,
+          "values": [
+            "0",
+            "1",
+            "2",
+            "4",
+            "6",
+            "8",
+            "12",
+            "16",
+            "20",
+            "24",
+            "32",
+            "40",
+            "48",
+            "64",
+            "80",
+            "96"
+          ],
+          "responsive": true
+        }
+      ],
+      "element": "div",
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Tabs",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "defaultValue",
+          "type": "any",
+          "required": false,
+          "description": "The default value. Use when the component is not controlled.\nWhen the value is `null`, no Tab will be active."
+        },
+        {
+          "name": "onValueChange",
+          "type": "((value: any, eventDetails: TabsRootChangeEventDetails) => void)",
+          "required": false,
+          "description": "Callback invoked when new value is being set.\n\nThe event `reason` is `'none'` for user-initiated changes, such as a click\nor keyboard navigation; `'initial'` for the first automatic selection or\nfallback in uncontrolled roots when `defaultValue` is omitted or\n`undefined`, including when the implicit initial value is disabled or\nmissing; `'disabled'` for automatic fallback when the selected tab becomes\ndisabled in uncontrolled roots; or `'missing'` for automatic fallback when\nthe selected tab is removed, or when an explicit `defaultValue` never\nmatches a mounted tab in uncontrolled roots.\n\nFor automatic changes, the selected value can be `null` when no enabled Tab\nis available as a fallback.\n\nAutomatic changes cannot be canceled; calling `eventDetails.cancel()` for\n`'initial'`, `'disabled'`, or `'missing'` has no effect."
+        },
+        {
+          "name": "orientation",
+          "type": "\"horizontal\" | \"vertical\"",
+          "required": false,
+          "values": [
+            "horizontal",
+            "vertical"
+          ],
+          "description": "The component orientation (layout flow direction)."
+        },
+        {
+          "name": "value",
+          "type": "any",
+          "required": false,
+          "description": "The value of the currently active `Tab`. Use when the component is controlled.\nWhen the value is `null`, no Tab will be active."
+        }
+      ],
+      "parts": [
+        {
+          "name": "Tabs.List",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "activateOnFocus",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether to automatically change the active tab on arrow key focus.\nOtherwise, tabs will be activated using <kbd>Enter</kbd> or <kbd>Space</kbd> key press."
+            },
+            {
+              "name": "loopFocus",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether to loop keyboard focus back to the first item\nwhen the end of the list is reached while using the arrow keys."
+            }
+          ]
+        },
+        {
+          "name": "Tabs.Panel",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "keepMounted",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether to keep the HTML element in the DOM while the panel is hidden."
+            },
+            {
+              "name": "value",
+              "type": "any",
+              "required": true,
+              "description": "The value of the TabPanel. It will be shown when the Tab with the corresponding value is active."
+            }
+          ]
+        },
+        {
+          "name": "Tabs.Tab",
+          "styleProps": true,
+          "props": [
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether the Tab is disabled.\n\nIf a first Tab on a `<Tabs.List>` is disabled, it won't initially be selected.\nInstead, the next enabled Tab will be selected.\nHowever, it does not work like this during server-side rendering, as it is not known\nduring pre-rendering which Tabs are disabled.\nTo work around it, ensure that `defaultValue` or `value` on `<Tabs.Root>` is set to an enabled Tab's value."
+            },
+            {
+              "name": "font",
+              "type": "\"body\" | \"display\" | \"heading\" | \"label\" | \"mono\"",
+              "required": false,
+              "values": [
+                "body",
+                "display",
+                "heading",
+                "label",
+                "mono"
+              ]
+            },
+            {
+              "name": "leading",
+              "type": "\"lg\" | \"med\" | \"sm\"",
+              "required": false,
+              "values": [
+                "lg",
+                "med",
+                "sm"
+              ]
+            },
+            {
+              "name": "nativeButton",
+              "type": "boolean",
+              "required": false,
+              "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+            },
+            {
+              "name": "size",
+              "type": "\"2xl\" | \"3xl\" | \"4xl\" | \"lg\" | \"med\" | \"sm\" | \"xl\" | \"xs\"",
+              "required": false,
+              "values": [
+                "2xl",
+                "3xl",
+                "4xl",
+                "lg",
+                "med",
+                "sm",
+                "xl",
+                "xs"
+              ]
+            },
+            {
+              "name": "value",
+              "type": "any",
+              "required": true,
+              "description": "The value of the Tab."
+            },
+            {
+              "name": "weight",
+              "type": "\"bold\" | \"medium\" | \"regular\" | \"semibold\"",
+              "required": false,
+              "values": [
+                "bold",
+                "medium",
+                "regular",
+                "semibold"
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": []
+    },
+    {
+      "name": "Tag",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "href",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "onRemove",
+          "type": "(() => void)",
+          "required": false
+        },
+        {
+          "name": "removeLabel",
+          "type": "string",
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "\"med\" | \"sm\"",
+          "required": false,
+          "values": [
+            "med",
+            "sm"
+          ]
+        }
+      ],
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Text",
+      "styleProps": true,
+      "props": [
+        {
+          "name": "as",
+          "type": "ElementType",
+          "required": false
+        },
+        {
+          "name": "font",
+          "type": "\"body\" | \"display\" | \"heading\" | \"label\" | \"mono\"",
+          "required": false,
+          "values": [
+            "body",
+            "display",
+            "heading",
+            "label",
+            "mono"
+          ]
+        },
+        {
+          "name": "leading",
+          "type": "\"lg\" | \"med\" | \"sm\"",
+          "required": false,
+          "values": [
+            "lg",
+            "med",
+            "sm"
+          ]
+        },
+        {
+          "name": "size",
+          "type": "\"2xl\" | \"3xl\" | \"4xl\" | \"lg\" | \"med\" | \"sm\" | \"xl\" | \"xs\"",
+          "required": false,
+          "values": [
+            "2xl",
+            "3xl",
+            "4xl",
+            "lg",
+            "med",
+            "sm",
+            "xl",
+            "xs"
+          ]
+        },
+        {
+          "name": "truncate",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "weight",
+          "type": "\"bold\" | \"medium\" | \"regular\" | \"semibold\"",
+          "required": false,
+          "values": [
+            "bold",
+            "medium",
+            "regular",
+            "semibold"
+          ]
+        }
+      ],
+      "element": "p",
+      "parts": [],
+      "exports": []
+    },
+    {
+      "name": "Toast",
+      "namespace": true,
+      "styleProps": false,
+      "props": [],
+      "parts": [
+        {
+          "name": "Toast.Provider",
+          "styleProps": false,
+          "props": [
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false
+            },
+            {
+              "name": "className",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "closeLabel",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "limit",
+              "type": "number",
+              "required": false
+            },
+            {
+              "name": "regionLabel",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties",
+              "required": false
+            }
+          ]
+        }
+      ],
+      "exports": [
+        "useToast"
+      ]
+    }
+  ],
+  "styleProps": [
+    {
+      "name": "alignItems",
+      "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+      "required": false,
+      "values": [
+        "baseline",
+        "center",
+        "end",
+        "start",
+        "stretch"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "alignSelf",
+      "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
+      "required": false,
+      "values": [
+        "baseline",
+        "center",
+        "end",
+        "start",
+        "stretch"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "backgroundColor",
+      "type": "\"accent\" | \"accentFg\" | \"bg\" | \"bgMuted\" | \"bgRaised\" | \"border\" | \"borderStrong\" | \"danger\" | \"dangerFg\" | \"fg\" | \"fgMuted\" | \"focus\"",
+      "required": false,
+      "values": [
+        "accent",
+        "accentFg",
+        "bg",
+        "bgMuted",
+        "bgRaised",
+        "border",
+        "borderStrong",
+        "danger",
+        "dangerFg",
+        "fg",
+        "fgMuted",
+        "focus"
+      ]
+    },
+    {
+      "name": "blockSize",
+      "type": "\"auto\" | \"fit\" | \"full\" | \"lg\" | \"max\" | \"med\" | \"min\" | \"sm\" | \"xl\" | \"xs\"",
+      "required": false,
+      "values": [
+        "auto",
+        "fit",
+        "full",
+        "lg",
+        "max",
+        "med",
+        "min",
+        "sm",
+        "xl",
+        "xs"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "borderRadius",
+      "type": "\"full\" | \"lg\" | \"med\" | \"none\" | \"sm\" | \"xl\"",
+      "required": false,
+      "values": [
+        "full",
+        "lg",
+        "med",
+        "none",
+        "sm",
+        "xl"
+      ]
+    },
+    {
+      "name": "boxShadow",
+      "type": "\"lg\" | \"med\" | \"sm\"",
+      "required": false,
+      "values": [
+        "lg",
+        "med",
+        "sm"
+      ]
+    },
+    {
+      "name": "color",
+      "type": "\"accent\" | \"accentFg\" | \"bg\" | \"bgMuted\" | \"bgRaised\" | \"border\" | \"borderStrong\" | \"danger\" | \"dangerFg\" | \"fg\" | \"fgMuted\" | \"focus\"",
+      "required": false,
+      "values": [
+        "accent",
+        "accentFg",
+        "bg",
+        "bgMuted",
+        "bgRaised",
+        "border",
+        "borderStrong",
+        "danger",
+        "dangerFg",
+        "fg",
+        "fgMuted",
+        "focus"
+      ]
+    },
+    {
+      "name": "display",
+      "type": "\"block\" | \"contents\" | \"flex\" | \"grid\" | \"inline\" | \"inline-block\" | \"inline-flex\" | \"none\"",
+      "required": false,
+      "values": [
+        "block",
+        "contents",
+        "flex",
+        "grid",
+        "inline",
+        "inline-block",
+        "inline-flex",
+        "none"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "flexDirection",
+      "type": "\"column\" | \"column-reverse\" | \"row\" | \"row-reverse\"",
+      "required": false,
+      "values": [
+        "column",
+        "column-reverse",
+        "row",
+        "row-reverse"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "flexGrow",
+      "type": "0 | 1",
+      "required": false,
+      "values": [
+        0,
+        1
+      ],
+      "responsive": true
+    },
+    {
+      "name": "flexShrink",
+      "type": "0 | 1",
+      "required": false,
+      "values": [
+        0,
+        1
+      ],
+      "responsive": true
+    },
+    {
+      "name": "flexWrap",
+      "type": "\"nowrap\" | \"wrap\"",
+      "required": false,
+      "values": [
+        "nowrap",
+        "wrap"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "gap",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "inlineSize",
+      "type": "\"auto\" | \"fit\" | \"full\" | \"lg\" | \"max\" | \"med\" | \"min\" | \"page\" | \"prose\" | \"sm\" | \"wide\" | \"xl\" | \"xs\"",
+      "required": false,
+      "values": [
+        "auto",
+        "fit",
+        "full",
+        "lg",
+        "max",
+        "med",
+        "min",
+        "page",
+        "prose",
+        "sm",
+        "wide",
+        "xl",
+        "xs"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "justifyContent",
+      "type": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
+      "required": false,
+      "values": [
+        "center",
+        "end",
+        "space-around",
+        "space-between",
+        "space-evenly",
+        "start"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "margin",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\" | \"auto\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96",
+        "auto"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "marginBlock",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\" | \"auto\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96",
+        "auto"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "marginBlockEnd",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\" | \"auto\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96",
+        "auto"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "marginBlockStart",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\" | \"auto\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96",
+        "auto"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "marginInline",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\" | \"auto\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96",
+        "auto"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "marginInlineEnd",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\" | \"auto\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96",
+        "auto"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "marginInlineStart",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\" | \"auto\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96",
+        "auto"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "maxBlockSize",
+      "type": "\"auto\" | \"fit\" | \"full\" | \"lg\" | \"max\" | \"med\" | \"min\" | \"sm\" | \"xl\" | \"xs\"",
+      "required": false,
+      "values": [
+        "auto",
+        "fit",
+        "full",
+        "lg",
+        "max",
+        "med",
+        "min",
+        "sm",
+        "xl",
+        "xs"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "maxInlineSize",
+      "type": "\"auto\" | \"fit\" | \"full\" | \"lg\" | \"max\" | \"med\" | \"min\" | \"page\" | \"prose\" | \"sm\" | \"wide\" | \"xl\" | \"xs\"",
+      "required": false,
+      "values": [
+        "auto",
+        "fit",
+        "full",
+        "lg",
+        "max",
+        "med",
+        "min",
+        "page",
+        "prose",
+        "sm",
+        "wide",
+        "xl",
+        "xs"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "minBlockSize",
+      "type": "\"auto\" | \"fit\" | \"full\" | \"lg\" | \"max\" | \"med\" | \"min\" | \"sm\" | \"xl\" | \"xs\"",
+      "required": false,
+      "values": [
+        "auto",
+        "fit",
+        "full",
+        "lg",
+        "max",
+        "med",
+        "min",
+        "sm",
+        "xl",
+        "xs"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "minInlineSize",
+      "type": "\"auto\" | \"fit\" | \"full\" | \"lg\" | \"max\" | \"med\" | \"min\" | \"page\" | \"prose\" | \"sm\" | \"wide\" | \"xl\" | \"xs\"",
+      "required": false,
+      "values": [
+        "auto",
+        "fit",
+        "full",
+        "lg",
+        "max",
+        "med",
+        "min",
+        "page",
+        "prose",
+        "sm",
+        "wide",
+        "xl",
+        "xs"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "overflow",
+      "type": "\"auto\" | \"clip\" | \"hidden\" | \"visible\"",
+      "required": false,
+      "values": [
+        "auto",
+        "clip",
+        "hidden",
+        "visible"
+      ]
+    },
+    {
+      "name": "padding",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "paddingBlock",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "paddingBlockEnd",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "paddingBlockStart",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "paddingInline",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "paddingInlineEnd",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "paddingInlineStart",
+      "type": "\"0\" | \"1\" | \"2\" | \"4\" | \"6\" | \"8\" | \"12\" | \"16\" | \"20\" | \"24\" | \"32\" | \"40\" | \"48\" | \"64\" | \"80\" | \"96\"",
+      "required": false,
+      "values": [
+        "0",
+        "1",
+        "2",
+        "4",
+        "6",
+        "8",
+        "12",
+        "16",
+        "20",
+        "24",
+        "32",
+        "40",
+        "48",
+        "64",
+        "80",
+        "96"
+      ],
+      "responsive": true
+    },
+    {
+      "name": "position",
+      "type": "\"absolute\" | \"fixed\" | \"relative\" | \"static\" | \"sticky\"",
+      "required": false,
+      "values": [
+        "absolute",
+        "fixed",
+        "relative",
+        "static",
+        "sticky"
+      ]
+    },
+    {
+      "name": "textAlign",
+      "type": "\"center\" | \"end\" | \"start\"",
+      "required": false,
+      "values": [
+        "center",
+        "end",
+        "start"
+      ]
+    },
+    {
+      "name": "zIndex",
+      "type": "\"base\" | \"dropdown\" | \"modal\" | \"overlay\" | \"popover\" | \"raised\" | \"sticky\" | \"toast\" | \"tooltip\"",
+      "required": false,
+      "values": [
+        "base",
+        "dropdown",
+        "modal",
+        "overlay",
+        "popover",
+        "raised",
+        "sticky",
+        "toast",
+        "tooltip"
+      ]
+    }
+  ],
+  "icons": [
+    "ArrowLeftIcon",
+    "ArrowRightIcon",
+    "CheckIcon",
+    "ChevronDownIcon",
+    "ChevronRightIcon",
+    "CircleAlertIcon",
+    "CircleCheckIcon",
+    "CircleDotIcon",
+    "CircleSlashIcon",
+    "GitMergeIcon",
+    "GitPullRequestClosedIcon",
+    "GitPullRequestDraftIcon",
+    "GitPullRequestIcon",
+    "InboxIcon",
+    "InfoIcon",
+    "LoaderCircleIcon",
+    "RefreshCwIcon",
+    "SearchIcon",
+    "SettingsIcon",
+    "XIcon"
+  ],
+  "tokens": {
+    "space.0": "var(--space-0)",
+    "space.1": "var(--space-1)",
+    "space.2": "var(--space-2)",
+    "space.4": "var(--space-4)",
+    "space.6": "var(--space-6)",
+    "space.8": "var(--space-8)",
+    "space.12": "var(--space-12)",
+    "space.16": "var(--space-16)",
+    "space.20": "var(--space-20)",
+    "space.24": "var(--space-24)",
+    "space.32": "var(--space-32)",
+    "space.40": "var(--space-40)",
+    "space.48": "var(--space-48)",
+    "space.64": "var(--space-64)",
+    "space.80": "var(--space-80)",
+    "space.96": "var(--space-96)",
+    "size.xs": "var(--size-xs)",
+    "size.sm": "var(--size-sm)",
+    "size.med": "var(--size-med)",
+    "size.lg": "var(--size-lg)",
+    "size.xl": "var(--size-xl)",
+    "container.prose": "var(--container-prose)",
+    "container.page": "var(--container-page)",
+    "container.wide": "var(--container-wide)",
+    "radius.none": "var(--radius-none)",
+    "radius.sm": "var(--radius-sm)",
+    "radius.med": "var(--radius-med)",
+    "radius.lg": "var(--radius-lg)",
+    "radius.xl": "var(--radius-xl)",
+    "radius.full": "var(--radius-full)",
+    "fontSize.xs": "var(--font-size-xs)",
+    "fontSize.sm": "var(--font-size-sm)",
+    "fontSize.med": "var(--font-size-med)",
+    "fontSize.lg": "var(--font-size-lg)",
+    "fontSize.xl": "var(--font-size-xl)",
+    "fontSize.2xl": "var(--font-size-2xl)",
+    "fontSize.3xl": "var(--font-size-3xl)",
+    "fontSize.4xl": "var(--font-size-4xl)",
+    "fontWeight.regular": "var(--font-weight-regular)",
+    "fontWeight.medium": "var(--font-weight-medium)",
+    "fontWeight.semibold": "var(--font-weight-semibold)",
+    "fontWeight.bold": "var(--font-weight-bold)",
+    "lineHeight.sm": "var(--line-height-sm)",
+    "lineHeight.med": "var(--line-height-med)",
+    "lineHeight.lg": "var(--line-height-lg)",
+    "zIndex.base": "var(--z-index-base)",
+    "zIndex.raised": "var(--z-index-raised)",
+    "zIndex.dropdown": "var(--z-index-dropdown)",
+    "zIndex.sticky": "var(--z-index-sticky)",
+    "zIndex.overlay": "var(--z-index-overlay)",
+    "zIndex.modal": "var(--z-index-modal)",
+    "zIndex.popover": "var(--z-index-popover)",
+    "zIndex.toast": "var(--z-index-toast)",
+    "zIndex.tooltip": "var(--z-index-tooltip)",
+    "duration.fast": "var(--duration-fast)",
+    "duration.med": "var(--duration-med)",
+    "duration.slow": "var(--duration-slow)",
+    "easing.standard": "var(--easing-standard)",
+    "easing.enter": "var(--easing-enter)",
+    "easing.exit": "var(--easing-exit)",
+    "distance.sm": "var(--distance-sm)",
+    "distance.med": "var(--distance-med)",
+    "distance.lg": "var(--distance-lg)",
+    "scale.sm": "var(--scale-sm)",
+    "scale.med": "var(--scale-med)",
+    "scale.lg": "var(--scale-lg)",
+    "dir": "var(--dir)",
+    "shadow.sm": "var(--shadow-sm)",
+    "shadow.med": "var(--shadow-med)",
+    "shadow.lg": "var(--shadow-lg)",
+    "color.bg": "var(--color-bg)",
+    "color.bgMuted": "var(--color-bg-muted)",
+    "color.bgRaised": "var(--color-bg-raised)",
+    "color.fg": "var(--color-fg)",
+    "color.fgMuted": "var(--color-fg-muted)",
+    "color.border": "var(--color-border)",
+    "color.borderStrong": "var(--color-border-strong)",
+    "color.accent": "var(--color-accent)",
+    "color.accentFg": "var(--color-accent-fg)",
+    "color.danger": "var(--color-danger)",
+    "color.dangerFg": "var(--color-danger-fg)",
+    "color.focus": "var(--color-focus)",
+    "color.shadow": "var(--color-shadow)",
+    "font.body": "var(--font-body)",
+    "font.heading": "var(--font-heading)",
+    "font.display": "var(--font-display)",
+    "font.label": "var(--font-label)",
+    "font.mono": "var(--font-mono)",
+    "fontTrim.body.cap": "var(--font-trim-body-cap)",
+    "fontTrim.body.baseline": "var(--font-trim-body-baseline)",
+    "fontTrim.heading.cap": "var(--font-trim-heading-cap)",
+    "fontTrim.heading.baseline": "var(--font-trim-heading-baseline)",
+    "fontTrim.display.cap": "var(--font-trim-display-cap)",
+    "fontTrim.display.baseline": "var(--font-trim-display-baseline)",
+    "fontTrim.label.cap": "var(--font-trim-label-cap)",
+    "fontTrim.label.baseline": "var(--font-trim-label-baseline)",
+    "fontTrim.mono.cap": "var(--font-trim-mono-cap)",
+    "fontTrim.mono.baseline": "var(--font-trim-mono-baseline)"
+  }
+}