@alfadocs/ui-kit-debug 0.30.2 → 0.30.4

package/dist/_chunks/{header-CkMb1TZS.js → header-DDj7uGD-.js}

@@ -2,7 +2,7 @@ import { jsxs as v, Fragment as y, jsx as s } from "react/jsx-runtime";
 import { forwardRef as t, useRef as k, useState as N, useEffect as j } from "react";
 import { c as o } from "./index-D2ZczOXr.js";
 import { useTranslation as l } from "react-i18next";
-import { I as H } from "./icon-button-BRHSSFmZ.js";
+import { I as H } from "./icon-button-DPEqBKBQ.js";
 import { M as w } from "./menu-XRhW3_99.js";
 const B = o(
   [
@@ -299,4 +299,4 @@ export {
   P as f,
   R as g
 };
-//# sourceMappingURL=header-CkMb1TZS.js.map
+//# sourceMappingURL=header-DDj7uGD-.js.map

package/dist/_chunks/{header-CkMb1TZS.js.map → header-DDj7uGD-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header-CkMb1TZS.js","sources":["../../src/components/header/header.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\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 { useTranslation } from 'react-i18next';\nimport { Menu } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\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    'ds:sticky ds:inset-block-start-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    /* ---- 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          <div\n            ref={sentinelRef}\n            aria-hidden=\"true\"\n            className=\"ds:block ds:h-px ds:w-full\"\n          />\n        ) : null}\n        <header\n          ref={ref}\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\nexport const HeaderBrand = forwardRef<HTMLAnchorElement, HeaderBrandProps>(\n  ({ logo, children, href = '/', className, ...props }, ref) => {\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    return (\n      <a\n        ref={ref}\n        href={href}\n        className={[brandVariants(), className].filter(Boolean).join(' ')}\n        {...props}\n      >\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","sentinelRef","useRef","scrolled","setScrolled","useState","useEffect","sentinel","io","entries","entry","jsxs","Fragment","jsx","HeaderStart","props","HeaderCenter","HeaderEnd","HeaderBrand","logo","href","HeaderBrandDivider","HeaderMenuButton","onMenuOpen","IconButton","Menu","HeaderSkipLink"],"mappings":"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"}
+{"version":3,"file":"header-DDj7uGD-.js","sources":["../../src/components/header/header.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\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 { useTranslation } from 'react-i18next';\nimport { Menu } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\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    'ds:sticky ds:inset-block-start-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    /* ---- 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          <div\n            ref={sentinelRef}\n            aria-hidden=\"true\"\n            className=\"ds:block ds:h-px ds:w-full\"\n          />\n        ) : null}\n        <header\n          ref={ref}\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\nexport const HeaderBrand = forwardRef<HTMLAnchorElement, HeaderBrandProps>(\n  ({ logo, children, href = '/', className, ...props }, ref) => {\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    return (\n      <a\n        ref={ref}\n        href={href}\n        className={[brandVariants(), className].filter(Boolean).join(' ')}\n        {...props}\n      >\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","sentinelRef","useRef","scrolled","setScrolled","useState","useEffect","sentinel","io","entries","entry","jsxs","Fragment","jsx","HeaderStart","props","HeaderCenter","HeaderEnd","HeaderBrand","logo","href","HeaderBrandDivider","HeaderMenuButton","onMenuOpen","IconButton","Menu","HeaderSkipLink"],"mappings":"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"}

package/dist/_chunks/{icon-button-BRHSSFmZ.js → icon-button-DPEqBKBQ.js}

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { B as p } from "./button-DD_0Xdmr.js";
 import { c as b } from "./index-D2ZczOXr.js";
-import { T as h } from "./tooltip-DHik5yRI.js";
+import { T as h } from "./tooltip-ClJd0ciy.js";
 const g = b(
   [
     "ds:p-0",
@@ -67,4 +67,4 @@ x.displayName = "IconButton";
 export {
   x as I
 };
-//# sourceMappingURL=icon-button-BRHSSFmZ.js.map
+//# sourceMappingURL=icon-button-DPEqBKBQ.js.map

package/dist/_chunks/{icon-button-BRHSSFmZ.js.map → icon-button-DPEqBKBQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-button-BRHSSFmZ.js","sources":["../../src/components/button/icon-button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Button, type ButtonProps } from './button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Tooltip } from '../tooltip';\n\nconst iconButtonVariants = cva(\n  [\n    'ds:p-0',\n    // Active-state styling when an IconButton participates in an\n    // IconButtonGroup's `toggle-single` / `toggle-multi` mode. The\n    // group sets `aria-checked=\"true\"` (radiogroup) or\n    // `aria-pressed=\"true\"` (toolbar/group) on the selected child;\n    // without these utility classes the selection wouldn't read at a\n    // glance — see HeaderSettings' Appearance row + ThemeToggle's\n    // split variant.\n    'ds:aria-checked:bg-muted ds:aria-checked:text-foreground',\n    'ds:aria-checked:border-primary',\n    'ds:aria-pressed:bg-muted ds:aria-pressed:text-foreground',\n    'ds:aria-pressed:border-primary',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:w-8 ds:h-8',\n        md: 'ds:w-10 ds:h-10',\n        lg: 'ds:w-12 ds:h-12',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nexport type IconButtonProps = Omit<\n  ButtonProps,\n  'startIcon' | 'endIcon' | 'children' | 'size' | 'flipIconInRtl'\n> &\n  VariantProps<typeof iconButtonVariants> & {\n    icon: React.ReactNode;\n    tooltip?: string;\n    'aria-label'?: string;\n    /**\n     * Mirror the icon horizontally in RTL. Default `false` — only enable\n     * for directional glyphs (arrows, chevrons). See Button.flipIconInRtl.\n     */\n    flipIconInRtl?: boolean;\n  };\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      icon,\n      size,\n      intent = 'outline',\n      className,\n      tooltip,\n      flipIconInRtl = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const ariaLabel = props['aria-label'] || tooltip;\n\n    if (import.meta.env.DEV && !ariaLabel) {\n      console.warn(\n        'IconButton: aria-label or tooltip prop is required for accessibility.',\n      );\n    }\n\n    const iconSizeClass =\n      size === 'sm'\n        ? 'ds:size-4'\n        : size === 'lg'\n          ? 'ds:size-5'\n          : 'ds:size-[18px]';\n    const iconFlipClass = flipIconInRtl ? 'ds:rtl:rotate-180' : '';\n\n    const button = (\n      <Button\n        ref={ref}\n        size={size}\n        intent={intent}\n        className={iconButtonVariants({ size, className })}\n        aria-label={ariaLabel}\n        data-component=\"icon-button\"\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={`ds:inline-flex ds:items-center ds:justify-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n        >\n          {icon}\n        </span>\n      </Button>\n    );\n\n    if (tooltip) {\n      return <Tooltip label={tooltip}>{button}</Tooltip>;\n    }\n\n    return button;\n  },\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["iconButtonVariants","cva","IconButton","forwardRef","icon","size","intent","className","tooltip","flipIconInRtl","props","ref","ariaLabel","iconSizeClass","iconFlipClass","button","jsx","Button","Tooltip"],"mappings":";;;;;AAKA,MAAMA,IAAqBC;AAAA,EACzB;AAAA,IACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAiBaC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAYF,EAAM,YAAY,KAAKF,GAQnCK,IACJR,MAAS,OACL,cACAA,MAAS,OACP,cACA,kBACFS,IAAgBL,IAAgB,sBAAsB,IAEtDM,IACJ,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,MAAAN;AAAA,QACA,QAAAC;AAAA,QACA,WAAWN,EAAmB,EAAE,MAAAK,GAAM,WAAAE,GAAW;AAAA,QACjD,cAAYK;AAAA,QACZ,kBAAe;AAAA,QACd,GAAGF;AAAA,QAEJ,UAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW,oDAAoDH,CAAa,IAAIC,CAAa,GAAG,KAAA;AAAA,YAE/F,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAIJ,WAAII,sBACMU,GAAA,EAAQ,OAAOV,GAAU,UAAAO,GAAO,IAGnCA;AAAA,EACT;AACF;AAEAb,EAAW,cAAc;"}
+{"version":3,"file":"icon-button-DPEqBKBQ.js","sources":["../../src/components/button/icon-button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Button, type ButtonProps } from './button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Tooltip } from '../tooltip';\n\nconst iconButtonVariants = cva(\n  [\n    'ds:p-0',\n    // Active-state styling when an IconButton participates in an\n    // IconButtonGroup's `toggle-single` / `toggle-multi` mode. The\n    // group sets `aria-checked=\"true\"` (radiogroup) or\n    // `aria-pressed=\"true\"` (toolbar/group) on the selected child;\n    // without these utility classes the selection wouldn't read at a\n    // glance — see HeaderSettings' Appearance row + ThemeToggle's\n    // split variant.\n    'ds:aria-checked:bg-muted ds:aria-checked:text-foreground',\n    'ds:aria-checked:border-primary',\n    'ds:aria-pressed:bg-muted ds:aria-pressed:text-foreground',\n    'ds:aria-pressed:border-primary',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:w-8 ds:h-8',\n        md: 'ds:w-10 ds:h-10',\n        lg: 'ds:w-12 ds:h-12',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nexport type IconButtonProps = Omit<\n  ButtonProps,\n  'startIcon' | 'endIcon' | 'children' | 'size' | 'flipIconInRtl'\n> &\n  VariantProps<typeof iconButtonVariants> & {\n    icon: React.ReactNode;\n    tooltip?: string;\n    'aria-label'?: string;\n    /**\n     * Mirror the icon horizontally in RTL. Default `false` — only enable\n     * for directional glyphs (arrows, chevrons). See Button.flipIconInRtl.\n     */\n    flipIconInRtl?: boolean;\n  };\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      icon,\n      size,\n      intent = 'outline',\n      className,\n      tooltip,\n      flipIconInRtl = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const ariaLabel = props['aria-label'] || tooltip;\n\n    if (import.meta.env.DEV && !ariaLabel) {\n      console.warn(\n        'IconButton: aria-label or tooltip prop is required for accessibility.',\n      );\n    }\n\n    const iconSizeClass =\n      size === 'sm'\n        ? 'ds:size-4'\n        : size === 'lg'\n          ? 'ds:size-5'\n          : 'ds:size-[18px]';\n    const iconFlipClass = flipIconInRtl ? 'ds:rtl:rotate-180' : '';\n\n    const button = (\n      <Button\n        ref={ref}\n        size={size}\n        intent={intent}\n        className={iconButtonVariants({ size, className })}\n        aria-label={ariaLabel}\n        data-component=\"icon-button\"\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={`ds:inline-flex ds:items-center ds:justify-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n        >\n          {icon}\n        </span>\n      </Button>\n    );\n\n    if (tooltip) {\n      return <Tooltip label={tooltip}>{button}</Tooltip>;\n    }\n\n    return button;\n  },\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["iconButtonVariants","cva","IconButton","forwardRef","icon","size","intent","className","tooltip","flipIconInRtl","props","ref","ariaLabel","iconSizeClass","iconFlipClass","button","jsx","Button","Tooltip"],"mappings":";;;;;AAKA,MAAMA,IAAqBC;AAAA,EACzB;AAAA,IACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAiBaC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAYF,EAAM,YAAY,KAAKF,GAQnCK,IACJR,MAAS,OACL,cACAA,MAAS,OACP,cACA,kBACFS,IAAgBL,IAAgB,sBAAsB,IAEtDM,IACJ,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,MAAAN;AAAA,QACA,QAAAC;AAAA,QACA,WAAWN,EAAmB,EAAE,MAAAK,GAAM,WAAAE,GAAW;AAAA,QACjD,cAAYK;AAAA,QACZ,kBAAe;AAAA,QACd,GAAGF;AAAA,QAEJ,UAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW,oDAAoDH,CAAa,IAAIC,CAAa,GAAG,KAAA;AAAA,YAE/F,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAIJ,WAAII,sBACMU,GAAA,EAAQ,OAAOV,GAAU,UAAAO,GAAO,IAGnCA;AAAA,EACT;AACF;AAEAb,EAAW,cAAc;"}

package/dist/_chunks/{key-value-pair-CqeKiP__.js → key-value-pair-BvDY3zuc.js}

@@ -2,7 +2,7 @@ import { jsxs as t, Fragment as p, jsx as s } from "react/jsx-runtime";
 import { forwardRef as z, useState as f, useCallback as b } from "react";
 import { c as P } from "./index-D2ZczOXr.js";
 import { useTranslation as I } from "react-i18next";
-import { I as T } from "./icon-button-BRHSSFmZ.js";
+import { I as T } from "./icon-button-DPEqBKBQ.js";
 import { C as j } from "./check-DPdL_Sm7.js";
 import { C as K } from "./copy-B00HK7tj.js";
 const A = P("ds:flex", {
@@ -95,4 +95,4 @@ B.displayName = "KeyValuePair";
 export {
   B as K
 };
-//# sourceMappingURL=key-value-pair-CqeKiP__.js.map
+//# sourceMappingURL=key-value-pair-BvDY3zuc.js.map

package/dist/_chunks/{key-value-pair-CqeKiP__.js.map → key-value-pair-BvDY3zuc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"key-value-pair-CqeKiP__.js","sources":["../../src/components/key-value-pair/key-value-pair.tsx"],"sourcesContent":["import { forwardRef, useState, useCallback } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* CVA — root wrapper                                                   */\n/*                                                                      */\n/* The layout variants below describe the LOGICAL flow of label/value. */\n/* When an `icon` prop is supplied, the root flips to `flex-row` and    */\n/* renders the icon at the leading edge regardless of the chosen        */\n/* layout — the layout then governs the inner label/value stack. Cap-  */\n/* height alignment is handled by `items-start` + a small `mt` offset  */\n/* on the icon wrapper so a wrapping value doesn't push the icon       */\n/* downward.                                                            */\n/* ------------------------------------------------------------------ */\n\nconst keyValuePairVariants = cva('ds:flex', {\n  variants: {\n    layout: {\n      horizontal: 'ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]',\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n    /** Internal — flips the root to a horizontal flex when an icon\n        is present so the icon can sit at the leading edge of both\n        horizontal and vertical inner stacks. `items-start` keeps the\n        icon anchored to the label row even when the value wraps. */\n    hasIcon: {\n      true: 'ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)]',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    hasIcon: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePairProps                                                    */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValuePairProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof keyValuePairVariants>, 'hasIcon'> {\n  /** The label (term) */\n  label: string;\n  /** The value — accepts plain text, Badge, Tag, monospace code, any ReactNode */\n  value: React.ReactNode;\n  /** Layout direction */\n  layout?: 'horizontal' | 'vertical';\n  /** Render value in monospace font */\n  mono?: boolean;\n  /** Show a copy-to-clipboard IconButton beside the value */\n  copyable?: boolean;\n  /** The text to copy — defaults to `value` if value is a string */\n  copyText?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the pair.\n   * Pass a `lucide-react` icon (or any single React element) for\n   * visual consistency. The wrapper applies `aria-hidden=\"true\"` and\n   * paints the icon with `var(--key-value-pair-icon-color)` (defaults\n   * to `--muted-foreground`); consumers can recolour the slot via\n   * that token without forking the component.\n   *\n   * Cap-height alignment with the label is automatic — the wrapper\n   * uses `mt-0.5` so the glyph rides the label row, not the\n   * geometric centre of a wrapping value.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the\n   * intent is clear at the call site: this slot is for a single\n   * SVG/icon, not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePair                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const KeyValuePair = forwardRef<HTMLDivElement, KeyValuePairProps>(\n  (\n    {\n      label,\n      value,\n      layout = 'horizontal',\n      mono = false,\n      copyable = false,\n      copyText,\n      icon,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const textToCopy =\n      copyText ?? (typeof value === 'string' ? value : undefined);\n\n    const handleCopy = useCallback(async () => {\n      if (!textToCopy) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'KeyValuePair: copyable is true but no copyText was provided and value is not a string. Copy no-op.',\n          );\n        }\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(textToCopy);\n        setCopied(true);\n        setAnnouncement(t('keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [textToCopy, t]);\n\n    const valueClasses = [\n      'type-body ds:text-foreground ds:min-w-0 ds:shrink ds:[unicode-bidi:isolate]',\n      mono ? 'ds:font-[family-name:var(--font-mono)]' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const hasIcon = icon !== undefined && icon !== null;\n\n    // Inner stack — the label/value/copy block. Used only when an\n    // icon is present (the root flips to a horizontal `icon + stack`\n    // flex). For the horizontal layout we use `items-start` here so a\n    // wrapping value doesn't push the label visually down to the row\n    // centre — without `items-start`, the icon (anchored at row top\n    // via the root's `items-start`) would no longer align with the\n    // label's cap-height. For the vertical layout `items-start` is\n    // implicit via `flex-col`.\n    const innerStackClass =\n      layout === 'horizontal'\n        ? 'ds:flex ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)] ds:min-w-0 ds:flex-1'\n        : 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0 ds:flex-1';\n\n    const stack = (\n      <>\n        <span className=\"type-label ds:text-muted-foreground ds:shrink-0\">\n          {label}\n          <span className=\"ds:sr-only\">: </span>\n        </span>\n        <span className={valueClasses}>{value}</span>\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={t('keyValuePair.copy', { label })}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className={\n              layout === 'horizontal'\n                ? 'ds:ms-auto ds:shrink-0'\n                : 'ds:self-start'\n            }\n          />\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={keyValuePairVariants({ layout, hasIcon, className })}\n        data-component=\"key-value-pair\"\n        {...props}\n      >\n        {hasIcon ? (\n          <>\n            {/* Decorative icon wrapper. `aria-hidden` so SR users only\n                hear \"<label>: <value>\" — the icon is brand polish,\n                not semantic content. `mt-0.5` mirrors Alert's left-\n                icon offset so the glyph aligns with the label's cap-\n                height instead of the geometric centre of the row\n                (which would drift downward if the value wraps). */}\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:inline-flex ds:shrink-0 ds:mt-0.5 ds:text-[color:var(--key-value-pair-icon-color)] ds:[&_svg]:size-4\"\n            >\n              {icon}\n            </span>\n            <div className={innerStackClass}>{stack}</div>\n          </>\n        ) : (\n          stack\n        )}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {announcement}\n        </span>\n      </div>\n    );\n  },\n);\n\nKeyValuePair.displayName = 'KeyValuePair';\n"],"names":["keyValuePairVariants","cva","KeyValuePair","forwardRef","label","value","layout","mono","copyable","copyText","icon","className","props","ref","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","textToCopy","handleCopy","useCallback","valueClasses","hasIcon","innerStackClass","stack","jsxs","Fragment","jsx","IconButton","Check","Copy"],"mappings":"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"}
+{"version":3,"file":"key-value-pair-BvDY3zuc.js","sources":["../../src/components/key-value-pair/key-value-pair.tsx"],"sourcesContent":["import { forwardRef, useState, useCallback } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* CVA — root wrapper                                                   */\n/*                                                                      */\n/* The layout variants below describe the LOGICAL flow of label/value. */\n/* When an `icon` prop is supplied, the root flips to `flex-row` and    */\n/* renders the icon at the leading edge regardless of the chosen        */\n/* layout — the layout then governs the inner label/value stack. Cap-  */\n/* height alignment is handled by `items-start` + a small `mt` offset  */\n/* on the icon wrapper so a wrapping value doesn't push the icon       */\n/* downward.                                                            */\n/* ------------------------------------------------------------------ */\n\nconst keyValuePairVariants = cva('ds:flex', {\n  variants: {\n    layout: {\n      horizontal: 'ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]',\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n    /** Internal — flips the root to a horizontal flex when an icon\n        is present so the icon can sit at the leading edge of both\n        horizontal and vertical inner stacks. `items-start` keeps the\n        icon anchored to the label row even when the value wraps. */\n    hasIcon: {\n      true: 'ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)]',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    hasIcon: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePairProps                                                    */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValuePairProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof keyValuePairVariants>, 'hasIcon'> {\n  /** The label (term) */\n  label: string;\n  /** The value — accepts plain text, Badge, Tag, monospace code, any ReactNode */\n  value: React.ReactNode;\n  /** Layout direction */\n  layout?: 'horizontal' | 'vertical';\n  /** Render value in monospace font */\n  mono?: boolean;\n  /** Show a copy-to-clipboard IconButton beside the value */\n  copyable?: boolean;\n  /** The text to copy — defaults to `value` if value is a string */\n  copyText?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the pair.\n   * Pass a `lucide-react` icon (or any single React element) for\n   * visual consistency. The wrapper applies `aria-hidden=\"true\"` and\n   * paints the icon with `var(--key-value-pair-icon-color)` (defaults\n   * to `--muted-foreground`); consumers can recolour the slot via\n   * that token without forking the component.\n   *\n   * Cap-height alignment with the label is automatic — the wrapper\n   * uses `mt-0.5` so the glyph rides the label row, not the\n   * geometric centre of a wrapping value.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the\n   * intent is clear at the call site: this slot is for a single\n   * SVG/icon, not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePair                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const KeyValuePair = forwardRef<HTMLDivElement, KeyValuePairProps>(\n  (\n    {\n      label,\n      value,\n      layout = 'horizontal',\n      mono = false,\n      copyable = false,\n      copyText,\n      icon,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const textToCopy =\n      copyText ?? (typeof value === 'string' ? value : undefined);\n\n    const handleCopy = useCallback(async () => {\n      if (!textToCopy) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'KeyValuePair: copyable is true but no copyText was provided and value is not a string. Copy no-op.',\n          );\n        }\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(textToCopy);\n        setCopied(true);\n        setAnnouncement(t('keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [textToCopy, t]);\n\n    const valueClasses = [\n      'type-body ds:text-foreground ds:min-w-0 ds:shrink ds:[unicode-bidi:isolate]',\n      mono ? 'ds:font-[family-name:var(--font-mono)]' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const hasIcon = icon !== undefined && icon !== null;\n\n    // Inner stack — the label/value/copy block. Used only when an\n    // icon is present (the root flips to a horizontal `icon + stack`\n    // flex). For the horizontal layout we use `items-start` here so a\n    // wrapping value doesn't push the label visually down to the row\n    // centre — without `items-start`, the icon (anchored at row top\n    // via the root's `items-start`) would no longer align with the\n    // label's cap-height. For the vertical layout `items-start` is\n    // implicit via `flex-col`.\n    const innerStackClass =\n      layout === 'horizontal'\n        ? 'ds:flex ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)] ds:min-w-0 ds:flex-1'\n        : 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0 ds:flex-1';\n\n    const stack = (\n      <>\n        <span className=\"type-label ds:text-muted-foreground ds:shrink-0\">\n          {label}\n          <span className=\"ds:sr-only\">: </span>\n        </span>\n        <span className={valueClasses}>{value}</span>\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={t('keyValuePair.copy', { label })}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className={\n              layout === 'horizontal'\n                ? 'ds:ms-auto ds:shrink-0'\n                : 'ds:self-start'\n            }\n          />\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={keyValuePairVariants({ layout, hasIcon, className })}\n        data-component=\"key-value-pair\"\n        {...props}\n      >\n        {hasIcon ? (\n          <>\n            {/* Decorative icon wrapper. `aria-hidden` so SR users only\n                hear \"<label>: <value>\" — the icon is brand polish,\n                not semantic content. `mt-0.5` mirrors Alert's left-\n                icon offset so the glyph aligns with the label's cap-\n                height instead of the geometric centre of the row\n                (which would drift downward if the value wraps). */}\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:inline-flex ds:shrink-0 ds:mt-0.5 ds:text-[color:var(--key-value-pair-icon-color)] ds:[&_svg]:size-4\"\n            >\n              {icon}\n            </span>\n            <div className={innerStackClass}>{stack}</div>\n          </>\n        ) : (\n          stack\n        )}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {announcement}\n        </span>\n      </div>\n    );\n  },\n);\n\nKeyValuePair.displayName = 'KeyValuePair';\n"],"names":["keyValuePairVariants","cva","KeyValuePair","forwardRef","label","value","layout","mono","copyable","copyText","icon","className","props","ref","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","textToCopy","handleCopy","useCallback","valueClasses","hasIcon","innerStackClass","stack","jsxs","Fragment","jsx","IconButton","Check","Copy"],"mappings":"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"}

package/dist/_chunks/{locale-picker-BHxbTNmR.js → locale-picker-CY89MChR.js}

@@ -3,8 +3,8 @@ import { forwardRef as H, useId as $, useState as M, useCallback as R, useMemo a
 import { c as B } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { _ as y, R as ee } from "./index-4xgbg-sn.js";
-import { I as ae } from "./icon-button-BRHSSFmZ.js";
-import { P as C } from "./popover-D0slaBB9.js";
+import { I as ae } from "./icon-button-DPEqBKBQ.js";
+import { P as C } from "./popover-BfHSBEKq.js";
 import { h as A, a as _ } from "./flag-DZ6V7-hU.js";
 import { c as se, a as te, d as re } from "./input-surface-xyERuLU_.js";
 import { LOCALES_WITH_BUNDLES as j } from "../i18n/config.js";
@@ -724,4 +724,4 @@ export {
   I as b,
   k as c
 };
-//# sourceMappingURL=locale-picker-BHxbTNmR.js.map
+//# sourceMappingURL=locale-picker-CY89MChR.js.map

package/dist/_chunks/{locale-picker-BHxbTNmR.js.map → locale-picker-CY89MChR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"locale-picker-BHxbTNmR.js","sources":["../../src/i18n/locale-meta.ts","../../src/components/locale-picker/locale-picker.agent.ts","../../src/components/locale-picker/locale-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Locale metadata registry.                                              */\n/*                                                                       */\n/* Single source of truth for human-facing locale information — native   */\n/* name, English name, flag emoji, and writing direction. Consumed by    */\n/* LocalePicker / HeaderSettings to render the language switcher.        */\n/*                                                                       */\n/* Keys must match `LOCALES_WITH_BUNDLES` from `./resources` 1:1; the    */\n/* `locale-meta.test.ts` parity check fails the build if a code is       */\n/* added to one and not the other.                                        */\n/*                                                                       */\n/* Flag emojis use the Regional Indicator pair convention — a few of    */\n/* the codes are language tags rather than country tags (en, ar, hi);   */\n/* the flag chosen is the \"default-region\" the kit ships marketing      */\n/* surfaces in. Consumers that need a different region flag (e.g.       */\n/* British vs. American English) can override via `LOCALE_META[code]`.  */\n/* -------------------------------------------------------------------- */\n\nimport { LOCALES_WITH_BUNDLES } from './resources';\n\n/** Reading direction. Mirrors the shape of `hooks/use-locale.ts#LocaleDir`. */\nexport type LocaleDir = 'ltr' | 'rtl';\n\n/** IETF locale tag from the kit's bundled set. */\nexport type Locale = (typeof LOCALES_WITH_BUNDLES)[number];\n\nexport interface LocaleMetaEntry {\n  /** IETF locale tag (matches the key in `LOCALES_WITH_BUNDLES`). */\n  code: Locale;\n  /** Endonym — the locale's name in its own language (\"Italiano\", \"العربية\"). */\n  nativeName: string;\n  /** Exonym — the locale's name in English (\"Italian\", \"Arabic\"). */\n  englishName: string;\n  /**\n   * ISO 3166-1 alpha-2 country code for the default-region flag. Feed\n   * to the kit's `<Flag country={…} />` component to render the actual\n   * flag SVG (NOT the emoji glyph — those don't paint on Windows and\n   * lose fidelity at hero sizes). A few language tags here aren't tied\n   * to a single country (en, ar, hi); we pick the AlfaDocs default\n   * marketing region — consumers needing a different region flag\n   * override at the call site.\n   */\n  countryCode: string;\n  /**\n   * Regional-indicator flag emoji. Retained as a fallback for non-DOM\n   * contexts (terminal logs, plain-text exports) and the rare consumer\n   * surface that can't mount the kit's `Flag` component. UI surfaces\n   * should always reach for `countryCode` + `<Flag />` instead.\n   */\n  flag: string;\n  /** Reading direction. */\n  dir: LocaleDir;\n}\n\n/**\n * Canonical metadata for every locale shipped in `LOCALES_WITH_BUNDLES`.\n * Order matches the bundled-locales array so iteration is stable.\n */\nexport const LOCALE_META: Record<Locale, LocaleMetaEntry> = {\n  en: {\n    code: 'en',\n    nativeName: 'English',\n    englishName: 'English',\n    countryCode: 'GB',\n    flag: '🇬🇧',\n    dir: 'ltr',\n  },\n  it: {\n    code: 'it',\n    nativeName: 'Italiano',\n    englishName: 'Italian',\n    countryCode: 'IT',\n    flag: '🇮🇹',\n    dir: 'ltr',\n  },\n  de: {\n    code: 'de',\n    nativeName: 'Deutsch',\n    englishName: 'German',\n    countryCode: 'DE',\n    flag: '🇩🇪',\n    dir: 'ltr',\n  },\n  ar: {\n    code: 'ar',\n    nativeName: 'العربية',\n    englishName: 'Arabic',\n    countryCode: 'SA',\n    flag: '🇸🇦',\n    dir: 'rtl',\n  },\n  fr: {\n    code: 'fr',\n    nativeName: 'Français',\n    englishName: 'French',\n    countryCode: 'FR',\n    flag: '🇫🇷',\n    dir: 'ltr',\n  },\n  es: {\n    code: 'es',\n    nativeName: 'Español',\n    englishName: 'Spanish',\n    countryCode: 'ES',\n    flag: '🇪🇸',\n    dir: 'ltr',\n  },\n  pt: {\n    code: 'pt',\n    nativeName: 'Português',\n    englishName: 'Portuguese',\n    countryCode: 'PT',\n    flag: '🇵🇹',\n    dir: 'ltr',\n  },\n  nl: {\n    code: 'nl',\n    nativeName: 'Nederlands',\n    englishName: 'Dutch',\n    countryCode: 'NL',\n    flag: '🇳🇱',\n    dir: 'ltr',\n  },\n  ro: {\n    code: 'ro',\n    nativeName: 'Română',\n    englishName: 'Romanian',\n    countryCode: 'RO',\n    flag: '🇷🇴',\n    dir: 'ltr',\n  },\n  sq: {\n    code: 'sq',\n    nativeName: 'Shqip',\n    englishName: 'Albanian',\n    countryCode: 'AL',\n    flag: '🇦🇱',\n    dir: 'ltr',\n  },\n  tr: {\n    code: 'tr',\n    nativeName: 'Türkçe',\n    englishName: 'Turkish',\n    countryCode: 'TR',\n    flag: '🇹🇷',\n    dir: 'ltr',\n  },\n  pl: {\n    code: 'pl',\n    nativeName: 'Polski',\n    englishName: 'Polish',\n    countryCode: 'PL',\n    flag: '🇵🇱',\n    dir: 'ltr',\n  },\n  sv: {\n    code: 'sv',\n    nativeName: 'Svenska',\n    englishName: 'Swedish',\n    countryCode: 'SE',\n    flag: '🇸🇪',\n    dir: 'ltr',\n  },\n  ru: {\n    code: 'ru',\n    nativeName: 'Русский',\n    englishName: 'Russian',\n    countryCode: 'RU',\n    flag: '🇷🇺',\n    dir: 'ltr',\n  },\n  el: {\n    code: 'el',\n    nativeName: 'Ελληνικά',\n    englishName: 'Greek',\n    countryCode: 'GR',\n    flag: '🇬🇷',\n    dir: 'ltr',\n  },\n  ja: {\n    code: 'ja',\n    nativeName: '日本語',\n    englishName: 'Japanese',\n    countryCode: 'JP',\n    flag: '🇯🇵',\n    dir: 'ltr',\n  },\n  zh: {\n    code: 'zh',\n    nativeName: '中文',\n    englishName: 'Chinese',\n    countryCode: 'CN',\n    flag: '🇨🇳',\n    dir: 'ltr',\n  },\n  hi: {\n    code: 'hi',\n    nativeName: 'हिन्दी',\n    englishName: 'Hindi',\n    countryCode: 'IN',\n    flag: '🇮🇳',\n    dir: 'ltr',\n  },\n};\n\n/**\n * Canonical (i18n-parity) order — used when consumers need the same\n * sequence as `LOCALES_WITH_BUNDLES` (e.g. generating fixtures or\n * snapshot keys). Pickers / menus should use `LOCALE_LIST` instead,\n * which sorts alphabetically.\n */\nexport const LOCALE_LIST_CANONICAL: readonly LocaleMetaEntry[] =\n  LOCALES_WITH_BUNDLES.map((code) => LOCALE_META[code]);\n\n/**\n * Picker-facing list — sorted alphabetically by English name so the\n * order is deterministic and language-independent. End users searching\n * by native name use the picker's input box to filter; the visible\n * order doesn't depend on the active locale's collation.\n *\n * \"System Default\" (the OS-driven fallback) is rendered separately at\n * the top of `LocalePicker.SearchList` — not in this list — so the\n * alphabetical order here applies to the 18 explicit locale rows only.\n */\nexport const LOCALE_LIST: readonly LocaleMetaEntry[] = [\n  ...LOCALES_WITH_BUNDLES.map((code) => LOCALE_META[code]),\n].sort((a, b) => a.englishName.localeCompare(b.englishName, 'en'));\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — LocalePicker.                                          */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { LocalePickerHandle } from './locale-picker';\n\nexport const localePickerAgent: AgentAdapter<LocalePickerHandle> = {\n  id: 'locale-picker',\n  capabilities: ['view_change'],\n  state: {},\n  actions: {\n    set_locale: {\n      safety: 'write',\n      argsType: '{ locale: string }',\n      descriptionKey: 'ui.agent.localePicker.actions.setLocale',\n      description: 'Switch the active locale to the given IETF tag.',\n      invoke: (handle, args: { locale: string }) => {\n        // The handle's own implementation gates against\n        // `LOCALES_WITH_BUNDLES`, so a tag the kit doesn't ship is a\n        // no-op rather than a runtime crash.\n        handle.setLocale(args.locale);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'locale-picker',\n      description: 'Marks the LocalePicker wrapper.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Globe, Monitor } from 'lucide-react';\nimport { Command, defaultFilter } from 'cmdk';\nimport { IconButton } from '../button/icon-button';\nimport { Popover } from '../popover/popover';\nimport { Flag, hasFlag } from '../flag/flag';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n} from '../_shared/input-surface';\nimport { LOCALE_LIST, LOCALE_META, type Locale } from '../../i18n/locale-meta';\nimport { LOCALES_WITH_BUNDLES } from '../../i18n/config';\nimport { useLocale } from '../../hooks/use-locale';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { localePickerAgent } from './locale-picker.agent';\n\n/* ------------------------------------------------------------------ */\n/* Persistence + browser-locale detection                              */\n/*                                                                     */\n/* The first mount of a LocalePicker after a fresh page load runs a    */\n/* one-shot detection: if no locale has ever been persisted, read      */\n/* navigator.language, normalise to the base tag (`it-IT` → `it`),    */\n/* and adopt it if the kit ships a matching bundle. Fall back to       */\n/* `en` if not. Result is persisted so a subsequent page load          */\n/* respects the user choice without re-detecting.                      */\n/*                                                                     */\n/* Module-level flag — the detection must fire once per app           */\n/* lifecycle, not once per LocalePicker instance, since HeaderSettings */\n/* + a standalone picker can both be mounted simultaneously.           */\n/* ------------------------------------------------------------------ */\n\nexport const LOCALE_STORAGE_KEY = 'alfadocs-ui.locale';\n\n/**\n * Sentinel value (and Combobox-row key) for \"follow the browser /\n * OS locale\". Mirrors the ThemeToggle's `'system'` preference: the\n * picker doesn't store a concrete locale code; the runtime resolves\n * to `navigator.language` on each mount.\n */\nexport const LOCALE_SYSTEM_DEFAULT = 'system' as const;\nexport type LocalePreference = Locale | typeof LOCALE_SYSTEM_DEFAULT;\n\nlet detectionFired = false;\n\nfunction isSupportedLocale(value: unknown): value is Locale {\n  return (\n    typeof value === 'string' &&\n    (LOCALES_WITH_BUNDLES as readonly string[]).includes(value)\n  );\n}\n\nfunction safeReadStorage(key: string): string | null {\n  if (typeof window === 'undefined') return null;\n  try {\n    return window.localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\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 / when quota is exceeded — the\n       in-memory state is the source of truth. Same silent-fail shape\n       as use-theme.ts. */\n  }\n}\n\nfunction detectBrowserLocale(): Locale {\n  if (typeof navigator === 'undefined') return 'en';\n  const raw = navigator.language;\n  if (!raw) return 'en';\n  const base = raw.toLowerCase().split('-')[0];\n  return isSupportedLocale(base) ? base : 'en';\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/* Shared state hook                                                   */\n/*                                                                     */\n/* Centralises the setLocale wrapper so both the standalone picker     */\n/* and the inline `LocalePicker.SearchList` share one source of truth: */\n/*   1. delegate to `useLocale().setLocale` (the i18next change)       */\n/*   2. set `document.documentElement.dir` + `lang`                    */\n/*   3. persist to localStorage at `alfadocs-ui.locale`                */\n/* ------------------------------------------------------------------ */\n\ninterface LocalePickerState {\n  /** Resolved locale actually applied to the page (always concrete). */\n  locale: Locale;\n  /**\n   * True when the resolved locale came from `navigator.language`\n   * rather than an explicit user choice (i.e. no localStorage entry).\n   * Used to mark the \"System Default\" row as the active selection\n   * until the user picks a specific locale.\n   */\n  isSystemDefault: boolean;\n  /**\n   * Switch to a specific locale (persists) OR back to the System\n   * Default (clears the localStorage entry and re-detects).\n   */\n  setLocale: (next: LocalePreference) => void;\n}\n\nfunction safeRemoveStorage(key: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.removeItem(key);\n  } catch {\n    /* private mode etc. — silent fail per the rest of the file. */\n  }\n}\n\nfunction useLocalePickerState(): LocalePickerState {\n  const { locale: rawLocale, setLocale: setLocaleI18n } = useLocale();\n  const [isSystemDefault, setIsSystemDefault] = useState<boolean>(\n    () => safeReadStorage(LOCALE_STORAGE_KEY) === null,\n  );\n\n  // Coerce the i18next-reported locale to the supported set so consumers\n  // never see an un-bundled tag (e.g. when the host app pre-loads\n  // `en-US` before the kit's resources land).\n  const locale: Locale = isSupportedLocale(rawLocale) ? rawLocale : 'en';\n\n  const setLocale = useCallback(\n    (next: LocalePreference) => {\n      if (next === LOCALE_SYSTEM_DEFAULT) {\n        // Clear persistence + re-resolve to navigator.language.\n        safeRemoveStorage(LOCALE_STORAGE_KEY);\n        const detected = detectBrowserLocale();\n        void setLocaleI18n(detected);\n        applyDocumentAttrs(detected);\n        setIsSystemDefault(true);\n        return;\n      }\n      if (!isSupportedLocale(next)) return;\n      void setLocaleI18n(next);\n      applyDocumentAttrs(next);\n      safeWriteStorage(LOCALE_STORAGE_KEY, next);\n      setIsSystemDefault(false);\n    },\n    [setLocaleI18n],\n  );\n\n  // One-shot detection on first LocalePicker mount per app lifecycle.\n  useEffect(() => {\n    if (detectionFired) return;\n    detectionFired = true;\n    const stored = safeReadStorage(LOCALE_STORAGE_KEY);\n    if (isSupportedLocale(stored)) {\n      // User-chosen value persists — keep i18next + document in sync.\n      if (stored !== rawLocale) void setLocaleI18n(stored);\n      applyDocumentAttrs(stored);\n      return;\n    }\n    // No stored value → we're in System Default mode. Detect, apply,\n    // but do NOT persist (so the System Default selection stays\n    // sticky across reloads until the user explicitly chooses).\n    const detected = detectBrowserLocale();\n    void setLocaleI18n(detected);\n    applyDocumentAttrs(detected);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional one-shot detection\n  }, []);\n\n  return { locale, isSystemDefault, setLocale };\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    variant: {\n      icon: '',\n      compact: '',\n    },\n  },\n  defaultVariants: { variant: 'icon' },\n});\n\nconst compactTriggerClasses = [\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n  'ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-sm)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n  'ds:bg-transparent ds:text-foreground',\n  'ds:hover:bg-muted',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n  'type-body-sm',\n].join(' ');\n\nconst popoverContentClasses = [\n  'ds:w-[18rem] ds:rounded-[var(--radius-md)]',\n  'ds:bg-background ds:text-foreground ds:border ds:border-border',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:overflow-hidden',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type LocalePickerVariant = 'icon' | 'compact';\n\nexport interface LocalePickerProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  variant?: LocalePickerVariant;\n  /**\n   * Controlled escape hatch — when omitted the picker reads/writes\n   * `useLocale()` directly so a bare `<LocalePicker />` works with no\n   * wiring. Pass both to opt into controlled mode.\n   */\n  value?: Locale;\n  onValueChange?: (next: LocalePreference) => void;\n  /** Disable interaction (greys out the trigger). */\n  disabled?: boolean;\n  /** Mark as busy (kept open / focusable but read-only). */\n  loading?: boolean;\n  /**\n   * Side the search popover opens onto, relative to the trigger.\n   * Defaults to `bottom` (standard dropdown). Use `end` (inline-end —\n   * right in LTR, left in RTL) when nesting the LocalePicker inside\n   * another popover/menu so the search surface flies out to the side\n   * rather than stacking below.\n   */\n  popoverSide?: 'top' | 'bottom' | 'start' | 'end';\n}\n\n/**\n * Curated imperative handle for agent / external automation. The\n * `setLocale` parameter is widened to `string` (rather than the\n * narrower `Locale`) so untyped agent inputs don't have to thread the\n * `LOCALES_WITH_BUNDLES` constraint at the call site — the\n * implementation validates internally and no-ops on an unsupported\n * tag.\n */\nexport interface LocalePickerHandle {\n  setLocale: (next: string) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* LocalePicker.SearchList — the inline searchable list                */\n/*                                                                     */\n/* HeaderSettings renders this directly inside its DropdownMenu so the */\n/* same UX is reused without nesting another popover. Standalone the   */\n/* root component renders this same widget inside a Popover.           */\n/* ------------------------------------------------------------------ */\n\nexport interface LocalePickerSearchListProps {\n  /**\n   * Active selection. Either a `Locale` code or the\n   * `LOCALE_SYSTEM_DEFAULT` sentinel (when the user hasn't made an\n   * explicit choice and the kit is following `navigator.language`).\n   * Defaults to the shared store.\n   */\n  value?: LocalePreference;\n  /**\n   * Fires after a successful selection. Accepts a concrete `Locale`\n   * or `LOCALE_SYSTEM_DEFAULT` (when the user picks the \"System\n   * Default\" row at the top of the list).\n   *\n   * Defaults to the shared setter (delegates to useLocale, persists\n   * or clears storage, updates document.dir/lang).\n   */\n  onValueChange?: (next: LocalePreference) => void;\n  /** Optional id for the search input (axe `aria-labelledby` chain). */\n  inputId?: string;\n  /** Disable the input + list interactions. */\n  disabled?: boolean;\n  /** Mark as busy (read-only). */\n  loading?: boolean;\n  className?: string;\n}\n\nconst searchListVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    loading: {\n      true: 'ds:opacity-60 ds:pointer-events-none',\n      false: '',\n    },\n  },\n  defaultVariants: { loading: false },\n});\n\nexport const LocalePickerSearchList = forwardRef<\n  HTMLDivElement,\n  LocalePickerSearchListProps\n>(\n  (\n    {\n      value: valueProp,\n      onValueChange,\n      inputId: inputIdProp,\n      disabled = false,\n      loading = false,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const store = useLocalePickerState();\n    // Resolved-to-render-with: which locale name to display for\n    // \"System Default ({{nativeName}})\". Always a concrete Locale.\n    const resolvedLocale = store.locale;\n    // Selection-state: the picker's current value is either an\n    // explicit Locale or the System Default sentinel.\n    const currentSelection: LocalePreference =\n      valueProp ??\n      (store.isSystemDefault ? LOCALE_SYSTEM_DEFAULT : store.locale);\n    const generatedId = useId();\n    const inputId = inputIdProp ?? `${generatedId}-search`;\n    const [search, setSearch] = useState('');\n\n    const handleSelect = useCallback(\n      (code: string) => {\n        if (disabled || loading) return;\n        if (code === LOCALE_SYSTEM_DEFAULT) {\n          if (onValueChange) {\n            onValueChange(LOCALE_SYSTEM_DEFAULT);\n          } else {\n            store.setLocale(LOCALE_SYSTEM_DEFAULT);\n          }\n          return;\n        }\n        if (!isSupportedLocale(code)) return;\n        if (onValueChange) {\n          onValueChange(code);\n        } else {\n          store.setLocale(code);\n        }\n      },\n      [disabled, loading, onValueChange, store],\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={[searchListVariants({ loading }), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"locale-picker-search-list\"\n      >\n        <Command\n          label={t('navigation.localePicker.commandLabel')}\n          // Defer to cmdk's defaultFilter — it ranks against both the\n          // Item's `value` (the locale code) and `keywords` (the\n          // native + English names), which is exactly the haystack we\n          // want users to be able to match against. The Item's `value`\n          // alone wouldn't surface \"jap\" → 日本語 because the code is\n          // `ja`; the keyword \"Japanese\" handles that match.\n          filter={defaultFilter}\n          shouldFilter\n        >\n          {/* Input chrome borrows the kit's standard INPUT_SURFACE\n              tokens (same as Combobox / Autocomplete) so the search\n              field reads as a first-class kit input rather than a\n              one-off list header. The wrapper carries the border /\n              padding / focus-within ring; the inner Command.Input\n              keeps its outline-less peer styling. */}\n          <div\n            className={[\n              INPUT_SURFACE_CHROME,\n              INPUT_SURFACE_HEIGHT.sm,\n              INPUT_SURFACE_PADDING_X.sm,\n              'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n              'ds:m-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <Globe\n              aria-hidden=\"true\"\n              className=\"ds:size-4 ds:text-muted-foreground ds:shrink-0\"\n            />\n            <Command.Input\n              id={inputId}\n              value={search}\n              onValueChange={setSearch}\n              placeholder={t('navigation.localePicker.searchPlaceholder')}\n              aria-label={t('navigation.localePicker.searchLabel')}\n              disabled={disabled || loading}\n              className={[\n                'ds:peer ds:flex-1 ds:bg-transparent ds:border-0 ds:outline-none',\n                'ds:placeholder:text-muted-foreground ds:text-foreground',\n                'ds:text-[length:var(--font-size-sm)]',\n              ].join(' ')}\n            />\n          </div>\n          <Command.List\n            className={[\n              'ds:max-h-[18rem] ds:overflow-y-auto',\n              'ds:p-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <Command.Empty\n              className={[\n                'ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]',\n                'type-body-sm ds:text-muted-foreground',\n              ].join(' ')}\n            >\n              {t('navigation.localePicker.empty')}\n            </Command.Empty>\n\n            {/* \"System Default\" — always the first row. Selected when\n                the user hasn't picked an explicit locale; selecting it\n                clears the localStorage entry and re-resolves to\n                navigator.language. Mirrors the `'system'` value in\n                ThemeToggle. */}\n            {(() => {\n              const isSystemSelected =\n                currentSelection === LOCALE_SYSTEM_DEFAULT;\n              const resolvedEntry = LOCALE_META[resolvedLocale];\n              return (\n                <Command.Item\n                  key={LOCALE_SYSTEM_DEFAULT}\n                  value={LOCALE_SYSTEM_DEFAULT}\n                  keywords={[\n                    'system',\n                    'default',\n                    'auto',\n                    'browser',\n                    resolvedEntry.nativeName,\n                    resolvedEntry.englishName,\n                  ]}\n                  disabled={disabled || loading}\n                  onSelect={handleSelect}\n                  className={[\n                    'ds:relative ds:flex ds:cursor-pointer ds:select-none',\n                    'ds:items-center ds:gap-[var(--spacing-sm)]',\n                    'ds:rounded-[var(--radius-sm)]',\n                    'ds:min-h-[var(--min-target-size)]',\n                    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n                    'ds:text-foreground ds:outline-none',\n                    'ds:data-[highlighted]:bg-muted',\n                    'ds:aria-selected:bg-muted',\n                    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed',\n                  ].join(' ')}\n                  aria-selected={isSystemSelected || undefined}\n                  data-current={isSystemSelected ? 'true' : undefined}\n                >\n                  <Monitor\n                    aria-hidden=\"true\"\n                    className=\"ds:size-4 ds:text-muted-foreground ds:shrink-0\"\n                  />\n                  <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm\">\n                    {t('navigation.localePicker.systemDefault', {\n                      locale: resolvedEntry.nativeName,\n                    })}\n                  </span>\n                  {isSystemSelected ? (\n                    <Check\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-primary ds:shrink-0\"\n                    />\n                  ) : null}\n                  {isSystemSelected ? (\n                    <span className=\"ds:sr-only\">\n                      {t('navigation.localePicker.currentSelection')}\n                    </span>\n                  ) : null}\n                </Command.Item>\n              );\n            })()}\n\n            {LOCALE_LIST.map((entry) => {\n              const isSelected = currentSelection === entry.code;\n              return (\n                <Command.Item\n                  key={entry.code}\n                  value={entry.code}\n                  keywords={[entry.nativeName, entry.englishName]}\n                  disabled={disabled || loading}\n                  onSelect={handleSelect}\n                  className={[\n                    'ds:relative ds:flex ds:cursor-pointer ds:select-none',\n                    'ds:items-center ds:gap-[var(--spacing-sm)]',\n                    'ds:rounded-[var(--radius-sm)]',\n                    'ds:min-h-[var(--min-target-size)]',\n                    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n                    'ds:text-foreground ds:outline-none',\n                    'ds:data-[highlighted]:bg-muted',\n                    'ds:aria-selected:bg-muted',\n                    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed',\n                  ].join(' ')}\n                  aria-selected={isSelected || undefined}\n                  data-current={isSelected ? 'true' : undefined}\n                  // `lang` on the row triggers font-cascade selection\n                  // so Arabic / Japanese / Devanagari / Greek glyphs\n                  // paint via the Noto Sans family. Intentionally\n                  // omits `dir` — the row layout follows the picker\n                  // surface's direction (LTR menu = LTR row, RTL menu\n                  // = RTL row). Setting `dir=\"rtl\"` per Arabic row\n                  // would flip just THAT row inside an LTR menu, which\n                  // breaks the visual rhythm with neighbouring rows.\n                  // Arabic text within the row still renders RTL at\n                  // the character level (script-driven) regardless.\n                  lang={entry.code}\n                >\n                  {hasFlag(entry.countryCode) ? (\n                    <Flag\n                      country={entry.countryCode}\n                      size=\"sm\"\n                      shape=\"rectangle\"\n                      rounded=\"sm\"\n                      className=\"ds:shrink-0\"\n                    />\n                  ) : (\n                    /* hasFlag fallback: render the emoji glyph only\n                       when the kit doesn't ship an SVG for this\n                       country code. All 18 bundled locales currently\n                       have SVG flags, so this is dead code on the\n                       canonical set — kept for resilience when\n                       consumers extend the registry. */\n                    <span\n                      aria-hidden=\"true\"\n                      className=\"ds:text-base ds:shrink-0\"\n                    >\n                      {entry.flag}\n                    </span>\n                  )}\n                  <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm\">\n                    {entry.nativeName}\n                  </span>\n                  {isSelected ? (\n                    <Check\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-primary ds:shrink-0\"\n                    />\n                  ) : null}\n                  {isSelected ? (\n                    <span className=\"ds:sr-only\">\n                      {t('navigation.localePicker.currentSelection')}\n                    </span>\n                  ) : null}\n                </Command.Item>\n              );\n            })}\n          </Command.List>\n        </Command>\n      </div>\n    );\n  },\n);\nLocalePickerSearchList.displayName = 'LocalePicker.SearchList';\n\n/* ------------------------------------------------------------------ */\n/* LocalePicker root — icon + compact trigger variants                 */\n/* ------------------------------------------------------------------ */\n\ninterface VariantRenderProps {\n  state: LocalePickerState;\n  rest: HTMLAttributes<HTMLDivElement>;\n  forwardedRef: Ref<HTMLDivElement>;\n  className?: string;\n  disabled: boolean;\n  loading: boolean;\n  popoverSide: 'top' | 'bottom' | 'start' | 'end';\n}\n\nfunction IconTrigger({\n  state,\n  rest,\n  forwardedRef,\n  className,\n  disabled,\n  loading,\n  popoverSide,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const entry = LOCALE_META[state.locale];\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"locale-picker\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'icon', className })}\n      {...rest}\n    >\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <IconButton\n            disabled={disabled || loading}\n            icon={\n              <span className=\"ds:relative ds:inline-flex ds:items-center ds:justify-center\">\n                <Globe aria-hidden className=\"ds:size-5\" />\n                {hasFlag(entry.countryCode) ? (\n                  <Flag\n                    country={entry.countryCode}\n                    size=\"sm\"\n                    shape=\"rectangle\"\n                    rounded=\"sm\"\n                    className={[\n                      // Corner chip overlaying the globe glyph.\n                      // `outline` paints a thin background-coloured\n                      // ring around the flag so it reads as a chip\n                      // rather than blending into the globe edge.\n                      'ds:absolute ds:bottom-[-3px] ds:end-[-5px]',\n                      'ds:outline ds:outline-2 ds:outline-background',\n                      // Scale down to chip size — Flag's sm tile is\n                      // larger than the original emoji glyph.\n                      'ds:scale-75 ds:origin-bottom-end',\n                    ].join(' ')}\n                  />\n                ) : null}\n              </span>\n            }\n            aria-label={t('navigation.localePicker.trigger', {\n              locale: entry.nativeName,\n            })}\n          />\n        </Popover.Trigger>\n        <Popover.Content\n          side={popoverSide}\n          align=\"start\"\n          sideOffset={8}\n          className={popoverContentClasses}\n          aria-label={t('navigation.localePicker.popupLabel')}\n        >\n          <LocalePickerSearchList\n            value={state.locale}\n            onValueChange={state.setLocale}\n            disabled={disabled}\n            loading={loading}\n          />\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nfunction CompactTrigger({\n  state,\n  rest,\n  forwardedRef,\n  className,\n  disabled,\n  loading,\n  popoverSide,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const entry = LOCALE_META[state.locale];\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"locale-picker\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'compact', className })}\n      {...rest}\n    >\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            disabled={disabled || loading}\n            className={compactTriggerClasses}\n            aria-label={t('navigation.localePicker.trigger', {\n              locale: entry.nativeName,\n            })}\n          >\n            {hasFlag(entry.countryCode) ? (\n              <Flag\n                country={entry.countryCode}\n                size=\"sm\"\n                shape=\"rectangle\"\n                rounded=\"sm\"\n                className=\"ds:shrink-0\"\n              />\n            ) : (\n              <Globe aria-hidden className=\"ds:size-4 ds:shrink-0\" />\n            )}\n            <span\n              className=\"ds:flex-1 ds:truncate type-body-sm\"\n              lang={entry.code}\n            >\n              {entry.nativeName}\n            </span>\n          </button>\n        </Popover.Trigger>\n        <Popover.Content\n          side={popoverSide}\n          align=\"start\"\n          sideOffset={8}\n          className={popoverContentClasses}\n          aria-label={t('navigation.localePicker.popupLabel')}\n        >\n          <LocalePickerSearchList\n            value={state.locale}\n            onValueChange={state.setLocale}\n            disabled={disabled}\n            loading={loading}\n          />\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nconst LocalePickerRoot = forwardRef<HTMLDivElement, LocalePickerProps>(\n  (props, ref) => {\n    const {\n      variant = 'icon',\n      value,\n      onValueChange,\n      disabled = false,\n      loading = false,\n      popoverSide = 'bottom',\n      className,\n      id,\n      ...rest\n    } = props as LocalePickerProps & { id?: string };\n\n    const store = useLocalePickerState();\n    const resolvedLocale = value ?? store.locale;\n\n    // Controlled overlay: when a consumer passes `onValueChange`, route\n    // selections to them instead of the shared store. Document attrs +\n    // localStorage are still updated so the picker behaves consistently\n    // either way.\n    const setLocale = useCallback(\n      (next: LocalePreference) => {\n        if (onValueChange) {\n          onValueChange(next);\n          // Side-effects in controlled mode: still write through to\n          // the persistence + document attrs so the rest of the page\n          // re-renders even though we're routing state to the consumer.\n          if (next === LOCALE_SYSTEM_DEFAULT) {\n            safeRemoveStorage(LOCALE_STORAGE_KEY);\n            const detected = detectBrowserLocale();\n            applyDocumentAttrs(detected);\n          } else if (isSupportedLocale(next)) {\n            applyDocumentAttrs(next);\n            safeWriteStorage(LOCALE_STORAGE_KEY, next);\n          }\n          return;\n        }\n        store.setLocale(next);\n      },\n      [onValueChange, store],\n    );\n\n    const state: LocalePickerState = useMemo(\n      () => ({\n        locale: resolvedLocale,\n        isSystemDefault: store.isSystemDefault,\n        setLocale,\n      }),\n      [resolvedLocale, store.isSystemDefault, setLocale],\n    );\n\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    const stateRef = useRef(state);\n    stateRef.current = state;\n    const agentHandle = useMemo<LocalePickerHandle>(\n      () => ({\n        setLocale: (next: string) => {\n          if (isSupportedLocale(next)) {\n            stateRef.current.setLocale(next);\n          }\n        },\n      }),\n      [],\n    );\n    useAgentRegistration(localePickerAgent, agentHandle, id);\n\n    if (variant === 'compact') {\n      return (\n        <CompactTrigger\n          state={state}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          className={className}\n          disabled={disabled}\n          loading={loading}\n          popoverSide={popoverSide}\n        />\n      );\n    }\n    return (\n      <IconTrigger\n        state={state}\n        rest={rest}\n        forwardedRef={forwardedRef}\n        className={className}\n        disabled={disabled}\n        loading={loading}\n        popoverSide={popoverSide}\n      />\n    );\n  },\n);\nLocalePickerRoot.displayName = 'LocalePicker';\n\nexport const LocalePicker = Object.assign(LocalePickerRoot, {\n  SearchList: LocalePickerSearchList,\n});\n"],"names":["LOCALE_META","LOCALES_WITH_BUNDLES","code","LOCALE_LIST","a","b","localePickerAgent","handle","args","LOCALE_STORAGE_KEY","LOCALE_SYSTEM_DEFAULT","detectionFired","isSupportedLocale","value","safeReadStorage","key","safeWriteStorage","detectBrowserLocale","raw","base","applyDocumentAttrs","locale","root","safeRemoveStorage","useLocalePickerState","rawLocale","setLocaleI18n","useLocale","isSystemDefault","setIsSystemDefault","useState","setLocale","useCallback","next","detected","useEffect","stored","wrapperVariants","cva","compactTriggerClasses","popoverContentClasses","searchListVariants","LocalePickerSearchList","forwardRef","valueProp","onValueChange","inputIdProp","disabled","loading","className","ref","t","useTranslation","store","resolvedLocale","currentSelection","generatedId","useId","inputId","search","setSearch","handleSelect","jsx","jsxs","Command","defaultFilter","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_PADDING_X","Globe","isSystemSelected","resolvedEntry","Monitor","Check","entry","isSelected","hasFlag","Flag","IconTrigger","state","rest","forwardedRef","popoverSide","Popover","IconButton","CompactTrigger","LocalePickerRoot","props","variant","id","useMemo","useRef","useImperativeHandle","stateRef","agentHandle","useAgentRegistration","LocalePicker"],"mappings":";;;;;;;;;;;;;;;AA0DO,MAAMA,IAA+C;AAAA,EAC1D,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET;AASEC,EAAqB,IAAI,CAACC,MAASF,EAAYE,CAAI,CAAC;AAY/C,MAAMC,KAA0C;AAAA,EACrD,GAAGF,EAAqB,IAAI,CAACC,MAASF,EAAYE,CAAI,CAAC;AACzD,EAAE,KAAK,CAACE,GAAGC,MAAMD,EAAE,YAAY,cAAcC,EAAE,aAAa,IAAI,CAAC,GC3NpDC,KAAsD;AAAA,EACjE,IAAI;AAAA,EACJ,cAAc,CAAC,aAAa;AAAA,EAC5B,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,IACP,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACC,GAAQC,MAA6B;AAI5C,QAAAD,EAAO,UAAUC,EAAK,MAAM;AAAA,MAC9B;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCaaC,IAAqB,sBAQrBC,IAAwB;AAGrC,IAAIC,IAAiB;AAErB,SAASC,EAAkBC,GAAiC;AAC1D,SACE,OAAOA,KAAU,YAChBZ,EAA2C,SAASY,CAAK;AAE9D;AAEA,SAASC,EAAgBC,GAA4B;AACnD,MAAI,OAAO,SAAW,IAAa,QAAO;AAC1C,MAAI;AACF,WAAO,OAAO,aAAa,QAAQA,CAAG;AAAA,EACxC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAASC,EAAiBD,GAAaF,GAAqB;AAC1D,MAAI,SAAO,SAAW;AACtB,QAAI;AACF,aAAO,aAAa,QAAQE,GAAKF,CAAK;AAAA,IACxC,QAAQ;AAAA,IAIR;AACF;AAEA,SAASI,IAA8B;AACrC,MAAI,OAAO,YAAc,IAAa,QAAO;AAC7C,QAAMC,IAAM,UAAU;AACtB,MAAI,CAACA,EAAK,QAAO;AACjB,QAAMC,IAAOD,EAAI,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC;AAC3C,SAAON,EAAkBO,CAAI,IAAIA,IAAO;AAC1C;AAEA,SAASC,EAAmBC,GAAsB;AAChD,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMC,IAAO,SAAS;AACtB,EAAAA,EAAK,OAAOD,GACZC,EAAK,MAAMtB,EAAYqB,CAAM,EAAE;AACjC;AA6BA,SAASE,EAAkBR,GAAmB;AAC5C,MAAI,SAAO,SAAW;AACtB,QAAI;AACF,aAAO,aAAa,WAAWA,CAAG;AAAA,IACpC,QAAQ;AAAA,IAER;AACF;AAEA,SAASS,IAA0C;AACjD,QAAM,EAAE,QAAQC,GAAW,WAAWC,EAAA,IAAkBC,GAAA,GAClD,CAACC,GAAiBC,CAAkB,IAAIC;AAAA,IAC5C,MAAMhB,EAAgBL,CAAkB,MAAM;AAAA,EAAA,GAM1CY,IAAiBT,EAAkBa,CAAS,IAAIA,IAAY,MAE5DM,IAAYC;AAAA,IAChB,CAACC,MAA2B;AAC1B,UAAIA,MAASvB,GAAuB;AAElC,QAAAa,EAAkBd,CAAkB;AACpC,cAAMyB,IAAWjB,EAAA;AACjB,QAAKS,EAAcQ,CAAQ,GAC3Bd,EAAmBc,CAAQ,GAC3BL,EAAmB,EAAI;AACvB;AAAA,MACF;AACA,MAAKjB,EAAkBqB,CAAI,MACtBP,EAAcO,CAAI,GACvBb,EAAmBa,CAAI,GACvBjB,EAAiBP,GAAoBwB,CAAI,GACzCJ,EAAmB,EAAK;AAAA,IAC1B;AAAA,IACA,CAACH,CAAa;AAAA,EAAA;AAIhB,SAAAS,EAAU,MAAM;AACd,QAAIxB,EAAgB;AACpB,IAAAA,IAAiB;AACjB,UAAMyB,IAAStB,EAAgBL,CAAkB;AACjD,QAAIG,EAAkBwB,CAAM,GAAG;AAE7B,MAAIA,MAAWX,KAAgBC,EAAcU,CAAM,GACnDhB,EAAmBgB,CAAM;AACzB;AAAA,IACF;AAIA,UAAMF,IAAWjB,EAAA;AACjB,IAAKS,EAAcQ,CAAQ,GAC3Bd,EAAmBc,CAAQ;AAAA,EAE7B,GAAG,CAAA,CAAE,GAEE,EAAE,QAAAb,GAAQ,iBAAAO,GAAiB,WAAAG,EAAA;AACpC;AAMA,MAAMM,IAAkBC,EAAI,kCAAkC;AAAA,EAC5D,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB,EAAE,SAAS,OAAA;AAC9B,CAAC,GAEKC,KAAwB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,IAAwB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAgFJC,KAAqBH,EAAI,uBAAuB;AAAA,EACpD,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB,EAAE,SAAS,GAAA;AAC9B,CAAC,GAEYI,IAAyBC;AAAA,EAIpC,CACE;AAAA,IACE,OAAOC;AAAA,IACP,eAAAC;AAAA,IACA,SAASC;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAQ7B,EAAA,GAGR8B,IAAiBD,EAAM,QAGvBE,IACJX,MACCS,EAAM,kBAAkB3C,IAAwB2C,EAAM,SACnDG,IAAcC,EAAA,GACdC,IAAUZ,KAAe,GAAGU,CAAW,WACvC,CAACG,GAAQC,CAAS,IAAI9B,EAAS,EAAE,GAEjC+B,IAAe7B;AAAA,MACnB,CAAC9B,MAAiB;AAChB,YAAI,EAAA6C,KAAYC,IAChB;AAAA,cAAI9C,MAASQ,GAAuB;AAClC,YAAImC,IACFA,EAAcnC,CAAqB,IAEnC2C,EAAM,UAAU3C,CAAqB;AAEvC;AAAA,UACF;AACA,UAAKE,EAAkBV,CAAI,MACvB2C,IACFA,EAAc3C,CAAI,IAElBmD,EAAM,UAAUnD,CAAI;AAAA;AAAA,MAExB;AAAA,MACA,CAAC6C,GAAUC,GAASH,GAAeQ,CAAK;AAAA,IAAA;AAG1C,WACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,WAAW,CAACT,GAAmB,EAAE,SAAAO,GAAS,GAAGC,CAAS,EACnD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACX,kBAAe;AAAA,QAEf,UAAA,gBAAAc;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,OAAOb,EAAE,sCAAsC;AAAA,YAO/C,QAAQc;AAAAA,YACR,cAAY;AAAA,YAQZ,UAAA;AAAA,cAAA,gBAAAF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,oBACTG;AAAA,oBACAC,GAAqB;AAAA,oBACrBC,GAAwB;AAAA,oBACxB;AAAA,oBACA;AAAA,kBAAA,EACA,KAAK,GAAG;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAN;AAAA,sBAACO;AAAA,sBAAA;AAAA,wBACC,eAAY;AAAA,wBACZ,WAAU;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEZ,gBAAAP;AAAA,sBAACE,EAAQ;AAAA,sBAAR;AAAA,wBACC,IAAIN;AAAA,wBACJ,OAAOC;AAAA,wBACP,eAAeC;AAAA,wBACf,aAAaT,EAAE,2CAA2C;AAAA,wBAC1D,cAAYA,EAAE,qCAAqC;AAAA,wBACnD,UAAUJ,KAAYC;AAAA,wBACtB,WAAW;AAAA,0BACT;AAAA,0BACA;AAAA,0BACA;AAAA,wBAAA,EACA,KAAK,GAAG;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACZ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEF,gBAAAe;AAAA,gBAACC,EAAQ;AAAA,gBAAR;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA;AAAA,kBAAA,EACA,KAAK,GAAG;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAF;AAAA,sBAACE,EAAQ;AAAA,sBAAR;AAAA,wBACC,WAAW;AAAA,0BACT;AAAA,0BACA;AAAA,wBAAA,EACA,KAAK,GAAG;AAAA,wBAET,YAAE,+BAA+B;AAAA,sBAAA;AAAA,oBAAA;AAAA,qBAQlC,MAAM;AACN,4BAAMM,IACJf,MAAqB7C,GACjB6D,IAAgBvE,EAAYsD,CAAc;AAChD,6BACE,gBAAAS;AAAA,wBAACC,EAAQ;AAAA,wBAAR;AAAA,0BAEC,OAAOtD;AAAA,0BACP,UAAU;AAAA,4BACR;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA6D,EAAc;AAAA,4BACdA,EAAc;AAAA,0BAAA;AAAA,0BAEhB,UAAUxB,KAAYC;AAAA,0BACtB,UAAUa;AAAA,0BACV,WAAW;AAAA,4BACT;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,0BAAA,EACA,KAAK,GAAG;AAAA,0BACV,iBAAeS,KAAoB;AAAA,0BACnC,gBAAcA,IAAmB,SAAS;AAAA,0BAE1C,UAAA;AAAA,4BAAA,gBAAAR;AAAA,8BAACU;AAAA,8BAAA;AAAA,gCACC,eAAY;AAAA,gCACZ,WAAU;AAAA,8BAAA;AAAA,4BAAA;AAAA,4BAEZ,gBAAAV,EAAC,QAAA,EAAK,WAAU,iDACb,YAAE,yCAAyC;AAAA,8BAC1C,QAAQS,EAAc;AAAA,4BAAA,CACvB,GACH;AAAA,4BACCD,IACC,gBAAAR;AAAA,8BAACW;AAAA,8BAAA;AAAA,gCACC,eAAY;AAAA,gCACZ,WAAU;AAAA,8BAAA;AAAA,4BAAA,IAEV;AAAA,4BACHH,sBACE,QAAA,EAAK,WAAU,cACb,UAAAnB,EAAE,0CAA0C,GAC/C,IACE;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBA7CCzC;AAAA,sBAAA;AAAA,oBAgDX,GAAA;AAAA,oBAECP,GAAY,IAAI,CAACuE,MAAU;AAC1B,4BAAMC,IAAapB,MAAqBmB,EAAM;AAC9C,6BACE,gBAAAX;AAAA,wBAACC,EAAQ;AAAA,wBAAR;AAAA,0BAEC,OAAOU,EAAM;AAAA,0BACb,UAAU,CAACA,EAAM,YAAYA,EAAM,WAAW;AAAA,0BAC9C,UAAU3B,KAAYC;AAAA,0BACtB,UAAUa;AAAA,0BACV,WAAW;AAAA,4BACT;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,4BACA;AAAA,0BAAA,EACA,KAAK,GAAG;AAAA,0BACV,iBAAec,KAAc;AAAA,0BAC7B,gBAAcA,IAAa,SAAS;AAAA,0BAWpC,MAAMD,EAAM;AAAA,0BAEX,UAAA;AAAA,4BAAAE,EAAQF,EAAM,WAAW,IACxB,gBAAAZ;AAAA,8BAACe;AAAA,8BAAA;AAAA,gCACC,SAASH,EAAM;AAAA,gCACf,MAAK;AAAA,gCACL,OAAM;AAAA,gCACN,SAAQ;AAAA,gCACR,WAAU;AAAA,8BAAA;AAAA,4BAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BASZ,gBAAAZ;AAAA,gCAAC;AAAA,gCAAA;AAAA,kCACC,eAAY;AAAA,kCACZ,WAAU;AAAA,kCAET,UAAAY,EAAM;AAAA,gCAAA;AAAA,8BAAA;AAAA;AAAA,4BAGX,gBAAAZ,EAAC,QAAA,EAAK,WAAU,iDACb,YAAM,YACT;AAAA,4BACCa,IACC,gBAAAb;AAAA,8BAACW;AAAA,8BAAA;AAAA,gCACC,eAAY;AAAA,gCACZ,WAAU;AAAA,8BAAA;AAAA,4BAAA,IAEV;AAAA,4BACHE,sBACE,QAAA,EAAK,WAAU,cACb,UAAAxB,EAAE,0CAA0C,GAC/C,IACE;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAjECuB,EAAM;AAAA,sBAAA;AAAA,oBAoEjB,CAAC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAGN;AACF;AACAhC,EAAuB,cAAc;AAgBrC,SAASoC,GAAY;AAAA,EACnB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAhC;AAAA,EACA,UAAAF;AAAA,EACA,SAAAC;AAAA,EACA,aAAAkC;AACF,GAAuB;AACrB,QAAM,EAAE,GAAA/B,EAAA,IAAMC,EAAA,GACRsB,IAAQ1E,EAAY+E,EAAM,MAAM;AACtC,SACE,gBAAAjB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKmB;AAAA,MACL,kBAAe;AAAA,MACf,qBAAmBD,EAAK;AAAA,MACxB,WAAW3C,EAAgB,EAAE,SAAS,QAAQ,WAAAY,GAAW;AAAA,MACxD,GAAG+B;AAAA,MAEJ,UAAA,gBAAAjB,EAACoB,EAAQ,MAAR,EACC,UAAA;AAAA,QAAA,gBAAArB,EAACqB,EAAQ,SAAR,EAAgB,SAAO,IACtB,UAAA,gBAAArB;AAAA,UAACsB;AAAA,UAAA;AAAA,YACC,UAAUrC,KAAYC;AAAA,YACtB,MACE,gBAAAe,EAAC,QAAA,EAAK,WAAU,gEACd,UAAA;AAAA,cAAA,gBAAAD,EAACO,GAAA,EAAM,eAAW,IAAC,WAAU,aAAY;AAAA,cACxCO,EAAQF,EAAM,WAAW,IACxB,gBAAAZ;AAAA,gBAACe;AAAA,gBAAA;AAAA,kBACC,SAASH,EAAM;AAAA,kBACf,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACR,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKT;AAAA,oBACA;AAAA;AAAA;AAAA,oBAGA;AAAA,kBAAA,EACA,KAAK,GAAG;AAAA,gBAAA;AAAA,cAAA,IAEV;AAAA,YAAA,GACN;AAAA,YAEF,cAAYvB,EAAE,mCAAmC;AAAA,cAC/C,QAAQuB,EAAM;AAAA,YAAA,CACf;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QACA,gBAAAZ;AAAA,UAACqB,EAAQ;AAAA,UAAR;AAAA,YACC,MAAMD;AAAA,YACN,OAAM;AAAA,YACN,YAAY;AAAA,YACZ,WAAW1C;AAAA,YACX,cAAYW,EAAE,oCAAoC;AAAA,YAElD,UAAA,gBAAAW;AAAA,cAACpB;AAAA,cAAA;AAAA,gBACC,OAAOqC,EAAM;AAAA,gBACb,eAAeA,EAAM;AAAA,gBACrB,UAAAhC;AAAA,gBACA,SAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASqC,GAAe;AAAA,EACtB,OAAAN;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAhC;AAAA,EACA,UAAAF;AAAA,EACA,SAAAC;AAAA,EACA,aAAAkC;AACF,GAAuB;AACrB,QAAM,EAAE,GAAA/B,EAAA,IAAMC,EAAA,GACRsB,IAAQ1E,EAAY+E,EAAM,MAAM;AACtC,SACE,gBAAAjB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKmB;AAAA,MACL,kBAAe;AAAA,MACf,qBAAmBD,EAAK;AAAA,MACxB,WAAW3C,EAAgB,EAAE,SAAS,WAAW,WAAAY,GAAW;AAAA,MAC3D,GAAG+B;AAAA,MAEJ,UAAA,gBAAAjB,EAACoB,EAAQ,MAAR,EACC,UAAA;AAAA,QAAA,gBAAArB,EAACqB,EAAQ,SAAR,EAAgB,SAAO,IACtB,UAAA,gBAAApB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAUhB,KAAYC;AAAA,YACtB,WAAWT;AAAA,YACX,cAAYY,EAAE,mCAAmC;AAAA,cAC/C,QAAQuB,EAAM;AAAA,YAAA,CACf;AAAA,YAEA,UAAA;AAAA,cAAAE,EAAQF,EAAM,WAAW,IACxB,gBAAAZ;AAAA,gBAACe;AAAA,gBAAA;AAAA,kBACC,SAASH,EAAM;AAAA,kBACf,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACR,WAAU;AAAA,gBAAA;AAAA,cAAA,IAGZ,gBAAAZ,EAACO,GAAA,EAAM,eAAW,IAAC,WAAU,yBAAwB;AAAA,cAEvD,gBAAAP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAMY,EAAM;AAAA,kBAEX,UAAAA,EAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YACT;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAZ;AAAA,UAACqB,EAAQ;AAAA,UAAR;AAAA,YACC,MAAMD;AAAA,YACN,OAAM;AAAA,YACN,YAAY;AAAA,YACZ,WAAW1C;AAAA,YACX,cAAYW,EAAE,oCAAoC;AAAA,YAElD,UAAA,gBAAAW;AAAA,cAACpB;AAAA,cAAA;AAAA,gBACC,OAAOqC,EAAM;AAAA,gBACb,eAAeA,EAAM;AAAA,gBACrB,UAAAhC;AAAA,gBACA,SAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAMsC,IAAmB3C;AAAA,EACvB,CAAC4C,GAAOrC,MAAQ;AACd,UAAM;AAAA,MACJ,SAAAsC,IAAU;AAAA,MACV,OAAA3E;AAAA,MACA,eAAAgC;AAAA,MACA,UAAAE,IAAW;AAAA,MACX,SAAAC,IAAU;AAAA,MACV,aAAAkC,IAAc;AAAA,MACd,WAAAjC;AAAA,MACA,IAAAwC;AAAA,MACA,GAAGT;AAAA,IAAA,IACDO,GAEElC,IAAQ7B,EAAA,GACR8B,IAAiBzC,KAASwC,EAAM,QAMhCtB,IAAYC;AAAA,MAChB,CAACC,MAA2B;AAC1B,YAAIY,GAAe;AAKjB,cAJAA,EAAcZ,CAAI,GAIdA,MAASvB,GAAuB;AAClC,YAAAa,EAAkBd,CAAkB;AACpC,kBAAMyB,IAAWjB,EAAA;AACjB,YAAAG,EAAmBc,CAAQ;AAAA,UAC7B,MAAA,CAAWtB,EAAkBqB,CAAI,MAC/Bb,EAAmBa,CAAI,GACvBjB,EAAiBP,GAAoBwB,CAAI;AAE3C;AAAA,QACF;AACA,QAAAoB,EAAM,UAAUpB,CAAI;AAAA,MACtB;AAAA,MACA,CAACY,GAAeQ,CAAK;AAAA,IAAA,GAGjB0B,IAA2BW;AAAA,MAC/B,OAAO;AAAA,QACL,QAAQpC;AAAA,QACR,iBAAiBD,EAAM;AAAA,QACvB,WAAAtB;AAAA,MAAA;AAAA,MAEF,CAACuB,GAAgBD,EAAM,iBAAiBtB,CAAS;AAAA,IAAA,GAG7CkD,IAAeU,EAA8B,IAAI;AACvD,IAAAC,EAAoB1C,GAAK,MAAM+B,EAAa,SAA2B,CAAA,CAAE;AAEzE,UAAMY,IAAWF,EAAOZ,CAAK;AAC7B,IAAAc,EAAS,UAAUd;AACnB,UAAMe,IAAcJ;AAAA,MAClB,OAAO;AAAA,QACL,WAAW,CAACzD,MAAiB;AAC3B,UAAIrB,EAAkBqB,CAAI,KACxB4D,EAAS,QAAQ,UAAU5D,CAAI;AAAA,QAEnC;AAAA,MAAA;AAAA,MAEF,CAAA;AAAA,IAAC;AAIH,WAFA8D,GAAqBzF,IAAmBwF,GAAaL,CAAE,GAEnDD,MAAY,YAEZ,gBAAA1B;AAAA,MAACuB;AAAA,MAAA;AAAA,QACC,OAAAN;AAAA,QACA,MAAAC;AAAA,QACA,cAAAC;AAAA,QACA,WAAAhC;AAAA,QACA,UAAAF;AAAA,QACA,SAAAC;AAAA,QACA,aAAAkC;AAAA,MAAA;AAAA,IAAA,IAKJ,gBAAApB;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,OAAAC;AAAA,QACA,MAAAC;AAAA,QACA,cAAAC;AAAA,QACA,WAAAhC;AAAA,QACA,UAAAF;AAAA,QACA,SAAAC;AAAA,QACA,aAAAkC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACAI,EAAiB,cAAc;AAExB,MAAMU,KAAe,OAAO,OAAOV,GAAkB;AAAA,EAC1D,YAAY5C;AACd,CAAC;"}
+{"version":3,"file":"locale-picker-CY89MChR.js","sources":["../../src/i18n/locale-meta.ts","../../src/components/locale-picker/locale-picker.agent.ts","../../src/components/locale-picker/locale-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Locale metadata registry.                                              */\n/*                                                                       */\n/* Single source of truth for human-facing locale information — native   */\n/* name, English name, flag emoji, and writing direction. Consumed by    */\n/* LocalePicker / HeaderSettings to render the language switcher.        */\n/*                                                                       */\n/* Keys must match `LOCALES_WITH_BUNDLES` from `./resources` 1:1; the    */\n/* `locale-meta.test.ts` parity check fails the build if a code is       */\n/* added to one and not the other.                                        */\n/*                                                                       */\n/* Flag emojis use the Regional Indicator pair convention — a few of    */\n/* the codes are language tags rather than country tags (en, ar, hi);   */\n/* the flag chosen is the \"default-region\" the kit ships marketing      */\n/* surfaces in. Consumers that need a different region flag (e.g.       */\n/* British vs. American English) can override via `LOCALE_META[code]`.  */\n/* -------------------------------------------------------------------- */\n\nimport { LOCALES_WITH_BUNDLES } from './resources';\n\n/** Reading direction. Mirrors the shape of `hooks/use-locale.ts#LocaleDir`. */\nexport type LocaleDir = 'ltr' | 'rtl';\n\n/** IETF locale tag from the kit's bundled set. */\nexport type Locale = (typeof LOCALES_WITH_BUNDLES)[number];\n\nexport interface LocaleMetaEntry {\n  /** IETF locale tag (matches the key in `LOCALES_WITH_BUNDLES`). */\n  code: Locale;\n  /** Endonym — the locale's name in its own language (\"Italiano\", \"العربية\"). */\n  nativeName: string;\n  /** Exonym — the locale's name in English (\"Italian\", \"Arabic\"). */\n  englishName: string;\n  /**\n   * ISO 3166-1 alpha-2 country code for the default-region flag. Feed\n   * to the kit's `<Flag country={…} />` component to render the actual\n   * flag SVG (NOT the emoji glyph — those don't paint on Windows and\n   * lose fidelity at hero sizes). A few language tags here aren't tied\n   * to a single country (en, ar, hi); we pick the AlfaDocs default\n   * marketing region — consumers needing a different region flag\n   * override at the call site.\n   */\n  countryCode: string;\n  /**\n   * Regional-indicator flag emoji. Retained as a fallback for non-DOM\n   * contexts (terminal logs, plain-text exports) and the rare consumer\n   * surface that can't mount the kit's `Flag` component. UI surfaces\n   * should always reach for `countryCode` + `<Flag />` instead.\n   */\n  flag: string;\n  /** Reading direction. */\n  dir: LocaleDir;\n}\n\n/**\n * Canonical metadata for every locale shipped in `LOCALES_WITH_BUNDLES`.\n * Order matches the bundled-locales array so iteration is stable.\n */\nexport const LOCALE_META: Record<Locale, LocaleMetaEntry> = {\n  en: {\n    code: 'en',\n    nativeName: 'English',\n    englishName: 'English',\n    countryCode: 'GB',\n    flag: '🇬🇧',\n    dir: 'ltr',\n  },\n  it: {\n    code: 'it',\n    nativeName: 'Italiano',\n    englishName: 'Italian',\n    countryCode: 'IT',\n    flag: '🇮🇹',\n    dir: 'ltr',\n  },\n  de: {\n    code: 'de',\n    nativeName: 'Deutsch',\n    englishName: 'German',\n    countryCode: 'DE',\n    flag: '🇩🇪',\n    dir: 'ltr',\n  },\n  ar: {\n    code: 'ar',\n    nativeName: 'العربية',\n    englishName: 'Arabic',\n    countryCode: 'SA',\n    flag: '🇸🇦',\n    dir: 'rtl',\n  },\n  fr: {\n    code: 'fr',\n    nativeName: 'Français',\n    englishName: 'French',\n    countryCode: 'FR',\n    flag: '🇫🇷',\n    dir: 'ltr',\n  },\n  es: {\n    code: 'es',\n    nativeName: 'Español',\n    englishName: 'Spanish',\n    countryCode: 'ES',\n    flag: '🇪🇸',\n    dir: 'ltr',\n  },\n  pt: {\n    code: 'pt',\n    nativeName: 'Português',\n    englishName: 'Portuguese',\n    countryCode: 'PT',\n    flag: '🇵🇹',\n    dir: 'ltr',\n  },\n  nl: {\n    code: 'nl',\n    nativeName: 'Nederlands',\n    englishName: 'Dutch',\n    countryCode: 'NL',\n    flag: '🇳🇱',\n    dir: 'ltr',\n  },\n  ro: {\n    code: 'ro',\n    nativeName: 'Română',\n    englishName: 'Romanian',\n    countryCode: 'RO',\n    flag: '🇷🇴',\n    dir: 'ltr',\n  },\n  sq: {\n    code: 'sq',\n    nativeName: 'Shqip',\n    englishName: 'Albanian',\n    countryCode: 'AL',\n    flag: '🇦🇱',\n    dir: 'ltr',\n  },\n  tr: {\n    code: 'tr',\n    nativeName: 'Türkçe',\n    englishName: 'Turkish',\n    countryCode: 'TR',\n    flag: '🇹🇷',\n    dir: 'ltr',\n  },\n  pl: {\n    code: 'pl',\n    nativeName: 'Polski',\n    englishName: 'Polish',\n    countryCode: 'PL',\n    flag: '🇵🇱',\n    dir: 'ltr',\n  },\n  sv: {\n    code: 'sv',\n    nativeName: 'Svenska',\n    englishName: 'Swedish',\n    countryCode: 'SE',\n    flag: '🇸🇪',\n    dir: 'ltr',\n  },\n  ru: {\n    code: 'ru',\n    nativeName: 'Русский',\n    englishName: 'Russian',\n    countryCode: 'RU',\n    flag: '🇷🇺',\n    dir: 'ltr',\n  },\n  el: {\n    code: 'el',\n    nativeName: 'Ελληνικά',\n    englishName: 'Greek',\n    countryCode: 'GR',\n    flag: '🇬🇷',\n    dir: 'ltr',\n  },\n  ja: {\n    code: 'ja',\n    nativeName: '日本語',\n    englishName: 'Japanese',\n    countryCode: 'JP',\n    flag: '🇯🇵',\n    dir: 'ltr',\n  },\n  zh: {\n    code: 'zh',\n    nativeName: '中文',\n    englishName: 'Chinese',\n    countryCode: 'CN',\n    flag: '🇨🇳',\n    dir: 'ltr',\n  },\n  hi: {\n    code: 'hi',\n    nativeName: 'हिन्दी',\n    englishName: 'Hindi',\n    countryCode: 'IN',\n    flag: '🇮🇳',\n    dir: 'ltr',\n  },\n};\n\n/**\n * Canonical (i18n-parity) order — used when consumers need the same\n * sequence as `LOCALES_WITH_BUNDLES` (e.g. generating fixtures or\n * snapshot keys). Pickers / menus should use `LOCALE_LIST` instead,\n * which sorts alphabetically.\n */\nexport const LOCALE_LIST_CANONICAL: readonly LocaleMetaEntry[] =\n  LOCALES_WITH_BUNDLES.map((code) => LOCALE_META[code]);\n\n/**\n * Picker-facing list — sorted alphabetically by English name so the\n * order is deterministic and language-independent. End users searching\n * by native name use the picker's input box to filter; the visible\n * order doesn't depend on the active locale's collation.\n *\n * \"System Default\" (the OS-driven fallback) is rendered separately at\n * the top of `LocalePicker.SearchList` — not in this list — so the\n * alphabetical order here applies to the 18 explicit locale rows only.\n */\nexport const LOCALE_LIST: readonly LocaleMetaEntry[] = [\n  ...LOCALES_WITH_BUNDLES.map((code) => LOCALE_META[code]),\n].sort((a, b) => a.englishName.localeCompare(b.englishName, 'en'));\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — LocalePicker.                                          */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { LocalePickerHandle } from './locale-picker';\n\nexport const localePickerAgent: AgentAdapter<LocalePickerHandle> = {\n  id: 'locale-picker',\n  capabilities: ['view_change'],\n  state: {},\n  actions: {\n    set_locale: {\n      safety: 'write',\n      argsType: '{ locale: string }',\n      descriptionKey: 'ui.agent.localePicker.actions.setLocale',\n      description: 'Switch the active locale to the given IETF tag.',\n      invoke: (handle, args: { locale: string }) => {\n        // The handle's own implementation gates against\n        // `LOCALES_WITH_BUNDLES`, so a tag the kit doesn't ship is a\n        // no-op rather than a runtime crash.\n        handle.setLocale(args.locale);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'locale-picker',\n      description: 'Marks the LocalePicker wrapper.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Globe, Monitor } from 'lucide-react';\nimport { Command, defaultFilter } from 'cmdk';\nimport { IconButton } from '../button/icon-button';\nimport { Popover } from '../popover/popover';\nimport { Flag, hasFlag } from '../flag/flag';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n} from '../_shared/input-surface';\nimport { LOCALE_LIST, LOCALE_META, type Locale } from '../../i18n/locale-meta';\nimport { LOCALES_WITH_BUNDLES } from '../../i18n/config';\nimport { useLocale } from '../../hooks/use-locale';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { localePickerAgent } from './locale-picker.agent';\n\n/* ------------------------------------------------------------------ */\n/* Persistence + browser-locale detection                              */\n/*                                                                     */\n/* The first mount of a LocalePicker after a fresh page load runs a    */\n/* one-shot detection: if no locale has ever been persisted, read      */\n/* navigator.language, normalise to the base tag (`it-IT` → `it`),    */\n/* and adopt it if the kit ships a matching bundle. Fall back to       */\n/* `en` if not. Result is persisted so a subsequent page load          */\n/* respects the user choice without re-detecting.                      */\n/*                                                                     */\n/* Module-level flag — the detection must fire once per app           */\n/* lifecycle, not once per LocalePicker instance, since HeaderSettings */\n/* + a standalone picker can both be mounted simultaneously.           */\n/* ------------------------------------------------------------------ */\n\nexport const LOCALE_STORAGE_KEY = 'alfadocs-ui.locale';\n\n/**\n * Sentinel value (and Combobox-row key) for \"follow the browser /\n * OS locale\". Mirrors the ThemeToggle's `'system'` preference: the\n * picker doesn't store a concrete locale code; the runtime resolves\n * to `navigator.language` on each mount.\n */\nexport const LOCALE_SYSTEM_DEFAULT = 'system' as const;\nexport type LocalePreference = Locale | typeof LOCALE_SYSTEM_DEFAULT;\n\nlet detectionFired = false;\n\nfunction isSupportedLocale(value: unknown): value is Locale {\n  return (\n    typeof value === 'string' &&\n    (LOCALES_WITH_BUNDLES as readonly string[]).includes(value)\n  );\n}\n\nfunction safeReadStorage(key: string): string | null {\n  if (typeof window === 'undefined') return null;\n  try {\n    return window.localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\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 / when quota is exceeded — the\n       in-memory state is the source of truth. Same silent-fail shape\n       as use-theme.ts. */\n  }\n}\n\nfunction detectBrowserLocale(): Locale {\n  if (typeof navigator === 'undefined') return 'en';\n  const raw = navigator.language;\n  if (!raw) return 'en';\n  const base = raw.toLowerCase().split('-')[0];\n  return isSupportedLocale(base) ? base : 'en';\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/* Shared state hook                                                   */\n/*                                                                     */\n/* Centralises the setLocale wrapper so both the standalone picker     */\n/* and the inline `LocalePicker.SearchList` share one source of truth: */\n/*   1. delegate to `useLocale().setLocale` (the i18next change)       */\n/*   2. set `document.documentElement.dir` + `lang`                    */\n/*   3. persist to localStorage at `alfadocs-ui.locale`                */\n/* ------------------------------------------------------------------ */\n\ninterface LocalePickerState {\n  /** Resolved locale actually applied to the page (always concrete). */\n  locale: Locale;\n  /**\n   * True when the resolved locale came from `navigator.language`\n   * rather than an explicit user choice (i.e. no localStorage entry).\n   * Used to mark the \"System Default\" row as the active selection\n   * until the user picks a specific locale.\n   */\n  isSystemDefault: boolean;\n  /**\n   * Switch to a specific locale (persists) OR back to the System\n   * Default (clears the localStorage entry and re-detects).\n   */\n  setLocale: (next: LocalePreference) => void;\n}\n\nfunction safeRemoveStorage(key: string): void {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.removeItem(key);\n  } catch {\n    /* private mode etc. — silent fail per the rest of the file. */\n  }\n}\n\nfunction useLocalePickerState(): LocalePickerState {\n  const { locale: rawLocale, setLocale: setLocaleI18n } = useLocale();\n  const [isSystemDefault, setIsSystemDefault] = useState<boolean>(\n    () => safeReadStorage(LOCALE_STORAGE_KEY) === null,\n  );\n\n  // Coerce the i18next-reported locale to the supported set so consumers\n  // never see an un-bundled tag (e.g. when the host app pre-loads\n  // `en-US` before the kit's resources land).\n  const locale: Locale = isSupportedLocale(rawLocale) ? rawLocale : 'en';\n\n  const setLocale = useCallback(\n    (next: LocalePreference) => {\n      if (next === LOCALE_SYSTEM_DEFAULT) {\n        // Clear persistence + re-resolve to navigator.language.\n        safeRemoveStorage(LOCALE_STORAGE_KEY);\n        const detected = detectBrowserLocale();\n        void setLocaleI18n(detected);\n        applyDocumentAttrs(detected);\n        setIsSystemDefault(true);\n        return;\n      }\n      if (!isSupportedLocale(next)) return;\n      void setLocaleI18n(next);\n      applyDocumentAttrs(next);\n      safeWriteStorage(LOCALE_STORAGE_KEY, next);\n      setIsSystemDefault(false);\n    },\n    [setLocaleI18n],\n  );\n\n  // One-shot detection on first LocalePicker mount per app lifecycle.\n  useEffect(() => {\n    if (detectionFired) return;\n    detectionFired = true;\n    const stored = safeReadStorage(LOCALE_STORAGE_KEY);\n    if (isSupportedLocale(stored)) {\n      // User-chosen value persists — keep i18next + document in sync.\n      if (stored !== rawLocale) void setLocaleI18n(stored);\n      applyDocumentAttrs(stored);\n      return;\n    }\n    // No stored value → we're in System Default mode. Detect, apply,\n    // but do NOT persist (so the System Default selection stays\n    // sticky across reloads until the user explicitly chooses).\n    const detected = detectBrowserLocale();\n    void setLocaleI18n(detected);\n    applyDocumentAttrs(detected);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional one-shot detection\n  }, []);\n\n  return { locale, isSystemDefault, setLocale };\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    variant: {\n      icon: '',\n      compact: '',\n    },\n  },\n  defaultVariants: { variant: 'icon' },\n});\n\nconst compactTriggerClasses = [\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n  'ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-sm)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n  'ds:bg-transparent ds:text-foreground',\n  'ds:hover:bg-muted',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n  'type-body-sm',\n].join(' ');\n\nconst popoverContentClasses = [\n  'ds:w-[18rem] ds:rounded-[var(--radius-md)]',\n  'ds:bg-background ds:text-foreground ds:border ds:border-border',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:overflow-hidden',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type LocalePickerVariant = 'icon' | 'compact';\n\nexport interface LocalePickerProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  variant?: LocalePickerVariant;\n  /**\n   * Controlled escape hatch — when omitted the picker reads/writes\n   * `useLocale()` directly so a bare `<LocalePicker />` works with no\n   * wiring. Pass both to opt into controlled mode.\n   */\n  value?: Locale;\n  onValueChange?: (next: LocalePreference) => void;\n  /** Disable interaction (greys out the trigger). */\n  disabled?: boolean;\n  /** Mark as busy (kept open / focusable but read-only). */\n  loading?: boolean;\n  /**\n   * Side the search popover opens onto, relative to the trigger.\n   * Defaults to `bottom` (standard dropdown). Use `end` (inline-end —\n   * right in LTR, left in RTL) when nesting the LocalePicker inside\n   * another popover/menu so the search surface flies out to the side\n   * rather than stacking below.\n   */\n  popoverSide?: 'top' | 'bottom' | 'start' | 'end';\n}\n\n/**\n * Curated imperative handle for agent / external automation. The\n * `setLocale` parameter is widened to `string` (rather than the\n * narrower `Locale`) so untyped agent inputs don't have to thread the\n * `LOCALES_WITH_BUNDLES` constraint at the call site — the\n * implementation validates internally and no-ops on an unsupported\n * tag.\n */\nexport interface LocalePickerHandle {\n  setLocale: (next: string) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* LocalePicker.SearchList — the inline searchable list                */\n/*                                                                     */\n/* HeaderSettings renders this directly inside its DropdownMenu so the */\n/* same UX is reused without nesting another popover. Standalone the   */\n/* root component renders this same widget inside a Popover.           */\n/* ------------------------------------------------------------------ */\n\nexport interface LocalePickerSearchListProps {\n  /**\n   * Active selection. Either a `Locale` code or the\n   * `LOCALE_SYSTEM_DEFAULT` sentinel (when the user hasn't made an\n   * explicit choice and the kit is following `navigator.language`).\n   * Defaults to the shared store.\n   */\n  value?: LocalePreference;\n  /**\n   * Fires after a successful selection. Accepts a concrete `Locale`\n   * or `LOCALE_SYSTEM_DEFAULT` (when the user picks the \"System\n   * Default\" row at the top of the list).\n   *\n   * Defaults to the shared setter (delegates to useLocale, persists\n   * or clears storage, updates document.dir/lang).\n   */\n  onValueChange?: (next: LocalePreference) => void;\n  /** Optional id for the search input (axe `aria-labelledby` chain). */\n  inputId?: string;\n  /** Disable the input + list interactions. */\n  disabled?: boolean;\n  /** Mark as busy (read-only). */\n  loading?: boolean;\n  className?: string;\n}\n\nconst searchListVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    loading: {\n      true: 'ds:opacity-60 ds:pointer-events-none',\n      false: '',\n    },\n  },\n  defaultVariants: { loading: false },\n});\n\nexport const LocalePickerSearchList = forwardRef<\n  HTMLDivElement,\n  LocalePickerSearchListProps\n>(\n  (\n    {\n      value: valueProp,\n      onValueChange,\n      inputId: inputIdProp,\n      disabled = false,\n      loading = false,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const store = useLocalePickerState();\n    // Resolved-to-render-with: which locale name to display for\n    // \"System Default ({{nativeName}})\". Always a concrete Locale.\n    const resolvedLocale = store.locale;\n    // Selection-state: the picker's current value is either an\n    // explicit Locale or the System Default sentinel.\n    const currentSelection: LocalePreference =\n      valueProp ??\n      (store.isSystemDefault ? LOCALE_SYSTEM_DEFAULT : store.locale);\n    const generatedId = useId();\n    const inputId = inputIdProp ?? `${generatedId}-search`;\n    const [search, setSearch] = useState('');\n\n    const handleSelect = useCallback(\n      (code: string) => {\n        if (disabled || loading) return;\n        if (code === LOCALE_SYSTEM_DEFAULT) {\n          if (onValueChange) {\n            onValueChange(LOCALE_SYSTEM_DEFAULT);\n          } else {\n            store.setLocale(LOCALE_SYSTEM_DEFAULT);\n          }\n          return;\n        }\n        if (!isSupportedLocale(code)) return;\n        if (onValueChange) {\n          onValueChange(code);\n        } else {\n          store.setLocale(code);\n        }\n      },\n      [disabled, loading, onValueChange, store],\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={[searchListVariants({ loading }), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"locale-picker-search-list\"\n      >\n        <Command\n          label={t('navigation.localePicker.commandLabel')}\n          // Defer to cmdk's defaultFilter — it ranks against both the\n          // Item's `value` (the locale code) and `keywords` (the\n          // native + English names), which is exactly the haystack we\n          // want users to be able to match against. The Item's `value`\n          // alone wouldn't surface \"jap\" → 日本語 because the code is\n          // `ja`; the keyword \"Japanese\" handles that match.\n          filter={defaultFilter}\n          shouldFilter\n        >\n          {/* Input chrome borrows the kit's standard INPUT_SURFACE\n              tokens (same as Combobox / Autocomplete) so the search\n              field reads as a first-class kit input rather than a\n              one-off list header. The wrapper carries the border /\n              padding / focus-within ring; the inner Command.Input\n              keeps its outline-less peer styling. */}\n          <div\n            className={[\n              INPUT_SURFACE_CHROME,\n              INPUT_SURFACE_HEIGHT.sm,\n              INPUT_SURFACE_PADDING_X.sm,\n              'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n              'ds:m-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <Globe\n              aria-hidden=\"true\"\n              className=\"ds:size-4 ds:text-muted-foreground ds:shrink-0\"\n            />\n            <Command.Input\n              id={inputId}\n              value={search}\n              onValueChange={setSearch}\n              placeholder={t('navigation.localePicker.searchPlaceholder')}\n              aria-label={t('navigation.localePicker.searchLabel')}\n              disabled={disabled || loading}\n              className={[\n                'ds:peer ds:flex-1 ds:bg-transparent ds:border-0 ds:outline-none',\n                'ds:placeholder:text-muted-foreground ds:text-foreground',\n                'ds:text-[length:var(--font-size-sm)]',\n              ].join(' ')}\n            />\n          </div>\n          <Command.List\n            className={[\n              'ds:max-h-[18rem] ds:overflow-y-auto',\n              'ds:p-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <Command.Empty\n              className={[\n                'ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]',\n                'type-body-sm ds:text-muted-foreground',\n              ].join(' ')}\n            >\n              {t('navigation.localePicker.empty')}\n            </Command.Empty>\n\n            {/* \"System Default\" — always the first row. Selected when\n                the user hasn't picked an explicit locale; selecting it\n                clears the localStorage entry and re-resolves to\n                navigator.language. Mirrors the `'system'` value in\n                ThemeToggle. */}\n            {(() => {\n              const isSystemSelected =\n                currentSelection === LOCALE_SYSTEM_DEFAULT;\n              const resolvedEntry = LOCALE_META[resolvedLocale];\n              return (\n                <Command.Item\n                  key={LOCALE_SYSTEM_DEFAULT}\n                  value={LOCALE_SYSTEM_DEFAULT}\n                  keywords={[\n                    'system',\n                    'default',\n                    'auto',\n                    'browser',\n                    resolvedEntry.nativeName,\n                    resolvedEntry.englishName,\n                  ]}\n                  disabled={disabled || loading}\n                  onSelect={handleSelect}\n                  className={[\n                    'ds:relative ds:flex ds:cursor-pointer ds:select-none',\n                    'ds:items-center ds:gap-[var(--spacing-sm)]',\n                    'ds:rounded-[var(--radius-sm)]',\n                    'ds:min-h-[var(--min-target-size)]',\n                    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n                    'ds:text-foreground ds:outline-none',\n                    'ds:data-[highlighted]:bg-muted',\n                    'ds:aria-selected:bg-muted',\n                    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed',\n                  ].join(' ')}\n                  aria-selected={isSystemSelected || undefined}\n                  data-current={isSystemSelected ? 'true' : undefined}\n                >\n                  <Monitor\n                    aria-hidden=\"true\"\n                    className=\"ds:size-4 ds:text-muted-foreground ds:shrink-0\"\n                  />\n                  <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm\">\n                    {t('navigation.localePicker.systemDefault', {\n                      locale: resolvedEntry.nativeName,\n                    })}\n                  </span>\n                  {isSystemSelected ? (\n                    <Check\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-primary ds:shrink-0\"\n                    />\n                  ) : null}\n                  {isSystemSelected ? (\n                    <span className=\"ds:sr-only\">\n                      {t('navigation.localePicker.currentSelection')}\n                    </span>\n                  ) : null}\n                </Command.Item>\n              );\n            })()}\n\n            {LOCALE_LIST.map((entry) => {\n              const isSelected = currentSelection === entry.code;\n              return (\n                <Command.Item\n                  key={entry.code}\n                  value={entry.code}\n                  keywords={[entry.nativeName, entry.englishName]}\n                  disabled={disabled || loading}\n                  onSelect={handleSelect}\n                  className={[\n                    'ds:relative ds:flex ds:cursor-pointer ds:select-none',\n                    'ds:items-center ds:gap-[var(--spacing-sm)]',\n                    'ds:rounded-[var(--radius-sm)]',\n                    'ds:min-h-[var(--min-target-size)]',\n                    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n                    'ds:text-foreground ds:outline-none',\n                    'ds:data-[highlighted]:bg-muted',\n                    'ds:aria-selected:bg-muted',\n                    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed',\n                  ].join(' ')}\n                  aria-selected={isSelected || undefined}\n                  data-current={isSelected ? 'true' : undefined}\n                  // `lang` on the row triggers font-cascade selection\n                  // so Arabic / Japanese / Devanagari / Greek glyphs\n                  // paint via the Noto Sans family. Intentionally\n                  // omits `dir` — the row layout follows the picker\n                  // surface's direction (LTR menu = LTR row, RTL menu\n                  // = RTL row). Setting `dir=\"rtl\"` per Arabic row\n                  // would flip just THAT row inside an LTR menu, which\n                  // breaks the visual rhythm with neighbouring rows.\n                  // Arabic text within the row still renders RTL at\n                  // the character level (script-driven) regardless.\n                  lang={entry.code}\n                >\n                  {hasFlag(entry.countryCode) ? (\n                    <Flag\n                      country={entry.countryCode}\n                      size=\"sm\"\n                      shape=\"rectangle\"\n                      rounded=\"sm\"\n                      className=\"ds:shrink-0\"\n                    />\n                  ) : (\n                    /* hasFlag fallback: render the emoji glyph only\n                       when the kit doesn't ship an SVG for this\n                       country code. All 18 bundled locales currently\n                       have SVG flags, so this is dead code on the\n                       canonical set — kept for resilience when\n                       consumers extend the registry. */\n                    <span\n                      aria-hidden=\"true\"\n                      className=\"ds:text-base ds:shrink-0\"\n                    >\n                      {entry.flag}\n                    </span>\n                  )}\n                  <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm\">\n                    {entry.nativeName}\n                  </span>\n                  {isSelected ? (\n                    <Check\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-primary ds:shrink-0\"\n                    />\n                  ) : null}\n                  {isSelected ? (\n                    <span className=\"ds:sr-only\">\n                      {t('navigation.localePicker.currentSelection')}\n                    </span>\n                  ) : null}\n                </Command.Item>\n              );\n            })}\n          </Command.List>\n        </Command>\n      </div>\n    );\n  },\n);\nLocalePickerSearchList.displayName = 'LocalePicker.SearchList';\n\n/* ------------------------------------------------------------------ */\n/* LocalePicker root — icon + compact trigger variants                 */\n/* ------------------------------------------------------------------ */\n\ninterface VariantRenderProps {\n  state: LocalePickerState;\n  rest: HTMLAttributes<HTMLDivElement>;\n  forwardedRef: Ref<HTMLDivElement>;\n  className?: string;\n  disabled: boolean;\n  loading: boolean;\n  popoverSide: 'top' | 'bottom' | 'start' | 'end';\n}\n\nfunction IconTrigger({\n  state,\n  rest,\n  forwardedRef,\n  className,\n  disabled,\n  loading,\n  popoverSide,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const entry = LOCALE_META[state.locale];\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"locale-picker\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'icon', className })}\n      {...rest}\n    >\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <IconButton\n            disabled={disabled || loading}\n            icon={\n              <span className=\"ds:relative ds:inline-flex ds:items-center ds:justify-center\">\n                <Globe aria-hidden className=\"ds:size-5\" />\n                {hasFlag(entry.countryCode) ? (\n                  <Flag\n                    country={entry.countryCode}\n                    size=\"sm\"\n                    shape=\"rectangle\"\n                    rounded=\"sm\"\n                    className={[\n                      // Corner chip overlaying the globe glyph.\n                      // `outline` paints a thin background-coloured\n                      // ring around the flag so it reads as a chip\n                      // rather than blending into the globe edge.\n                      'ds:absolute ds:bottom-[-3px] ds:end-[-5px]',\n                      'ds:outline ds:outline-2 ds:outline-background',\n                      // Scale down to chip size — Flag's sm tile is\n                      // larger than the original emoji glyph.\n                      'ds:scale-75 ds:origin-bottom-end',\n                    ].join(' ')}\n                  />\n                ) : null}\n              </span>\n            }\n            aria-label={t('navigation.localePicker.trigger', {\n              locale: entry.nativeName,\n            })}\n          />\n        </Popover.Trigger>\n        <Popover.Content\n          side={popoverSide}\n          align=\"start\"\n          sideOffset={8}\n          className={popoverContentClasses}\n          aria-label={t('navigation.localePicker.popupLabel')}\n        >\n          <LocalePickerSearchList\n            value={state.locale}\n            onValueChange={state.setLocale}\n            disabled={disabled}\n            loading={loading}\n          />\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nfunction CompactTrigger({\n  state,\n  rest,\n  forwardedRef,\n  className,\n  disabled,\n  loading,\n  popoverSide,\n}: VariantRenderProps) {\n  const { t } = useTranslation();\n  const entry = LOCALE_META[state.locale];\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"locale-picker\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'compact', className })}\n      {...rest}\n    >\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            disabled={disabled || loading}\n            className={compactTriggerClasses}\n            aria-label={t('navigation.localePicker.trigger', {\n              locale: entry.nativeName,\n            })}\n          >\n            {hasFlag(entry.countryCode) ? (\n              <Flag\n                country={entry.countryCode}\n                size=\"sm\"\n                shape=\"rectangle\"\n                rounded=\"sm\"\n                className=\"ds:shrink-0\"\n              />\n            ) : (\n              <Globe aria-hidden className=\"ds:size-4 ds:shrink-0\" />\n            )}\n            <span\n              className=\"ds:flex-1 ds:truncate type-body-sm\"\n              lang={entry.code}\n            >\n              {entry.nativeName}\n            </span>\n          </button>\n        </Popover.Trigger>\n        <Popover.Content\n          side={popoverSide}\n          align=\"start\"\n          sideOffset={8}\n          className={popoverContentClasses}\n          aria-label={t('navigation.localePicker.popupLabel')}\n        >\n          <LocalePickerSearchList\n            value={state.locale}\n            onValueChange={state.setLocale}\n            disabled={disabled}\n            loading={loading}\n          />\n        </Popover.Content>\n      </Popover.Root>\n    </div>\n  );\n}\n\nconst LocalePickerRoot = forwardRef<HTMLDivElement, LocalePickerProps>(\n  (props, ref) => {\n    const {\n      variant = 'icon',\n      value,\n      onValueChange,\n      disabled = false,\n      loading = false,\n      popoverSide = 'bottom',\n      className,\n      id,\n      ...rest\n    } = props as LocalePickerProps & { id?: string };\n\n    const store = useLocalePickerState();\n    const resolvedLocale = value ?? store.locale;\n\n    // Controlled overlay: when a consumer passes `onValueChange`, route\n    // selections to them instead of the shared store. Document attrs +\n    // localStorage are still updated so the picker behaves consistently\n    // either way.\n    const setLocale = useCallback(\n      (next: LocalePreference) => {\n        if (onValueChange) {\n          onValueChange(next);\n          // Side-effects in controlled mode: still write through to\n          // the persistence + document attrs so the rest of the page\n          // re-renders even though we're routing state to the consumer.\n          if (next === LOCALE_SYSTEM_DEFAULT) {\n            safeRemoveStorage(LOCALE_STORAGE_KEY);\n            const detected = detectBrowserLocale();\n            applyDocumentAttrs(detected);\n          } else if (isSupportedLocale(next)) {\n            applyDocumentAttrs(next);\n            safeWriteStorage(LOCALE_STORAGE_KEY, next);\n          }\n          return;\n        }\n        store.setLocale(next);\n      },\n      [onValueChange, store],\n    );\n\n    const state: LocalePickerState = useMemo(\n      () => ({\n        locale: resolvedLocale,\n        isSystemDefault: store.isSystemDefault,\n        setLocale,\n      }),\n      [resolvedLocale, store.isSystemDefault, setLocale],\n    );\n\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    const stateRef = useRef(state);\n    stateRef.current = state;\n    const agentHandle = useMemo<LocalePickerHandle>(\n      () => ({\n        setLocale: (next: string) => {\n          if (isSupportedLocale(next)) {\n            stateRef.current.setLocale(next);\n          }\n        },\n      }),\n      [],\n    );\n    useAgentRegistration(localePickerAgent, agentHandle, id);\n\n    if (variant === 'compact') {\n      return (\n        <CompactTrigger\n          state={state}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          className={className}\n          disabled={disabled}\n          loading={loading}\n          popoverSide={popoverSide}\n        />\n      );\n    }\n    return (\n      <IconTrigger\n        state={state}\n        rest={rest}\n        forwardedRef={forwardedRef}\n        className={className}\n        disabled={disabled}\n        loading={loading}\n        popoverSide={popoverSide}\n      />\n    );\n  },\n);\nLocalePickerRoot.displayName = 'LocalePicker';\n\nexport const LocalePicker = Object.assign(LocalePickerRoot, {\n  SearchList: LocalePickerSearchList,\n});\n"],"names":["LOCALE_META","LOCALES_WITH_BUNDLES","code","LOCALE_LIST","a","b","localePickerAgent","handle","args","LOCALE_STORAGE_KEY","LOCALE_SYSTEM_DEFAULT","detectionFired","isSupportedLocale","value","safeReadStorage","key","safeWriteStorage","detectBrowserLocale","raw","base","applyDocumentAttrs","locale","root","safeRemoveStorage","useLocalePickerState","rawLocale","setLocaleI18n","useLocale","isSystemDefault","setIsSystemDefault","useState","setLocale","useCallback","next","detected","useEffect","stored","wrapperVariants","cva","compactTriggerClasses","popoverContentClasses","searchListVariants","LocalePickerSearchList","forwardRef","valueProp","onValueChange","inputIdProp","disabled","loading","className","ref","t","useTranslation","store","resolvedLocale","currentSelection","generatedId","useId","inputId","search","setSearch","handleSelect","jsx","jsxs","Command","defaultFilter","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_PADDING_X","Globe","isSystemSelected","resolvedEntry","Monitor","Check","entry","isSelected","hasFlag","Flag","IconTrigger","state","rest","forwardedRef","popoverSide","Popover","IconButton","CompactTrigger","LocalePickerRoot","props","variant","id","useMemo","useRef","useImperativeHandle","stateRef","agentHandle","useAgentRegistration","LocalePicker"],"mappings":"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"}

package/dist/_chunks/{message-card-DjRtA8GG.js → message-card-D6iyPacd.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as B, useMemo as L, useState as U, useRef as W, useCallback as _ } from "react";
 import { c as D } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
-import { I as H } from "./icon-button-BRHSSFmZ.js";
+import { I as H } from "./icon-button-DPEqBKBQ.js";
 import { B as k } from "./button-DD_0Xdmr.js";
 import { A as X } from "./avatar-D_H4emLo.js";
 import { T as q } from "./timestamp-BV2lC-wV.js";
@@ -277,4 +277,4 @@ export {
   Q as M,
   O as i
 };
-//# sourceMappingURL=message-card-DjRtA8GG.js.map
+//# sourceMappingURL=message-card-D6iyPacd.js.map