@helixui/library 2.0.0-next.30 → 2.0.0-next.31

package/custom-elements.json

@@ -2,230 +2,6 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "src/components/hx-action-bar/hx-action-bar.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",
-          "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"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The root toolbar container element.",
-              "name": "base"
-            },
-            {
-              "description": "The start (left) slot wrapper.",
-              "name": "start"
-            },
-            {
-              "description": "The center (default) slot wrapper.",
-              "name": "center"
-            },
-            {
-              "description": "The end (right) slot wrapper.",
-              "name": "end"
-            },
-            {
-              "description": "The overflow slot wrapper (hidden when no overflow content).",
-              "name": "overflow"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Left-aligned actions.",
-              "name": "start"
-            },
-            {
-              "description": "Center content (default slot).",
-              "name": ""
-            },
-            {
-              "description": "Right-aligned actions.",
-              "name": "end"
-            },
-            {
-              "description": "Actions revealed when the bar is constrained for space.",
-              "name": "overflow"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg'"
-              },
-              "default": "'md'",
-              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
-              "attribute": "hx-size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'default' | 'outlined' | 'filled'"
-              },
-              "default": "'default'",
-              "description": "Visual variant controlling the bar background.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "position",
-              "type": {
-                "text": "'top' | 'bottom' | 'sticky'"
-              },
-              "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
-            },
-            {
-              "kind": "field",
-              "name": "sticky",
-              "type": {
-                "text": "boolean"
-              },
-              "deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
-              "attribute": "sticky",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "ariaLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Actions'",
-              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
-              "attribute": "aria-label"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "hx-size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg'"
-              },
-              "default": "'md'",
-              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
-              "fieldName": "size",
-              "attribute": "hx-size"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'default' | 'outlined' | 'filled'"
-              },
-              "default": "'default'",
-              "description": "Visual variant controlling the bar background.",
-              "fieldName": "variant",
-              "attribute": "variant"
-            },
-            {
-              "name": "position",
-              "type": {
-                "text": "'top' | 'bottom' | 'sticky'"
-              },
-              "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"
-            },
-            {
-              "name": "sticky",
-              "type": {
-                "text": "boolean"
-              },
-              "deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
-              "fieldName": "sticky",
-              "attribute": "sticky"
-            },
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Actions'",
-              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
-              "fieldName": "ariaLabel",
-              "attribute": "aria-label"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "hx-action-bar",
-          "customElement": true,
-          "summary": "Horizontal action bar for grouping related controls."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "HelixActionBar",
-          "declaration": {
-            "name": "HelixActionBar",
-            "module": "src/components/hx-action-bar/hx-action-bar.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "hx-action-bar",
-          "declaration": {
-            "name": "HelixActionBar",
-            "module": "src/components/hx-action-bar/hx-action-bar.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/hx-action-bar/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "HelixActionBar",
-          "declaration": {
-            "name": "HelixActionBar",
-            "module": "./hx-action-bar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/hx-accordion/hx-accordion-item.ts",
@@ -525,6 +301,230 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/hx-action-bar/hx-action-bar.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",
+          "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"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The root toolbar container element.",
+              "name": "base"
+            },
+            {
+              "description": "The start (left) slot wrapper.",
+              "name": "start"
+            },
+            {
+              "description": "The center (default) slot wrapper.",
+              "name": "center"
+            },
+            {
+              "description": "The end (right) slot wrapper.",
+              "name": "end"
+            },
+            {
+              "description": "The overflow slot wrapper (hidden when no overflow content).",
+              "name": "overflow"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Left-aligned actions.",
+              "name": "start"
+            },
+            {
+              "description": "Center content (default slot).",
+              "name": ""
+            },
+            {
+              "description": "Right-aligned actions.",
+              "name": "end"
+            },
+            {
+              "description": "Actions revealed when the bar is constrained for space.",
+              "name": "overflow"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "default": "'md'",
+              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
+              "attribute": "hx-size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'outlined' | 'filled'"
+              },
+              "default": "'default'",
+              "description": "Visual variant controlling the bar background.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "'top' | 'bottom' | 'sticky'"
+              },
+              "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
+            },
+            {
+              "kind": "field",
+              "name": "sticky",
+              "type": {
+                "text": "boolean"
+              },
+              "deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
+              "attribute": "sticky",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Actions'",
+              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
+              "attribute": "aria-label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hx-size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "default": "'md'",
+              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
+              "fieldName": "size",
+              "attribute": "hx-size"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'outlined' | 'filled'"
+              },
+              "default": "'default'",
+              "description": "Visual variant controlling the bar background.",
+              "fieldName": "variant",
+              "attribute": "variant"
+            },
+            {
+              "name": "position",
+              "type": {
+                "text": "'top' | 'bottom' | 'sticky'"
+              },
+              "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"
+            },
+            {
+              "name": "sticky",
+              "type": {
+                "text": "boolean"
+              },
+              "deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
+              "fieldName": "sticky",
+              "attribute": "sticky"
+            },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Actions'",
+              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
+              "fieldName": "ariaLabel",
+              "attribute": "aria-label"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "hx-action-bar",
+          "customElement": true,
+          "summary": "Horizontal action bar for grouping related controls."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "HelixActionBar",
+          "declaration": {
+            "name": "HelixActionBar",
+            "module": "src/components/hx-action-bar/hx-action-bar.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "hx-action-bar",
+          "declaration": {
+            "name": "HelixActionBar",
+            "module": "src/components/hx-action-bar/hx-action-bar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/hx-action-bar/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "HelixActionBar",
+          "declaration": {
+            "name": "HelixActionBar",
+            "module": "./hx-action-bar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/hx-alert/hx-alert.ts",

package/dist/base/styles.d.ts

@@ -5,14 +5,24 @@ import { CSSResultOrNative } from 'lit';
  * Accepts either a single style or an array for each argument and returns
  * a flat merged array suitable for use as `static override styles`.
  *
+ * @deprecated Use document-level adopted stylesheets instead. Import
+ * `'@helixui/library'` (which auto-adopts tokens) or call
+ * `ensureDocumentTokens()` directly. Per-component token merging is no
+ * longer necessary because tokens are now adopted at the document level
+ * and cascade into Shadow DOM via CSS inheritance.
+ *
  * @param componentStyles - The component's own styles
- * @param tokenStyles - Additional token CSS to merge in (e.g. `tokenStyles` from `@helixui/tokens/lit`)
+ * @param tokenStyles - Additional token CSS to merge in
  * @returns Merged styles array
  * @public
  *
  * @example
  * ```ts
- * static override styles = mergeTokenStyles(helixButtonStyles, tokenStyles);
+ * // Preferred: tokens are auto-adopted at the document level
+ * import '@helixui/library';
+ *
+ * // Legacy usage (deprecated):
+ * static override styles = mergeTokenStyles(myStyles, extraStyles);
  * ```
  */
 export declare function mergeTokenStyles(componentStyles: CSSResultOrNative | CSSResultOrNative[], tokenStyles: CSSResultOrNative | CSSResultOrNative[]): CSSResultOrNative[];

package/dist/base/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,KAAK,CAAC;AAE7C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAC9B,eAAe,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,EACxD,WAAW,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,GACnD,iBAAiB,EAAE,CAIrB"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,KAAK,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,gBAAgB,CAC9B,eAAe,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,EACxD,WAAW,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,GACnD,iBAAiB,EAAE,CAIrB"}

package/dist/components/hx-accordion/index.js

@@ -1,4 +1,4 @@
-import { H as e, a as i } from "../../shared/hx-accordion-Cvs-uzZq.js";
+import { H as e, a as i } from "../../shared/hx-accordion-CpfO0YQo.js";
 export {
   e as HelixAccordion,
   i as HelixAccordionItem

package/dist/components/hx-action-bar/index.js

@@ -1,4 +1,4 @@
-import { H as a } from "../../shared/hx-action-bar-B2BNlKQv.js";
+import { H as a } from "../../shared/hx-action-bar-BpY1Z1UV.js";
 export {
   a as HelixActionBar
 };

package/dist/components/hx-alert/index.js

@@ -1,4 +1,4 @@
-import { H as l } from "../../shared/hx-alert-CnDlZO6m.js";
+import { H as l } from "../../shared/hx-alert-CHOjTBds.js";
 export {
   l as HelixAlert
 };

package/dist/components/hx-avatar/index.js

@@ -1,4 +1,4 @@
-import { H as e } from "../../shared/hx-avatar-C68g1G2e.js";
+import { H as e } from "../../shared/hx-avatar-an-WsuLl.js";
 export {
   e as HelixAvatar
 };

package/dist/components/hx-badge/index.js

@@ -1,4 +1,4 @@
-import { H as o } from "../../shared/hx-badge-D5vy_5BO.js";
+import { H as o } from "../../shared/hx-badge-DDXTLoWi.js";
 export {
   o as HelixBadge
 };

package/dist/components/hx-banner/index.js

@@ -1,4 +1,4 @@
-import { H as a } from "../../shared/hx-banner-Ccif-GaB.js";
+import { H as a } from "../../shared/hx-banner-B-WEDiq7.js";
 export {
   a as HelixBanner
 };

package/dist/components/hx-breadcrumb/index.js

@@ -1,4 +1,4 @@
-import { H as a, a as m } from "../../shared/hx-breadcrumb-item-DhxDZI3r.js";
+import { H as a, a as m } from "../../shared/hx-breadcrumb-item-DzLyeL5Z.js";
 export {
   a as HelixBreadcrumb,
   m as HelixBreadcrumbItem

package/dist/components/hx-button/index.js

@@ -1,4 +1,4 @@
-import { H as e } from "../../shared/hx-button-BF3VwcOJ.js";
+import { H as e } from "../../shared/hx-button-DoN8jjQT.js";
 export {
   e as HelixButton
 };

package/dist/components/hx-button-group/index.js

@@ -1,4 +1,4 @@
-import { H as t } from "../../shared/hx-button-group-B8u25JjV.js";
+import { H as t } from "../../shared/hx-button-group-BXlMQTt_.js";
 export {
   t as HelixButtonGroup
 };

package/dist/components/hx-card/index.js

@@ -1,4 +1,4 @@
-import { H as e } from "../../shared/hx-card-Dps4jvG9.js";
+import { H as e } from "../../shared/hx-card-BgXZXDuc.js";
 export {
   e as HelixCard
 };

package/dist/components/hx-carousel/index.js

@@ -1,4 +1,4 @@
-import { H as l, a as o } from "../../shared/hx-carousel-item-Dmo9pGFm.js";
+import { H as l, a as o } from "../../shared/hx-carousel-item-Dwt9Pphz.js";
 export {
   l as HelixCarousel,
   o as HelixCarouselItem

package/dist/components/hx-checkbox/index.js

@@ -1,4 +1,4 @@
-import { H as x } from "../../shared/hx-checkbox-99zyEKj7.js";
+import { H as x } from "../../shared/hx-checkbox-CTEZ9IFq.js";
 export {
   x as HelixCheckbox
 };

package/dist/components/hx-checkbox-group/index.js

@@ -1,4 +1,4 @@
-import { H as r } from "../../shared/hx-checkbox-group-J2CGHDwY.js";
+import { H as r } from "../../shared/hx-checkbox-group-DThZeN5d.js";
 export {
   r as HelixCheckboxGroup
 };

package/dist/components/hx-clinical-status/index.js

@@ -1,4 +1,4 @@
-import { H as l } from "../../shared/hx-clinical-status-CGx5q5PL.js";
+import { H as l } from "../../shared/hx-clinical-status-m4soOOwg.js";
 export {
   l as HelixClinicalStatus
 };

package/dist/components/hx-code-snippet/index.js

@@ -1,4 +1,4 @@
-import { H as p } from "../../shared/hx-code-snippet-vAzJjm2O.js";
+import { H as p } from "../../shared/hx-code-snippet-CoLYvX1Z.js";
 export {
   p as HelixCodeSnippet
 };

package/dist/components/hx-color-picker/index.js

@@ -1,4 +1,4 @@
-import { H as e } from "../../shared/hx-color-picker-CzMu9Fzw.js";
+import { H as e } from "../../shared/hx-color-picker-DhOaNe6-.js";
 export {
   e as HelixColorPicker
 };

package/dist/components/hx-combobox/index.js

@@ -1,4 +1,4 @@
-import { H as b } from "../../shared/hx-combobox-Dhw33U40.js";
+import { H as b } from "../../shared/hx-combobox-BJ4lQocO.js";
 export {
   b as HelixCombobox
 };

package/dist/components/hx-container/index.js

@@ -1,4 +1,4 @@
-import { H as r } from "../../shared/hx-container-Dz4v6FSd.js";
+import { H as r } from "../../shared/hx-container-31QT9KV_.js";
 export {
   r as HelixContainer
 };

package/dist/components/hx-copy-button/index.js

@@ -1,4 +1,4 @@
-import { H as e } from "../../shared/hx-copy-button-Dcul7VwZ.js";
+import { H as e } from "../../shared/hx-copy-button-BoM0WsMd.js";
 export {
   e as HelixCopyButton
 };

package/dist/components/hx-counter/index.js

@@ -1,4 +1,4 @@
-import { H as r } from "../../shared/hx-counter-czWWvciz.js";
+import { H as r } from "../../shared/hx-counter-CP42cSVK.js";
 export {
   r as HelixCounter
 };

package/dist/components/hx-data-table/index.js

@@ -1,4 +1,4 @@
-import { H as l } from "../../shared/hx-data-table-CAVgT4JG.js";
+import { H as l } from "../../shared/hx-data-table-D5Ne-goy.js";
 export {
   l as HelixDataTable
 };

package/dist/components/hx-date-picker/index.js

@@ -1,4 +1,4 @@
-import { H as a } from "../../shared/hx-date-picker-Be8lTTO7.js";
+import { H as a } from "../../shared/hx-date-picker-Cd3I3WkX.js";
 export {
   a as HelixDatePicker
 };

package/dist/components/hx-dialog/index.js

@@ -1,4 +1,4 @@
-import { H as e } from "../../shared/hx-dialog-DTGX2FbP.js";
+import { H as e } from "../../shared/hx-dialog-D4ubstxx.js";
 export {
   e as HelixDialog
 };