@alfadocs/ui-kit-debug 1.76.0 → 1.77.1

package/dist/_chunks/{header-settings-Coh1r41O.js → header-settings-BYpVmLip.js}

@@ -8,7 +8,7 @@ import { D as n } from "./dropdown-menu-D1we7oAY.js";
 import { u as me, p as ge, c as w, a as Z } from "./locale-picker-DzdGDSBI.js";
 import { u as he } from "./use-media-query-CcAx5SMM.js";
 import { u as fe } from "./use-locale-BExNy9Dl.js";
-import { u as ye } from "./use-theme-CAuo6EYT.js";
+import { u as ye } from "./use-theme-CYGyzFgZ.js";
 import { a as be } from "./use-direction-Dp8h70PP.js";
 import { u as ve } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as we } from "./registry-DvAUVLHh.js";
@@ -507,4 +507,4 @@ Ke.displayName = "HeaderSettings";
 export {
   Ke as H
 };
-//# sourceMappingURL=header-settings-Coh1r41O.js.map
+//# sourceMappingURL=header-settings-BYpVmLip.js.map

package/dist/_chunks/{header-settings-Coh1r41O.js.map → header-settings-BYpVmLip.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header-settings-Coh1r41O.js","sources":["../../src/components/header-settings/header-settings.agent.ts","../../src/components/header-settings/header-settings.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — HeaderSettings.                                        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { HeaderSettingsHandle } from './header-settings';\n\nexport const headerSettingsAgent: AgentAdapter<HeaderSettingsHandle> = {\n  id: 'header-settings',\n  // Each setter persists a single preference value (locale / theme /\n  // accessibility) — `set_value` semantics, not an ephemeral view switch.\n  capabilities: ['set_value'],\n  // Read-back for all three setters. None of these preferences is\n  // recoverable from the DOM — `useTheme` resolves preference + OS into\n  // a single applied class, so `theme: 'system'` and `theme: 'light'`\n  // both paint `.theme-light` — and `set_locale` swallows unknown tags.\n  // Without these slots an agent cannot distinguish \"switched to\n  // Italian\" from \"the tag was dropped on the floor\". All four are UI\n  // preferences: no PHI, no patient-identifiable data (§7).\n  state: {\n    locale: {\n      type: 'string',\n      descriptionKey: 'ui.agent.headerSettings.state.locale',\n      description:\n        'Active IETF language tag (e.g. \"en\", \"it\", \"ar\"). Initially uses storage, then HTML lang when initialLocaleFromHtmlLang is enabled, then the browser. Read after set_locale to confirm the switch; unknown tags leave it unchanged.',\n      read: (handle) => handle.getLocale(),\n    },\n    theme: {\n      type: \"'light' | 'dark' | 'system'\",\n      descriptionKey: 'ui.agent.headerSettings.state.theme',\n      description:\n        \"Stored base-theme preference. `'system'` means no override is set and the OS decides — read `resolvedTheme` for what is actually painted.\",\n      read: (handle) => handle.getTheme(),\n    },\n    accessibility: {\n      type: \"'default' | 'accessible' | 'system'\",\n      descriptionKey: 'ui.agent.headerSettings.state.accessibility',\n      description:\n        \"Stored AAA-contrast preference. `'system'` means no override is set and `prefers-contrast` decides.\",\n      read: (handle) => handle.getAccessibility(),\n    },\n    resolvedTheme: {\n      type: \"'light' | 'dark' | 'light-accessible' | 'dark-accessible'\",\n      descriptionKey: 'ui.agent.headerSettings.state.resolvedTheme',\n      description:\n        'The theme actually applied to the document once preference and OS signals resolve. This is what makes a `set_theme(\"system\")` or `set_accessibility(\"system\")` write verifiable.',\n      read: (handle) => handle.getResolvedTheme(),\n    },\n  },\n  actions: {\n    set_locale: {\n      safety: 'write',\n      argsType: '{ locale: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          locale: {\n            type: 'string',\n            description:\n              'IETF language tag (e.g. \"en\", \"it\", \"ar\"). Unknown tags are silently dropped.',\n          },\n        },\n        required: ['locale'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setLocale',\n      description:\n        'Switch the active locale to the given IETF tag. Unknown tags are silently dropped — read the `locale` state slot afterwards to confirm.',\n      errors: [\n        'Silently ignored when the tag names a locale the kit ships no bundle for — `locale` is unchanged.',\n      ],\n      examples: [{ args: { locale: 'it' }, note: 'Switch to Italian.' }],\n      invoke: (handle, args: { locale: string }) => {\n        // Validation happens inside the handle so the agent surface\n        // accepts arbitrary tags and silently drops unknown ones.\n        handle.setLocale(args.locale);\n      },\n    },\n    set_theme: {\n      safety: 'write',\n      argsType: '{ theme: \"light\" | \"dark\" | \"system\" }',\n      argsSchema: {\n        type: 'object',\n        properties: { theme: { enum: ['light', 'dark', 'system'] } },\n        required: ['theme'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setTheme',\n      description:\n        'Switch the theme preference. Verify with the `theme` slot (the stored preference) and `resolvedTheme` (what is actually painted).',\n      examples: [\n        { args: { theme: 'dark' }, note: 'Switch to the dark theme.' },\n      ],\n      invoke: (handle, args: { theme: 'light' | 'dark' | 'system' }) => {\n        handle.setTheme(args.theme);\n      },\n    },\n    set_accessibility: {\n      safety: 'write',\n      argsType: '{ accessibility: \"default\" | \"accessible\" | \"system\" }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          accessibility: {\n            enum: ['default', 'accessible', 'system'],\n            description:\n              \"`'system'` clears the override and follows `prefers-contrast`.\",\n          },\n        },\n        required: ['accessibility'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setAccessibility',\n      description:\n        'Switch the accessibility preference. Verify with the `accessibility` slot (the stored preference) and `resolvedTheme` (what is actually painted).',\n      examples: [\n        {\n          args: { accessibility: 'accessible' },\n          note: 'Enable the AAA-accessible profile.',\n        },\n      ],\n      invoke: (\n        handle,\n        args: { accessibility: 'default' | 'accessible' | 'system' },\n      ) => {\n        handle.setAccessibility(args.accessibility);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'header-settings',\n      description: 'Marks the HeaderSettings wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop (forwarded via HTMLAttributes).',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type FocusEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ArrowLeft, ChevronRight, Settings } from 'lucide-react';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n  LocalePicker,\n  persistLocalePreference,\n  useInitialLocale,\n} from '../locale-picker/locale-picker';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ResolvedTheme,\n  type ThemePreference,\n} from '../../hooks';\nimport { useLocale } from '../../hooks/use-locale';\nimport { useMediaQuery } from '../../hooks/use-media-query';\nimport { useDocumentDirection } from '../../hooks/use-direction';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { LOCALE_META, type Locale } from '../../i18n/locale-meta';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { headerSettingsAgent } from './header-settings.agent';\nimport { useLengthTokenPx } from '../_shared/length-token';\n\nfunction applyDocumentAttrs(locale: Locale): void {\n  if (typeof document === 'undefined') return;\n  const root = document.documentElement;\n  root.lang = locale;\n  root.dir = LOCALE_META[locale].dir;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    align: {\n      start: '',\n      end: '',\n    },\n  },\n  defaultVariants: { align: 'end' },\n});\n\n// The language flyout hosts the searchable locale list, so it takes a\n// popover width rather than the menu's minimum.\nconst languageFlyoutClasses = 'ds:w-[var(--popover-size-md)]';\n\nconst panelVariants = cva('', {\n  variants: {\n    language: {\n      true: 'ds:[inline-size:var(--popover-size-md)] ds:[min-inline-size:0] ds:[max-inline-size:calc(100vw_-_2_*_var(--spacing-lg))] ds:[&_input]:min-w-0',\n      false: '',\n    },\n  },\n});\n\ntype PhoneView = 'main' | 'language' | 'appearance';\n\nconst phoneRowClasses = cva(\n  'ds:flex ds:flex-1 ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]',\n);\n\nfunction SettingRowLabel({\n  label,\n  value,\n  lang,\n}: {\n  label: string;\n  value: string;\n  lang?: string;\n}) {\n  return (\n    <span className={phoneRowClasses()}>\n      <span className=\"ds:truncate\">{label}</span>\n      <span\n        lang={lang}\n        className=\"ds:shrink-0 ds:text-muted-foreground ds:[[data-highlighted]_&]:text-current\"\n      >\n        {value}\n      </span>\n    </span>\n  );\n}\n\nfunction isLocale(tag: string): tag is Locale {\n  return Object.prototype.hasOwnProperty.call(LOCALE_META, tag);\n}\n\n/* ------------------------------------------------------------------ */\n/* LanguageSub                                                         */\n/*                                                                     */\n/* One menu row naming the setting and showing the current language    */\n/* (\"Language · English ›\"), laid out like DropdownMenu.ChoiceSub. It  */\n/* opens a flyout beside the menu holding LocalePicker.SearchList, so  */\n/* the 18 locales stay searchable. The flyout is a dialog, not a menu: */\n/* it holds a search combobox and a listbox, which a menu may not own. */\n/* ------------------------------------------------------------------ */\n\nfunction LanguageSub({ locale }: { locale: string }) {\n  const { t } = useTranslation('ui');\n  const current = LOCALE_META[isLocale(locale) ? locale : 'en'];\n\n  // Radix focuses the flyout itself when a keyboard user opens it. Hand\n  // that focus on to the search field so typing filters at once.\n  const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget) return;\n    event.currentTarget\n      .querySelector<HTMLInputElement>('input')\n      ?.focus({ preventScroll: true });\n  };\n\n  // The flyout closes on the \"back\" arrow (ArrowLeft, or ArrowRight in\n  // RTL). Inside the search field that key moves the caret instead,\n  // unless the caret is already at the start of the field. Capture\n  // phase, so Radix's own handler on the flyout never sees the key.\n  const handleKeyDownCapture = (event: KeyboardEvent<HTMLDivElement>) => {\n    const target = event.target;\n    if (!(target instanceof HTMLInputElement)) return;\n    // Keys pressed while an IME is composing (Japanese, Chinese) belong to\n    // the composition, never to the menu.\n    if (event.nativeEvent.isComposing) {\n      event.stopPropagation();\n      return;\n    }\n    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n    if (target.selectionStart !== 0 || target.selectionEnd !== 0) {\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <DropdownMenu.Sub>\n      <DropdownMenu.SubTrigger aria-haspopup=\"dialog\" data-value={current.code}>\n        <span className=\"ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <span className=\"ds:truncate\">\n            {t('navigation.headerSettings.language.label')}\n          </span>\n          <span\n            lang={current.code}\n            className=\"ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:[[data-highlighted]_&]:text-current\"\n          >\n            {current.nativeName}\n          </span>\n        </span>\n      </DropdownMenu.SubTrigger>\n      {/* Radix renders a `menu`; override to `dialog` and drop the\n          menu-only `aria-orientation`, which a dialog may not carry. */}\n      <DropdownMenu.SubContent\n        role=\"dialog\"\n        aria-orientation={undefined}\n        className={languageFlyoutClasses}\n        onFocus={handleFocus}\n        onKeyDownCapture={handleKeyDownCapture}\n        // Escape that cancels an IME conversion must not close the menu.\n        onEscapeKeyDown={(escapeEvent) => {\n          if (escapeEvent.isComposing) escapeEvent.preventDefault();\n        }}\n      >\n        <LocalePicker.SearchList />\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Sub>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderSettingsProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  /** Anchor side for the dropdown. Defaults to `end` (matches LTR + RTL). */\n  align?: 'start' | 'end';\n  /**\n   * Size of the cog trigger only. Forwards to the underlying\n   * `IconButton`. Defaults to `md` to preserve the existing visual.\n   * Use `sm` when composing alongside other `<Button size=\"sm\">`\n   * actions in a header row — keeps the visual rhythm consistent.\n   *\n   * The menu itself (language, appearance and accessible-mode rows)\n   * stays at kit defaults regardless — this prop only sizes the\n   * trigger.\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /** Disable the trigger entirely. */\n  disabled?: boolean;\n  /**\n   * With no saved choice, start from the page's HTML lang before falling back\n   * to the browser. Defaults to false. The first locale surface's mount effect\n   * decides for the app lifecycle; pass the same option to LocalePicker.\n   */\n  initialLocaleFromHtmlLang?: boolean;\n}\n\nexport interface HeaderSettingsHandle {\n  /**\n   * Switch the active locale. Widened to `string` (vs. `Locale`) so\n   * agent surfaces with untyped inputs can call through without\n   * extra casting — invalid tags no-op silently.\n   */\n  setLocale: (next: string) => void;\n  setTheme: (next: ThemePreference) => void;\n  setAccessibility: (next: AccessibilityPreference) => void;\n  /* ---- read-back for the three setters above -------------------- */\n  /** Active IETF language tag, as i18next resolved it. */\n  getLocale: () => string;\n  /** Stored base-theme preference (`'system'` when no override is set). */\n  getTheme: () => ThemePreference;\n  /** Stored AAA-contrast preference (`'system'` when no override is set). */\n  getAccessibility: () => AccessibilityPreference;\n  /**\n   * The theme actually painted once preference + OS signals resolve.\n   * `theme: 'system'` and `theme: 'light'` both render `.theme-light`,\n   * so this is what makes a `setTheme('system')` write verifiable.\n   */\n  getResolvedTheme: () => ResolvedTheme;\n}\n\n/* ------------------------------------------------------------------ */\n/* HeaderSettings                                                      */\n/*                                                                     */\n/* Single button → single DropdownMenu surface, laid out as a View     */\n/* menu: Language, Appearance (light / dark / system) and an Accessible */\n/* mode SwitchItem. On phones the lists replace the panel with a Back  */\n/* row; on larger screens they open beside it. Every row uses the hooks */\n/* (`useLocale`, `useTheme`) as the standalone components, so there is */\n/* no state duplication.                                               */\n/* ------------------------------------------------------------------ */\n\nexport const HeaderSettings = forwardRef<HTMLDivElement, HeaderSettingsProps>(\n  (props, ref) => {\n    const {\n      align = 'end',\n      size = 'md',\n      disabled = false,\n      initialLocaleFromHtmlLang = false,\n      className,\n      id,\n      ...rest\n    } = props as HeaderSettingsProps & { id?: string };\n\n    const { t } = useTranslation('ui');\n    const theme = useTheme();\n    const { locale, setLocale: setLocaleI18n } = useLocale();\n    // The language search only mounts with its flyout, so apply the saved\n    // (or HTML/browser) language here, on mount.\n    useInitialLocale(initialLocaleFromHtmlLang);\n\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    // PublicHeader uses ds:md:hidden / ds:hidden ds:md:flex for its phone\n    // sheet and inline actions. Match that same Tailwind md boundary (768px).\n    const isPhone = useMediaQuery('(width < 48rem)');\n    const direction = useDocumentDirection();\n    const [phoneView, setPhoneView] = useState<PhoneView>('main');\n    const view = isPhone ? phoneView : 'main';\n    const panelRef = useRef<HTMLDivElement>(null);\n    const languageRowRef = useRef<HTMLDivElement>(null);\n    const appearanceRowRef = useRef<HTMLDivElement>(null);\n    const returnFocusRef = useRef<Exclude<PhoneView, 'main'> | null>(null);\n    const activationRef = useRef('keyboard');\n\n    useIsomorphicLayoutEffect(() => {\n      if (!isPhone && phoneView !== 'main') {\n        returnFocusRef.current = phoneView;\n        setPhoneView('main');\n      }\n      if (view === 'language') {\n        panelRef.current\n          ?.querySelector<HTMLElement>(\n            activationRef.current === 'keyboard' ? 'input' : 'button',\n          )\n          ?.focus({ preventScroll: true });\n      } else if (view === 'appearance') {\n        panelRef.current\n          ?.querySelector<HTMLElement>('[role=\"menuitem\"]')\n          ?.focus({ preventScroll: true });\n      } else if (returnFocusRef.current) {\n        const section = returnFocusRef.current;\n        // Desktop renders SubTrigger/ChoiceSub in place of the phone rows.\n        const row = isPhone\n          ? (section === 'language' ? languageRowRef : appearanceRowRef).current\n          : panelRef.current?.querySelector<HTMLElement>(\n              `[role=\"menuitem\"][aria-haspopup=\"${section === 'language' ? 'dialog' : 'menu'}\"]`,\n            );\n        row?.focus({ preventScroll: true });\n        returnFocusRef.current = null;\n      }\n    }, [isPhone, phoneView, view]);\n\n    const handlePhoneRowKeyDown = (\n      event: KeyboardEvent<HTMLDivElement>,\n      section: Exclude<PhoneView, 'main'>,\n    ) => {\n      if (event.nativeEvent.isComposing) return;\n      const forwardKey = direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n      if (\n        event.key === 'Enter' ||\n        event.key === ' ' ||\n        event.key === forwardKey\n      )\n        activationRef.current = 'keyboard';\n      if (event.key === forwardKey) {\n        event.preventDefault();\n        setPhoneView(section);\n      }\n    };\n\n    const goBack = () => {\n      if (view === 'main') return;\n      returnFocusRef.current = view;\n      setPhoneView('main');\n    };\n\n    const handlePhoneKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      if (view === 'main') return;\n      if (event.nativeEvent.isComposing) {\n        event.stopPropagation();\n        return;\n      }\n      if (event.key !== (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft'))\n        return;\n      const target = event.target;\n      // As in LanguageSub, leave the caret alone until it reaches the start.\n      if (\n        target instanceof HTMLInputElement &&\n        (target.selectionStart !== 0 || target.selectionEnd !== 0)\n      )\n        return;\n      event.preventDefault();\n      event.stopPropagation();\n      goBack();\n    };\n\n    // Same side-effect chain as LocalePicker's internal helper:\n    //   i18next.changeLanguage → document.dir/lang → persist.\n    // Share persistence and session preference with every locale picker.\n    const setLocaleWithPersistence = useCallback(\n      (next: Locale) => {\n        void setLocaleI18n(next);\n        applyDocumentAttrs(next);\n        persistLocalePreference(next);\n      },\n      [setLocaleI18n],\n    );\n    const setLocaleRef = useRef(setLocaleWithPersistence);\n    setLocaleRef.current = setLocaleWithPersistence;\n    // Assigned during render (not in an effect) so an agent reading the\n    // slot immediately after `set_locale` sees the settled value rather\n    // than the pre-commit one.\n    const localeRef = useRef(locale);\n    localeRef.current = locale;\n\n    const themeRef = useRef(theme);\n    themeRef.current = theme;\n    const agentHandle = useMemo<HeaderSettingsHandle>(\n      () => ({\n        setLocale: (next: string) => {\n          // Mirrors LocalePicker's gating — silently drop unknown tags\n          // rather than crash mid-cascade. `LOCALES_WITH_BUNDLES` is\n          // re-imported via the LOCALE_META keys so this file doesn't\n          // need the resources module on the build-agent-catalog path.\n          if (Object.prototype.hasOwnProperty.call(LOCALE_META, next)) {\n            setLocaleRef.current(next as Locale);\n          }\n        },\n        setTheme: (next) => themeRef.current.setTheme(next),\n        setAccessibility: (next) => themeRef.current.setAccessibility(next),\n        // Read-back. None of the three preferences is recoverable from\n        // the DOM: `useTheme` resolves preference + OS into one applied\n        // class, so `theme: 'system'` and `theme: 'light'` both paint\n        // `.theme-light`. Without these an agent cannot tell a switch\n        // that landed from one that was dropped.\n        getLocale: () => localeRef.current,\n        getTheme: () => themeRef.current.theme,\n        getAccessibility: () => themeRef.current.accessibility,\n        getResolvedTheme: () => themeRef.current.resolvedTheme,\n      }),\n      [],\n    );\n    useAgentRegistration(headerSettingsAgent, agentHandle, id);\n\n    const accessibleChecked = theme.accessibility === 'accessible';\n    // Keep the panel clear of the screen edge by the phone menu's own\n    // side margin. In the PublicHeader sheet the gear is\n    // 24px from the edge and an end-aligned 224px panel would otherwise be\n    // pushed flush against it. On desktop it never reaches the edge.\n    const edgeMargin = useLengthTokenPx('--spacing-lg', forwardedRef, 24);\n    const languageLabel = t('navigation.headerSettings.language.label');\n    const appearanceLabel = t('navigation.headerSettings.appearance.label');\n    const currentLocale = LOCALE_META[isLocale(locale) ? locale : 'en'];\n    const appearanceOptions = [\n      {\n        value: 'light',\n        label: t('navigation.headerSettings.appearance.light'),\n      },\n      { value: 'dark', label: t('navigation.headerSettings.appearance.dark') },\n      {\n        value: 'system',\n        label: t('navigation.headerSettings.appearance.system'),\n      },\n    ] as const;\n    const backLabel = t('navigation.headerSettings.back');\n\n    return (\n      <div\n        ref={forwardedRef}\n        data-component=\"header-settings\"\n        data-component-id={id}\n        className={wrapperVariants({ align, className })}\n        {...rest}\n      >\n        <DropdownMenu.Root\n          onOpenChange={(open) => {\n            if (!open) {\n              returnFocusRef.current = null;\n              setPhoneView('main');\n            }\n          }}\n        >\n          <DropdownMenu.Trigger asChild>\n            <IconButton\n              size={size}\n              disabled={disabled}\n              icon={<Settings aria-hidden />}\n              aria-label={t('navigation.headerSettings.trigger')}\n            />\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Content\n            ref={panelRef}\n            align={align}\n            collisionPadding={edgeMargin}\n            className={panelVariants({ language: view === 'language' })}\n            {...(view === 'language'\n              ? {\n                  role: 'dialog',\n                  'aria-orientation': undefined,\n                  'aria-label': languageLabel,\n                  'aria-labelledby': undefined,\n                }\n              : {})}\n            onKeyDownCapture={handlePhoneKeyDown}\n            onEscapeKeyDown={(event) => {\n              if (event.isComposing) event.preventDefault();\n            }}\n          >\n            {view === 'language' ? (\n              <div\n                role=\"presentation\"\n                onKeyDown={(event) => {\n                  // The dialog owns typing and Tab, not Radix's menu\n                  // typeahead. Its two tab stops are Back and search.\n                  if (\n                    event.key === 'Tab' &&\n                    !event.altKey &&\n                    !event.ctrlKey &&\n                    !event.metaKey\n                  ) {\n                    event.preventDefault();\n                    event.currentTarget\n                      .querySelector<HTMLElement>(\n                        event.target instanceof HTMLInputElement\n                          ? 'button'\n                          : 'input',\n                      )\n                      ?.focus();\n                  }\n                  event.stopPropagation();\n                }}\n              >\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  className=\"ds:w-full ds:justify-start ds:text-start ds:font-normal ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:gap-[var(--spacing-sm)] ds:[&>span:last-child]:flex-1\"\n                  startIcon={<ArrowLeft aria-hidden className=\"ds:size-4\" />}\n                  flipIconInRtl\n                  onClick={goBack}\n                >\n                  <SettingRowLabel label={backLabel} value={languageLabel} />\n                </Button>\n                <DropdownMenu.Separator />\n                <LocalePicker.SearchList />\n              </div>\n            ) : view === 'appearance' ? (\n              <>\n                <DropdownMenu.Item\n                  startIcon={\n                    <ArrowLeft\n                      aria-hidden\n                      className=\"ds:size-4 ds:rtl:-scale-x-100\"\n                    />\n                  }\n                  onSelect={(event) => {\n                    event.preventDefault();\n                    goBack();\n                  }}\n                >\n                  <SettingRowLabel label={backLabel} value={appearanceLabel} />\n                </DropdownMenu.Item>\n                <DropdownMenu.Separator />\n                <DropdownMenu.RadioGroup\n                  aria-label={appearanceLabel}\n                  value={theme.theme}\n                  onValueChange={(next) =>\n                    theme.setTheme(next as ThemePreference)\n                  }\n                >\n                  {appearanceOptions.map((option) => (\n                    <DropdownMenu.RadioItem\n                      key={option.value}\n                      value={option.value}\n                      onSelect={(event) => event.preventDefault()}\n                    >\n                      {option.label}\n                    </DropdownMenu.RadioItem>\n                  ))}\n                </DropdownMenu.RadioGroup>\n              </>\n            ) : (\n              <>\n                {isPhone ? (\n                  <DropdownMenu.Item\n                    ref={languageRowRef}\n                    aria-haspopup=\"dialog\"\n                    data-value={currentLocale.code}\n                    endIcon={\n                      <ChevronRight\n                        aria-hidden\n                        className=\"ds:size-4 ds:rtl:-scale-x-100\"\n                      />\n                    }\n                    onPointerDown={(event) => {\n                      activationRef.current = event.pointerType;\n                    }}\n                    onKeyDown={(event) =>\n                      handlePhoneRowKeyDown(event, 'language')\n                    }\n                    onSelect={(event) => {\n                      event.preventDefault();\n                      setPhoneView('language');\n                    }}\n                  >\n                    <SettingRowLabel\n                      label={languageLabel}\n                      value={currentLocale.nativeName}\n                      lang={currentLocale.code}\n                    />\n                  </DropdownMenu.Item>\n                ) : (\n                  <LanguageSub locale={locale} />\n                )}\n                <DropdownMenu.Separator />\n                {isPhone ? (\n                  <DropdownMenu.Item\n                    ref={appearanceRowRef}\n                    aria-haspopup=\"menu\"\n                    data-value={theme.theme}\n                    endIcon={\n                      <ChevronRight\n                        aria-hidden\n                        className=\"ds:size-4 ds:rtl:-scale-x-100\"\n                      />\n                    }\n                    onPointerDown={(event) => {\n                      activationRef.current = event.pointerType;\n                    }}\n                    onKeyDown={(event) =>\n                      handlePhoneRowKeyDown(event, 'appearance')\n                    }\n                    onSelect={(event) => {\n                      event.preventDefault();\n                      setPhoneView('appearance');\n                    }}\n                  >\n                    <SettingRowLabel\n                      label={appearanceLabel}\n                      value={\n                        appearanceOptions.find(\n                          (option) => option.value === theme.theme,\n                        )?.label ?? ''\n                      }\n                    />\n                  </DropdownMenu.Item>\n                ) : (\n                  <DropdownMenu.ChoiceSub\n                    label={appearanceLabel}\n                    value={theme.theme}\n                    onValueChange={theme.setTheme}\n                    options={appearanceOptions}\n                  />\n                )}\n                {/* Writes through useTheme, so the document gets the\n                `theme-accessible` class at once (including the Lexend\n                swap for Latin scripts, see src/tokens/index.css). */}\n                <DropdownMenu.SwitchItem\n                  checked={accessibleChecked}\n                  onCheckedChange={(next) =>\n                    theme.setAccessibility(next ? 'accessible' : 'default')\n                  }\n                >\n                  {t('navigation.headerSettings.appearance.accessible')}\n                </DropdownMenu.SwitchItem>\n              </>\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu.Root>\n      </div>\n    );\n  },\n);\n\nHeaderSettings.displayName = 'HeaderSettings';\n"],"names":["headerSettingsAgent","handle","args","applyDocumentAttrs","locale","root","LOCALE_META","wrapperVariants","cva","languageFlyoutClasses","panelVariants","phoneRowClasses","SettingRowLabel","label","value","lang","jsxs","jsx","isLocale","tag","LanguageSub","t","useTranslation","current","handleFocus","event","_a","handleKeyDownCapture","target","DropdownMenu","escapeEvent","LocalePicker","HeaderSettings","forwardRef","props","ref","align","size","disabled","initialLocaleFromHtmlLang","className","id","rest","theme","useTheme","setLocaleI18n","useLocale","useInitialLocale","forwardedRef","useRef","useImperativeHandle","isPhone","useMediaQuery","direction","useDocumentDirection","phoneView","setPhoneView","useState","view","panelRef","languageRowRef","appearanceRowRef","returnFocusRef","activationRef","useIsomorphicLayoutEffect","_b","_d","_c","section","row","_e","handlePhoneRowKeyDown","forwardKey","goBack","handlePhoneKeyDown","setLocaleWithPersistence","useCallback","next","persistLocalePreference","setLocaleRef","localeRef","themeRef","agentHandle","useMemo","useAgentRegistration","accessibleChecked","edgeMargin","useLengthTokenPx","languageLabel","appearanceLabel","currentLocale","appearanceOptions","backLabel","open","IconButton","Settings","Button","ArrowLeft","Fragment","option","ChevronRight"],"mappings":"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"}
+{"version":3,"file":"header-settings-BYpVmLip.js","sources":["../../src/components/header-settings/header-settings.agent.ts","../../src/components/header-settings/header-settings.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — HeaderSettings.                                        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { HeaderSettingsHandle } from './header-settings';\n\nexport const headerSettingsAgent: AgentAdapter<HeaderSettingsHandle> = {\n  id: 'header-settings',\n  // Each setter persists a single preference value (locale / theme /\n  // accessibility) — `set_value` semantics, not an ephemeral view switch.\n  capabilities: ['set_value'],\n  // Read-back for all three setters. None of these preferences is\n  // recoverable from the DOM — `useTheme` resolves preference + OS into\n  // a single applied class, so `theme: 'system'` and `theme: 'light'`\n  // both paint `.theme-light` — and `set_locale` swallows unknown tags.\n  // Without these slots an agent cannot distinguish \"switched to\n  // Italian\" from \"the tag was dropped on the floor\". All four are UI\n  // preferences: no PHI, no patient-identifiable data (§7).\n  state: {\n    locale: {\n      type: 'string',\n      descriptionKey: 'ui.agent.headerSettings.state.locale',\n      description:\n        'Active IETF language tag (e.g. \"en\", \"it\", \"ar\"). Initially uses storage, then HTML lang when initialLocaleFromHtmlLang is enabled, then the browser. Read after set_locale to confirm the switch; unknown tags leave it unchanged.',\n      read: (handle) => handle.getLocale(),\n    },\n    theme: {\n      type: \"'light' | 'dark' | 'system'\",\n      descriptionKey: 'ui.agent.headerSettings.state.theme',\n      description:\n        \"Stored base-theme preference. `'system'` means no override is set and the OS decides — read `resolvedTheme` for what is actually painted.\",\n      read: (handle) => handle.getTheme(),\n    },\n    accessibility: {\n      type: \"'default' | 'accessible' | 'system'\",\n      descriptionKey: 'ui.agent.headerSettings.state.accessibility',\n      description:\n        \"Stored AAA-contrast preference. `'system'` means no override is set and `prefers-contrast` decides.\",\n      read: (handle) => handle.getAccessibility(),\n    },\n    resolvedTheme: {\n      type: \"'light' | 'dark' | 'light-accessible' | 'dark-accessible'\",\n      descriptionKey: 'ui.agent.headerSettings.state.resolvedTheme',\n      description:\n        'The theme actually applied to the document once preference and OS signals resolve. This is what makes a `set_theme(\"system\")` or `set_accessibility(\"system\")` write verifiable.',\n      read: (handle) => handle.getResolvedTheme(),\n    },\n  },\n  actions: {\n    set_locale: {\n      safety: 'write',\n      argsType: '{ locale: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          locale: {\n            type: 'string',\n            description:\n              'IETF language tag (e.g. \"en\", \"it\", \"ar\"). Unknown tags are silently dropped.',\n          },\n        },\n        required: ['locale'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setLocale',\n      description:\n        'Switch the active locale to the given IETF tag. Unknown tags are silently dropped — read the `locale` state slot afterwards to confirm.',\n      errors: [\n        'Silently ignored when the tag names a locale the kit ships no bundle for — `locale` is unchanged.',\n      ],\n      examples: [{ args: { locale: 'it' }, note: 'Switch to Italian.' }],\n      invoke: (handle, args: { locale: string }) => {\n        // Validation happens inside the handle so the agent surface\n        // accepts arbitrary tags and silently drops unknown ones.\n        handle.setLocale(args.locale);\n      },\n    },\n    set_theme: {\n      safety: 'write',\n      argsType: '{ theme: \"light\" | \"dark\" | \"system\" }',\n      argsSchema: {\n        type: 'object',\n        properties: { theme: { enum: ['light', 'dark', 'system'] } },\n        required: ['theme'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setTheme',\n      description:\n        'Switch the theme preference. Verify with the `theme` slot (the stored preference) and `resolvedTheme` (what is actually painted).',\n      examples: [\n        { args: { theme: 'dark' }, note: 'Switch to the dark theme.' },\n      ],\n      invoke: (handle, args: { theme: 'light' | 'dark' | 'system' }) => {\n        handle.setTheme(args.theme);\n      },\n    },\n    set_accessibility: {\n      safety: 'write',\n      argsType: '{ accessibility: \"default\" | \"accessible\" | \"system\" }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          accessibility: {\n            enum: ['default', 'accessible', 'system'],\n            description:\n              \"`'system'` clears the override and follows `prefers-contrast`.\",\n          },\n        },\n        required: ['accessibility'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.headerSettings.actions.setAccessibility',\n      description:\n        'Switch the accessibility preference. Verify with the `accessibility` slot (the stored preference) and `resolvedTheme` (what is actually painted).',\n      examples: [\n        {\n          args: { accessibility: 'accessible' },\n          note: 'Enable the AAA-accessible profile.',\n        },\n      ],\n      invoke: (\n        handle,\n        args: { accessibility: 'default' | 'accessible' | 'system' },\n      ) => {\n        handle.setAccessibility(args.accessibility);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'header-settings',\n      description: 'Marks the HeaderSettings wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop (forwarded via HTMLAttributes).',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type FocusEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ArrowLeft, ChevronRight, Settings } from 'lucide-react';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n  LocalePicker,\n  persistLocalePreference,\n  useInitialLocale,\n} from '../locale-picker/locale-picker';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ResolvedTheme,\n  type ThemePreference,\n} from '../../hooks';\nimport { useLocale } from '../../hooks/use-locale';\nimport { useMediaQuery } from '../../hooks/use-media-query';\nimport { useDocumentDirection } from '../../hooks/use-direction';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { LOCALE_META, type Locale } from '../../i18n/locale-meta';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { headerSettingsAgent } from './header-settings.agent';\nimport { useLengthTokenPx } from '../_shared/length-token';\n\nfunction applyDocumentAttrs(locale: Locale): void {\n  if (typeof document === 'undefined') return;\n  const root = document.documentElement;\n  root.lang = locale;\n  root.dir = LOCALE_META[locale].dir;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    align: {\n      start: '',\n      end: '',\n    },\n  },\n  defaultVariants: { align: 'end' },\n});\n\n// The language flyout hosts the searchable locale list, so it takes a\n// popover width rather than the menu's minimum.\nconst languageFlyoutClasses = 'ds:w-[var(--popover-size-md)]';\n\nconst panelVariants = cva('', {\n  variants: {\n    language: {\n      true: 'ds:[inline-size:var(--popover-size-md)] ds:[min-inline-size:0] ds:[max-inline-size:calc(100vw_-_2_*_var(--spacing-lg))] ds:[&_input]:min-w-0',\n      false: '',\n    },\n  },\n});\n\ntype PhoneView = 'main' | 'language' | 'appearance';\n\nconst phoneRowClasses = cva(\n  'ds:flex ds:flex-1 ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]',\n);\n\nfunction SettingRowLabel({\n  label,\n  value,\n  lang,\n}: {\n  label: string;\n  value: string;\n  lang?: string;\n}) {\n  return (\n    <span className={phoneRowClasses()}>\n      <span className=\"ds:truncate\">{label}</span>\n      <span\n        lang={lang}\n        className=\"ds:shrink-0 ds:text-muted-foreground ds:[[data-highlighted]_&]:text-current\"\n      >\n        {value}\n      </span>\n    </span>\n  );\n}\n\nfunction isLocale(tag: string): tag is Locale {\n  return Object.prototype.hasOwnProperty.call(LOCALE_META, tag);\n}\n\n/* ------------------------------------------------------------------ */\n/* LanguageSub                                                         */\n/*                                                                     */\n/* One menu row naming the setting and showing the current language    */\n/* (\"Language · English ›\"), laid out like DropdownMenu.ChoiceSub. It  */\n/* opens a flyout beside the menu holding LocalePicker.SearchList, so  */\n/* the 18 locales stay searchable. The flyout is a dialog, not a menu: */\n/* it holds a search combobox and a listbox, which a menu may not own. */\n/* ------------------------------------------------------------------ */\n\nfunction LanguageSub({ locale }: { locale: string }) {\n  const { t } = useTranslation('ui');\n  const current = LOCALE_META[isLocale(locale) ? locale : 'en'];\n\n  // Radix focuses the flyout itself when a keyboard user opens it. Hand\n  // that focus on to the search field so typing filters at once.\n  const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget) return;\n    event.currentTarget\n      .querySelector<HTMLInputElement>('input')\n      ?.focus({ preventScroll: true });\n  };\n\n  // The flyout closes on the \"back\" arrow (ArrowLeft, or ArrowRight in\n  // RTL). Inside the search field that key moves the caret instead,\n  // unless the caret is already at the start of the field. Capture\n  // phase, so Radix's own handler on the flyout never sees the key.\n  const handleKeyDownCapture = (event: KeyboardEvent<HTMLDivElement>) => {\n    const target = event.target;\n    if (!(target instanceof HTMLInputElement)) return;\n    // Keys pressed while an IME is composing (Japanese, Chinese) belong to\n    // the composition, never to the menu.\n    if (event.nativeEvent.isComposing) {\n      event.stopPropagation();\n      return;\n    }\n    if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n    if (target.selectionStart !== 0 || target.selectionEnd !== 0) {\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <DropdownMenu.Sub>\n      <DropdownMenu.SubTrigger aria-haspopup=\"dialog\" data-value={current.code}>\n        <span className=\"ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <span className=\"ds:truncate\">\n            {t('navigation.headerSettings.language.label')}\n          </span>\n          <span\n            lang={current.code}\n            className=\"ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:[[data-highlighted]_&]:text-current\"\n          >\n            {current.nativeName}\n          </span>\n        </span>\n      </DropdownMenu.SubTrigger>\n      {/* Radix renders a `menu`; override to `dialog` and drop the\n          menu-only `aria-orientation`, which a dialog may not carry. */}\n      <DropdownMenu.SubContent\n        role=\"dialog\"\n        aria-orientation={undefined}\n        className={languageFlyoutClasses}\n        onFocus={handleFocus}\n        onKeyDownCapture={handleKeyDownCapture}\n        // Escape that cancels an IME conversion must not close the menu.\n        onEscapeKeyDown={(escapeEvent) => {\n          if (escapeEvent.isComposing) escapeEvent.preventDefault();\n        }}\n      >\n        <LocalePicker.SearchList />\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Sub>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface HeaderSettingsProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  /** Anchor side for the dropdown. Defaults to `end` (matches LTR + RTL). */\n  align?: 'start' | 'end';\n  /**\n   * Size of the cog trigger only. Forwards to the underlying\n   * `IconButton`. Defaults to `md` to preserve the existing visual.\n   * Use `sm` when composing alongside other `<Button size=\"sm\">`\n   * actions in a header row — keeps the visual rhythm consistent.\n   *\n   * The menu itself (language, appearance and accessible-mode rows)\n   * stays at kit defaults regardless — this prop only sizes the\n   * trigger.\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /** Disable the trigger entirely. */\n  disabled?: boolean;\n  /**\n   * With no saved choice, start from the page's HTML lang before falling back\n   * to the browser. Defaults to false. The first locale surface's mount effect\n   * decides for the app lifecycle; pass the same option to LocalePicker.\n   */\n  initialLocaleFromHtmlLang?: boolean;\n}\n\nexport interface HeaderSettingsHandle {\n  /**\n   * Switch the active locale. Widened to `string` (vs. `Locale`) so\n   * agent surfaces with untyped inputs can call through without\n   * extra casting — invalid tags no-op silently.\n   */\n  setLocale: (next: string) => void;\n  setTheme: (next: ThemePreference) => void;\n  setAccessibility: (next: AccessibilityPreference) => void;\n  /* ---- read-back for the three setters above -------------------- */\n  /** Active IETF language tag, as i18next resolved it. */\n  getLocale: () => string;\n  /** Stored base-theme preference (`'system'` when no override is set). */\n  getTheme: () => ThemePreference;\n  /** Stored AAA-contrast preference (`'system'` when no override is set). */\n  getAccessibility: () => AccessibilityPreference;\n  /**\n   * The theme actually painted once preference + OS signals resolve.\n   * `theme: 'system'` and `theme: 'light'` both render `.theme-light`,\n   * so this is what makes a `setTheme('system')` write verifiable.\n   */\n  getResolvedTheme: () => ResolvedTheme;\n}\n\n/* ------------------------------------------------------------------ */\n/* HeaderSettings                                                      */\n/*                                                                     */\n/* Single button → single DropdownMenu surface, laid out as a View     */\n/* menu: Language, Appearance (light / dark / system) and an Accessible */\n/* mode SwitchItem. On phones the lists replace the panel with a Back  */\n/* row; on larger screens they open beside it. Every row uses the hooks */\n/* (`useLocale`, `useTheme`) as the standalone components, so there is */\n/* no state duplication.                                               */\n/* ------------------------------------------------------------------ */\n\nexport const HeaderSettings = forwardRef<HTMLDivElement, HeaderSettingsProps>(\n  (props, ref) => {\n    const {\n      align = 'end',\n      size = 'md',\n      disabled = false,\n      initialLocaleFromHtmlLang = false,\n      className,\n      id,\n      ...rest\n    } = props as HeaderSettingsProps & { id?: string };\n\n    const { t } = useTranslation('ui');\n    const theme = useTheme();\n    const { locale, setLocale: setLocaleI18n } = useLocale();\n    // The language search only mounts with its flyout, so apply the saved\n    // (or HTML/browser) language here, on mount.\n    useInitialLocale(initialLocaleFromHtmlLang);\n\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    // PublicHeader uses ds:md:hidden / ds:hidden ds:md:flex for its phone\n    // sheet and inline actions. Match that same Tailwind md boundary (768px).\n    const isPhone = useMediaQuery('(width < 48rem)');\n    const direction = useDocumentDirection();\n    const [phoneView, setPhoneView] = useState<PhoneView>('main');\n    const view = isPhone ? phoneView : 'main';\n    const panelRef = useRef<HTMLDivElement>(null);\n    const languageRowRef = useRef<HTMLDivElement>(null);\n    const appearanceRowRef = useRef<HTMLDivElement>(null);\n    const returnFocusRef = useRef<Exclude<PhoneView, 'main'> | null>(null);\n    const activationRef = useRef('keyboard');\n\n    useIsomorphicLayoutEffect(() => {\n      if (!isPhone && phoneView !== 'main') {\n        returnFocusRef.current = phoneView;\n        setPhoneView('main');\n      }\n      if (view === 'language') {\n        panelRef.current\n          ?.querySelector<HTMLElement>(\n            activationRef.current === 'keyboard' ? 'input' : 'button',\n          )\n          ?.focus({ preventScroll: true });\n      } else if (view === 'appearance') {\n        panelRef.current\n          ?.querySelector<HTMLElement>('[role=\"menuitem\"]')\n          ?.focus({ preventScroll: true });\n      } else if (returnFocusRef.current) {\n        const section = returnFocusRef.current;\n        // Desktop renders SubTrigger/ChoiceSub in place of the phone rows.\n        const row = isPhone\n          ? (section === 'language' ? languageRowRef : appearanceRowRef).current\n          : panelRef.current?.querySelector<HTMLElement>(\n              `[role=\"menuitem\"][aria-haspopup=\"${section === 'language' ? 'dialog' : 'menu'}\"]`,\n            );\n        row?.focus({ preventScroll: true });\n        returnFocusRef.current = null;\n      }\n    }, [isPhone, phoneView, view]);\n\n    const handlePhoneRowKeyDown = (\n      event: KeyboardEvent<HTMLDivElement>,\n      section: Exclude<PhoneView, 'main'>,\n    ) => {\n      if (event.nativeEvent.isComposing) return;\n      const forwardKey = direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n      if (\n        event.key === 'Enter' ||\n        event.key === ' ' ||\n        event.key === forwardKey\n      )\n        activationRef.current = 'keyboard';\n      if (event.key === forwardKey) {\n        event.preventDefault();\n        setPhoneView(section);\n      }\n    };\n\n    const goBack = () => {\n      if (view === 'main') return;\n      returnFocusRef.current = view;\n      setPhoneView('main');\n    };\n\n    const handlePhoneKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      if (view === 'main') return;\n      if (event.nativeEvent.isComposing) {\n        event.stopPropagation();\n        return;\n      }\n      if (event.key !== (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft'))\n        return;\n      const target = event.target;\n      // As in LanguageSub, leave the caret alone until it reaches the start.\n      if (\n        target instanceof HTMLInputElement &&\n        (target.selectionStart !== 0 || target.selectionEnd !== 0)\n      )\n        return;\n      event.preventDefault();\n      event.stopPropagation();\n      goBack();\n    };\n\n    // Same side-effect chain as LocalePicker's internal helper:\n    //   i18next.changeLanguage → document.dir/lang → persist.\n    // Share persistence and session preference with every locale picker.\n    const setLocaleWithPersistence = useCallback(\n      (next: Locale) => {\n        void setLocaleI18n(next);\n        applyDocumentAttrs(next);\n        persistLocalePreference(next);\n      },\n      [setLocaleI18n],\n    );\n    const setLocaleRef = useRef(setLocaleWithPersistence);\n    setLocaleRef.current = setLocaleWithPersistence;\n    // Assigned during render (not in an effect) so an agent reading the\n    // slot immediately after `set_locale` sees the settled value rather\n    // than the pre-commit one.\n    const localeRef = useRef(locale);\n    localeRef.current = locale;\n\n    const themeRef = useRef(theme);\n    themeRef.current = theme;\n    const agentHandle = useMemo<HeaderSettingsHandle>(\n      () => ({\n        setLocale: (next: string) => {\n          // Mirrors LocalePicker's gating — silently drop unknown tags\n          // rather than crash mid-cascade. `LOCALES_WITH_BUNDLES` is\n          // re-imported via the LOCALE_META keys so this file doesn't\n          // need the resources module on the build-agent-catalog path.\n          if (Object.prototype.hasOwnProperty.call(LOCALE_META, next)) {\n            setLocaleRef.current(next as Locale);\n          }\n        },\n        setTheme: (next) => themeRef.current.setTheme(next),\n        setAccessibility: (next) => themeRef.current.setAccessibility(next),\n        // Read-back. None of the three preferences is recoverable from\n        // the DOM: `useTheme` resolves preference + OS into one applied\n        // class, so `theme: 'system'` and `theme: 'light'` both paint\n        // `.theme-light`. Without these an agent cannot tell a switch\n        // that landed from one that was dropped.\n        getLocale: () => localeRef.current,\n        getTheme: () => themeRef.current.theme,\n        getAccessibility: () => themeRef.current.accessibility,\n        getResolvedTheme: () => themeRef.current.resolvedTheme,\n      }),\n      [],\n    );\n    useAgentRegistration(headerSettingsAgent, agentHandle, id);\n\n    const accessibleChecked = theme.accessibility === 'accessible';\n    // Keep the panel clear of the screen edge by the phone menu's own\n    // side margin. In the PublicHeader sheet the gear is\n    // 24px from the edge and an end-aligned 224px panel would otherwise be\n    // pushed flush against it. On desktop it never reaches the edge.\n    const edgeMargin = useLengthTokenPx('--spacing-lg', forwardedRef, 24);\n    const languageLabel = t('navigation.headerSettings.language.label');\n    const appearanceLabel = t('navigation.headerSettings.appearance.label');\n    const currentLocale = LOCALE_META[isLocale(locale) ? locale : 'en'];\n    const appearanceOptions = [\n      {\n        value: 'light',\n        label: t('navigation.headerSettings.appearance.light'),\n      },\n      { value: 'dark', label: t('navigation.headerSettings.appearance.dark') },\n      {\n        value: 'system',\n        label: t('navigation.headerSettings.appearance.system'),\n      },\n    ] as const;\n    const backLabel = t('navigation.headerSettings.back');\n\n    return (\n      <div\n        ref={forwardedRef}\n        data-component=\"header-settings\"\n        data-component-id={id}\n        className={wrapperVariants({ align, className })}\n        {...rest}\n      >\n        <DropdownMenu.Root\n          onOpenChange={(open) => {\n            if (!open) {\n              returnFocusRef.current = null;\n              setPhoneView('main');\n            }\n          }}\n        >\n          <DropdownMenu.Trigger asChild>\n            <IconButton\n              size={size}\n              disabled={disabled}\n              icon={<Settings aria-hidden />}\n              aria-label={t('navigation.headerSettings.trigger')}\n            />\n          </DropdownMenu.Trigger>\n          <DropdownMenu.Content\n            ref={panelRef}\n            align={align}\n            collisionPadding={edgeMargin}\n            className={panelVariants({ language: view === 'language' })}\n            {...(view === 'language'\n              ? {\n                  role: 'dialog',\n                  'aria-orientation': undefined,\n                  'aria-label': languageLabel,\n                  'aria-labelledby': undefined,\n                }\n              : {})}\n            onKeyDownCapture={handlePhoneKeyDown}\n            onEscapeKeyDown={(event) => {\n              if (event.isComposing) event.preventDefault();\n            }}\n          >\n            {view === 'language' ? (\n              <div\n                role=\"presentation\"\n                onKeyDown={(event) => {\n                  // The dialog owns typing and Tab, not Radix's menu\n                  // typeahead. Its two tab stops are Back and search.\n                  if (\n                    event.key === 'Tab' &&\n                    !event.altKey &&\n                    !event.ctrlKey &&\n                    !event.metaKey\n                  ) {\n                    event.preventDefault();\n                    event.currentTarget\n                      .querySelector<HTMLElement>(\n                        event.target instanceof HTMLInputElement\n                          ? 'button'\n                          : 'input',\n                      )\n                      ?.focus();\n                  }\n                  event.stopPropagation();\n                }}\n              >\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  className=\"ds:w-full ds:justify-start ds:text-start ds:font-normal ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:gap-[var(--spacing-sm)] ds:[&>span:last-child]:flex-1\"\n                  startIcon={<ArrowLeft aria-hidden className=\"ds:size-4\" />}\n                  flipIconInRtl\n                  onClick={goBack}\n                >\n                  <SettingRowLabel label={backLabel} value={languageLabel} />\n                </Button>\n                <DropdownMenu.Separator />\n                <LocalePicker.SearchList />\n              </div>\n            ) : view === 'appearance' ? (\n              <>\n                <DropdownMenu.Item\n                  startIcon={\n                    <ArrowLeft\n                      aria-hidden\n                      className=\"ds:size-4 ds:rtl:-scale-x-100\"\n                    />\n                  }\n                  onSelect={(event) => {\n                    event.preventDefault();\n                    goBack();\n                  }}\n                >\n                  <SettingRowLabel label={backLabel} value={appearanceLabel} />\n                </DropdownMenu.Item>\n                <DropdownMenu.Separator />\n                <DropdownMenu.RadioGroup\n                  aria-label={appearanceLabel}\n                  value={theme.theme}\n                  onValueChange={(next) =>\n                    theme.setTheme(next as ThemePreference)\n                  }\n                >\n                  {appearanceOptions.map((option) => (\n                    <DropdownMenu.RadioItem\n                      key={option.value}\n                      value={option.value}\n                      onSelect={(event) => event.preventDefault()}\n                    >\n                      {option.label}\n                    </DropdownMenu.RadioItem>\n                  ))}\n                </DropdownMenu.RadioGroup>\n              </>\n            ) : (\n              <>\n                {isPhone ? (\n                  <DropdownMenu.Item\n                    ref={languageRowRef}\n                    aria-haspopup=\"dialog\"\n                    data-value={currentLocale.code}\n                    endIcon={\n                      <ChevronRight\n                        aria-hidden\n                        className=\"ds:size-4 ds:rtl:-scale-x-100\"\n                      />\n                    }\n                    onPointerDown={(event) => {\n                      activationRef.current = event.pointerType;\n                    }}\n                    onKeyDown={(event) =>\n                      handlePhoneRowKeyDown(event, 'language')\n                    }\n                    onSelect={(event) => {\n                      event.preventDefault();\n                      setPhoneView('language');\n                    }}\n                  >\n                    <SettingRowLabel\n                      label={languageLabel}\n                      value={currentLocale.nativeName}\n                      lang={currentLocale.code}\n                    />\n                  </DropdownMenu.Item>\n                ) : (\n                  <LanguageSub locale={locale} />\n                )}\n                <DropdownMenu.Separator />\n                {isPhone ? (\n                  <DropdownMenu.Item\n                    ref={appearanceRowRef}\n                    aria-haspopup=\"menu\"\n                    data-value={theme.theme}\n                    endIcon={\n                      <ChevronRight\n                        aria-hidden\n                        className=\"ds:size-4 ds:rtl:-scale-x-100\"\n                      />\n                    }\n                    onPointerDown={(event) => {\n                      activationRef.current = event.pointerType;\n                    }}\n                    onKeyDown={(event) =>\n                      handlePhoneRowKeyDown(event, 'appearance')\n                    }\n                    onSelect={(event) => {\n                      event.preventDefault();\n                      setPhoneView('appearance');\n                    }}\n                  >\n                    <SettingRowLabel\n                      label={appearanceLabel}\n                      value={\n                        appearanceOptions.find(\n                          (option) => option.value === theme.theme,\n                        )?.label ?? ''\n                      }\n                    />\n                  </DropdownMenu.Item>\n                ) : (\n                  <DropdownMenu.ChoiceSub\n                    label={appearanceLabel}\n                    value={theme.theme}\n                    onValueChange={theme.setTheme}\n                    options={appearanceOptions}\n                  />\n                )}\n                {/* Writes through useTheme, so the document gets the\n                `theme-accessible` class at once (including the Lexend\n                swap for Latin scripts, see src/tokens/index.css). */}\n                <DropdownMenu.SwitchItem\n                  checked={accessibleChecked}\n                  onCheckedChange={(next) =>\n                    theme.setAccessibility(next ? 'accessible' : 'default')\n                  }\n                >\n                  {t('navigation.headerSettings.appearance.accessible')}\n                </DropdownMenu.SwitchItem>\n              </>\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu.Root>\n      </div>\n    );\n  },\n);\n\nHeaderSettings.displayName = 'HeaderSettings';\n"],"names":["headerSettingsAgent","handle","args","applyDocumentAttrs","locale","root","LOCALE_META","wrapperVariants","cva","languageFlyoutClasses","panelVariants","phoneRowClasses","SettingRowLabel","label","value","lang","jsxs","jsx","isLocale","tag","LanguageSub","t","useTranslation","current","handleFocus","event","_a","handleKeyDownCapture","target","DropdownMenu","escapeEvent","LocalePicker","HeaderSettings","forwardRef","props","ref","align","size","disabled","initialLocaleFromHtmlLang","className","id","rest","theme","useTheme","setLocaleI18n","useLocale","useInitialLocale","forwardedRef","useRef","useImperativeHandle","isPhone","useMediaQuery","direction","useDocumentDirection","phoneView","setPhoneView","useState","view","panelRef","languageRowRef","appearanceRowRef","returnFocusRef","activationRef","useIsomorphicLayoutEffect","_b","_d","_c","section","row","_e","handlePhoneRowKeyDown","forwardKey","goBack","handlePhoneKeyDown","setLocaleWithPersistence","useCallback","next","persistLocalePreference","setLocaleRef","localeRef","themeRef","agentHandle","useMemo","useAgentRegistration","accessibleChecked","edgeMargin","useLengthTokenPx","languageLabel","appearanceLabel","currentLocale","appearanceOptions","backLabel","open","IconButton","Settings","Button","ArrowLeft","Fragment","option","ChevronRight"],"mappings":"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"}

package/dist/_chunks/{heatmap-Ba9cgfSY.js → heatmap-C2Rg-SV_.js}

@@ -2823,7 +2823,7 @@ const an = Mn(
   }
 );
 an.displayName = "HeatmapLegend";
-const rn = () => import("./data-table-DTKGWUQm.js").then((e) => e.h).then((e) => ({
+const rn = () => import("./data-table-BlONA1rP.js").then((e) => e.h).then((e) => ({
   default: e.DataTable
 })), sa = Sn(rn);
 function xn() {
@@ -3647,4 +3647,4 @@ export {
   Dn as b,
   so as h
 };
-//# sourceMappingURL=heatmap-Ba9cgfSY.js.map
+//# sourceMappingURL=heatmap-C2Rg-SV_.js.map