@alfadocs/ui-kit-debug 1.19.0 → 1.21.0

package/dist/_chunks/{header-settings-J-ZCAfir.js.map → header-settings-DvjZNMhD.js.map}

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

package/dist/_chunks/{icon-picker-ChzpCnZ-.js → icon-picker-DOa89vn3.js}

@@ -2,7 +2,7 @@ import { jsxs as N, jsx as r } from "react/jsx-runtime";
 import { forwardRef as H, useState as y, useRef as h, useCallback as v, useMemo as b } from "react";
 import { c as M } from "./index-D2ZczOXr.js";
 import { useTranslation as F } from "react-i18next";
-import { P as k } from "./popover-Cqcjx-Ny.js";
+import { P as k } from "./popover-DP6WCVwm.js";
 import { B as D } from "./button-nJaPh_HC.js";
 import { T as E } from "./text-input-CUvCb6ST.js";
 import { u as G } from "./registry-DvAUVLHh.js";
@@ -269,4 +269,4 @@ export {
   X as I,
   U as i
 };
-//# sourceMappingURL=icon-picker-ChzpCnZ-.js.map
+//# sourceMappingURL=icon-picker-DOa89vn3.js.map

package/dist/_chunks/{icon-picker-ChzpCnZ-.js.map → icon-picker-DOa89vn3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-picker-ChzpCnZ-.js","sources":["../../src/components/icon-picker/icon-picker.agent.ts","../../src/components/icon-picker/icon-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — IconPicker.                                            */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { IconPickerHandle } from './icon-picker';\n\nexport const iconPickerAgent: AgentAdapter<IconPickerHandle> = {\n  id: 'icon-picker',\n  capabilities: ['pick', 'filter', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.iconPicker.state.value',\n      description:\n        'Id of the currently selected icon, or an empty string when nothing is picked.',\n      read: (handle) => handle.getValue(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.iconPicker.state.isOpen',\n      description: 'True when the picker popover is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n    query: {\n      type: 'string',\n      descriptionKey: 'ui.agent.iconPicker.state.query',\n      description: 'Current search query filtering the icon grid by label.',\n      read: (handle) => handle.getQuery(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Id of an icon in the supplied `icons` set.',\n          },\n        },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.iconPicker.actions.setValue',\n      description: 'Select the icon with the given id.',\n      examples: [{ args: { id: 'star' }, note: 'Pick the \"star\" icon.' }],\n      invoke: (handle, args: { id: string }) => {\n        handle.setValue(args.id);\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.iconPicker.actions.open',\n      description: 'Open the picker popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.iconPicker.actions.close',\n      description: 'Close the picker popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    filter: {\n      safety: 'write',\n      argsType: '{ query: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          query: {\n            type: 'string',\n            description:\n              'Case-insensitive substring matched against icon labels.',\n          },\n        },\n        required: ['query'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.iconPicker.actions.filter',\n      description: 'Filter the icon grid to labels containing the query.',\n      examples: [\n        {\n          args: { query: 'star' },\n          note: 'Show icons whose label contains \"star\".',\n        },\n      ],\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'icon-picker',\n      description: 'Marks the IconPicker trigger button.',\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  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport { Popover } from '../popover';\nimport { Button } from '../button/button';\nimport { TextInput } from '../text-input/text-input';\nimport { useAgentRegistration } from '../../agent';\nimport { iconPickerAgent } from './icon-picker.agent';\n\n/** One selectable glyph. `label` is the accessible name (consumer-localised);\n *  `node` is the rendered lucide/SVG element. */\nexport interface IconPickerIcon {\n  id: string;\n  label: string;\n  node: ReactNode;\n}\n\n/** Agent-readiness curated handle for IconPicker. */\nexport interface IconPickerHandle {\n  getValue: () => string;\n  setValue: (id: string) => void;\n  isOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n  getQuery: () => string;\n  setQuery: (query: string) => void;\n}\n\nexport interface IconPickerProps {\n  /** The glyph set. `label` is each glyph's accessible name. */\n  icons: IconPickerIcon[];\n  /** Controlled selected icon id. Pair with onChange. */\n  value?: string;\n  /** Uncontrolled initial selected icon id. */\n  defaultValue?: string;\n  /** Fires with the chosen icon id when a glyph is picked. */\n  onChange?: (id: string) => void;\n  /** Shown on the trigger when nothing is selected. */\n  placeholder?: ReactNode;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  /** Trigger accessible name. Defaults to the bundled `iconPicker.trigger`. */\n  'aria-label'?: string;\n}\n\n// Selectable glyph cell. The only variant is selection state — selected cells\n// take a tokenised highlight (primary border + muted fill); `aria-pressed`\n// carries the state non-visually so it never reads by colour alone.\nconst optionVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center',\n    'ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:text-foreground ds:bg-transparent',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-muted/10',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:[&_svg]:size-5',\n  ].join(' '),\n  {\n    variants: {\n      selected: {\n        true: 'ds:border-primary ds:bg-muted',\n        false: 'ds:border-transparent',\n      },\n    },\n    defaultVariants: { selected: false },\n  },\n);\n\nexport const IconPicker = forwardRef<HTMLButtonElement, IconPickerProps>(\n  function IconPicker(\n    {\n      icons,\n      value,\n      defaultValue,\n      onChange,\n      placeholder,\n      disabled,\n      id,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const currentValue = isControlled ? (value ?? '') : internalValue;\n\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState('');\n\n    // Live snapshots for the synchronous agent handle.\n    const currentValueRef = useRef(currentValue);\n    currentValueRef.current = currentValue;\n    const openRef = useRef(open);\n    openRef.current = open;\n    const queryRef = useRef(query);\n    queryRef.current = query;\n\n    const handleOpenChange = useCallback((next: boolean) => {\n      setOpen(next);\n      // Reset the filter when the popover closes so the next open starts fresh.\n      if (!next) setQuery('');\n    }, []);\n\n    const setValueImperative = useCallback(\n      (iconId: string) => {\n        if (!isControlled) setInternalValue(iconId);\n        onChange?.(iconId);\n      },\n      [isControlled, onChange],\n    );\n\n    const handleSelect = useCallback(\n      (iconId: string) => {\n        setValueImperative(iconId);\n        handleOpenChange(false);\n      },\n      [setValueImperative, handleOpenChange],\n    );\n\n    const agentHandle = useMemo<IconPickerHandle>(\n      () => ({\n        getValue: () => currentValueRef.current,\n        setValue: (iconId) => setValueImperative(iconId),\n        isOpen: () => openRef.current,\n        open: () => handleOpenChange(true),\n        close: () => handleOpenChange(false),\n        getQuery: () => queryRef.current,\n        setQuery: (next) => setQuery(next),\n      }),\n      [setValueImperative, handleOpenChange],\n    );\n    useAgentRegistration(iconPickerAgent, agentHandle, id);\n\n    const selectedIcon = useMemo(\n      () => icons.find((icon) => icon.id === currentValue),\n      [icons, currentValue],\n    );\n\n    const normalisedQuery = query.trim().toLowerCase();\n    const filtered = useMemo(\n      () =>\n        normalisedQuery\n          ? icons.filter((icon) =>\n              icon.label.toLowerCase().includes(normalisedQuery),\n            )\n          : icons,\n      [icons, normalisedQuery],\n    );\n\n    const triggerLabel = ariaLabel ?? t('iconPicker.trigger');\n    const resolvedPlaceholder = placeholder ?? t('iconPicker.trigger');\n\n    return (\n      <Popover.Root open={open} onOpenChange={handleOpenChange} id={id}>\n        <Popover.Trigger asChild>\n          <Button\n            ref={ref}\n            type=\"button\"\n            intent=\"outline\"\n            disabled={disabled}\n            aria-label={triggerLabel}\n            className={className}\n            data-component=\"icon-picker\"\n            data-component-id={id}\n          >\n            {selectedIcon ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-5\"\n              >\n                {selectedIcon.node}\n              </span>\n            ) : (\n              <span className=\"ds:inline-flex ds:items-center ds:text-muted-foreground\">\n                {resolvedPlaceholder}\n              </span>\n            )}\n          </Button>\n        </Popover.Trigger>\n\n        <Popover.Content\n          align=\"start\"\n          showArrow={false}\n          aria-label={triggerLabel}\n          className=\"ds:w-72\"\n        >\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n            <TextInput\n              size=\"sm\"\n              value={query}\n              onChange={(event: ChangeEvent<HTMLInputElement>) =>\n                setQuery(event.target.value)\n              }\n              placeholder={t('iconPicker.search')}\n              aria-label={t('iconPicker.search')}\n              startAdornment={<Search />}\n              clearable\n              onClear={() => setQuery('')}\n              autoComplete=\"off\"\n            />\n\n            {filtered.length === 0 ? (\n              <p\n                role=\"status\"\n                className=\"type-body-sm ds:text-muted-foreground ds:text-center ds:py-[var(--spacing-sm)]\"\n              >\n                {t('iconPicker.noResults')}\n              </p>\n            ) : (\n              <div\n                role=\"group\"\n                aria-label={triggerLabel}\n                className=\"ds:grid ds:grid-cols-5 ds:gap-[var(--spacing-xs)] ds:max-h-64 ds:overflow-y-auto\"\n              >\n                {filtered.map((icon) => {\n                  const selected = icon.id === currentValue;\n                  return (\n                    <button\n                      key={icon.id}\n                      type=\"button\"\n                      aria-label={icon.label}\n                      aria-pressed={selected}\n                      onClick={() => handleSelect(icon.id)}\n                      className={optionVariants({ selected })}\n                    >\n                      <span aria-hidden=\"true\" className=\"ds:inline-flex\">\n                        {icon.node}\n                      </span>\n                    </button>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n        </Popover.Content>\n      </Popover.Root>\n    );\n  },\n);\n\nIconPicker.displayName = 'IconPicker';\n\nexport { optionVariants as iconPickerOptionVariants };\n"],"names":["iconPickerAgent","handle","args","optionVariants","cva","IconPicker","forwardRef","icons","value","defaultValue","onChange","placeholder","disabled","id","className","ariaLabel","ref","t","useTranslation","isControlled","internalValue","setInternalValue","useState","currentValue","open","setOpen","query","setQuery","currentValueRef","useRef","openRef","queryRef","handleOpenChange","useCallback","next","setValueImperative","iconId","handleSelect","agentHandle","useMemo","useAgentRegistration","selectedIcon","icon","normalisedQuery","filtered","triggerLabel","resolvedPlaceholder","Popover","jsx","Button","jsxs","TextInput","event","Search","selected"],"mappings":"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"}
+{"version":3,"file":"icon-picker-DOa89vn3.js","sources":["../../src/components/icon-picker/icon-picker.agent.ts","../../src/components/icon-picker/icon-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — IconPicker.                                            */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { IconPickerHandle } from './icon-picker';\n\nexport const iconPickerAgent: AgentAdapter<IconPickerHandle> = {\n  id: 'icon-picker',\n  capabilities: ['pick', 'filter', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.iconPicker.state.value',\n      description:\n        'Id of the currently selected icon, or an empty string when nothing is picked.',\n      read: (handle) => handle.getValue(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.iconPicker.state.isOpen',\n      description: 'True when the picker popover is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n    query: {\n      type: 'string',\n      descriptionKey: 'ui.agent.iconPicker.state.query',\n      description: 'Current search query filtering the icon grid by label.',\n      read: (handle) => handle.getQuery(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Id of an icon in the supplied `icons` set.',\n          },\n        },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.iconPicker.actions.setValue',\n      description: 'Select the icon with the given id.',\n      examples: [{ args: { id: 'star' }, note: 'Pick the \"star\" icon.' }],\n      invoke: (handle, args: { id: string }) => {\n        handle.setValue(args.id);\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.iconPicker.actions.open',\n      description: 'Open the picker popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.iconPicker.actions.close',\n      description: 'Close the picker popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    filter: {\n      safety: 'write',\n      argsType: '{ query: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          query: {\n            type: 'string',\n            description:\n              'Case-insensitive substring matched against icon labels.',\n          },\n        },\n        required: ['query'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.iconPicker.actions.filter',\n      description: 'Filter the icon grid to labels containing the query.',\n      examples: [\n        {\n          args: { query: 'star' },\n          note: 'Show icons whose label contains \"star\".',\n        },\n      ],\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'icon-picker',\n      description: 'Marks the IconPicker trigger button.',\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  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport { Popover } from '../popover';\nimport { Button } from '../button/button';\nimport { TextInput } from '../text-input/text-input';\nimport { useAgentRegistration } from '../../agent';\nimport { iconPickerAgent } from './icon-picker.agent';\n\n/** One selectable glyph. `label` is the accessible name (consumer-localised);\n *  `node` is the rendered lucide/SVG element. */\nexport interface IconPickerIcon {\n  id: string;\n  label: string;\n  node: ReactNode;\n}\n\n/** Agent-readiness curated handle for IconPicker. */\nexport interface IconPickerHandle {\n  getValue: () => string;\n  setValue: (id: string) => void;\n  isOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n  getQuery: () => string;\n  setQuery: (query: string) => void;\n}\n\nexport interface IconPickerProps {\n  /** The glyph set. `label` is each glyph's accessible name. */\n  icons: IconPickerIcon[];\n  /** Controlled selected icon id. Pair with onChange. */\n  value?: string;\n  /** Uncontrolled initial selected icon id. */\n  defaultValue?: string;\n  /** Fires with the chosen icon id when a glyph is picked. */\n  onChange?: (id: string) => void;\n  /** Shown on the trigger when nothing is selected. */\n  placeholder?: ReactNode;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  /** Trigger accessible name. Defaults to the bundled `iconPicker.trigger`. */\n  'aria-label'?: string;\n}\n\n// Selectable glyph cell. The only variant is selection state — selected cells\n// take a tokenised highlight (primary border + muted fill); `aria-pressed`\n// carries the state non-visually so it never reads by colour alone.\nconst optionVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center',\n    'ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n    'ds:border ds:text-foreground ds:bg-transparent',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-muted/10',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:[&_svg]:size-5',\n  ].join(' '),\n  {\n    variants: {\n      selected: {\n        true: 'ds:border-primary ds:bg-muted',\n        false: 'ds:border-transparent',\n      },\n    },\n    defaultVariants: { selected: false },\n  },\n);\n\nexport const IconPicker = forwardRef<HTMLButtonElement, IconPickerProps>(\n  function IconPicker(\n    {\n      icons,\n      value,\n      defaultValue,\n      onChange,\n      placeholder,\n      disabled,\n      id,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const currentValue = isControlled ? (value ?? '') : internalValue;\n\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState('');\n\n    // Live snapshots for the synchronous agent handle.\n    const currentValueRef = useRef(currentValue);\n    currentValueRef.current = currentValue;\n    const openRef = useRef(open);\n    openRef.current = open;\n    const queryRef = useRef(query);\n    queryRef.current = query;\n\n    const handleOpenChange = useCallback((next: boolean) => {\n      setOpen(next);\n      // Reset the filter when the popover closes so the next open starts fresh.\n      if (!next) setQuery('');\n    }, []);\n\n    const setValueImperative = useCallback(\n      (iconId: string) => {\n        if (!isControlled) setInternalValue(iconId);\n        onChange?.(iconId);\n      },\n      [isControlled, onChange],\n    );\n\n    const handleSelect = useCallback(\n      (iconId: string) => {\n        setValueImperative(iconId);\n        handleOpenChange(false);\n      },\n      [setValueImperative, handleOpenChange],\n    );\n\n    const agentHandle = useMemo<IconPickerHandle>(\n      () => ({\n        getValue: () => currentValueRef.current,\n        setValue: (iconId) => setValueImperative(iconId),\n        isOpen: () => openRef.current,\n        open: () => handleOpenChange(true),\n        close: () => handleOpenChange(false),\n        getQuery: () => queryRef.current,\n        setQuery: (next) => setQuery(next),\n      }),\n      [setValueImperative, handleOpenChange],\n    );\n    useAgentRegistration(iconPickerAgent, agentHandle, id);\n\n    const selectedIcon = useMemo(\n      () => icons.find((icon) => icon.id === currentValue),\n      [icons, currentValue],\n    );\n\n    const normalisedQuery = query.trim().toLowerCase();\n    const filtered = useMemo(\n      () =>\n        normalisedQuery\n          ? icons.filter((icon) =>\n              icon.label.toLowerCase().includes(normalisedQuery),\n            )\n          : icons,\n      [icons, normalisedQuery],\n    );\n\n    const triggerLabel = ariaLabel ?? t('iconPicker.trigger');\n    const resolvedPlaceholder = placeholder ?? t('iconPicker.trigger');\n\n    return (\n      <Popover.Root open={open} onOpenChange={handleOpenChange} id={id}>\n        <Popover.Trigger asChild>\n          <Button\n            ref={ref}\n            type=\"button\"\n            intent=\"outline\"\n            disabled={disabled}\n            aria-label={triggerLabel}\n            className={className}\n            data-component=\"icon-picker\"\n            data-component-id={id}\n          >\n            {selectedIcon ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-5\"\n              >\n                {selectedIcon.node}\n              </span>\n            ) : (\n              <span className=\"ds:inline-flex ds:items-center ds:text-muted-foreground\">\n                {resolvedPlaceholder}\n              </span>\n            )}\n          </Button>\n        </Popover.Trigger>\n\n        <Popover.Content\n          align=\"start\"\n          showArrow={false}\n          aria-label={triggerLabel}\n          className=\"ds:w-72\"\n        >\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n            <TextInput\n              size=\"sm\"\n              value={query}\n              onChange={(event: ChangeEvent<HTMLInputElement>) =>\n                setQuery(event.target.value)\n              }\n              placeholder={t('iconPicker.search')}\n              aria-label={t('iconPicker.search')}\n              startAdornment={<Search />}\n              clearable\n              onClear={() => setQuery('')}\n              autoComplete=\"off\"\n            />\n\n            {filtered.length === 0 ? (\n              <p\n                role=\"status\"\n                className=\"type-body-sm ds:text-muted-foreground ds:text-center ds:py-[var(--spacing-sm)]\"\n              >\n                {t('iconPicker.noResults')}\n              </p>\n            ) : (\n              <div\n                role=\"group\"\n                aria-label={triggerLabel}\n                className=\"ds:grid ds:grid-cols-5 ds:gap-[var(--spacing-xs)] ds:max-h-64 ds:overflow-y-auto\"\n              >\n                {filtered.map((icon) => {\n                  const selected = icon.id === currentValue;\n                  return (\n                    <button\n                      key={icon.id}\n                      type=\"button\"\n                      aria-label={icon.label}\n                      aria-pressed={selected}\n                      onClick={() => handleSelect(icon.id)}\n                      className={optionVariants({ selected })}\n                    >\n                      <span aria-hidden=\"true\" className=\"ds:inline-flex\">\n                        {icon.node}\n                      </span>\n                    </button>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n        </Popover.Content>\n      </Popover.Root>\n    );\n  },\n);\n\nIconPicker.displayName = 'IconPicker';\n\nexport { optionVariants as iconPickerOptionVariants };\n"],"names":["iconPickerAgent","handle","args","optionVariants","cva","IconPicker","forwardRef","icons","value","defaultValue","onChange","placeholder","disabled","id","className","ariaLabel","ref","t","useTranslation","isControlled","internalValue","setInternalValue","useState","currentValue","open","setOpen","query","setQuery","currentValueRef","useRef","openRef","queryRef","handleOpenChange","useCallback","next","setValueImperative","iconId","handleSelect","agentHandle","useMemo","useAgentRegistration","selectedIcon","icon","normalisedQuery","filtered","triggerLabel","resolvedPlaceholder","Popover","jsx","Button","jsxs","TextInput","event","Search","selected"],"mappings":"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"}

package/dist/_chunks/{info-tip-C119cwQl.js → info-tip-CADik6WN.js}

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as i } from "react/jsx-runtime";
 import { forwardRef as I, useState as O, useRef as m, useEffect as k, useMemo as z } from "react";
 import { c as C } from "./index-D2ZczOXr.js";
 import { useTranslation as D } from "react-i18next";
-import { P as o } from "./popover-Cqcjx-Ny.js";
+import { P as o } from "./popover-DP6WCVwm.js";
 import { u as P } from "./registry-DvAUVLHh.js";
 import { I as A } from "./info-CGn22peZ.js";
 const R = {
@@ -163,4 +163,4 @@ export {
   j as I,
   R as i
 };
-//# sourceMappingURL=info-tip-C119cwQl.js.map
+//# sourceMappingURL=info-tip-CADik6WN.js.map

package/dist/_chunks/{info-tip-C119cwQl.js.map → info-tip-CADik6WN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"info-tip-C119cwQl.js","sources":["../../src/components/info-tip/info-tip.agent.ts","../../src/components/info-tip/info-tip.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { InfoTipHandle } from './info-tip';\n\nexport const infoTipAgent: AgentAdapter<InfoTipHandle> = {\n  id: 'info-tip',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.infoTip.state.isOpen',\n      description: 'True when the info tip card is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.infoTip.actions.open',\n      description: 'Open the info tip card.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.infoTip.actions.close',\n      description: 'Close the info tip card.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'info-tip',\n      description: 'Marks the InfoTip trigger button.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on InfoTip.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Info } from 'lucide-react';\nimport { Popover } from '../popover';\nimport { useAgentRegistration } from '../../agent';\nimport { infoTipAgent } from './info-tip.agent';\n\n/* -------------------------------------------------------------------- */\n/* Trigger — a small circular, branded affordance: card surface inside   */\n/* the circle, accent ring + accent \"i\" glyph, and a soft drop shadow.   */\n/* The accent alias is safe here: `--accent` resolves to magenta-700 in  */\n/* light mode (the AA-safe interactive step) and the dark accent on dark */\n/* surfaces — never reference a raw magenta ramp step.                   */\n/* -------------------------------------------------------------------- */\n\nconst infoTipTriggerVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[var(--card)]',\n    'ds:text-[var(--accent)]',\n    // Single ring: the Lucide Info glyph draws its own accent circle, so the\n    // trigger carries NO CSS border of its own (a border would read as a\n    // second, concentric ring). The white circle comes from `bg-card` showing\n    // through the glyph, lifted by the drop shadow.\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:cursor-pointer',\n    'ds:transition-[color,box-shadow] ds:motion-reduce:transition-none',\n    'ds:hover:text-[var(--accent-hover)] ds:hover:shadow-[var(--shadow-md)]',\n    'ds:data-[state=open]:text-[var(--accent-hover)] ds:data-[state=open]:shadow-[var(--shadow-md)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        // Both diameters sit below `--min-target-size` (44/48px), so each\n        // re-uses IconButton's invisible `::before` hit-area expansion to a\n        // full touch target on touch / small screens. From the `sm:`\n        // breakpoint up the pointer is precise, so the expansion relaxes —\n        // but the interactive target must never fall below WCAG 2.5.8's 24px:\n        //   • md (24px visual) already meets the 24px floor, so its `::before`\n        //     is hidden on desktop and the 24px circle IS the target.\n        //   • sm (20px visual) would fall to 20px if hidden — below the floor\n        //     — so instead of hiding, its `::before` shrinks to a persistent\n        //     `--spacing-lg` (24px) minimum that holds on desktop too.\n        sm: 'ds:w-5 ds:h-5 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:inset-x-[calc((var(--spacing-lg)-100%)/-2)] ds:sm:before:inset-y-[calc((var(--spacing-lg)-100%)/-2)]',\n        md: 'ds:w-6 ds:h-6 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// Curated agent-readiness handle — see info-tip.agent.ts.\nexport interface InfoTipHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface InfoTipProps {\n  /** Body of the tip — explanatory text shown in the floating card. */\n  content: ReactNode;\n  /** Optional heading rendered above the body. */\n  heading?: ReactNode;\n  /**\n   * Trigger diameter. Also maps the floating card width:\n   * `sm` → `--popover-size-sm`, `md` → `--popover-size-md`.\n   */\n  size?: 'sm' | 'md';\n  /** Logical side the card opens on. Default `'top'`. */\n  side?: 'start' | 'top' | 'end' | 'bottom';\n  /** Alignment along the side axis. Default `'center'`. */\n  align?: 'start' | 'center' | 'end';\n  /**\n   * Accessible name for the trigger. Defaults to the translated\n   * \"More information\" chrome string.\n   */\n  'aria-label'?: string;\n  /**\n   * Opaque instance id — emitted as `data-component-id` on the trigger and\n   * used to register the instance with the host agent registry.\n   */\n  id?: string;\n  /** Extra classes merged onto the trigger button. */\n  className?: string;\n}\n\n/**\n * InfoTip — a deliberate, branded \"more information\" affordance: a small\n * circular trigger that reveals an explanatory card on hover **and** click\n * (click also serves touch devices). Composes the kit Popover in\n * `openOn=\"hover-or-click\"` mode — hover intent, keyboard focus, Escape and\n * focus-return are all handled by the Popover/Radix layer.\n */\nexport const InfoTip = forwardRef<HTMLButtonElement, InfoTipProps>(\n  (\n    {\n      content,\n      heading,\n      size = 'md',\n      side = 'top',\n      align = 'center',\n      'aria-label': ariaLabelProp,\n      id,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [open, setOpen] = useState(false);\n\n    // Agent handle.\n    const openRef = useRef(open);\n    useEffect(() => {\n      openRef.current = open;\n    }, [open]);\n\n    const agentHandle = useMemo<InfoTipHandle>(\n      () => ({\n        getIsOpen: () => openRef.current,\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [],\n    );\n    useAgentRegistration(infoTipAgent, agentHandle, id);\n\n    // Press bookkeeping. In hover-or-click mode the Popover opens as soon as\n    // the trigger receives focus — which happens on pointerdown, BEFORE the\n    // click event that Radix uses to toggle. Without intervention every\n    // click/tap on a closed tip opens it (focus) and instantly toggles it\n    // closed again (click). So each press (pointerdown, or Enter/Space)\n    // snapshots the open state and the click handler consumes it: if the\n    // press itself opened the card, swallow Radix's toggle so the card stays\n    // open; if it was already open, let the toggle close it.\n    //\n    // `null` means \"no press recorded for this click\" — an orphan click\n    // (programmatic .click(), or assistive tech dispatching click with no\n    // pointer/key event). Those must fall through to Radix's default toggle\n    // rather than read a stale snapshot, so the guard treats `null` as\n    // \"don't suppress\" and every click clears the snapshot back to `null`.\n    const pressStateRef = useRef<boolean | null>(null);\n    const handlePressStart = () => {\n      pressStateRef.current = openRef.current;\n    };\n\n    const ariaLabel =\n      ariaLabelProp ?? t('infoTip.triggerLabel', 'More information');\n\n    return (\n      <Popover openOn=\"hover-or-click\" open={open} onOpenChange={setOpen}>\n        <Popover.Trigger\n          ref={ref}\n          aria-label={ariaLabel}\n          className={infoTipTriggerVariants({ size, className })}\n          data-component=\"info-tip\"\n          data-component-id={id}\n          onPointerDown={handlePressStart}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              handlePressStart();\n            }\n          }}\n          onClick={(event) => {\n            // Consume this click's press snapshot. A genuine pointer/keyboard\n            // press recorded `false`/`true` on press-start; an orphan click\n            // with no preceding pointerdown/keydown finds `null` and is left\n            // to Radix's default toggle.\n            const wasOpenAtPressStart = pressStateRef.current;\n            pressStateRef.current = null;\n            if (wasOpenAtPressStart === false && openRef.current) {\n              // This press opened the card via focus — keep it open and\n              // skip Radix's click toggle.\n              event.preventDefault();\n            }\n          }}\n        >\n          <Info\n            aria-hidden=\"true\"\n            // Fills the circle so the glyph's own ring IS the trigger's\n            // visible edge and the drop shadow hugs it.\n            className={size === 'sm' ? 'ds:size-5' : 'ds:size-6'}\n          />\n        </Popover.Trigger>\n        <Popover.Content\n          side={side}\n          align={align}\n          size={size === 'sm' ? 'sm' : 'md'}\n          // The card is a Radix `role=\"dialog\"` surface, which axe requires\n          // to have an accessible name (aria-dialog-name). With a heading,\n          // Popover wires aria-labelledby; without one, fall back to the\n          // trigger's label.\n          aria-label={heading == null ? ariaLabel : undefined}\n          // Toggletip focus contract: the card is explanatory text, never\n          // interactive, so focus stays on the trigger for the whole\n          // open/close cycle. Preventing the open move also keeps Escape\n          // reliable — if Radix pulled focus into the card, closing would\n          // refocus the trigger and re-fire the hover-mode focus handler,\n          // reopening the card it just closed. Preventing the close move\n          // keeps an unhover-close from stealing focus mid-task.\n          onOpenAutoFocus={(event) => event.preventDefault()}\n          onCloseAutoFocus={(event) => event.preventDefault()}\n        >\n          {heading != null && <Popover.Heading>{heading}</Popover.Heading>}\n          <Popover.Description>{content}</Popover.Description>\n        </Popover.Content>\n      </Popover>\n    );\n  },\n);\n\nInfoTip.displayName = 'InfoTip';\n"],"names":["infoTipAgent","handle","infoTipTriggerVariants","cva","InfoTip","forwardRef","content","heading","size","side","align","ariaLabelProp","id","className","ref","t","useTranslation","open","setOpen","useState","openRef","useRef","useEffect","agentHandle","useMemo","useAgentRegistration","pressStateRef","handlePressStart","ariaLabel","Popover","jsx","event","wasOpenAtPressStart","Info","jsxs"],"mappings":"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"}
+{"version":3,"file":"info-tip-CADik6WN.js","sources":["../../src/components/info-tip/info-tip.agent.ts","../../src/components/info-tip/info-tip.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { InfoTipHandle } from './info-tip';\n\nexport const infoTipAgent: AgentAdapter<InfoTipHandle> = {\n  id: 'info-tip',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.infoTip.state.isOpen',\n      description: 'True when the info tip card is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.infoTip.actions.open',\n      description: 'Open the info tip card.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.infoTip.actions.close',\n      description: 'Close the info tip card.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'info-tip',\n      description: 'Marks the InfoTip trigger button.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on InfoTip.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Info } from 'lucide-react';\nimport { Popover } from '../popover';\nimport { useAgentRegistration } from '../../agent';\nimport { infoTipAgent } from './info-tip.agent';\n\n/* -------------------------------------------------------------------- */\n/* Trigger — a small circular, branded affordance: card surface inside   */\n/* the circle, accent ring + accent \"i\" glyph, and a soft drop shadow.   */\n/* The accent alias is safe here: `--accent` resolves to magenta-700 in  */\n/* light mode (the AA-safe interactive step) and the dark accent on dark */\n/* surfaces — never reference a raw magenta ramp step.                   */\n/* -------------------------------------------------------------------- */\n\nconst infoTipTriggerVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[var(--card)]',\n    'ds:text-[var(--accent)]',\n    // Single ring: the Lucide Info glyph draws its own accent circle, so the\n    // trigger carries NO CSS border of its own (a border would read as a\n    // second, concentric ring). The white circle comes from `bg-card` showing\n    // through the glyph, lifted by the drop shadow.\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:cursor-pointer',\n    'ds:transition-[color,box-shadow] ds:motion-reduce:transition-none',\n    'ds:hover:text-[var(--accent-hover)] ds:hover:shadow-[var(--shadow-md)]',\n    'ds:data-[state=open]:text-[var(--accent-hover)] ds:data-[state=open]:shadow-[var(--shadow-md)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        // Both diameters sit below `--min-target-size` (44/48px), so each\n        // re-uses IconButton's invisible `::before` hit-area expansion to a\n        // full touch target on touch / small screens. From the `sm:`\n        // breakpoint up the pointer is precise, so the expansion relaxes —\n        // but the interactive target must never fall below WCAG 2.5.8's 24px:\n        //   • md (24px visual) already meets the 24px floor, so its `::before`\n        //     is hidden on desktop and the 24px circle IS the target.\n        //   • sm (20px visual) would fall to 20px if hidden — below the floor\n        //     — so instead of hiding, its `::before` shrinks to a persistent\n        //     `--spacing-lg` (24px) minimum that holds on desktop too.\n        sm: 'ds:w-5 ds:h-5 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:inset-x-[calc((var(--spacing-lg)-100%)/-2)] ds:sm:before:inset-y-[calc((var(--spacing-lg)-100%)/-2)]',\n        md: 'ds:w-6 ds:h-6 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// Curated agent-readiness handle — see info-tip.agent.ts.\nexport interface InfoTipHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface InfoTipProps {\n  /** Body of the tip — explanatory text shown in the floating card. */\n  content: ReactNode;\n  /** Optional heading rendered above the body. */\n  heading?: ReactNode;\n  /**\n   * Trigger diameter. Also maps the floating card width:\n   * `sm` → `--popover-size-sm`, `md` → `--popover-size-md`.\n   */\n  size?: 'sm' | 'md';\n  /** Logical side the card opens on. Default `'top'`. */\n  side?: 'start' | 'top' | 'end' | 'bottom';\n  /** Alignment along the side axis. Default `'center'`. */\n  align?: 'start' | 'center' | 'end';\n  /**\n   * Accessible name for the trigger. Defaults to the translated\n   * \"More information\" chrome string.\n   */\n  'aria-label'?: string;\n  /**\n   * Opaque instance id — emitted as `data-component-id` on the trigger and\n   * used to register the instance with the host agent registry.\n   */\n  id?: string;\n  /** Extra classes merged onto the trigger button. */\n  className?: string;\n}\n\n/**\n * InfoTip — a deliberate, branded \"more information\" affordance: a small\n * circular trigger that reveals an explanatory card on hover **and** click\n * (click also serves touch devices). Composes the kit Popover in\n * `openOn=\"hover-or-click\"` mode — hover intent, keyboard focus, Escape and\n * focus-return are all handled by the Popover/Radix layer.\n */\nexport const InfoTip = forwardRef<HTMLButtonElement, InfoTipProps>(\n  (\n    {\n      content,\n      heading,\n      size = 'md',\n      side = 'top',\n      align = 'center',\n      'aria-label': ariaLabelProp,\n      id,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [open, setOpen] = useState(false);\n\n    // Agent handle.\n    const openRef = useRef(open);\n    useEffect(() => {\n      openRef.current = open;\n    }, [open]);\n\n    const agentHandle = useMemo<InfoTipHandle>(\n      () => ({\n        getIsOpen: () => openRef.current,\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [],\n    );\n    useAgentRegistration(infoTipAgent, agentHandle, id);\n\n    // Press bookkeeping. In hover-or-click mode the Popover opens as soon as\n    // the trigger receives focus — which happens on pointerdown, BEFORE the\n    // click event that Radix uses to toggle. Without intervention every\n    // click/tap on a closed tip opens it (focus) and instantly toggles it\n    // closed again (click). So each press (pointerdown, or Enter/Space)\n    // snapshots the open state and the click handler consumes it: if the\n    // press itself opened the card, swallow Radix's toggle so the card stays\n    // open; if it was already open, let the toggle close it.\n    //\n    // `null` means \"no press recorded for this click\" — an orphan click\n    // (programmatic .click(), or assistive tech dispatching click with no\n    // pointer/key event). Those must fall through to Radix's default toggle\n    // rather than read a stale snapshot, so the guard treats `null` as\n    // \"don't suppress\" and every click clears the snapshot back to `null`.\n    const pressStateRef = useRef<boolean | null>(null);\n    const handlePressStart = () => {\n      pressStateRef.current = openRef.current;\n    };\n\n    const ariaLabel =\n      ariaLabelProp ?? t('infoTip.triggerLabel', 'More information');\n\n    return (\n      <Popover openOn=\"hover-or-click\" open={open} onOpenChange={setOpen}>\n        <Popover.Trigger\n          ref={ref}\n          aria-label={ariaLabel}\n          className={infoTipTriggerVariants({ size, className })}\n          data-component=\"info-tip\"\n          data-component-id={id}\n          onPointerDown={handlePressStart}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              handlePressStart();\n            }\n          }}\n          onClick={(event) => {\n            // Consume this click's press snapshot. A genuine pointer/keyboard\n            // press recorded `false`/`true` on press-start; an orphan click\n            // with no preceding pointerdown/keydown finds `null` and is left\n            // to Radix's default toggle.\n            const wasOpenAtPressStart = pressStateRef.current;\n            pressStateRef.current = null;\n            if (wasOpenAtPressStart === false && openRef.current) {\n              // This press opened the card via focus — keep it open and\n              // skip Radix's click toggle.\n              event.preventDefault();\n            }\n          }}\n        >\n          <Info\n            aria-hidden=\"true\"\n            // Fills the circle so the glyph's own ring IS the trigger's\n            // visible edge and the drop shadow hugs it.\n            className={size === 'sm' ? 'ds:size-5' : 'ds:size-6'}\n          />\n        </Popover.Trigger>\n        <Popover.Content\n          side={side}\n          align={align}\n          size={size === 'sm' ? 'sm' : 'md'}\n          // The card is a Radix `role=\"dialog\"` surface, which axe requires\n          // to have an accessible name (aria-dialog-name). With a heading,\n          // Popover wires aria-labelledby; without one, fall back to the\n          // trigger's label.\n          aria-label={heading == null ? ariaLabel : undefined}\n          // Toggletip focus contract: the card is explanatory text, never\n          // interactive, so focus stays on the trigger for the whole\n          // open/close cycle. Preventing the open move also keeps Escape\n          // reliable — if Radix pulled focus into the card, closing would\n          // refocus the trigger and re-fire the hover-mode focus handler,\n          // reopening the card it just closed. Preventing the close move\n          // keeps an unhover-close from stealing focus mid-task.\n          onOpenAutoFocus={(event) => event.preventDefault()}\n          onCloseAutoFocus={(event) => event.preventDefault()}\n        >\n          {heading != null && <Popover.Heading>{heading}</Popover.Heading>}\n          <Popover.Description>{content}</Popover.Description>\n        </Popover.Content>\n      </Popover>\n    );\n  },\n);\n\nInfoTip.displayName = 'InfoTip';\n"],"names":["infoTipAgent","handle","infoTipTriggerVariants","cva","InfoTip","forwardRef","content","heading","size","side","align","ariaLabelProp","id","className","ref","t","useTranslation","open","setOpen","useState","openRef","useRef","useEffect","agentHandle","useMemo","useAgentRegistration","pressStateRef","handlePressStart","ariaLabel","Popover","jsx","event","wasOpenAtPressStart","Info","jsxs"],"mappings":"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"}

package/dist/_chunks/{link-cell-renderer-B-xrUPew.js → link-cell-renderer-tWEOv3Sc.js}

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as k } from "react/jsx-runtime";
 import { useState as x, useEffect as w, useCallback as U, useMemo as z, useRef as X } from "react";
 import { useGridFilter as A } from "ag-grid-react";
-import { D as H } from "./date-range-picker-BD8P_rJq.js";
+import { D as H } from "./date-range-picker-TpmECKRh.js";
 import { useTranslation as L } from "react-i18next";
 import { C as J } from "./checkbox-BuZ1u__2.js";
 import { B as E } from "./button-nJaPh_HC.js";
@@ -84,7 +84,8 @@ function Ae(t) {
           value: s,
           onChange: u,
           commitMode: r.commitMode,
-          size: "sm"
+          size: "sm",
+          compact: !0
         }
       )
     }
@@ -120,7 +121,8 @@ function qe(t) {
       onChange: f,
       commitMode: l.commitMode,
       size: "sm",
-      placeholder: l.placeholder
+      placeholder: l.placeholder,
+      compact: !0
     }
   ) });
 }
@@ -773,4 +775,4 @@ export {
   Ve as g,
   O as h
 };
-//# sourceMappingURL=link-cell-renderer-B-xrUPew.js.map
+//# sourceMappingURL=link-cell-renderer-tWEOv3Sc.js.map

package/dist/_chunks/link-cell-renderer-tWEOv3Sc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-cell-renderer-tWEOv3Sc.js","sources":["../../src/components/data-table/calendar-day.ts","../../src/components/data-table/filters/date-range-filter.tsx","../../src/components/data-table/filters/select-filter.tsx","../../src/components/data-table/filters/typeahead-filter.tsx","../../src/components/data-table/filters/number-filter.tsx","../../src/components/data-table/cell-renderers/status-cell-renderer.tsx","../../src/components/data-table/cell-renderers/user-cell-renderer.tsx","../../src/components/data-table/cell-renderers/image-cell-renderer.tsx","../../src/components/data-table/cell-renderers/tag-list-cell-renderer.tsx","../../src/components/data-table/cell-renderers/date-cell-renderer.tsx","../../src/components/data-table/cell-renderers/link-cell-renderer.tsx"],"sourcesContent":["/**\n * Calendar-day helpers, shared by the date filter and the date cell renderer.\n *\n * A calendar day is not an instant. `new Date('2008-09-06')` is UTC midnight,\n * which every local getter then reads back shifted: west of UTC it is the 5th.\n * Everything here works in local date parts so a day stays the day it was\n * written with, whatever zone the browser is in.\n */\n\nconst DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\nconst ISO_DAY_PREFIX = /^(\\d{4}-\\d{2}-\\d{2})/;\n\n/**\n * A `Date` as `YYYY-MM-DD`, read off the LOCAL date parts — `toISOString()`\n * would shift a local midnight to the previous day anywhere east of UTC.\n */\nexport function toIsoDate(d: Date | undefined): string | null {\n  if (!d) return null;\n  const y = d.getFullYear();\n  const m = String(d.getMonth() + 1).padStart(2, '0');\n  const day = String(d.getDate()).padStart(2, '0');\n  return `${y}-${m}-${day}`;\n}\n\n/** Whether a value is a bare `YYYY-MM-DD` — a calendar day, carrying no instant. */\nexport function isCalendarDay(s: unknown): s is string {\n  return typeof s === 'string' && DATE_ONLY.test(s);\n}\n\n/** A bare day parses as LOCAL midnight; anything with a time/offset as-is. */\nexport function fromIsoDate(s: string | null | undefined): Date | undefined {\n  if (!s) return undefined;\n  const d = DATE_ONLY.test(s)\n    ? new Date(\n        Number(s.slice(0, 4)),\n        Number(s.slice(5, 7)) - 1,\n        Number(s.slice(8, 10)),\n      )\n    : new Date(s);\n  return Number.isNaN(d.getTime()) ? undefined : d;\n}\n\n/**\n * The calendar day a cell value stands for, as `YYYY-MM-DD`.\n *\n * An ISO string is read as the day it was WRITTEN with — `2026-04-15T17:32+02:00`\n * is the 15th and `1933-04-04T00:00+01:00` the 4th, whatever zone the browser\n * is in. Anything else is parsed and read off its local parts.\n */\nexport function dayOf(cellValue: unknown): string | null {\n  if (cellValue === null || cellValue === undefined || cellValue === '')\n    return null;\n  if (typeof cellValue === 'string') {\n    const prefix = ISO_DAY_PREFIX.exec(cellValue);\n    if (prefix) return prefix[1];\n  }\n  const d = cellValue instanceof Date ? cellValue : new Date(String(cellValue));\n  return Number.isNaN(d.getTime()) ? null : toIsoDate(d);\n}\n","import { useEffect, useState } from 'react';\nimport type {\n  CustomFilterProps,\n  CustomFloatingFilterProps,\n} from 'ag-grid-react';\nimport { useGridFilter } from 'ag-grid-react';\nimport type { IFilter } from 'ag-grid-community';\nimport { DateRangePicker } from '../../date-range-picker';\nimport type { DateRangeValue } from '../../date-range-picker';\n// Calendar-day handling lives in one place: the date cell renderer needs the\n// same rules and must not import from a filter to get them.\nimport { dayOf, fromIsoDate, toIsoDate } from '../calendar-day';\n\nexport { dayOf, fromIsoDate, toIsoDate };\n\n/**\n * Custom AG Grid filter component for date *ranges*. AG Grid Community's\n * built-in `agDateColumnFilter` only handles single-date comparison —\n * platform needs \"between X and Y\" for invoice / transaction lists.\n *\n * Wire on a colDef:\n * ```tsx\n * { field: 'date', filter: DateRangeFilter }\n * ```\n *\n * The filter model has shape `{ type: 'inRange', dateFrom, dateTo }` to\n * stay close to AG Grid's own date-filter convention so server-side\n * adapters can interpret it the same way.\n */\nexport interface DateRangeFilterModel {\n  type: 'inRange';\n  dateFrom: string | null;\n  dateTo: string | null;\n}\n\n/**\n * `filterParams` a colDef may pass to `DateRangeFilter` /\n * `DateRangeFloatingFilter`.\n *\n * `commitMode` is forwarded to the wrapped `DateRangePicker`. Leave it unset\n * (picker default `'auto'`, commit-on-complete-range) for cheap client-side row\n * models; set `'apply'` for SERVER-side row models so each range edit defers to\n * one Apply and fires a single datasource round-trip instead of one per commit.\n */\nexport interface DateRangeFilterParams {\n  placeholder?: string;\n  commitMode?: 'auto' | 'apply';\n}\n\n/** Whether a cell's day lies within `[dateFrom, dateTo]` (either end open). */\nexport function dayInRange(\n  cellValue: unknown,\n  dateFrom: string | null | undefined,\n  dateTo: string | null | undefined,\n): boolean {\n  if (!dateFrom && !dateTo) return true;\n  const day = dayOf(cellValue);\n  if (!day) return false;\n  if (dateFrom && day < dateFrom) return false;\n  if (dateTo && day > dateTo) return false;\n  return true;\n}\n\nexport function DateRangeFilter(\n  props: CustomFilterProps<unknown, unknown, DateRangeFilterModel>,\n) {\n  const { model, onModelChange, getValue, doesRowPassOtherFilter } = props;\n  const filterParams =\n    (props.colDef?.filterParams as DateRangeFilterParams | undefined) ?? {};\n  // Picker UI state, seeded from the model and kept in sync when the model\n  // changes externally — a programmatic default (e.g. \"this week\"), a server\n  // restore, or an AG Grid reset. Mirrors `SelectFilter`'s `pending` sync.\n  const [range, setRange] = useState<DateRangeValue>(() => ({\n    from: fromIsoDate(model?.dateFrom),\n    to: fromIsoDate(model?.dateTo),\n  }));\n  useEffect(() => {\n    setRange({\n      from: fromIsoDate(model?.dateFrom),\n      to: fromIsoDate(model?.dateTo),\n    });\n  }, [model?.dateFrom, model?.dateTo]);\n\n  // Tell AG Grid how to evaluate a row against the current model. AG Grid\n  // calls this for each row; we read the cell value via `getValue(node)`\n  // (a Date or ISO string), compare to the bounds. Bounds come from the\n  // MODEL (the source of truth) — not the picker state — so a model set\n  // programmatically applies even before the picker UI has mounted, exactly\n  // as `SelectFilter` reads `model.values` directly.\n  useGridFilter({\n    doesFilterPass: (params) => {\n      void doesRowPassOtherFilter;\n      return dayInRange(getValue(params.node), model?.dateFrom, model?.dateTo);\n    },\n  });\n\n  function apply(next: DateRangeValue) {\n    setRange(next);\n    if (!next.from && !next.to) {\n      onModelChange(null);\n      return;\n    }\n    onModelChange({\n      type: 'inRange',\n      dateFrom: toIsoDate(next.from),\n      dateTo: toIsoDate(next.to),\n    } satisfies DateRangeFilterModel);\n  }\n\n  return (\n    <div\n      data-component=\"date-range-filter\"\n      className=\"ds:p-[var(--spacing-sm)] ds:min-w-[280px]\"\n    >\n      <DateRangePicker\n        value={range}\n        onChange={apply}\n        commitMode={filterParams.commitMode}\n        size=\"sm\"\n        // A column filter has no room for the two-month rail-and-title layout.\n        compact\n      />\n    </div>\n  );\n}\n\n/**\n * Floating-filter companion for `DateRangeFilter`.\n *\n * Renders the kit's `<DateRangePicker>` directly as the floating-filter\n * input — its built-in trigger button + calendar popover IS the filter\n * UI. Earlier versions wrapped the picker in a second `<Popover>`,\n * producing the \"click → empty popover with another trigger → click\n * again → calendar\" double-step that read as duplicated UI.\n */\nexport function DateRangeFloatingFilter(\n  props: CustomFloatingFilterProps<\n    IFilter,\n    unknown,\n    unknown,\n    DateRangeFilterModel\n  >,\n) {\n  const { model, onModelChange, column } = props;\n  // Let a colDef supply a short `filterParams.placeholder` for the in-row\n  // trigger — the default \"Select date range\" is long for a narrow filter\n  // column. (The label truncates cleanly either way; a short placeholder just\n  // reads better.)\n  const filterParams =\n    (column?.getColDef?.()?.filterParams as\n      | DateRangeFilterParams\n      | undefined) ?? {};\n  const [range, setRange] = useState<DateRangeValue>(() => ({\n    from: fromIsoDate(model?.dateFrom),\n    to: fromIsoDate(model?.dateTo),\n  }));\n  // Reflect external model changes (a programmatic default, a parent-filter\n  // edit, an AG Grid reset) in the in-row picker trigger.\n  useEffect(() => {\n    setRange({\n      from: fromIsoDate(model?.dateFrom),\n      to: fromIsoDate(model?.dateTo),\n    });\n  }, [model?.dateFrom, model?.dateTo]);\n\n  function apply(next: DateRangeValue) {\n    setRange(next);\n    if (!next.from && !next.to) {\n      onModelChange(null);\n      return;\n    }\n    onModelChange({\n      type: 'inRange',\n      dateFrom: toIsoDate(next.from),\n      dateTo: toIsoDate(next.to),\n    } satisfies DateRangeFilterModel);\n  }\n\n  return (\n    <div data-component=\"date-range-floating-filter\" className=\"ds:w-full\">\n      <DateRangePicker\n        value={range}\n        onChange={apply}\n        commitMode={filterParams.commitMode}\n        size=\"sm\"\n        placeholder={filterParams.placeholder}\n        // A column filter has no room for the two-month rail-and-title layout.\n        compact\n      />\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type {\n  CustomFilterProps,\n  CustomFloatingFilterProps,\n} from 'ag-grid-react';\nimport { useGridFilter } from 'ag-grid-react';\nimport type { GridApi, IFilter, IRowNode } from 'ag-grid-community';\nimport { useTranslation } from 'react-i18next';\nimport { Checkbox } from '../../checkbox';\nimport { Button } from '../../button';\nimport { MultiSelect } from '../../multi-select';\nimport { ScrollArea } from '../../scroll-area/scroll-area';\n\n/**\n * Custom AG Grid filter component — multi-select facet filter.\n *\n * The Community-friendly equivalent of AG Grid Enterprise's\n * `agSetColumnFilter`. Surfaces a checkbox list of every value the column\n * can take, so users tick to include / untick to exclude. Much faster than\n * the default `agTextColumnFilter` for closed enums (status, room,\n * operator).\n *\n * Wire on a colDef:\n * ```tsx\n * {\n *   field: 'status',\n *   filter: SelectFilter,\n *   filterParams: {\n *     options: [\n *       { value: 'open', label: 'Aperte' },\n *       { value: 'paid', label: 'Pagate' },\n *     ],\n *   },\n * }\n * ```\n *\n * Model shape `{ type: 'set', values: Array<string | number> }` matches\n * AG Grid Enterprise's set-filter convention so server-side adapters can\n * read either implementation the same way.\n */\n\nexport interface SelectFilterOption {\n  value: string | number;\n  label: string;\n}\n\nexport interface SelectFilterModel {\n  type: 'set';\n  values: Array<string | number>;\n}\n\nexport interface SelectFilterParams {\n  options?: SelectFilterOption[];\n  placeholder?: string;\n}\n\ntype SelectFilterValue = string | number;\n\nfunction toValueKey(v: SelectFilterValue): string {\n  return typeof v === 'number' ? `n:${v}` : `s:${v}`;\n}\n\n/** How a filter surface reads one row's value for its column. */\ntype SelectValueReader = (node: IRowNode) => unknown;\n\n/** Numeric collation, so a derived numeric column lists 1, 2, 3, 10 rather\n * than the lexicographic 1, 10, 2, 3. */\nconst LABEL_COLLATOR = new Intl.Collator(undefined, { numeric: true });\n\n/** Distinct values the column actually holds, label-sorted. `forEachNode`\n * walks the whole client-side row model, so the list does not shrink as\n * other columns filter rows out. */\nfunction collectColumnOptions(\n  api: GridApi | undefined,\n  readValue: SelectValueReader,\n): SelectFilterOption[] {\n  if (!api) return [];\n  const seen = new Map<string, SelectFilterOption>();\n  api.forEachNode((node: IRowNode) => {\n    const raw = readValue(node);\n    if (raw === null || raw === undefined) return;\n    const value =\n      typeof raw === 'string' || typeof raw === 'number' ? raw : String(raw);\n    const key = toValueKey(value);\n    if (!seen.has(key)) seen.set(key, { value, label: String(value) });\n  });\n  return Array.from(seen.values()).sort((a, b) =>\n    LABEL_COLLATOR.compare(String(a.label), String(b.label)),\n  );\n}\n\nfunction sameOptions(\n  a: SelectFilterOption[],\n  b: SelectFilterOption[],\n): boolean {\n  if (a.length !== b.length) return false;\n  return a.every(\n    (opt, i) =>\n      toValueKey(opt.value) === toValueKey(b[i].value) &&\n      opt.label === b[i].label,\n  );\n}\n\n/**\n * The universe of choices for one Select-filtered column.\n *\n * An explicit `options` filterParam always wins — INCLUDING an empty one,\n * which means \"this column has no facets\", not \"derive them for me\". Omit\n * `options` entirely and the list is DERIVED from the values the column\n * actually holds, and re-derived as the row data changes, so both the popup\n * panel and its floating-filter twin offer the same, data-accurate choices.\n */\nfunction useSelectFilterOptions(\n  api: GridApi | undefined,\n  options: SelectFilterOption[] | undefined,\n  readValue: SelectValueReader,\n): SelectFilterOption[] {\n  const explicit = options;\n  const hasExplicit = explicit !== undefined;\n  const [derived, setDerived] = useState<SelectFilterOption[]>([]);\n\n  // Latest-reader ref so a new `getValue` identity per grid render does not\n  // tear down and rebuild the grid event subscription below.\n  const readValueRef = useRef(readValue);\n  useEffect(() => {\n    readValueRef.current = readValue;\n  });\n\n  useEffect(() => {\n    if (hasExplicit || !api) return;\n    const recompute = () => {\n      setDerived((prev) => {\n        const next = collectColumnOptions(api, readValueRef.current);\n        return sameOptions(prev, next) ? prev : next;\n      });\n    };\n    recompute();\n    api.addEventListener('modelUpdated', recompute);\n    api.addEventListener('cellValueChanged', recompute);\n    return () => {\n      if (api.isDestroyed()) return;\n      api.removeEventListener('modelUpdated', recompute);\n      api.removeEventListener('cellValueChanged', recompute);\n    };\n  }, [api, hasExplicit]);\n\n  return explicit ?? derived;\n}\n\nexport function SelectFilter(\n  props: CustomFilterProps<unknown, unknown, SelectFilterModel> &\n    SelectFilterParams,\n) {\n  const { model, onModelChange, getValue, api, options, placeholder } = props;\n  const { t } = useTranslation('ui');\n\n  const readValue = useCallback<SelectValueReader>(\n    (node) => getValue(node) as unknown,\n    [getValue],\n  );\n  const derivedOptions = useSelectFilterOptions(api, options, readValue);\n\n  // Working set — checkboxes mutate `pending` only; we commit to the\n  // grid via `onModelChange` when the user clicks Apply (or clears).\n  const initialSelected = useMemo<Set<string>>(() => {\n    const set = new Set<string>();\n    const incoming = model?.values ?? [];\n    for (const v of incoming) set.add(toValueKey(v));\n    return set;\n  }, [model]);\n\n  const [pending, setPending] = useState<Set<string>>(initialSelected);\n\n  // Sync local `pending` if the model changes externally (e.g. when AG\n  // Grid pushes a reset). `model` is the dependency — Set instances are\n  // compared by reference in React, so the memo above is sufficient.\n  useEffect(() => {\n    setPending(initialSelected);\n  }, [initialSelected]);\n\n  useGridFilter({\n    doesFilterPass: (params) => {\n      const active = model?.values;\n      if (!active || active.length === 0) return true;\n      const raw = getValue(params.node) as unknown;\n      if (raw === null || raw === undefined) return false;\n      const value: SelectFilterValue =\n        typeof raw === 'string' || typeof raw === 'number' ? raw : String(raw);\n      const key = toValueKey(value);\n      return active.some((v) => toValueKey(v) === key);\n    },\n  });\n\n  function toggle(optionKey: string) {\n    setPending((prev) => {\n      const next = new Set(prev);\n      if (next.has(optionKey)) next.delete(optionKey);\n      else next.add(optionKey);\n      return next;\n    });\n  }\n\n  function apply() {\n    if (pending.size === 0) {\n      onModelChange(null);\n      return;\n    }\n    const values: SelectFilterValue[] = [];\n    for (const opt of derivedOptions) {\n      if (pending.has(toValueKey(opt.value))) values.push(opt.value);\n    }\n    // A ticked value can leave the data before Apply (the derived list is\n    // live). Committing `values: []` would read as an active filter that\n    // matches every row, so clear instead.\n    if (values.length === 0) {\n      onModelChange(null);\n      return;\n    }\n    onModelChange({ type: 'set', values });\n  }\n\n  function clear() {\n    setPending(new Set());\n    onModelChange(null);\n  }\n\n  const placeholderLabel = placeholder ?? t('dataTable.selectFilter.all');\n\n  return (\n    <div\n      data-component=\"select-filter\"\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)] ds:min-w-[200px] ds:max-w-[260px]\"\n    >\n      <ScrollArea orientation=\"vertical\" className=\"ds:max-h-[240px]\">\n        <div\n          role=\"group\"\n          aria-label={placeholderLabel}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n        >\n          {derivedOptions.length === 0 ? (\n            <p className=\"ds:text-[length:var(--font-size-sm)] ds:text-[var(--muted-foreground)] ds:py-[var(--spacing-xs)]\">\n              {t('dataTable.agGrid.noRowsToShow')}\n            </p>\n          ) : (\n            derivedOptions.map((option) => {\n              const key = toValueKey(option.value);\n              return (\n                <Checkbox\n                  key={key}\n                  size=\"sm\"\n                  label={option.label}\n                  checked={pending.has(key)}\n                  onCheckedChange={() => toggle(key)}\n                />\n              );\n            })\n          )}\n        </div>\n      </ScrollArea>\n      <div className=\"ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]\">\n        <Button intent=\"ghost\" size=\"sm\" onClick={clear} type=\"button\">\n          {t('dataTable.selectFilter.clear')}\n        </Button>\n        <Button intent=\"primary\" size=\"sm\" onClick={apply} type=\"button\">\n          {t('dataTable.selectFilter.apply')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Floating-filter companion for `SelectFilter`.\n *\n * Renders the kit's `<MultiSelect>` directly as the floating-filter\n * input — its built-in trigger + checkbox dropdown IS the filter UI.\n * Earlier versions wrapped MultiSelect in another `<Popover>`,\n * producing the \"click trigger → empty popover with another trigger →\n * click → checkbox list\" double-step that read as duplicated UI.\n *\n * MultiSelect's options use `string` values; we string-convert the\n * model's `(string | number)[]` for the trigger and parse back on\n * apply. The grid model still tracks the original primitive types so\n * `doesFilterPass` keeps matching numeric columns correctly.\n *\n * Choices come from the same `useSelectFilterOptions` universe the popup\n * panel uses: an explicit `options` filterParam if the consumer declared\n * one, otherwise the column's own distinct values. Reading only\n * `filterParams.options` used to leave the trigger empty beside a working\n * panel whenever the consumer relied on derivation.\n */\nexport function SelectFloatingFilter(\n  props: CustomFloatingFilterProps<\n    IFilter,\n    unknown,\n    unknown,\n    SelectFilterModel\n  >,\n) {\n  const { model, onModelChange, column, api } = props;\n\n  const colDef = column?.getColDef?.();\n  const filterParams =\n    (colDef?.filterParams as SelectFilterParams | undefined) ?? {};\n\n  // The floating filter has no `getValue`; read through the grid instead.\n  // A column with a `filterValueGetter` should declare `options` — the two\n  // reads would otherwise disagree with the panel's.\n  const readValue = useCallback<SelectValueReader>(\n    (node) =>\n      api && column\n        ? (api.getCellValue<unknown>({\n            rowNode: node,\n            colKey: column,\n          }) as unknown)\n        : undefined,\n    [api, column],\n  );\n  const availableOptions = useSelectFilterOptions(\n    api,\n    filterParams.options,\n    readValue,\n  );\n  // Name the floating-filter trigger after its column so the per-column Select\n  // filters are distinguishable to assistive tech — they otherwise all read as\n  // the generic MultiSelect placeholder. An explicit `placeholder` wins.\n  const accessibleLabel =\n    filterParams.placeholder ??\n    (typeof colDef?.headerName === 'string' ? colDef.headerName : undefined);\n\n  // MultiSelect's `value` is `string[]`. SelectFilter's model carries\n  // `(string | number)[]` so we string-convert in / out. Build a lookup\n  // from the stringified key back to the original primitive so the\n  // model retains the consumer's typing.\n  const valueByKey = useMemo(() => {\n    const map = new Map<string, SelectFilterValue>();\n    for (const opt of availableOptions) map.set(String(opt.value), opt.value);\n    return map;\n  }, [availableOptions]);\n\n  const selectOptions = useMemo(\n    () =>\n      availableOptions.map((opt) => ({\n        value: String(opt.value),\n        label: opt.label,\n      })),\n    [availableOptions],\n  );\n\n  const currentValue = useMemo(\n    () => (model?.values ?? []).map((v) => String(v)),\n    [model],\n  );\n\n  function handleChange(next: string[]) {\n    if (next.length === 0) {\n      onModelChange(null);\n      return;\n    }\n    const values: SelectFilterValue[] = [];\n    for (const k of next) {\n      const original = valueByKey.get(k);\n      if (original !== undefined) values.push(original);\n    }\n    // Same live-list guard as the panel's Apply: an empty set is a cleared\n    // filter, never an active one that matches everything.\n    if (values.length === 0) {\n      onModelChange(null);\n      return;\n    }\n    onModelChange({ type: 'set', values });\n  }\n\n  return (\n    <div data-component=\"select-floating-filter\" className=\"ds:w-full\">\n      <MultiSelect\n        size=\"sm\"\n        options={selectOptions}\n        value={currentValue}\n        onChange={handleChange}\n        placeholder={filterParams.placeholder}\n        aria-label={accessibleLabel}\n        allowClear\n      />\n    </div>\n  );\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport type {\n  CustomFilterProps,\n  CustomFloatingFilterProps,\n} from 'ag-grid-react';\nimport { useGridFilter } from 'ag-grid-react';\nimport type { IFilter, IRowNode } from 'ag-grid-community';\nimport { useTranslation } from 'react-i18next';\nimport { Autocomplete } from '../../autocomplete';\nimport { Button } from '../../button';\nimport type { OptionShape } from '../../_shared/option';\n\n/**\n * Custom AG Grid filter component — single-select typeahead filter.\n *\n * Wraps the kit's existing `<Autocomplete>` so the user types to filter a\n * bounded-but-large set of values (e.g. patient names), picks one\n * suggestion, and the grid filters to rows matching that value exactly.\n *\n * Wire on a colDef:\n * ```tsx\n * {\n *   field: 'patient',\n *   filter: TypeaheadFilter,\n *   filterParams: {\n *     options: PATIENTS.map(p => ({ value: p.name, label: p.name })),\n *   },\n * }\n * ```\n *\n * Model shape `{ type: 'equals', value: string }` matches AG Grid's\n * text-filter `equals` convention so server-side adapters can read either\n * implementation the same way.\n */\n\nexport interface TypeaheadFilterOption {\n  value: string;\n  label: string;\n}\n\nexport interface TypeaheadFilterModel {\n  type: 'equals';\n  value: string;\n}\n\nexport interface TypeaheadFilterParams {\n  options?: TypeaheadFilterOption[];\n  loadOptions?: (\n    input: string,\n    opts: { signal: AbortSignal; locale: string },\n  ) => Promise<TypeaheadFilterOption[]>;\n  placeholder?: string;\n}\n\nfunction normalise(s: string): string {\n  return s.trim().toLocaleLowerCase();\n}\n\nexport function TypeaheadFilter(\n  props: CustomFilterProps<unknown, unknown, TypeaheadFilterModel> &\n    TypeaheadFilterParams,\n) {\n  const {\n    model,\n    onModelChange,\n    getValue,\n    api,\n    column,\n    options,\n    loadOptions,\n    placeholder,\n  } = props;\n  const { t } = useTranslation('ui');\n\n  // Universe of choices. Prefer explicit `options`; fall back to the\n  // column's distinct values when neither `options` nor `loadOptions` is\n  // supplied. Same shape as SelectFilter's derivation so the two filters\n  // present a consistent experience when consumers don't enumerate.\n  const derivedOptions = useMemo<TypeaheadFilterOption[]>(() => {\n    if (options && options.length > 0) return options;\n    if (!api || !column) return [];\n    const seen = new Map<string, TypeaheadFilterOption>();\n    api.forEachNode((node: IRowNode) => {\n      const raw = getValue(node) as unknown;\n      if (raw === null || raw === undefined) return;\n      const value = typeof raw === 'string' ? raw : String(raw);\n      if (!seen.has(value)) {\n        seen.set(value, { value, label: value });\n      }\n    });\n    return Array.from(seen.values()).sort((a, b) =>\n      a.label.localeCompare(b.label),\n    );\n  }, [options, api, column, getValue]);\n\n  // Build the async `loadOptions` adapter that <Autocomplete> consumes.\n  // Local-options path filters the snapshot synchronously and wraps it\n  // in Promise.resolve(); explicit `loadOptions` is passed through.\n  const adapterLoadOptions = useMemo(() => {\n    return async (\n      query: string,\n      opts: { signal: AbortSignal; locale: string },\n    ): Promise<OptionShape[]> => {\n      if (loadOptions) {\n        const result = await loadOptions(query, opts);\n        return result.map((o) => ({ value: o.value, label: o.label }));\n      }\n      const q = normalise(query);\n      const filtered = q\n        ? derivedOptions.filter((o) => normalise(o.label).includes(q))\n        : derivedOptions;\n      return filtered\n        .slice(0, 50)\n        .map((o) => ({ value: o.value, label: o.label }));\n    };\n  }, [loadOptions, derivedOptions]);\n\n  const [draft, setDraft] = useState<string>(model?.value ?? '');\n\n  useEffect(() => {\n    setDraft(model?.value ?? '');\n  }, [model?.value]);\n\n  useGridFilter({\n    doesFilterPass: (params) => {\n      const target = model?.value;\n      if (!target) return true;\n      const raw = getValue(params.node) as unknown;\n      if (raw === null || raw === undefined) return false;\n      const value = typeof raw === 'string' ? raw : String(raw);\n      return normalise(value) === normalise(target);\n    },\n  });\n\n  function handleSelect(option: OptionShape) {\n    // Autocomplete itself commits `option.label` to the input value; we\n    // mirror that here so the displayed text matches what the user just\n    // picked, even when label and value diverge (e.g. id vs name).\n    setDraft(option.label);\n    onModelChange({ type: 'equals', value: option.value });\n  }\n\n  function handleChange(next: string) {\n    setDraft(next);\n    // Clear the applied model when the user empties the input so the\n    // grid stops filtering as soon as the field is blank.\n    if (next === '' && model) onModelChange(null);\n  }\n\n  function clear() {\n    setDraft('');\n    onModelChange(null);\n  }\n\n  const placeholderLabel =\n    placeholder ?? t('dataTable.typeaheadFilter.placeholder');\n\n  return (\n    <div\n      data-component=\"typeahead-filter\"\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)] ds:min-w-[240px]\"\n    >\n      <Autocomplete\n        size=\"sm\"\n        value={draft}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        loadOptions={adapterLoadOptions}\n        placeholder={placeholderLabel}\n        aria-label={placeholderLabel}\n      />\n      <div className=\"ds:flex ds:items-center ds:justify-end ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]\">\n        <Button intent=\"ghost\" size=\"sm\" onClick={clear} type=\"button\">\n          {t('dataTable.typeaheadFilter.clear')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Floating-filter companion for `TypeaheadFilter`.\n *\n * Renders the kit's `<Autocomplete>` directly as the floating-filter\n * input — its built-in text input + portaled dropdown IS the filter\n * UI. Earlier versions wrapped Autocomplete in a second `<Popover>`,\n * producing the \"click trigger → popover with another search input →\n * type → list appears\" double-step that read as duplicated UI.\n */\nexport function TypeaheadFloatingFilter(\n  props: CustomFloatingFilterProps<\n    IFilter,\n    unknown,\n    unknown,\n    TypeaheadFilterModel\n  >,\n) {\n  const { model, onModelChange, column } = props;\n  const { t } = useTranslation('ui');\n\n  const filterParams =\n    (column?.getColDef?.()?.filterParams as\n      | TypeaheadFilterParams\n      | undefined) ?? {};\n  const availableOptions = filterParams.options ?? [];\n  const loadOptions = filterParams.loadOptions;\n  const placeholderLabel =\n    filterParams.placeholder ?? t('dataTable.typeaheadFilter.placeholder');\n\n  const adapterLoadOptions = useMemo(() => {\n    return async (\n      query: string,\n      opts: { signal: AbortSignal; locale: string },\n    ): Promise<OptionShape[]> => {\n      if (loadOptions) {\n        const result = await loadOptions(query, opts);\n        return result.map((o) => ({ value: o.value, label: o.label }));\n      }\n      const q = normalise(query);\n      const filtered = q\n        ? availableOptions.filter((o) => normalise(o.label).includes(q))\n        : availableOptions;\n      return filtered\n        .slice(0, 50)\n        .map((o) => ({ value: o.value, label: o.label }));\n    };\n  }, [loadOptions, availableOptions]);\n\n  // Track the input's display value separately from the applied model.\n  // The user can type freely; we only apply when they pick an option\n  // from the dropdown (committing a known value to the model). Clearing\n  // the input clears the filter.\n  const [draft, setDraft] = useState<string>(model?.value ?? '');\n  useEffect(() => {\n    setDraft(model?.value ?? '');\n  }, [model?.value]);\n\n  function handleSelect(option: OptionShape) {\n    setDraft(option.label);\n    onModelChange({ type: 'equals', value: option.value });\n  }\n\n  function handleChange(next: string) {\n    setDraft(next);\n    if (next === '' && model) onModelChange(null);\n  }\n\n  return (\n    <div data-component=\"typeahead-floating-filter\" className=\"ds:w-full\">\n      <Autocomplete\n        size=\"sm\"\n        value={draft}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        loadOptions={adapterLoadOptions}\n        placeholder={placeholderLabel}\n        aria-label={placeholderLabel}\n      />\n    </div>\n  );\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport type {\n  CustomFilterProps,\n  CustomFloatingFilterProps,\n} from 'ag-grid-react';\nimport { useGridFilter } from 'ag-grid-react';\nimport type { IFilter } from 'ag-grid-community';\nimport { useTranslation } from 'react-i18next';\nimport { NumberInput } from '../../number-input';\nimport { Select } from '../../select';\nimport { Button } from '../../button';\n\n/**\n * Custom AG Grid filter component for numeric columns. AG Grid Community's\n * built-in `agNumberColumnFilter` paints a stock browser-skinned\n * `<input type=\"number\">` that does not match the kit's form language —\n * this wraps the DS `<NumberInput>` + `<Select>` so totals, prices,\n * quantities, etc. line up visually with neighbouring DS-styled cells.\n *\n * Wire on a colDef:\n * ```tsx\n * {\n *   field: 'total',\n *   filter: NumberFilter,\n *   floatingFilterComponent: NumberFloatingFilter,\n *   filterParams: { defaultOperator: 'greaterThan', min: 0 },\n * }\n * ```\n *\n * The full-popover variant exposes the operator dropdown (equals,\n * greaterThan, inRange, blank, …); the floating-filter row is a single\n * compact input whose operator is fixed to `defaultOperator`. Both speak\n * the same `NumberFilterModel` so server-side adapters can read either.\n *\n * Model shape `{ type, filter, filterTo? }` matches AG Grid's own\n * `agNumberColumnFilter` vocabulary so adapters can interchange.\n */\n\nexport type NumberFilterOperator =\n  | 'equals'\n  | 'notEqual'\n  | 'greaterThan'\n  | 'greaterThanOrEqual'\n  | 'lessThan'\n  | 'lessThanOrEqual'\n  | 'inRange'\n  | 'blank'\n  | 'notBlank';\n\nexport interface NumberFilterModel {\n  type: NumberFilterOperator;\n  filter: number;\n  filterTo?: number;\n}\n\nexport interface NumberFilterParams {\n  defaultOperator?: NumberFilterOperator;\n  min?: number;\n  max?: number;\n  step?: number;\n  placeholder?: string;\n}\n\nconst ALL_OPERATORS: NumberFilterOperator[] = [\n  'equals',\n  'notEqual',\n  'greaterThan',\n  'greaterThanOrEqual',\n  'lessThan',\n  'lessThanOrEqual',\n  'inRange',\n  'blank',\n  'notBlank',\n];\n\nfunction operatorTakesValue(op: NumberFilterOperator): boolean {\n  return op !== 'blank' && op !== 'notBlank';\n}\n\nfunction operatorTakesRange(op: NumberFilterOperator): boolean {\n  return op === 'inRange';\n}\n\nfunction evaluate(\n  op: NumberFilterOperator,\n  cell: number | null,\n  primary: number | null,\n  secondary: number | null,\n): boolean {\n  if (op === 'blank') return cell === null;\n  if (op === 'notBlank') return cell !== null;\n  if (cell === null) return false;\n  if (primary === null) return true;\n  switch (op) {\n    case 'equals':\n      return cell === primary;\n    case 'notEqual':\n      return cell !== primary;\n    case 'greaterThan':\n      return cell > primary;\n    case 'greaterThanOrEqual':\n      return cell >= primary;\n    case 'lessThan':\n      return cell < primary;\n    case 'lessThanOrEqual':\n      return cell <= primary;\n    case 'inRange': {\n      if (secondary === null) return cell >= primary;\n      const lo = Math.min(primary, secondary);\n      const hi = Math.max(primary, secondary);\n      return cell >= lo && cell <= hi;\n    }\n    default:\n      return true;\n  }\n}\n\nfunction coerceCell(raw: unknown): number | null {\n  if (raw === null || raw === undefined || raw === '') return null;\n  const n = typeof raw === 'number' ? raw : Number(raw);\n  return Number.isNaN(n) ? null : n;\n}\n\nexport function NumberFilter(\n  props: CustomFilterProps<unknown, unknown, NumberFilterModel> &\n    NumberFilterParams,\n) {\n  const {\n    model,\n    onModelChange,\n    getValue,\n    defaultOperator,\n    min,\n    max,\n    step,\n    placeholder,\n  } = props;\n  const { t } = useTranslation('ui');\n\n  const initialOperator: NumberFilterOperator =\n    model?.type ?? defaultOperator ?? 'equals';\n  const [operator, setOperator] =\n    useState<NumberFilterOperator>(initialOperator);\n  const [primary, setPrimary] = useState<number | null>(model?.filter ?? null);\n  const [secondary, setSecondary] = useState<number | null>(\n    model?.filterTo ?? null,\n  );\n\n  // If AG Grid pushes an externally-cleared / reset model, mirror it in\n  // local state so the UI stays consistent with the applied filter. The\n  // cleared model arrives as null OR undefined (removed from a setFilterModel\n  // map), so a loose check is load-bearing here.\n  useEffect(() => {\n    if (model == null) {\n      setOperator(defaultOperator ?? 'equals');\n      setPrimary(null);\n      setSecondary(null);\n      return;\n    }\n    setOperator(model.type);\n    setPrimary(model.filter ?? null);\n    setSecondary(model.filterTo ?? null);\n  }, [model, defaultOperator]);\n\n  useGridFilter({\n    doesFilterPass: (params) => {\n      if (!model) return true;\n      const cell = coerceCell(getValue(params.node));\n      return evaluate(\n        model.type,\n        cell,\n        model.filter ?? null,\n        model.filterTo ?? null,\n      );\n    },\n  });\n\n  const operatorOptions = useMemo(\n    () =>\n      ALL_OPERATORS.map((op) => ({\n        value: op,\n        label: t(`dataTable.numberFilter.operators.${op}`),\n      })),\n    [t],\n  );\n\n  const placeholderLabel =\n    placeholder ?? t('dataTable.numberFilter.placeholder');\n\n  function apply() {\n    if (!operatorTakesValue(operator)) {\n      onModelChange({ type: operator, filter: 0 });\n      return;\n    }\n    if (primary === null) {\n      onModelChange(null);\n      return;\n    }\n    if (operatorTakesRange(operator)) {\n      onModelChange({\n        type: operator,\n        filter: primary,\n        filterTo: secondary ?? undefined,\n      });\n      return;\n    }\n    onModelChange({ type: operator, filter: primary });\n  }\n\n  function clear() {\n    setOperator(defaultOperator ?? 'equals');\n    setPrimary(null);\n    setSecondary(null);\n    onModelChange(null);\n  }\n\n  const showValue = operatorTakesValue(operator);\n  const showRange = operatorTakesRange(operator);\n\n  return (\n    <div\n      data-component=\"number-filter\"\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)] ds:min-w-[240px]\"\n    >\n      <Select\n        size=\"sm\"\n        options={operatorOptions}\n        value={operator}\n        onValueChange={(next) => {\n          if (next === '') return;\n          setOperator(next as NumberFilterOperator);\n        }}\n        aria-label={t('dataTable.numberFilter.operators.equals')}\n      />\n      {showValue && !showRange && (\n        <NumberInput\n          size=\"sm\"\n          value={primary}\n          onChange={setPrimary}\n          min={min}\n          max={max}\n          step={step}\n          placeholder={placeholderLabel}\n          aria-label={placeholderLabel}\n        />\n      )}\n      {showRange && (\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n          <NumberInput\n            size=\"sm\"\n            value={primary}\n            onChange={setPrimary}\n            min={min}\n            max={max}\n            step={step}\n            placeholder={t('dataTable.numberFilter.from')}\n            aria-label={t('dataTable.numberFilter.from')}\n          />\n          <NumberInput\n            size=\"sm\"\n            value={secondary}\n            onChange={setSecondary}\n            min={min}\n            max={max}\n            step={step}\n            placeholder={t('dataTable.numberFilter.to')}\n            aria-label={t('dataTable.numberFilter.to')}\n          />\n        </div>\n      )}\n      <div className=\"ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]\">\n        <Button intent=\"ghost\" size=\"sm\" onClick={clear} type=\"button\">\n          {t('dataTable.numberFilter.clear')}\n        </Button>\n        <Button intent=\"primary\" size=\"sm\" onClick={apply} type=\"button\">\n          {t('dataTable.numberFilter.apply')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Floating-filter companion for `NumberFilter`.\n *\n * Renders the kit's `<NumberInput>` directly as the inline filter input\n * with a fixed operator (`defaultOperator`, or `'equals'`). The operator\n * dropdown lives only in the full popover — the floating-filter row is\n * deliberately compact, matching the way `agNumberColumnFilter` ships\n * with AG Grid Community.\n *\n * Debounced commit at 200 ms so each keystroke does not re-run the grid\n * filter. Empty input or invalid number commits `null` so the column\n * reverts to \"no filter\" rather than `filter: NaN`.\n */\nexport function NumberFloatingFilter(\n  props: CustomFloatingFilterProps<\n    IFilter,\n    unknown,\n    unknown,\n    NumberFilterModel\n  >,\n) {\n  const { model, onModelChange, column } = props;\n  const { t } = useTranslation('ui');\n\n  const filterParams =\n    (column?.getColDef?.()?.filterParams as NumberFilterParams | undefined) ??\n    {};\n  const operator: NumberFilterOperator =\n    filterParams.defaultOperator ?? 'equals';\n  const placeholderLabel =\n    filterParams.placeholder ?? t('dataTable.numberFilter.placeholder');\n\n  const [draft, setDraft] = useState<number | null>(model?.filter ?? null);\n\n  // Sync local draft when the model is reset externally (e.g. a global\n  // clear from the column-header menu's \"Clear\" button).\n  useEffect(() => {\n    setDraft(model?.filter ?? null);\n  }, [model?.filter]);\n\n  // Debounced commit. We don't pull a hook in for this — a single\n  // useEffect + setTimeout is cheaper than the cost of importing one,\n  // and AG Grid only re-renders this floating filter per keystroke.\n  useEffect(() => {\n    if (draft === (model?.filter ?? null)) return;\n    const handle = setTimeout(() => {\n      if (draft === null || Number.isNaN(draft)) {\n        onModelChange(null);\n        return;\n      }\n      onModelChange({ type: operator, filter: draft });\n    }, 200);\n    return () => clearTimeout(handle);\n    // `model` intentionally excluded — we only want to react to user\n    // edits of `draft`. Model resets sync via the effect above.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [draft, operator]);\n\n  return (\n    <div data-component=\"number-floating-filter\" className=\"ds:w-full\">\n      <NumberInput\n        size=\"sm\"\n        value={draft}\n        onChange={setDraft}\n        min={filterParams.min}\n        max={filterParams.max}\n        step={filterParams.step}\n        placeholder={placeholderLabel}\n        aria-label={placeholderLabel}\n      />\n    </div>\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Badge } from '../../badge/badge';\n\nexport type BadgeVariant = 'neutral' | 'info' | 'success' | 'warning' | 'error';\n\nexport interface StatusCellRendererParams {\n  variantMap?: Record<string, BadgeVariant>;\n}\n\nexport function StatusCellRenderer(\n  props: CustomCellRendererProps & StatusCellRendererParams,\n) {\n  const { value, variantMap } = props;\n  const variant: BadgeVariant = variantMap?.[value as string] ?? 'neutral';\n  return (\n    <Badge variant={variant} withDot size=\"sm\">\n      {String(value ?? '')}\n    </Badge>\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Avatar } from '../../avatar/avatar';\n\nexport interface UserCellValue {\n  name: string;\n  src?: string;\n}\n\nexport function UserCellRenderer(\n  props: CustomCellRendererProps<unknown, UserCellValue>,\n) {\n  const { value } = props;\n  if (!value) return null;\n  return (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n      <Avatar name={value.name} src={value.src} size=\"sm\" />\n      <span>{value.name}</span>\n    </span>\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Avatar } from '../../avatar/avatar';\n\nexport interface ImageCellRendererParams {\n  /** Field name on the row whose value holds the image URL. */\n  srcField: string;\n  /** Optional field name holding alt text. Falls back to '' (decorative). */\n  altField?: string;\n  /**\n   * Optional field name holding a name string. When the src URL is missing or\n   * rejected, the cell falls back to `<Avatar name={fallback}>` so the cell\n   * still has a visual.\n   */\n  fallbackField?: string;\n  /** Visual size of the image. Matches `<Avatar>` sizes (sm=32, md=40, lg=48). */\n  size?: 'sm' | 'md' | 'lg';\n  /** Corner radius preset. `circle` matches `<Avatar>`. */\n  shape?: 'square' | 'rounded' | 'circle';\n}\n\nconst SIZE_CLASS: Record<\n  NonNullable<ImageCellRendererParams['size']>,\n  string\n> = {\n  sm: 'ds:size-8',\n  md: 'ds:size-10',\n  lg: 'ds:size-12',\n};\n\nconst SHAPE_CLASS: Record<\n  NonNullable<ImageCellRendererParams['shape']>,\n  string\n> = {\n  square: 'ds:rounded-none',\n  rounded: 'ds:rounded-[var(--radius-md)]',\n  circle: 'ds:rounded-[var(--radius-full)]',\n};\n\nfunction readField(row: unknown, field: string): string | undefined {\n  if (!row || typeof row !== 'object') return undefined;\n  const value = (row as Record<string, unknown>)[field];\n  return typeof value === 'string' ? value : undefined;\n}\n\n// Accept http(s), image data: URLs, and same-origin absolute paths. Reject\n// `javascript:` / `vbscript:` / any other smuggled scheme. Browsers won't\n// execute non-image data: URLs in `<img>`, but rejecting them in JS gives a\n// single audit point.\n//\n// A leading `/` cannot carry a scheme, so a root-relative path is at least as\n// safe as an absolute URL — and it is what an app serving its own images\n// naturally produces. `//host/x` IS excluded: protocol-relative URLs are\n// cross-origin, which is the thing this guard exists to control.\nconst SAFE_SRC_RE = /^(?:https?:|data:image\\/|\\/(?!\\/))/i;\n\nfunction sanitizeSrc(raw: string | undefined): string | undefined {\n  if (!raw) return undefined;\n  const trimmed = raw.trim();\n  if (trimmed.length === 0) return undefined;\n  return SAFE_SRC_RE.test(trimmed) ? trimmed : undefined;\n}\n\nexport function ImageCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & ImageCellRendererParams,\n) {\n  const {\n    data,\n    srcField,\n    altField,\n    fallbackField,\n    size = 'md',\n    shape = 'rounded',\n  } = props;\n\n  if (!data) return null;\n\n  const rawSrc = readField(data, srcField);\n  const src = sanitizeSrc(rawSrc);\n  const alt = altField ? (readField(data, altField) ?? '') : '';\n  const fallbackName = fallbackField\n    ? readField(data, fallbackField)\n    : undefined;\n\n  // A circular image with a name is a person: let <Avatar> own it. It paints the\n  // initials first, covers them once the photo decodes, and drops the <img> on\n  // error so the initials persist — instead of a blank cell that later pops.\n  if (shape === 'circle' && fallbackName) {\n    return <Avatar src={src} name={fallbackName} size={size} />;\n  }\n\n  if (!src) {\n    if (fallbackName) {\n      return <Avatar name={fallbackName} size={size} />;\n    }\n    return null;\n  }\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      loading=\"lazy\"\n      decoding=\"async\"\n      className={['ds:object-cover', SIZE_CLASS[size], SHAPE_CLASS[shape]].join(\n        ' ',\n      )}\n    />\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport { Tag } from '../../tag/tag';\nimport { Tooltip } from '../../tooltip';\n\nexport interface TagListCellRendererParams {\n  maxVisible?: number;\n}\n\nexport function TagListCellRenderer(\n  props: CustomCellRendererProps<unknown, string[]> & TagListCellRendererParams,\n) {\n  const { value, maxVisible = 3 } = props;\n  const { t } = useTranslation();\n\n  if (!Array.isArray(value) || value.length === 0) return null;\n\n  const visible = value.slice(0, maxVisible);\n  const overflow = value.length - maxVisible;\n\n  return (\n    <span className=\"ds:inline-flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n      {visible.map((tag) => (\n        <Tag key={tag} label={tag} size=\"sm\" />\n      ))}\n      {overflow > 0 && (\n        <Tooltip label={value.slice(maxVisible).join(', ')}>\n          <Tag\n            label={t('inputs.multiSelect.overflow', { count: overflow })}\n            size=\"sm\"\n            variant=\"neutral\"\n            fill=\"outline\"\n          />\n        </Tooltip>\n      )}\n    </span>\n  );\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Timestamp } from '../../timestamp';\nimport { fromIsoDate, isCalendarDay } from '../calendar-day';\n\nexport type DateCellFormat = 'date' | 'time' | 'datetime' | 'relative';\n\nexport interface DateCellRendererParams {\n  /** Which preset to use. Default `'date'`. */\n  format?: DateCellFormat;\n  /** Escape hatch — overrides the preset entirely. */\n  options?: Intl.DateTimeFormatOptions;\n}\n\nconst PRESETS: Record<\n  Exclude<DateCellFormat, 'relative'>,\n  Intl.DateTimeFormatOptions\n> = {\n  date: { year: 'numeric', month: 'short', day: 'numeric' },\n  time: { hour: '2-digit', minute: '2-digit' },\n  datetime: {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  },\n};\n\nexport function DateCellRenderer(\n  props: CustomCellRendererProps & DateCellRendererParams,\n) {\n  const { value, format = 'date', options } = props;\n  if (value == null || value === '') return null;\n\n  const calendarDay = isCalendarDay(value);\n\n  // `shape=\"bare\"` keeps the cell font inherited from --ag-font-size. Timestamp\n  // still emits a proper `<time dateTime>` for assistive tech and feeds.\n  //\n  // A relative reading (\"3 days ago\") is about the viewer's own day, so a bare\n  // date is anchored to LOCAL midnight here.\n  if (format === 'relative' && !options) {\n    const relativeValue = calendarDay ? (fromIsoDate(value) ?? value) : value;\n    return <Timestamp value={relativeValue as string | Date} shape=\"bare\" />;\n  }\n\n  const absoluteFormat =\n    options ?? PRESETS[format === 'relative' ? 'date' : format];\n\n  return (\n    <Timestamp\n      value={value as string | Date}\n      format=\"absolute\"\n      shape=\"bare\"\n      // A bare `YYYY-MM-DD` is a calendar day and carries no instant, so it is\n      // read AND written in UTC: it then renders the day it was written with in\n      // every browser zone, and under any `timeZone` the caller names. Anchoring\n      // it to a real zone instead would move the day for readers on one side —\n      // local midnight loses a day west of UTC, UTC midnight loses one east of\n      // the named zone. Values carrying a time are instants and keep the\n      // caller's options untouched.\n      absoluteFormat={\n        calendarDay ? { ...absoluteFormat, timeZone: 'UTC' } : absoluteFormat\n      }\n    />\n  );\n}\n","import type { MouseEvent } from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\n\ntype Getter<T, TData> = T | ((data: TData) => T | undefined);\n\nexport interface LinkCellRendererParams<TData = unknown> {\n  /** Anchor href — or a function that derives it from the row. */\n  href?: Getter<string, TData>;\n  /** Fallback / additional onClick. Prevents default when provided without href. */\n  onClick?: (data: TData) => void;\n  /** Small text rendered below the link — supports a row-aware function. */\n  secondary?: Getter<string, TData>;\n}\n\nfunction resolve<T, TData>(\n  source: Getter<T, TData> | undefined,\n  data: TData,\n): T | undefined {\n  if (typeof source === 'function') {\n    return (source as (data: TData) => T | undefined)(data);\n  }\n  return source;\n}\n\nfunction safeHref(href: string): string {\n  return /^(https?:\\/\\/|\\/|#|mailto:|tel:)/i.test(href) ? href : '#';\n}\n\nexport function LinkCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & LinkCellRendererParams<TData>,\n) {\n  const { value, data, href, onClick, secondary } = props;\n  if (!data) return null;\n\n  const resolvedHref = resolve(href, data);\n  const resolvedSecondary = resolve(secondary, data);\n  const content = value == null || value === '' ? '' : String(value);\n\n  const linkClasses = [\n    'ds:text-[color:var(--primary)]',\n    'ds:hover:underline',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:rounded-[var(--radius-sm)]',\n  ].join(' ');\n\n  const handleClick = (event: MouseEvent) => {\n    if (!onClick) return;\n    if (!resolvedHref) event.preventDefault();\n    event.stopPropagation();\n    onClick(data);\n  };\n\n  return (\n    <span className=\"ds:flex ds:flex-col ds:leading-tight\">\n      {resolvedHref ? (\n        <a\n          href={safeHref(resolvedHref)}\n          onClick={handleClick}\n          className={linkClasses}\n        >\n          {content}\n        </a>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={handleClick}\n          className={[\n            'ds:appearance-none ds:bg-transparent ds:p-0 ds:text-start',\n            linkClasses,\n          ].join(' ')}\n        >\n          {content}\n        </button>\n      )}\n      {resolvedSecondary ? (\n        <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n          {resolvedSecondary}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n"],"names":["DATE_ONLY","ISO_DAY_PREFIX","toIsoDate","d","y","m","day","isCalendarDay","s","fromIsoDate","dayOf","cellValue","prefix","dayInRange","dateFrom","dateTo","DateRangeFilter","props","model","onModelChange","getValue","doesRowPassOtherFilter","filterParams","_a","range","setRange","useState","useEffect","useGridFilter","params","apply","next","jsx","DateRangePicker","DateRangeFloatingFilter","column","_b","toValueKey","v","LABEL_COLLATOR","collectColumnOptions","api","readValue","seen","node","raw","value","key","b","sameOptions","a","opt","i","useSelectFilterOptions","options","explicit","hasExplicit","derived","setDerived","readValueRef","useRef","recompute","prev","SelectFilter","placeholder","t","useTranslation","useCallback","derivedOptions","initialSelected","useMemo","set","incoming","pending","setPending","active","toggle","optionKey","values","clear","placeholderLabel","jsxs","ScrollArea","option","Checkbox","Button","SelectFloatingFilter","colDef","availableOptions","accessibleLabel","valueByKey","map","selectOptions","currentValue","handleChange","k","original","MultiSelect","normalise","TypeaheadFilter","loadOptions","adapterLoadOptions","query","opts","o","q","draft","setDraft","target","handleSelect","Autocomplete","TypeaheadFloatingFilter","ALL_OPERATORS","operatorTakesValue","op","operatorTakesRange","evaluate","cell","primary","secondary","lo","hi","coerceCell","n","NumberFilter","defaultOperator","min","max","step","initialOperator","operator","setOperator","setPrimary","setSecondary","operatorOptions","showValue","showRange","Select","NumberInput","NumberFloatingFilter","handle","StatusCellRenderer","variantMap","variant","Badge","UserCellRenderer","Avatar","SIZE_CLASS","SHAPE_CLASS","readField","row","field","SAFE_SRC_RE","sanitizeSrc","trimmed","ImageCellRenderer","data","srcField","altField","fallbackField","size","shape","rawSrc","src","alt","fallbackName","TagListCellRenderer","maxVisible","visible","overflow","tag","Tag","Tooltip","PRESETS","DateCellRenderer","format","calendarDay","relativeValue","Timestamp","absoluteFormat","resolve","source","safeHref","href","LinkCellRenderer","onClick","resolvedHref","resolvedSecondary","content","linkClasses","handleClick","event"],"mappings":"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"}