@wallarm-org/design-system 1.31.0 → 1.32.0

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.30.0",
-  "generatedAt": "2026-10-01T07:56:09.079Z",
+  "version": "1.31.0",
+  "generatedAt": "2026-10-01T11:56:51.596Z",
   "components": [
     {
       "name": "Accordion",
@@ -92365,19 +92365,15 @@
       ]
     },
     {
-      "name": "Switch",
-      "importPath": "@wallarm-org/design-system/Switch",
+      "name": "Stepper",
+      "description": "A horizontal row of numbered steps for a multi-step flow, such as a create drawer. Every step is\na button, so people can move back and forward freely; the page owns each step's status\n(completed, danger, upcoming) and the current step is always shown as active.\n\nCompound, like Ark UI Steps: `StepperList` › `StepperItem index` › `StepperTrigger` (with\n`StepperIndicator`, `StepperTitle`, `StepperDescription`) and `StepperSeparator`, then optional\n`StepperContent index`, `StepperPrevTrigger` and `StepperNextTrigger`.",
+      "importPath": "@wallarm-org/design-system/Stepper",
       "props": [
         {
-          "name": "a11yMode",
-          "type": "boolean | undefined",
+          "name": "statusLabels",
+          "type": "StepperStatusLabels | undefined",
           "required": false,
-          "defaultValue": "false"
-        },
-        {
-          "name": "form",
-          "type": "string | undefined",
-          "required": false
+          "description": "Screen-reader-only suffixes for completed and danger steps."
         },
         {
           "name": "slot",
@@ -92389,11 +92385,6 @@
           "type": "string | undefined",
           "required": false
         },
-        {
-          "name": "htmlFor",
-          "type": "string | undefined",
-          "required": false
-        },
         {
           "name": "defaultChecked",
           "type": "boolean | undefined",
@@ -92654,81 +92645,52 @@
           "required": false,
           "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
         },
-        {
-          "name": "label",
-          "type": "string | undefined",
-          "required": false,
-          "description": "Specifies the localized strings that identifies the accessibility elements and their states"
-        },
         {
           "name": "ids",
-          "type": "Partial<{ root: string; hiddenInput: string; control: string; label: string; thumb: string; }> | undefined",
+          "type": "ElementIds | undefined",
           "required": false,
-          "description": "The ids of the elements in the switch. Useful for composition."
-        },
-        {
-          "name": "disabled",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "Whether the switch is disabled."
-        },
-        {
-          "name": "invalid",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "If `true`, the switch is marked as invalid."
-        },
-        {
-          "name": "required",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "If `true`, the switch input is marked as required,"
-        },
-        {
-          "name": "readOnly",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "Whether the switch is read-only"
+          "description": "The custom ids for the stepper elements"
         },
         {
-          "name": "checked",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "The controlled checked state of the switch"
+          "name": "count",
+          "type": "number",
+          "required": true,
+          "description": "Number of steps, 1–6. Required: each `StepperItem` and `StepperContent` takes its `index`."
         },
         {
-          "name": "name",
-          "type": "string | undefined",
+          "name": "step",
+          "type": "number | undefined",
           "required": false,
-          "description": "The name of the input field in a switch\n(Useful for form submission)."
+          "description": "Controlled current step, 0-based. Clamped to `[0, count - 1]`."
         },
         {
-          "name": "value",
-          "type": "string | number | undefined",
+          "name": "defaultStep",
+          "type": "number | undefined",
           "required": false,
-          "description": "The value of switch input. Useful for form submission."
-        },
+          "description": "Uncontrolled initial step. Default `0`. Clamped to `[0, count - 1]`."
+        }
+      ],
+      "variants": [
         {
-          "name": "asChild",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "Use the provided child element as the default rendered element, combining their props and behavior."
+          "name": "status",
+          "options": [
+            "active",
+            "danger",
+            "completed",
+            "upcoming"
+          ],
+          "defaultValue": "upcoming"
         }
       ],
-      "variants": [],
       "subComponents": [
         {
-          "name": "SwitchDescription",
+          "name": "StepperContent",
           "props": [
             {
-              "name": "slot",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "title",
-              "type": "string | undefined",
-              "required": false
+              "name": "index",
+              "type": "number",
+              "required": true,
+              "description": "0-based step this body belongs to."
             },
             {
               "name": "defaultChecked",
@@ -92810,6 +92772,11 @@
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
             {
               "name": "spellCheck",
               "type": "Booleanish | undefined",
@@ -92820,6 +92787,11 @@
               "type": "number | undefined",
               "required": false
             },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
             {
               "name": "translate",
               "type": "\"yes\" | \"no\" | undefined",
@@ -92993,18 +92965,283 @@
           ]
         },
         {
-          "name": "SwitchLabel",
+          "name": "StepperDescription",
           "props": [
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
             {
               "name": "slot",
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
             {
               "name": "title",
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "StepperIndicator",
+          "props": [
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -93085,6 +93322,11 @@
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
             {
               "name": "spellCheck",
               "type": "Booleanish | undefined",
@@ -93095,6 +93337,11 @@
               "type": "number | undefined",
               "required": false
             },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
             {
               "name": "translate",
               "type": "\"yes\" | \"no\" | undefined",
@@ -93264,325 +93511,29 @@
               "type": "string | undefined",
               "required": false,
               "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
-            },
-            {
-              "name": "asChild",
-              "type": "boolean | undefined",
-              "required": false,
-              "description": "Use the provided child element as the default rendered element, combining their props and behavior."
             }
           ]
-        }
-      ],
-      "examples": [
-        {
-          "name": "Basic",
-          "code": "args => (\n  <Switch {...args} data-testid='switch'>\n    <SwitchControl />\n    <SwitchLabel>Enable notifications </SwitchLabel>\n  </Switch>\n)",
-          "description": "`SwitchControl` plus `SwitchLabel`. Name the thing being switched rather than the action, since\nthe control already carries the verb: \"Email notifications\", not \"Enable notifications\"."
-        },
-        {
-          "name": "Checked",
-          "code": "() => (\n  <Switch checked>\n    <SwitchControl />\n    <SwitchLabel>Enable notifications</SwitchLabel>\n  </Switch>\n)",
-          "description": "The on state. The track fills with brand and the thumb travels, so on and off differ by\nboth colour and position."
-        },
-        {
-          "name": "Disabled",
-          "code": "() => (\n  <VStack>\n    <Switch disabled>\n      <SwitchControl />\n      <SwitchLabel>Enable notifications</SwitchLabel>\n    </Switch>\n\n    <Switch checked disabled>\n      <SwitchControl />\n      <SwitchLabel>Enable notifications</SwitchLabel>\n    </Switch>\n  </VStack>\n)",
-          "description": "Dimmed and not clickable, in both states. A disabled switch still shows where the setting\nstands, which is the point of showing it at all."
-        },
-        {
-          "name": "WithDescription",
-          "code": "() => (\n  <Switch>\n    <SwitchControl />\n    <SwitchLabel>Enable notifications</SwitchLabel>\n    <SwitchDescription>Receive notifications about updates and new features.</SwitchDescription>\n  </Switch>\n)",
-          "description": "`SwitchDescription` adds a second line and switches the row to a grid, so the text aligns\nwith the label rather than the track."
-        },
-        {
-          "name": "Multiple",
-          "code": "() => (\n  <VStack align='start'>\n    <Switch>\n      <SwitchControl />\n      <SwitchLabel>\n        Email notifications{' '}\n        <Tooltip>\n          <TooltipTrigger>\n            <Info />\n          </TooltipTrigger>\n          <TooltipContent>Additional information</TooltipContent>\n        </Tooltip>\n      </SwitchLabel>\n      <SwitchDescription>Receive email notifications about important updates.</SwitchDescription>\n    </Switch>\n\n    <Switch checked>\n      <SwitchControl />\n      <SwitchLabel>\n        Push notifications{' '}\n        <Tooltip>\n          <TooltipTrigger>\n            <Info />\n          </TooltipTrigger>\n          <TooltipContent>Additional information</TooltipContent>\n        </Tooltip>\n      </SwitchLabel>\n      <SwitchDescription>Get push notifications on your mobile device.</SwitchDescription>\n    </Switch>\n\n    <Switch>\n      <SwitchControl />\n      <SwitchLabel>\n        SMS notifications{' '}\n        <Tooltip>\n          <TooltipTrigger>\n            <Info />\n          </TooltipTrigger>\n          <TooltipContent>Additional information</TooltipContent>\n        </Tooltip>\n      </SwitchLabel>\n      <SwitchDescription>Receive SMS notifications for critical alerts.</SwitchDescription>\n    </Switch>\n  </VStack>\n)",
-          "description": "Several switches in a column. They are independent settings, not a choice between\noptions — if only one may be on, that is a `Radio` group."
-        },
-        {
-          "name": "AccessibilityMode",
-          "code": "() => (\n  <VStack>\n    <Switch a11yMode>\n      <SwitchControl />\n      <SwitchLabel>Enable notifications</SwitchLabel>\n    </Switch>\n\n    <Switch a11yMode checked>\n      <SwitchControl />\n      <SwitchLabel>Enable notifications</SwitchLabel>\n    </Switch>\n  </VStack>\n)",
-          "description": "`a11yMode` draws a tick or a cross inside the track, so the state survives being read\nwithout colour. Worth turning on wherever the setting matters more than the aesthetic."
-        }
-      ]
-    },
-    {
-      "name": "Table",
-      "importPath": "@wallarm-org/design-system/Table",
-      "props": [
-        {
-          "name": "data",
-          "type": "T[]",
-          "required": true,
-          "description": "Data array for rows"
-        },
-        {
-          "name": "columns",
-          "type": "TableColumnDef<T>[]",
-          "required": true,
-          "description": "Column definitions"
-        },
-        {
-          "name": "isLoading",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "Show skeleton rows",
-          "defaultValue": "false"
-        },
-        {
-          "name": "isLoadingPrevious",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "Show skeleton rows above the first row while a previous page is being\nfetched (bidirectional infinite scroll — the start-edge counterpart of\n`isLoading`). Pair with `onStartReached`."
         },
         {
-          "name": "skeletonCount",
-          "type": "number | undefined",
-          "required": false,
-          "description": "Number of skeleton rows to display when loading (default: 6)"
-        },
-        {
-          "name": "getRowId",
-          "type": "((row: T, index: number) => string) | undefined",
-          "required": false,
-          "description": "Row id accessor for stable row identity"
-        },
-        {
-          "name": "sorting",
-          "type": "TableSortingState | undefined",
-          "required": false
-        },
-        {
-          "name": "manualSorting",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "When `true`, disables TanStack's client-side sort. The table renders rows\nin the order they appear in `data` and only fires `onSortingChange` on\nheader clicks. Use this when sorting is performed server-side and the\nserver returns pre-sorted rows.\n\nDefault: `false` (client-side sort via TanStack's `getSortedRowModel`)."
-        },
-        {
-          "name": "rowSelection",
-          "type": "TableRowSelectionState | undefined",
-          "required": false
-        },
-        {
-          "name": "enableSelectAllRows",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "Renders the master checkbox in the selection column header.\n\nSet `false` when \"all rows\" is not a selection the consumer can act on —\na listing whose scope the consumer cannot express, for instance — leaving\nper-row checkboxes (shift-click range selection included) as the only way\nto select. The column itself stays, so the layout does not shift.\n\nDefault: `true`."
-        },
-        {
-          "name": "columnSizing",
-          "type": "TableColumnSizingState | undefined",
-          "required": false
-        },
-        {
-          "name": "columnPinning",
-          "type": "TableColumnPinningState | undefined",
-          "required": false
-        },
-        {
-          "name": "columnOrder",
-          "type": "string[] | undefined",
-          "required": false
-        },
-        {
-          "name": "grouping",
-          "type": "TableGroupingState | undefined",
-          "required": false
-        },
-        {
-          "name": "renderGroupRow",
-          "type": "((row: TableRow<T>) => ReactNode) | undefined",
-          "required": false
-        },
-        {
-          "name": "getSubRows",
-          "type": "((row: T) => T[] | undefined) | undefined",
-          "required": false,
-          "description": "Sub-row accessor for hierarchical/tree data (used with renderGroupRow)"
-        },
-        {
-          "name": "expanded",
-          "type": "TableExpandedState | undefined",
-          "required": false
-        },
-        {
-          "name": "renderExpandedRow",
-          "type": "((row: TableRow<T>) => ReactNode) | undefined",
-          "required": false
-        },
-        {
-          "name": "columnVisibility",
-          "type": "TableVisibilityState | undefined",
-          "required": false
-        },
-        {
-          "name": "defaultColumnVisibility",
-          "type": "TableVisibilityState | undefined",
-          "required": false
-        },
-        {
-          "name": "defaultColumnOrder",
-          "type": "string[] | undefined",
-          "required": false
-        },
-        {
-          "name": "columnGroups",
-          "type": "TableColumnGroup[] | undefined",
-          "required": false,
-          "description": "Labeled sections for the column-settings menu. When set, the menu renders\nthese groups (flat, non-reorderable — like the FilterInput field menu)\ninstead of the default pinned/unpinned drag-reorder list. See\n{@link TableColumnGroup}."
-        },
-        {
-          "name": "virtualized",
-          "type": "TableVirtualized | undefined",
-          "required": false,
-          "description": "Enable row virtualization. `'container'` virtualizes within the scroll container; `'window'` virtualizes against the browser window."
-        },
-        {
-          "name": "stretch",
-          "type": "boolean | undefined",
-          "required": false,
-          "description": "Whether columns stretch proportionally to fill the container width.\nWhen `false`, columns use their defined sizes and the table may be\nnarrower than its container.\n\nDefault: `true`."
-        },
-        {
-          "name": "estimateRowHeight",
-          "type": "((index: number) => number) | undefined",
-          "required": false
-        },
-        {
-          "name": "overscan",
-          "type": "number | undefined",
-          "required": false
-        },
-        {
-          "name": "initialScrollToRowId",
-          "type": "string | undefined",
-          "required": false,
-          "description": "Row id to anchor the initial scroll position to. The table scrolls this row\ninto view on mount and arms the edge detectors only after that initial\nscroll settles. Use for deep-linking into the middle of a dataset."
-        },
-        {
-          "name": "activeRowId",
-          "type": "string | null | undefined",
-          "required": false,
-          "description": "ID of the currently active (highlighted) row, or null. Controls row highlighting via data-preview-active attribute."
-        }
-      ],
-      "variants": [
-        {
-          "name": "interactive",
-          "options": [
-            "true",
-            "false"
-          ],
-          "defaultValue": "false"
-        },
-        {
-          "name": "sorted",
-          "options": [
-            "true",
-            "false"
-          ],
-          "defaultValue": "false"
-        },
-        {
-          "name": "pinned",
-          "options": [
-            "true",
-            "false"
-          ],
-          "defaultValue": "false"
-        },
-        {
-          "name": "lastPinnedLeft",
-          "options": [
-            "true",
-            "false"
-          ],
-          "defaultValue": "false"
-        },
-        {
-          "name": "draggable",
-          "options": [
-            "true",
-            "false"
-          ],
-          "defaultValue": "false"
-        },
-        {
-          "name": "dragging",
-          "options": [
-            "true",
-            "false"
-          ],
-          "defaultValue": "false"
-        },
-        {
-          "name": "expanded",
-          "options": [
-            "true",
-            "false"
-          ],
-          "defaultValue": "false"
-        },
-        {
-          "name": "lastRow",
-          "options": [
-            "true",
-            "false"
-          ],
-          "defaultValue": "false"
-        },
-        {
-          "name": "virtualized",
-          "options": [
-            "container",
-            "window"
-          ]
-        }
-      ],
-      "subComponents": [
-        {
-          "name": "BulkBarSummaryClear",
+          "name": "StepperItem",
           "props": [
             {
-              "name": "disabled",
-              "type": "boolean | undefined",
-              "required": false
-            },
-            {
-              "name": "form",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "formAction",
-              "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
-              "required": false
-            },
-            {
-              "name": "formEncType",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "formMethod",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "formNoValidate",
-              "type": "boolean | undefined",
-              "required": false
+              "name": "index",
+              "type": "number",
+              "required": true,
+              "description": "0-based position of this step. Required, like Ark's `Steps.Item`."
             },
             {
-              "name": "formTarget",
-              "type": "string | undefined",
-              "required": false
+              "name": "status",
+              "type": "StepperItemStatus | undefined",
+              "required": false,
+              "description": "Status set by the page. Ignored while this item is the current step. Default `'upcoming'`."
             },
             {
-              "name": "name",
+              "name": "statusLabel",
               "type": "string | undefined",
-              "required": false
+              "required": false,
+              "description": "Overrides the root `statusLabels` suffix for this item."
             },
             {
               "name": "value",
@@ -93646,7 +93597,7 @@
             },
             {
               "name": "enterKeyHint",
-              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
               "required": false
             },
             {
@@ -93769,6 +93720,11 @@
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
             {
               "name": "itemProp",
               "type": "string | undefined",
@@ -93832,7 +93788,7 @@
             },
             {
               "name": "inputMode",
-              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
               "required": false,
               "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
             },
@@ -93857,13 +93813,22 @@
           ]
         },
         {
-          "name": "BulkBarSummaryCount",
+          "name": "StepperList",
           "props": [
             {
-              "name": "count",
+              "name": "reversed",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "start",
               "type": "number | undefined",
-              "required": false,
-              "description": "Renders the default \"{count} selected\" label."
+              "required": false
+            },
+            {
+              "name": "type",
+              "type": "\"a\" | \"i\" | \"1\" | \"A\" | \"I\" | undefined",
+              "required": false
             },
             {
               "name": "defaultChecked",
@@ -93922,7 +93887,7 @@
             },
             {
               "name": "enterKeyHint",
-              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
               "required": false
             },
             {
@@ -94045,6 +94010,11 @@
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
             {
               "name": "itemProp",
               "type": "string | undefined",
@@ -94108,7 +94078,7 @@
             },
             {
               "name": "inputMode",
-              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
               "required": false,
               "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
             },
@@ -94129,32 +94099,68 @@
               "type": "string | undefined",
               "required": false,
               "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "StepperNextTrigger",
+          "props": [
+            {
+              "name": "asChild",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Render the child (e.g. a `Button`) as the trigger instead of a plain `<button>`."
             },
             {
-              "name": "color",
-              "type": "{ primary: string; 'primary-alt': string; secondary: string; 'secondary-alt': string; 'tertiary-alt': string; danger: string; inherit: string; }",
+              "name": "disabled",
+              "type": "boolean | undefined",
               "required": false
             },
             {
-              "name": "size",
-              "type": "{ xs: string; sm: string; md: string; lg: string; xl: string; }",
+              "name": "form",
+              "type": "string | undefined",
               "required": false
             },
             {
-              "name": "weight",
-              "type": "{ light: string; regular: string; medium: string; bold: string; }",
+              "name": "formAction",
+              "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
               "required": false
-            }
-          ]
-        },
-        {
-          "name": "BulkBarSummary",
-          "props": [
+            },
             {
-              "name": "color",
+              "name": "formEncType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formMethod",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formNoValidate",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "formTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "name",
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "type",
+              "type": "\"button\" | \"submit\" | \"reset\" | undefined",
+              "required": false
+            },
+            {
+              "name": "value",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -94212,7 +94218,7 @@
             },
             {
               "name": "enterKeyHint",
-              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
               "required": false
             },
             {
@@ -94335,6 +94341,11 @@
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
             {
               "name": "itemProp",
               "type": "string | undefined",
@@ -94398,7 +94409,7 @@
             },
             {
               "name": "inputMode",
-              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
               "required": false,
               "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
             },
@@ -94423,8 +94434,14 @@
           ]
         },
         {
-          "name": "BulkBarSummarySelectAll",
+          "name": "StepperPrevTrigger",
           "props": [
+            {
+              "name": "asChild",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Render the child (e.g. a `Button`) as the trigger instead of a plain `<button>`."
+            },
             {
               "name": "disabled",
               "type": "boolean | undefined",
@@ -94465,6 +94482,11 @@
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "type",
+              "type": "\"button\" | \"submit\" | \"reset\" | undefined",
+              "required": false
+            },
             {
               "name": "value",
               "type": "string | number | readonly string[] | undefined",
@@ -94527,7 +94549,7 @@
             },
             {
               "name": "enterKeyHint",
-              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
               "required": false
             },
             {
@@ -94650,6 +94672,11 @@
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
             {
               "name": "itemProp",
               "type": "string | undefined",
@@ -94713,7 +94740,7 @@
             },
             {
               "name": "inputMode",
-              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
               "required": false,
               "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
             },
@@ -94738,28 +94765,27 @@
           ]
         },
         {
-          "name": "EditableSelectCell",
+          "name": "StepperRootProvider",
           "props": [
             {
               "name": "value",
-              "type": "string | null",
+              "type": "complex",
               "required": true,
-              "description": "Current committed value; `null` / `''` renders the placeholder."
+              "description": "The machine from `useStepper()`, so the page can drive the steps from outside."
             },
             {
-              "name": "items",
-              "type": "SelectDataItem[]",
-              "required": true,
-              "description": "Options for the dropdown."
+              "name": "statusLabels",
+              "type": "StepperStatusLabels | undefined",
+              "required": false,
+              "description": "Screen-reader-only suffixes for completed and danger steps."
             },
             {
-              "name": "placeholder",
-              "type": "ReactNode",
-              "required": false,
-              "description": "Shown when nothing is selected. Defaults to `'Select'`."
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
             },
             {
-              "name": "color",
+              "name": "title",
               "type": "string | undefined",
               "required": false
             },
@@ -94820,7 +94846,7 @@
             },
             {
               "name": "enterKeyHint",
-              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
               "required": false
             },
             {
@@ -94844,17 +94870,3637 @@
               "required": false
             },
             {
-              "name": "slot",
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
               "type": "string | undefined",
               "required": false
             },
             {
-              "name": "spellCheck",
-              "type": "Booleanish | undefined",
+              "name": "role",
+              "type": "AriaRole | undefined",
               "required": false
             },
             {
-              "name": "tabIndex",
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "StepperSeparator",
+          "props": [
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "StepperTitle",
+          "props": [
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "StepperTrigger",
+          "props": [
+            {
+              "name": "form",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            },
+            {
+              "name": "value",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "formAction",
+              "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
+              "required": false
+            },
+            {
+              "name": "formEncType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formMethod",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formNoValidate",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "formTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "name",
+              "type": "string | undefined",
+              "required": false
+            }
+          ]
+        },
+        {
+          "name": "UseStepper",
+          "props": [
+            {
+              "name": "id",
+              "type": "string",
+              "required": false,
+              "description": "The unique identifier of the machine."
+            },
+            {
+              "name": "ids",
+              "type": "ElementIds | undefined",
+              "required": false,
+              "description": "The custom ids for the stepper elements"
+            },
+            {
+              "name": "count",
+              "type": "number",
+              "required": true,
+              "description": "Number of steps, 1–6. Required: each `StepperItem` and `StepperContent` takes its `index`."
+            },
+            {
+              "name": "step",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Controlled current step, 0-based. Clamped to `[0, count - 1]`."
+            },
+            {
+              "name": "defaultStep",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Uncontrolled initial step. Default `0`. Clamped to `[0, count - 1]`."
+            }
+          ]
+        }
+      ],
+      "examples": [
+        {
+          "name": "Basic",
+          "code": "({ count, ...args }) => (\n  <Stepper data-testid='stepper' defaultStep={0} {...args} count={count}>\n    <StepperList aria-label='Create policy steps'>\n      {basicTitles(count).map((title, i) => (\n        <StepperItem key={title} index={i}>\n          <StepperTrigger>\n            <StepperIndicator />\n            <StepperTitle>{title}</StepperTitle>\n          </StepperTrigger>\n          <StepperSeparator />\n        </StepperItem>\n      ))}\n    </StepperList>\n  </Stepper>\n)",
+          "description": "Four steps, uncontrolled: click any step to make it current. The `count` control adds or removes steps."
+        },
+        {
+          "name": "StepTypes",
+          "code": "() => (\n  <VStack gap={24}>\n    <Stepper data-testid='stepper' count={TYPED_STEPS.length} step={2}>\n      <StepperList aria-label='Create policy steps'>\n        {TYPED_STEPS.map(({ title, status }, i) => (\n          <StepperItem key={title} index={i} status={status}>\n            <StepperTrigger>\n              <StepperIndicator />\n              <StepperTitle>{title}</StepperTitle>\n            </StepperTrigger>\n            <StepperSeparator />\n          </StepperItem>\n        ))}\n      </StepperList>\n    </Stepper>\n    <HStack gap={32} align='center'>\n      {STEP_TYPES.map(({ type, status }) => (\n        <VStack key={type} gap={4} align='start'>\n          {/* A lone step is always current, so the non-active types sit at index 1 of 2. */}\n          <Stepper data-testid={`stepper-type-${type}`} count={type === 'active' ? 1 : 2} step={0}>\n            <StepperList className={SINGLE_STEP_CLASSES} aria-label={`${type} step`}>\n              <StepperItem index={type === 'active' ? 0 : 1} status={status}>\n                <StepperTrigger>\n                  <StepperIndicator />\n                  <StepperTitle>Step</StepperTitle>\n                </StepperTrigger>\n                <StepperSeparator />\n              </StepperItem>\n            </StepperList>\n          </Stepper>\n          <span className='sb-annotation'>{type}</span>\n        </VStack>\n      ))}\n    </HStack>\n  </VStack>\n)",
+          "description": "The four step types: the page sets `completed`, `danger` or `upcoming`, and the current step is\nalways active — a current `danger` step (Scope) shows as active too, since active is the only\nstep in brand."
+        },
+        {
+          "name": "WithDescription",
+          "code": "() => (\n  <Stepper data-testid='stepper' count={DESCRIBED_STEPS.length} defaultStep={1}>\n    <StepperList aria-label='Create policy steps'>\n      {DESCRIBED_STEPS.map(({ title, description, status }, i) => (\n        <StepperItem key={title} index={i} status={status}>\n          <StepperTrigger>\n            <StepperIndicator />\n            <StepperTitle>{title}</StepperTitle>\n            {description && <StepperDescription>{description}</StepperDescription>}\n          </StepperTrigger>\n          <StepperSeparator />\n        </StepperItem>\n      ))}\n    </StepperList>\n  </Stepper>\n)",
+          "description": "An optional second line under the title; the separator stays on the first row."
+        },
+        {
+          "name": "Navigation",
+          "code": "() => {\n  const [step, setStep] = useState(0);\n  return (\n    <VStack gap={16}>\n      <Stepper\n        data-testid='stepper'\n        count={POLICY_STEPS.length}\n        step={step}\n        onStepChange={details => setStep(details.step)}\n      >\n        <StepperList aria-label='Create policy steps'>\n          {POLICY_STEPS.map((title, i) => (\n            <StepperItem key={title} index={i}>\n              <StepperTrigger>\n                <StepperIndicator />\n                <StepperTitle>{title}</StepperTitle>\n              </StepperTrigger>\n              <StepperSeparator />\n            </StepperItem>\n          ))}\n        </StepperList>\n      </Stepper>\n      <span className='sb-annotation' data-testid='stepper-readout'>\n        Current step: {POLICY_STEPS[step]}\n      </span>\n    </VStack>\n  );\n}",
+          "description": "Controlled with `step` and `onStepChange`; every step is clickable, back and forward."
+        },
+        {
+          "name": "InDrawer",
+          "code": "() => {\n  const { step, statuses, goTo } = usePolicyFlow();\n  const { nextRef, submitRef, onBackClick, onNextClick } = useFooterFocus(step);\n  const [submitted, setSubmitted] = useState(0);\n  const last = step === POLICY_STEPS.length - 1;\n  const onSubmit = (event: FormEvent) => {\n    event.preventDefault();\n    setSubmitted(n => n + 1);\n  };\n  return (\n    <Drawer data-testid='drawer' width={640}>\n      <DrawerTrigger asChild>\n        <Button variant='outline' color='neutral' data-testid='drawer-open'>\n          Create policy\n        </Button>\n      </DrawerTrigger>\n      <DrawerContent>\n        <DrawerHeader>\n          <DrawerTitle>Create policy</DrawerTitle>\n        </DrawerHeader>\n        <form onSubmit={onSubmit} className='flex min-h-0 flex-1 flex-col'>\n          <Stepper\n            data-testid='stepper'\n            count={POLICY_STEPS.length}\n            step={step}\n            onStepChange={details => goTo(details.step)}\n            className='flex min-h-0 flex-1 flex-col'\n          >\n            <StepperList aria-label='Create policy steps'>\n              {POLICY_STEPS.map((title, i) => (\n                <StepperItem key={title} index={i} status={statuses[i]}>\n                  <StepperTrigger>\n                    <StepperIndicator />\n                    <StepperTitle>{title}</StepperTitle>\n                  </StepperTrigger>\n                  <StepperSeparator />\n                </StepperItem>\n              ))}\n            </StepperList>\n            <DrawerBody>\n              {POLICY_STEPS.map((title, i) => (\n                <StepperContent key={title} index={i} className='py-16'>\n                  <BodyPlaceholder label={`${title} fields`} />\n                </StepperContent>\n              ))}\n              <span className='sb-annotation' data-testid='stepper-submitted'>\n                Submitted: {submitted}\n              </span>\n            </DrawerBody>\n            <DrawerFooter>\n              {step > 0 && (\n                <DrawerFooterControls placement='left'>\n                  <StepperPrevTrigger asChild onClick={onBackClick}>\n                    <Button variant='outline' color='neutral' size='large'>\n                      Back\n                    </Button>\n                  </StepperPrevTrigger>\n                </DrawerFooterControls>\n              )}\n              <DrawerFooterControls placement='right'>\n                {last ? (\n                  <Button\n                    ref={submitRef}\n                    type='submit'\n                    variant='primary'\n                    color='brand'\n                    size='large'\n                  >\n                    Create policy\n                  </Button>\n                ) : (\n                  <StepperNextTrigger asChild onClick={onNextClick}>\n                    <Button ref={nextRef} variant='primary' color='brand' size='large'>\n                      Next: {POLICY_STEPS[step + 1]}\n                    </Button>\n                  </StepperNextTrigger>\n                )}\n              </DrawerFooterControls>\n            </DrawerFooter>\n          </Stepper>\n        </form>\n      </DrawerContent>\n    </Drawer>\n  );\n}",
+          "description": "Inside a create drawer: the step list sits under the header, `StepperContent` shows the current\nstep's body (every body stays mounted, so fields keep their values) and the footer moves with\nBack / Next. Steps never submit the form; only the last step's own submit button does. Focus\nstays on the footer when Back or Next unmounts. Drawer parts inside the `Stepper` root take its\ntest ids (`stepper--body`, `stepper--footer`), not the Drawer's."
+        },
+        {
+          "name": "LongLabel",
+          "code": "() => (\n  <Stepper data-testid='stepper' count={3} defaultStep={0}>\n    <StepperList aria-label='Create policy steps'>\n      <StepperItem index={0}>\n        <StepperTrigger>\n          <StepperIndicator />\n          <StepperTitle>General</StepperTitle>\n        </StepperTrigger>\n        <StepperSeparator />\n      </StepperItem>\n      <StepperItem index={1} data-testid='stepper-long'>\n        <StepperTrigger>\n          <StepperIndicator />\n          <StepperTitle>\n            Rules applied to every request that matches the selected application and path\n          </StepperTitle>\n          <StepperDescription>\n            Request · Lua · HMAC auth · Response headers · Rate limit · Custom blocking page\n          </StepperDescription>\n        </StepperTrigger>\n        <StepperSeparator />\n      </StepperItem>\n      <StepperItem index={2}>\n        <StepperTrigger>\n          <StepperIndicator />\n          <StepperTitle>Review</StepperTitle>\n        </StepperTrigger>\n        <StepperSeparator />\n      </StepperItem>\n    </StepperList>\n  </Stepper>\n)",
+          "description": "A title over 320px ellipsizes, with the full text in a tooltip on hover; so does a long description."
+        },
+        {
+          "name": "SixSteps",
+          "code": "() => (\n  <VStack gap={24}>\n    <SixStepStepper testId='stepper' />\n    <div className='w-640'>\n      <SixStepStepper testId='stepper-narrow' />\n    </div>\n  </VStack>\n)",
+          "description": "Six steps, the most the design supports — at full width, then in a 640px drawer where titles truncate earlier."
+        },
+        {
+          "name": "WithFooter",
+          "code": "() => {\n  const { step, statuses, goTo } = usePolicyFlow();\n  const { nextRef, submitRef, onBackClick, onNextClick } = useFooterFocus(step);\n  const last = step === POLICY_STEPS.length - 1;\n  return (\n    <form\n      onSubmit={event => event.preventDefault()}\n      className='flex w-640 flex-col overflow-hidden rounded-12 border-1 border-border-primary-light'\n    >\n      <Stepper\n        data-testid='stepper'\n        count={POLICY_STEPS.length}\n        step={step}\n        onStepChange={details => goTo(details.step)}\n      >\n        <StepperList aria-label='Create policy steps'>\n          {POLICY_STEPS.map((title, i) => (\n            <StepperItem key={title} index={i} status={statuses[i]}>\n              <StepperTrigger>\n                <StepperIndicator />\n                <StepperTitle>{title}</StepperTitle>\n              </StepperTrigger>\n              <StepperSeparator />\n            </StepperItem>\n          ))}\n        </StepperList>\n        {POLICY_STEPS.map((title, i) => (\n          <StepperContent key={title} index={i} className='px-24 py-16'>\n            <BodyPlaceholder label={`${title} fields`} />\n          </StepperContent>\n        ))}\n        <DrawerFooter>\n          {step > 0 && (\n            <DrawerFooterControls placement='left'>\n              <StepperPrevTrigger asChild data-testid='stepper-back' onClick={onBackClick}>\n                <Button variant='outline' color='neutral' size='large'>\n                  Back\n                </Button>\n              </StepperPrevTrigger>\n            </DrawerFooterControls>\n          )}\n          <DrawerFooterControls placement='right'>\n            {last ? (\n              <Button\n                ref={submitRef}\n                type='submit'\n                variant='primary'\n                color='brand'\n                size='large'\n                data-testid='stepper-submit'\n              >\n                Create policy\n              </Button>\n            ) : (\n              <StepperNextTrigger asChild data-testid='stepper-next' onClick={onNextClick}>\n                <Button ref={nextRef} variant='primary' color='brand' size='large'>\n                  Next: {POLICY_STEPS[step + 1]}\n                </Button>\n              </StepperNextTrigger>\n            )}\n          </DrawerFooterControls>\n        </DrawerFooter>\n      </Stepper>\n    </form>\n  );\n}",
+          "description": "The footer recipe: `StepperPrevTrigger` on the left (hidden on the first step) and\n`StepperNextTrigger` as `Next: <destination>` on the right, both `asChild` with a `Button`. On\nthe last step the page renders its own submit button instead: Next is disabled there. When\nBack or Next unmounts under the keyboard, the page moves focus to the right-hand footer button\n(`useFooterFocus` here), so it never falls to `<body>`."
+        },
+        {
+          "name": "CustomIndicator",
+          "code": "() => (\n  <Stepper data-testid='stepper' count={3} defaultStep={0}>\n    <StepperList aria-label='Create policy steps'>\n      {['General', 'Rules', 'Billing'].map((title, i) => (\n        <StepperItem key={title} index={i}>\n          <StepperTrigger>\n            <StepperIndicator>{i === 2 ? <Lock size='sm' /> : undefined}</StepperIndicator>\n            <StepperTitle>{title}</StepperTitle>\n          </StepperTrigger>\n          <StepperSeparator />\n        </StepperItem>\n      ))}\n    </StepperList>\n  </Stepper>\n)",
+          "description": "`children` on `StepperIndicator` replaces the number, `!` or check, here with an icon on a locked step."
+        },
+        {
+          "name": "AnalyticsAndTestIds",
+          "code": "() => (\n  <VStack gap={16}>\n    <Stepper data-testid='stepper' count={POLICY_STEPS.length} defaultStep={1}>\n      <StepperList aria-label='Create policy steps'>\n        {ANALYTICS_STEPS.map(({ title, analyticsId, analyticsProps, testId }, i) => (\n          <StepperItem key={title} index={i}>\n            <StepperTrigger\n              data-analytics-id={analyticsId}\n              data-analytics-props={analyticsProps}\n              {...(testId === 'step-review' && { 'data-testid': testId })}\n            >\n              <StepperIndicator />\n              <StepperTitle>{title}</StepperTitle>\n            </StepperTrigger>\n            <StepperSeparator />\n          </StepperItem>\n        ))}\n      </StepperList>\n      <HStack gap={8} className='px-24 py-16'>\n        <StepperPrevTrigger asChild data-analytics-id='POLICY_STEP_BACK'>\n          <Button variant='outline' color='neutral'>\n            Back\n          </Button>\n        </StepperPrevTrigger>\n        <StepperNextTrigger asChild data-analytics-id='POLICY_STEP_NEXT'>\n          <Button>Next</Button>\n        </StepperNextTrigger>\n      </HStack>\n    </Stepper>\n    <VStack gap={4} align='start'>\n      <span className='sb-annotation'>\n        {'<div> data-testid=\"stepper\" · <ol> data-testid=\"stepper--list\"'}\n      </span>\n      {ANALYTICS_STEPS.map(({ title, analyticsId, analyticsProps, testId }) => (\n        <span key={title} className='sb-annotation'>\n          {`<button> data-testid=\"${testId}\" data-analytics-id=\"${analyticsId}\" data-analytics-props='${analyticsProps}'`}\n        </span>\n      ))}\n      <span className='sb-annotation'>\n        {\n          '<button> data-testid=\"stepper--prev-trigger\" data-analytics-id=\"POLICY_STEP_BACK\" · <button> data-testid=\"stepper--next-trigger\" data-analytics-id=\"POLICY_STEP_NEXT\"'\n        }\n      </span>\n    </VStack>\n  </VStack>\n)",
+          "description": "`data-analytics-id` and `data-analytics-props` land on each step's button and on the Back / Next\nbuttons, and `data-testid` cascades from the root (`{id}--item-{index}--trigger`) unless a part\nsets its own."
+        }
+      ]
+    },
+    {
+      "name": "Switch",
+      "importPath": "@wallarm-org/design-system/Switch",
+      "props": [
+        {
+          "name": "a11yMode",
+          "type": "boolean | undefined",
+          "required": false,
+          "defaultValue": "false"
+        },
+        {
+          "name": "form",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "slot",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "title",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "htmlFor",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "defaultChecked",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "defaultValue",
+          "type": "string | number | readonly string[] | undefined",
+          "required": false
+        },
+        {
+          "name": "suppressContentEditableWarning",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "suppressHydrationWarning",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "accessKey",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoCapitalize",
+          "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+          "required": false
+        },
+        {
+          "name": "autoFocus",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "contentEditable",
+          "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+          "required": false
+        },
+        {
+          "name": "contextMenu",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "dir",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "draggable",
+          "type": "Booleanish | undefined",
+          "required": false
+        },
+        {
+          "name": "enterKeyHint",
+          "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
+          "required": false
+        },
+        {
+          "name": "hidden",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "id",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "lang",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "nonce",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "spellCheck",
+          "type": "Booleanish | undefined",
+          "required": false
+        },
+        {
+          "name": "tabIndex",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "translate",
+          "type": "\"yes\" | \"no\" | undefined",
+          "required": false
+        },
+        {
+          "name": "radioGroup",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "role",
+          "type": "AriaRole | undefined",
+          "required": false
+        },
+        {
+          "name": "about",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "content",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "datatype",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "inlist",
+          "type": "any",
+          "required": false
+        },
+        {
+          "name": "prefix",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "property",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "rel",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "resource",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "rev",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "typeof",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "vocab",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoCorrect",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoSave",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "color",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemProp",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemScope",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "itemType",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemID",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemRef",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "results",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "security",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "unselectable",
+          "type": "\"off\" | \"on\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popover",
+          "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popoverTargetAction",
+          "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popoverTarget",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "inert",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+        },
+        {
+          "name": "inputMode",
+          "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+          "required": false,
+          "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+        },
+        {
+          "name": "is",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+        },
+        {
+          "name": "exportparts",
+          "type": "string | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+        },
+        {
+          "name": "part",
+          "type": "string | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Specifies the localized strings that identifies the accessibility elements and their states"
+        },
+        {
+          "name": "ids",
+          "type": "Partial<{ root: string; hiddenInput: string; control: string; label: string; thumb: string; }> | undefined",
+          "required": false,
+          "description": "The ids of the elements in the switch. Useful for composition."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Whether the switch is disabled."
+        },
+        {
+          "name": "invalid",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "If `true`, the switch is marked as invalid."
+        },
+        {
+          "name": "required",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "If `true`, the switch input is marked as required,"
+        },
+        {
+          "name": "readOnly",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Whether the switch is read-only"
+        },
+        {
+          "name": "checked",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "The controlled checked state of the switch"
+        },
+        {
+          "name": "name",
+          "type": "string | undefined",
+          "required": false,
+          "description": "The name of the input field in a switch\n(Useful for form submission)."
+        },
+        {
+          "name": "value",
+          "type": "string | number | undefined",
+          "required": false,
+          "description": "The value of switch input. Useful for form submission."
+        },
+        {
+          "name": "asChild",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Use the provided child element as the default rendered element, combining their props and behavior."
+        }
+      ],
+      "variants": [],
+      "subComponents": [
+        {
+          "name": "SwitchDescription",
+          "props": [
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "SwitchLabel",
+          "props": [
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            },
+            {
+              "name": "asChild",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Use the provided child element as the default rendered element, combining their props and behavior."
+            }
+          ]
+        }
+      ],
+      "examples": [
+        {
+          "name": "Basic",
+          "code": "args => (\n  <Switch {...args} data-testid='switch'>\n    <SwitchControl />\n    <SwitchLabel>Enable notifications </SwitchLabel>\n  </Switch>\n)",
+          "description": "`SwitchControl` plus `SwitchLabel`. Name the thing being switched rather than the action, since\nthe control already carries the verb: \"Email notifications\", not \"Enable notifications\"."
+        },
+        {
+          "name": "Checked",
+          "code": "() => (\n  <Switch checked>\n    <SwitchControl />\n    <SwitchLabel>Enable notifications</SwitchLabel>\n  </Switch>\n)",
+          "description": "The on state. The track fills with brand and the thumb travels, so on and off differ by\nboth colour and position."
+        },
+        {
+          "name": "Disabled",
+          "code": "() => (\n  <VStack>\n    <Switch disabled>\n      <SwitchControl />\n      <SwitchLabel>Enable notifications</SwitchLabel>\n    </Switch>\n\n    <Switch checked disabled>\n      <SwitchControl />\n      <SwitchLabel>Enable notifications</SwitchLabel>\n    </Switch>\n  </VStack>\n)",
+          "description": "Dimmed and not clickable, in both states. A disabled switch still shows where the setting\nstands, which is the point of showing it at all."
+        },
+        {
+          "name": "WithDescription",
+          "code": "() => (\n  <Switch>\n    <SwitchControl />\n    <SwitchLabel>Enable notifications</SwitchLabel>\n    <SwitchDescription>Receive notifications about updates and new features.</SwitchDescription>\n  </Switch>\n)",
+          "description": "`SwitchDescription` adds a second line and switches the row to a grid, so the text aligns\nwith the label rather than the track."
+        },
+        {
+          "name": "Multiple",
+          "code": "() => (\n  <VStack align='start'>\n    <Switch>\n      <SwitchControl />\n      <SwitchLabel>\n        Email notifications{' '}\n        <Tooltip>\n          <TooltipTrigger>\n            <Info />\n          </TooltipTrigger>\n          <TooltipContent>Additional information</TooltipContent>\n        </Tooltip>\n      </SwitchLabel>\n      <SwitchDescription>Receive email notifications about important updates.</SwitchDescription>\n    </Switch>\n\n    <Switch checked>\n      <SwitchControl />\n      <SwitchLabel>\n        Push notifications{' '}\n        <Tooltip>\n          <TooltipTrigger>\n            <Info />\n          </TooltipTrigger>\n          <TooltipContent>Additional information</TooltipContent>\n        </Tooltip>\n      </SwitchLabel>\n      <SwitchDescription>Get push notifications on your mobile device.</SwitchDescription>\n    </Switch>\n\n    <Switch>\n      <SwitchControl />\n      <SwitchLabel>\n        SMS notifications{' '}\n        <Tooltip>\n          <TooltipTrigger>\n            <Info />\n          </TooltipTrigger>\n          <TooltipContent>Additional information</TooltipContent>\n        </Tooltip>\n      </SwitchLabel>\n      <SwitchDescription>Receive SMS notifications for critical alerts.</SwitchDescription>\n    </Switch>\n  </VStack>\n)",
+          "description": "Several switches in a column. They are independent settings, not a choice between\noptions — if only one may be on, that is a `Radio` group."
+        },
+        {
+          "name": "AccessibilityMode",
+          "code": "() => (\n  <VStack>\n    <Switch a11yMode>\n      <SwitchControl />\n      <SwitchLabel>Enable notifications</SwitchLabel>\n    </Switch>\n\n    <Switch a11yMode checked>\n      <SwitchControl />\n      <SwitchLabel>Enable notifications</SwitchLabel>\n    </Switch>\n  </VStack>\n)",
+          "description": "`a11yMode` draws a tick or a cross inside the track, so the state survives being read\nwithout colour. Worth turning on wherever the setting matters more than the aesthetic."
+        }
+      ]
+    },
+    {
+      "name": "Table",
+      "importPath": "@wallarm-org/design-system/Table",
+      "props": [
+        {
+          "name": "data",
+          "type": "T[]",
+          "required": true,
+          "description": "Data array for rows"
+        },
+        {
+          "name": "columns",
+          "type": "TableColumnDef<T>[]",
+          "required": true,
+          "description": "Column definitions"
+        },
+        {
+          "name": "isLoading",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Show skeleton rows",
+          "defaultValue": "false"
+        },
+        {
+          "name": "isLoadingPrevious",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Show skeleton rows above the first row while a previous page is being\nfetched (bidirectional infinite scroll — the start-edge counterpart of\n`isLoading`). Pair with `onStartReached`."
+        },
+        {
+          "name": "skeletonCount",
+          "type": "number | undefined",
+          "required": false,
+          "description": "Number of skeleton rows to display when loading (default: 6)"
+        },
+        {
+          "name": "getRowId",
+          "type": "((row: T, index: number) => string) | undefined",
+          "required": false,
+          "description": "Row id accessor for stable row identity"
+        },
+        {
+          "name": "sorting",
+          "type": "TableSortingState | undefined",
+          "required": false
+        },
+        {
+          "name": "manualSorting",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "When `true`, disables TanStack's client-side sort. The table renders rows\nin the order they appear in `data` and only fires `onSortingChange` on\nheader clicks. Use this when sorting is performed server-side and the\nserver returns pre-sorted rows.\n\nDefault: `false` (client-side sort via TanStack's `getSortedRowModel`)."
+        },
+        {
+          "name": "rowSelection",
+          "type": "TableRowSelectionState | undefined",
+          "required": false
+        },
+        {
+          "name": "enableSelectAllRows",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Renders the master checkbox in the selection column header.\n\nSet `false` when \"all rows\" is not a selection the consumer can act on —\na listing whose scope the consumer cannot express, for instance — leaving\nper-row checkboxes (shift-click range selection included) as the only way\nto select. The column itself stays, so the layout does not shift.\n\nDefault: `true`."
+        },
+        {
+          "name": "columnSizing",
+          "type": "TableColumnSizingState | undefined",
+          "required": false
+        },
+        {
+          "name": "columnPinning",
+          "type": "TableColumnPinningState | undefined",
+          "required": false
+        },
+        {
+          "name": "columnOrder",
+          "type": "string[] | undefined",
+          "required": false
+        },
+        {
+          "name": "grouping",
+          "type": "TableGroupingState | undefined",
+          "required": false
+        },
+        {
+          "name": "renderGroupRow",
+          "type": "((row: TableRow<T>) => ReactNode) | undefined",
+          "required": false
+        },
+        {
+          "name": "getSubRows",
+          "type": "((row: T) => T[] | undefined) | undefined",
+          "required": false,
+          "description": "Sub-row accessor for hierarchical/tree data (used with renderGroupRow)"
+        },
+        {
+          "name": "expanded",
+          "type": "TableExpandedState | undefined",
+          "required": false
+        },
+        {
+          "name": "renderExpandedRow",
+          "type": "((row: TableRow<T>) => ReactNode) | undefined",
+          "required": false
+        },
+        {
+          "name": "columnVisibility",
+          "type": "TableVisibilityState | undefined",
+          "required": false
+        },
+        {
+          "name": "defaultColumnVisibility",
+          "type": "TableVisibilityState | undefined",
+          "required": false
+        },
+        {
+          "name": "defaultColumnOrder",
+          "type": "string[] | undefined",
+          "required": false
+        },
+        {
+          "name": "columnGroups",
+          "type": "TableColumnGroup[] | undefined",
+          "required": false,
+          "description": "Labeled sections for the column-settings menu. When set, the menu renders\nthese groups (flat, non-reorderable — like the FilterInput field menu)\ninstead of the default pinned/unpinned drag-reorder list. See\n{@link TableColumnGroup}."
+        },
+        {
+          "name": "virtualized",
+          "type": "TableVirtualized | undefined",
+          "required": false,
+          "description": "Enable row virtualization. `'container'` virtualizes within the table's own scroll container;\n`'window'` follows the page scroll — the nearest scrollable ancestor, or the browser window."
+        },
+        {
+          "name": "stretch",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Whether columns stretch proportionally to fill the container width.\nWhen `false`, columns use their defined sizes and the table may be\nnarrower than its container.\n\nDefault: `true`."
+        },
+        {
+          "name": "estimateRowHeight",
+          "type": "((index: number) => number) | undefined",
+          "required": false
+        },
+        {
+          "name": "overscan",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "initialScrollToRowId",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Row id to anchor the initial scroll position to. The table scrolls this row\ninto view on mount and arms the edge detectors only after that initial\nscroll settles. Use for deep-linking into the middle of a dataset."
+        },
+        {
+          "name": "activeRowId",
+          "type": "string | null | undefined",
+          "required": false,
+          "description": "ID of the currently active (highlighted) row, or null. Controls row highlighting via data-preview-active attribute."
+        }
+      ],
+      "variants": [
+        {
+          "name": "interactive",
+          "options": [
+            "true",
+            "false"
+          ],
+          "defaultValue": "false"
+        },
+        {
+          "name": "sorted",
+          "options": [
+            "true",
+            "false"
+          ],
+          "defaultValue": "false"
+        },
+        {
+          "name": "pinned",
+          "options": [
+            "true",
+            "false"
+          ],
+          "defaultValue": "false"
+        },
+        {
+          "name": "lastPinnedLeft",
+          "options": [
+            "true",
+            "false"
+          ],
+          "defaultValue": "false"
+        },
+        {
+          "name": "draggable",
+          "options": [
+            "true",
+            "false"
+          ],
+          "defaultValue": "false"
+        },
+        {
+          "name": "dragging",
+          "options": [
+            "true",
+            "false"
+          ],
+          "defaultValue": "false"
+        },
+        {
+          "name": "expanded",
+          "options": [
+            "true",
+            "false"
+          ],
+          "defaultValue": "false"
+        },
+        {
+          "name": "lastRow",
+          "options": [
+            "true",
+            "false"
+          ],
+          "defaultValue": "false"
+        },
+        {
+          "name": "virtualized",
+          "options": [
+            "container",
+            "window"
+          ]
+        }
+      ],
+      "subComponents": [
+        {
+          "name": "BulkBarSummaryClear",
+          "props": [
+            {
+              "name": "disabled",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "form",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formAction",
+              "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
+              "required": false
+            },
+            {
+              "name": "formEncType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formMethod",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formNoValidate",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "formTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "name",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "value",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "BulkBarSummaryCount",
+          "props": [
+            {
+              "name": "count",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Renders the default \"{count} selected\" label."
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            },
+            {
+              "name": "color",
+              "type": "{ primary: string; 'primary-alt': string; secondary: string; 'secondary-alt': string; 'tertiary-alt': string; danger: string; inherit: string; }",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "{ xs: string; sm: string; md: string; lg: string; xl: string; }",
+              "required": false
+            },
+            {
+              "name": "weight",
+              "type": "{ light: string; regular: string; medium: string; bold: string; }",
+              "required": false
+            }
+          ]
+        },
+        {
+          "name": "BulkBarSummary",
+          "props": [
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "BulkBarSummarySelectAll",
+          "props": [
+            {
+              "name": "disabled",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "form",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formAction",
+              "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
+              "required": false
+            },
+            {
+              "name": "formEncType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formMethod",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formNoValidate",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "formTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "name",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "value",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "EditableSelectCell",
+          "props": [
+            {
+              "name": "value",
+              "type": "string | null",
+              "required": true,
+              "description": "Current committed value; `null` / `''` renders the placeholder."
+            },
+            {
+              "name": "items",
+              "type": "SelectDataItem[]",
+              "required": true,
+              "description": "Options for the dropdown."
+            },
+            {
+              "name": "placeholder",
+              "type": "ReactNode",
+              "required": false,
+              "description": "Shown when nothing is selected. Defaults to `'Select'`."
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
               "type": "number | undefined",
               "required": false
             },
@@ -99603,6 +103249,31 @@
           "code": "() => {\n  const {\n    data,\n    anchorId,\n    isFetchingPrev,\n    isFetchingNext,\n    hasPrev,\n    hasNext,\n    fetchPrevPage,\n    fetchNextPage,\n  } = useBidirectionalData();\n\n  return (\n    <VStack gap={8}>\n      <Text size='sm' color='secondary'>\n        Window of {data.length} rows around the anchor\n        {(isFetchingPrev || isFetchingNext) && ' — loading...'}\n        {!hasPrev && ' — top reached'}\n        {!hasNext && ' — bottom reached'}\n      </Text>\n      <Table\n        data={data}\n        columns={securityColumns}\n        getRowId={row => row.id}\n        virtualized='window'\n        isLoading={isFetchingNext}\n        isLoadingPrevious={isFetchingPrev}\n        initialScrollToRowId={anchorId}\n        onStartReached={fetchPrevPage}\n        onStartReachedThreshold={200}\n        onEndReached={fetchNextPage}\n        onEndReachedThreshold={200}\n      />\n    </VStack>\n  );\n}",
           "description": "The prepend case against the document scroll, where unrelated page content shares the height\nbeing measured — the regression this story exists to catch."
         },
+        {
+          "name": "InfiniteScrollWindowInPane",
+          "code": "() => {\n  const { data, isFetchingPrev, isFetchingNext, hasPrev, hasNext, fetchPrevPage, fetchNextPage } =\n    useBidirectionalData();\n\n  return (\n    <div data-testid='scroll-pane' style={{ height: 480, overflowY: 'auto' }}>\n      <div style={{ overflowX: 'hidden' }}>\n        <VStack gap={8}>\n          <Text size='sm' color='secondary'>\n            Window of {data.length} rows around the anchor\n            {(isFetchingPrev || isFetchingNext) && ' — loading...'}\n            {!hasPrev && ' — top reached'}\n            {!hasNext && ' — bottom reached'}\n          </Text>\n          <Table\n            data={data}\n            columns={securityColumns}\n            getRowId={row => row.id}\n            virtualized='window'\n            isLoading={isFetchingNext}\n            isLoadingPrevious={isFetchingPrev}\n            onStartReached={fetchPrevPage}\n            onStartReachedThreshold={200}\n            onEndReached={fetchNextPage}\n            onEndReachedThreshold={200}\n          />\n        </VStack>\n      </div>\n    </div>\n  );\n}",
+          "description": "`virtualized='window'` in an app shell that scrolls a content pane instead of the document: the\ntable follows the pane. The `overflow-x: hidden` wrapper in between never scrolls (its\n`overflow-y` only computes to `auto`), so it must not be taken for the scroll root."
+        },
+        {
+          "name": "InfiniteScrollWindowInPaneAnchored",
+          "code": "() => {\n  const { data, anchorId, isFetchingPrev, isFetchingNext, fetchPrevPage, fetchNextPage } =\n    useBidirectionalData();\n\n  return (\n    <div data-testid='scroll-pane' style={{ height: 480, overflowY: 'auto' }}>\n      <Table\n        data={data}\n        columns={securityColumns}\n        getRowId={row => row.id}\n        virtualized='window'\n        isLoading={isFetchingNext}\n        isLoadingPrevious={isFetchingPrev}\n        initialScrollToRowId={anchorId}\n        onStartReached={fetchPrevPage}\n        onStartReachedThreshold={200}\n        onEndReached={fetchNextPage}\n        onEndReachedThreshold={200}\n      />\n    </div>\n  );\n}",
+          "description": "A share-link landing in a pane host: the window-mode table opens scrolled to its anchor row,\ninside the pane — the document stays put."
+        },
+        {
+          "name": "InfiniteScrollWindowInPaneLateRows",
+          "code": "() => {\n  const { data, isFetchingPrev, isFetchingNext, fetchPrevPage, fetchNextPage } =\n    useBidirectionalData();\n  const [hasLoaded, setHasLoaded] = useState(false);\n  const [calls, setCalls] = useState({ start: 0, end: 0 });\n  useEffect(() => {\n    const timer = setTimeout(() => setHasLoaded(true), 500);\n    return () => clearTimeout(timer);\n  }, []);\n\n  return (\n    <div data-testid='scroll-pane' style={{ height: 480, overflowY: 'auto' }}>\n      <Text size='sm' color='secondary'>\n        Edge calls: start {calls.start}, end {calls.end}\n      </Text>\n      <Table\n        data={hasLoaded ? data : []}\n        columns={securityColumns}\n        getRowId={row => row.id}\n        virtualized='window'\n        isLoading={!hasLoaded || isFetchingNext}\n        isLoadingPrevious={isFetchingPrev}\n        // Nothing to page from before the first page — as with a real cursor.\n        onStartReached={\n          hasLoaded\n            ? () => {\n                setCalls(prev => ({ ...prev, start: prev.start + 1 }));\n                fetchPrevPage();\n              }\n            : undefined\n        }\n        onStartReachedThreshold={200}\n        onEndReached={\n          hasLoaded\n            ? () => {\n                setCalls(prev => ({ ...prev, end: prev.end + 1 }));\n                fetchNextPage();\n              }\n            : undefined\n        }\n        onEndReachedThreshold={200}\n      />\n    </div>\n  );\n}",
+          "description": "A pane host that mounts the table before its data: rows arrive after a delay. Neither edge may\nfire against the window meanwhile — only the edge the user scrolls to."
+        },
+        {
+          "name": "InfiniteScrollWindowInHiddenPaneAnchored",
+          "code": "() => {\n  const [isShown, setIsShown] = useState(false);\n  const { data, anchorId, isFetchingPrev, isFetchingNext, fetchPrevPage, fetchNextPage } =\n    useBidirectionalData();\n\n  return (\n    <VStack gap={8}>\n      <Button data-testid='show-table' onClick={() => setIsShown(true)}>\n        Show table\n      </Button>\n      <div\n        data-testid='scroll-pane'\n        style={{ height: 480, overflowY: 'auto', display: isShown ? 'block' : 'none' }}\n      >\n        <Table\n          data={data}\n          columns={securityColumns}\n          getRowId={row => row.id}\n          virtualized='window'\n          isLoading={isFetchingNext}\n          isLoadingPrevious={isFetchingPrev}\n          initialScrollToRowId={anchorId}\n          onStartReached={fetchPrevPage}\n          onStartReachedThreshold={200}\n          onEndReached={fetchNextPage}\n          onEndReachedThreshold={200}\n        />\n      </div>\n    </VStack>\n  );\n}",
+          "description": "A share-link landing in a pane that starts hidden (a closed tab or drawer): the anchor waits\nuntil the table is shown and laid out, then lands inside the pane."
+        },
+        {
+          "name": "InfiniteScrollWindowInScrolledPane",
+          "code": "() => {\n  const [isShown, setIsShown] = useState(false);\n  const { data, isFetchingNext, fetchNextPage } = useBidirectionalData();\n\n  return (\n    <VStack gap={8}>\n      <Button data-testid='show-table' onClick={() => setIsShown(true)}>\n        Show table\n      </Button>\n      <div data-testid='scroll-pane' style={{ height: 480, overflowY: 'auto' }}>\n        <div style={{ height: 800 }}>\n          <Text size='sm' color='secondary'>\n            Content above the table\n          </Text>\n        </div>\n        {isShown && (\n          <Table\n            data={data}\n            columns={securityColumns}\n            getRowId={row => row.id}\n            virtualized='window'\n            isLoading={isFetchingNext}\n            onEndReached={fetchNextPage}\n            onEndReachedThreshold={200}\n          />\n        )}\n      </div>\n    </VStack>\n  );\n}",
+          "description": "A window-mode table mounting into a pane the user already scrolled (content above it): the pane\nkeeps its position — adopting the root must not reset it."
+        },
         {
           "name": "HeaderColumnDescription",
           "code": "() => {\n  const [sorting, setSorting] = useState<TableSortingState>([]);\n\n  const columns = useMemo<TableColumnDef<(typeof securityEvents)[number]>[]>(\n    () =>\n      securityColumns.map(col => {\n        const key = 'accessorKey' in col ? col.accessorKey : undefined;\n        if (key === 'objectName') {\n          return {\n            ...col,\n            meta: {\n              ...col.meta,\n              description: { type: 'text' as const, content: 'Target resource' },\n            },\n          };\n        }\n        if (key === 'sourceIp') {\n          return {\n            ...col,\n            meta: {\n              ...col.meta,\n              description: { type: 'tooltip' as const, content: 'Request origin IP' },\n            },\n          };\n        }\n        if (key === 'requests') {\n          return {\n            ...col,\n            meta: { ...col.meta, description: { type: 'tooltip' as const, content: 'Total hits' } },\n          };\n        }\n        if (key === 'parameter') {\n          return {\n            ...col,\n            meta: {\n              ...col.meta,\n              description: { type: 'text' as const, content: 'Affected param' },\n            },\n          };\n        }\n        return col;\n      }),\n    [],\n  );\n\n  return (\n    <Table\n      data={securityEvents}\n      columns={columns}\n      getRowId={row => row.id}\n      sorting={sorting}\n      onSortingChange={setSorting}\n    />\n  );\n}",