@helixui/library 3.1.0 → 3.2.0-next.100

package/dist/shared/{hx-carousel-item-D_dCv61-.js → hx-carousel-item-z1Lc24op.js}

@@ -1,8 +1,9 @@
-import { css as v, nothing as p, html as l } from "lit";
+import { css as g, nothing as p, html as l } from "lit";
 import { property as n, state as c, customElement as f } from "lit/decorators.js";
 import { classMap as x } from "lit/directives/class-map.js";
+import { f as m } from "./forced-colors-CTEDFRGa.js";
 import { H as _ } from "./helix-element-BNEYeiys.js";
-const m = v`
+const y = g`
   :host {
     display: block;
     position: relative;
@@ -42,10 +43,11 @@ const m = v`
     /* WCAG 2.5.5 (healthcare mandate): minimum 44x44px touch target */
     min-width: var(--hx-touch-target-min, 2.75rem);
     min-height: var(--hx-touch-target-min, 2.75rem);
-    border: var(--hx-border-width-thin, 1px) solid var(--hx-color-neutral-200, #e2e8f0);
+    border: var(--hx-border-width-thin, 1px) solid
+      var(--hx-carousel-nav-btn-border-color, var(--hx-color-neutral-200, #d6dbd5));
     border-radius: var(--hx-border-radius-full, 9999px);
-    background: var(--hx-color-neutral-0, #ffffff);
-    color: var(--hx-color-neutral-700, #334155);
+    background: var(--hx-carousel-nav-btn-bg, var(--hx-color-neutral-0, #ffffff));
+    color: var(--hx-carousel-nav-btn-color, var(--hx-color-neutral-700, #313e4b));
     cursor: pointer;
     padding: 0;
     transition:
@@ -56,13 +58,16 @@ const m = v`
   }
 
   .nav-btn:hover:not([disabled]) {
-    background: var(--hx-color-neutral-50, #f8fafc);
-    border-color: var(--hx-color-neutral-400, #94a3b8);
+    background: var(--hx-carousel-nav-btn-hover-bg, var(--hx-color-neutral-50, #f5f8f3));
+    border-color: var(
+      --hx-carousel-nav-btn-hover-border-color,
+      var(--hx-color-neutral-400, #8e9c98)
+    );
   }
 
   .nav-btn:focus-visible {
     outline: var(--hx-focus-ring-width, 2px) solid
-      var(--hx-carousel-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));
+      var(--hx-carousel-focus-ring-color, var(--hx-focus-ring-color, #0f7078));
     outline-offset: var(--hx-focus-ring-offset, 2px);
   }
 
@@ -90,7 +95,7 @@ const m = v`
     border: var(--hx-border-width-thin, 1px) solid transparent;
     border-radius: var(--hx-border-radius-md, 0.375rem);
     background: transparent;
-    color: var(--hx-color-neutral-500, #64748b);
+    color: var(--hx-carousel-play-pause-color, var(--hx-color-neutral-500, #66787b));
     cursor: pointer;
     padding: 0;
     font-size: var(--hx-font-size-sm, 0.875rem);
@@ -99,12 +104,12 @@ const m = v`
   }
 
   .play-pause-btn:hover {
-    background: var(--hx-color-neutral-100, #f1f5f9);
+    background: var(--hx-carousel-play-pause-hover-bg, var(--hx-color-neutral-100, #ebeee9));
   }
 
   .play-pause-btn:focus-visible {
     outline: var(--hx-focus-ring-width, 2px) solid
-      var(--hx-carousel-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));
+      var(--hx-carousel-focus-ring-color, var(--hx-focus-ring-color, #0f7078));
     outline-offset: var(--hx-focus-ring-offset, 2px);
   }
 
@@ -162,7 +167,7 @@ const m = v`
     width: var(--hx-carousel-pagination-dot-size, 0.5rem);
     height: var(--hx-carousel-pagination-dot-size, 0.5rem);
     border-radius: var(--hx-border-radius-full, 9999px);
-    background: var(--hx-color-neutral-300, #cbd5e1);
+    background: var(--hx-carousel-pagination-dot-bg, var(--hx-color-neutral-300, #b6bfb9));
     transition:
       background-color var(--hx-transition-fast, 150ms ease),
       transform var(--hx-transition-fast, 150ms ease);
@@ -170,13 +175,13 @@ const m = v`
 
   .pagination-item[aria-current='true'] .pagination-dot,
   .pagination-item.is-active .pagination-dot {
-    background: var(--hx-color-primary-600, #1d4ed8);
+    background: var(--hx-carousel-pagination-dot-active-bg, var(--hx-color-primary-600, #0f7078));
     transform: scale(1.25);
   }
 
   .pagination-item:focus-visible {
     outline: var(--hx-focus-ring-width, 2px) solid
-      var(--hx-carousel-focus-ring-color, var(--hx-focus-ring-color, var(--hx-color-primary-500)));
+      var(--hx-carousel-focus-ring-color, var(--hx-focus-ring-color, #0f7078));
     outline-offset: var(--hx-focus-ring-offset, 2px);
     border-radius: var(--hx-border-radius-full, 9999px);
   }
@@ -238,12 +243,12 @@ const m = v`
     }
   }
 `;
-var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? b(e, i) : e, h = t.length - 1, u; h >= 0; h--)
+var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? w(e, i) : e, h = t.length - 1, u; h >= 0; h--)
     (u = t[h]) && (s = (r ? u(e, i, s) : u(s)) || s);
-  return r && s && y(e, i, s), s;
+  return r && s && b(e, i, s), s;
 };
-const w = l`<svg
+const P = l`<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 24 24"
   fill="none"
@@ -254,7 +259,7 @@ const w = l`<svg
   aria-hidden="true"
 >
   <polyline points="15 18 9 12 15 6"></polyline>
-</svg>`, P = l`<svg
+</svg>`, I = l`<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 24 24"
   fill="none"
@@ -276,7 +281,7 @@ const w = l`<svg
   aria-hidden="true"
 >
   <polyline points="9 18 15 12 9 6"></polyline>
-</svg>`, I = l`<svg
+</svg>`, M = l`<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 24 24"
   fill="none"
@@ -287,7 +292,7 @@ const w = l`<svg
   aria-hidden="true"
 >
   <polyline points="6 9 12 15 18 9"></polyline>
-</svg>`, M = l`<svg
+</svg>`, C = l`<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 24 24"
   fill="currentColor"
@@ -296,7 +301,7 @@ const w = l`<svg
   height="1em"
 >
   <polygon points="5 3 19 12 5 21 5 3"></polygon>
-</svg>`, C = l`<svg
+</svg>`, T = l`<svg
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 24 24"
   fill="currentColor"
@@ -544,19 +549,19 @@ let o = class extends _ {
   }
   /** @internal */
   _renderPrevIcon() {
-    return this.orientation === "horizontal" ? w : P;
+    return this.orientation === "horizontal" ? P : I;
   }
   /** @internal */
   _renderNextIcon() {
-    return this.orientation === "horizontal" ? k : I;
+    return this.orientation === "horizontal" ? k : M;
   }
   /** @internal */
   _renderPlayIcon() {
-    return M;
+    return C;
   }
   /** @internal */
   _renderPauseIcon() {
-    return C;
+    return T;
   }
   // ─── Render ───
   render() {
@@ -601,7 +606,7 @@ let o = class extends _ {
     `;
   }
 };
-o.styles = [m];
+o.styles = [y, m];
 a([
   n({ type: String, reflect: !0 })
 ], o.prototype, "label", 2);
@@ -659,7 +664,7 @@ a([
 o = a([
   f("hx-carousel")
 ], o);
-const T = v`
+const S = g`
   :host {
     display: block;
     flex-shrink: 0;
@@ -686,10 +691,10 @@ const T = v`
     }
   }
 `;
-var S = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, g = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? $(e, i) : e, h = t.length - 1, u; h >= 0; h--)
+var $ = Object.defineProperty, D = Object.getOwnPropertyDescriptor, v = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? D(e, i) : e, h = t.length - 1, u; h >= 0; h--)
     (u = t[h]) && (s = (r ? u(e, i, s) : u(s)) || s);
-  return r && s && S(e, i, s), s;
+  return r && s && $(e, i, s), s;
 };
 let d = class extends _ {
   constructor() {
@@ -704,18 +709,18 @@ let d = class extends _ {
     `;
   }
 };
-d.styles = [T];
-g([
+d.styles = [S];
+v([
   n({ type: Number, attribute: "slide-index" })
 ], d.prototype, "slideIndex", 2);
-g([
+v([
   n({ type: Number, attribute: "total-slides" })
 ], d.prototype, "totalSlides", 2);
-d = g([
+d = v([
   f("hx-carousel-item")
 ], d);
 export {
   o as H,
   d as a
 };
-//# sourceMappingURL=hx-carousel-item-D_dCv61-.js.map
+//# sourceMappingURL=hx-carousel-item-z1Lc24op.js.map

package/dist/shared/hx-carousel-item-z1Lc24op.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-carousel-item-z1Lc24op.js","sources":["../../src/components/hx-carousel/hx-carousel.styles.ts","../../src/components/hx-carousel/hx-carousel.ts","../../src/components/hx-carousel/hx-carousel-item.styles.ts","../../src/components/hx-carousel/hx-carousel-item.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixCarouselStyles = css`\n  :host {\n    display: block;\n    position: relative;\n  }\n\n  /* ─── Base ─── */\n\n  .base {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-3, 0.75rem);\n  }\n\n  :host([orientation='vertical']) .base {\n    flex-direction: row;\n  }\n\n  /* ─── Navigation ─── */\n\n  .navigation {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--hx-space-2, 0.5rem);\n  }\n\n  :host([orientation='vertical']) .navigation {\n    flex-direction: column;\n  }\n\n  .nav-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--hx-carousel-nav-btn-size, var(--hx-size-10, 2.5rem));\n    height: var(--hx-carousel-nav-btn-size, var(--hx-size-10, 2.5rem));\n    /* WCAG 2.5.5 (healthcare mandate): minimum 44x44px touch target */\n    min-width: var(--hx-touch-target-min, 2.75rem);\n    min-height: var(--hx-touch-target-min, 2.75rem);\n    border: var(--hx-border-width-thin, 1px) solid\n      var(--hx-carousel-nav-btn-border-color, var(--hx-color-neutral-200, #d6dbd5));\n    border-radius: var(--hx-border-radius-full, 9999px);\n    background: var(--hx-carousel-nav-btn-bg, var(--hx-color-neutral-0, #ffffff));\n    color: var(--hx-carousel-nav-btn-color, var(--hx-color-neutral-700, #313e4b));\n    cursor: pointer;\n    padding: 0;\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      color var(--hx-transition-fast, 150ms ease),\n      border-color var(--hx-transition-fast, 150ms ease);\n    flex-shrink: 0;\n  }\n\n  .nav-btn:hover:not([disabled]) {\n    background: var(--hx-carousel-nav-btn-hover-bg, var(--hx-color-neutral-50, #f5f8f3));\n    border-color: var(\n      --hx-carousel-nav-btn-hover-border-color,\n      var(--hx-color-neutral-400, #8e9c98)\n    );\n  }\n\n  .nav-btn:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-carousel-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  .nav-btn[disabled] {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    cursor: not-allowed;\n  }\n\n  .nav-btn svg {\n    width: 1.25em;\n    height: 1.25em;\n  }\n\n  /* ─── Play/Pause ─── */\n\n  .play-pause-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    /* WCAG 2.5.5 (healthcare mandate): minimum 44x44px touch target */\n    min-width: var(--hx-touch-target-min, 2.75rem);\n    min-height: var(--hx-touch-target-min, 2.75rem);\n    width: var(--hx-touch-target-min, 2.75rem);\n    height: var(--hx-touch-target-min, 2.75rem);\n    border: var(--hx-border-width-thin, 1px) solid transparent;\n    border-radius: var(--hx-border-radius-md, 0.375rem);\n    background: transparent;\n    color: var(--hx-carousel-play-pause-color, var(--hx-color-neutral-500, #66787b));\n    cursor: pointer;\n    padding: 0;\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    transition: background-color var(--hx-transition-fast, 150ms ease);\n    flex-shrink: 0;\n  }\n\n  .play-pause-btn:hover {\n    background: var(--hx-carousel-play-pause-hover-bg, var(--hx-color-neutral-100, #ebeee9));\n  }\n\n  .play-pause-btn:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-carousel-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  /* ─── Scroll Container ─── */\n\n  .scroll-container-wrapper {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  .slide-viewport {\n    overflow: hidden;\n    border-radius: var(--hx-border-radius-md, 0.375rem);\n  }\n\n  .track {\n    display: flex;\n    transition: transform var(--hx-transition-base, 0.3s ease);\n  }\n\n  :host([orientation='vertical']) .track {\n    flex-direction: column;\n  }\n\n  /* ─── Pagination ─── */\n\n  .pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--hx-space-2, 0.5rem);\n    flex-wrap: wrap;\n  }\n\n  :host([orientation='vertical']) .pagination {\n    flex-direction: column;\n  }\n\n  .pagination-item {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    /* WCAG 2.5.5 (healthcare mandate): minimum 44x44px touch target */\n    min-width: var(--hx-touch-target-min, 2.75rem);\n    min-height: var(--hx-touch-target-min, 2.75rem);\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    background: transparent;\n    border-radius: var(--hx-border-radius-full, 9999px);\n  }\n\n  .pagination-dot {\n    display: block;\n    width: var(--hx-carousel-pagination-dot-size, 0.5rem);\n    height: var(--hx-carousel-pagination-dot-size, 0.5rem);\n    border-radius: var(--hx-border-radius-full, 9999px);\n    background: var(--hx-carousel-pagination-dot-bg, var(--hx-color-neutral-300, #b6bfb9));\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      transform var(--hx-transition-fast, 150ms ease);\n  }\n\n  .pagination-item[aria-current='true'] .pagination-dot,\n  .pagination-item.is-active .pagination-dot {\n    background: var(--hx-carousel-pagination-dot-active-bg, var(--hx-color-primary-600, #0f7078));\n    transform: scale(1.25);\n  }\n\n  .pagination-item:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-carousel-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    border-radius: var(--hx-border-radius-full, 9999px);\n  }\n\n  /* ─── Controls row ─── */\n\n  .controls {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--hx-space-3, 0.75rem);\n  }\n\n  /* ─── Live Region ─── */\n\n  .live-region {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .track,\n    .nav-btn,\n    .pagination-dot,\n    .play-pause-btn {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced Colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .nav-btn {\n      border-color: ButtonText;\n      color: ButtonText;\n    }\n\n    .play-pause-btn {\n      border-color: ButtonText;\n      color: ButtonText;\n    }\n\n    .pagination-dot {\n      border: 1px solid CanvasText;\n    }\n\n    .pagination-item[aria-current='true'] .pagination-dot,\n    .pagination-item.is-active .pagination-dot {\n      background: Highlight;\n      border-color: Highlight;\n    }\n  }\n`;\n","import { html, nothing } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixCarouselStyles } from './hx-carousel.styles.js';\nimport { forcedColorsInteractive } from '../../styles/forced-colors.js';\nimport type { HelixCarouselItem } from './hx-carousel-item.js';\n\n// ─── Module-level SVG icon constants ───\n\nconst _svgChevronLeft = html`<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  aria-hidden=\"true\"\n>\n  <polyline points=\"15 18 9 12 15 6\"></polyline>\n</svg>`;\n\nconst _svgChevronUp = html`<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  aria-hidden=\"true\"\n>\n  <polyline points=\"18 15 12 9 6 15\"></polyline>\n</svg>`;\n\nconst _svgChevronRight = html`<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  aria-hidden=\"true\"\n>\n  <polyline points=\"9 18 15 12 9 6\"></polyline>\n</svg>`;\n\nconst _svgChevronDown = html`<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n  aria-hidden=\"true\"\n>\n  <polyline points=\"6 9 12 15 18 9\"></polyline>\n</svg>`;\n\nconst _svgPlay = html`<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"currentColor\"\n  aria-hidden=\"true\"\n  width=\"1em\"\n  height=\"1em\"\n>\n  <polygon points=\"5 3 19 12 5 21 5 3\"></polygon>\n</svg>`;\n\nconst _svgPause = html`<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  viewBox=\"0 0 24 24\"\n  fill=\"currentColor\"\n  aria-hidden=\"true\"\n  width=\"1em\"\n  height=\"1em\"\n>\n  <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"></rect>\n  <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"></rect>\n</svg>`;\n\n/**\n * A scrollable carousel/slider for images or content slides.\n *\n * @summary Scrollable carousel with navigation, pagination, autoplay, and an accessible label.\n *\n * @tag hx-carousel\n *\n * @slot - `hx-carousel-item` elements (the slides).\n * @slot next-button - Custom next navigation button.\n * @slot previous-button - Custom previous navigation button.\n *\n * @fires {CustomEvent<{index: number, slide: HelixCarouselItem}>} hx-slide-change - Dispatched when the active slide changes.\n *\n * @csspart base - The outer wrapper element.\n * @csspart slide-viewport - The slide viewport/overflow container.\n * @csspart pagination - The pagination dot container.\n * @csspart pagination-item - Individual pagination dot button.\n * @csspart navigation - The previous/next button wrapper.\n * @csspart prev-button - The previous navigation button.\n * @csspart next-button - The next navigation button.\n * @csspart play-pause-btn - The autoplay play/pause toggle button.\n *\n * @cssprop [--hx-carousel-gap=0px] - Gap between slides.\n * @cssprop [--hx-carousel-slide-width=100%] - Width override for each slide.\n * @cssprop [--hx-carousel-nav-btn-size=2.5rem] - Size of previous/next navigation buttons.\n * @cssprop [--hx-carousel-pagination-dot-size=0.5rem] - Size of pagination dots.\n * @cssprop [--hx-space-3] - Spacing token.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-size-10] - Size token.\n * @cssprop [--hx-touch-target-min] - Minimum touch target size.\n * @cssprop [--hx-border-width-thin] - Width.\n * @cssprop [--hx-color-neutral-200] - Color.\n * @cssprop [--hx-border-radius-full] - CSS custom property.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-color-neutral-700] - Color.\n * @cssprop [--hx-transition-fast] - Transition timing.\n * @cssprop [--hx-color-neutral-50] - Color.\n * @cssprop [--hx-color-neutral-400] - Color.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-carousel-focus-ring-color=var(--hx-focus-ring-color)] - Color.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-focus-ring-offset] - CSS custom property.\n * @cssprop [--hx-opacity-disabled] - Opacity.\n * @cssprop [--hx-border-radius-md] - CSS custom property.\n * @cssprop [--hx-color-neutral-500] - Color.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-color-neutral-100] - Color.\n * @cssprop [--hx-transition-base] - Transition timing.\n * @cssprop [--hx-color-neutral-300] - Color.\n * @cssprop [--hx-color-primary-600] - Color.\n */\n@customElement('hx-carousel')\nexport class HelixCarousel extends HelixElement {\n  static override styles = [helixCarouselStyles, forcedColorsInteractive];\n\n  /**\n   * Accessible label identifying this carousel to assistive technology.\n   * When multiple carousels appear on the same page, each must have a unique label.\n   * @attr label\n   */\n  @property({ type: String, reflect: true })\n  label = 'Carousel';\n\n  /**\n   * Whether the carousel wraps around from last to first slide and vice-versa.\n   * @attr loop\n   */\n  @property({ type: Boolean, reflect: true })\n  loop = false;\n\n  /**\n   * Whether the carousel auto-advances slides.\n   * Automatically pauses on hover, focus, and when prefers-reduced-motion is active.\n   * @attr autoplay\n   */\n  @property({ type: Boolean, reflect: true })\n  autoplay = false;\n\n  /**\n   * Milliseconds between auto-advance transitions.\n   * @attr autoplay-interval\n   */\n  @property({ type: Number, attribute: 'autoplay-interval' })\n  autoplayInterval = 3000;\n\n  /**\n   * Number of slides visible at once.\n   * @attr slides-per-page\n   */\n  @property({ type: Number, attribute: 'slides-per-page' })\n  slidesPerPage = 1;\n\n  /**\n   * Number of slides to advance per navigation action.\n   * @attr slides-per-move\n   */\n  @property({ type: Number, attribute: 'slides-per-move' })\n  slidesPerMove = 1;\n\n  /**\n   * Scroll axis of the carousel.\n   * @attr orientation\n   */\n  @property({ type: String, reflect: true })\n  orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Whether click-drag scrolling is enabled.\n   * @attr mouse-dragging\n   */\n  @property({ type: Boolean, attribute: 'mouse-dragging', reflect: true })\n  mouseDragging = false;\n\n  /**\n   * Accessible label for the previous slide button.\n   * @attr label-prev-slide\n   */\n  @property({ type: String, attribute: 'label-prev-slide' })\n  labelPrevSlide = 'Previous slide';\n\n  /**\n   * Accessible label for the next slide button.\n   * @attr label-next-slide\n   */\n  @property({ type: String, attribute: 'label-next-slide' })\n  labelNextSlide = 'Next slide';\n\n  /**\n   * Accessible label for the autoplay pause button.\n   * @attr label-pause-autoplay\n   */\n  @property({ type: String, attribute: 'label-pause-autoplay' })\n  labelPauseAutoplay = 'Pause autoplay';\n\n  /**\n   * Accessible label for the autoplay play button.\n   * @attr label-play-autoplay\n   */\n  @property({ type: String, attribute: 'label-play-autoplay' })\n  labelPlayAutoplay = 'Play autoplay';\n\n  /**\n   * Generates the live-region text for a slide position.\n   * @param index - 1-based slide index\n   * @param total - total slide count\n   */\n  @property({ attribute: false })\n  labelSlideOf: (index: number, total: number) => string = (index, total) =>\n    `Slide ${index} of ${total}`;\n\n  /**\n   * Index of the currently visible slide.\n   * @internal\n   */\n  @state() private _currentIndex = 0;\n  /**\n   * Array of carousel item elements assigned to the default slot.\n   * @internal\n   */\n  @state() private _slides: HelixCarouselItem[] = [];\n  /**\n   * Whether the autoplay is currently active and advancing slides.\n   * @internal\n   */\n  @state() private _isPlaying = false;\n  /**\n   * Text content for the ARIA live region announcing slide changes.\n   * @internal\n   */\n  @state() private _liveText = '';\n  /** @internal */\n  @state() private _livePolite = true;\n\n  /**\n   * Reference to the active autoplay interval timer, or null when stopped.\n   * @internal\n   */\n  private _autoplayTimer: ReturnType<typeof setInterval> | null = null;\n  /**\n   * Whether the user has requested reduced motion via the OS media preference.\n   * @internal\n   */\n  private _reducedMotion = false;\n  /**\n   * MediaQueryList instance for monitoring the prefers-reduced-motion media feature.\n   * @internal\n   */\n  private _mql: MediaQueryList | null = null;\n  /**\n   * Whether the carousel is currently being hovered, used to pause autoplay on hover.\n   * @internal\n   */\n  private _isHovered = false;\n  /**\n   * Whether a descendant of the carousel currently has focus, used to pause autoplay on focus.\n   * @internal\n   */\n  private _isFocused = false;\n\n  // ─── Drag state ───\n  /**\n   * Pointer coordinate at the start of a mouse drag gesture.\n   * @internal\n   */\n  private _dragStartCoord = 0;\n  /**\n   * Whether a mouse drag gesture is currently in progress.\n   * @internal\n   */\n  private _isDragging = false;\n  /**\n   * Whether the pointer has moved beyond the drag threshold during the current drag gesture.\n   * @internal\n   */\n  private _dragMoved = false;\n  /**\n   * Touch coordinate at the start of a touch swipe gesture.\n   * @internal\n   */\n  private _touchStartCoord = 0;\n  /**\n   * Whether the touch has moved beyond the swipe threshold during the current touch gesture.\n   * @internal\n   */\n  private _touchMoved = false;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    // Guard for SSR — window.matchMedia is unavailable server-side\n    if (typeof window !== 'undefined') {\n      this._mql = window.matchMedia('(prefers-reduced-motion: reduce)');\n      this._reducedMotion = this._mql.matches;\n      this._mql.addEventListener('change', this._handleMotionChange);\n    }\n\n    this.addEventListener('mouseenter', this._handleMouseEnter);\n    this.addEventListener('mouseleave', this._handleMouseLeave);\n    this.addEventListener('focusin', this._handleFocusIn);\n    this.addEventListener('focusout', this._handleFocusOut);\n    this.addEventListener('keydown', this._handleKeydown);\n    // Touch events are registered directly on the scroll-container in the template\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._mql?.removeEventListener('change', this._handleMotionChange);\n    this._stopAutoplay();\n    this.removeEventListener('mouseenter', this._handleMouseEnter);\n    this.removeEventListener('mouseleave', this._handleMouseLeave);\n    this.removeEventListener('focusin', this._handleFocusIn);\n    this.removeEventListener('focusout', this._handleFocusOut);\n    this.removeEventListener('keydown', this._handleKeydown);\n  }\n\n  override firstUpdated(): void {\n    this._syncSlides();\n    if (this.autoplay && !this._reducedMotion) {\n      this._startAutoplay();\n    }\n  }\n\n  // ─── Slide Management ───\n\n  /** @internal */\n  private _syncSlides(): void {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n    if (!slot) return;\n\n    const items = slot\n      .assignedElements({ flatten: true })\n      .filter((el) => el.tagName.toLowerCase() === 'hx-carousel-item') as HelixCarouselItem[];\n\n    this._slides = items;\n\n    // Update aria labels on each item\n    items.forEach((item, i) => {\n      item.slideIndex = i;\n      item.totalSlides = items.length;\n      const slideWidth = `${100 / this.slidesPerPage}%`;\n      (item as HTMLElement).style.setProperty('--_hx-carousel-slide-width', slideWidth);\n    });\n\n    // Clamp currentIndex if slides changed\n    if (this._currentIndex >= items.length) {\n      this._currentIndex = Math.max(0, items.length - 1);\n    }\n  }\n\n  /** @internal */\n  private _handleSlotChange(): void {\n    this._syncSlides();\n  }\n\n  // ─── Navigation ───\n\n  /**\n   * Maximum valid slide index accounting for the number of slides visible per page.\n   * @internal\n   */\n  private get _maxIndex(): number {\n    return Math.max(0, this._slides.length - this.slidesPerPage);\n  }\n\n  goTo(index: number): void {\n    if (this._slides.length === 0) return;\n\n    let next = index;\n    if (this.loop) {\n      next = ((index % this._slides.length) + this._slides.length) % this._slides.length;\n    } else {\n      next = Math.max(0, Math.min(index, this._maxIndex));\n    }\n\n    if (next === this._currentIndex) return;\n\n    this._currentIndex = next;\n    this._liveText = this.labelSlideOf(next + 1, this._slides.length);\n    const slide = this._slides[next];\n    if (!slide) return;\n    this.dispatchEvent(\n      new CustomEvent<{ index: number; slide: HelixCarouselItem | undefined }>('hx-slide-change', {\n        bubbles: true,\n        composed: true,\n        detail: { index: next, slide },\n      }),\n    );\n  }\n\n  next(): void {\n    const nextIndex = this._currentIndex + this.slidesPerMove;\n    if (!this.loop && nextIndex > this._maxIndex) {\n      return;\n    }\n    this._livePolite = true;\n    this.goTo(nextIndex);\n  }\n\n  previous(): void {\n    const prevIndex = this._currentIndex - this.slidesPerMove;\n    if (!this.loop && prevIndex < 0) {\n      return;\n    }\n    this._livePolite = true;\n    this.goTo(prevIndex);\n  }\n\n  // ─── Autoplay ───\n\n  /**\n   * Callback invoked on each autoplay interval tick to advance to the next slide.\n   * @internal\n   */\n  private _autoplayTick = (): void => {\n    this._livePolite = false;\n    if (this.loop) {\n      this.goTo(this._currentIndex + this.slidesPerMove);\n    } else if (this._currentIndex < this._maxIndex) {\n      this.goTo(this._currentIndex + this.slidesPerMove);\n    } else {\n      this.goTo(0);\n    }\n  };\n\n  /** @internal */\n  private _startAutoplay(): void {\n    if (this._autoplayTimer !== null) return;\n    this._isPlaying = true;\n    this._autoplayTimer = setInterval(this._autoplayTick, this.autoplayInterval);\n  }\n\n  /** @internal */\n  private _stopAutoplay(): void {\n    if (this._autoplayTimer !== null) {\n      clearInterval(this._autoplayTimer);\n      this._autoplayTimer = null;\n    }\n    this._isPlaying = false;\n  }\n\n  /** @internal */\n  private _toggleAutoplay(): void {\n    if (this._isPlaying) {\n      this._stopAutoplay();\n    } else if (!this._reducedMotion) {\n      this._startAutoplay();\n    }\n  }\n\n  /** @internal */\n  private _pauseAutoplay(): void {\n    if (!this._isPlaying || this._autoplayTimer === null) return;\n    clearInterval(this._autoplayTimer);\n    this._autoplayTimer = null;\n  }\n\n  /** @internal */\n  private _resumeAutoplay(): void {\n    if (!this.autoplay || !this._isPlaying || this._reducedMotion) return;\n    if (this._autoplayTimer !== null) return;\n    this._autoplayTimer = setInterval(this._autoplayTick, this.autoplayInterval);\n  }\n\n  // ─── Event Handlers ───\n\n  /**\n   * Handles changes to the prefers-reduced-motion media query, stopping or resuming autoplay accordingly.\n   * @internal\n   */\n  private _handleMotionChange = (e: MediaQueryListEvent): void => {\n    this._reducedMotion = e.matches;\n    if (this._reducedMotion) {\n      this._stopAutoplay();\n    } else if (this.autoplay && !this._isHovered && !this._isFocused) {\n      this._startAutoplay();\n    }\n  };\n\n  /**\n   * Handles the mouseenter event to pause autoplay while the user hovers over the carousel.\n   * @internal\n   */\n  private _handleMouseEnter = (): void => {\n    this._isHovered = true;\n    this._pauseAutoplay();\n  };\n\n  /**\n   * Handles the mouseleave event to resume autoplay when the user stops hovering.\n   * @internal\n   */\n  private _handleMouseLeave = (): void => {\n    this._isHovered = false;\n    if (!this._isFocused) {\n      this._resumeAutoplay();\n    }\n  };\n\n  /**\n   * Handles the focusin event to pause autoplay while a descendant has focus.\n   * @internal\n   */\n  private _handleFocusIn = (): void => {\n    this._isFocused = true;\n    this._pauseAutoplay();\n  };\n\n  /**\n   * Handles the focusout event to resume autoplay when focus leaves the carousel.\n   * @internal\n   */\n  private _handleFocusOut = (): void => {\n    this._isFocused = false;\n    if (!this._isHovered) {\n      this._resumeAutoplay();\n    }\n  };\n\n  /**\n   * Handles keyboard navigation to move between slides using arrow, Home, and End keys.\n   * @internal\n   */\n  private _handleKeydown = (e: KeyboardEvent): void => {\n    if (this.orientation === 'horizontal') {\n      if (e.key === 'ArrowLeft') {\n        e.preventDefault();\n        this.previous();\n      } else if (e.key === 'ArrowRight') {\n        e.preventDefault();\n        this.next();\n      }\n    } else {\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        this.previous();\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        this.next();\n      }\n    }\n\n    if (e.key === 'Home') {\n      e.preventDefault();\n      this.goTo(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      this.goTo(this._slides.length - 1);\n    }\n  };\n\n  // ─── Drag Handlers ───\n\n  /** @internal */\n  private _handleDragStart(e: MouseEvent): void {\n    if (!this.mouseDragging) return;\n    this._isDragging = true;\n    this._dragMoved = false;\n    this._dragStartCoord = this.orientation === 'horizontal' ? e.clientX : e.clientY;\n    (e.currentTarget as HTMLElement).style.cursor = 'grabbing';\n    e.preventDefault();\n  }\n\n  /** @internal */\n  private _handleDragMove(e: MouseEvent): void {\n    if (!this._isDragging) return;\n    const current = this.orientation === 'horizontal' ? e.clientX : e.clientY;\n    const diff = current - this._dragStartCoord;\n    if (Math.abs(diff) > 5) {\n      this._dragMoved = true;\n    }\n  }\n\n  /** @internal */\n  private _handleDragEnd(e: MouseEvent): void {\n    if (!this._isDragging) return;\n    const current = this.orientation === 'horizontal' ? e.clientX : e.clientY;\n    const diff = current - this._dragStartCoord;\n    const threshold = 50;\n    if (this._dragMoved) {\n      if (diff > threshold) {\n        this.previous();\n      } else if (diff < -threshold) {\n        this.next();\n      }\n    }\n    this._isDragging = false;\n    this._dragMoved = false;\n    (e.currentTarget as HTMLElement).style.cursor = '';\n  }\n\n  // ─── Touch Handlers ───\n\n  /** @internal */\n  private _handleTouchStart(e: TouchEvent): void {\n    if (!this.mouseDragging) return;\n    const touch = e.touches[0];\n    if (!touch) return;\n    this._isDragging = true;\n    this._touchMoved = false;\n    this._touchStartCoord = this.orientation === 'horizontal' ? touch.clientX : touch.clientY;\n  }\n\n  /** @internal */\n  private _handleTouchMove(e: TouchEvent): void {\n    if (!this._isDragging) return;\n    const touch = e.touches[0];\n    if (!touch) return;\n    const current = this.orientation === 'horizontal' ? touch.clientX : touch.clientY;\n    const diff = current - this._touchStartCoord;\n    if (Math.abs(diff) > 5) {\n      this._touchMoved = true;\n    }\n  }\n\n  /** @internal */\n  private _handleTouchEnd(e: TouchEvent): void {\n    if (!this._isDragging) return;\n    const touch = e.changedTouches[0];\n    if (!touch) return;\n    const current = this.orientation === 'horizontal' ? touch.clientX : touch.clientY;\n    const diff = current - this._touchStartCoord;\n    const threshold = 50;\n    if (this._touchMoved) {\n      if (diff > threshold) {\n        this.previous();\n      } else if (diff < -threshold) {\n        this.next();\n      }\n    }\n    this._isDragging = false;\n    this._touchMoved = false;\n  }\n\n  /** @internal */\n  private _goToManual(index: number): void {\n    this._livePolite = true;\n    this.goTo(index);\n  }\n\n  // ─── Computed ───\n\n  /**\n   * CSS transform value applied to the slide track to scroll to the current index.\n   * @internal\n   */\n  private get _trackTransform(): string {\n    const slideSize = 100 / this.slidesPerPage;\n    const offset = this._currentIndex * slideSize;\n    return this.orientation === 'horizontal'\n      ? `translateX(-${offset}%)`\n      : `translateY(-${offset}%)`;\n  }\n\n  /**\n   * Whether the previous navigation button should be enabled.\n   * @internal\n   */\n  private get _canGoPrev(): boolean {\n    return this.loop || this._currentIndex > 0;\n  }\n\n  /**\n   * Whether the next navigation button should be enabled.\n   * @internal\n   */\n  private get _canGoNext(): boolean {\n    return this.loop || this._currentIndex < this._maxIndex;\n  }\n\n  // ─── Render Helpers ───\n\n  /** @internal */\n  private _renderNavigation() {\n    return html`\n      <div class=\"navigation\" part=\"navigation\">\n        <slot name=\"previous-button\">\n          <button\n            class=\"nav-btn\"\n            part=\"prev-button\"\n            type=\"button\"\n            aria-label=${this.labelPrevSlide}\n            ?disabled=${!this._canGoPrev}\n            @click=${() => this.previous()}\n          >\n            ${this._renderPrevIcon()}\n          </button>\n        </slot>\n        ${this.autoplay\n          ? html`\n              <button\n                class=\"play-pause-btn\"\n                part=\"play-pause-btn\"\n                type=\"button\"\n                aria-label=${this._isPlaying ? this.labelPauseAutoplay : this.labelPlayAutoplay}\n                @click=${() => this._toggleAutoplay()}\n              >\n                ${this._isPlaying ? this._renderPauseIcon() : this._renderPlayIcon()}\n              </button>\n            `\n          : nothing}\n        <slot name=\"next-button\">\n          <button\n            class=\"nav-btn\"\n            part=\"next-button\"\n            type=\"button\"\n            aria-label=${this.labelNextSlide}\n            ?disabled=${!this._canGoNext}\n            @click=${() => this.next()}\n          >\n            ${this._renderNextIcon()}\n          </button>\n        </slot>\n      </div>\n    `;\n  }\n\n  /** @internal */\n  private _renderPagination() {\n    const count = this._slides.length;\n    if (count <= 1) return nothing;\n    const dots = Array.from({ length: count }, (_, i) => i);\n    return html`\n      <div class=\"controls\">\n        <div class=\"pagination\" part=\"pagination\">\n          ${dots.map(\n            (i) => html`\n              <button\n                class=${classMap({\n                  'pagination-item': true,\n                  'is-active': i === this._currentIndex,\n                })}\n                part=\"pagination-item\"\n                type=\"button\"\n                aria-label=${this.labelSlideOf(i + 1, count)}\n                aria-current=${i === this._currentIndex ? 'true' : nothing}\n                @click=${() => this._goToManual(i)}\n              >\n                <span class=\"pagination-dot\"></span>\n              </button>\n            `,\n          )}\n        </div>\n      </div>\n    `;\n  }\n\n  /** @internal */\n  private _renderPrevIcon() {\n    return this.orientation === 'horizontal' ? _svgChevronLeft : _svgChevronUp;\n  }\n\n  /** @internal */\n  private _renderNextIcon() {\n    return this.orientation === 'horizontal' ? _svgChevronRight : _svgChevronDown;\n  }\n\n  /** @internal */\n  private _renderPlayIcon() {\n    return _svgPlay;\n  }\n\n  /** @internal */\n  private _renderPauseIcon() {\n    return _svgPause;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    return html`\n      <div\n        class=\"base\"\n        part=\"base\"\n        role=\"region\"\n        aria-label=${this.label}\n        aria-roledescription=\"carousel\"\n      >\n        <div\n          class=\"live-region\"\n          role=\"status\"\n          aria-live=${this._livePolite ? 'polite' : 'off'}\n          aria-atomic=\"true\"\n        >\n          ${this._liveText}\n        </div>\n        ${this._renderNavigation()}\n        <div class=\"scroll-container-wrapper\">\n          <div\n            class=\"slide-viewport\"\n            part=\"slide-viewport\"\n            aria-live=\"polite\"\n            aria-atomic=\"false\"\n            @mousedown=${this._handleDragStart}\n            @mousemove=${this._handleDragMove}\n            @mouseup=${this._handleDragEnd}\n            @mouseleave=${this._handleDragEnd}\n            @touchstart=${this._handleTouchStart}\n            @touchmove=${this._handleTouchMove}\n            @touchend=${this._handleTouchEnd}\n          >\n            <div class=\"track\" style=\"transform: ${this._trackTransform};\">\n              <slot @slotchange=${this._handleSlotChange}></slot>\n            </div>\n          </div>\n        </div>\n        ${this._renderPagination()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-carousel': HelixCarousel;\n  }\n}\n","import { css } from 'lit';\n\nexport const helixCarouselItemStyles = css`\n  :host {\n    display: block;\n    flex-shrink: 0;\n    width: var(--_hx-carousel-slide-width, 100%);\n    box-sizing: border-box;\n  }\n\n  .slide-group {\n    height: 100%;\n    outline: none;\n  }\n\n  .slide-group:focus-visible {\n    outline: var(--hx-focus-ring-width) solid var(--hx-focus-ring-color);\n    outline-offset: var(--hx-focus-ring-offset);\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .slide-group:focus-visible {\n      outline: 3px solid Highlight;\n      outline-offset: 2px;\n    }\n  }\n`;\n","import { html } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixCarouselItemStyles } from './hx-carousel-item.styles.js';\n\n/**\n * A wrapper for individual carousel slides.\n *\n * @summary Individual slide wrapper for use inside hx-carousel.\n *\n * @tag hx-carousel-item\n *\n * @slot - Slide content.\n *\n * @csspart slide - The slide wrapper element.\n */\n@customElement('hx-carousel-item')\nexport class HelixCarouselItem extends HelixElement {\n  static override styles = [helixCarouselItemStyles];\n\n  /**\n   * The 0-based index of this slide within the carousel. Set by hx-carousel.\n   * @attr slide-index\n   */\n  @property({ type: Number, attribute: 'slide-index' })\n  slideIndex = 0;\n\n  /**\n   * Total number of slides in the carousel. Set by hx-carousel.\n   * @attr total-slides\n   */\n  @property({ type: Number, attribute: 'total-slides' })\n  totalSlides = 0;\n\n  override render() {\n    const label = `Slide ${this.slideIndex + 1} of ${this.totalSlides}`;\n    return html`\n      <div class=\"slide-group\" part=\"slide\" role=\"group\" aria-label=${label} tabindex=\"-1\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-carousel-item': HelixCarouselItem;\n  }\n}\n"],"names":["helixCarouselStyles","css","_svgChevronLeft","html","_svgChevronUp","_svgChevronRight","_svgChevronDown","_svgPlay","_svgPause","HelixCarousel","HelixElement","index","total","e","_a","slot","items","el","item","i","slideWidth","next","slide","nextIndex","prevIndex","diff","threshold","touch","slideSize","offset","nothing","count","dots","_","classMap","forcedColorsInteractive","__decorateClass","property","state","customElement","helixCarouselItemStyles","HelixCarouselItem","label"],"mappings":";;;;;AAEO,MAAMA,IAAsBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}

package/dist/shared/{hx-checkbox-DkkoWoye.js → hx-checkbox-DBD-gMoz.js}

@@ -1,13 +1,14 @@
-import { css as _, nothing as n, html as b } from "lit";
-import { property as i, query as p, state as k, customElement as u } from "lit/decorators.js";
-import { classMap as m } from "lit/directives/class-map.js";
+import { css as _, nothing as n, html as d } from "lit";
+import { property as i, query as p, state as k, customElement as m } from "lit/decorators.js";
+import { classMap as u } from "lit/directives/class-map.js";
 import { ifDefined as x } from "lit/directives/if-defined.js";
-import { live as d } from "lit/directives/live.js";
+import { live as b } from "lit/directives/live.js";
 import { F as v } from "./FormMixin-B8PXk5RQ.js";
-import { m as f } from "./aria-delegation-Doq6RRUy.js";
-import { c as g } from "./id-counter-DuX8vsui.js";
-import { H as y } from "./helix-element-BNEYeiys.js";
-const z = _`
+import { b as f } from "./forced-colors-CTEDFRGa.js";
+import { m as g } from "./aria-delegation-Doq6RRUy.js";
+import { c as y } from "./id-counter-DuX8vsui.js";
+import { H as z } from "./helix-element-BNEYeiys.js";
+const w = _`
   :host {
     display: block;
   }
@@ -67,9 +68,9 @@ const z = _`
     width: var(--hx-checkbox-size, var(--hx-size-5, 1.25rem));
     height: var(--hx-checkbox-size, var(--hx-size-5, 1.25rem));
     border: var(--hx-border-width-medium, 2px) solid
-      var(--hx-checkbox-border-color, var(--hx-color-neutral-300, #cbd5e1));
+      var(--hx-checkbox-border-color, var(--hx-color-border-strong, #66787b));
     border-radius: var(--hx-checkbox-border-radius, var(--hx-border-radius-sm, 0.25rem));
-    background-color: var(--hx-checkbox-bg, var(--hx-color-neutral-0, #ffffff));
+    background-color: var(--hx-checkbox-bg, var(--hx-color-surface-default, #ffffff));
     transition:
       background-color var(--hx-transition-fast, 150ms ease),
       border-color var(--hx-transition-fast, 150ms ease),
@@ -80,38 +81,38 @@ const z = _`
   /* ─── Focus Ring ─── */
 
   .checkbox__input:focus-visible ~ .checkbox__box {
-    outline: var(--hx-focus-ring-width, 2px) solid
+    outline: var(--hx-checkbox-focus-ring-width, var(--hx-focus-ring-width, 2px)) solid
       var(
         --hx-checkbox-focus-ring-color,
-        var(--hx-focus-ring-color, var(--hx-color-primary-400, #60a5fa))
+        var(--hx-focus-ring-color, var(--hx-color-primary-600, #0f7078))
       );
-    outline-offset: var(--hx-focus-ring-offset, 2px);
+    outline-offset: var(--hx-checkbox-focus-ring-offset, var(--hx-focus-ring-offset, 2px));
   }
 
   /* ─── Checked State ─── */
 
   .checkbox--checked .checkbox__box {
-    background-color: var(--hx-checkbox-checked-bg, var(--hx-color-primary-500, #2563eb));
-    border-color: var(--hx-checkbox-checked-border-color, var(--hx-color-primary-500, #2563eb));
+    background-color: var(--hx-checkbox-checked-bg, var(--hx-color-primary-500, #429797));
+    border-color: var(--hx-checkbox-checked-border-color, var(--hx-color-primary-500, #429797));
   }
 
   /* ─── Indeterminate State ─── */
 
   .checkbox--indeterminate .checkbox__box {
-    background-color: var(--hx-checkbox-checked-bg, var(--hx-color-primary-500, #2563eb));
-    border-color: var(--hx-checkbox-checked-border-color, var(--hx-color-primary-500, #2563eb));
+    background-color: var(--hx-checkbox-checked-bg, var(--hx-color-primary-500, #429797));
+    border-color: var(--hx-checkbox-checked-border-color, var(--hx-color-primary-500, #429797));
   }
 
   /* ─── Error State ─── */
 
   .checkbox--error .checkbox__box {
-    border-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #dc2626));
+    border-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #e5493e));
   }
 
   .checkbox--error.checkbox--checked .checkbox__box,
   .checkbox--error.checkbox--indeterminate .checkbox__box {
-    background-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #dc2626));
-    border-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #dc2626));
+    background-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #e5493e));
+    border-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #e5493e));
   }
 
   /* ─── Hover ─── */
@@ -120,7 +121,7 @@ const z = _`
   .checkbox__control:hover .checkbox__box {
     border-color: var(
       --hx-checkbox-hover-border-color,
-      var(--hx-checkbox-border-color, var(--hx-color-primary-500, #2563eb))
+      var(--hx-checkbox-border-color, var(--hx-color-primary-500, #429797))
     );
   }
 
@@ -129,7 +130,7 @@ const z = _`
   }
 
   .checkbox--error .checkbox__control:hover .checkbox__box {
-    border-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #dc2626));
+    border-color: var(--hx-checkbox-error-color, var(--hx-color-error-500, #e5493e));
   }
 
   /* ─── Checkmark Icon ─── */
@@ -139,7 +140,7 @@ const z = _`
     width: calc(var(--hx-checkbox-size, var(--hx-size-5, 1.25rem)) * 0.65);
     height: calc(var(--hx-checkbox-size, var(--hx-size-5, 1.25rem)) * 0.65);
     fill: none;
-    stroke: var(--hx-checkbox-checkmark-color, var(--hx-color-neutral-0, #ffffff));
+    stroke: var(--hx-checkbox-checkmark-color, var(--hx-color-text-on-primary, #ffffff));
     stroke-width: 2.5;
     stroke-linecap: round;
     stroke-linejoin: round;
@@ -158,14 +159,14 @@ const z = _`
   .checkbox__label {
     font-size: var(--hx-font-size-sm, 0.875rem);
     font-weight: var(--hx-font-weight-medium, 500);
-    color: var(--hx-checkbox-label-color, var(--hx-color-neutral-700, #334155));
+    color: var(--hx-checkbox-label-color, var(--hx-color-text-strong, #202b39));
     line-height: var(--hx-line-height-normal, 1.5);
     user-select: none;
     -webkit-user-select: none;
   }
 
   .checkbox__required-marker {
-    color: var(--hx-checkbox-error-color, var(--hx-color-error-text, #b91c1c));
+    color: var(--hx-checkbox-error-color, var(--hx-color-error-text, #c92a2a));
     font-weight: var(--hx-font-weight-bold, 700);
   }
 
@@ -173,7 +174,7 @@ const z = _`
 
   .checkbox__help-text {
     font-size: var(--hx-font-size-xs, 0.75rem);
-    color: var(--hx-checkbox-help-text-color, var(--hx-color-neutral-500, #64748b));
+    color: var(--hx-checkbox-help-text-color, var(--hx-color-text-muted, #4a5362));
     line-height: var(--hx-line-height-normal, 1.5);
     padding-inline-start: calc(
       var(--hx-checkbox-size, var(--hx-size-5, 1.25rem)) + var(--hx-space-2, 0.5rem)
@@ -182,7 +183,7 @@ const z = _`
 
   .checkbox__error {
     font-size: var(--hx-font-size-xs, 0.75rem);
-    color: var(--hx-checkbox-error-color, var(--hx-color-error-text, #b91c1c));
+    color: var(--hx-checkbox-error-color, var(--hx-color-error-text, #c92a2a));
     line-height: var(--hx-line-height-normal, 1.5);
     padding-inline-start: calc(
       var(--hx-checkbox-size, var(--hx-size-5, 1.25rem)) + var(--hx-space-2, 0.5rem)
@@ -293,13 +294,13 @@ const z = _`
     }
   }
 `;
-var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, t = (e, o, a, h) => {
-  for (var c = h > 1 ? void 0 : h ? $(o, a) : o, s = e.length - 1, l; s >= 0; s--)
+var $ = Object.defineProperty, C = Object.getOwnPropertyDescriptor, t = (e, o, a, h) => {
+  for (var c = h > 1 ? void 0 : h ? C(o, a) : o, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (c = (h ? l(o, a, c) : l(c)) || c);
-  return h && c && w(o, a, c), c;
+  return h && c && $(o, a, c), c;
 };
-const E = g("hx-checkbox");
-let r = class extends f(v(y)) {
+const E = y("hx-checkbox");
+let r = class extends g(v(z)) {
   constructor() {
     super(...arguments), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.required = !1, this.name = "", this.value = "on", this.label = "", this.error = "", this.helpText = "", this.requiredMessage = "This field is required.", this.size = "md", this.accessibleLabel = "", this._hasErrorSlot = !1, this._announcedError = "", this._hasWarnedLabelConflict = !1, this._id = E(), this._helpTextId = `${this._id}-help`, this._errorId = `${this._id}-error`, this._labelId = `${this._id}-label`;
   }
@@ -394,15 +395,15 @@ let r = class extends f(v(y)) {
       "checkbox--md": this.size === "md",
       "checkbox--lg": this.size === "lg"
     }, a = [e ? this._errorId : null, this.helpText && !e ? this._helpTextId : null].filter(Boolean).join(" ") || void 0, h = this._effectiveLabel || void 0;
-    return b`
-      <div class=${m(o)}>
+    return d`
+      <div class=${u(o)}>
         <label part="control" class="checkbox__control" @click=${this._handleChange}>
           <input
             class="checkbox__input"
             type="checkbox"
             id=${this._id}
-            .checked=${d(this.checked)}
-            .indeterminate=${d(this.indeterminate)}
+            .checked=${b(this.checked)}
+            .indeterminate=${b(this.indeterminate)}
             ?disabled=${this.disabled}
             ?required=${this.required}
             name=${x(this.name || void 0)}
@@ -439,7 +440,7 @@ let r = class extends f(v(y)) {
 
           <span part="label" class="checkbox__label" id=${this._labelId}>
             <slot>${this.label}</slot>
-            ${this.required ? b`<span class="checkbox__required-marker" aria-hidden="true">*</span>` : n}
+            ${this.required ? d`<span class="checkbox__required-marker" aria-hidden="true">*</span>` : n}
           </span>
         </label>
 
@@ -461,7 +462,7 @@ let r = class extends f(v(y)) {
           </slot>
         </div>
 
-        ${this.helpText && !e ? b`
+        ${this.helpText && !e ? d`
               <div part="help-text" class="checkbox__help-text" id=${this._helpTextId}>
                 <slot name="help-text">${this.helpText}</slot>
               </div>
@@ -470,7 +471,7 @@ let r = class extends f(v(y)) {
     `;
   }
 };
-r.styles = [z];
+r.styles = [w, f];
 r.formAssociated = !0;
 t([
   i({ type: Boolean, reflect: !0 })
@@ -518,9 +519,9 @@ t([
   k()
 ], r.prototype, "_announcedError", 2);
 r = t([
-  u("hx-checkbox")
+  m("hx-checkbox")
 ], r);
 export {
   r as H
 };
-//# sourceMappingURL=hx-checkbox-DkkoWoye.js.map
+//# sourceMappingURL=hx-checkbox-DBD-gMoz.js.map