@alfadocs/ui-kit-debug 1.61.0 → 1.62.0

package/dist/_chunks/{header-BVHAt7Fi.js.map → header-_TppWBpK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header-BVHAt7Fi.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). `--header-brand-surface` is\n        // --primary in light and --background (blue-500) in dark, so the\n        // header blends with the Dark Blue brand surface at the same level as\n        // the Sidebar; separation from the main canvas (which we offset to\n        // blue-700) is carried by the existing scroll-shadow + border. White\n        // --primary-foreground ink on blue-500 clears AAA (~12.8:1). A token,\n        // not a `.theme-dark` selector, so a light header nested in a dark\n        // page stays violet.\n        brand: [\n          'ds:bg-[var(--header-brand-surface,var(--primary))] ds:text-[color:var(--header-foreground)]',\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    // The card's pair, not --background / --foreground: inside a brand\n    // header's start slot --foreground is the header's own ink, which on\n    // --background is white on white.\n    'ds:focus:bg-[var(--card)] ds:focus:text-[color:var(--card-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('ui');\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('ui');\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('ui');\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":"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"}
+{"version":3,"file":"header-_TppWBpK.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). `--header-brand-surface` is\n        // --primary in light and --background (blue-500) in dark, so the\n        // header blends with the Dark Blue brand surface at the same level as\n        // the Sidebar; separation from the main canvas (which we offset to\n        // blue-700) is carried by the existing scroll-shadow + border. White\n        // --primary-foreground ink on blue-500 clears AAA (~12.8:1). A token,\n        // not a `.theme-dark` selector, so a light header nested in a dark\n        // page stays violet.\n        brand: [\n          'ds:bg-[var(--header-brand-surface,var(--primary))] ds:text-[color:var(--header-foreground)]',\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    // The card's pair, not --background / --foreground: inside a brand\n    // header's start slot --foreground is the header's own ink, which on\n    // --background is white on white.\n    'ds:focus:bg-[var(--card)] ds:focus:text-[color:var(--card-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('ui');\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('ui');\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('ui');\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":"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"}

package/dist/_chunks/{header-settings-C200bKyp.js → header-settings-BSH9Gk0J.js}

@@ -2,9 +2,9 @@ import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as C, useRef as p, useImperativeHandle as E, useCallback as I, useMemo as R } from "react";
 import { c as K } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
-import { I as _ } from "./icon-button-dNE6ENLn.js";
+import { I as _ } from "./icon-button-C_1TgRiK.js";
 import { D as n } from "./dropdown-menu-D1we7oAY.js";
-import { u as H, c as g, L as O, a as j } from "./locale-picker-Bu4YE5b2.js";
+import { u as H, c as g, L as O, a as j } from "./locale-picker-CeveTnDK.js";
 import { u as N } from "./use-locale-BExNy9Dl.js";
 import { u as x } from "./use-theme-CAuo6EYT.js";
 import { u as D } from "./registry-DvAUVLHh.js";
@@ -302,4 +302,4 @@ B.displayName = "HeaderSettings";
 export {
   B as H
 };
-//# sourceMappingURL=header-settings-C200bKyp.js.map
+//# sourceMappingURL=header-settings-BSH9Gk0J.js.map

package/dist/_chunks/{header-settings-C200bKyp.js.map → header-settings-BSH9Gk0J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header-settings-C200bKyp.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  // Read-back for all three setters. None of these preferences is\n  // recoverable from the DOM — `useTheme` resolves preference + OS into\n  // a single applied class, so `theme: 'system'` and `theme: 'light'`\n  // both paint `.theme-light` — and `set_locale` swallows unknown tags.\n  // Without these slots an agent cannot distinguish \"switched to\n  // Italian\" from \"the tag was dropped on the floor\". All four are UI\n  // preferences: no PHI, no patient-identifiable data (§7).\n  state: {\n    locale: {\n      type: 'string',\n      descriptionKey: 'ui.agent.headerSettings.state.locale',\n      description:\n        'Active IETF language tag (e.g. \"en\", \"it\", \"ar\"). Read after `set_locale` to confirm the switch landed — an unknown tag is silently dropped and leaves this unchanged.',\n      read: (handle) => handle.getLocale(),\n    },\n    theme: {\n      type: \"'light' | 'dark' | 'system'\",\n      descriptionKey: 'ui.agent.headerSettings.state.theme',\n      description:\n        \"Stored base-theme preference. `'system'` means no override is set and the OS decides — read `resolvedTheme` for what is actually painted.\",\n      read: (handle) => handle.getTheme(),\n    },\n    accessibility: {\n      type: \"'default' | 'accessible' | 'system'\",\n      descriptionKey: 'ui.agent.headerSettings.state.accessibility',\n      description:\n        \"Stored AAA-contrast preference. `'system'` means no override is set and `prefers-contrast` decides.\",\n      read: (handle) => handle.getAccessibility(),\n    },\n    resolvedTheme: {\n      type: \"'light' | 'dark' | 'light-accessible' | 'dark-accessible'\",\n      descriptionKey: 'ui.agent.headerSettings.state.resolvedTheme',\n      description:\n        'The theme actually applied to the document once preference and OS signals resolve. This is what makes a `set_theme(\"system\")` or `set_accessibility(\"system\")` write verifiable.',\n      read: (handle) => handle.getResolvedTheme(),\n    },\n  },\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:\n        'Switch the active locale to the given IETF tag. Unknown tags are silently dropped — read the `locale` state slot afterwards to confirm.',\n      errors: [\n        'Silently ignored when the tag names a locale the kit ships no bundle for — `locale` is unchanged.',\n      ],\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:\n        'Switch the theme preference. Verify with the `theme` slot (the stored preference) and `resolvedTheme` (what is actually painted).',\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\" | \"system\" }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          accessibility: {\n            enum: ['default', 'accessible', 'system'],\n            description:\n              \"`'system'` clears the override and follows `prefers-contrast`.\",\n          },\n        },\n        required: ['accessibility'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setAccessibility',\n      description:\n        'Switch the accessibility preference. Verify with the `accessibility` slot (the stored preference) and `resolvedTheme` (what is actually painted).',\n      examples: [\n        {\n          args: { accessibility: 'accessible' },\n          note: 'Enable the AAA-accessible profile.',\n        },\n      ],\n      invoke: (\n        handle,\n        args: { accessibility: 'default' | 'accessible' | 'system' },\n      ) => {\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 FocusEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Settings } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n  LocalePicker,\n  LOCALE_STORAGE_KEY,\n  useInitialLocale,\n} from '../locale-picker/locale-picker';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ResolvedTheme,\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\n// The language flyout hosts the searchable locale list, so it takes a\n// popover width rather than the menu's minimum.\nconst languageFlyoutClasses = 'ds:w-[var(--popover-size-md)]';\n\nfunction isLocale(tag: string): tag is Locale {\n  return Object.prototype.hasOwnProperty.call(LOCALE_META, tag);\n}\n\n/* ------------------------------------------------------------------ */\n/* LanguageSub                                                         */\n/*                                                                     */\n/* One menu row naming the setting and showing the current language    */\n/* (\"Language · English ›\"), laid out like DropdownMenu.ChoiceSub. It  */\n/* opens a flyout beside the menu holding LocalePicker.SearchList, so  */\n/* the 18 locales stay searchable. The flyout is a dialog, not a menu: */\n/* it holds a search combobox and a listbox, which a menu may not own. */\n/* ------------------------------------------------------------------ */\n\nfunction LanguageSub({ locale }: { locale: string }) {\n  const { t } = useTranslation('ui');\n  const current = LOCALE_META[isLocale(locale) ? locale : 'en'];\n\n  // Radix focuses the flyout itself when a keyboard user opens it. Hand\n  // that focus on to the search field so typing filters at once.\n  const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget) return;\n    event.currentTarget\n      .querySelector<HTMLInputElement>('input')\n      ?.focus({ preventScroll: true });\n  };\n\n  // The flyout closes on the \"back\" arrow (ArrowLeft, or ArrowRight in\n  // RTL). Inside the search field that key moves the caret instead,\n  // unless the caret is already at the start of the field. Capture\n  // phase, so Radix's own handler on the flyout never sees the key.\n  const handleKeyDownCapture = (event: KeyboardEvent<HTMLDivElement>) => {\n    const target = event.target;\n    if (!(target instanceof HTMLInputElement)) return;\n    // Keys pressed while an IME is composing (Japanese, Chinese) belong to\n    // the composition, never to the menu.\n    if (event.nativeEvent.isComposing) {\n      event.stopPropagation();\n      return;\n    }\n    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n    if (target.selectionStart !== 0 || target.selectionEnd !== 0) {\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <DropdownMenu.Sub>\n      <DropdownMenu.SubTrigger aria-haspopup=\"dialog\" data-value={current.code}>\n        <span className=\"ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <span className=\"ds:truncate\">\n            {t('navigation.headerSettings.language.label')}\n          </span>\n          <span\n            lang={current.code}\n            className=\"ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:[[data-highlighted]_&]:text-current\"\n          >\n            {current.nativeName}\n          </span>\n        </span>\n      </DropdownMenu.SubTrigger>\n      {/* Radix renders a `menu`; override to `dialog` and drop the\n          menu-only `aria-orientation`, which a dialog may not carry. */}\n      <DropdownMenu.SubContent\n        role=\"dialog\"\n        aria-orientation={undefined}\n        className={languageFlyoutClasses}\n        onFocus={handleFocus}\n        onKeyDownCapture={handleKeyDownCapture}\n        // Escape that cancels an IME conversion must not close the menu.\n        onEscapeKeyDown={(escapeEvent) => {\n          if (escapeEvent.isComposing) escapeEvent.preventDefault();\n        }}\n      >\n        <LocalePicker.SearchList />\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Sub>\n  );\n}\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 menu itself (language, appearance and accessible-mode rows)\n   * stays at kit defaults regardless — this prop only sizes the\n   * 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  /* ---- read-back for the three setters above -------------------- */\n  /** Active IETF language tag, as i18next resolved it. */\n  getLocale: () => string;\n  /** Stored base-theme preference (`'system'` when no override is set). */\n  getTheme: () => ThemePreference;\n  /** Stored AAA-contrast preference (`'system'` when no override is set). */\n  getAccessibility: () => AccessibilityPreference;\n  /**\n   * The theme actually painted once preference + OS signals resolve.\n   * `theme: 'system'` and `theme: 'light'` both render `.theme-light`,\n   * so this is what makes a `setTheme('system')` write verifiable.\n   */\n  getResolvedTheme: () => ResolvedTheme;\n}\n\n/* ------------------------------------------------------------------ */\n/* HeaderSettings                                                      */\n/*                                                                     */\n/* Single button → single DropdownMenu surface, laid out as a View     */\n/* menu: a Language row whose flyout holds the searchable locale list, */\n/* an Appearance ChoiceSub (light / dark / system) and an Accessible   */\n/* mode SwitchItem. Every row reads and writes the same hooks          */\n/* (`useLocale`, `useTheme`) as the standalone components, so there is */\n/* 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('ui');\n    const theme = useTheme();\n    const { locale, setLocale: setLocaleI18n } = useLocale();\n    // The language search only mounts with its flyout, so apply the saved\n    // (or browser) language here, on mount.\n    useInitialLocale();\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    // Assigned during render (not in an effect) so an agent reading the\n    // slot immediately after `set_locale` sees the settled value rather\n    // than the pre-commit one.\n    const localeRef = useRef(locale);\n    localeRef.current = locale;\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        // Read-back. None of the three preferences is recoverable from\n        // the DOM: `useTheme` resolves preference + OS into one applied\n        // class, so `theme: 'system'` and `theme: 'light'` both paint\n        // `.theme-light`. Without these an agent cannot tell a switch\n        // that landed from one that was dropped.\n        getLocale: () => localeRef.current,\n        getTheme: () => themeRef.current.theme,\n        getAccessibility: () => themeRef.current.accessibility,\n        getResolvedTheme: () => themeRef.current.resolvedTheme,\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.Content align={align}>\n            <LanguageSub locale={locale} />\n            <DropdownMenu.Separator />\n            <DropdownMenu.ChoiceSub\n              label={t('navigation.headerSettings.appearance.label')}\n              value={theme.theme}\n              onValueChange={theme.setTheme}\n              options={[\n                {\n                  value: 'light',\n                  label: t('navigation.headerSettings.appearance.light'),\n                },\n                {\n                  value: 'dark',\n                  label: t('navigation.headerSettings.appearance.dark'),\n                },\n                {\n                  value: 'system',\n                  label: t('navigation.headerSettings.appearance.system'),\n                },\n              ]}\n            />\n            {/* Writes through useTheme, so the document gets the\n                `theme-accessible` class at once (including the Lexend\n                swap for Latin scripts, see src/tokens/index.css). */}\n            <DropdownMenu.SwitchItem\n              checked={accessibleChecked}\n              onCheckedChange={(next) =>\n                theme.setAccessibility(next ? 'accessible' : 'default')\n              }\n            >\n              {t('navigation.headerSettings.appearance.accessible')}\n            </DropdownMenu.SwitchItem>\n          </DropdownMenu.Content>\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","languageFlyoutClasses","isLocale","tag","LanguageSub","t","useTranslation","current","handleFocus","event","_a","handleKeyDownCapture","target","jsxs","DropdownMenu","jsx","escapeEvent","LocalePicker","HeaderSettings","forwardRef","props","ref","align","size","disabled","className","id","rest","theme","useTheme","setLocaleI18n","useLocale","useInitialLocale","forwardedRef","useRef","useImperativeHandle","setLocaleWithPersistence","useCallback","next","LOCALE_STORAGE_KEY","setLocaleRef","localeRef","themeRef","agentHandle","useMemo","useAgentRegistration","accessibleChecked","IconButton","Settings"],"mappings":"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"}
+{"version":3,"file":"header-settings-BSH9Gk0J.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  // Read-back for all three setters. None of these preferences is\n  // recoverable from the DOM — `useTheme` resolves preference + OS into\n  // a single applied class, so `theme: 'system'` and `theme: 'light'`\n  // both paint `.theme-light` — and `set_locale` swallows unknown tags.\n  // Without these slots an agent cannot distinguish \"switched to\n  // Italian\" from \"the tag was dropped on the floor\". All four are UI\n  // preferences: no PHI, no patient-identifiable data (§7).\n  state: {\n    locale: {\n      type: 'string',\n      descriptionKey: 'ui.agent.headerSettings.state.locale',\n      description:\n        'Active IETF language tag (e.g. \"en\", \"it\", \"ar\"). Read after `set_locale` to confirm the switch landed — an unknown tag is silently dropped and leaves this unchanged.',\n      read: (handle) => handle.getLocale(),\n    },\n    theme: {\n      type: \"'light' | 'dark' | 'system'\",\n      descriptionKey: 'ui.agent.headerSettings.state.theme',\n      description:\n        \"Stored base-theme preference. `'system'` means no override is set and the OS decides — read `resolvedTheme` for what is actually painted.\",\n      read: (handle) => handle.getTheme(),\n    },\n    accessibility: {\n      type: \"'default' | 'accessible' | 'system'\",\n      descriptionKey: 'ui.agent.headerSettings.state.accessibility',\n      description:\n        \"Stored AAA-contrast preference. `'system'` means no override is set and `prefers-contrast` decides.\",\n      read: (handle) => handle.getAccessibility(),\n    },\n    resolvedTheme: {\n      type: \"'light' | 'dark' | 'light-accessible' | 'dark-accessible'\",\n      descriptionKey: 'ui.agent.headerSettings.state.resolvedTheme',\n      description:\n        'The theme actually applied to the document once preference and OS signals resolve. This is what makes a `set_theme(\"system\")` or `set_accessibility(\"system\")` write verifiable.',\n      read: (handle) => handle.getResolvedTheme(),\n    },\n  },\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:\n        'Switch the active locale to the given IETF tag. Unknown tags are silently dropped — read the `locale` state slot afterwards to confirm.',\n      errors: [\n        'Silently ignored when the tag names a locale the kit ships no bundle for — `locale` is unchanged.',\n      ],\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:\n        'Switch the theme preference. Verify with the `theme` slot (the stored preference) and `resolvedTheme` (what is actually painted).',\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\" | \"system\" }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          accessibility: {\n            enum: ['default', 'accessible', 'system'],\n            description:\n              \"`'system'` clears the override and follows `prefers-contrast`.\",\n          },\n        },\n        required: ['accessibility'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setAccessibility',\n      description:\n        'Switch the accessibility preference. Verify with the `accessibility` slot (the stored preference) and `resolvedTheme` (what is actually painted).',\n      examples: [\n        {\n          args: { accessibility: 'accessible' },\n          note: 'Enable the AAA-accessible profile.',\n        },\n      ],\n      invoke: (\n        handle,\n        args: { accessibility: 'default' | 'accessible' | 'system' },\n      ) => {\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 FocusEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Settings } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n  LocalePicker,\n  LOCALE_STORAGE_KEY,\n  useInitialLocale,\n} from '../locale-picker/locale-picker';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ResolvedTheme,\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\n// The language flyout hosts the searchable locale list, so it takes a\n// popover width rather than the menu's minimum.\nconst languageFlyoutClasses = 'ds:w-[var(--popover-size-md)]';\n\nfunction isLocale(tag: string): tag is Locale {\n  return Object.prototype.hasOwnProperty.call(LOCALE_META, tag);\n}\n\n/* ------------------------------------------------------------------ */\n/* LanguageSub                                                         */\n/*                                                                     */\n/* One menu row naming the setting and showing the current language    */\n/* (\"Language · English ›\"), laid out like DropdownMenu.ChoiceSub. It  */\n/* opens a flyout beside the menu holding LocalePicker.SearchList, so  */\n/* the 18 locales stay searchable. The flyout is a dialog, not a menu: */\n/* it holds a search combobox and a listbox, which a menu may not own. */\n/* ------------------------------------------------------------------ */\n\nfunction LanguageSub({ locale }: { locale: string }) {\n  const { t } = useTranslation('ui');\n  const current = LOCALE_META[isLocale(locale) ? locale : 'en'];\n\n  // Radix focuses the flyout itself when a keyboard user opens it. Hand\n  // that focus on to the search field so typing filters at once.\n  const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget) return;\n    event.currentTarget\n      .querySelector<HTMLInputElement>('input')\n      ?.focus({ preventScroll: true });\n  };\n\n  // The flyout closes on the \"back\" arrow (ArrowLeft, or ArrowRight in\n  // RTL). Inside the search field that key moves the caret instead,\n  // unless the caret is already at the start of the field. Capture\n  // phase, so Radix's own handler on the flyout never sees the key.\n  const handleKeyDownCapture = (event: KeyboardEvent<HTMLDivElement>) => {\n    const target = event.target;\n    if (!(target instanceof HTMLInputElement)) return;\n    // Keys pressed while an IME is composing (Japanese, Chinese) belong to\n    // the composition, never to the menu.\n    if (event.nativeEvent.isComposing) {\n      event.stopPropagation();\n      return;\n    }\n    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n    if (target.selectionStart !== 0 || target.selectionEnd !== 0) {\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <DropdownMenu.Sub>\n      <DropdownMenu.SubTrigger aria-haspopup=\"dialog\" data-value={current.code}>\n        <span className=\"ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <span className=\"ds:truncate\">\n            {t('navigation.headerSettings.language.label')}\n          </span>\n          <span\n            lang={current.code}\n            className=\"ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:[[data-highlighted]_&]:text-current\"\n          >\n            {current.nativeName}\n          </span>\n        </span>\n      </DropdownMenu.SubTrigger>\n      {/* Radix renders a `menu`; override to `dialog` and drop the\n          menu-only `aria-orientation`, which a dialog may not carry. */}\n      <DropdownMenu.SubContent\n        role=\"dialog\"\n        aria-orientation={undefined}\n        className={languageFlyoutClasses}\n        onFocus={handleFocus}\n        onKeyDownCapture={handleKeyDownCapture}\n        // Escape that cancels an IME conversion must not close the menu.\n        onEscapeKeyDown={(escapeEvent) => {\n          if (escapeEvent.isComposing) escapeEvent.preventDefault();\n        }}\n      >\n        <LocalePicker.SearchList />\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Sub>\n  );\n}\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 menu itself (language, appearance and accessible-mode rows)\n   * stays at kit defaults regardless — this prop only sizes the\n   * 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  /* ---- read-back for the three setters above -------------------- */\n  /** Active IETF language tag, as i18next resolved it. */\n  getLocale: () => string;\n  /** Stored base-theme preference (`'system'` when no override is set). */\n  getTheme: () => ThemePreference;\n  /** Stored AAA-contrast preference (`'system'` when no override is set). */\n  getAccessibility: () => AccessibilityPreference;\n  /**\n   * The theme actually painted once preference + OS signals resolve.\n   * `theme: 'system'` and `theme: 'light'` both render `.theme-light`,\n   * so this is what makes a `setTheme('system')` write verifiable.\n   */\n  getResolvedTheme: () => ResolvedTheme;\n}\n\n/* ------------------------------------------------------------------ */\n/* HeaderSettings                                                      */\n/*                                                                     */\n/* Single button → single DropdownMenu surface, laid out as a View     */\n/* menu: a Language row whose flyout holds the searchable locale list, */\n/* an Appearance ChoiceSub (light / dark / system) and an Accessible   */\n/* mode SwitchItem. Every row reads and writes the same hooks          */\n/* (`useLocale`, `useTheme`) as the standalone components, so there is */\n/* 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('ui');\n    const theme = useTheme();\n    const { locale, setLocale: setLocaleI18n } = useLocale();\n    // The language search only mounts with its flyout, so apply the saved\n    // (or browser) language here, on mount.\n    useInitialLocale();\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    // Assigned during render (not in an effect) so an agent reading the\n    // slot immediately after `set_locale` sees the settled value rather\n    // than the pre-commit one.\n    const localeRef = useRef(locale);\n    localeRef.current = locale;\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        // Read-back. None of the three preferences is recoverable from\n        // the DOM: `useTheme` resolves preference + OS into one applied\n        // class, so `theme: 'system'` and `theme: 'light'` both paint\n        // `.theme-light`. Without these an agent cannot tell a switch\n        // that landed from one that was dropped.\n        getLocale: () => localeRef.current,\n        getTheme: () => themeRef.current.theme,\n        getAccessibility: () => themeRef.current.accessibility,\n        getResolvedTheme: () => themeRef.current.resolvedTheme,\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.Content align={align}>\n            <LanguageSub locale={locale} />\n            <DropdownMenu.Separator />\n            <DropdownMenu.ChoiceSub\n              label={t('navigation.headerSettings.appearance.label')}\n              value={theme.theme}\n              onValueChange={theme.setTheme}\n              options={[\n                {\n                  value: 'light',\n                  label: t('navigation.headerSettings.appearance.light'),\n                },\n                {\n                  value: 'dark',\n                  label: t('navigation.headerSettings.appearance.dark'),\n                },\n                {\n                  value: 'system',\n                  label: t('navigation.headerSettings.appearance.system'),\n                },\n              ]}\n            />\n            {/* Writes through useTheme, so the document gets the\n                `theme-accessible` class at once (including the Lexend\n                swap for Latin scripts, see src/tokens/index.css). */}\n            <DropdownMenu.SwitchItem\n              checked={accessibleChecked}\n              onCheckedChange={(next) =>\n                theme.setAccessibility(next ? 'accessible' : 'default')\n              }\n            >\n              {t('navigation.headerSettings.appearance.accessible')}\n            </DropdownMenu.SwitchItem>\n          </DropdownMenu.Content>\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","languageFlyoutClasses","isLocale","tag","LanguageSub","t","useTranslation","current","handleFocus","event","_a","handleKeyDownCapture","target","jsxs","DropdownMenu","jsx","escapeEvent","LocalePicker","HeaderSettings","forwardRef","props","ref","align","size","disabled","className","id","rest","theme","useTheme","setLocaleI18n","useLocale","useInitialLocale","forwardedRef","useRef","useImperativeHandle","setLocaleWithPersistence","useCallback","next","LOCALE_STORAGE_KEY","setLocaleRef","localeRef","themeRef","agentHandle","useMemo","useAgentRegistration","accessibleChecked","IconButton","Settings"],"mappings":"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"}

package/dist/_chunks/{heatmap-CRMr7VWC.js → heatmap-Bb0-M88T.js}

@@ -7,8 +7,8 @@ import { B as za } from "./button-D-MQxsA_.js";
 import { E as Va } from "./empty-state-pL1qum99.js";
 import { L as Ba } from "./live-region-C41SO3cA.js";
 import { S as jt } from "./skeleton-B1KTdJ4N.js";
-import { T as ba, a as Fa } from "./tooltip-Cp-PLePW.js";
-import { p as Ga } from "./privacy-mask-BfMC57ST.js";
+import { T as ba, a as Fa } from "./tooltip-uEBdD1-5.js";
+import { p as Ga } from "./privacy-mask-Ch7743uk.js";
 import { u as Je } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { i as $a } from "./is-development-CLUAnsU7.js";
 import { c as oe } from "./index-D2ZczOXr.js";
@@ -2036,7 +2036,7 @@ const ea = fa(
   }
 );
 ea.displayName = "HeatmapLegend";
-const ta = () => import("./data-table-DAPkhyXO.js").then((e) => e.h).then((e) => ({
+const ta = () => import("./data-table-m7GbLJZy.js").then((e) => e.h).then((e) => ({
   default: e.DataTable
 })), Mr = va(ta);
 function ha() {
@@ -2862,4 +2862,4 @@ export {
   Na as b,
   Ya as h
 };
-//# sourceMappingURL=heatmap-CRMr7VWC.js.map
+//# sourceMappingURL=heatmap-Bb0-M88T.js.map