@helixui/library 3.2.0-next.76 → 3.2.0-next.81

package/custom-elements.json

@@ -4,583 +4,583 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "src/components/hx-action-bar/hx-action-bar.ts",
+      "path": "src/components/hx-accordion/hx-accordion-item.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
-          "name": "HelixActionBar",
+          "description": "An individual accordion item with collapsible content.",
+          "name": "HelixAccordionItem",
           "cssProperties": [
             {
-              "description": "Bar background color (default variant).",
-              "name": "--hx-action-bar-bg",
-              "default": "transparent"
-            },
-            {
-              "description": "Bar border (default variant).",
-              "name": "--hx-action-bar-border",
-              "default": "none"
-            },
-            {
-              "description": "Inner padding.",
-              "name": "--hx-action-bar-padding",
-              "default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
-            },
-            {
-              "description": "Gap between slotted items.",
-              "name": "--hx-action-bar-gap",
-              "default": "var(--hx-space-2,0.5rem)"
-            },
-            {
-              "description": "Z-index when sticky or bottom position.",
-              "name": "--hx-action-bar-z-index",
-              "default": "10"
-            },
-            {
-              "description": "Padding.",
-              "name": "--hx-action-bar-padding-block-start",
-              "default": "0px"
-            },
-            {
-              "description": "Padding.",
-              "name": "--hx-action-bar-padding-block-end",
-              "default": "0px"
-            },
-            {
-              "description": "CSS custom property.",
-              "name": "--hx-border-radius-md"
-            },
-            {
-              "description": "Width.",
-              "name": "--hx-border-width-thin"
-            },
-            {
-              "description": "Color.",
-              "name": "--hx-color-neutral-0"
-            },
-            {
-              "description": "Color.",
-              "name": "--hx-color-neutral-200"
-            },
-            {
-              "description": "Color.",
-              "name": "--hx-color-neutral-50"
+              "description": "Border color between items.",
+              "name": "--hx-accordion-border-color",
+              "default": "var(--hx-color-neutral-200)"
             },
             {
-              "description": "Size token.",
-              "name": "--hx-size-8"
+              "description": "Trigger padding.",
+              "name": "--hx-accordion-trigger-padding",
+              "default": "var(--hx-space-4)"
             },
             {
-              "description": "Size token.",
-              "name": "--hx-size-10"
+              "description": "Trigger text color.",
+              "name": "--hx-accordion-trigger-color",
+              "default": "var(--hx-color-neutral-800)"
             },
             {
-              "description": "Size token.",
-              "name": "--hx-size-12"
+              "description": "Trigger background color.",
+              "name": "--hx-accordion-trigger-bg",
+              "default": "transparent"
             },
             {
-              "description": "Spacing token.",
-              "name": "--hx-space-1"
+              "description": "Trigger hover background.",
+              "name": "--hx-accordion-trigger-hover-bg",
+              "default": "var(--hx-color-neutral-50)"
             },
             {
-              "description": "Spacing token.",
-              "name": "--hx-space-2"
+              "description": "Icon color.",
+              "name": "--hx-accordion-icon-color",
+              "default": "var(--hx-color-neutral-500)"
             },
             {
-              "description": "Spacing token.",
-              "name": "--hx-space-3"
+              "description": "Content padding.",
+              "name": "--hx-accordion-content-padding",
+              "default": "0 var(--hx-space-4) var(--hx-space-4)"
             },
             {
-              "description": "Spacing token.",
-              "name": "--hx-space-4"
+              "description": "Content text color.",
+              "name": "--hx-accordion-content-color",
+              "default": "var(--hx-color-neutral-600)"
             }
           ],
           "cssParts": [
             {
-              "description": "The root toolbar container element.",
-              "name": "base"
-            },
-            {
-              "description": "The start (left) slot wrapper.",
-              "name": "start"
+              "description": "The outer details element container.",
+              "name": "item"
             },
             {
-              "description": "The center (default) slot wrapper.",
-              "name": "center"
+              "description": "The summary/trigger element.",
+              "name": "trigger"
             },
             {
-              "description": "The end (right) slot wrapper.",
-              "name": "end"
+              "description": "The collapsible content area.",
+              "name": "content"
             },
             {
-              "description": "The overflow slot wrapper (hidden when no overflow content).",
-              "name": "overflow"
+              "description": "The expand/collapse icon.",
+              "name": "icon"
             }
           ],
           "slots": [
             {
-              "description": "Left-aligned actions.",
-              "name": "start"
+              "description": "The heading/trigger content for this item.",
+              "name": "trigger"
             },
             {
-              "description": "Center content (default slot).",
+              "description": "Default slot for the collapsible body content.",
               "name": ""
-            },
-            {
-              "description": "Right-aligned actions.",
-              "name": "end"
-            },
-            {
-              "description": "Actions revealed when the bar is constrained for space.",
-              "name": "overflow"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "size",
+              "name": "expanded",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "boolean"
               },
-              "default": "'md'",
-              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
-              "attribute": "hx-size",
+              "default": "false",
+              "description": "Whether this item is expanded.",
+              "attribute": "expanded",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "disabled",
               "type": {
-                "text": "'default' | 'outlined' | 'filled'"
+                "text": "boolean"
               },
-              "default": "'default'",
-              "description": "Visual variant controlling the bar background.",
-              "attribute": "variant",
+              "default": "false",
+              "description": "Whether this item is disabled (cannot be toggled).",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "level",
               "type": {
-                "text": "'top' | 'bottom' | 'sticky'"
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
               },
-              "default": "'top'",
-              "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n  scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
-              "attribute": "position",
-              "reflects": true
+              "default": "3",
+              "description": "Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\ntrigger. Defaults to 3. Set to match the document outline around the\naccordion so screen readers surface accordion items in the heading list.",
+              "attribute": "level"
+            }
+          ],
+          "events": [
+            {
+              "name": "hx-expand",
+              "type": {
+                "text": "CustomEvent<{expanded: boolean, itemId: string}>"
+              },
+              "description": "Dispatched when the item is expanded."
             },
             {
-              "kind": "field",
-              "name": "accessibleLabel",
+              "name": "hx-collapse",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<{expanded: boolean, itemId: string}>"
               },
-              "default": "''",
-              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
-              "attribute": "accessible-label"
+              "description": "Dispatched when the item is collapsed."
             }
           ],
           "attributes": [
             {
-              "name": "hx-size",
+              "name": "expanded",
               "type": {
-                "text": "'sm' | 'md' | 'lg'"
+                "text": "boolean"
               },
-              "default": "'md'",
-              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
-              "fieldName": "size",
-              "attribute": "hx-size"
+              "default": "false",
+              "description": "Whether this item is expanded.",
+              "fieldName": "expanded",
+              "attribute": "expanded"
             },
             {
-              "name": "variant",
+              "name": "disabled",
               "type": {
-                "text": "'default' | 'outlined' | 'filled'"
+                "text": "boolean"
               },
-              "default": "'default'",
-              "description": "Visual variant controlling the bar background.",
-              "fieldName": "variant",
-              "attribute": "variant"
+              "default": "false",
+              "description": "Whether this item is disabled (cannot be toggled).",
+              "fieldName": "disabled",
+              "attribute": "disabled"
             },
             {
-              "name": "position",
+              "name": "level",
               "type": {
-                "text": "'top' | 'bottom' | 'sticky'"
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
               },
-              "default": "'top'",
-              "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n  scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
-              "fieldName": "position",
-              "attribute": "position"
+              "default": "3",
+              "description": "Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\ntrigger. Defaults to 3. Set to match the document outline around the\naccordion so screen readers surface accordion items in the heading list.",
+              "fieldName": "level",
+              "attribute": "level"
+            }
+          ],
+          "superclass": {
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
+          },
+          "tagName": "hx-accordion-item",
+          "customElement": true,
+          "summary": "Collapsible panel that can be expanded or collapsed."
+        },
+        {
+          "kind": "variable",
+          "name": "detail",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ expanded, itemId: this.id || '' }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "HelixAccordionItem",
+          "declaration": {
+            "name": "HelixAccordionItem",
+            "module": "src/components/hx-accordion/hx-accordion-item.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "hx-accordion-item",
+          "declaration": {
+            "name": "HelixAccordionItem",
+            "module": "src/components/hx-accordion/hx-accordion-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/hx-accordion/hx-accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An accordion container that manages collapsible content sections.",
+          "name": "HelixAccordion",
+          "cssProperties": [
+            {
+              "description": "Outer border radius.",
+              "name": "--hx-accordion-border-radius",
+              "default": "var(--hx-border-radius-md)"
             },
             {
-              "name": "accessible-label",
+              "description": "CSS custom property.",
+              "name": "--hx-accordion-font-family",
+              "default": "var(--hx-font-family-sans)"
+            },
+            {
+              "description": "Font family.",
+              "name": "--hx-font-family-sans"
+            },
+            {
+              "description": "CSS custom property.",
+              "name": "--hx-border-radius-md"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The outer container wrapping all accordion items.",
+              "name": "accordion"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot for hx-accordion-item elements.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "mode",
               "type": {
-                "text": "string"
+                "text": "'single' | 'multi'"
               },
-              "default": "''",
-              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
-              "fieldName": "accessibleLabel",
-              "attribute": "accessible-label"
+              "default": "'single'",
+              "description": "Expansion mode: 'single' collapses all other items when one expands.\n'multi' allows multiple items open simultaneously.",
+              "attribute": "mode",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "mode",
+              "type": {
+                "text": "'single' | 'multi'"
+              },
+              "default": "'single'",
+              "description": "Expansion mode: 'single' collapses all other items when one expands.\n'multi' allows multiple items open simultaneously.",
+              "fieldName": "mode",
+              "attribute": "mode"
             }
           ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
           },
-          "tagName": "hx-action-bar",
+          "tagName": "hx-accordion",
           "customElement": true,
-          "summary": "Horizontal action bar for grouping related controls."
+          "summary": "Collapsible content sections with single or multi-expand modes."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "HelixActionBar",
+          "name": "HelixAccordion",
           "declaration": {
-            "name": "HelixActionBar",
-            "module": "src/components/hx-action-bar/hx-action-bar.ts"
+            "name": "HelixAccordion",
+            "module": "src/components/hx-accordion/hx-accordion.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "hx-action-bar",
+          "name": "hx-accordion",
           "declaration": {
-            "name": "HelixActionBar",
-            "module": "src/components/hx-action-bar/hx-action-bar.ts"
+            "name": "HelixAccordion",
+            "module": "src/components/hx-accordion/hx-accordion.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/hx-action-bar/index.ts",
+      "path": "src/components/hx-accordion/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "HelixActionBar",
+          "name": "HelixAccordion",
           "declaration": {
-            "name": "HelixActionBar",
-            "module": "./hx-action-bar.js"
+            "name": "HelixAccordion",
+            "module": "./hx-accordion.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "HelixAccordionItem",
+          "declaration": {
+            "name": "HelixAccordionItem",
+            "module": "./hx-accordion-item.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "HxAccordionToggleDetail",
+          "declaration": {
+            "name": "HxAccordionToggleDetail",
+            "module": "./hx-accordion-item.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/hx-accordion/hx-accordion-item.ts",
+      "path": "src/components/hx-action-bar/hx-action-bar.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "An individual accordion item with collapsible content.",
-          "name": "HelixAccordionItem",
+          "description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
+          "name": "HelixActionBar",
           "cssProperties": [
             {
-              "description": "Border color between items.",
-              "name": "--hx-accordion-border-color",
-              "default": "var(--hx-color-neutral-200)"
+              "description": "Bar background color (default variant).",
+              "name": "--hx-action-bar-bg",
+              "default": "transparent"
             },
             {
-              "description": "Trigger padding.",
-              "name": "--hx-accordion-trigger-padding",
-              "default": "var(--hx-space-4)"
+              "description": "Bar border (default variant).",
+              "name": "--hx-action-bar-border",
+              "default": "none"
             },
             {
-              "description": "Trigger text color.",
-              "name": "--hx-accordion-trigger-color",
-              "default": "var(--hx-color-neutral-800)"
+              "description": "Inner padding.",
+              "name": "--hx-action-bar-padding",
+              "default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
             },
             {
-              "description": "Trigger background color.",
-              "name": "--hx-accordion-trigger-bg",
-              "default": "transparent"
+              "description": "Gap between slotted items.",
+              "name": "--hx-action-bar-gap",
+              "default": "var(--hx-space-2,0.5rem)"
             },
             {
-              "description": "Trigger hover background.",
-              "name": "--hx-accordion-trigger-hover-bg",
-              "default": "var(--hx-color-neutral-50)"
+              "description": "Z-index when sticky or bottom position.",
+              "name": "--hx-action-bar-z-index",
+              "default": "10"
             },
             {
-              "description": "Icon color.",
-              "name": "--hx-accordion-icon-color",
-              "default": "var(--hx-color-neutral-500)"
+              "description": "Padding.",
+              "name": "--hx-action-bar-padding-block-start",
+              "default": "0px"
             },
             {
-              "description": "Content padding.",
-              "name": "--hx-accordion-content-padding",
-              "default": "0 var(--hx-space-4) var(--hx-space-4)"
+              "description": "Padding.",
+              "name": "--hx-action-bar-padding-block-end",
+              "default": "0px"
             },
             {
-              "description": "Content text color.",
-              "name": "--hx-accordion-content-color",
-              "default": "var(--hx-color-neutral-600)"
+              "description": "CSS custom property.",
+              "name": "--hx-border-radius-md"
+            },
+            {
+              "description": "Width.",
+              "name": "--hx-border-width-thin"
+            },
+            {
+              "description": "Color.",
+              "name": "--hx-color-neutral-0"
+            },
+            {
+              "description": "Color.",
+              "name": "--hx-color-neutral-200"
+            },
+            {
+              "description": "Color.",
+              "name": "--hx-color-neutral-50"
+            },
+            {
+              "description": "Size token.",
+              "name": "--hx-size-8"
+            },
+            {
+              "description": "Size token.",
+              "name": "--hx-size-10"
+            },
+            {
+              "description": "Size token.",
+              "name": "--hx-size-12"
+            },
+            {
+              "description": "Spacing token.",
+              "name": "--hx-space-1"
+            },
+            {
+              "description": "Spacing token.",
+              "name": "--hx-space-2"
+            },
+            {
+              "description": "Spacing token.",
+              "name": "--hx-space-3"
+            },
+            {
+              "description": "Spacing token.",
+              "name": "--hx-space-4"
             }
           ],
           "cssParts": [
             {
-              "description": "The outer details element container.",
-              "name": "item"
+              "description": "The root toolbar container element.",
+              "name": "base"
             },
             {
-              "description": "The summary/trigger element.",
-              "name": "trigger"
+              "description": "The start (left) slot wrapper.",
+              "name": "start"
             },
             {
-              "description": "The collapsible content area.",
-              "name": "content"
+              "description": "The center (default) slot wrapper.",
+              "name": "center"
             },
             {
-              "description": "The expand/collapse icon.",
-              "name": "icon"
+              "description": "The end (right) slot wrapper.",
+              "name": "end"
+            },
+            {
+              "description": "The overflow slot wrapper (hidden when no overflow content).",
+              "name": "overflow"
             }
           ],
           "slots": [
             {
-              "description": "The heading/trigger content for this item.",
-              "name": "trigger"
+              "description": "Left-aligned actions.",
+              "name": "start"
+            },
+            {
+              "description": "Center content (default slot).",
+              "name": ""
+            },
+            {
+              "description": "Right-aligned actions.",
+              "name": "end"
             },
             {
-              "description": "Default slot for the collapsible body content.",
-              "name": ""
+              "description": "Actions revealed when the bar is constrained for space.",
+              "name": "overflow"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "expanded",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "default": "false",
-              "description": "Whether this item is expanded.",
-              "attribute": "expanded",
+              "default": "'md'",
+              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
+              "attribute": "hx-size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'outlined' | 'filled'"
               },
-              "default": "false",
-              "description": "Whether this item is disabled (cannot be toggled).",
-              "attribute": "disabled",
+              "default": "'default'",
+              "description": "Visual variant controlling the bar background.",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "level",
-              "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
-              },
-              "default": "3",
-              "description": "Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\ntrigger. Defaults to 3. Set to match the document outline around the\naccordion so screen readers surface accordion items in the heading list.",
-              "attribute": "level"
-            }
-          ],
-          "events": [
-            {
-              "name": "hx-expand",
+              "name": "position",
               "type": {
-                "text": "CustomEvent<{expanded: boolean, itemId: string}>"
+                "text": "'top' | 'bottom' | 'sticky'"
               },
-              "description": "Dispatched when the item is expanded."
+              "default": "'top'",
+              "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n  scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
+              "attribute": "position",
+              "reflects": true
             },
             {
-              "name": "hx-collapse",
+              "kind": "field",
+              "name": "accessibleLabel",
               "type": {
-                "text": "CustomEvent<{expanded: boolean, itemId: string}>"
+                "text": "string"
               },
-              "description": "Dispatched when the item is collapsed."
+              "default": "''",
+              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
+              "attribute": "accessible-label"
             }
           ],
           "attributes": [
             {
-              "name": "expanded",
+              "name": "hx-size",
               "type": {
-                "text": "boolean"
+                "text": "'sm' | 'md' | 'lg'"
               },
-              "default": "false",
-              "description": "Whether this item is expanded.",
-              "fieldName": "expanded",
-              "attribute": "expanded"
+              "default": "'md'",
+              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
+              "fieldName": "size",
+              "attribute": "hx-size"
             },
             {
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'outlined' | 'filled'"
               },
-              "default": "false",
-              "description": "Whether this item is disabled (cannot be toggled).",
-              "fieldName": "disabled",
-              "attribute": "disabled"
+              "default": "'default'",
+              "description": "Visual variant controlling the bar background.",
+              "fieldName": "variant",
+              "attribute": "variant"
             },
             {
-              "name": "level",
+              "name": "position",
               "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
+                "text": "'top' | 'bottom' | 'sticky'"
               },
-              "default": "3",
-              "description": "Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\ntrigger. Defaults to 3. Set to match the document outline around the\naccordion so screen readers surface accordion items in the heading list.",
-              "fieldName": "level",
-              "attribute": "level"
-            }
-          ],
-          "superclass": {
-            "name": "HelixElement",
-            "module": "/src/base/index.js"
-          },
-          "tagName": "hx-accordion-item",
-          "customElement": true,
-          "summary": "Collapsible panel that can be expanded or collapsed."
-        },
-        {
-          "kind": "variable",
-          "name": "detail",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ expanded, itemId: this.id || '' }"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "HelixAccordionItem",
-          "declaration": {
-            "name": "HelixAccordionItem",
-            "module": "src/components/hx-accordion/hx-accordion-item.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "hx-accordion-item",
-          "declaration": {
-            "name": "HelixAccordionItem",
-            "module": "src/components/hx-accordion/hx-accordion-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/hx-accordion/hx-accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "An accordion container that manages collapsible content sections.",
-          "name": "HelixAccordion",
-          "cssProperties": [
-            {
-              "description": "Outer border radius.",
-              "name": "--hx-accordion-border-radius",
-              "default": "var(--hx-border-radius-md)"
-            },
-            {
-              "description": "CSS custom property.",
-              "name": "--hx-accordion-font-family",
-              "default": "var(--hx-font-family-sans)"
-            },
-            {
-              "description": "Font family.",
-              "name": "--hx-font-family-sans"
+              "default": "'top'",
+              "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n  scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
+              "fieldName": "position",
+              "attribute": "position"
             },
             {
-              "description": "CSS custom property.",
-              "name": "--hx-border-radius-md"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The outer container wrapping all accordion items.",
-              "name": "accordion"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Default slot for hx-accordion-item elements.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "'single' | 'multi'"
-              },
-              "default": "'single'",
-              "description": "Expansion mode: 'single' collapses all other items when one expands.\n'multi' allows multiple items open simultaneously.",
-              "attribute": "mode",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "mode",
+              "name": "accessible-label",
               "type": {
-                "text": "'single' | 'multi'"
+                "text": "string"
               },
-              "default": "'single'",
-              "description": "Expansion mode: 'single' collapses all other items when one expands.\n'multi' allows multiple items open simultaneously.",
-              "fieldName": "mode",
-              "attribute": "mode"
+              "default": "''",
+              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
             }
           ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
           },
-          "tagName": "hx-accordion",
+          "tagName": "hx-action-bar",
           "customElement": true,
-          "summary": "Collapsible content sections with single or multi-expand modes."
+          "summary": "Horizontal action bar for grouping related controls."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "HelixAccordion",
+          "name": "HelixActionBar",
           "declaration": {
-            "name": "HelixAccordion",
-            "module": "src/components/hx-accordion/hx-accordion.ts"
+            "name": "HelixActionBar",
+            "module": "src/components/hx-action-bar/hx-action-bar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "hx-accordion",
+          "name": "hx-action-bar",
           "declaration": {
-            "name": "HelixAccordion",
-            "module": "src/components/hx-accordion/hx-accordion.ts"
+            "name": "HelixActionBar",
+            "module": "src/components/hx-action-bar/hx-action-bar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/hx-accordion/index.ts",
+      "path": "src/components/hx-action-bar/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "HelixAccordion",
-          "declaration": {
-            "name": "HelixAccordion",
-            "module": "./hx-accordion.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "HelixAccordionItem",
-          "declaration": {
-            "name": "HelixAccordionItem",
-            "module": "./hx-accordion-item.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "HxAccordionToggleDetail",
+          "name": "HelixActionBar",
           "declaration": {
-            "name": "HxAccordionToggleDetail",
-            "module": "./hx-accordion-item.js"
+            "name": "HelixActionBar",
+            "module": "./hx-action-bar.js"
           }
         }
       ]
@@ -22810,7 +22810,7 @@
             {
               "description": "Item text color.",
               "name": "--hx-nav-item-color",
-              "default": "var(--hx-color-neutral-300)"
+              "default": "var(--hx-color-text-inverse)"
             },
             {
               "description": "Item hover background.",
@@ -22819,17 +22819,17 @@
             {
               "description": "Item hover text color.",
               "name": "--hx-nav-item-hover-color",
-              "default": "var(--hx-color-neutral-100)"
+              "default": "var(--hx-color-text-inverse)"
             },
             {
               "description": "Active item background.",
               "name": "--hx-nav-item-active-bg",
-              "default": "var(--hx-color-primary-600)"
+              "default": "var(--hx-color-action-primary-bg-hover)"
             },
             {
               "description": "Active item text color.",
               "name": "--hx-nav-item-active-color",
-              "default": "var(--hx-color-neutral-50)"
+              "default": "var(--hx-color-text-on-primary-strong)"
             },
             {
               "description": "Item padding.",
@@ -22838,7 +22838,17 @@
             {
               "description": "Component host background color.",
               "name": "--hx-nav-item-host-bg",
-              "default": "var(--hx-color-neutral-900)"
+              "default": "var(--hx-color-surface-inverse)"
+            },
+            {
+              "description": "Tooltip background color (collapsed-rail tooltip).",
+              "name": "--hx-nav-item-tooltip-bg",
+              "default": "var(--hx-color-surface-inverse)"
+            },
+            {
+              "description": "Tooltip text color (collapsed-rail tooltip).",
+              "name": "--hx-nav-item-tooltip-color",
+              "default": "var(--hx-color-text-inverse)"
             }
           ],
           "cssParts": [
@@ -23048,17 +23058,17 @@
             {
               "description": "Background color.",
               "name": "--hx-side-nav-bg",
-              "default": "var(--hx-color-neutral-900)"
+              "default": "var(--hx-color-surface-inverse)"
             },
             {
               "description": "Text color.",
               "name": "--hx-side-nav-color",
-              "default": "var(--hx-color-neutral-100)"
+              "default": "var(--hx-color-text-inverse)"
             },
             {
               "description": "Border color.",
               "name": "--hx-side-nav-border-color",
-              "default": "var(--hx-color-neutral-700)"
+              "default": "var(--hx-color-border-strong)"
             },
             {
               "description": "Header padding.",
@@ -23071,9 +23081,14 @@
               "default": "var(--hx-space-4)"
             },
             {
-              "description": "Toggle button icon color.",
+              "description": "Toggle button icon color (resting).",
               "name": "--hx-side-nav-toggle-color",
-              "default": "var(--hx-color-neutral-400)"
+              "default": "var(--hx-color-text-inverse)"
+            },
+            {
+              "description": "Toggle button icon color on hover.",
+              "name": "--hx-side-nav-toggle-hover-color",
+              "default": "var(--hx-color-text-inverse)"
             },
             {
               "description": "Color.",
@@ -29777,17 +29792,17 @@
             {
               "description": "Input background color.",
               "name": "--hx-input-bg",
-              "default": "var(--hx-color-neutral-0)"
+              "default": "var(--hx-color-surface-default)"
             },
             {
               "description": "Input text color.",
               "name": "--hx-input-color",
-              "default": "var(--hx-color-neutral-800)"
+              "default": "var(--hx-color-text-strong)"
             },
             {
               "description": "Input border color.",
               "name": "--hx-input-border-color",
-              "default": "var(--hx-color-neutral-300)"
+              "default": "var(--hx-color-border-strong)"
             },
             {
               "description": "Input border radius.",
@@ -29807,12 +29822,12 @@
             {
               "description": "Error state color.",
               "name": "--hx-input-error-color",
-              "default": "var(--hx-color-error-500)"
+              "default": "var(--hx-color-error-text)"
             },
             {
               "description": "Label text color.",
               "name": "--hx-input-label-color",
-              "default": "var(--hx-color-neutral-700)"
+              "default": "var(--hx-color-text-strong)"
             },
             {
               "description": "Font size for the sm size variant.",