@alfadocs/ui-kit-debug 0.72.2 → 0.75.0

package/dist/_chunks/{header-DaXWDw0M.js → header-CjwasYnn.js}

@@ -1,11 +1,13 @@
-import { jsxs as g, Fragment as y, jsx as s } from "react/jsx-runtime";
-import { forwardRef as t, useRef as N, useState as k, useEffect as j } from "react";
+import { jsxs as p, Fragment as k, jsx as a } from "react/jsx-runtime";
+import { forwardRef as t, useMemo as j, useRef as H, useState as w, useEffect as B } from "react";
 import { c as o } from "./index-D2ZczOXr.js";
-import { Slot as H } from "@radix-ui/react-slot";
+import { Slot as V } from "@radix-ui/react-slot";
 import { useTranslation as u } from "react-i18next";
-import { I as w } from "./icon-button-LqoiKcUN.js";
-import { M as B } from "./menu-Op71AWIC.js";
-const C = o(
+import { I as C } from "./icon-button-C_kbcd7I.js";
+import { c as S } from "./compose-refs-C0k0tdqF.js";
+import { u as z } from "./use-visual-viewport-pin-ChurOsHM.js";
+import { M as R } from "./menu-Op71AWIC.js";
+const I = o(
   [
     "ds:w-full",
     // Fixed height — a Header is always the `lg` token (64px). Using `h-*`
@@ -19,7 +21,10 @@ const C = o(
     // document flow (so content below isn't occluded and the docs Canvas
     // doesn't leak the Header over adjacent preview blocks) but stays
     // anchored to the viewport while the nearest scroll ancestor scrolls.
-    "ds:sticky ds:inset-block-start-0 ds:z-[var(--z-sticky)]",
+    // `top-0` (block axis is direction-independent): `inset-block-start-0`
+    // is not a Tailwind utility and compiled to nothing — sticky never
+    // engaged without an offset.
+    "ds:sticky ds:top-0 ds:z-[var(--z-sticky)]",
     "ds:bg-[var(--background)]",
     "ds:text-[color:var(--foreground)]",
     // Shadow recipe follows `Brand/Shadows` — one tier between states, never
@@ -97,19 +102,19 @@ const C = o(
       variant: "brand"
     }
   }
-), S = o(
+), M = o(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:w-full ds:h-full",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
   ].join(" ")
-), V = o(
+), T = o(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]"
-), z = o(
+), O = o(
   "ds:hidden ds:md:flex ds:flex-1 ds:min-w-0 ds:items-center ds:justify-center ds:gap-[var(--spacing-sm)]"
-), I = o(
+), D = o(
   "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]"
-), T = o(
+), E = o(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:text-[length:var(--font-size-base)] ds:font-[var(--font-weight-semibold)]",
@@ -129,13 +134,13 @@ const C = o(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:min-h-[var(--min-target-size)]"
   ].join(" ")
-), M = o(
+), P = o(
   [
     "ds:hidden ds:md:inline-block",
     "ds:border-inline-start ds:border-[color:var(--border)]",
     "ds:self-stretch ds:my-[var(--spacing-xs)]"
   ].join(" ")
-), O = o(
+), F = o(
   [
     "ds:sr-only ds:focus:not-sr-only",
     "ds:focus:absolute ds:focus:inset-inline-start-[var(--spacing-sm)] ds:focus:inset-block-start-[var(--spacing-sm)]",
@@ -147,89 +152,93 @@ const C = o(
     "ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)]",
     "ds:forced-colors:focus:outline-[CanvasText]"
   ].join(" ")
-), R = t(
+), L = t(
   ({
     variant: e = "brand",
     className: r,
-    children: a,
+    children: s,
     scrollLinkedElevation: d = !0,
     "aria-label": n,
     ...i
   }, l) => {
-    const { t: c } = u(), h = n ?? c("navigation.header.label", "Page header"), f = N(null), [p, b] = k(!1);
-    return j(() => {
+    const { t: c } = u(), h = n ?? c("navigation.header.label", "Page header"), f = z(), b = j(() => S(f, l), [f, l]), m = H(null), [x, _] = w(!1);
+    return B(() => {
       if (!d) return;
-      const v = f.current;
+      const v = m.current;
       if (!v || typeof IntersectionObserver > "u") return;
-      const m = new IntersectionObserver(
-        (x) => {
-          const _ = x[0];
-          b(!_.isIntersecting);
+      const g = new IntersectionObserver(
+        (y) => {
+          const N = y[0];
+          _(!N.isIntersecting);
         },
         { threshold: 0 }
       );
-      return m.observe(v), () => m.disconnect();
-    }, [d]), /* @__PURE__ */ g(y, { children: [
-      d ? /* @__PURE__ */ s(
-        "div",
-        {
-          ref: f,
-          "aria-hidden": "true",
-          className: "ds:block ds:h-px ds:w-full"
-        }
+      return g.observe(v), () => g.disconnect();
+    }, [d]), /* @__PURE__ */ p(k, { children: [
+      d ? (
+        // -mb-px swallows the sentinel's 1px flow height so the header sits
+        // flush at the top; the IntersectionObserver still sees the pixel.
+        /* @__PURE__ */ a(
+          "div",
+          {
+            ref: m,
+            "aria-hidden": "true",
+            className: "ds:block ds:h-px ds:w-full ds:-mb-px"
+          }
+        )
       ) : null,
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ a(
         "header",
         {
-          ref: l,
+          ref: b,
           role: "banner",
           "aria-label": h,
           "data-component": "header",
-          "data-scrolled": p ? "true" : void 0,
-          className: C({ variant: e, className: r }),
+          "data-scrolled": x ? "true" : void 0,
+          className: I({ variant: e, className: r }),
           ...i,
-          children: /* @__PURE__ */ s("div", { className: S(), children: a })
+          children: /* @__PURE__ */ a("div", { className: M(), children: s })
         }
       )
     ] });
   }
 );
-R.displayName = "Header";
-const D = t(({ className: e, ...r }, a) => /* @__PURE__ */ s(
+L.displayName = "Header";
+const q = t(({ className: e, ...r }, s) => /* @__PURE__ */ a(
   "div",
   {
-    ref: a,
+    ref: s,
     "data-header-slot": "start",
-    className: [V(), e].filter(Boolean).join(" "),
+    className: [T(), e].filter(Boolean).join(" "),
     ...r
   }
 ));
-D.displayName = "HeaderStart";
-const E = t(({ className: e, ...r }, a) => /* @__PURE__ */ s(
+q.displayName = "HeaderStart";
+const A = t(({ className: e, ...r }, s) => /* @__PURE__ */ a(
   "div",
   {
-    ref: a,
+    ref: s,
     "data-header-slot": "center",
-    className: [z(), e].filter(Boolean).join(" "),
+    className: [O(), e].filter(Boolean).join(" "),
     ...r
   }
 ));
-E.displayName = "HeaderCenter";
-const F = t(({ className: e, ...r }, a) => /* @__PURE__ */ s(
+A.displayName = "HeaderCenter";
+const G = t(({ className: e, ...r }, s) => /* @__PURE__ */ a(
   "div",
   {
-    ref: a,
+    ref: s,
     "data-header-slot": "end",
-    className: [I(), e].filter(Boolean).join(" "),
+    className: [D(), e].filter(Boolean).join(" "),
     ...r
   }
 ));
-F.displayName = "HeaderEnd";
-const L = t(
-  ({ logo: e, children: r, href: a = "/", className: d, asChild: n = !1, ...i }, l) => {
-    const c = [T(), d].filter(Boolean).join(" ");
-    return n ? /* @__PURE__ */ s(H, { ref: l, className: c, ...i, children: r }) : /* @__PURE__ */ g("a", { ref: l, href: a, className: c, ...i, children: [
-      e ? /* @__PURE__ */ s(
+G.displayName = "HeaderEnd";
+const J = t(
+  ({ logo: e, children: r, href: s = "/", className: d, asChild: n = !1, ...i }, l) => {
+    const c = [E(), d].filter(Boolean).join(" ");
+    return n ? /* @__PURE__ */ a(V, { ref: l, className: c, ...i, children: r }) : /* @__PURE__ */ p("a", { ref: l, href: s, className: c, ...i, children: [
+      e ? /* @__PURE__ */ a(
         "span",
         {
           "aria-hidden": r ? "true" : void 0,
@@ -237,61 +246,61 @@ const L = t(
           children: e
         }
       ) : null,
-      r ? /* @__PURE__ */ s("span", { className: "ds:truncate", children: r }) : null
+      r ? /* @__PURE__ */ a("span", { className: "ds:truncate", children: r }) : null
     ] });
   }
 );
-L.displayName = "HeaderBrand";
-function X({
+J.displayName = "HeaderBrand";
+function ar({
   className: e,
   ...r
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "span",
     {
       role: "presentation",
       "aria-hidden": "true",
-      className: [M(), e].filter(Boolean).join(" "),
+      className: [P(), e].filter(Boolean).join(" "),
       ...r
     }
   );
 }
-const P = t(({ onMenuOpen: e, "aria-label": r, className: a }, d) => {
+const K = t(({ onMenuOpen: e, "aria-label": r, className: s }, d) => {
   const { t: n } = u();
-  return /* @__PURE__ */ s(
-    w,
+  return /* @__PURE__ */ a(
+    C,
     {
       ref: d,
-      className: ["ds:md:hidden", a].filter(Boolean).join(" "),
-      icon: /* @__PURE__ */ s(B, { "aria-hidden": !0 }),
+      className: ["ds:md:hidden", s].filter(Boolean).join(" "),
+      icon: /* @__PURE__ */ a(R, { "aria-hidden": !0 }),
       "aria-label": r ?? n("navigation.sidebar.open", "Open menu"),
       onClick: e
     }
   );
 });
-P.displayName = "HeaderMenuButton";
-const q = t(({ href: e, children: r, className: a, ...d }, n) => {
+K.displayName = "HeaderMenuButton";
+const Q = t(({ href: e, children: r, className: s, ...d }, n) => {
   const { t: i } = u();
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "a",
     {
       ref: n,
       href: e,
-      className: [O(), a].filter(Boolean).join(" "),
+      className: [F(), s].filter(Boolean).join(" "),
       ...d,
       children: r ?? i("navigation.nav.skipToContent", "Skip to content")
     }
   );
 });
-q.displayName = "HeaderSkipLink";
+Q.displayName = "HeaderSkipLink";
 export {
-  R as H,
-  L as a,
-  X as b,
-  E as c,
-  F as d,
-  P as e,
-  q as f,
-  D as g
+  L as H,
+  J as a,
+  ar as b,
+  A as c,
+  G as d,
+  K as e,
+  Q as f,
+  q as g
 };
-//# sourceMappingURL=header-DaXWDw0M.js.map
+//# sourceMappingURL=header-CjwasYnn.js.map

package/dist/_chunks/header-CjwasYnn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-CjwasYnn.js","sources":["../../src/components/header/header.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type AnchorHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useTranslation } from 'react-i18next';\nimport { Menu } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useVisualViewportPin } from '../../hooks/use-visual-viewport-pin';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    'ds:w-full',\n    // Fixed height — a Header is always the `lg` token (64px). Using `h-*`\n    // (not `min-h-*`) pins the row regardless of how Storybook's Canvas /\n    // docs wrapper stretches the story's layout.\n    'ds:h-[var(--header-height-lg)]',\n    // `flex items-stretch` lets the inner div fill the full cross-axis so\n    // the flex-centered content sits on the true vertical midline.\n    'ds:flex ds:items-stretch',\n    // Pin to the top of the page — `sticky` keeps the Header in normal\n    // document flow (so content below isn't occluded and the docs Canvas\n    // doesn't leak the Header over adjacent preview blocks) but stays\n    // anchored to the viewport while the nearest scroll ancestor scrolls.\n    // `top-0` (block axis is direction-independent): `inset-block-start-0`\n    // is not a Tailwind utility and compiled to nothing — sticky never\n    // engaged without an offset.\n    'ds:sticky ds:top-0 ds:z-[var(--z-sticky)]',\n    'ds:bg-[var(--background)]',\n    'ds:text-[color:var(--foreground)]',\n    // Shadow recipe follows `Brand/Shadows` — one tier between states, never\n    // two. Resting: flat, no shadow. Scrolled: --shadow-md (tooltip/menu tier)\n    // paired with a 1-px --border so elevation still reads without the shadow\n    // in forced-colors / print, where UAs strip box-shadow. Transition is\n    // gated on `motion-reduce` so users opting out of motion still get the\n    // static elevation without animated lift.\n    'ds:transition-[border-color,box-shadow] ds:motion-reduce:transition-none',\n    'ds:border-block-end ds:border-transparent',\n    'ds:data-[scrolled=true]:border-[color:var(--border)]',\n    'ds:data-[scrolled=true]:shadow-[var(--shadow-md)]',\n    // Windows HCM: always show the border — forced-colors strips box-shadow\n    // entirely, so the border is the only separation cue the user gets.\n    'ds:forced-colors:border-[color:CanvasText]',\n    // Print: strip shadow, keep border so the header still reads as a\n    // bounded surface on paper.\n    'ds:print:shadow-none ds:print:border-[color:var(--border)]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Brand surface — primary-tinted background with primary-foreground\n        // ink. Token rescopes are narrowed to `start` + `end` slots so chrome\n        // (IconButton outline border, Logo monochrome, focus rings) re-tints\n        // automatically. The `center` slot is excluded because SearchBar paints\n        // its own `var(--background)` surface and must keep the document's\n        // --foreground / --muted-foreground for its icon, placeholder, border,\n        // kbd chip, and hover state.\n        //\n        // Contrast: --primary-foreground (#fff) over --primary (violet-500) is\n        // 4.6:1 — passes WCAG AA for normal text. Muted-foreground is also set\n        // to pure primary-foreground so any muted text in the header clears AA.\n        //\n        // Dark-mode override: in dark mode --primary is magenta-500 — using it\n        // as the full-width header surface puts a hot-pink bar at the top of\n        // every page, which the Apr 2026 brand guide's own dark mockups never\n        // do (fuchsia is reserved for CTAs). We shift the header bg to\n        // --background (blue-500) in dark so the header blends with the Dark\n        // Blue brand surface at the same level as the Sidebar; separation\n        // from the main canvas (which we offset to blue-700) is carried by\n        // the existing scroll-shadow + border. White --primary-foreground ink\n        // on blue-500 clears AAA (~12.8:1).\n        brand: [\n          'ds:bg-[var(--primary)] ds:text-[color:var(--header-foreground)]',\n          'ds:[.theme-dark_&]:bg-[var(--background)]',\n          'ds:[&_[data-header-slot=start]]:[--foreground:var(--header-foreground)]',\n          'ds:[&_[data-header-slot=start]]:[--muted-foreground:var(--header-foreground)]',\n          'ds:[&_[data-header-slot=start]]:[--border:color-mix(in_srgb,var(--header-foreground)_40%,transparent)]',\n          'ds:[&_[data-header-slot=start]]:[--muted:color-mix(in_srgb,var(--header-foreground)_16%,transparent)]',\n          'ds:[&_[data-header-slot=start]]:[--ring:var(--header-foreground)]',\n          'ds:[&_[data-header-slot=end]]:[--foreground:var(--header-foreground)]',\n          'ds:[&_[data-header-slot=end]]:[--muted-foreground:var(--header-foreground)]',\n          'ds:[&_[data-header-slot=end]]:[--border:color-mix(in_srgb,var(--header-foreground)_40%,transparent)]',\n          'ds:[&_[data-header-slot=end]]:[--muted:color-mix(in_srgb,var(--header-foreground)_16%,transparent)]',\n          'ds:[&_[data-header-slot=end]]:[--ring:var(--header-foreground)]',\n        ].join(' '),\n        // Light surface — plain page background with primary-coloured chrome.\n        // Start + end slots rescope --foreground, --border, --ring to --primary\n        // so IconButton borders/icons render in the brand hue while the\n        // HeaderBrand wordmark keeps its bicolor artwork and the SearchBar\n        // (center slot) is untouched.\n        light: [\n          'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n          'ds:[&_[data-header-slot=start]]:[--foreground:var(--primary)]',\n          'ds:[&_[data-header-slot=start]]:[--border:var(--primary)]',\n          'ds:[&_[data-header-slot=start]]:[--ring:var(--primary)]',\n          'ds:[&_[data-header-slot=end]]:[--foreground:var(--primary)]',\n          'ds:[&_[data-header-slot=end]]:[--border:var(--primary)]',\n          'ds:[&_[data-header-slot=end]]:[--ring:var(--primary)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      variant: 'brand',\n    },\n  },\n);\n\nconst innerVariants = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:w-full ds:h-full',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n  ].join(' '),\n);\n\nconst slotStartVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n);\nconst slotCenterVariants = cva(\n  'ds:hidden ds:md:flex ds:flex-1 ds:min-w-0 ds:items-center ds:justify-center ds:gap-[var(--spacing-sm)]',\n);\nconst slotEndVariants = cva(\n  'ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n);\n\nconst brandVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:text-[length:var(--font-size-base)] ds:font-[var(--font-weight-semibold)]',\n    // `leading-none` zeros the anchor's line-height so the Logo SVG sits at\n    // the geometric centre of the flex cross-axis — otherwise the residual\n    // line-box above ascenders / below descenders nudges the SVG upward.\n    'ds:leading-none',\n    // Inherit foreground from the Header root so the `brand` variant's\n    // --primary-foreground ink cascades here without an override prop.\n    'ds:text-[color:currentColor]',\n    'ds:no-underline',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:min-h-[var(--min-target-size)]',\n  ].join(' '),\n);\n\nconst brandDividerVariants = cva(\n  [\n    'ds:hidden ds:md:inline-block',\n    'ds:border-inline-start ds:border-[color:var(--border)]',\n    'ds:self-stretch ds:my-[var(--spacing-xs)]',\n  ].join(' '),\n);\n\nconst skipLinkVariants = cva(\n  [\n    'ds:sr-only ds:focus:not-sr-only',\n    'ds:focus:absolute ds:focus:inset-inline-start-[var(--spacing-sm)] ds:focus:inset-block-start-[var(--spacing-sm)]',\n    'ds:focus:z-[calc(var(--z-sticky)+1)]',\n    'ds:focus:ps-[var(--spacing-sm)] ds:focus:pe-[var(--spacing-sm)] ds:focus:pbs-[var(--spacing-xs)] ds:focus:pbe-[var(--spacing-xs)]',\n    'ds:focus:bg-[var(--background)] ds:focus:text-[color:var(--foreground)]',\n    'ds:focus:border ds:focus:border-[color:var(--border)]',\n    'ds:focus:rounded-[var(--radius-sm)]',\n    'ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)]',\n    'ds:forced-colors:focus:outline-[CanvasText]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'role' | 'children'>,\n    VariantProps<typeof rootVariants> {\n  children: ReactNode;\n  /** Override the default landmark name. */\n  'aria-label'?: string;\n  /** Enable the scroll-linked border + shadow (default `true`). */\n  scrollLinkedElevation?: boolean;\n}\n\nexport const Header = forwardRef<HTMLElement, HeaderProps>(\n  (\n    {\n      variant = 'brand',\n      className,\n      children,\n      scrollLinkedElevation = true,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const label = ariaLabel ?? t('navigation.header.label', 'Page header');\n\n    // The bar is sticky against the LAYOUT viewport — pinch-zooming pans it\n    // off the visible screen. Keep it glued to the visual viewport instead\n    // (identity when unzoomed; no-op without the visualViewport API).\n    const pinRef = useVisualViewportPin<HTMLElement>();\n    // Memoised so React doesn't detach/reattach the refs on every render.\n    const composedRef = useMemo(() => composeRefs(pinRef, ref), [pinRef, ref]);\n\n    /* ---- Scroll-linked border / shadow ---------------------------- */\n    const sentinelRef = useRef<HTMLDivElement | null>(null);\n    const [scrolled, setScrolled] = useState(false);\n    useEffect(() => {\n      if (!scrollLinkedElevation) return undefined;\n      const sentinel = sentinelRef.current;\n      if (!sentinel) return undefined;\n      if (typeof IntersectionObserver === 'undefined') return undefined;\n      const io = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0];\n          // When the sentinel scrolls out of view (isIntersecting=false),\n          // the user has scrolled past the top — flip the elevation on.\n          setScrolled(!entry.isIntersecting);\n        },\n        { threshold: 0 },\n      );\n      io.observe(sentinel);\n      return () => io.disconnect();\n    }, [scrollLinkedElevation]);\n\n    return (\n      <>\n        {/* 1px sentinel above the sticky header so the IntersectionObserver\n            fires when the user scrolls past the top. Kept outside the\n            <header> so it doesn't affect landmark semantics. */}\n        {scrollLinkedElevation ? (\n          // -mb-px swallows the sentinel's 1px flow height so the header sits\n          // flush at the top; the IntersectionObserver still sees the pixel.\n          <div\n            ref={sentinelRef}\n            aria-hidden=\"true\"\n            className=\"ds:block ds:h-px ds:w-full ds:-mb-px\"\n          />\n        ) : null}\n        <header\n          ref={composedRef}\n          role=\"banner\"\n          aria-label={label}\n          data-component=\"header\"\n          data-scrolled={scrolled ? 'true' : undefined}\n          className={rootVariants({ variant, className })}\n          {...rest}\n        >\n          <div className={innerVariants()}>{children}</div>\n        </header>\n      </>\n    );\n  },\n);\nHeader.displayName = 'Header';\n\n/* ------------------------------------------------------------------ */\n/* Slot wrappers                                                        */\n/* ------------------------------------------------------------------ */\n\nexport const HeaderStart = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-header-slot=\"start\"\n    className={[slotStartVariants(), className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nHeaderStart.displayName = 'HeaderStart';\n\nexport const HeaderCenter = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-header-slot=\"center\"\n    className={[slotCenterVariants(), className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nHeaderCenter.displayName = 'HeaderCenter';\n\nexport const HeaderEnd = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-header-slot=\"end\"\n    className={[slotEndVariants(), className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nHeaderEnd.displayName = 'HeaderEnd';\n\n/* ------------------------------------------------------------------ */\n/* Brand                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderBrandProps extends Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  'children'\n> {\n  /** Logo slot — an <svg> / <img>. Must carry its own accessible name via aria-label on the wrapping component OR a visible wordmark child. */\n  logo?: ReactNode;\n  /** Visible wordmark / product name. Sits after the logo. */\n  children?: ReactNode;\n  /** Destination href. Defaults to \"/\". */\n  href?: string;\n  /**\n   * Render through Radix `Slot` so a consumer's router link (`<Link>`) takes\n   * over the brand anchor while keeping the kit's `brandVariants` styling and\n   * any forwarded `aria-label`. Pass a single link element as `children` (the\n   * logo + wordmark go inside it). With `asChild` off the output is the plain\n   * `<a href>` exactly as before.\n   */\n  asChild?: boolean;\n}\n\nexport const HeaderBrand = forwardRef<HTMLAnchorElement, HeaderBrandProps>(\n  (\n    { logo, children, href = '/', className, asChild = false, ...props },\n    ref,\n  ) => {\n    if (import.meta.env.DEV && !props['aria-label'] && !children) {\n      console.warn(\n        'HeaderBrand: pass `aria-label` or visible children — a logo-only brand link without a name has no accessible name.',\n      );\n    }\n    const brandClassName = [brandVariants(), className]\n      .filter(Boolean)\n      .join(' ');\n\n    // Consumer-router mode: the consumer supplies their own link element as\n    // `children`; Slot merges the kit's brand class + forwarded props onto it\n    // so the lockup styling and any aria-label survive. The logo + wordmark\n    // live inside the consumer's element (it owns the click → client route).\n    if (asChild) {\n      return (\n        <Slot ref={ref} className={brandClassName} {...props}>\n          {children}\n        </Slot>\n      );\n    }\n\n    return (\n      <a ref={ref} href={href} className={brandClassName} {...props}>\n        {logo ? (\n          <span\n            aria-hidden={children ? 'true' : undefined}\n            className=\"ds:inline-flex ds:items-center\"\n          >\n            {logo}\n          </span>\n        ) : null}\n        {children ? <span className=\"ds:truncate\">{children}</span> : null}\n      </a>\n    );\n  },\n);\nHeaderBrand.displayName = 'HeaderBrand';\n\n/* ------------------------------------------------------------------ */\n/* Brand divider                                                        */\n/* ------------------------------------------------------------------ */\n\nexport function HeaderBrandDivider({\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>): ReactNode {\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={[brandDividerVariants(), className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Menu button (mobile drawer trigger)                                  */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderMenuButtonProps {\n  onMenuOpen: () => void;\n  'aria-label'?: string;\n  className?: string;\n}\n\nexport const HeaderMenuButton = forwardRef<\n  HTMLButtonElement,\n  HeaderMenuButtonProps\n>(({ onMenuOpen, 'aria-label': ariaLabel, className }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <IconButton\n      ref={ref}\n      // Show on mobile; hide above md breakpoint.\n      className={['ds:md:hidden', className].filter(Boolean).join(' ')}\n      icon={<Menu aria-hidden />}\n      aria-label={ariaLabel ?? t('navigation.sidebar.open', 'Open menu')}\n      onClick={onMenuOpen}\n    />\n  );\n});\nHeaderMenuButton.displayName = 'HeaderMenuButton';\n\n/* ------------------------------------------------------------------ */\n/* SkipLink                                                             */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderSkipLinkProps extends Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  'children'\n> {\n  href: string;\n  children?: ReactNode;\n}\n\nexport const HeaderSkipLink = forwardRef<\n  HTMLAnchorElement,\n  HeaderSkipLinkProps\n>(({ href, children, className, ...props }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <a\n      ref={ref}\n      href={href}\n      className={[skipLinkVariants(), className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children ?? t('navigation.nav.skipToContent', 'Skip to content')}\n    </a>\n  );\n});\nHeaderSkipLink.displayName = 'HeaderSkipLink';\n"],"names":["rootVariants","cva","innerVariants","slotStartVariants","slotCenterVariants","slotEndVariants","brandVariants","brandDividerVariants","skipLinkVariants","Header","forwardRef","variant","className","children","scrollLinkedElevation","ariaLabel","rest","ref","t","useTranslation","label","pinRef","useVisualViewportPin","composedRef","useMemo","composeRefs","sentinelRef","useRef","scrolled","setScrolled","useState","useEffect","sentinel","io","entries","entry","jsxs","Fragment","jsx","HeaderStart","props","HeaderCenter","HeaderEnd","HeaderBrand","logo","href","asChild","brandClassName","Slot","HeaderBrandDivider","HeaderMenuButton","onMenuOpen","IconButton","Menu","HeaderSkipLink"],"mappings":";;;;;;;;;AAsBA,MAAMA,IAAeC;AAAA,EACnB;AAAA,IACE;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA,IAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA;AAAA;AAAA,IAGA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsBP,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMV,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAAgBD;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEME,IAAoBF;AAAA,EACxB;AACF,GACMG,IAAqBH;AAAA,EACzB;AACF,GACMI,IAAkBJ;AAAA,EACtB;AACF,GAEMK,IAAgBL;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMM,IAAuBN;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMO,IAAmBP;AAAA,EACvB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAiBaQ,IAASC;AAAA,EACpB,CACE;AAAA,IACE,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,uBAAAC,IAAwB;AAAA,IACxB,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAQL,KAAaG,EAAE,2BAA2B,aAAa,GAK/DG,IAASC,EAAA,GAETC,IAAcC,EAAQ,MAAMC,EAAYJ,GAAQJ,CAAG,GAAG,CAACI,GAAQJ,CAAG,CAAC,GAGnES,IAAcC,EAA8B,IAAI,GAChD,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAC9C,WAAAC,EAAU,MAAM;AACd,UAAI,CAACjB,EAAuB;AAC5B,YAAMkB,IAAWN,EAAY;AAE7B,UADI,CAACM,KACD,OAAO,uBAAyB,IAAa;AACjD,YAAMC,IAAK,IAAI;AAAA,QACb,CAACC,MAAY;AACX,gBAAMC,IAAQD,EAAQ,CAAC;AAGvB,UAAAL,EAAY,CAACM,EAAM,cAAc;AAAA,QACnC;AAAA,QACA,EAAE,WAAW,EAAA;AAAA,MAAE;AAEjB,aAAAF,EAAG,QAAQD,CAAQ,GACZ,MAAMC,EAAG,WAAA;AAAA,IAClB,GAAG,CAACnB,CAAqB,CAAC,GAGxB,gBAAAsB,EAAAC,GAAA,EAIG,UAAA;AAAA,MAAAvB;AAAA;AAAA;AAAA,QAGC,gBAAAwB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKZ;AAAA,YACL,eAAY;AAAA,YACZ,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,UAEV;AAAA,MACJ,gBAAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKf;AAAA,UACL,MAAK;AAAA,UACL,cAAYH;AAAA,UACZ,kBAAe;AAAA,UACf,iBAAeQ,IAAW,SAAS;AAAA,UACnC,WAAW5B,EAAa,EAAE,SAAAW,GAAS,WAAAC,GAAW;AAAA,UAC7C,GAAGI;AAAA,UAEJ,4BAAC,OAAA,EAAI,WAAWd,EAAA,GAAkB,UAAAW,GAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7C,GACF;AAAA,EAEJ;AACF;AACAJ,EAAO,cAAc;AAMd,MAAM8B,IAAc7B,EAGzB,CAAC,EAAE,WAAAE,GAAW,GAAG4B,EAAA,GAASvB,MAC1B,gBAAAqB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAArB;AAAA,IACA,oBAAiB;AAAA,IACjB,WAAW,CAACd,EAAA,GAAqBS,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACnE,GAAG4B;AAAA,EAAA;AACN,CACD;AACDD,EAAY,cAAc;AAEnB,MAAME,IAAe/B,EAG1B,CAAC,EAAE,WAAAE,GAAW,GAAG4B,EAAA,GAASvB,MAC1B,gBAAAqB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAArB;AAAA,IACA,oBAAiB;AAAA,IACjB,WAAW,CAACb,EAAA,GAAsBQ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACpE,GAAG4B;AAAA,EAAA;AACN,CACD;AACDC,EAAa,cAAc;AAEpB,MAAMC,IAAYhC,EAGvB,CAAC,EAAE,WAAAE,GAAW,GAAG4B,EAAA,GAASvB,MAC1B,gBAAAqB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAArB;AAAA,IACA,oBAAiB;AAAA,IACjB,WAAW,CAACZ,EAAA,GAAmBO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACjE,GAAG4B;AAAA,EAAA;AACN,CACD;AACDE,EAAU,cAAc;AA0BjB,MAAMC,IAAcjC;AAAA,EACzB,CACE,EAAE,MAAAkC,GAAM,UAAA/B,GAAU,MAAAgC,IAAO,KAAK,WAAAjC,GAAW,SAAAkC,IAAU,IAAO,GAAGN,EAAA,GAC7DvB,MACG;AAMH,UAAM8B,IAAiB,CAACzC,EAAA,GAAiBM,CAAS,EAC/C,OAAO,OAAO,EACd,KAAK,GAAG;AAMX,WAAIkC,sBAECE,GAAA,EAAK,KAAA/B,GAAU,WAAW8B,GAAiB,GAAGP,GAC5C,UAAA3B,GACH,sBAKD,KAAA,EAAE,KAAAI,GAAU,MAAA4B,GAAY,WAAWE,GAAiB,GAAGP,GACrD,UAAA;AAAA,MAAAI,IACC,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAazB,IAAW,SAAS;AAAA,UACjC,WAAU;AAAA,UAET,UAAA+B;AAAA,QAAA;AAAA,MAAA,IAED;AAAA,MACH/B,sBAAY,QAAA,EAAK,WAAU,eAAe,UAAAA,EAAA,CAAS,IAAU;AAAA,IAAA,GAChE;AAAA,EAEJ;AACF;AACA8B,EAAY,cAAc;AAMnB,SAASM,GAAmB;AAAA,EACjC,WAAArC;AAAA,EACA,GAAG4B;AACL,GAA+C;AAC7C,SACE,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,CAAC/B,EAAA,GAAwBK,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACtE,GAAG4B;AAAA,IAAA;AAAA,EAAA;AAGV;AAYO,MAAMU,IAAmBxC,EAG9B,CAAC,EAAE,YAAAyC,GAAY,cAAcpC,GAAW,WAAAH,EAAA,GAAaK,MAAQ;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,SACE,gBAAAmB;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,KAAAnC;AAAA,MAEA,WAAW,CAAC,gBAAgBL,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC/D,MAAM,gBAAA0B,EAACe,GAAA,EAAK,eAAW,IAAC;AAAA,MACxB,cAAYtC,KAAaG,EAAE,2BAA2B,WAAW;AAAA,MACjE,SAASiC;AAAA,IAAA;AAAA,EAAA;AAGf,CAAC;AACDD,EAAiB,cAAc;AAcxB,MAAMI,IAAiB5C,EAG5B,CAAC,EAAE,MAAAmC,GAAM,UAAAhC,GAAU,WAAAD,GAAW,GAAG4B,EAAA,GAASvB,MAAQ;AAClD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,SACE,gBAAAmB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAArB;AAAA,MACA,MAAA4B;AAAA,MACA,WAAW,CAACrC,EAAA,GAAoBI,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAClE,GAAG4B;AAAA,MAEH,UAAA3B,KAAYK,EAAE,gCAAgC,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGtE,CAAC;AACDoC,EAAe,cAAc;"}

package/dist/_chunks/{header-settings-B0G_u-wV.js → header-settings-4cwQzeFc.js}

@@ -2,11 +2,11 @@ import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { forwardRef as A, useRef as p, useImperativeHandle as x, useCallback as C, useMemo as I } from "react";
 import { c as E } from "./index-D2ZczOXr.js";
 import { useTranslation as M } from "react-i18next";
-import { I as o } from "./icon-button-LqoiKcUN.js";
-import { I as N } from "./icon-button-group-C48khLE0.js";
+import { I as o } from "./icon-button-C_kbcd7I.js";
+import { I as N } from "./icon-button-group-C_lqXTAj.js";
 import { D as r } from "./dropdown-menu-DU-Hrf33.js";
 import { S as j } from "./switch-OILsBLWo.js";
-import { c as y, a as H, L as R } from "./locale-picker-DzF7Q5Y8.js";
+import { c as y, a as H, L as R } from "./locale-picker-GNF3lo8K.js";
 import { u as P } from "./use-locale-BkCIHujH.js";
 import { u as _ } from "./use-theme-CAuo6EYT.js";
 import { u as O } from "./registry-DvAUVLHh.js";
@@ -281,4 +281,4 @@ W.displayName = "HeaderSettings";
 export {
   W as H
 };
-//# sourceMappingURL=header-settings-B0G_u-wV.js.map
+//# sourceMappingURL=header-settings-4cwQzeFc.js.map

package/dist/_chunks/{header-settings-B0G_u-wV.js.map → header-settings-4cwQzeFc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header-settings-B0G_u-wV.js","sources":["../../src/components/header-settings/header-settings.agent.ts","../../src/components/header-settings/header-settings.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — HeaderSettings.                                        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { HeaderSettingsHandle } from './header-settings';\n\nexport const headerSettingsAgent: AgentAdapter<HeaderSettingsHandle> = {\n  id: 'header-settings',\n  // Each setter persists a single preference value (locale / theme /\n  // accessibility) — `set_value` semantics, not an ephemeral view switch.\n  capabilities: ['set_value'],\n  state: {},\n  actions: {\n    set_locale: {\n      safety: 'write',\n      argsType: '{ locale: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          locale: {\n            type: 'string',\n            description:\n              'IETF language tag (e.g. \"en\", \"it\", \"ar\"). Unknown tags are silently dropped.',\n          },\n        },\n        required: ['locale'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setLocale',\n      description: 'Switch the active locale to the given IETF tag.',\n      examples: [{ args: { locale: 'it' }, note: 'Switch to Italian.' }],\n      invoke: (handle, args: { locale: string }) => {\n        // Validation happens inside the handle so the agent surface\n        // accepts arbitrary tags and silently drops unknown ones.\n        handle.setLocale(args.locale);\n      },\n    },\n    set_theme: {\n      safety: 'write',\n      argsType: '{ theme: \"light\" | \"dark\" | \"system\" }',\n      argsSchema: {\n        type: 'object',\n        properties: { theme: { enum: ['light', 'dark', 'system'] } },\n        required: ['theme'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setTheme',\n      description: 'Switch the theme preference.',\n      examples: [\n        { args: { theme: 'dark' }, note: 'Switch to the dark theme.' },\n      ],\n      invoke: (handle, args: { theme: 'light' | 'dark' | 'system' }) => {\n        handle.setTheme(args.theme);\n      },\n    },\n    set_accessibility: {\n      safety: 'write',\n      argsType: '{ accessibility: \"default\" | \"accessible\" }',\n      argsSchema: {\n        type: 'object',\n        properties: { accessibility: { enum: ['default', 'accessible'] } },\n        required: ['accessibility'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setAccessibility',\n      description: 'Switch the accessibility preference.',\n      examples: [\n        {\n          args: { accessibility: 'accessible' },\n          note: 'Enable the AAA-accessible profile.',\n        },\n      ],\n      invoke: (handle, args: { accessibility: 'default' | 'accessible' }) => {\n        handle.setAccessibility(args.accessibility);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'header-settings',\n      description: 'Marks the HeaderSettings wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop (forwarded via HTMLAttributes).',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Monitor, Moon, Settings, Sun } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { Switch } from '../switch/switch';\nimport {\n  LocalePicker,\n  LOCALE_STORAGE_KEY,\n} from '../locale-picker/locale-picker';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ThemePreference,\n} from '../../hooks';\nimport { useLocale } from '../../hooks/use-locale';\nimport { LOCALE_META, type Locale } from '../../i18n/locale-meta';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { headerSettingsAgent } from './header-settings.agent';\n\nfunction safeWriteStorage(key: string, value: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.setItem(key, value);\n  } catch {\n    /* Storage can throw in private mode — silent-fail per use-theme.ts. */\n  }\n}\n\nfunction applyDocumentAttrs(locale: Locale): void {\n  if (typeof document === 'undefined') return;\n  const root = document.documentElement;\n  root.lang = locale;\n  root.dir = LOCALE_META[locale].dir;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    align: {\n      start: '',\n      end: '',\n    },\n  },\n  defaultVariants: { align: 'end' },\n});\n\nconst dropdownContentClasses = [\n  'ds:w-[20rem] ds:p-[var(--spacing-xs)]',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n  'ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-lg)]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderSettingsProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  /** Anchor side for the dropdown. Defaults to `end` (matches LTR + RTL). */\n  align?: 'start' | 'end';\n  /**\n   * Size of the cog trigger only. Forwards to the underlying\n   * `IconButton`. Defaults to `md` to preserve the existing visual.\n   * Use `sm` when composing alongside other `<Button size=\"sm\">`\n   * actions in a header row — keeps the visual rhythm consistent.\n   *\n   * The internal dropdown chrome (Appearance toggle group, locale\n   * picker, accessibility switch) stays at kit defaults regardless\n   * — this prop only sizes the trigger.\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /** Disable the trigger entirely. */\n  disabled?: boolean;\n}\n\nexport interface HeaderSettingsHandle {\n  /**\n   * Switch the active locale. Widened to `string` (vs. `Locale`) so\n   * agent surfaces with untyped inputs can call through without\n   * extra casting — invalid tags no-op silently.\n   */\n  setLocale: (next: string) => void;\n  setTheme: (next: ThemePreference) => void;\n  setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* HeaderSettings                                                      */\n/*                                                                     */\n/* Single button → single DropdownMenu surface. Inside the menu, the   */\n/* \"Language\" section embeds `LocalePicker.SearchList` (the kit's      */\n/* searchable list without its own trigger / popover) and the          */\n/* \"Appearance\" section mirrors `ThemeToggle`'s menu-variant internals */\n/* using `DropdownMenu.RadioGroup` + `CheckboxItem`. Both sections     */\n/* read/write the same hooks (`useLocale`, `useTheme`) that the        */\n/* standalone components use, so there's no state duplication.         */\n/* ------------------------------------------------------------------ */\n\nexport const HeaderSettings = forwardRef<HTMLDivElement, HeaderSettingsProps>(\n  (props, ref) => {\n    const {\n      align = 'end',\n      size = 'md',\n      disabled = false,\n      className,\n      id,\n      ...rest\n    } = props as HeaderSettingsProps & { id?: string };\n\n    const { t } = useTranslation();\n    const theme = useTheme();\n    const { setLocale: setLocaleI18n } = useLocale();\n\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    // Same side-effect chain as LocalePicker's internal helper:\n    //   i18next.changeLanguage → document.dir/lang → persist.\n    // Inlined here (rather than exported from locale-picker) because\n    // it's three small calls; the LocalePicker.SearchList component\n    // continues to own its own copy for inline use, and both apply\n    // the same persistence key (`alfadocs-ui.locale`) so a write from\n    // either path is visible to the other on next mount.\n    const setLocaleWithPersistence = useCallback(\n      (next: Locale) => {\n        void setLocaleI18n(next);\n        applyDocumentAttrs(next);\n        safeWriteStorage(LOCALE_STORAGE_KEY, next);\n      },\n      [setLocaleI18n],\n    );\n    const setLocaleRef = useRef(setLocaleWithPersistence);\n    setLocaleRef.current = setLocaleWithPersistence;\n\n    const themeRef = useRef(theme);\n    themeRef.current = theme;\n    const agentHandle = useMemo<HeaderSettingsHandle>(\n      () => ({\n        setLocale: (next: string) => {\n          // Mirrors LocalePicker's gating — silently drop unknown tags\n          // rather than crash mid-cascade. `LOCALES_WITH_BUNDLES` is\n          // re-imported via the LOCALE_META keys so this file doesn't\n          // need the resources module on the build-agent-catalog path.\n          if (Object.prototype.hasOwnProperty.call(LOCALE_META, next)) {\n            setLocaleRef.current(next as Locale);\n          }\n        },\n        setTheme: (next) => themeRef.current.setTheme(next),\n        setAccessibility: (next) => themeRef.current.setAccessibility(next),\n      }),\n      [],\n    );\n    useAgentRegistration(headerSettingsAgent, agentHandle, id);\n\n    const accessibleChecked = theme.accessibility === 'accessible';\n\n    return (\n      <div\n        ref={forwardedRef}\n        data-component=\"header-settings\"\n        data-component-id={id}\n        className={wrapperVariants({ align, className })}\n        {...rest}\n      >\n        <DropdownMenu.Root>\n          <DropdownMenu.Trigger asChild>\n            <IconButton\n              size={size}\n              disabled={disabled}\n              icon={<Settings aria-hidden />}\n              aria-label={t('navigation.headerSettings.trigger')}\n            />\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Portal>\n            <DropdownMenu.Content\n              align={align}\n              sideOffset={8}\n              className={dropdownContentClasses}\n              // Search input inside the menu owns its own keyboard\n              // capture (cmdk). Stop Radix Menu's typeahead from\n              // intercepting letters typed into the search field —\n              // `onKeyDownCapture` runs before the menu's listener.\n              onKeyDownCapture={(event) => {\n                const target = event.target as HTMLElement | null;\n                if (\n                  target?.tagName === 'INPUT' &&\n                  // Always allow Escape so the menu can close.\n                  event.key !== 'Escape'\n                ) {\n                  event.stopPropagation();\n                }\n              }}\n            >\n              <DropdownMenu.Label>\n                {t('navigation.headerSettings.language.label')}\n              </DropdownMenu.Label>\n              {/* Render the kit's compact LocalePicker (its own\n                  Popover trigger + content). Clicking the trigger\n                  opens a nested popover containing the full\n                  searchable list — the HeaderSettings menu stays\n                  open behind it so the user can return to Appearance\n                  / Accessibility without re-opening.\n\n                  Wrapped in `role=\"group\"` so the menu's\n                  `aria-required-children` rule sees a permitted child\n                  role (the LocalePicker compact button alone would\n                  appear as a raw button child of `role=\"menu\"`). */}\n              <div\n                role=\"group\"\n                aria-label={t('navigation.headerSettings.language.label')}\n                className={[\n                  'ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n                  // Stretch the compact LocalePicker to the full menu\n                  // width so it reads as a single row affordance (not\n                  // a centred pill). The picker's root is\n                  // inline-flex; the `*:` child selector + `flex-1`\n                  // gives it `flex: 1 1 0%` once it's a child of the\n                  // flex container we make this div into.\n                  'ds:flex ds:[&>*]:flex-1',\n                ].join(' ')}\n              >\n                {/* `popoverSide=\"end\"` opens the nested search popover\n                    as a side-flyout (inline-end, RTL-aware) rather\n                    than below the compact row — without this the\n                    nested popover stacks under the trigger inside the\n                    outer DropdownMenu and the two surfaces visually\n                    merge. Radix Popover auto-flips to the opposite\n                    side if there's no viewport room. */}\n                <LocalePicker variant=\"compact\" popoverSide=\"end\" />\n              </div>\n\n              <DropdownMenu.Separator />\n\n              <DropdownMenu.Label>\n                {t('navigation.headerSettings.appearance.label')}\n              </DropdownMenu.Label>\n              {/* Horizontal segmented toggle (mirrors ThemeToggle's\n                  `split` variant) instead of stacked radio rows — uses\n                  fewer rows of menu real estate and reads as a single\n                  control. `role=\"radiogroup\"` keeps the screen-reader\n                  semantics correct, and the group is wrapped in\n                  `role=\"group\"` for the same reason the language\n                  search-list wrapper is — the menu's\n                  aria-required-children doesn't permit raw IconButtons\n                  as direct menu descendants. */}\n              <div\n                role=\"group\"\n                aria-label={t('navigation.headerSettings.appearance.label')}\n                className=\"ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]\"\n              >\n                <IconButtonGroup\n                  role=\"radiogroup\"\n                  mode=\"toggle-single\"\n                  size=\"sm\"\n                  aria-label={t('navigation.headerSettings.appearance.label')}\n                  value={theme.theme}\n                  onValueChange={(next) =>\n                    theme.setTheme(next as ThemePreference)\n                  }\n                >\n                  <IconButton\n                    icon={<Sun aria-hidden />}\n                    aria-label={t('navigation.headerSettings.appearance.light')}\n                    value=\"light\"\n                  />\n                  <IconButton\n                    icon={<Moon aria-hidden />}\n                    aria-label={t('navigation.headerSettings.appearance.dark')}\n                    value=\"dark\"\n                  />\n                  <IconButton\n                    icon={<Monitor aria-hidden />}\n                    aria-label={t(\n                      'navigation.headerSettings.appearance.system',\n                    )}\n                    value=\"system\"\n                  />\n                </IconButtonGroup>\n              </div>\n\n              <DropdownMenu.Separator />\n\n              {/* Accessible-mode toggle uses the kit's Switch primitive\n                  for a clearer visual affordance than a checkbox tick.\n                  Rendered inside a `presentation` row (not a\n                  DropdownMenu.CheckboxItem) — the Switch is focusable\n                  via Tab while the menu is open, so keyboard users\n                  still reach it; arrow keys keep moving between the\n                  three theme radios above without falling into the\n                  switch's roving collection.\n\n                  When the switch flips, `setAccessibility` writes\n                  through useTheme (the same store the standalone\n                  ThemeToggle uses) so document.documentElement gets\n                  the `theme-accessible` class instantly — including\n                  swapping `--font-sans` to Lexend for Latin scripts\n                  (see src/tokens/index.css). */}\n              {/* `role=\"group\"` so the menu's `aria-required-children`\n                  (which only permits menuitem* / group / separator /\n                  menu inside `role=\"menu\"`) is satisfied — the Switch's\n                  `role=\"switch\"` would be a forbidden direct child of\n                  the menu. `aria-label` names the group so SR users\n                  hear \"Accessibility toggle, group\". */}\n              <div\n                role=\"group\"\n                aria-label={t(\n                  'navigation.headerSettings.appearance.accessible',\n                )}\n                className=\"ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]\"\n              >\n                <Switch\n                  label={t('navigation.headerSettings.appearance.accessible')}\n                  labelSide=\"start\"\n                  size=\"sm\"\n                  checked={accessibleChecked}\n                  onCheckedChange={(next) =>\n                    theme.setAccessibility(next ? 'accessible' : 'default')\n                  }\n                />\n              </div>\n            </DropdownMenu.Content>\n          </DropdownMenu.Portal>\n        </DropdownMenu.Root>\n      </div>\n    );\n  },\n);\n\nHeaderSettings.displayName = 'HeaderSettings';\n"],"names":["headerSettingsAgent","handle","args","safeWriteStorage","key","value","applyDocumentAttrs","locale","root","LOCALE_META","wrapperVariants","cva","dropdownContentClasses","HeaderSettings","forwardRef","props","ref","align","size","disabled","className","id","rest","t","useTranslation","theme","useTheme","setLocaleI18n","useLocale","forwardedRef","useRef","useImperativeHandle","setLocaleWithPersistence","useCallback","next","LOCALE_STORAGE_KEY","setLocaleRef","themeRef","agentHandle","useMemo","useAgentRegistration","accessibleChecked","jsx","jsxs","DropdownMenu","IconButton","Settings","event","target","LocalePicker","IconButtonGroup","Sun","Moon","Monitor","Switch"],"mappings":"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"}
+{"version":3,"file":"header-settings-4cwQzeFc.js","sources":["../../src/components/header-settings/header-settings.agent.ts","../../src/components/header-settings/header-settings.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — HeaderSettings.                                        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { HeaderSettingsHandle } from './header-settings';\n\nexport const headerSettingsAgent: AgentAdapter<HeaderSettingsHandle> = {\n  id: 'header-settings',\n  // Each setter persists a single preference value (locale / theme /\n  // accessibility) — `set_value` semantics, not an ephemeral view switch.\n  capabilities: ['set_value'],\n  state: {},\n  actions: {\n    set_locale: {\n      safety: 'write',\n      argsType: '{ locale: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          locale: {\n            type: 'string',\n            description:\n              'IETF language tag (e.g. \"en\", \"it\", \"ar\"). Unknown tags are silently dropped.',\n          },\n        },\n        required: ['locale'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setLocale',\n      description: 'Switch the active locale to the given IETF tag.',\n      examples: [{ args: { locale: 'it' }, note: 'Switch to Italian.' }],\n      invoke: (handle, args: { locale: string }) => {\n        // Validation happens inside the handle so the agent surface\n        // accepts arbitrary tags and silently drops unknown ones.\n        handle.setLocale(args.locale);\n      },\n    },\n    set_theme: {\n      safety: 'write',\n      argsType: '{ theme: \"light\" | \"dark\" | \"system\" }',\n      argsSchema: {\n        type: 'object',\n        properties: { theme: { enum: ['light', 'dark', 'system'] } },\n        required: ['theme'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setTheme',\n      description: 'Switch the theme preference.',\n      examples: [\n        { args: { theme: 'dark' }, note: 'Switch to the dark theme.' },\n      ],\n      invoke: (handle, args: { theme: 'light' | 'dark' | 'system' }) => {\n        handle.setTheme(args.theme);\n      },\n    },\n    set_accessibility: {\n      safety: 'write',\n      argsType: '{ accessibility: \"default\" | \"accessible\" }',\n      argsSchema: {\n        type: 'object',\n        properties: { accessibility: { enum: ['default', 'accessible'] } },\n        required: ['accessibility'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setAccessibility',\n      description: 'Switch the accessibility preference.',\n      examples: [\n        {\n          args: { accessibility: 'accessible' },\n          note: 'Enable the AAA-accessible profile.',\n        },\n      ],\n      invoke: (handle, args: { accessibility: 'default' | 'accessible' }) => {\n        handle.setAccessibility(args.accessibility);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'header-settings',\n      description: 'Marks the HeaderSettings wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop (forwarded via HTMLAttributes).',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Monitor, Moon, Settings, Sun } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { Switch } from '../switch/switch';\nimport {\n  LocalePicker,\n  LOCALE_STORAGE_KEY,\n} from '../locale-picker/locale-picker';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ThemePreference,\n} from '../../hooks';\nimport { useLocale } from '../../hooks/use-locale';\nimport { LOCALE_META, type Locale } from '../../i18n/locale-meta';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { headerSettingsAgent } from './header-settings.agent';\n\nfunction safeWriteStorage(key: string, value: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.setItem(key, value);\n  } catch {\n    /* Storage can throw in private mode — silent-fail per use-theme.ts. */\n  }\n}\n\nfunction applyDocumentAttrs(locale: Locale): void {\n  if (typeof document === 'undefined') return;\n  const root = document.documentElement;\n  root.lang = locale;\n  root.dir = LOCALE_META[locale].dir;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    align: {\n      start: '',\n      end: '',\n    },\n  },\n  defaultVariants: { align: 'end' },\n});\n\nconst dropdownContentClasses = [\n  'ds:w-[20rem] ds:p-[var(--spacing-xs)]',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n  'ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-lg)]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderSettingsProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  /** Anchor side for the dropdown. Defaults to `end` (matches LTR + RTL). */\n  align?: 'start' | 'end';\n  /**\n   * Size of the cog trigger only. Forwards to the underlying\n   * `IconButton`. Defaults to `md` to preserve the existing visual.\n   * Use `sm` when composing alongside other `<Button size=\"sm\">`\n   * actions in a header row — keeps the visual rhythm consistent.\n   *\n   * The internal dropdown chrome (Appearance toggle group, locale\n   * picker, accessibility switch) stays at kit defaults regardless\n   * — this prop only sizes the trigger.\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /** Disable the trigger entirely. */\n  disabled?: boolean;\n}\n\nexport interface HeaderSettingsHandle {\n  /**\n   * Switch the active locale. Widened to `string` (vs. `Locale`) so\n   * agent surfaces with untyped inputs can call through without\n   * extra casting — invalid tags no-op silently.\n   */\n  setLocale: (next: string) => void;\n  setTheme: (next: ThemePreference) => void;\n  setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* HeaderSettings                                                      */\n/*                                                                     */\n/* Single button → single DropdownMenu surface. Inside the menu, the   */\n/* \"Language\" section embeds `LocalePicker.SearchList` (the kit's      */\n/* searchable list without its own trigger / popover) and the          */\n/* \"Appearance\" section mirrors `ThemeToggle`'s menu-variant internals */\n/* using `DropdownMenu.RadioGroup` + `CheckboxItem`. Both sections     */\n/* read/write the same hooks (`useLocale`, `useTheme`) that the        */\n/* standalone components use, so there's no state duplication.         */\n/* ------------------------------------------------------------------ */\n\nexport const HeaderSettings = forwardRef<HTMLDivElement, HeaderSettingsProps>(\n  (props, ref) => {\n    const {\n      align = 'end',\n      size = 'md',\n      disabled = false,\n      className,\n      id,\n      ...rest\n    } = props as HeaderSettingsProps & { id?: string };\n\n    const { t } = useTranslation();\n    const theme = useTheme();\n    const { setLocale: setLocaleI18n } = useLocale();\n\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    // Same side-effect chain as LocalePicker's internal helper:\n    //   i18next.changeLanguage → document.dir/lang → persist.\n    // Inlined here (rather than exported from locale-picker) because\n    // it's three small calls; the LocalePicker.SearchList component\n    // continues to own its own copy for inline use, and both apply\n    // the same persistence key (`alfadocs-ui.locale`) so a write from\n    // either path is visible to the other on next mount.\n    const setLocaleWithPersistence = useCallback(\n      (next: Locale) => {\n        void setLocaleI18n(next);\n        applyDocumentAttrs(next);\n        safeWriteStorage(LOCALE_STORAGE_KEY, next);\n      },\n      [setLocaleI18n],\n    );\n    const setLocaleRef = useRef(setLocaleWithPersistence);\n    setLocaleRef.current = setLocaleWithPersistence;\n\n    const themeRef = useRef(theme);\n    themeRef.current = theme;\n    const agentHandle = useMemo<HeaderSettingsHandle>(\n      () => ({\n        setLocale: (next: string) => {\n          // Mirrors LocalePicker's gating — silently drop unknown tags\n          // rather than crash mid-cascade. `LOCALES_WITH_BUNDLES` is\n          // re-imported via the LOCALE_META keys so this file doesn't\n          // need the resources module on the build-agent-catalog path.\n          if (Object.prototype.hasOwnProperty.call(LOCALE_META, next)) {\n            setLocaleRef.current(next as Locale);\n          }\n        },\n        setTheme: (next) => themeRef.current.setTheme(next),\n        setAccessibility: (next) => themeRef.current.setAccessibility(next),\n      }),\n      [],\n    );\n    useAgentRegistration(headerSettingsAgent, agentHandle, id);\n\n    const accessibleChecked = theme.accessibility === 'accessible';\n\n    return (\n      <div\n        ref={forwardedRef}\n        data-component=\"header-settings\"\n        data-component-id={id}\n        className={wrapperVariants({ align, className })}\n        {...rest}\n      >\n        <DropdownMenu.Root>\n          <DropdownMenu.Trigger asChild>\n            <IconButton\n              size={size}\n              disabled={disabled}\n              icon={<Settings aria-hidden />}\n              aria-label={t('navigation.headerSettings.trigger')}\n            />\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Portal>\n            <DropdownMenu.Content\n              align={align}\n              sideOffset={8}\n              className={dropdownContentClasses}\n              // Search input inside the menu owns its own keyboard\n              // capture (cmdk). Stop Radix Menu's typeahead from\n              // intercepting letters typed into the search field —\n              // `onKeyDownCapture` runs before the menu's listener.\n              onKeyDownCapture={(event) => {\n                const target = event.target as HTMLElement | null;\n                if (\n                  target?.tagName === 'INPUT' &&\n                  // Always allow Escape so the menu can close.\n                  event.key !== 'Escape'\n                ) {\n                  event.stopPropagation();\n                }\n              }}\n            >\n              <DropdownMenu.Label>\n                {t('navigation.headerSettings.language.label')}\n              </DropdownMenu.Label>\n              {/* Render the kit's compact LocalePicker (its own\n                  Popover trigger + content). Clicking the trigger\n                  opens a nested popover containing the full\n                  searchable list — the HeaderSettings menu stays\n                  open behind it so the user can return to Appearance\n                  / Accessibility without re-opening.\n\n                  Wrapped in `role=\"group\"` so the menu's\n                  `aria-required-children` rule sees a permitted child\n                  role (the LocalePicker compact button alone would\n                  appear as a raw button child of `role=\"menu\"`). */}\n              <div\n                role=\"group\"\n                aria-label={t('navigation.headerSettings.language.label')}\n                className={[\n                  'ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n                  // Stretch the compact LocalePicker to the full menu\n                  // width so it reads as a single row affordance (not\n                  // a centred pill). The picker's root is\n                  // inline-flex; the `*:` child selector + `flex-1`\n                  // gives it `flex: 1 1 0%` once it's a child of the\n                  // flex container we make this div into.\n                  'ds:flex ds:[&>*]:flex-1',\n                ].join(' ')}\n              >\n                {/* `popoverSide=\"end\"` opens the nested search popover\n                    as a side-flyout (inline-end, RTL-aware) rather\n                    than below the compact row — without this the\n                    nested popover stacks under the trigger inside the\n                    outer DropdownMenu and the two surfaces visually\n                    merge. Radix Popover auto-flips to the opposite\n                    side if there's no viewport room. */}\n                <LocalePicker variant=\"compact\" popoverSide=\"end\" />\n              </div>\n\n              <DropdownMenu.Separator />\n\n              <DropdownMenu.Label>\n                {t('navigation.headerSettings.appearance.label')}\n              </DropdownMenu.Label>\n              {/* Horizontal segmented toggle (mirrors ThemeToggle's\n                  `split` variant) instead of stacked radio rows — uses\n                  fewer rows of menu real estate and reads as a single\n                  control. `role=\"radiogroup\"` keeps the screen-reader\n                  semantics correct, and the group is wrapped in\n                  `role=\"group\"` for the same reason the language\n                  search-list wrapper is — the menu's\n                  aria-required-children doesn't permit raw IconButtons\n                  as direct menu descendants. */}\n              <div\n                role=\"group\"\n                aria-label={t('navigation.headerSettings.appearance.label')}\n                className=\"ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]\"\n              >\n                <IconButtonGroup\n                  role=\"radiogroup\"\n                  mode=\"toggle-single\"\n                  size=\"sm\"\n                  aria-label={t('navigation.headerSettings.appearance.label')}\n                  value={theme.theme}\n                  onValueChange={(next) =>\n                    theme.setTheme(next as ThemePreference)\n                  }\n                >\n                  <IconButton\n                    icon={<Sun aria-hidden />}\n                    aria-label={t('navigation.headerSettings.appearance.light')}\n                    value=\"light\"\n                  />\n                  <IconButton\n                    icon={<Moon aria-hidden />}\n                    aria-label={t('navigation.headerSettings.appearance.dark')}\n                    value=\"dark\"\n                  />\n                  <IconButton\n                    icon={<Monitor aria-hidden />}\n                    aria-label={t(\n                      'navigation.headerSettings.appearance.system',\n                    )}\n                    value=\"system\"\n                  />\n                </IconButtonGroup>\n              </div>\n\n              <DropdownMenu.Separator />\n\n              {/* Accessible-mode toggle uses the kit's Switch primitive\n                  for a clearer visual affordance than a checkbox tick.\n                  Rendered inside a `presentation` row (not a\n                  DropdownMenu.CheckboxItem) — the Switch is focusable\n                  via Tab while the menu is open, so keyboard users\n                  still reach it; arrow keys keep moving between the\n                  three theme radios above without falling into the\n                  switch's roving collection.\n\n                  When the switch flips, `setAccessibility` writes\n                  through useTheme (the same store the standalone\n                  ThemeToggle uses) so document.documentElement gets\n                  the `theme-accessible` class instantly — including\n                  swapping `--font-sans` to Lexend for Latin scripts\n                  (see src/tokens/index.css). */}\n              {/* `role=\"group\"` so the menu's `aria-required-children`\n                  (which only permits menuitem* / group / separator /\n                  menu inside `role=\"menu\"`) is satisfied — the Switch's\n                  `role=\"switch\"` would be a forbidden direct child of\n                  the menu. `aria-label` names the group so SR users\n                  hear \"Accessibility toggle, group\". */}\n              <div\n                role=\"group\"\n                aria-label={t(\n                  'navigation.headerSettings.appearance.accessible',\n                )}\n                className=\"ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]\"\n              >\n                <Switch\n                  label={t('navigation.headerSettings.appearance.accessible')}\n                  labelSide=\"start\"\n                  size=\"sm\"\n                  checked={accessibleChecked}\n                  onCheckedChange={(next) =>\n                    theme.setAccessibility(next ? 'accessible' : 'default')\n                  }\n                />\n              </div>\n            </DropdownMenu.Content>\n          </DropdownMenu.Portal>\n        </DropdownMenu.Root>\n      </div>\n    );\n  },\n);\n\nHeaderSettings.displayName = 'HeaderSettings';\n"],"names":["headerSettingsAgent","handle","args","safeWriteStorage","key","value","applyDocumentAttrs","locale","root","LOCALE_META","wrapperVariants","cva","dropdownContentClasses","HeaderSettings","forwardRef","props","ref","align","size","disabled","className","id","rest","t","useTranslation","theme","useTheme","setLocaleI18n","useLocale","forwardedRef","useRef","useImperativeHandle","setLocaleWithPersistence","useCallback","next","LOCALE_STORAGE_KEY","setLocaleRef","themeRef","agentHandle","useMemo","useAgentRegistration","accessibleChecked","jsx","jsxs","DropdownMenu","IconButton","Settings","event","target","LocalePicker","IconButtonGroup","Sun","Moon","Monitor","Switch"],"mappings":"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"}

package/dist/_chunks/{hi-C0GEMwlD.js → hi-Bf8CAP6b.js}

@@ -1,4 +1,4 @@
-import { q as o, o as s, r, v as u } from "./date-picker-variants-DLg-ZrIo.js";
+import { q as o, o as s, r, v as u } from "./date-picker-variants-CYQAm1Gk.js";
 const d = {
   locale: {
     1: "१",
@@ -430,4 +430,4 @@ const y = {
 export {
   H as hi
 };
-//# sourceMappingURL=hi-C0GEMwlD.js.map
+//# sourceMappingURL=hi-Bf8CAP6b.js.map