@alfadocs/ui-kit-debug 1.95.0 → 1.95.1

package/dist/_chunks/{theme-toggle-DKpzb0-M.js → theme-toggle-jZRbAidE.js}

@@ -3,9 +3,9 @@ import { forwardRef as M, useRef as k, useImperativeHandle as N, useMemo as P, u
 import { c as _ } from "./index-D2ZczOXr.js";
 import { useTranslation as u } from "react-i18next";
 import { I as T } from "./icon-button-S8_weU3g.js";
-import { I as j } from "./icon-button-group-CRKFR48b.js";
+import { I as j } from "./icon-button-group-mXvYDaba.js";
 import { S as x } from "./switch-D--x7n6h.js";
-import { D as o } from "./dropdown-menu-D1we7oAY.js";
+import { D as o } from "./dropdown-menu-CqxBthww.js";
 import { u as K } from "./use-theme-CYGyzFgZ.js";
 import { u as L } from "./registry-DvAUVLHh.js";
 import { u as z } from "./length-token-DwMnGEYT.js";
@@ -373,4 +373,4 @@ export {
   O as T,
   D as t
 };
-//# sourceMappingURL=theme-toggle-DKpzb0-M.js.map
+//# sourceMappingURL=theme-toggle-jZRbAidE.js.map

package/dist/_chunks/{theme-toggle-DKpzb0-M.js.map → theme-toggle-jZRbAidE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle-DKpzb0-M.js","sources":["../../src/components/theme-toggle/theme-toggle.agent.ts","../../src/components/theme-toggle/theme-toggle.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ThemeToggle.                                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ThemeToggleHandle } from './theme-toggle';\n\nexport const themeToggleAgent: AgentAdapter<ThemeToggleHandle> = {\n  id: 'theme-toggle',\n  capabilities: ['set_value'],\n  state: {\n    currentTheme: {\n      type: 'ThemePreference',\n      descriptionKey: 'ui.agent.themeToggle.state.currentTheme',\n      description: 'Active theme preference: light, dark, or system.',\n      read: (handle) => handle.getCurrentTheme(),\n    },\n    currentAccessibility: {\n      type: 'AccessibilityPreference',\n      descriptionKey: 'ui.agent.themeToggle.state.currentAccessibility',\n      description: 'Active accessibility preference: default or accessible.',\n      read: (handle) => handle.getCurrentAccessibility(),\n    },\n  },\n  actions: {\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.themeToggle.actions.setTheme',\n      description: 'Switch the theme preference.',\n      invoke: (handle, args: { theme: 'light' | 'dark' | 'system' }) => {\n        handle.setTheme(args.theme);\n      },\n    },\n    set_accessibility: {\n      safety: 'write',\n      argsType: '{ accessibility: \"default\" | \"accessible\" }',\n      argsSchema: {\n        type: 'object',\n        properties: { accessibility: { enum: ['default', 'accessible'] } },\n        required: ['accessibility'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.themeToggle.actions.setAccessibility',\n      description: 'Switch the accessibility preference.',\n      invoke: (handle, args: { accessibility: 'default' | 'accessible' }) => {\n        handle.setAccessibility(args.accessibility);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'theme-toggle',\n      description: 'Marks the ThemeToggle wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { Switch } from '../switch/switch';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ThemePreference,\n  type UseThemeReturn,\n} from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { themeToggleAgent } from './theme-toggle.agent';\nimport { useLengthTokenPx } from '../_shared/length-token';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    variant: {\n      menu: '',\n      compact: '',\n      split: 'ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { variant: 'menu' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type ThemeToggleVariant = 'menu' | 'compact' | 'split';\n\ninterface ThemeToggleBaseProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  /**\n   * Visual form factor.\n   * - `menu` (default) — single trigger that opens a dropdown with both\n   *   Appearance and Accessibility controls. Best for headers / nav rails.\n   * - `compact` — segmented Appearance control only. Use when accessibility\n   *   lives on a separate settings surface.\n   * - `split` — segmented Appearance control plus an inline Accessibility\n   *   switch. Best for full-width settings panels.\n   */\n  variant?: ThemeToggleVariant;\n  /** Hide the accessibility control. Ignored on `compact`, which never renders it. */\n  showAccessibility?: boolean;\n  /**\n   * Controlled escape hatch — when omitted the component reads/writes\n   * `useTheme()` directly so it can drop into any header with no wiring.\n   * Pass all four to opt into controlled mode.\n   */\n  theme?: ThemePreference;\n  accessibility?: AccessibilityPreference;\n  onThemeChange?: (next: ThemePreference) => void;\n  onAccessibilityChange?: (next: AccessibilityPreference) => void;\n}\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ThemeToggleHandle {\n  getCurrentTheme: () => ThemePreference;\n  getCurrentAccessibility: () => AccessibilityPreference;\n  setTheme: (next: ThemePreference) => void;\n  setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Hook adapter                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Resolves controlled props against the store. When the consumer passes\n * `theme` / `onThemeChange` (etc.) we honour those; otherwise we fall\n * through to the singleton `useTheme()` hook so a bare `<ThemeToggle />`\n * works with zero wiring.\n */\nfunction useResolvedTheme(props: ThemeToggleBaseProps): UseThemeReturn {\n  const {\n    theme: themeProp,\n    accessibility: accessibilityProp,\n    onThemeChange,\n    onAccessibilityChange,\n  } = props;\n  const store = useTheme();\n  const theme = themeProp ?? store.theme;\n  const accessibility = accessibilityProp ?? store.accessibility;\n\n  const storeSetTheme = store.setTheme;\n  const storeSetAccessibility = store.setAccessibility;\n\n  const setTheme = useCallback(\n    (next: ThemePreference) => {\n      if (onThemeChange) {\n        onThemeChange(next);\n        return;\n      }\n      storeSetTheme(next);\n    },\n    [onThemeChange, storeSetTheme],\n  );\n\n  const setAccessibility = useCallback(\n    (next: AccessibilityPreference) => {\n      if (onAccessibilityChange) {\n        onAccessibilityChange(next);\n        return;\n      }\n      storeSetAccessibility(next);\n    },\n    [onAccessibilityChange, storeSetAccessibility],\n  );\n\n  return {\n    theme,\n    accessibility,\n    resolvedTheme: store.resolvedTheme,\n    setTheme,\n    setAccessibility,\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Sub-pieces                                                          */\n/* ------------------------------------------------------------------ */\n\ninterface AppearanceSegmentProps {\n  value: ThemePreference;\n  onValueChange: (next: ThemePreference) => void;\n  ariaLabel: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nfunction AppearanceSegment({\n  value,\n  onValueChange,\n  ariaLabel,\n  size = 'md',\n}: AppearanceSegmentProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <IconButtonGroup\n      aria-label={ariaLabel}\n      role=\"radiogroup\"\n      mode=\"toggle-single\"\n      size={size}\n      value={value}\n      onValueChange={(next) => onValueChange(next as ThemePreference)}\n    >\n      <IconButton\n        icon={<Sun aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.light')}\n        value=\"light\"\n      />\n      <IconButton\n        icon={<Moon aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.dark')}\n        value=\"dark\"\n      />\n      <IconButton\n        icon={<Monitor aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.system')}\n        value=\"system\"\n      />\n    </IconButtonGroup>\n  );\n}\n\ninterface AccessibilitySwitchProps {\n  value: AccessibilityPreference;\n  onValueChange: (next: AccessibilityPreference) => void;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nfunction AccessibilitySwitch({\n  value,\n  onValueChange,\n  size = 'md',\n}: AccessibilitySwitchProps) {\n  const { t } = useTranslation('ui');\n  // 'system' is treated as \"off\" visually — the OS preference flows through\n  // automatically. Flipping the switch on creates an explicit override.\n  const checked = value === 'accessible';\n  return (\n    <Switch\n      label={t('navigation.themeToggle.accessibility.label')}\n      labelSide=\"start\"\n      size={size}\n      checked={checked}\n      onCheckedChange={(next) => onValueChange(next ? 'accessible' : 'default')}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\ninterface VariantRenderProps {\n  state: UseThemeReturn;\n  className?: string;\n  rest: HTMLAttributes<HTMLDivElement>;\n  forwardedRef: React.RefObject<HTMLDivElement | null>;\n  showAccessibility: boolean;\n}\n\nfunction MenuVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation('ui');\n  const triggerIcon =\n    state.resolvedTheme === 'dark' ||\n    state.resolvedTheme === 'dark-accessible' ? (\n      <Moon aria-hidden />\n    ) : (\n      <Sun aria-hidden />\n    );\n\n  const accessibleChecked = state.accessibility === 'accessible';\n  // Same edge margin as HeaderSettings: inside the phone menu the panel\n  // keeps the sheet's side margin instead of touching the screen edge.\n  const edgeMargin = useLengthTokenPx('--spacing-lg', forwardedRef, 24);\n\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'menu', className })}\n      {...rest}\n    >\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            icon={triggerIcon}\n            aria-label={t('navigation.themeToggle.trigger')}\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content\n            align=\"end\"\n            sideOffset={8}\n            collisionPadding={edgeMargin}\n          >\n            <DropdownMenu.Label>\n              {t('navigation.themeToggle.appearance.label')}\n            </DropdownMenu.Label>\n            <DropdownMenu.RadioGroup\n              value={state.theme}\n              onValueChange={(next) => state.setTheme(next as ThemePreference)}\n            >\n              <DropdownMenu.RadioItem value=\"light\">\n                <Sun aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.light')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"dark\">\n                <Moon aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.dark')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"system\">\n                <Monitor aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.system')}\n              </DropdownMenu.RadioItem>\n            </DropdownMenu.RadioGroup>\n            {showAccessibility ? (\n              <>\n                <DropdownMenu.Separator />\n                {/* CheckboxItem keeps the accessibility toggle inside the\n                    Radix menu collection so ArrowDown reaches it and Space\n                    activates it; `onSelect={preventDefault}` prevents the\n                    menu from closing on toggle. */}\n                <DropdownMenu.CheckboxItem\n                  checked={accessibleChecked}\n                  onCheckedChange={(next) =>\n                    state.setAccessibility(next ? 'accessible' : 'default')\n                  }\n                  onSelect={(event) => event.preventDefault()}\n                >\n                  {t('navigation.themeToggle.accessibility.label')}\n                </DropdownMenu.CheckboxItem>\n              </>\n            ) : null}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    </div>\n  );\n}\n\nfunction CompactVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n}: VariantRenderProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'compact', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('navigation.themeToggle.appearance.label')}\n      />\n    </div>\n  );\n}\n\nfunction SplitVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'split', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('navigation.themeToggle.appearance.label')}\n      />\n      {showAccessibility ? (\n        <AccessibilitySwitch\n          value={state.accessibility}\n          onValueChange={state.setAccessibility}\n        />\n      ) : null}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* ThemeToggle                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const ThemeToggle = forwardRef<HTMLDivElement, ThemeToggleProps>(\n  (props, ref) => {\n    const {\n      variant = 'menu',\n      showAccessibility = true,\n      className,\n      id,\n      // Strip controlled props from the spread — they are read by the\n      // adapter, not by the DOM element.\n      theme: _theme,\n      accessibility: _accessibility,\n      onThemeChange: _onThemeChange,\n      onAccessibilityChange: _onAccessibilityChange,\n      ...rest\n    } = props as ThemeToggleProps & { id?: string };\n\n    const state = useResolvedTheme(props);\n    const stateRef = useRef(state);\n    stateRef.current = state;\n\n    // Internal variant wrappers attach refs to <div> elements; we forward that\n    // DOM node as the public ref (Pattern B). The agent handle is registered\n    // separately via useAgentRegistration.\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<ThemeToggleHandle>(\n      () => ({\n        getCurrentTheme: () => stateRef.current.theme,\n        getCurrentAccessibility: () => stateRef.current.accessibility,\n        setTheme: (next) => stateRef.current.setTheme(next),\n        setAccessibility: (next) => stateRef.current.setAccessibility(next),\n      }),\n      [],\n    );\n    useAgentRegistration(themeToggleAgent, agentHandle, id);\n\n    if (variant === 'compact') {\n      return (\n        <CompactVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    if (variant === 'split') {\n      return (\n        <SplitVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    return (\n      <MenuVariant\n        state={state}\n        className={className}\n        rest={rest}\n        forwardedRef={forwardedRef}\n        showAccessibility={showAccessibility}\n      />\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n"],"names":["themeToggleAgent","handle","args","wrapperVariants","cva","useResolvedTheme","props","themeProp","accessibilityProp","onThemeChange","onAccessibilityChange","store","useTheme","theme","accessibility","storeSetTheme","storeSetAccessibility","setTheme","useCallback","next","setAccessibility","AppearanceSegment","value","onValueChange","ariaLabel","size","t","useTranslation","jsxs","IconButtonGroup","jsx","IconButton","Sun","Moon","Monitor","AccessibilitySwitch","checked","Switch","MenuVariant","state","className","rest","forwardedRef","showAccessibility","triggerIcon","accessibleChecked","edgeMargin","useLengthTokenPx","DropdownMenu","Fragment","event","CompactVariant","SplitVariant","ThemeToggle","forwardRef","ref","variant","id","_theme","_accessibility","_onThemeChange","_onAccessibilityChange","stateRef","useRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration"],"mappings":"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"}
+{"version":3,"file":"theme-toggle-jZRbAidE.js","sources":["../../src/components/theme-toggle/theme-toggle.agent.ts","../../src/components/theme-toggle/theme-toggle.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ThemeToggle.                                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ThemeToggleHandle } from './theme-toggle';\n\nexport const themeToggleAgent: AgentAdapter<ThemeToggleHandle> = {\n  id: 'theme-toggle',\n  capabilities: ['set_value'],\n  state: {\n    currentTheme: {\n      type: 'ThemePreference',\n      descriptionKey: 'ui.agent.themeToggle.state.currentTheme',\n      description: 'Active theme preference: light, dark, or system.',\n      read: (handle) => handle.getCurrentTheme(),\n    },\n    currentAccessibility: {\n      type: 'AccessibilityPreference',\n      descriptionKey: 'ui.agent.themeToggle.state.currentAccessibility',\n      description: 'Active accessibility preference: default or accessible.',\n      read: (handle) => handle.getCurrentAccessibility(),\n    },\n  },\n  actions: {\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.themeToggle.actions.setTheme',\n      description: 'Switch the theme preference.',\n      invoke: (handle, args: { theme: 'light' | 'dark' | 'system' }) => {\n        handle.setTheme(args.theme);\n      },\n    },\n    set_accessibility: {\n      safety: 'write',\n      argsType: '{ accessibility: \"default\" | \"accessible\" }',\n      argsSchema: {\n        type: 'object',\n        properties: { accessibility: { enum: ['default', 'accessible'] } },\n        required: ['accessibility'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.themeToggle.actions.setAccessibility',\n      description: 'Switch the accessibility preference.',\n      invoke: (handle, args: { accessibility: 'default' | 'accessible' }) => {\n        handle.setAccessibility(args.accessibility);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'theme-toggle',\n      description: 'Marks the ThemeToggle wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group/icon-button-group';\nimport { Switch } from '../switch/switch';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport {\n  useTheme,\n  type AccessibilityPreference,\n  type ThemePreference,\n  type UseThemeReturn,\n} from '../../hooks';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { themeToggleAgent } from './theme-toggle.agent';\nimport { useLengthTokenPx } from '../_shared/length-token';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst wrapperVariants = cva('ds:inline-flex ds:items-center', {\n  variants: {\n    variant: {\n      menu: '',\n      compact: '',\n      split: 'ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { variant: 'menu' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type ThemeToggleVariant = 'menu' | 'compact' | 'split';\n\ninterface ThemeToggleBaseProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof wrapperVariants> {\n  /**\n   * Visual form factor.\n   * - `menu` (default) — single trigger that opens a dropdown with both\n   *   Appearance and Accessibility controls. Best for headers / nav rails.\n   * - `compact` — segmented Appearance control only. Use when accessibility\n   *   lives on a separate settings surface.\n   * - `split` — segmented Appearance control plus an inline Accessibility\n   *   switch. Best for full-width settings panels.\n   */\n  variant?: ThemeToggleVariant;\n  /** Hide the accessibility control. Ignored on `compact`, which never renders it. */\n  showAccessibility?: boolean;\n  /**\n   * Controlled escape hatch — when omitted the component reads/writes\n   * `useTheme()` directly so it can drop into any header with no wiring.\n   * Pass all four to opt into controlled mode.\n   */\n  theme?: ThemePreference;\n  accessibility?: AccessibilityPreference;\n  onThemeChange?: (next: ThemePreference) => void;\n  onAccessibilityChange?: (next: AccessibilityPreference) => void;\n}\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\n/** Curated imperative handle for agent / external automation. */\nexport interface ThemeToggleHandle {\n  getCurrentTheme: () => ThemePreference;\n  getCurrentAccessibility: () => AccessibilityPreference;\n  setTheme: (next: ThemePreference) => void;\n  setAccessibility: (next: AccessibilityPreference) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Hook adapter                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Resolves controlled props against the store. When the consumer passes\n * `theme` / `onThemeChange` (etc.) we honour those; otherwise we fall\n * through to the singleton `useTheme()` hook so a bare `<ThemeToggle />`\n * works with zero wiring.\n */\nfunction useResolvedTheme(props: ThemeToggleBaseProps): UseThemeReturn {\n  const {\n    theme: themeProp,\n    accessibility: accessibilityProp,\n    onThemeChange,\n    onAccessibilityChange,\n  } = props;\n  const store = useTheme();\n  const theme = themeProp ?? store.theme;\n  const accessibility = accessibilityProp ?? store.accessibility;\n\n  const storeSetTheme = store.setTheme;\n  const storeSetAccessibility = store.setAccessibility;\n\n  const setTheme = useCallback(\n    (next: ThemePreference) => {\n      if (onThemeChange) {\n        onThemeChange(next);\n        return;\n      }\n      storeSetTheme(next);\n    },\n    [onThemeChange, storeSetTheme],\n  );\n\n  const setAccessibility = useCallback(\n    (next: AccessibilityPreference) => {\n      if (onAccessibilityChange) {\n        onAccessibilityChange(next);\n        return;\n      }\n      storeSetAccessibility(next);\n    },\n    [onAccessibilityChange, storeSetAccessibility],\n  );\n\n  return {\n    theme,\n    accessibility,\n    resolvedTheme: store.resolvedTheme,\n    setTheme,\n    setAccessibility,\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Sub-pieces                                                          */\n/* ------------------------------------------------------------------ */\n\ninterface AppearanceSegmentProps {\n  value: ThemePreference;\n  onValueChange: (next: ThemePreference) => void;\n  ariaLabel: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nfunction AppearanceSegment({\n  value,\n  onValueChange,\n  ariaLabel,\n  size = 'md',\n}: AppearanceSegmentProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <IconButtonGroup\n      aria-label={ariaLabel}\n      role=\"radiogroup\"\n      mode=\"toggle-single\"\n      size={size}\n      value={value}\n      onValueChange={(next) => onValueChange(next as ThemePreference)}\n    >\n      <IconButton\n        icon={<Sun aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.light')}\n        value=\"light\"\n      />\n      <IconButton\n        icon={<Moon aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.dark')}\n        value=\"dark\"\n      />\n      <IconButton\n        icon={<Monitor aria-hidden />}\n        aria-label={t('navigation.themeToggle.appearance.system')}\n        value=\"system\"\n      />\n    </IconButtonGroup>\n  );\n}\n\ninterface AccessibilitySwitchProps {\n  value: AccessibilityPreference;\n  onValueChange: (next: AccessibilityPreference) => void;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nfunction AccessibilitySwitch({\n  value,\n  onValueChange,\n  size = 'md',\n}: AccessibilitySwitchProps) {\n  const { t } = useTranslation('ui');\n  // 'system' is treated as \"off\" visually — the OS preference flows through\n  // automatically. Flipping the switch on creates an explicit override.\n  const checked = value === 'accessible';\n  return (\n    <Switch\n      label={t('navigation.themeToggle.accessibility.label')}\n      labelSide=\"start\"\n      size={size}\n      checked={checked}\n      onCheckedChange={(next) => onValueChange(next ? 'accessible' : 'default')}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Variants                                                            */\n/* ------------------------------------------------------------------ */\n\ninterface VariantRenderProps {\n  state: UseThemeReturn;\n  className?: string;\n  rest: HTMLAttributes<HTMLDivElement>;\n  forwardedRef: React.RefObject<HTMLDivElement | null>;\n  showAccessibility: boolean;\n}\n\nfunction MenuVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation('ui');\n  const triggerIcon =\n    state.resolvedTheme === 'dark' ||\n    state.resolvedTheme === 'dark-accessible' ? (\n      <Moon aria-hidden />\n    ) : (\n      <Sun aria-hidden />\n    );\n\n  const accessibleChecked = state.accessibility === 'accessible';\n  // Same edge margin as HeaderSettings: inside the phone menu the panel\n  // keeps the sheet's side margin instead of touching the screen edge.\n  const edgeMargin = useLengthTokenPx('--spacing-lg', forwardedRef, 24);\n\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'menu', className })}\n      {...rest}\n    >\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            icon={triggerIcon}\n            aria-label={t('navigation.themeToggle.trigger')}\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content\n            align=\"end\"\n            sideOffset={8}\n            collisionPadding={edgeMargin}\n          >\n            <DropdownMenu.Label>\n              {t('navigation.themeToggle.appearance.label')}\n            </DropdownMenu.Label>\n            <DropdownMenu.RadioGroup\n              value={state.theme}\n              onValueChange={(next) => state.setTheme(next as ThemePreference)}\n            >\n              <DropdownMenu.RadioItem value=\"light\">\n                <Sun aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.light')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"dark\">\n                <Moon aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.dark')}\n              </DropdownMenu.RadioItem>\n              <DropdownMenu.RadioItem value=\"system\">\n                <Monitor aria-hidden className=\"ds:size-4\" />\n                {t('navigation.themeToggle.appearance.system')}\n              </DropdownMenu.RadioItem>\n            </DropdownMenu.RadioGroup>\n            {showAccessibility ? (\n              <>\n                <DropdownMenu.Separator />\n                {/* CheckboxItem keeps the accessibility toggle inside the\n                    Radix menu collection so ArrowDown reaches it and Space\n                    activates it; `onSelect={preventDefault}` prevents the\n                    menu from closing on toggle. */}\n                <DropdownMenu.CheckboxItem\n                  checked={accessibleChecked}\n                  onCheckedChange={(next) =>\n                    state.setAccessibility(next ? 'accessible' : 'default')\n                  }\n                  onSelect={(event) => event.preventDefault()}\n                >\n                  {t('navigation.themeToggle.accessibility.label')}\n                </DropdownMenu.CheckboxItem>\n              </>\n            ) : null}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    </div>\n  );\n}\n\nfunction CompactVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n}: VariantRenderProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'compact', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('navigation.themeToggle.appearance.label')}\n      />\n    </div>\n  );\n}\n\nfunction SplitVariant({\n  state,\n  className,\n  rest,\n  forwardedRef,\n  showAccessibility,\n}: VariantRenderProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <div\n      ref={forwardedRef}\n      data-component=\"theme-toggle\"\n      data-component-id={rest.id}\n      className={wrapperVariants({ variant: 'split', className })}\n      {...rest}\n    >\n      <AppearanceSegment\n        value={state.theme}\n        onValueChange={state.setTheme}\n        ariaLabel={t('navigation.themeToggle.appearance.label')}\n      />\n      {showAccessibility ? (\n        <AccessibilitySwitch\n          value={state.accessibility}\n          onValueChange={state.setAccessibility}\n        />\n      ) : null}\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* ThemeToggle                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const ThemeToggle = forwardRef<HTMLDivElement, ThemeToggleProps>(\n  (props, ref) => {\n    const {\n      variant = 'menu',\n      showAccessibility = true,\n      className,\n      id,\n      // Strip controlled props from the spread — they are read by the\n      // adapter, not by the DOM element.\n      theme: _theme,\n      accessibility: _accessibility,\n      onThemeChange: _onThemeChange,\n      onAccessibilityChange: _onAccessibilityChange,\n      ...rest\n    } = props as ThemeToggleProps & { id?: string };\n\n    const state = useResolvedTheme(props);\n    const stateRef = useRef(state);\n    stateRef.current = state;\n\n    // Internal variant wrappers attach refs to <div> elements; we forward that\n    // DOM node as the public ref (Pattern B). The agent handle is registered\n    // separately via useAgentRegistration.\n    const forwardedRef = useRef<HTMLDivElement | null>(null);\n    useImperativeHandle(ref, () => forwardedRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<ThemeToggleHandle>(\n      () => ({\n        getCurrentTheme: () => stateRef.current.theme,\n        getCurrentAccessibility: () => stateRef.current.accessibility,\n        setTheme: (next) => stateRef.current.setTheme(next),\n        setAccessibility: (next) => stateRef.current.setAccessibility(next),\n      }),\n      [],\n    );\n    useAgentRegistration(themeToggleAgent, agentHandle, id);\n\n    if (variant === 'compact') {\n      return (\n        <CompactVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    if (variant === 'split') {\n      return (\n        <SplitVariant\n          state={state}\n          className={className}\n          rest={rest}\n          forwardedRef={forwardedRef}\n          showAccessibility={showAccessibility}\n        />\n      );\n    }\n    return (\n      <MenuVariant\n        state={state}\n        className={className}\n        rest={rest}\n        forwardedRef={forwardedRef}\n        showAccessibility={showAccessibility}\n      />\n    );\n  },\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n"],"names":["themeToggleAgent","handle","args","wrapperVariants","cva","useResolvedTheme","props","themeProp","accessibilityProp","onThemeChange","onAccessibilityChange","store","useTheme","theme","accessibility","storeSetTheme","storeSetAccessibility","setTheme","useCallback","next","setAccessibility","AppearanceSegment","value","onValueChange","ariaLabel","size","t","useTranslation","jsxs","IconButtonGroup","jsx","IconButton","Sun","Moon","Monitor","AccessibilitySwitch","checked","Switch","MenuVariant","state","className","rest","forwardedRef","showAccessibility","triggerIcon","accessibleChecked","edgeMargin","useLengthTokenPx","DropdownMenu","Fragment","event","CompactVariant","SplitVariant","ThemeToggle","forwardRef","ref","variant","id","_theme","_accessibility","_onThemeChange","_onAccessibilityChange","stateRef","useRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration"],"mappings":"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"}

package/dist/_chunks/{token-insert-menu-DtAnBd0x.js → token-insert-menu-Dl3x2ekR.js}

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import { forwardRef as v, useState as O, useRef as w, useEffect as x, useMemo as y, Fragment as R } from "react";
 import { B as S } from "./button-DohK_Ak_.js";
-import { D as r } from "./dropdown-menu-D1we7oAY.js";
+import { D as r } from "./dropdown-menu-CqxBthww.js";
 import { u as C } from "./registry-DvAUVLHh.js";
 const K = {
   id: "token-insert-menu",
@@ -144,4 +144,4 @@ export {
   j as T,
   K as t
 };
-//# sourceMappingURL=token-insert-menu-DtAnBd0x.js.map
+//# sourceMappingURL=token-insert-menu-Dl3x2ekR.js.map

package/dist/_chunks/{token-insert-menu-DtAnBd0x.js.map → token-insert-menu-Dl3x2ekR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"token-insert-menu-DtAnBd0x.js","sources":["../../src/components/token-insert-menu/token-insert-menu.agent.ts","../../src/components/token-insert-menu/token-insert-menu.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TokenInsertMenu.                                       */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TokenInsertMenuHandle } from './token-insert-menu';\n\nexport const tokenInsertMenuAgent: AgentAdapter<TokenInsertMenuHandle> = {\n  id: 'token-insert-menu',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.tokenInsertMenu.state.isOpen',\n      description: 'True when the token menu is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.open',\n      description: 'Open the token menu.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.close',\n      description: 'Close the token menu.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    insert: {\n      safety: 'write',\n      argsType: '{ token: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { token: { type: 'string' } },\n        required: ['token'],\n      },\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.insert',\n      description: 'Emit a merge-token to the consumer for cursor insertion.',\n      examples: [\n        {\n          args: { token: '{{patient.name}}' },\n          note: 'Emit the patient-name placeholder for cursor insertion.',\n        },\n      ],\n      invoke: (handle, args: { token: string }) => {\n        handle.insert(args.token);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'token-insert-menu',\n      description: 'Marks the TokenInsertMenu wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  Fragment,\n} from 'react';\nimport { Button } from '../button/button';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { useAgentRegistration } from '../../agent';\nimport { tokenInsertMenuAgent } from './token-insert-menu.agent';\n\n/** One selectable merge-token. */\nexport interface TokenInsertMenuToken {\n  /** Raw token text inserted verbatim (e.g. `\"{{patient.name}}\"`). */\n  value: string;\n  /** Human-readable label shown in the menu. Already localised by the consumer. */\n  label: string;\n  /** Optional section heading — when ANY token has one, the menu renders grouped. */\n  group?: string;\n}\n\n/** Agent-readiness curated handle for TokenInsertMenu. */\nexport interface TokenInsertMenuHandle {\n  isOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n  /** Emit a token to the consumer (mirrors a user selecting it). */\n  insert: (token: string) => void;\n}\n\nexport interface TokenInsertMenuProps {\n  /** The merge-tokens to offer. `value` is inserted; `label` is shown. */\n  tokens: TokenInsertMenuToken[];\n  /** Called with the chosen token's raw `value`. The consumer inserts it at\n   *  the caret of their target field — this component never owns the field. */\n  onInsert: (token: string) => void;\n  /** The trigger button's visible text (already localised by the consumer). */\n  triggerLabel: string;\n  disabled?: boolean;\n  /** Opaque instance id — surfaced as `data-component-id` + agent instance id. */\n  id?: string;\n  /** Extra classes for the trigger button. */\n  className?: string;\n}\n\ninterface TokenSection {\n  heading: string;\n  items: TokenInsertMenuToken[];\n}\n\nexport const TokenInsertMenu = forwardRef<\n  HTMLButtonElement,\n  TokenInsertMenuProps\n>(function TokenInsertMenu(\n  { tokens, onInsert, triggerLabel, disabled, id, className },\n  ref,\n) {\n  const [open, setOpen] = useState(false);\n\n  // Mirror the open flag into a ref so the agent handle reads a fresh value\n  // without re-subscribing on every toggle (matches DropdownMenu.Root).\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  // Group tokens only when at least one carries a `group`; otherwise flat.\n  const sections = useMemo<TokenSection[] | null>(() => {\n    if (!tokens.some((token) => token.group)) return null;\n    const order: string[] = [];\n    const byGroup = new Map<string, TokenInsertMenuToken[]>();\n    for (const token of tokens) {\n      const key = token.group ?? '';\n      const bucket = byGroup.get(key);\n      if (bucket) {\n        bucket.push(token);\n      } else {\n        byGroup.set(key, [token]);\n        order.push(key);\n      }\n    }\n    return order.map((heading) => ({\n      heading,\n      items: byGroup.get(heading) ?? [],\n    }));\n  }, [tokens]);\n\n  const handle = useMemo<TokenInsertMenuHandle>(\n    () => ({\n      isOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n      insert: (token) => onInsert(token),\n    }),\n    [onInsert],\n  );\n  useAgentRegistration(tokenInsertMenuAgent, handle, id);\n\n  const renderItem = (token: TokenInsertMenuToken) => (\n    <DropdownMenu.Item\n      key={token.value}\n      // Raw token shown as a muted monospace hint beneath the label.\n      description={\n        <span className=\"ds:font-mono ds:text-muted-foreground\">\n          {token.value}\n        </span>\n      }\n      onSelect={() => onInsert(token.value)}\n    >\n      {token.label}\n    </DropdownMenu.Item>\n  );\n\n  return (\n    <DropdownMenu.Root\n      open={open}\n      // `asChild` hides the trigger's native `disabled` from Radix, so gate\n      // opening here too — a disabled menu must never expand on interaction.\n      onOpenChange={(next) => {\n        if (disabled) return;\n        setOpen(next);\n      }}\n    >\n      <span\n        className=\"ds:inline-flex\"\n        data-component=\"token-insert-menu\"\n        data-component-id={id}\n      >\n        <DropdownMenu.Trigger asChild>\n          <Button\n            ref={ref}\n            type=\"button\"\n            intent=\"outline\"\n            disabled={disabled}\n            className={className}\n          >\n            {triggerLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      </span>\n      <DropdownMenu.Content align=\"start\">\n        {sections\n          ? sections.map((section, index) => (\n              <Fragment key={section.heading || `section-${index}`}>\n                {index > 0 ? <DropdownMenu.Separator /> : null}\n                <DropdownMenu.Group>\n                  {section.heading ? (\n                    <DropdownMenu.Label>{section.heading}</DropdownMenu.Label>\n                  ) : null}\n                  {section.items.map(renderItem)}\n                </DropdownMenu.Group>\n              </Fragment>\n            ))\n          : tokens.map(renderItem)}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n});\n\nTokenInsertMenu.displayName = 'TokenInsertMenu';\n"],"names":["tokenInsertMenuAgent","handle","args","TokenInsertMenu","forwardRef","tokens","onInsert","triggerLabel","disabled","id","className","ref","open","setOpen","useState","openRef","useRef","useEffect","sections","useMemo","token","order","byGroup","key","bucket","heading","useAgentRegistration","renderItem","jsx","DropdownMenu","jsxs","next","Button","section","index","Fragment"],"mappings":"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"}
+{"version":3,"file":"token-insert-menu-Dl3x2ekR.js","sources":["../../src/components/token-insert-menu/token-insert-menu.agent.ts","../../src/components/token-insert-menu/token-insert-menu.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — TokenInsertMenu.                                       */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { TokenInsertMenuHandle } from './token-insert-menu';\n\nexport const tokenInsertMenuAgent: AgentAdapter<TokenInsertMenuHandle> = {\n  id: 'token-insert-menu',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.tokenInsertMenu.state.isOpen',\n      description: 'True when the token menu is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.open',\n      description: 'Open the token menu.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.close',\n      description: 'Close the token menu.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    insert: {\n      safety: 'write',\n      argsType: '{ token: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { token: { type: 'string' } },\n        required: ['token'],\n      },\n      descriptionKey: 'ui.agent.tokenInsertMenu.actions.insert',\n      description: 'Emit a merge-token to the consumer for cursor insertion.',\n      examples: [\n        {\n          args: { token: '{{patient.name}}' },\n          note: 'Emit the patient-name placeholder for cursor insertion.',\n        },\n      ],\n      invoke: (handle, args: { token: string }) => {\n        handle.insert(args.token);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'token-insert-menu',\n      description: 'Marks the TokenInsertMenu wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  Fragment,\n} from 'react';\nimport { Button } from '../button/button';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { useAgentRegistration } from '../../agent';\nimport { tokenInsertMenuAgent } from './token-insert-menu.agent';\n\n/** One selectable merge-token. */\nexport interface TokenInsertMenuToken {\n  /** Raw token text inserted verbatim (e.g. `\"{{patient.name}}\"`). */\n  value: string;\n  /** Human-readable label shown in the menu. Already localised by the consumer. */\n  label: string;\n  /** Optional section heading — when ANY token has one, the menu renders grouped. */\n  group?: string;\n}\n\n/** Agent-readiness curated handle for TokenInsertMenu. */\nexport interface TokenInsertMenuHandle {\n  isOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n  /** Emit a token to the consumer (mirrors a user selecting it). */\n  insert: (token: string) => void;\n}\n\nexport interface TokenInsertMenuProps {\n  /** The merge-tokens to offer. `value` is inserted; `label` is shown. */\n  tokens: TokenInsertMenuToken[];\n  /** Called with the chosen token's raw `value`. The consumer inserts it at\n   *  the caret of their target field — this component never owns the field. */\n  onInsert: (token: string) => void;\n  /** The trigger button's visible text (already localised by the consumer). */\n  triggerLabel: string;\n  disabled?: boolean;\n  /** Opaque instance id — surfaced as `data-component-id` + agent instance id. */\n  id?: string;\n  /** Extra classes for the trigger button. */\n  className?: string;\n}\n\ninterface TokenSection {\n  heading: string;\n  items: TokenInsertMenuToken[];\n}\n\nexport const TokenInsertMenu = forwardRef<\n  HTMLButtonElement,\n  TokenInsertMenuProps\n>(function TokenInsertMenu(\n  { tokens, onInsert, triggerLabel, disabled, id, className },\n  ref,\n) {\n  const [open, setOpen] = useState(false);\n\n  // Mirror the open flag into a ref so the agent handle reads a fresh value\n  // without re-subscribing on every toggle (matches DropdownMenu.Root).\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  // Group tokens only when at least one carries a `group`; otherwise flat.\n  const sections = useMemo<TokenSection[] | null>(() => {\n    if (!tokens.some((token) => token.group)) return null;\n    const order: string[] = [];\n    const byGroup = new Map<string, TokenInsertMenuToken[]>();\n    for (const token of tokens) {\n      const key = token.group ?? '';\n      const bucket = byGroup.get(key);\n      if (bucket) {\n        bucket.push(token);\n      } else {\n        byGroup.set(key, [token]);\n        order.push(key);\n      }\n    }\n    return order.map((heading) => ({\n      heading,\n      items: byGroup.get(heading) ?? [],\n    }));\n  }, [tokens]);\n\n  const handle = useMemo<TokenInsertMenuHandle>(\n    () => ({\n      isOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n      insert: (token) => onInsert(token),\n    }),\n    [onInsert],\n  );\n  useAgentRegistration(tokenInsertMenuAgent, handle, id);\n\n  const renderItem = (token: TokenInsertMenuToken) => (\n    <DropdownMenu.Item\n      key={token.value}\n      // Raw token shown as a muted monospace hint beneath the label.\n      description={\n        <span className=\"ds:font-mono ds:text-muted-foreground\">\n          {token.value}\n        </span>\n      }\n      onSelect={() => onInsert(token.value)}\n    >\n      {token.label}\n    </DropdownMenu.Item>\n  );\n\n  return (\n    <DropdownMenu.Root\n      open={open}\n      // `asChild` hides the trigger's native `disabled` from Radix, so gate\n      // opening here too — a disabled menu must never expand on interaction.\n      onOpenChange={(next) => {\n        if (disabled) return;\n        setOpen(next);\n      }}\n    >\n      <span\n        className=\"ds:inline-flex\"\n        data-component=\"token-insert-menu\"\n        data-component-id={id}\n      >\n        <DropdownMenu.Trigger asChild>\n          <Button\n            ref={ref}\n            type=\"button\"\n            intent=\"outline\"\n            disabled={disabled}\n            className={className}\n          >\n            {triggerLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      </span>\n      <DropdownMenu.Content align=\"start\">\n        {sections\n          ? sections.map((section, index) => (\n              <Fragment key={section.heading || `section-${index}`}>\n                {index > 0 ? <DropdownMenu.Separator /> : null}\n                <DropdownMenu.Group>\n                  {section.heading ? (\n                    <DropdownMenu.Label>{section.heading}</DropdownMenu.Label>\n                  ) : null}\n                  {section.items.map(renderItem)}\n                </DropdownMenu.Group>\n              </Fragment>\n            ))\n          : tokens.map(renderItem)}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n});\n\nTokenInsertMenu.displayName = 'TokenInsertMenu';\n"],"names":["tokenInsertMenuAgent","handle","args","TokenInsertMenu","forwardRef","tokens","onInsert","triggerLabel","disabled","id","className","ref","open","setOpen","useState","openRef","useRef","useEffect","sections","useMemo","token","order","byGroup","key","bucket","heading","useAgentRegistration","renderItem","jsx","DropdownMenu","jsxs","next","Button","section","index","Fragment"],"mappings":"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"}

package/dist/_chunks/{tooth-scheme-COJJkdsi.js → tooth-scheme-Bd7xECuj.js}

@@ -6,7 +6,7 @@ import { c as re } from "./index-D2ZczOXr.js";
 import { useTranslation as oo } from "react-i18next";
 import { u as Go } from "./registry-DvAUVLHh.js";
 import { I as Qo } from "./icon-button-S8_weU3g.js";
-import { D as H } from "./dropdown-menu-D1we7oAY.js";
+import { D as H } from "./dropdown-menu-CqxBthww.js";
 import { S as Zo } from "./switch-D--x7n6h.js";
 import { o as Ut, K as Xo, a0 as Jo, J as Ue, R as Ye, u as no, U as io, G as en, S as tn, w as Be, X as F, f as le, $ as at, _ as Yt, E as ut, a1 as de, H as zt, z as lt, y as on, l as st, A as ro, L as nn, t as ht, W as ct, s as ao, Y as so, x as rn, V as an, a2 as sn, a3 as $, a4 as U, a5 as cn, Z as dn, C as co, Q as ln, a6 as hn, k as Vt, T as un, O as pn, q as fn, N as mn } from "./tooth-data-DR8Kdnup.js";
 import { S as gn } from "./settings-d25ju_6L.js";
@@ -1993,4 +1993,4 @@ export {
   On as r,
   _n as t
 };
-//# sourceMappingURL=tooth-scheme-COJJkdsi.js.map
+//# sourceMappingURL=tooth-scheme-Bd7xECuj.js.map