@swiftwc/ui 0.0.0-dev.11 → 0.0.0-dev.111

package/html-data/en.json

@@ -0,0 +1,2620 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "alert-dialog",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/alert-dialog"
+        }
+      ],
+      "description": "A dialog that shows a message. Use it from the client module like `void alert('Save failed.')`.\n---\n\n```ts\ninterface AlertDialogSignature {}\n\nclass AlertDialog extends HTMLDialogElement<AlertDialogSignature> {}\n\ndeclare global {\n  interface HTMLDialogElement {\n    is: 'alert-dialog' // <dialog is=\"alert-dialog\"></dialog>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "body-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/body-view"
+        }
+      ],
+      "description": "A container view that wraps a scroll view, marking it as a screen your app can navigate to.\n---\n\n```ts\ninterface BodyViewSignature {}\n\nclass BodyView extends HTMLElement<BodyViewSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'body-view': BodyView // <body-view></body-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "bordered-button",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/bordered-button"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "role",
+          "description": "Value Type: “destructive” | “confirm”\nDescription: A value that describes the purpose of a button",
+          "values": [
+            {
+              "name": "destructive"
+            },
+            {
+              "name": "confirm"
+            }
+          ]
+        },
+        {
+          "name": "title-key"
+        }
+      ],
+      "description": "A control that starts an action. Styled with a standard border, adapting to the button’s surroundings.\n---\n\n```ts\ninterface BorderedButtonSignature {\n  Attributes: {\n    role?: 'destructive' | 'confirm' // A value that describes the purpose of a button\n    'title-key'?: string\n  }\n\n  Slots: {\n    overlay: HTMLElement[]\n  }\n}\n\nclass BorderedButton extends HTMLButtonElement<BorderedButtonSignature> {}\n\ndeclare global {\n  interface HTMLButtonElement {\n    is: 'bordered-button' // <button is=\"bordered-button\"></button>\n  }\n}\n\n```\n\n### **Examples:**\n**Creating a bordered button:**\n```html\n<button is=\"bordered-button\">\n  <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```\n"
+    },
+    {
+      "name": "bordered-prominent-button",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/bordered-prominent-button"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "role",
+          "description": "Value Type: “destructive” | “confirm”\nDescription: A value that describes the purpose of a button",
+          "values": [
+            {
+              "name": "destructive"
+            },
+            {
+              "name": "confirm"
+            }
+          ]
+        },
+        {
+          "name": "title-key"
+        }
+      ],
+      "description": "A control that starts an action. Styled with a prominent border, adapting to the button’s surroundings.\n---\n\n```ts\ninterface BorderedProminentButtonSignature {\n  Attributes: {\n    role?: 'destructive' | 'confirm' // A value that describes the purpose of a button\n    'title-key'?: string\n  }\n\n  Slots: {\n    overlay: HTMLElement[]\n  }\n}\n\nclass BorderedProminentButton extends HTMLButtonElement<BorderedProminentButtonSignature> {}\n\ndeclare global {\n  interface HTMLButtonElement {\n    is: 'bordered-prominent-button' // <button is=\"bordered-prominent-button\"></button>\n  }\n}\n\n```\n\n### **Examples:**\n**Creating a prominent bordered button:**\n```html\n<button is=\"bordered-prominent-button\">\n  <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```\n"
+    },
+    {
+      "name": "borderless-button",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/borderless-button"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "role",
+          "description": "Value Type: “destructive” | “confirm”\nDescription: A value that describes the purpose of a button",
+          "values": [
+            {
+              "name": "destructive"
+            },
+            {
+              "name": "confirm"
+            }
+          ]
+        },
+        {
+          "name": "title-key"
+        }
+      ],
+      "description": "A control that starts an action. Styled without any borders.\n---\n\n```ts\ninterface BorderlessButtonSignature {\n  Attributes: {\n    role?: 'destructive' | 'confirm' // A value that describes the purpose of a button\n    'title-key'?: string\n  }\n\n  Slots: {\n    overlay: HTMLElement[]\n  }\n}\n\nclass BorderlessButton extends HTMLButtonElement<BorderlessButtonSignature> {}\n\ndeclare global {\n  interface HTMLButtonElement {\n    is: 'borderless-button' // <button is=\"borderless-button\"></button>\n  }\n}\n\n```\n\n### **Examples:**\n**Use the `is` attribute to style a `button` as a `borderless-button`:**\n```html\n<button is=\"borderless-button\">\n  <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```\n"
+    },
+    {
+      "name": "color-scheme",
+      "attributes": [
+        {
+          "name": "dark"
+        }
+      ],
+      "description": "undefined\n\n```ts\ninterface ColorSchemeSignature {\n  Attributes: {\n    dark?: string\n  }\n}\n\nclass ColorScheme extends HTMLElement<ColorSchemeSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'color-scheme': ColorScheme // <color-scheme></color-scheme>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "confirmation-dialog",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/confirmation-dialog"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "anchor"
+        }
+      ],
+      "description": "A dialog that asks the user to confirm an action. Use it from the client module like `await confirmationDialog(trigger, 'Permanently erase the items in the Trash?')`.\n---\n\n```ts\ninterface ConfirmationDialogSignature {\n  Attributes: {\n    anchor?: string\n  }\n}\n\nclass ConfirmationDialog extends HTMLDialogElement<ConfirmationDialogSignature> {}\n\ndeclare global {\n  interface HTMLDialogElement {\n    is: 'confirmation-dialog' // <dialog is=\"confirmation-dialog\"></dialog>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "content-unavailable",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/content-unavailable"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "search"
+        }
+      ],
+      "description": "A message with a title and extra information that you show when part of your app can’t be used.\n---\n\n```ts\ninterface ContentUnavailableSignature {\n  Attributes: {\n    search?: string\n  }\n\n  Slots: {\n    default: HTMLElement[] // The default slot.\n    description: HTMLElement[]\n    actions: HTMLElement[]\n  }\n}\n\nclass ContentUnavailable extends HTMLElement<ContentUnavailableSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'content-unavailable': ContentUnavailable // <content-unavailable></content-unavailable>\n  }\n}\n\n```\n\n### **Examples:**\n**Example:**\n```html\n<content-unavailable search></content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable search=\"foo\"></content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable padding>\n  <label-view title=\"No Mail\">\n    <i class=\"ph ph-tray\" slot=\"icon\" foreground=\"secondary\"></i>\n  </label-view>\n  <label-view\n    title=\"New mails you receive will appear here.\"\n    foreground=\"secondary\"\n    slot=\"description\"\n  ></label-view>\n  <button is=\"borderless-button\" type=\"button\" tabindex=\"0\" slot=\"actions\">\n    <label-view title=\"Switch Account\"></label-view>\n  </button>\n</content-unavailable>\n\n```\n**Example:**\n```html\n<content-unavailable padding>\n  <label-view title=\"No Mail\">\n    <svg slot=\"icon\" foreground=\"secondary\" ...>...</svg>\n  </label-view>\n  <label-view\n    title=\"New mails you receive will appear here.\"\n    foreground=\"secondary\"\n    slot=\"description\"\n  ></label-view>\n  <button is=\"borderless-button\" type=\"button\" tabindex=\"0\" slot=\"actions\">\n    <label-view title=\"Switch Account\"></label-view>\n  </button>\n</content-unavailable>\n\n```\n"
+    },
+    {
+      "name": "date-picker",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/date-picker"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "date-picker-style",
+          "description": "Value Type: “graphical” | “field” | “automatic”\nDescription: The style of this element",
+          "values": [
+            {
+              "name": "graphical"
+            },
+            {
+              "name": "field"
+            },
+            {
+              "name": "automatic"
+            }
+          ]
+        },
+        {
+          "name": "required",
+          "description": "Value Type: boolean"
+        },
+        {
+          "name": "prompt"
+        },
+        {
+          "name": "label"
+        },
+        {
+          "name": "name"
+        },
+        {
+          "name": "selection"
+        },
+        {
+          "name": "disabled",
+          "references": [
+            {
+              "name": "MDN — disabled",
+              "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled"
+            }
+          ],
+          "description": "Value Type: boolean"
+        },
+        {
+          "name": "minimum"
+        },
+        {
+          "name": "maximum"
+        }
+      ],
+      "description": "A control that selects an absolute date.\n---\n\n```ts\ninterface DatePickerSignature {\n  Attributes: {\n    'date-picker-style'?: 'graphical' | 'field' | 'automatic' // The style of this element\n    required?: boolean\n    prompt?: string\n    label?: string\n    name?: string\n    selection?: string\n    disabled?: boolean\n    minimum?: string\n    maximum?: string\n  }\n}\n\nclass DatePicker extends HTMLElement<DatePickerSignature> {\n  static formAssociated = true\n\n  readonly template: DocumentFragment\n  readonly datePickerStyle: 'graphical' | 'field' | 'automatic'\n  readonly name: string // Form participation property\n  readonly value: { year: string; month: string; day: string }\n  readonly valueAsDate: Date | null // Returns the value as a Date object.\n  readonly minimum: { year: string; month: string; day: string } | null\n  readonly maximum: { year: string; month: string; day: string } | null\n\n  setValidity(): void\n  setCustomValidity(): void\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'date-picker': DatePicker // <date-picker></date-picker>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "detail-placeholder",
+      "description": "undefined\n\n```ts\ninterface DetailPlaceholderSignature {}\n\nclass DetailPlaceholder extends HTMLElement<DetailPlaceholderSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'detail-placeholder': DetailPlaceholder // <detail-placeholder></detail-placeholder>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "disclosure-group",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/disclosure-group"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Value Type: boolean\nDescription: The status of this element"
+        }
+      ],
+      "description": "A view that shows or hides another view when the user opens or closes it.\n---\n\n```ts\ninterface DisclosureGroupSignature {\n  Attributes: {\n    open?: boolean // The status of this element\n  }\n}\n\nclass DisclosureGroup extends HTMLDetailsElement<DisclosureGroupSignature> {}\n\ninterface GlobalEventMap<\n  Targets = HTMLElementEventMap | DocumentEventMap | WindowEventMap,\n> {\n  'is-expanded': CustomEvent\n  'is-collapsed': CustomEvent\n}\n\ndeclare global {\n  interface HTMLDetailsElement {\n    is: 'disclosure-group' // <details is=\"disclosure-group\"></details>\n  }\n}\n\n```\n\n### **Examples:**\n**Example:**\n```html\n<details is=\"disclosure-group\">\n  <summary><label-view title=\"Items\"></label-view></summary>\n  <label-view title=\"Item 1\"></label-view>\n  <label-view title=\"Item 2\"></label-view>\n  <details is=\"disclosure-group\">\n    <summary><label-view title=\"Sub-items\"></label-view></summary>\n    <label-view title=\"Sub-item 1\"></label-view>\n  </details>\n</details>\n\n```\n"
+    },
+    {
+      "name": "fine-tooltip",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/fine-tooltip"
+        }
+      ],
+      "description": "A tooltip that shows an unobtrusive helpful message on pointer:fine screens. Use it by adding a `help` attribute to any element.\n---\n\n```ts\ninterface FineTooltipSignature {}\n\nclass FineTooltip extends HTMLElement<FineTooltipSignature> {\n  hidePopover(): void\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'fine-tooltip': FineTooltip // <fine-tooltip></fine-tooltip>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "form-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/form-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "navigation-link-indicator-visibility",
+          "description": "Value Type: “hidden”\n\nDescription: Hides accessories like right-arrow-chevron on NavigationLink buttons inside.",
+          "values": [
+            {
+              "name": "hidden"
+            }
+          ]
+        }
+      ],
+      "description": "A container view that groups controls together for entering data, like a settings screen.\n---\n\n```ts\ninterface FormViewSignature {\n  Attributes: {\n    'navigation-link-indicator-visibility'?: 'hidden' // Hides accessories like right-arrow-chevron on NavigationLink buttons inside.\n  }\n}\n\nclass FormView extends HTMLFormElement<FormViewSignature> {}\n\ndeclare global {\n  interface HTMLFormElement {\n    is: 'form-view' // <form is=\"form-view\"></form>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "glass-button",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/glass-button"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "role",
+          "description": "Value Type: “destructive” | “confirm”\nDescription: A value that describes the purpose of a button",
+          "values": [
+            {
+              "name": "destructive"
+            },
+            {
+              "name": "confirm"
+            }
+          ]
+        },
+        {
+          "name": "title-key"
+        }
+      ],
+      "description": "A control that starts an action. Styled with a glass border, adapting to the button’s surroundings.\n---\n\n```ts\ninterface GlassButtonSignature {\n  Attributes: {\n    role?: 'destructive' | 'confirm' // A value that describes the purpose of a button\n    'title-key'?: string\n  }\n\n  Slots: {\n    overlay: HTMLElement[]\n  }\n}\n\nclass GlassButton extends HTMLButtonElement<GlassButtonSignature> {}\n\ndeclare global {\n  interface HTMLButtonElement {\n    is: 'glass-button' // <button is=\"glass-button\"></button>\n  }\n}\n\n```\n\n### **Examples:**\n**Creating a glass button:**\n```html\n<button is=\"glass-button\">\n  <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```\n"
+    },
+    {
+      "name": "glass-prominent-button",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/glass-prominent-button"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "role",
+          "description": "Value Type: “destructive” | “confirm”\nDescription: A value that describes the purpose of a button",
+          "values": [
+            {
+              "name": "destructive"
+            },
+            {
+              "name": "confirm"
+            }
+          ]
+        },
+        {
+          "name": "title-key"
+        }
+      ],
+      "description": "A control that starts an action. Styled with a prominent glass border, adapting to the button’s surroundings.\n---\n\n```ts\ninterface GlassProminentButtonSignature {\n  Attributes: {\n    role?: 'destructive' | 'confirm' // A value that describes the purpose of a button\n    'title-key'?: string\n  }\n\n  Slots: {\n    overlay: HTMLElement[]\n  }\n}\n\nclass GlassProminentButton extends HTMLButtonElement<GlassProminentButtonSignature> {}\n\ndeclare global {\n  interface HTMLButtonElement {\n    is: 'glass-prominent-button' // <button is=\"glass-prominent-button\"></button>\n  }\n}\n\n```\n\n### **Examples:**\n**Creating a prominent glass button:**\n```html\n<button is=\"glass-prominent-button\">\n  <label-view system-image=\"hand-tap\" title=\"Tap Me\"></label-view>\n</button>\n\n```\n"
+    },
+    {
+      "name": "h-divider",
+      "description": "undefined\n\n```ts\ninterface HDividerSignature {}\n\nclass HDivider extends HTMLElement<HDividerSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'h-divider': HDivider // <h-divider></h-divider>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "h-stack",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/h-stack"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "template",
+          "description": "\nDescription: The main-axis grid template",
+          "valueSet": "Template"
+        },
+        {
+          "name": "spacing",
+          "description": "\nDescription: The gap between the primary axis",
+          "valueSet": "Spacing"
+        },
+        {
+          "name": "alignment",
+          "description": "\nDescription: The cross-axis alignment",
+          "valueSet": "blockSet"
+        },
+        {
+          "name": "distribution",
+          "description": "\nDescription: The main-axis alignment",
+          "valueSet": "inlineSet"
+        },
+        {
+          "name": "placement",
+          "description": "\nDescription: The main-axis alignment",
+          "valueSet": "inlinePlacementSet"
+        }
+      ],
+      "description": "A view that arranges its children side by side.\n---\n\n```ts\ninterface HStackSignature {\n  Attributes: {\n    template?: Template // The main-axis grid template\n    spacing?: Spacing // The gap between the primary axis\n    alignment?: blockSet // The cross-axis alignment\n    distribution?: inlineSet // The main-axis alignment\n    placement?: inlinePlacementSet // The main-axis alignment\n  }\n}\n\nclass HStack extends HTMLElement<HStackSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'h-stack': HStack // <h-stack></h-stack>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "image-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/image-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "system-name"
+        },
+        {
+          "name": "system-weight"
+        }
+      ],
+      "description": "A view that displays an image.\n---\n\n```ts\ninterface ImageViewSignature {\n  Attributes: {\n    'system-name'?: string\n    'system-weight'?: string\n  }\n}\n\nclass ImageView extends HTMLElement<ImageViewSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'image-view': ImageView // <image-view></image-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "label-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/label-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "font",
+          "description": "\nDescription: Sets the default font for text in this view.",
+          "valueSet": "Font"
+        },
+        {
+          "name": "system-image"
+        },
+        {
+          "name": "title"
+        },
+        {
+          "name": "line-limit"
+        },
+        {
+          "name": "truncation-mode",
+          "description": "Value Type: \"tail\""
+        }
+      ],
+      "description": "A view that labels items with an icon and a title.\n---\n\n```ts\ninterface LabelViewSignature {\n  Attributes: {\n    font?: Font // Sets the default font for text in this view.\n    'system-image'?: string\n    title?: string\n    'line-limit'?: string\n    'truncation-mode'?: 'tail'\n  }\n\n  Slots: {\n    default: HTMLElement[] // Any children without a `slot` attribute are placed in the title block.\n    icon: HTMLElement[] // Use the `slot=\"icon\"` attribute to place childen in the icon block.\n  }\n\n  CSSProperties: {\n    '--label-gap'?: length // The gap between the icon and the title.\n    '--label-image-size'?: number // The size of the icon.\n    '--label-padding-inline'?: length // The padding inline of the label.\n  }\n}\n\nclass LabelView extends HTMLElement<LabelViewSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'label-view': LabelView // <label-view></label-view>\n  }\n}\n\n```\n\n### **Examples:**\n**Creating a label using a `span` element:**\n```html\n<label-view><span>Hello world!</span></label-view>\n\n```\n**Creating a label using the `title` attribute:**\n```html\n<label-view title=\"Hello world!\"></label-view>\n\n```\n**Creating a label with an icon and a title using the `system-image` attribute:**\n```html\n<label-view system-image=\"hand-waving\"><span>Hello world!</span></label-view>\n\n```\n**Creating a label with an icon and a title using the `icon` slot:**\n```html\n<label-view>\n  <i slot=\"icon\" class=\"ph ph-duotone ph-hand-waving\"></i>\n  <span>Hello world!</span>\n</label-view>\n\n```\n"
+    },
+    {
+      "name": "labeled-content",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/labeled-content"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "value"
+        },
+        {
+          "name": "label"
+        },
+        {
+          "name": "header"
+        },
+        {
+          "name": "footer"
+        },
+        {
+          "name": "labeled-content-style",
+          "description": "Value Type: “vertical” | “horizontal”\nDescription: Use this to force a specific style.",
+          "values": [
+            {
+              "name": "vertical"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        },
+        {
+          "name": "format",
+          "description": "Value Type: \"<format-type>:<locale?>:<format-options?>\"\nDescription: Use this to format the text inside the value attribute. For example `format=\"currency::currency=USD\" value=\"1234.5\"` produces a value of `$1,234.50`."
+        }
+      ],
+      "description": "A container view that pairs a label with a value.\n---\n\n```ts\ninterface LabeledContentSignature {\n  Attributes: {\n    value?: string\n    label?: string\n    header?: string\n    footer?: string\n    'labeled-content-style'?: 'vertical' | 'horizontal' // Use this to force a specific style.\n    format?: '<format-type>:<locale?>:<format-options?>' // Use this to format the text inside the value attribute. For example `format=\"currency::currency=USD\" value=\"1234.5\"` produces a value of `$1,234.50`.\n  }\n\n  Slots: {\n    default: HTMLElement[] // The default slot.\n    label: HTMLElement[] // Use the `slot=\"label\"` attribute to place childen in the label block.\n    header: HTMLElement[]\n    footer: HTMLElement[]\n  }\n\n  Parts: {\n    'labeled-content-container': never\n    'labeled-content-stack': never\n    'labeled-content-label-stack': never\n    'labeled-content-value-stack': never\n  }\n}\n\nclass LabeledContent extends HTMLElement<LabeledContentSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'labeled-content': LabeledContent // <labeled-content></labeled-content>\n  }\n}\n\n```\n\n### **Examples:**\n**Creates a standard labeled element, with a view that conveys the value of the element and a label:**\n```html\n<labeled-content label=\"Label\" value=\"Content\"></labeled-content>\n\n```\n**Creates a labeled element from a formatted value:**\n```html\n<labeled-content\n  label=\"Height\"\n  value=\"6\"\n  format=\"unit::unit=foot\"\n></labeled-content>\n\n```\n**Creates a labeled element that displays a custom label and a custom subtitle to the label:**\n```html\n<labeled-content value=\"Content\">\n  <label-view slot=\"label\" title=\"Custom Value\"></label-view>\n  <label-view slot=\"label\" title=\"Custom Subtitle Value\"></label-view>\n</labeled-content>\n\n```\n"
+    },
+    {
+      "name": "list-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/list-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "navigation-link-indicator-visibility",
+          "description": "Value Type: “hidden”\n\nDescription: Hides accessories like right-arrow-chevron on NavigationLink buttons inside",
+          "values": [
+            {
+              "name": "hidden"
+            }
+          ]
+        },
+        {
+          "name": "preferred-root-disclosure-style",
+          "description": "Value Type: “sidebar”",
+          "values": [
+            {
+              "name": "sidebar"
+            }
+          ]
+        }
+      ],
+      "description": "A container view that arranges rows of data in a single column, optionally letting the user select one or more of them.\n---\n\n```ts\ninterface ListViewSignature {\n  Attributes: {\n    'navigation-link-indicator-visibility'?: 'hidden' // Hides accessories like right-arrow-chevron on NavigationLink buttons inside\n    'preferred-root-disclosure-style'?: 'sidebar'\n  }\n\n  CSSProperties: {\n    '--list-row-gap'?: length // The gap between rows\n    '--list--media-inner-padding-inline-start'?: length // The inline paddint start for each row\n  }\n}\n\nclass ListView extends HTMLElement<ListViewSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'list-view': ListView // <list-view></list-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "menu-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/menu-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "open"
+        },
+        {
+          "name": "closing"
+        },
+        {
+          "name": "label"
+        }
+      ],
+      "description": "A control that opens a menu of actions.\n---\n\n```ts\ninterface MenuViewSignature {\n  Attributes: {\n    open?: string\n    closing?: string\n    label?: string\n  }\n\n  Slots: {\n    default: HTMLElement[] // The default slot.\n    label: HTMLElement[]\n  }\n}\n\nclass MenuView extends HTMLElement<MenuViewSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'menu-view': MenuView // <menu-view></menu-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "navigation-large-title",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/navigation-large-title"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "padding",
+          "description": "Value Type: boolean"
+        },
+        {
+          "name": "navigation-bar-auto-hide",
+          "description": "Value Type: boolean"
+        }
+      ],
+      "description": "undefined\n\n```ts\ninterface NavigationLargeTitleSignature {\n  Attributes: {\n    padding?: boolean\n    'navigation-bar-auto-hide'?: boolean\n  }\n}\n\nclass NavigationLargeTitle extends HTMLElement<NavigationLargeTitleSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'navigation-large-title': NavigationLargeTitle // <navigation-large-title></navigation-large-title>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "navigation-split-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/navigation-split-view"
+        }
+      ],
+      "description": "A container view with two or three side-by-side screens, where what the user chooses in the left screen changes what appears in the next screen.\n---\n\n```ts\ninterface NavigationSplitViewSignature {}\n\nclass NavigationSplitView extends HTMLElement<NavigationSplitViewSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'navigation-split-view': NavigationSplitView // <navigation-split-view></navigation-split-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "navigation-stack",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/navigation-stack"
+        }
+      ],
+      "description": "A container view that shows a main screen and lets the user open other screens on top of it.\n---\n\n```ts\ninterface NavigationStackSignature {}\n\nclass NavigationStack extends HTMLElement<NavigationStackSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'navigation-stack': NavigationStack // <navigation-stack></navigation-stack>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "navigation-title",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/navigation-title"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "padding",
+          "description": "Value Type: boolean"
+        },
+        {
+          "name": "value"
+        },
+        {
+          "name": "subtitle"
+        },
+        {
+          "name": "system-image"
+        },
+        {
+          "name": "system-image-weight"
+        }
+      ],
+      "description": "A container view.\n---\n\n```ts\ninterface NavigationTitleSignature {\n  Attributes: {\n    padding?: boolean\n    value?: string\n    subtitle?: string\n    'system-image'?: string\n    'system-image-weight'?: string\n  }\n}\n\nclass NavigationTitle extends HTMLElement<NavigationTitleSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'navigation-title': NavigationTitle // <navigation-title></navigation-title>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "picker-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/picker-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "picker-style",
+          "description": "Value Type: “menu” | “inline” | “navigation-link” | “sheet” | “automatic”",
+          "values": [
+            {
+              "name": "menu"
+            },
+            {
+              "name": "inline"
+            },
+            {
+              "name": "navigation-link"
+            },
+            {
+              "name": "sheet"
+            },
+            {
+              "name": "automatic"
+            }
+          ]
+        },
+        {
+          "name": "help",
+          "description": "\nDescription: Adds a help tooltip to the trigger of the picker, if style supports one"
+        },
+        {
+          "name": "dictionary",
+          "description": "Value Type: “DictEntry[]”\n\nDescription: Renders all options using this array",
+          "values": [
+            {
+              "name": "DictEntry[]"
+            }
+          ]
+        },
+        {
+          "name": "label-value-placement",
+          "description": "Value Type: “vertical” | “horizontal” | “auto”",
+          "values": [
+            {
+              "name": "vertical"
+            },
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "auto"
+            }
+          ]
+        }
+      ],
+      "description": "A control that selects one value from a set of options.\n---\n\n```ts\ninterface PickerViewSignature {\n  Attributes: {\n    'picker-style'?:\n      | 'menu'\n      | 'inline'\n      | 'navigation-link'\n      | 'sheet'\n      | 'automatic'\n    dictionary?: 'DictEntry[]' // Renders all options using this array\n    'label-value-placement'?: 'vertical' | 'horizontal' | 'auto'\n  }\n\n  Slots: {\n    default: HTMLElement[] // The default slot.\n    label: HTMLElement[]\n    list: HTMLElement[]\n    'validity-options': HTMLOptionElement[]\n  }\n}\n\nclass PickerView extends HTMLElement<PickerViewSignature> {\n  static formAssociated = true\n\n  selection: string\n  readonly template: DocumentFragment\n  readonly pickerStyle:\n    | 'automatic'\n    | 'menu'\n    | 'inline'\n    | 'navigation-link'\n    | 'sheet'\n  readonly name: string // Form participation property\n\n  setValidity(): void\n  setCustomValidity(): void\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'picker-view': PickerView // <picker-view></picker-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "plain-button",
+      "description": "undefined\n\n```ts\ninterface PlainButtonSignature {}\n\nclass PlainButton extends HTMLButtonElement<PlainButtonSignature> {}\n\ndeclare global {\n  interface HTMLButtonElement {\n    is: 'plain-button' // <button is=\"plain-button\"></button>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "progress-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/progress-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "label"
+        },
+        {
+          "name": "current-value-label"
+        },
+        {
+          "name": "value"
+        }
+      ],
+      "description": "A view that shows how far along a task is.\n---\n\n```ts\ninterface ProgressViewSignature {\n  Attributes: {\n    label?: string\n    'current-value-label'?: string\n    value?: string\n  }\n\n  Slots: {\n    default: HTMLElement[] // The default slot.\n    'current-value': HTMLElement[]\n  }\n}\n\nclass ProgressView extends HTMLElement<ProgressViewSignature> {\n  readonly progressViewStyle: 'circular' | 'linear'\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'progress-view': ProgressView // <progress-view></progress-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "screen-view",
+      "description": "undefined\n\n```ts\ninterface ScreenViewSignature {}\n\nclass ScreenView extends HTMLDialogElement<ScreenViewSignature> {}\n\ndeclare global {\n  interface HTMLDialogElement {\n    is: 'screen-view' // <dialog is=\"screen-view\"></dialog>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "scroll-view-proxy",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/scroll-view-proxy"
+        }
+      ],
+      "description": "A wrapper for {hv}-stacks\n---\n\n```ts\ninterface ScrollViewProxySignature {}\n\nclass ScrollViewProxy extends HTMLElement<ScrollViewProxySignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'scroll-view-proxy': ScrollViewProxy // <scroll-view-proxy></scroll-view-proxy>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "scroll-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/scroll-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "navigation-title",
+          "description": "Configures the view’s title for purposes of navigation. Shorthand for `<v-stack spacing=\"0\" alignment=\"fill\" slot=\"top-bar-principal\"><label-view line-limit=\"1\" truncation-mode=\"tail\" font=\"headline\"><span>Navigation Title</span></label-view></v-stack>`"
+        },
+        {
+          "name": "navigation-inline-title"
+        },
+        {
+          "name": "navigation-inline-subtitle"
+        },
+        {
+          "name": "navigation-icon"
+        },
+        {
+          "name": "navigation-bar-title-display-mode"
+        }
+      ],
+      "description": "A view that scrolls its content when it doesn’t fit the screen.\n---\n\n```ts\ninterface ScrollViewSignature {\n  Attributes: {\n    'navigation-title'?: string // Configures the view’s title for purposes of navigation. Shorthand for `<v-stack spacing=\"0\" alignment=\"fill\" slot=\"top-bar-principal\"><label-view line-limit=\"1\" truncation-mode=\"tail\" font=\"headline\"><span>Navigation Title</span></label-view></v-stack>`\n    'navigation-inline-title'?: string\n    'navigation-inline-subtitle'?: string\n    'navigation-icon'?: string\n    'navigation-bar-title-display-mode'?: string\n  }\n\n  Slots: {\n    default: HTMLElement[] // The default slot.\n    'top-bar-principal': HTMLElement[]\n    'bottom-bar-principal': HTMLElement[]\n  }\n}\n\nclass ScrollView extends HTMLElement<ScrollViewSignature> {\n  centerScrollToElement(): void\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'scroll-view': ScrollView // <scroll-view></scroll-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "search-view",
+      "description": "undefined\n\n```ts\ninterface SearchViewSignature {}\n\nclass SearchView extends HTMLInputElement<SearchViewSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'search-view': SearchView // <search-view></search-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "section-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/section-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "header"
+        },
+        {
+          "name": "footer"
+        }
+      ],
+      "description": "A container view that groups related content together.\n---\n\n```ts\ninterface SectionViewSignature {\n  Attributes: {\n    header?: string\n    footer?: string\n  }\n\n  Slots: {\n    default: HTMLElement[] // The default slot.\n    header: HTMLElement[]\n    footer: HTMLElement[]\n  }\n}\n\nclass SectionView extends HTMLElement<SectionViewSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'section-view': SectionView // <section-view></section-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "sheet-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/sheet-view"
+        }
+      ],
+      "description": "A dialog that slides up over the current screen.\n---\n\n```ts\ninterface SheetViewSignature {}\n\nclass SheetView extends HTMLDialogElement<SheetViewSignature> {}\n\ndeclare global {\n  interface HTMLDialogElement {\n    is: 'sheet-view' // <dialog is=\"sheet-view\"></dialog>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "sidebar-toggle",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/sidebar-toggle"
+        }
+      ],
+      "description": "A control that shows or hides the sidebar view.\n---\n\n```ts\ninterface SidebarToggleSignature {}\n\nclass SidebarToggle extends HTMLElement<SidebarToggleSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'sidebar-toggle': SidebarToggle // <sidebar-toggle></sidebar-toggle>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "sidebar-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/sidebar-view"
+        }
+      ],
+      "description": "A container view that arranges navigation destinations in a single column.\n---\n\n```ts\ninterface SidebarViewSignature {}\n\nclass SidebarView extends HTMLDialogElement<SidebarViewSignature> {}\n\ndeclare global {\n  interface HTMLDialogElement {\n    is: 'sidebar-view' // <dialog is=\"sidebar-view\"></dialog>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "sticky-container",
+      "description": "undefined\n\n```ts\ninterface StickyContainerSignature {}\n\nclass StickyContainer extends HTMLElement<StickyContainerSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'sticky-container': StickyContainer // <sticky-container></sticky-container>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "tab-bar",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tab-bar"
+        }
+      ],
+      "description": "A container view that groups tab-items together along the top or bottom of the screen.\n---\n\n```ts\ninterface TabBarSignature {}\n\nclass TabBar extends HTMLDialogElement<TabBarSignature> {}\n\ndeclare global {\n  interface HTMLDialogElement {\n    is: 'tab-bar' // <dialog is=\"tab-bar\"></dialog>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "tab-item",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tab-item"
+        }
+      ],
+      "description": "A control that switches the tab view to this tab.\n---\n\n```ts\ninterface TabItemSignature {}\n\nclass TabItem extends HTMLButtonElement<TabItemSignature> {}\n\ndeclare global {\n  interface HTMLButtonElement {\n    is: 'tab-item' // <button is=\"tab-item\"></button>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "tab-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tab-view"
+        }
+      ],
+      "description": "A container view that switches between screens using tabs.\n---\n\n```ts\ninterface TabViewSignature {\n  CSSProperties: {\n    '--adaptable-tab-bar-placement'?: string\n  }\n}\n\nclass TabView extends HTMLElement<TabViewSignature> {\n  readonly tabBarPlacement:\n    | 'bottom-bar'\n    | 'ornament'\n    | 'sidebar'\n    | 'top-bar'\n    | undefined\n  readonly moreTab: NavigationStack | null\n  selectedTab: (NavigationSplitView | NavigationStack)[]\n}\n\ninterface GlobalEventMap<\n  Targets = HTMLElementEventMap | DocumentEventMap | WindowEventMap,\n> {\n  tabshow: CustomEvent // A Tab is shown\n  tabhide: CustomEvent // A Tab is hidden\n  'tab-view:toggle': CustomEvent\n  'tab-view:adaptable-tab-bar-placement-change': CustomEvent\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'tab-view': TabView // <tab-view></tab-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "table-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/table-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "preferred-compact-template",
+          "description": "Value Type: “title:trailing:subtitle” | “trailing:title:subtitle” | “title:subtitle:trailing” | “*”\n\nDescription: Sets the template areas when the table is in compact mode",
+          "values": [
+            {
+              "name": "title:trailing:subtitle"
+            },
+            {
+              "name": "trailing:title:subtitle"
+            },
+            {
+              "name": "title:subtitle:trailing"
+            },
+            {
+              "name": "*"
+            }
+          ]
+        }
+      ],
+      "description": "A container view that arranges data in rows and columns, optionally letting the user select one or more of them.\n---\n\n```ts\ninterface TableViewSignature {\n  Attributes: {\n    'preferred-compact-template'?:\n      | 'title:trailing:subtitle'\n      | 'trailing:title:subtitle'\n      | 'title:subtitle:trailing'\n      | '*' // Sets the template areas when the table is in compact mode\n  }\n\n  Slots: {\n    default: HTMLElement[] // The default slot.\n    'header-leading': HTMLElement[]\n    'header-principal': HTMLElement[]\n    'header-trailing': HTMLElement[]\n    column: HTMLElement[]\n    'footer-leading': HTMLElement[]\n    'footer-principal': HTMLElement[]\n    'footer-trailing': HTMLElement[]\n  }\n}\n\nclass TableView extends HTMLElement<TableViewSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'table-view': TableView // <table-view></table-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "text-field",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/text-field"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "prompt"
+        },
+        {
+          "name": "minimum"
+        },
+        {
+          "name": "maximum"
+        },
+        {
+          "name": "min-length"
+        },
+        {
+          "name": "max-length"
+        },
+        {
+          "name": "label"
+        },
+        {
+          "name": "name"
+        },
+        {
+          "name": "text"
+        },
+        {
+          "name": "text-input-autocapitalization"
+        },
+        {
+          "name": "disable-autocorrection",
+          "description": "Value Type: boolean"
+        },
+        {
+          "name": "keyboard-type",
+          "description": "Value Type: “decimal-pad” | “number-pad” | “default”",
+          "values": [
+            {
+              "name": "decimal-pad"
+            },
+            {
+              "name": "number-pad"
+            },
+            {
+              "name": "default"
+            }
+          ]
+        },
+        {
+          "name": "required",
+          "description": "Value Type: boolean"
+        },
+        {
+          "name": "disabled",
+          "references": [
+            {
+              "name": "MDN — disabled",
+              "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled"
+            }
+          ],
+          "description": "Value Type: boolean"
+        }
+      ],
+      "description": "A control that displays an editable text area.\n---\n\n```ts\ninterface TextFieldSignature {\n  Attributes: {\n    prompt?: string\n    minimum?: string\n    maximum?: string\n    'min-length'?: string\n    'max-length'?: string\n    label?: string\n    name?: string\n    text?: string\n    'text-input-autocapitalization'?: string\n    'disable-autocorrection'?: boolean\n    'keyboard-type'?: 'decimal-pad' | 'number-pad' | 'default'\n    required?: boolean\n    disabled?: boolean\n  }\n\n  Slots: {\n    label: HTMLElement[]\n    'validity-options': HTMLOptionElement[]\n  }\n}\n\nclass TextField extends HTMLElement<TextFieldSignature> {\n  static formAssociated = true\n\n  readonly keyboardType: 'decimal-pad' | 'number-pad' | 'default'\n  text: string\n  readonly name: string // Form participation property\n  readonly value: string\n  readonly valueAsNumber: number | ''\n  readonly negativeNumbersAllowed: boolean\n\n  setValidity(): void\n  setCustomValidity(): void\n}\n\ninterface GlobalEventMap<\n  Targets = HTMLElementEventMap | DocumentEventMap | WindowEventMap,\n> {\n  commit: CustomEvent<{ detail: { text: string } }> // Triggered when user interacts with the input area\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'text-field': TextField // <text-field></text-field>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "text-view",
+      "description": "undefined\n\n```ts\ninterface TextViewSignature {}\n\nclass TextView extends HTMLElement<TextViewSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'text-view': TextView // <text-view></text-view>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "toggle-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/toggle-view"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "label"
+        },
+        {
+          "name": "name"
+        },
+        {
+          "name": "value"
+        },
+        {
+          "name": "is-on",
+          "description": "Value Type: boolean"
+        },
+        {
+          "name": "required",
+          "description": "Value Type: boolean"
+        },
+        {
+          "name": "disabled",
+          "references": [
+            {
+              "name": "MDN — disabled",
+              "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled"
+            }
+          ],
+          "description": "Value Type: boolean"
+        }
+      ],
+      "description": "A control that switches between on and off states.\n---\n\n```ts\ninterface ToggleViewSignature {\n  Attributes: {\n    label?: string\n    name?: string\n    value?: string\n    'is-on'?: boolean\n    required?: boolean\n    disabled?: boolean\n  }\n\n  Slots: {\n    label: HTMLElement[]\n    'validity-options': HTMLOptionElement[]\n  }\n}\n\nclass ToggleView extends HTMLElement<ToggleViewSignature> {\n  static formAssociated = true\n\n  readonly toggleStyle: 'button' | 'switch'\n  isOn: boolean\n  readonly name: string // Form participation property\n  value: string | null\n\n  setValidity(): void\n  setCustomValidity(): void\n}\n\ninterface GlobalEventMap<\n  Targets = HTMLElementEventMap | DocumentEventMap | WindowEventMap,\n> {\n  'toggle:change': CustomEvent // User toggled the control\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'toggle-view': ToggleView // <toggle-view></toggle-view>\n  }\n}\n\n```\n\n### **Examples:**\n**Creates a toggle that displays a custom label:**\n```html\n<toggle-view label=\"Custom Label\"></toggle-view>\n\n```\n"
+    },
+    {
+      "name": "tool-bar-item-group",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tool-bar-item-group"
+        }
+      ],
+      "description": "A container view that groups items together in the toolbar or navigation bar.\n---\n\n```ts\ninterface ToolBarItemGroupSignature {}\n\nclass ToolBarItemGroup extends HTMLElement<ToolBarItemGroupSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'tool-bar-item-group': ToolBarItemGroup // <tool-bar-item-group></tool-bar-item-group>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "tool-bar-item",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tool-bar-item"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "slot"
+        },
+        {
+          "name": "data-previous-slot"
+        },
+        {
+          "name": "title-key"
+        }
+      ],
+      "description": "A view placed in the toolbar or navigation bar.\n---\n\n```ts\ninterface ToolBarItemSignature {\n  Attributes: {\n    slot?: string\n    'data-previous-slot'?: string\n    'title-key'?: string\n  }\n}\n\nclass ToolBarItem extends HTMLElement<ToolBarItemSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'tool-bar-item': ToolBarItem // <tool-bar-item></tool-bar-item>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "tool-bar",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tool-bar"
+        }
+      ],
+      "description": "A list of items placed into the toolbar or navigation bar around your content.\n---\n\n```ts\ninterface ToolBarSignature {\n  Slots: {\n    'cancellation-action': HTMLElement[] // The item represents a cancellation action for a modal interface. Places the item in the leading edge of the top bar and on the trailing edge of the bottom bar when fine modal\n    'primary-action': HTMLElement[] // The item represents a primary action. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal\n    'confirmation-action': HTMLElement[] // The item represents a confirmation action for a modal interface. Places the item in the trailing edge of the top bar and on the trailing edge of the bottom bar when fine modal\n    'destructive-action': HTMLElement[] // The item represents a destructive action for a modal interface. Places the item in the leading edge of the top bar and on the leading edge of the bottom bar when fine modal\n    'top-bar-leading': HTMLElement[] // Places the item in the leading edge of the top bar\n    'top-bar-principal': HTMLElement[] // Places the item in the middle of the top bar\n    'top-bar-trailing': HTMLElement[] // Places the item in the trailing edge of the top bar\n    'bottom-bar-leading': HTMLElement[] // Places the item in the leading edge of the bottom bar\n    'bottom-bar-principal': HTMLElement[] // Places the item in the middle of the bottom bar\n    'bottom-bar-trailing': HTMLElement[] // Places the item in the trailing edge of the bottom bar\n  }\n}\n\nclass ToolBar extends HTMLElement<ToolBarSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'tool-bar': ToolBar // <tool-bar></tool-bar>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "v-divider",
+      "description": "undefined\n\n```ts\ninterface VDividerSignature {}\n\nclass VDivider extends HTMLElement<VDividerSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'v-divider': VDivider // <v-divider></v-divider>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "v-keyboard",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/v-keyboard"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "system-font",
+          "description": "Value Type: “Inter”\n\nDescription: Prefers the \"Inter\" font family, if loaded.",
+          "values": [
+            {
+              "name": "Inter"
+            }
+          ]
+        }
+      ],
+      "description": "Required component, used to handle the virtual keyboard on touch devices.\n---\n\n```ts\ninterface VKeyboardSignature {\n  Attributes: {\n    'system-font'?: 'Inter' // Prefers the \"Inter\" font family, if loaded.\n  }\n}\n\nclass VKeyboard extends HTMLElement<VKeyboardSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'v-keyboard': VKeyboard // <v-keyboard></v-keyboard>\n  }\n}\n\n```\n"
+    },
+    {
+      "name": "v-stack",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/v-stack"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "readable",
+          "description": "\nDescription: Shortcut for `placement=\"leading fill\" frame:alignment=\"center\" frame:width=\"infinity\" frame:max-width=\"{length}\"`",
+          "valueSet": "FrameInlineLength"
+        },
+        {
+          "name": "distribution",
+          "description": "Value Type: “leading” | “leading fill” | “center” | “trailing” | “fill” | “space-between”\n\nDescription: The distribution of cols",
+          "values": [
+            {
+              "name": "leading"
+            },
+            {
+              "name": "leading fill"
+            },
+            {
+              "name": "center"
+            },
+            {
+              "name": "trailing"
+            },
+            {
+              "name": "fill"
+            },
+            {
+              "name": "space-between"
+            }
+          ]
+        },
+        {
+          "name": "template",
+          "description": "\nDescription: The main-axis grid template",
+          "valueSet": "Template"
+        },
+        {
+          "name": "spacing",
+          "description": "\nDescription: The gap between the primary axis",
+          "valueSet": "Spacing"
+        },
+        {
+          "name": "alignment",
+          "description": "\nDescription: The cross-axis alignment",
+          "valueSet": "inlineSet"
+        },
+        {
+          "name": "distribution",
+          "description": "\nDescription: The main-axis alignment",
+          "valueSet": "blockSet"
+        },
+        {
+          "name": "placement",
+          "description": "\nDescription: The main-axis alignment",
+          "valueSet": "blockPlacementSet"
+        }
+      ],
+      "description": "A view that arranges its children one on top of the other.\n---\n\n```ts\ninterface VStackSignature {\n  Attributes: {\n    readable?: FrameInlineLength // Shortcut for `placement=\"leading fill\" frame:alignment=\"center\" frame:width=\"infinity\" frame:max-width=\"{length}\"`\n    distribution?:\n      | 'leading'\n      | 'leading fill'\n      | 'center'\n      | 'trailing'\n      | 'fill'\n      | 'space-between' // The distribution of cols\n    template?: Template // The main-axis grid template\n    spacing?: Spacing // The gap between the primary axis\n    alignment?: inlineSet // The cross-axis alignment\n    distribution?: blockSet // The main-axis alignment\n    placement?: blockPlacementSet // The main-axis alignment\n  }\n}\n\nclass VStack extends HTMLElement<VStackSignature> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'v-stack': VStack // <v-stack></v-stack>\n  }\n}\n\n```\n"
+    }
+  ],
+  "globalAttributes": [
+    {
+      "name": "tint",
+      "description": "Sets accent color",
+      "valueSet": "Tint"
+    },
+    {
+      "name": "list-item-tint",
+      "description": "Sets accent color on list items",
+      "valueSet": "Tint"
+    },
+    {
+      "name": "foreground",
+      "description": "Sets foreground color",
+      "valueSet": "Foreground"
+    },
+    {
+      "name": "frame:width",
+      "description": "Sets inline-size",
+      "valueSet": "FrameInlineLength"
+    },
+    {
+      "name": "frame:max-width",
+      "description": "Sets max-inline-size",
+      "valueSet": "FrameInlineLength"
+    }
+  ],
+  "valueSets": [
+    {
+      "name": "Font",
+      "values": [
+        {
+          "name": "footnote",
+          "description": "The font used in footnotes"
+        },
+        {
+          "name": "caption2",
+          "description": "The font used the caption2 size"
+        },
+        {
+          "name": "caption",
+          "description": "The font used for standard captions"
+        },
+        {
+          "name": "callout",
+          "description": "The font used for callouts"
+        },
+        {
+          "name": "body",
+          "description": "The font used body text"
+        },
+        {
+          "name": "subheadline",
+          "description": "The font used subheadings"
+        },
+        {
+          "name": "headline",
+          "description": "The font used headings"
+        },
+        {
+          "name": "title3",
+          "description": "The font used third level hierarchical headings"
+        },
+        {
+          "name": "title2",
+          "description": "The font used second level hierarchical headings"
+        },
+        {
+          "name": "title",
+          "description": "The font used first level hierarchical headings"
+        },
+        {
+          "name": "large-title",
+          "description": "The font used large titles"
+        },
+        {
+          "name": "extra-large-title",
+          "description": "The font used extra large titles"
+        },
+        {
+          "name": "extra-large-title2",
+          "description": "The font used second level extra large titles"
+        }
+      ]
+    },
+    {
+      "name": "Spacing",
+      "values": [
+        {
+          "name": "0",
+          "description": "0rem"
+        },
+        {
+          "name": "1",
+          "description": "0.1rem"
+        },
+        {
+          "name": "2",
+          "description": "0.2rem"
+        },
+        {
+          "name": "3",
+          "description": "0.3rem"
+        },
+        {
+          "name": "4",
+          "description": "0.4rem"
+        },
+        {
+          "name": "5",
+          "description": "0.5rem"
+        },
+        {
+          "name": "6",
+          "description": "0.6rem"
+        },
+        {
+          "name": "7",
+          "description": "0.7rem"
+        },
+        {
+          "name": "8",
+          "description": "0.8rem"
+        },
+        {
+          "name": "9",
+          "description": "0.9rem"
+        },
+        {
+          "name": "10",
+          "description": "1rem"
+        },
+        {
+          "name": "11",
+          "description": "1.1rem"
+        },
+        {
+          "name": "12",
+          "description": "1.2rem"
+        },
+        {
+          "name": "13",
+          "description": "1.3rem"
+        },
+        {
+          "name": "14",
+          "description": "1.4rem"
+        },
+        {
+          "name": "15",
+          "description": "1.5rem"
+        },
+        {
+          "name": "16",
+          "description": "1.6rem"
+        },
+        {
+          "name": "17",
+          "description": "1.7rem"
+        },
+        {
+          "name": "18",
+          "description": "1.8rem"
+        },
+        {
+          "name": "19",
+          "description": "1.9rem"
+        },
+        {
+          "name": "20",
+          "description": "2rem"
+        },
+        {
+          "name": "21",
+          "description": "2.1rem"
+        },
+        {
+          "name": "22",
+          "description": "2.2rem"
+        },
+        {
+          "name": "23",
+          "description": "2.3rem"
+        },
+        {
+          "name": "24",
+          "description": "2.4rem"
+        },
+        {
+          "name": "25",
+          "description": "2.5rem"
+        },
+        {
+          "name": "26",
+          "description": "2.6rem"
+        },
+        {
+          "name": "27",
+          "description": "2.7rem"
+        },
+        {
+          "name": "28",
+          "description": "2.8rem"
+        },
+        {
+          "name": "29",
+          "description": "2.9rem"
+        },
+        {
+          "name": "30",
+          "description": "3rem"
+        },
+        {
+          "name": "31",
+          "description": "3.1rem"
+        },
+        {
+          "name": "32",
+          "description": "3.2rem"
+        },
+        {
+          "name": "33",
+          "description": "3.3rem"
+        },
+        {
+          "name": "34",
+          "description": "3.4rem"
+        },
+        {
+          "name": "35",
+          "description": "3.5rem"
+        },
+        {
+          "name": "36",
+          "description": "3.6rem"
+        },
+        {
+          "name": "37",
+          "description": "3.7rem"
+        },
+        {
+          "name": "38",
+          "description": "3.8rem"
+        },
+        {
+          "name": "39",
+          "description": "3.9rem"
+        },
+        {
+          "name": "40",
+          "description": "4rem"
+        },
+        {
+          "name": "41",
+          "description": "4.1rem"
+        },
+        {
+          "name": "42",
+          "description": "4.2rem"
+        },
+        {
+          "name": "43",
+          "description": "4.3rem"
+        },
+        {
+          "name": "44",
+          "description": "4.4rem"
+        },
+        {
+          "name": "45",
+          "description": "4.5rem"
+        },
+        {
+          "name": "46",
+          "description": "4.6rem"
+        },
+        {
+          "name": "47",
+          "description": "4.7rem"
+        },
+        {
+          "name": "48",
+          "description": "4.8rem"
+        },
+        {
+          "name": "49",
+          "description": "4.9rem"
+        },
+        {
+          "name": "50",
+          "description": "5rem"
+        }
+      ]
+    },
+    {
+      "name": "Tint",
+      "values": [
+        {
+          "name": "gray",
+          "description": "Like secondary, like disabled"
+        },
+        {
+          "name": "blue",
+          "description": "System `blue` color"
+        },
+        {
+          "name": "red",
+          "description": "System `red` color"
+        },
+        {
+          "name": "green",
+          "description": "System `green` color"
+        },
+        {
+          "name": "orange",
+          "description": "System `orange` color"
+        },
+        {
+          "name": "purple",
+          "description": "System `purple` color"
+        }
+      ]
+    },
+    {
+      "name": "Foreground",
+      "values": [
+        {
+          "name": "primary",
+          "description": "Applies the system primary color (`--primary`)"
+        },
+        {
+          "name": "secondary",
+          "description": "Applies the system secondary color (`--secondary`)"
+        },
+        {
+          "name": "blue",
+          "description": "Applies the system blue color (`--blue`)"
+        },
+        {
+          "name": "red",
+          "description": "Applies the system red color (`--red`)"
+        },
+        {
+          "name": "green",
+          "description": "Applies the system green color (`--green`)"
+        },
+        {
+          "name": "orange",
+          "description": "Applies the system orange color (`--orange`)"
+        },
+        {
+          "name": "purple",
+          "description": "Applies the system purple color (`--purple`)"
+        },
+        {
+          "name": "blue.secondary",
+          "description": "Applies the system secondary blue color (`--blue2`)"
+        },
+        {
+          "name": "red.secondary",
+          "description": "Applies the system secondary red color (`--red2`)"
+        },
+        {
+          "name": "green.secondary",
+          "description": "Applies the system secondary green color (`--green2`)"
+        },
+        {
+          "name": "orange.secondary",
+          "description": "Applies the system secondary orange color (`--orange2`)"
+        },
+        {
+          "name": "purple.secondary",
+          "description": "Applies the system secondary purple color (`--purple2`)"
+        },
+        {
+          "name": "blue.tertiary",
+          "description": "Applies the system tertiary blue color (`--blue3`)"
+        },
+        {
+          "name": "red.tertiary",
+          "description": "Applies the system tertiary red color (`--red3`)"
+        },
+        {
+          "name": "green.tertiary",
+          "description": "Applies the system tertiary green color (`--green3`)"
+        },
+        {
+          "name": "orange.tertiary",
+          "description": "Applies the system tertiary orange color (`--orange3`)"
+        },
+        {
+          "name": "purple.tertiary",
+          "description": "Applies the system tertiary purple color (`--purple3`)"
+        },
+        {
+          "name": "blue.quaternary",
+          "description": "Applies the system quaternary blue color (`--blue4`)"
+        },
+        {
+          "name": "red.quaternary",
+          "description": "Applies the system quaternary red color (`--red4`)"
+        },
+        {
+          "name": "green.quaternary",
+          "description": "Applies the system quaternary green color (`--green4`)"
+        },
+        {
+          "name": "orange.quaternary",
+          "description": "Applies the system quaternary orange color (`--orange4`)"
+        },
+        {
+          "name": "purple.quaternary",
+          "description": "Applies the system quaternary purple color (`--purple4`)"
+        },
+        {
+          "name": "blue.quinary",
+          "description": "Applies the system quinary blue color (`--blue5`)"
+        },
+        {
+          "name": "red.quinary",
+          "description": "Applies the system quinary red color (`--red5`)"
+        },
+        {
+          "name": "green.quinary",
+          "description": "Applies the system quinary green color (`--green5`)"
+        },
+        {
+          "name": "orange.quinary",
+          "description": "Applies the system quinary orange color (`--orange5`)"
+        },
+        {
+          "name": "purple.quinary",
+          "description": "Applies the system quinary purple color (`--purple5`)"
+        }
+      ]
+    },
+    {
+      "name": "inlineSet",
+      "values": [
+        {
+          "name": "leading",
+          "description": "Applies `justify-items: start; justify-content: start;` rules"
+        },
+        {
+          "name": "leading fill",
+          "description": "Applies `justify-items: start; justify-content: stretch;` rules"
+        },
+        {
+          "name": "center",
+          "description": "Applies `justify-items: center; justify-content: center;` rules"
+        },
+        {
+          "name": "trailing",
+          "description": "Applies `justify-items: end; justify-content: end;` rules"
+        },
+        {
+          "name": "fill",
+          "description": "Applies `justify-items: stretch; justify-content: stretch;` rules"
+        },
+        {
+          "name": "space-between",
+          "description": "Applies `justify-content: space-between;` rules"
+        }
+      ]
+    },
+    {
+      "name": "blockSet",
+      "values": [
+        {
+          "name": "leading",
+          "description": "Applies `align-items: start; align-content: start;` rules"
+        },
+        {
+          "name": "leading fill",
+          "description": "Applies `align-items: start; align-content: stretch;` rules"
+        },
+        {
+          "name": "center",
+          "description": "Applies `align-items: center; align-content: center;` rules"
+        },
+        {
+          "name": "trailing",
+          "description": "Applies `align-items: end; align-content: end;` rules"
+        },
+        {
+          "name": "fill",
+          "description": "Applies `align-items: stretch; align-content: stretch;` rules"
+        },
+        {
+          "name": "space-between",
+          "description": "Applies `align-content: space-between;` rules"
+        }
+      ]
+    },
+    {
+      "name": "inlinePlacementSet",
+      "values": [
+        {
+          "name": "fill",
+          "description": "Applies `place-items: stretch; place-content: stretch;` rules"
+        },
+        {
+          "name": "leading fill",
+          "description": "Applies `place-items: stretch start; place-content: stretch start;` rules"
+        },
+        {
+          "name": "fill leading",
+          "description": "Applies `place-items: start stretch; place-content: start stretch;` rules"
+        },
+        {
+          "name": "fill space-between",
+          "description": "Applies `align-content: space-between; justify-items: stretch; justify-content: stretch;` rules"
+        }
+      ]
+    },
+    {
+      "name": "blockPlacementSet",
+      "values": [
+        {
+          "name": "fill",
+          "description": "Applies `place-items: stretch; place-content: stretch;` rules"
+        },
+        {
+          "name": "leading fill",
+          "description": "Applies `place-items: start stretch; place-content: start stretch;` rules"
+        },
+        {
+          "name": "fill leading",
+          "description": "Applies `place-items: stretch start; place-content: stretch start;` rules"
+        },
+        {
+          "name": "space-between fill",
+          "description": "Applies `align-content: space-between; justify-items: stretch; justify-content: stretch;` rules"
+        }
+      ]
+    },
+    {
+      "name": "ControlSize",
+      "values": [
+        {
+          "name": "mini",
+          "description": "A control version that is minimally sized"
+        },
+        {
+          "name": "regular",
+          "description": "A control version that is the regular size"
+        },
+        {
+          "name": "small",
+          "description": "A control version that is proportionally smaller size for space-constrained views"
+        },
+        {
+          "name": "large",
+          "description": "A control version that is prominently sized"
+        }
+      ]
+    },
+    {
+      "name": "Template",
+      "values": [
+        {
+          "name": "spacer",
+          "description": "Applies a `minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(1,spacer)",
+          "description": "Applies a `repeat(1, minmax(0, 1fr))` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(2,spacer)",
+          "description": "Applies a `repeat(2, minmax(0, 1fr))` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(3,spacer)",
+          "description": "Applies a `repeat(3, minmax(0, 1fr))` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(4,spacer)",
+          "description": "Applies a `repeat(4, minmax(0, 1fr))` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(5,spacer)",
+          "description": "Applies a `repeat(5, minmax(0, 1fr))` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(6,spacer)",
+          "description": "Applies a `repeat(6, minmax(0, 1fr))` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(7,spacer)",
+          "description": "Applies a `repeat(7, minmax(0, 1fr))` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(8,spacer)",
+          "description": "Applies a `repeat(8, minmax(0, 1fr))` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(9,spacer)",
+          "description": "Applies a `repeat(9, minmax(0, 1fr))` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(10,spacer)",
+          "description": "Applies a `repeat(10, minmax(0, 1fr))` grid-template to the main-axis"
+        },
+        {
+          "name": "spacer auto",
+          "description": "Applies a `minmax(0, 1fr) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(1,spacer) auto",
+          "description": "Applies a `repeat(1, minmax(0, 1fr)) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(2,spacer) auto",
+          "description": "Applies a `repeat(2, minmax(0, 1fr)) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(3,spacer) auto",
+          "description": "Applies a `repeat(3, minmax(0, 1fr)) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(4,spacer) auto",
+          "description": "Applies a `repeat(4, minmax(0, 1fr)) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(5,spacer) auto",
+          "description": "Applies a `repeat(5, minmax(0, 1fr)) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(6,spacer) auto",
+          "description": "Applies a `repeat(6, minmax(0, 1fr)) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(7,spacer) auto",
+          "description": "Applies a `repeat(7, minmax(0, 1fr)) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(8,spacer) auto",
+          "description": "Applies a `repeat(8, minmax(0, 1fr)) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(9,spacer) auto",
+          "description": "Applies a `repeat(9, minmax(0, 1fr)) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(10,spacer) auto",
+          "description": "Applies a `repeat(10, minmax(0, 1fr)) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "auto spacer",
+          "description": "Applies a `auto minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(1,auto) spacer",
+          "description": "Applies a `repeat(1, auto) minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(2,auto) spacer",
+          "description": "Applies a `repeat(2, auto) minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(3,auto) spacer",
+          "description": "Applies a `repeat(3, auto) minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(4,auto) spacer",
+          "description": "Applies a `repeat(4, auto) minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(5,auto) spacer",
+          "description": "Applies a `repeat(5, auto) minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(6,auto) spacer",
+          "description": "Applies a `repeat(6, auto) minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(7,auto) spacer",
+          "description": "Applies a `repeat(7, auto) minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(8,auto) spacer",
+          "description": "Applies a `repeat(8, auto) minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(9,auto) spacer",
+          "description": "Applies a `repeat(9, auto) minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(10,auto) spacer",
+          "description": "Applies a `repeat(10, auto) minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "auto auto spacer",
+          "description": "Applies a `auto auto minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "auto auto auto spacer",
+          "description": "Applies a `auto auto auto minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "auto auto auto auto spacer",
+          "description": "Applies a `auto auto auto auto minmax(0, 1fr)` grid-template to the main-axis"
+        },
+        {
+          "name": "auto spacer auto",
+          "description": "Applies a `auto minmax(0, 1fr) auto` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(1,auto) spacer repeat(1,auto)",
+          "description": "Applies a `repeat(1, auto) minmax(0, 1fr) repeat(1, auto)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(1,auto) spacer repeat(2,auto)",
+          "description": "Applies a `repeat(1, auto) minmax(0, 1fr) repeat(2, auto)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(1,auto) spacer repeat(3,auto)",
+          "description": "Applies a `repeat(1, auto) minmax(0, 1fr) repeat(3, auto)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(1,auto) spacer repeat(4,auto)",
+          "description": "Applies a `repeat(1, auto) minmax(0, 1fr) repeat(4, auto)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(1,auto) spacer repeat(5,auto)",
+          "description": "Applies a `repeat(1, auto) minmax(0, 1fr) repeat(5, auto)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(2,auto) spacer repeat(1,auto)",
+          "description": "Applies a `repeat(2, auto) minmax(0, 1fr) repeat(1, auto)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(3,auto) spacer repeat(1,auto)",
+          "description": "Applies a `repeat(3, auto) minmax(0, 1fr) repeat(1, auto)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(4,auto) spacer repeat(1,auto)",
+          "description": "Applies a `repeat(4, auto) minmax(0, 1fr) repeat(1, auto)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(5,auto) spacer repeat(1,auto)",
+          "description": "Applies a `repeat(5, auto) minmax(0, 1fr) repeat(1, auto)` grid-template to the main-axis"
+        },
+        {
+          "name": "repeat(2,auto) spacer repeat(2,auto)",
+          "description": "Applies a `repeat(2, auto) minmax(0, 1fr) repeat(2, auto)` grid-template to the main-axis"
+        },
+        {
+          "name": "auto spacer auto auto",
+          "description": "Applies a `auto minmax(0, 1fr) auto auto` grid-template to the main-axis"
+        }
+      ]
+    },
+    {
+      "name": "FrameInlineLength",
+      "values": [
+        {
+          "name": "infinity",
+          "description": "100%"
+        },
+        {
+          "name": "0",
+          "description": "0rem"
+        },
+        {
+          "name": "1",
+          "description": "1rem"
+        },
+        {
+          "name": "2",
+          "description": "2rem"
+        },
+        {
+          "name": "3",
+          "description": "3rem"
+        },
+        {
+          "name": "4",
+          "description": "4rem"
+        },
+        {
+          "name": "5",
+          "description": "5rem"
+        },
+        {
+          "name": "6",
+          "description": "6rem"
+        },
+        {
+          "name": "7",
+          "description": "7rem"
+        },
+        {
+          "name": "8",
+          "description": "8rem"
+        },
+        {
+          "name": "9",
+          "description": "9rem"
+        },
+        {
+          "name": "10",
+          "description": "10rem"
+        },
+        {
+          "name": "11",
+          "description": "11rem"
+        },
+        {
+          "name": "12",
+          "description": "12rem"
+        },
+        {
+          "name": "13",
+          "description": "13rem"
+        },
+        {
+          "name": "14",
+          "description": "14rem"
+        },
+        {
+          "name": "15",
+          "description": "15rem"
+        },
+        {
+          "name": "16",
+          "description": "16rem"
+        },
+        {
+          "name": "17",
+          "description": "17rem"
+        },
+        {
+          "name": "18",
+          "description": "18rem"
+        },
+        {
+          "name": "19",
+          "description": "19rem"
+        },
+        {
+          "name": "20",
+          "description": "20rem"
+        },
+        {
+          "name": "21",
+          "description": "21rem"
+        },
+        {
+          "name": "22",
+          "description": "22rem"
+        },
+        {
+          "name": "23",
+          "description": "23rem"
+        },
+        {
+          "name": "24",
+          "description": "24rem"
+        },
+        {
+          "name": "25",
+          "description": "25rem"
+        },
+        {
+          "name": "26",
+          "description": "26rem"
+        },
+        {
+          "name": "27",
+          "description": "27rem"
+        },
+        {
+          "name": "28",
+          "description": "28rem"
+        },
+        {
+          "name": "29",
+          "description": "29rem"
+        },
+        {
+          "name": "30",
+          "description": "30rem"
+        },
+        {
+          "name": "31",
+          "description": "31rem"
+        },
+        {
+          "name": "32",
+          "description": "32rem"
+        },
+        {
+          "name": "33",
+          "description": "33rem"
+        },
+        {
+          "name": "34",
+          "description": "34rem"
+        },
+        {
+          "name": "35",
+          "description": "35rem"
+        },
+        {
+          "name": "36",
+          "description": "36rem"
+        },
+        {
+          "name": "37",
+          "description": "37rem"
+        },
+        {
+          "name": "38",
+          "description": "38rem"
+        },
+        {
+          "name": "39",
+          "description": "39rem"
+        },
+        {
+          "name": "40",
+          "description": "40rem"
+        },
+        {
+          "name": "41",
+          "description": "41rem"
+        },
+        {
+          "name": "42",
+          "description": "42rem"
+        },
+        {
+          "name": "43",
+          "description": "43rem"
+        },
+        {
+          "name": "44",
+          "description": "44rem"
+        },
+        {
+          "name": "45",
+          "description": "45rem"
+        },
+        {
+          "name": "46",
+          "description": "46rem"
+        },
+        {
+          "name": "47",
+          "description": "47rem"
+        },
+        {
+          "name": "48",
+          "description": "48rem"
+        },
+        {
+          "name": "49",
+          "description": "49rem"
+        },
+        {
+          "name": "50",
+          "description": "50rem"
+        },
+        {
+          "name": "51",
+          "description": "51rem"
+        },
+        {
+          "name": "52",
+          "description": "52rem"
+        },
+        {
+          "name": "53",
+          "description": "53rem"
+        },
+        {
+          "name": "54",
+          "description": "54rem"
+        },
+        {
+          "name": "55",
+          "description": "55rem"
+        },
+        {
+          "name": "56",
+          "description": "56rem"
+        },
+        {
+          "name": "57",
+          "description": "57rem"
+        },
+        {
+          "name": "58",
+          "description": "58rem"
+        },
+        {
+          "name": "59",
+          "description": "59rem"
+        },
+        {
+          "name": "60",
+          "description": "60rem"
+        },
+        {
+          "name": "61",
+          "description": "61rem"
+        },
+        {
+          "name": "62",
+          "description": "62rem"
+        },
+        {
+          "name": "63",
+          "description": "63rem"
+        },
+        {
+          "name": "64",
+          "description": "64rem"
+        },
+        {
+          "name": "65",
+          "description": "65rem"
+        },
+        {
+          "name": "66",
+          "description": "66rem"
+        },
+        {
+          "name": "67",
+          "description": "67rem"
+        },
+        {
+          "name": "68",
+          "description": "68rem"
+        },
+        {
+          "name": "69",
+          "description": "69rem"
+        },
+        {
+          "name": "70",
+          "description": "70rem"
+        },
+        {
+          "name": "71",
+          "description": "71rem"
+        },
+        {
+          "name": "72",
+          "description": "72rem"
+        },
+        {
+          "name": "73",
+          "description": "73rem"
+        },
+        {
+          "name": "74",
+          "description": "74rem"
+        },
+        {
+          "name": "75",
+          "description": "75rem"
+        },
+        {
+          "name": "76",
+          "description": "76rem"
+        },
+        {
+          "name": "77",
+          "description": "77rem"
+        },
+        {
+          "name": "78",
+          "description": "78rem"
+        },
+        {
+          "name": "79",
+          "description": "79rem"
+        },
+        {
+          "name": "80",
+          "description": "80rem"
+        },
+        {
+          "name": "81",
+          "description": "81rem"
+        },
+        {
+          "name": "82",
+          "description": "82rem"
+        },
+        {
+          "name": "83",
+          "description": "83rem"
+        },
+        {
+          "name": "84",
+          "description": "84rem"
+        },
+        {
+          "name": "85",
+          "description": "85rem"
+        },
+        {
+          "name": "86",
+          "description": "86rem"
+        },
+        {
+          "name": "87",
+          "description": "87rem"
+        },
+        {
+          "name": "88",
+          "description": "88rem"
+        },
+        {
+          "name": "89",
+          "description": "89rem"
+        },
+        {
+          "name": "90",
+          "description": "90rem"
+        },
+        {
+          "name": "91",
+          "description": "91rem"
+        },
+        {
+          "name": "92",
+          "description": "92rem"
+        },
+        {
+          "name": "93",
+          "description": "93rem"
+        },
+        {
+          "name": "94",
+          "description": "94rem"
+        },
+        {
+          "name": "95",
+          "description": "95rem"
+        },
+        {
+          "name": "96",
+          "description": "96rem"
+        },
+        {
+          "name": "97",
+          "description": "97rem"
+        },
+        {
+          "name": "98",
+          "description": "98rem"
+        },
+        {
+          "name": "99",
+          "description": "99rem"
+        },
+        {
+          "name": "100",
+          "description": "100rem"
+        },
+        {
+          "name": "0cqi",
+          "description": "0cqi"
+        },
+        {
+          "name": "1cqi",
+          "description": "1cqi"
+        },
+        {
+          "name": "2cqi",
+          "description": "2cqi"
+        },
+        {
+          "name": "3cqi",
+          "description": "3cqi"
+        },
+        {
+          "name": "4cqi",
+          "description": "4cqi"
+        },
+        {
+          "name": "5cqi",
+          "description": "5cqi"
+        },
+        {
+          "name": "6cqi",
+          "description": "6cqi"
+        },
+        {
+          "name": "7cqi",
+          "description": "7cqi"
+        },
+        {
+          "name": "8cqi",
+          "description": "8cqi"
+        },
+        {
+          "name": "9cqi",
+          "description": "9cqi"
+        },
+        {
+          "name": "10cqi",
+          "description": "10cqi"
+        },
+        {
+          "name": "11cqi",
+          "description": "11cqi"
+        },
+        {
+          "name": "12cqi",
+          "description": "12cqi"
+        },
+        {
+          "name": "13cqi",
+          "description": "13cqi"
+        },
+        {
+          "name": "14cqi",
+          "description": "14cqi"
+        },
+        {
+          "name": "15cqi",
+          "description": "15cqi"
+        },
+        {
+          "name": "16cqi",
+          "description": "16cqi"
+        },
+        {
+          "name": "17cqi",
+          "description": "17cqi"
+        },
+        {
+          "name": "18cqi",
+          "description": "18cqi"
+        },
+        {
+          "name": "19cqi",
+          "description": "19cqi"
+        },
+        {
+          "name": "20cqi",
+          "description": "20cqi"
+        },
+        {
+          "name": "21cqi",
+          "description": "21cqi"
+        },
+        {
+          "name": "22cqi",
+          "description": "22cqi"
+        },
+        {
+          "name": "23cqi",
+          "description": "23cqi"
+        },
+        {
+          "name": "24cqi",
+          "description": "24cqi"
+        },
+        {
+          "name": "25cqi",
+          "description": "25cqi"
+        },
+        {
+          "name": "26cqi",
+          "description": "26cqi"
+        },
+        {
+          "name": "27cqi",
+          "description": "27cqi"
+        },
+        {
+          "name": "28cqi",
+          "description": "28cqi"
+        },
+        {
+          "name": "29cqi",
+          "description": "29cqi"
+        },
+        {
+          "name": "30cqi",
+          "description": "30cqi"
+        },
+        {
+          "name": "31cqi",
+          "description": "31cqi"
+        },
+        {
+          "name": "32cqi",
+          "description": "32cqi"
+        },
+        {
+          "name": "33cqi",
+          "description": "33cqi"
+        },
+        {
+          "name": "34cqi",
+          "description": "34cqi"
+        },
+        {
+          "name": "35cqi",
+          "description": "35cqi"
+        },
+        {
+          "name": "36cqi",
+          "description": "36cqi"
+        },
+        {
+          "name": "37cqi",
+          "description": "37cqi"
+        },
+        {
+          "name": "38cqi",
+          "description": "38cqi"
+        },
+        {
+          "name": "39cqi",
+          "description": "39cqi"
+        },
+        {
+          "name": "40cqi",
+          "description": "40cqi"
+        },
+        {
+          "name": "41cqi",
+          "description": "41cqi"
+        },
+        {
+          "name": "42cqi",
+          "description": "42cqi"
+        },
+        {
+          "name": "43cqi",
+          "description": "43cqi"
+        },
+        {
+          "name": "44cqi",
+          "description": "44cqi"
+        },
+        {
+          "name": "45cqi",
+          "description": "45cqi"
+        },
+        {
+          "name": "46cqi",
+          "description": "46cqi"
+        },
+        {
+          "name": "47cqi",
+          "description": "47cqi"
+        },
+        {
+          "name": "48cqi",
+          "description": "48cqi"
+        },
+        {
+          "name": "49cqi",
+          "description": "49cqi"
+        },
+        {
+          "name": "50cqi",
+          "description": "50cqi"
+        },
+        {
+          "name": "51cqi",
+          "description": "51cqi"
+        },
+        {
+          "name": "52cqi",
+          "description": "52cqi"
+        },
+        {
+          "name": "53cqi",
+          "description": "53cqi"
+        },
+        {
+          "name": "54cqi",
+          "description": "54cqi"
+        },
+        {
+          "name": "55cqi",
+          "description": "55cqi"
+        },
+        {
+          "name": "56cqi",
+          "description": "56cqi"
+        },
+        {
+          "name": "57cqi",
+          "description": "57cqi"
+        },
+        {
+          "name": "58cqi",
+          "description": "58cqi"
+        },
+        {
+          "name": "59cqi",
+          "description": "59cqi"
+        },
+        {
+          "name": "60cqi",
+          "description": "60cqi"
+        },
+        {
+          "name": "61cqi",
+          "description": "61cqi"
+        },
+        {
+          "name": "62cqi",
+          "description": "62cqi"
+        },
+        {
+          "name": "63cqi",
+          "description": "63cqi"
+        },
+        {
+          "name": "64cqi",
+          "description": "64cqi"
+        },
+        {
+          "name": "65cqi",
+          "description": "65cqi"
+        },
+        {
+          "name": "66cqi",
+          "description": "66cqi"
+        },
+        {
+          "name": "67cqi",
+          "description": "67cqi"
+        },
+        {
+          "name": "68cqi",
+          "description": "68cqi"
+        },
+        {
+          "name": "69cqi",
+          "description": "69cqi"
+        },
+        {
+          "name": "70cqi",
+          "description": "70cqi"
+        },
+        {
+          "name": "71cqi",
+          "description": "71cqi"
+        },
+        {
+          "name": "72cqi",
+          "description": "72cqi"
+        },
+        {
+          "name": "73cqi",
+          "description": "73cqi"
+        },
+        {
+          "name": "74cqi",
+          "description": "74cqi"
+        },
+        {
+          "name": "75cqi",
+          "description": "75cqi"
+        },
+        {
+          "name": "76cqi",
+          "description": "76cqi"
+        },
+        {
+          "name": "77cqi",
+          "description": "77cqi"
+        },
+        {
+          "name": "78cqi",
+          "description": "78cqi"
+        },
+        {
+          "name": "79cqi",
+          "description": "79cqi"
+        },
+        {
+          "name": "80cqi",
+          "description": "80cqi"
+        },
+        {
+          "name": "81cqi",
+          "description": "81cqi"
+        },
+        {
+          "name": "82cqi",
+          "description": "82cqi"
+        },
+        {
+          "name": "83cqi",
+          "description": "83cqi"
+        },
+        {
+          "name": "84cqi",
+          "description": "84cqi"
+        },
+        {
+          "name": "85cqi",
+          "description": "85cqi"
+        },
+        {
+          "name": "86cqi",
+          "description": "86cqi"
+        },
+        {
+          "name": "87cqi",
+          "description": "87cqi"
+        },
+        {
+          "name": "88cqi",
+          "description": "88cqi"
+        },
+        {
+          "name": "89cqi",
+          "description": "89cqi"
+        },
+        {
+          "name": "90cqi",
+          "description": "90cqi"
+        },
+        {
+          "name": "91cqi",
+          "description": "91cqi"
+        },
+        {
+          "name": "92cqi",
+          "description": "92cqi"
+        },
+        {
+          "name": "93cqi",
+          "description": "93cqi"
+        },
+        {
+          "name": "94cqi",
+          "description": "94cqi"
+        },
+        {
+          "name": "95cqi",
+          "description": "95cqi"
+        },
+        {
+          "name": "96cqi",
+          "description": "96cqi"
+        },
+        {
+          "name": "97cqi",
+          "description": "97cqi"
+        },
+        {
+          "name": "98cqi",
+          "description": "98cqi"
+        },
+        {
+          "name": "99cqi",
+          "description": "99cqi"
+        },
+        {
+          "name": "100cqi",
+          "description": "100cqi"
+        }
+      ]
+    }
+  ]
+}