@swiftwc/ui 0.0.0-dev.91 → 0.0.0-dev.93

package/web-components.html-data/en.json

@@ -3,19 +3,45 @@
   "tags": [
     {
       "name": "alert-dialog",
-      "description": "A representation of an alert presentation.\nUse it from the client module like `void alert('Save failed.')`."
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/alert-dialog"
+        }
+      ],
+      "description": ""
     },
     {
-      "name": "body-view"
+      "name": "body-view",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/body-view"
+        }
+      ],
+      "description": ""
     },
     {
       "name": "bordered-button",
-      "description": "A control that initiates an action. Styled with standard border artwork based on the button’s context.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/bordered-button"
+        }
+      ],
+      "description": "### **Slots:**\n- **overlay**\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```",
       "attributes": [
         {
           "name": "role",
-          "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
-          "values": []
+          "description": "Value Type: “destructive” | “confirm”\nDescription: A value that describes the purpose of a button",
+          "values": [
+            {
+              "name": "destructive"
+            },
+            {
+              "name": "confirm"
+            }
+          ]
         },
         {
           "name": "title-key"
@@ -24,12 +50,25 @@
     },
     {
       "name": "bordered-prominent-button",
-      "description": "A control that initiates an action. Styled with standard border prominent artwork based on the button’s context.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/bordered-prominent-button"
+        }
+      ],
+      "description": "### **Slots:**\n- **overlay**\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```",
       "attributes": [
         {
           "name": "role",
-          "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
-          "values": []
+          "description": "Value Type: “destructive” | “confirm”\nDescription: A value that describes the purpose of a button",
+          "values": [
+            {
+              "name": "destructive"
+            },
+            {
+              "name": "confirm"
+            }
+          ]
         },
         {
           "name": "title-key"
@@ -38,12 +77,25 @@
     },
     {
       "name": "borderless-button",
-      "description": "A control that initiates an action. Styled without any borders.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/borderless-button"
+        }
+      ],
+      "description": "### **Slots:**\n- **overlay**\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```",
       "attributes": [
         {
           "name": "role",
-          "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
-          "values": []
+          "description": "Value Type: “destructive” | “confirm”\nDescription: A value that describes the purpose of a button",
+          "values": [
+            {
+              "name": "destructive"
+            },
+            {
+              "name": "confirm"
+            }
+          ]
         },
         {
           "name": "title-key"
@@ -56,20 +108,33 @@
         {
           "name": "dark"
         }
-      ]
+      ],
+      "description": ""
     },
     {
       "name": "confirmation-dialog",
-      "description": "A representation of a confirmation presentation.\nUse it from the client module like `await confirmation(trigger, 'Permanently erase the items in the Trash?')`.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/confirmation-dialog"
+        }
+      ],
       "attributes": [
         {
           "name": "anchor"
         }
-      ]
+      ],
+      "description": "A representation of a confirmation presentation.\nUse it from the client module like `await confirmation(trigger, 'Permanently erase the items in the Trash?')`.\n---"
     },
     {
-      "name": "content-unavailable-view",
-      "description": "A message with a title and extra information that you show when part of your app can’t be used.",
+      "name": "content-unavailable",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/content-unavailable"
+        }
+      ],
+      "description": "### **Slots:**\n- _default_ — The default slot.\n- **description**\n- **actions**\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```",
       "attributes": [
         {
           "name": "search"
@@ -78,7 +143,13 @@
     },
     {
       "name": "date-picker",
-      "description": "A control for selecting an absolute date.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/date-picker"
+        }
+      ],
+      "description": "### **Properties:**\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",
       "attributes": [
         {
           "name": "date-picker-style",
@@ -123,40 +194,66 @@
     },
     {
       "name": "disclosure-group",
-      "description": "A view that shows or hides another content view, based on the state of a disclosure control.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/disclosure-group"
+        }
+      ],
+      "description": "### **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```",
       "attributes": [
         {
           "name": "open",
-          "description": "Description: The status of this element"
+          "description": "The status of this element"
         }
       ]
     },
     {
-      "name": "fine-tooltip"
+      "name": "fine-tooltip",
+      "description": ""
     },
     {
       "name": "form-view",
-      "description": "",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/form-view"
+        }
+      ],
       "attributes": [
         {
-          "name": "navigation-link-indicator-visibility - Hides accessories like right-arrow",
-          "description": "Value Type: “hidden”\n\nDescription: chevron on NavigationLink buttons inside.",
+          "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": ""
     },
     {
       "name": "glass-button",
-      "description": "A control that initiates an action. Styled with glass border artwork based on the button’s context.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/glass-button"
+        }
+      ],
+      "description": "### **Slots:**\n- **overlay**\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```",
       "attributes": [
         {
           "name": "role",
-          "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
-          "values": []
+          "description": "Value Type: “destructive” | “confirm”\nDescription: A value that describes the purpose of a button",
+          "values": [
+            {
+              "name": "destructive"
+            },
+            {
+              "name": "confirm"
+            }
+          ]
         },
         {
           "name": "title-key"
@@ -165,12 +262,25 @@
     },
     {
       "name": "glass-prominent-button",
-      "description": "A control that initiates an action. Styled with prominent glass border artwork based on the button’s context.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/glass-prominent-button"
+        }
+      ],
+      "description": "### **Slots:**\n- **overlay**\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```",
       "attributes": [
         {
           "name": "role",
-          "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
-          "values": []
+          "description": "Value Type: “destructive” | “confirm”\nDescription: A value that describes the purpose of a button",
+          "values": [
+            {
+              "name": "destructive"
+            },
+            {
+              "name": "confirm"
+            }
+          ]
         },
         {
           "name": "title-key"
@@ -178,12 +288,18 @@
       ]
     },
     {
-      "name": "hstack",
-      "description": "A view that arranges its subviews in a horizontal line.",
+      "name": "h-stack",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/h-stack"
+        }
+      ],
+      "description": "",
       "attributes": [
         {
-          "name": "template - The main",
-          "description": "\nDescription: axis grid template",
+          "name": "template",
+          "description": "\nDescription: The main-axis grid template",
           "valueSet": "templateSet"
         },
         {
@@ -192,18 +308,18 @@
           "valueSet": "spacingSet"
         },
         {
-          "name": "alignment - The cross",
-          "description": "\nDescription: axis alignment",
+          "name": "alignment",
+          "description": "\nDescription: The cross-axis alignment",
           "valueSet": "blockSet"
         },
         {
-          "name": "distribution - The main",
-          "description": "\nDescription: axis alignment",
+          "name": "distribution",
+          "description": "\nDescription: The main-axis alignment",
           "valueSet": "inlineSet"
         },
         {
-          "name": "placement - The main",
-          "description": "\nDescription: axis alignment",
+          "name": "placement",
+          "description": "\nDescription: The main-axis alignment",
           "valueSet": "inlinePlacementSet"
         }
       ]
@@ -217,11 +333,18 @@
         {
           "name": "system-weight"
         }
-      ]
+      ],
+      "description": ""
     },
     {
       "name": "label-view",
-      "description": "",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/label-view"
+        }
+      ],
+      "description": "### **Slots:**\n- _default_ — Place children without a `slot` attribute inside the main block of the label.\n- **icon** — Place children with a `slot=\"icon\"` attribute in the icon block of the label.\n\n### **Examples:**\n**Creating a label with an icon image and a title:**\n```html\n<label-view system-image=\"hand-tap\"><span>Hello</span></label-view>\n\n```",
       "attributes": [
         {
           "name": "font",
@@ -263,26 +386,39 @@
         {
           "name": "format"
         }
-      ]
+      ],
+      "description": ""
     },
     {
       "name": "list-view",
-      "description": "",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/list-view"
+        }
+      ],
       "attributes": [
         {
-          "name": "navigation-link-indicator-visibility - Hides accessories like right-arrow",
-          "description": "Value Type: “hidden”\n\nDescription: chevron on NavigationLink buttons inside.",
+          "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": ""
     },
     {
       "name": "menu-view",
-      "description": "A control for presenting a menu of actions.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/menu-view"
+        }
+      ],
+      "description": "### **Slots:**\n- _default_ — The default slot.\n- **label**",
       "attributes": [
         {
           "name": "open"
@@ -296,15 +432,28 @@
       ]
     },
     {
-      "name": "navigation-large-title"
+      "name": "navigation-large-title",
+      "description": ""
     },
     {
       "name": "navigation-split-view",
-      "description": "A view with two or three side-by-side sections, where what you choose in the left section changes what appears in the next section."
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/navigation-split-view"
+        }
+      ],
+      "description": ""
     },
     {
       "name": "navigation-stack",
-      "description": "A view that shows a main screen and lets you open other screens on top of it."
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/navigation-stack"
+        }
+      ],
+      "description": ""
     },
     {
       "name": "navigation-title",
@@ -321,15 +470,22 @@
         {
           "name": "system-image-weight"
         }
-      ]
+      ],
+      "description": ""
     },
     {
       "name": "picker-view",
-      "description": "",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/picker-view"
+        }
+      ],
+      "description": "### **Slots:**\n- _default_ — The default slot.\n- **label**\n- **list**\n- **validity-options**\n\n### **Properties:**\n- **selection** — string\n- readonly **template** — DocumentFragment\n- readonly **pickerStyle** — \"automatic\" | \"menu\" | \"inline\" | \"navigation-link\" | \"sheet\"\n- readonly **name** — string Form participation property",
       "attributes": [
         {
-          "name": "picker",
-          "description": "Value Type: “menu” | “inline” | “navigation-link” | “sheet” | “automatic”\n\nDescription: style",
+          "name": "picker-style",
+          "description": "Value Type: “menu” | “inline” | “navigation-link” | “sheet” | “automatic”",
           "values": [
             {
               "name": "menu"
@@ -367,8 +523,8 @@
           ]
         },
         {
-          "name": "label-value",
-          "description": "Value Type: “vertical” | “horizontal” | “auto”\n\nDescription: placement",
+          "name": "label-value-placement",
+          "description": "Value Type: “vertical” | “horizontal” | “auto”",
           "values": [
             {
               "name": "vertical"
@@ -384,11 +540,18 @@
       ]
     },
     {
-      "name": "plain-button"
+      "name": "plain-button",
+      "description": ""
     },
     {
       "name": "progress-view",
-      "description": "A view that shows the progress toward completion of a task.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/progress-view"
+        }
+      ],
+      "description": "### **Slots:**\n- _default_ — The default slot.\n- **current-value**\n\n### **Properties:**\n- readonly **progressViewStyle** — \"circular\" | \"linear\"\n- readonly **template** — DocumentFragment",
       "attributes": [
         {
           "name": "label"
@@ -402,18 +565,31 @@
       ]
     },
     {
-      "name": "screen-view"
+      "name": "screen-view",
+      "description": ""
     },
     {
       "name": "scroll-view-proxy",
-      "description": "A wrapper to {hv}-stacks"
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/scroll-view-proxy"
+        }
+      ],
+      "description": ""
     },
     {
       "name": "scroll-view",
-      "description": "",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/scroll-view"
+        }
+      ],
       "attributes": [
         {
-          "name": "navigation-title"
+          "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"
@@ -427,14 +603,22 @@
         {
           "name": "navigation-bar-title-display-mode"
         }
-      ]
+      ],
+      "description": "### **Slots:**\n- _default_ — The default slot.\n- **top-bar-principal**\n- **bottom-bar-principal**"
     },
     {
-      "name": "search-view"
+      "name": "search-view",
+      "description": ""
     },
     {
       "name": "section-view",
-      "description": "A container view that you can use to add hierarchy within certain views.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/section-view"
+        }
+      ],
+      "description": "### **Slots:**\n- _default_ — The default slot.\n- **header**\n- **footer**",
       "attributes": [
         {
           "name": "header"
@@ -445,31 +629,54 @@
       ]
     },
     {
-      "name": "sheet-view"
+      "name": "sheet-view",
+      "description": ""
     },
     {
-      "name": "sidebar-toggle"
+      "name": "sidebar-toggle",
+      "description": ""
     },
     {
-      "name": "sidebar-view"
+      "name": "sidebar-view",
+      "description": ""
     },
     {
-      "name": "sticky-container"
+      "name": "sticky-container",
+      "description": ""
     },
     {
       "name": "tab-bar",
-      "description": "A screen that lets users switch between different views using buttons, tabs, or other controls."
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tab-bar"
+        }
+      ],
+      "description": ""
     },
     {
-      "name": "tab-item"
+      "name": "tab-item",
+      "description": ""
     },
     {
       "name": "tab-view",
-      "description": ""
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tab-view"
+        }
+      ],
+      "description": "### **Properties:**\n- readonly **tabBarPlacement** — \"bottom-bar\" | \"ornament\" | \"sidebar\" | \"top-bar\" | undefined\n- readonly **moreTab** — NavigationStack | null\n- **selectedTab** — (NavigationSplitView | NavigationStack)[]\n\n### **Events:**\n- **tabshow** — A Tab is shown\n- **tabhide** — A Tab is hidden\n- **tab-view:toggle**\n- **tab-view:adaptable-tab-bar-placement-change**"
     },
     {
       "name": "table-view",
-      "description": "Display selectable, sortable data arranged in rows and columns.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/table-view"
+        }
+      ],
+      "description": "### **Slots:**\n- _default_ — The default slot.\n- **header-leading**\n- **header-principal**\n- **header-trailing**\n- **column**\n- **footer-leading**\n- **footer-principal**\n- **footer-trailing**",
       "attributes": [
         {
           "name": "preferred-compact-template",
@@ -493,7 +700,13 @@
     },
     {
       "name": "text-field",
-      "description": "",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/text-field"
+        }
+      ],
+      "description": "### **Slots:**\n- **label**\n- **validity-options**\n\n### **Properties:**\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",
       "attributes": [
         {
           "name": "prompt"
@@ -538,7 +751,13 @@
     },
     {
       "name": "toggle-view",
-      "description": "",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/toggle-view"
+        }
+      ],
+      "description": "### **Slots:**\n- **label**\n- **validity-options**\n\n### **Properties:**\n- readonly **toggleStyle** — \"button\" | \"switch\"\n- **isOn** — boolean\n- readonly **name** — string Form participation property\n- **value** — string | null",
       "attributes": [
         {
           "name": "label"
@@ -565,11 +784,23 @@
     },
     {
       "name": "tool-bar-item-group",
-      "description": "A model that represents a group of `ToolbarItems` which can be placed in the toolbar or navigation bar."
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tool-bar-item-group"
+        }
+      ],
+      "description": "A model that represents a group of `ToolbarItems` which can be placed in the toolbar or navigation bar.\n---"
     },
     {
       "name": "tool-bar-item",
-      "description": "A model that represents an item which can be placed in the toolbar or navigation bar.",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tool-bar-item"
+        }
+      ],
+      "description": "",
       "attributes": [
         {
           "name": "slot"
@@ -584,11 +815,23 @@
     },
     {
       "name": "tool-bar",
-      "description": "Populates the toolbar or navigation bar with the specified items."
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/tool-bar"
+        }
+      ],
+      "description": "### **Slots:**\n- **cancellation-action** — 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** — 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** — 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** — 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** — Places the item in the leading edge of the top bar\n- **top-bar-principal** — Places the item in the middle of the top bar\n- **top-bar-trailing** — Places the item in the trailing edge of the top bar\n- **bottom-bar-leading** — Places the item in the leading edge of the bottom bar\n- **bottom-bar-principal** — Places the item in the middle of the bottom bar\n- **bottom-bar-trailing** — Places the item in the trailing edge of the bottom bar"
     },
     {
-      "name": "vkeyboard",
-      "description": "Required component, used to handle the virtual keyboard on touch devices.",
+      "name": "v-keyboard",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/v-keyboard"
+        }
+      ],
+      "description": "BUG: Safari on IOS reports inaccurate innerHeight (which is what we really want) on orientationchange.\nSo we live with a pescy body-scrollbar that shows up on resize on desktops.\n---",
       "attributes": [
         {
           "name": "system-font",
@@ -602,8 +845,14 @@
       ]
     },
     {
-      "name": "vstack",
-      "description": "A view that arranges its subviews in a vertical line.",
+      "name": "v-stack",
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://swiftwc.github.io/ui/web-components/v-stack"
+        }
+      ],
+      "description": "",
       "attributes": [
         {
           "name": "distribution",
@@ -630,8 +879,8 @@
           ]
         },
         {
-          "name": "template - The main",
-          "description": "\nDescription: axis grid template",
+          "name": "template",
+          "description": "\nDescription: The main-axis grid template",
           "valueSet": "templateSet"
         },
         {
@@ -640,18 +889,18 @@
           "valueSet": "spacingSet"
         },
         {
-          "name": "alignment - The cross",
-          "description": "\nDescription: axis alignment",
+          "name": "alignment",
+          "description": "\nDescription: The cross-axis alignment",
           "valueSet": "inlineSet"
         },
         {
-          "name": "distribution - The main",
-          "description": "\nDescription: axis alignment",
+          "name": "distribution",
+          "description": "\nDescription: The main-axis alignment",
           "valueSet": "blockSet"
         },
         {
-          "name": "placement - The main",
-          "description": "\nDescription: axis alignment",
+          "name": "placement",
+          "description": "\nDescription: The main-axis alignment",
           "valueSet": "blockPlacementSet"
         }
       ]