@alfadocs/ui-kit-debug 1.61.0 → 1.62.0

package/dist/_chunks/{icon-picker-D5NdDbCL.js.map → icon-picker-Dq4O32K8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-picker-D5NdDbCL.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 { StateBackedTextInput } from '../_shared/state-backed-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('ui');\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            <StateBackedTextInput\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","StateBackedTextInput","event","Search","selected"],"mappings":"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"}
+{"version":3,"file":"icon-picker-Dq4O32K8.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 { StateBackedTextInput } from '../_shared/state-backed-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('ui');\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            <StateBackedTextInput\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","StateBackedTextInput","event","Search","selected"],"mappings":"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"}

package/dist/_chunks/{info-tip-DObdz3w3.js → info-tip-cYszyg6h.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-DQr_tljb.js";
+import { P as o } from "./popover-4ZVtH_At.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-DObdz3w3.js.map
+//# sourceMappingURL=info-tip-cYszyg6h.js.map

package/dist/_chunks/{info-tip-DObdz3w3.js.map → info-tip-cYszyg6h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"info-tip-DObdz3w3.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('ui');\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-cYszyg6h.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('ui');\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/{key-value-pair-BNYHAZwD.js → key-value-pair-BscGwZsJ.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as i, Fragment as f } from "react/jsx-runtime";
 import { forwardRef as h, useState as y, useCallback as K } from "react";
 import { c as v } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
-import { I as j } from "./icon-button-dNE6ENLn.js";
+import { I as j } from "./icon-button-C_1TgRiK.js";
 import { C as _ } from "./check-DrFSN__t.js";
 import { C as A } from "./copy-vRpqqHtY.js";
 const B = v(
@@ -192,4 +192,4 @@ export {
   G as K,
   S as a
 };
-//# sourceMappingURL=key-value-pair-BNYHAZwD.js.map
+//# sourceMappingURL=key-value-pair-BscGwZsJ.js.map

package/dist/_chunks/{key-value-pair-BNYHAZwD.js.map → key-value-pair-BscGwZsJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"key-value-pair-BNYHAZwD.js","sources":["../../src/components/key-value-pair/key-value-pair.tsx"],"sourcesContent":["import { forwardRef, useState, useCallback, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* CVA — root wrapper                                                   */\n/*                                                                      */\n/* The layout variants below describe the LOGICAL flow of label/value. */\n/* When an `icon` prop is supplied, the root flips to `flex-row` and    */\n/* renders the icon at the leading edge regardless of the chosen        */\n/* layout — the layout then governs the inner label/value stack. Cap-  */\n/* height alignment is handled by `items-start` + a small `mt` offset  */\n/* on the icon wrapper so a wrapping value doesn't push the icon       */\n/* downward.                                                            */\n/* ------------------------------------------------------------------ */\n\n/* ------------------------------------------------------------------ */\n/* CVA — value cell                                                     */\n/*                                                                      */\n/* `alignValue` decides whether the value starts beside the label or    */\n/* is pinned to the inline-end of the row. Pinning matters when a       */\n/* column of rows carries one comparable figure (a price, a count):     */\n/* left where it falls, its position shifts with the label width and    */\n/* the eye can't run down it.                                           */\n/*                                                                      */\n/* Standalone, the value is a flex sibling — `start` lets it absorb     */\n/* the free space, `end` pushes it over with an auto inline margin.     */\n/* Inside a `<KeyValueList>` the value is a grid item in the third      */\n/* track (`minmax(0,1fr)`), where the same auto margin pins it to the   */\n/* track's end. One pair of classes covers both.                        */\n/*                                                                      */\n/* Horizontal only. In `vertical` the value already sits below the      */\n/* label with nothing to pin against, so `alignValue` is a documented   */\n/* no-op there rather than a surprise.                                  */\n/* ------------------------------------------------------------------ */\n\nconst keyValuePairValueVariants = cva(\n  'type-body ds:text-foreground ds:min-w-0 ds:[unicode-bidi:isolate]',\n  {\n    variants: {\n      layout: {\n        horizontal: '',\n        vertical: 'ds:shrink',\n      },\n      alignValue: {\n        start: '',\n        end: '',\n      },\n      mono: {\n        true: 'ds:font-[family-name:var(--font-mono)]',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      // `flex-1` lets the value absorb the remaining inline space when\n      // the KVP root flexes icon / label / value as direct siblings.\n      // Without it the value shrinks to its content width and the row\n      // leaves inline-end whitespace.\n      {\n        layout: 'horizontal',\n        alignValue: 'start',\n        class: 'ds:flex-1 ds:shrink',\n      },\n      // Pinned: drop `flex-1` so the cell is content-width, then let an\n      // auto inline-start margin eat the slack. `ms-*` is the logical\n      // spelling, so this flips correctly in a right-to-left locale.\n      {\n        layout: 'horizontal',\n        alignValue: 'end',\n        class: 'ds:ms-auto ds:shrink-0',\n      },\n    ],\n    defaultVariants: {\n      layout: 'horizontal',\n      alignValue: 'start',\n      mono: false,\n    },\n  },\n);\n\nconst keyValuePairVariants = cva('ds:flex', {\n  variants: {\n    layout: {\n      horizontal: 'ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]',\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n    /** Internal — flips the root to a horizontal flex when an icon\n        is present so the icon can sit at the leading edge of both\n        horizontal and vertical inner stacks. `items-start` keeps the\n        icon anchored to the label row even when the value wraps. */\n    hasIcon: {\n      true: 'ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)]',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    hasIcon: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePairProps                                                    */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValuePairProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof keyValuePairVariants>, 'hasIcon'> {\n  /** The label (term). Stays a string: it is interpolated into the copy\n   *  button's accessible name, where a node would render \"[object Object]\". */\n  label: string;\n  /**\n   * Display-only override for the rendered label — a node when the term needs\n   * more than text (a PHI lock beside it, a badge). `label` is still required\n   * and remains the string every accessible name is built from.\n   */\n  labelNode?: React.ReactNode;\n  /** The value — accepts plain text, Badge, Tag, monospace code, any ReactNode */\n  value: React.ReactNode;\n  /** Layout direction */\n  layout?: 'horizontal' | 'vertical';\n  /** Render value in monospace font */\n  mono?: boolean;\n  /**\n   * Where the value sits on the row.\n   *\n   * `start` (default) keeps the existing behaviour — the value begins\n   * immediately after the label and absorbs the remaining width.\n   *\n   * `end` pins the value to the inline-end of the row, so its position\n   * no longer moves with the label's length. Use it for the one\n   * comparable figure in a list of rows — a price, a count, a score —\n   * where a reader wants to scan down a column rather than read each\n   * line. Pinning every row defeats the point.\n   *\n   * Horizontal layout only: in `vertical` the value already sits below\n   * the label, so there is nothing to pin against and this is ignored.\n   */\n  alignValue?: 'start' | 'end';\n  /** Show a copy-to-clipboard IconButton beside the value */\n  copyable?: boolean;\n  /** The text to copy — defaults to `value` if value is a string */\n  copyText?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the pair.\n   * Pass a `lucide-react` icon (or any single React element) for\n   * visual consistency. The wrapper applies `aria-hidden=\"true\"` and\n   * paints the icon with `var(--key-value-pair-icon-color)` (defaults\n   * to `--muted-foreground`); consumers can recolour the slot via\n   * that token without forking the component.\n   *\n   * Cap-height alignment with the label is automatic — the wrapper\n   * uses `mt-0.5` so the glyph rides the label row, not the\n   * geometric centre of a wrapping value.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the\n   * intent is clear at the call site: this slot is for a single\n   * SVG/icon, not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePair                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const KeyValuePair = forwardRef<HTMLDivElement, KeyValuePairProps>(\n  (\n    {\n      label,\n      labelNode,\n      value,\n      layout = 'horizontal',\n      alignValue = 'start',\n      mono = false,\n      copyable = false,\n      copyText,\n      icon,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const textToCopy =\n      copyText ?? (typeof value === 'string' ? value : undefined);\n\n    const handleCopy = useCallback(async () => {\n      if (!textToCopy) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'KeyValuePair: copyable is true but no copyText was provided and value is not a string. Copy no-op.',\n          );\n        }\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(textToCopy);\n        setCopied(true);\n        setAnnouncement(t('keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [textToCopy, t]);\n\n    const valueClasses = keyValuePairValueVariants({\n      layout,\n      alignValue,\n      mono,\n    });\n\n    const hasIcon = icon !== undefined && icon !== null;\n\n    // Inner stack — used ONLY for `layout=\"vertical\"` when an icon is\n    // present (icon on the leading edge, label-on-top-of-value stacked\n    // next to it). For `layout=\"horizontal\"` we render the icon /\n    // label / value as direct flex children of the root — wrapping\n    // them in a single `<div>` would break the KeyValueList subgrid\n    // (the subgrid's 3 tracks would collapse to 2: the wrapper +\n    // icon). See the conditional below.\n    const innerStackClass =\n      'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0 ds:flex-1';\n\n    const stack = (\n      <>\n        <span className=\"type-label ds:text-muted-foreground ds:shrink-0\">\n          {labelNode ?? label}\n          <span className=\"ds:sr-only\">: </span>\n        </span>\n        <span className={valueClasses}>{value}</span>\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={t('keyValuePair.copy', { label })}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className={\n              layout === 'horizontal'\n                ? // Only one element on the row may claim the slack. When\n                  // the value is pinned it has already taken it with its\n                  // own `ms-auto`; a second auto margin here would split\n                  // the free space between them and strand the value in\n                  // the middle of the row instead of at its end.\n                  alignValue === 'end'\n                  ? 'ds:shrink-0'\n                  : 'ds:ms-auto ds:shrink-0'\n                : 'ds:self-start'\n            }\n          />\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={keyValuePairVariants({ layout, hasIcon, className })}\n        data-component=\"key-value-pair\"\n        data-has-icon={hasIcon ? '' : undefined}\n        {...props}\n      >\n        {hasIcon ? (\n          <>\n            {/* Decorative icon wrapper. `aria-hidden` so SR users only\n                hear \"<label>: <value>\" — the icon is brand polish,\n                not semantic content.\n\n                `translate-y` shifts the icon down by 2px visually so\n                its centre lines up with the label's x-height centre.\n                In a baseline-aligned subgrid row, the icon's margin-\n                box bottom pins to the label's text baseline — that\n                leaves the 16px SVG sitting visually 3-4px above the\n                label's centre. `translate-y` adjusts only the paint\n                position; the underlying baseline math still holds,\n                so multi-line value cells (e.g. address + map link)\n                stay correctly aligned with the FIRST line of the\n                value. */}\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:inline-flex ds:shrink-0 ds:translate-y-0.5 ds:text-[color:var(--key-value-pair-icon-color)] ds:[&_svg]:size-4\"\n            >\n              {icon}\n            </span>\n            {/* `horizontal` layout: render label / value / copy as\n                direct flex children of the root so each piece falls\n                into its own track when this KVP is promoted to a\n                subgrid row by `<KeyValueList>`. Wrapping them in a\n                `<div>` here would collapse the subgrid's 3 tracks\n                (icon | label | value) to 2 (icon | wrapper) and labels\n                across rows would no longer share a column. The root's\n                `flex flex-row` + `gap-sm` keeps the standalone visual\n                identical.\n\n                `vertical` layout still needs the wrapper because the\n                stack is column-flow — label-on-top-of-value next to\n                the icon. */}\n            {layout === 'horizontal' ? (\n              stack\n            ) : (\n              <div className={innerStackClass}>{stack}</div>\n            )}\n          </>\n        ) : (\n          stack\n        )}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {announcement}\n        </span>\n      </div>\n    );\n  },\n);\n\nKeyValuePair.displayName = 'KeyValuePair';\n\n/* ------------------------------------------------------------------ */\n/* KeyValueList — subgrid alignment for a column of KVP rows           */\n/*                                                                      */\n/* When several `<KeyValuePair>` rows live in the same card (practice  */\n/* profile, settings panel, contact card, etc.), the per-row flex      */\n/* layout means each row's label column has a different width. The     */\n/* values end up zigzagged. Wrapping in `<KeyValueList>` puts all rows */\n/* into a single 3-column CSS subgrid (icon | label | value), so       */\n/* labels share a column across rows and values start at the same     */\n/* inline-start edge.                                                  */\n/*                                                                      */\n/* Standalone `<KeyValuePair>` instances outside a `<KeyValueList>`    */\n/* keep their existing per-row flex layout — no behaviour change for   */\n/* consumers that didn't opt in.                                       */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValueListProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Gap between rows. Maps to spacing tokens — defaults to `md`.\n   * Smaller gaps suit dense settings panels; larger gaps suit\n   * profile cards.\n   */\n  rowGap?: 'sm' | 'md' | 'lg';\n}\n\nconst rowGapClassMap: Record<\n  NonNullable<KeyValueListProps['rowGap']>,\n  string\n> = {\n  sm: 'ds:gap-y-[var(--spacing-sm)]',\n  md: 'ds:gap-y-[var(--spacing-md)]',\n  lg: 'ds:gap-y-[var(--spacing-lg)]',\n};\n\nexport const KeyValueList = forwardRef<HTMLDivElement, KeyValueListProps>(\n  ({ children, className, rowGap = 'md', ...props }, ref) => {\n    // Three-column subgrid: icon | label | value.\n    //   - col 1: `auto` — width of the widest icon (or 0 if no rows have icons)\n    //   - col 2: `auto` — width of the widest label, shared across all rows.\n    //     When rows have icons the label sits here, beside a `1fr` value,\n    //     so a long one-line label (Albanian \"Me përvojë me pacientët e\n    //     ankthshëm\") took the whole width and left the value about 3px\n    //     on a phone. A list with icon rows caps it at `fit-content(40%)`\n    //     so the label wraps instead. Without icons the label and value\n    //     share the two `auto` tracks, which shrink together, so nothing\n    //     changes there.\n    //   - col 3: `minmax(0, 1fr)` — value flexes; `minmax` prevents the\n    //     value from forcing the grid wider than its container when the\n    //     value contains a long unbroken string (e.g. an email or URL).\n    //\n    // Each child `<KeyValuePair>` (which renders as a `<div>` with a\n    // `data-component=\"key-value-pair\"` marker) is promoted into a\n    // subgrid row by the CSS below — the cell boundaries align across\n    // every direct child.\n    //\n    // We render as `<div>` (not `<dl>`): axe enforces \"dl can only\n    // contain dt/dd\" and the inner KVP renders as a `<div>`. The KVP's\n    // own SR markup (label + `<span class=\"sr-only\">: </span>` + value)\n    // already conveys term-value semantics — wrapping in a `<dl>`\n    // doesn't add anything the screen reader doesn't already get.\n    return (\n      <div\n        ref={ref}\n        data-component=\"key-value-list\"\n        className={[\n          // The label track reads a custom property, and an icon list only\n          // sets that property: it never re-declares the template, so a\n          // host's own column layout (PatientSummaryCard's two fields per\n          // row from 672px) still wins exactly as before.\n          'ds:grid ds:grid-cols-[auto_var(--kvl-label-track,auto)_minmax(0,1fr)]',\n          'ds:has-[>[data-has-icon]]:[--kvl-label-track:fit-content(40%)]',\n          'ds:gap-x-[var(--spacing-md)]',\n          rowGapClassMap[rowGap],\n          // Each direct `data-component=\"key-value-pair\"` child becomes\n          // a subgrid row spanning all three columns. The KVP's own\n          // flex layout still works inside the cell (icon shrinks-0,\n          // label shrinks-0, value flexes) — subgrid just aligns the\n          // boundaries between siblings.\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid-cols-subgrid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:col-span-3',\n          'ds:[&>[data-component=\"key-value-pair\"]]:items-baseline',\n          // Unset the KVP's intra-row `gap-sm` so the subgrid inherits\n          // the parent KeyValueList's `gap-x-md` for every track gap\n          // (icon→label and label→value). `gap-0` here would override\n          // the parent's gap and crowd the icon against the label;\n          // `[gap:normal]` is the subgrid-spec way to defer to the\n          // parent.\n          'ds:[&>[data-component=\"key-value-pair\"]]:[gap:normal]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nKeyValueList.displayName = 'KeyValueList';\n"],"names":["keyValuePairValueVariants","cva","keyValuePairVariants","KeyValuePair","forwardRef","label","labelNode","value","layout","alignValue","mono","copyable","copyText","icon","className","props","ref","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","textToCopy","handleCopy","useCallback","valueClasses","hasIcon","innerStackClass","stack","jsxs","Fragment","jsx","IconButton","Check","Copy","rowGapClassMap","KeyValueList","children","rowGap"],"mappings":"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"}
+{"version":3,"file":"key-value-pair-BscGwZsJ.js","sources":["../../src/components/key-value-pair/key-value-pair.tsx"],"sourcesContent":["import { forwardRef, useState, useCallback, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* CVA — root wrapper                                                   */\n/*                                                                      */\n/* The layout variants below describe the LOGICAL flow of label/value. */\n/* When an `icon` prop is supplied, the root flips to `flex-row` and    */\n/* renders the icon at the leading edge regardless of the chosen        */\n/* layout — the layout then governs the inner label/value stack. Cap-  */\n/* height alignment is handled by `items-start` + a small `mt` offset  */\n/* on the icon wrapper so a wrapping value doesn't push the icon       */\n/* downward.                                                            */\n/* ------------------------------------------------------------------ */\n\n/* ------------------------------------------------------------------ */\n/* CVA — value cell                                                     */\n/*                                                                      */\n/* `alignValue` decides whether the value starts beside the label or    */\n/* is pinned to the inline-end of the row. Pinning matters when a       */\n/* column of rows carries one comparable figure (a price, a count):     */\n/* left where it falls, its position shifts with the label width and    */\n/* the eye can't run down it.                                           */\n/*                                                                      */\n/* Standalone, the value is a flex sibling — `start` lets it absorb     */\n/* the free space, `end` pushes it over with an auto inline margin.     */\n/* Inside a `<KeyValueList>` the value is a grid item in the third      */\n/* track (`minmax(0,1fr)`), where the same auto margin pins it to the   */\n/* track's end. One pair of classes covers both.                        */\n/*                                                                      */\n/* Horizontal only. In `vertical` the value already sits below the      */\n/* label with nothing to pin against, so `alignValue` is a documented   */\n/* no-op there rather than a surprise.                                  */\n/* ------------------------------------------------------------------ */\n\nconst keyValuePairValueVariants = cva(\n  'type-body ds:text-foreground ds:min-w-0 ds:[unicode-bidi:isolate]',\n  {\n    variants: {\n      layout: {\n        horizontal: '',\n        vertical: 'ds:shrink',\n      },\n      alignValue: {\n        start: '',\n        end: '',\n      },\n      mono: {\n        true: 'ds:font-[family-name:var(--font-mono)]',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      // `flex-1` lets the value absorb the remaining inline space when\n      // the KVP root flexes icon / label / value as direct siblings.\n      // Without it the value shrinks to its content width and the row\n      // leaves inline-end whitespace.\n      {\n        layout: 'horizontal',\n        alignValue: 'start',\n        class: 'ds:flex-1 ds:shrink',\n      },\n      // Pinned: drop `flex-1` so the cell is content-width, then let an\n      // auto inline-start margin eat the slack. `ms-*` is the logical\n      // spelling, so this flips correctly in a right-to-left locale.\n      {\n        layout: 'horizontal',\n        alignValue: 'end',\n        class: 'ds:ms-auto ds:shrink-0',\n      },\n    ],\n    defaultVariants: {\n      layout: 'horizontal',\n      alignValue: 'start',\n      mono: false,\n    },\n  },\n);\n\nconst keyValuePairVariants = cva('ds:flex', {\n  variants: {\n    layout: {\n      horizontal: 'ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]',\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n    /** Internal — flips the root to a horizontal flex when an icon\n        is present so the icon can sit at the leading edge of both\n        horizontal and vertical inner stacks. `items-start` keeps the\n        icon anchored to the label row even when the value wraps. */\n    hasIcon: {\n      true: 'ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)]',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    hasIcon: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePairProps                                                    */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValuePairProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof keyValuePairVariants>, 'hasIcon'> {\n  /** The label (term). Stays a string: it is interpolated into the copy\n   *  button's accessible name, where a node would render \"[object Object]\". */\n  label: string;\n  /**\n   * Display-only override for the rendered label — a node when the term needs\n   * more than text (a PHI lock beside it, a badge). `label` is still required\n   * and remains the string every accessible name is built from.\n   */\n  labelNode?: React.ReactNode;\n  /** The value — accepts plain text, Badge, Tag, monospace code, any ReactNode */\n  value: React.ReactNode;\n  /** Layout direction */\n  layout?: 'horizontal' | 'vertical';\n  /** Render value in monospace font */\n  mono?: boolean;\n  /**\n   * Where the value sits on the row.\n   *\n   * `start` (default) keeps the existing behaviour — the value begins\n   * immediately after the label and absorbs the remaining width.\n   *\n   * `end` pins the value to the inline-end of the row, so its position\n   * no longer moves with the label's length. Use it for the one\n   * comparable figure in a list of rows — a price, a count, a score —\n   * where a reader wants to scan down a column rather than read each\n   * line. Pinning every row defeats the point.\n   *\n   * Horizontal layout only: in `vertical` the value already sits below\n   * the label, so there is nothing to pin against and this is ignored.\n   */\n  alignValue?: 'start' | 'end';\n  /** Show a copy-to-clipboard IconButton beside the value */\n  copyable?: boolean;\n  /** The text to copy — defaults to `value` if value is a string */\n  copyText?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the pair.\n   * Pass a `lucide-react` icon (or any single React element) for\n   * visual consistency. The wrapper applies `aria-hidden=\"true\"` and\n   * paints the icon with `var(--key-value-pair-icon-color)` (defaults\n   * to `--muted-foreground`); consumers can recolour the slot via\n   * that token without forking the component.\n   *\n   * Cap-height alignment with the label is automatic — the wrapper\n   * uses `mt-0.5` so the glyph rides the label row, not the\n   * geometric centre of a wrapping value.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the\n   * intent is clear at the call site: this slot is for a single\n   * SVG/icon, not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePair                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const KeyValuePair = forwardRef<HTMLDivElement, KeyValuePairProps>(\n  (\n    {\n      label,\n      labelNode,\n      value,\n      layout = 'horizontal',\n      alignValue = 'start',\n      mono = false,\n      copyable = false,\n      copyText,\n      icon,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const textToCopy =\n      copyText ?? (typeof value === 'string' ? value : undefined);\n\n    const handleCopy = useCallback(async () => {\n      if (!textToCopy) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'KeyValuePair: copyable is true but no copyText was provided and value is not a string. Copy no-op.',\n          );\n        }\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(textToCopy);\n        setCopied(true);\n        setAnnouncement(t('keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [textToCopy, t]);\n\n    const valueClasses = keyValuePairValueVariants({\n      layout,\n      alignValue,\n      mono,\n    });\n\n    const hasIcon = icon !== undefined && icon !== null;\n\n    // Inner stack — used ONLY for `layout=\"vertical\"` when an icon is\n    // present (icon on the leading edge, label-on-top-of-value stacked\n    // next to it). For `layout=\"horizontal\"` we render the icon /\n    // label / value as direct flex children of the root — wrapping\n    // them in a single `<div>` would break the KeyValueList subgrid\n    // (the subgrid's 3 tracks would collapse to 2: the wrapper +\n    // icon). See the conditional below.\n    const innerStackClass =\n      'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0 ds:flex-1';\n\n    const stack = (\n      <>\n        <span className=\"type-label ds:text-muted-foreground ds:shrink-0\">\n          {labelNode ?? label}\n          <span className=\"ds:sr-only\">: </span>\n        </span>\n        <span className={valueClasses}>{value}</span>\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={t('keyValuePair.copy', { label })}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className={\n              layout === 'horizontal'\n                ? // Only one element on the row may claim the slack. When\n                  // the value is pinned it has already taken it with its\n                  // own `ms-auto`; a second auto margin here would split\n                  // the free space between them and strand the value in\n                  // the middle of the row instead of at its end.\n                  alignValue === 'end'\n                  ? 'ds:shrink-0'\n                  : 'ds:ms-auto ds:shrink-0'\n                : 'ds:self-start'\n            }\n          />\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={keyValuePairVariants({ layout, hasIcon, className })}\n        data-component=\"key-value-pair\"\n        data-has-icon={hasIcon ? '' : undefined}\n        {...props}\n      >\n        {hasIcon ? (\n          <>\n            {/* Decorative icon wrapper. `aria-hidden` so SR users only\n                hear \"<label>: <value>\" — the icon is brand polish,\n                not semantic content.\n\n                `translate-y` shifts the icon down by 2px visually so\n                its centre lines up with the label's x-height centre.\n                In a baseline-aligned subgrid row, the icon's margin-\n                box bottom pins to the label's text baseline — that\n                leaves the 16px SVG sitting visually 3-4px above the\n                label's centre. `translate-y` adjusts only the paint\n                position; the underlying baseline math still holds,\n                so multi-line value cells (e.g. address + map link)\n                stay correctly aligned with the FIRST line of the\n                value. */}\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:inline-flex ds:shrink-0 ds:translate-y-0.5 ds:text-[color:var(--key-value-pair-icon-color)] ds:[&_svg]:size-4\"\n            >\n              {icon}\n            </span>\n            {/* `horizontal` layout: render label / value / copy as\n                direct flex children of the root so each piece falls\n                into its own track when this KVP is promoted to a\n                subgrid row by `<KeyValueList>`. Wrapping them in a\n                `<div>` here would collapse the subgrid's 3 tracks\n                (icon | label | value) to 2 (icon | wrapper) and labels\n                across rows would no longer share a column. The root's\n                `flex flex-row` + `gap-sm` keeps the standalone visual\n                identical.\n\n                `vertical` layout still needs the wrapper because the\n                stack is column-flow — label-on-top-of-value next to\n                the icon. */}\n            {layout === 'horizontal' ? (\n              stack\n            ) : (\n              <div className={innerStackClass}>{stack}</div>\n            )}\n          </>\n        ) : (\n          stack\n        )}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {announcement}\n        </span>\n      </div>\n    );\n  },\n);\n\nKeyValuePair.displayName = 'KeyValuePair';\n\n/* ------------------------------------------------------------------ */\n/* KeyValueList — subgrid alignment for a column of KVP rows           */\n/*                                                                      */\n/* When several `<KeyValuePair>` rows live in the same card (practice  */\n/* profile, settings panel, contact card, etc.), the per-row flex      */\n/* layout means each row's label column has a different width. The     */\n/* values end up zigzagged. Wrapping in `<KeyValueList>` puts all rows */\n/* into a single 3-column CSS subgrid (icon | label | value), so       */\n/* labels share a column across rows and values start at the same     */\n/* inline-start edge.                                                  */\n/*                                                                      */\n/* Standalone `<KeyValuePair>` instances outside a `<KeyValueList>`    */\n/* keep their existing per-row flex layout — no behaviour change for   */\n/* consumers that didn't opt in.                                       */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValueListProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Gap between rows. Maps to spacing tokens — defaults to `md`.\n   * Smaller gaps suit dense settings panels; larger gaps suit\n   * profile cards.\n   */\n  rowGap?: 'sm' | 'md' | 'lg';\n}\n\nconst rowGapClassMap: Record<\n  NonNullable<KeyValueListProps['rowGap']>,\n  string\n> = {\n  sm: 'ds:gap-y-[var(--spacing-sm)]',\n  md: 'ds:gap-y-[var(--spacing-md)]',\n  lg: 'ds:gap-y-[var(--spacing-lg)]',\n};\n\nexport const KeyValueList = forwardRef<HTMLDivElement, KeyValueListProps>(\n  ({ children, className, rowGap = 'md', ...props }, ref) => {\n    // Three-column subgrid: icon | label | value.\n    //   - col 1: `auto` — width of the widest icon (or 0 if no rows have icons)\n    //   - col 2: `auto` — width of the widest label, shared across all rows.\n    //     When rows have icons the label sits here, beside a `1fr` value,\n    //     so a long one-line label (Albanian \"Me përvojë me pacientët e\n    //     ankthshëm\") took the whole width and left the value about 3px\n    //     on a phone. A list with icon rows caps it at `fit-content(40%)`\n    //     so the label wraps instead. Without icons the label and value\n    //     share the two `auto` tracks, which shrink together, so nothing\n    //     changes there.\n    //   - col 3: `minmax(0, 1fr)` — value flexes; `minmax` prevents the\n    //     value from forcing the grid wider than its container when the\n    //     value contains a long unbroken string (e.g. an email or URL).\n    //\n    // Each child `<KeyValuePair>` (which renders as a `<div>` with a\n    // `data-component=\"key-value-pair\"` marker) is promoted into a\n    // subgrid row by the CSS below — the cell boundaries align across\n    // every direct child.\n    //\n    // We render as `<div>` (not `<dl>`): axe enforces \"dl can only\n    // contain dt/dd\" and the inner KVP renders as a `<div>`. The KVP's\n    // own SR markup (label + `<span class=\"sr-only\">: </span>` + value)\n    // already conveys term-value semantics — wrapping in a `<dl>`\n    // doesn't add anything the screen reader doesn't already get.\n    return (\n      <div\n        ref={ref}\n        data-component=\"key-value-list\"\n        className={[\n          // The label track reads a custom property, and an icon list only\n          // sets that property: it never re-declares the template, so a\n          // host's own column layout (PatientSummaryCard's two fields per\n          // row from 672px) still wins exactly as before.\n          'ds:grid ds:grid-cols-[auto_var(--kvl-label-track,auto)_minmax(0,1fr)]',\n          'ds:has-[>[data-has-icon]]:[--kvl-label-track:fit-content(40%)]',\n          'ds:gap-x-[var(--spacing-md)]',\n          rowGapClassMap[rowGap],\n          // Each direct `data-component=\"key-value-pair\"` child becomes\n          // a subgrid row spanning all three columns. The KVP's own\n          // flex layout still works inside the cell (icon shrinks-0,\n          // label shrinks-0, value flexes) — subgrid just aligns the\n          // boundaries between siblings.\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid-cols-subgrid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:col-span-3',\n          'ds:[&>[data-component=\"key-value-pair\"]]:items-baseline',\n          // Unset the KVP's intra-row `gap-sm` so the subgrid inherits\n          // the parent KeyValueList's `gap-x-md` for every track gap\n          // (icon→label and label→value). `gap-0` here would override\n          // the parent's gap and crowd the icon against the label;\n          // `[gap:normal]` is the subgrid-spec way to defer to the\n          // parent.\n          'ds:[&>[data-component=\"key-value-pair\"]]:[gap:normal]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nKeyValueList.displayName = 'KeyValueList';\n"],"names":["keyValuePairValueVariants","cva","keyValuePairVariants","KeyValuePair","forwardRef","label","labelNode","value","layout","alignValue","mono","copyable","copyText","icon","className","props","ref","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","textToCopy","handleCopy","useCallback","valueClasses","hasIcon","innerStackClass","stack","jsxs","Fragment","jsx","IconButton","Check","Copy","rowGapClassMap","KeyValueList","children","rowGap"],"mappings":"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"}

package/dist/_chunks/{kit-extensions-DI2nHVNw.js → kit-extensions-RnddkrXn.js}

@@ -1,9 +1,9 @@
 import { createElement as e } from "react";
-import { P as i } from "./pregnancy-dating-26fcvhAx.js";
-import { P as o } from "./pregnancy-weight-gain-D8q1IUCT.js";
-import { G as r } from "./gestational-age-calculator-BLccWS_4.js";
-import { C as c } from "./cycle-calculator-BuFi6ZJa.js";
-import { F as s } from "./fetal-weight-CHv2winC.js";
+import { P as i } from "./pregnancy-dating-D2XTELiw.js";
+import { P as o } from "./pregnancy-weight-gain-BVvyL-j1.js";
+import { G as r } from "./gestational-age-calculator-BnCAL5a-.js";
+import { C as c } from "./cycle-calculator-D-rwX9Pj.js";
+import { F as s } from "./fetal-weight-DycD_Vqr.js";
 import { c as a } from "./createLucideIcon-DhHxpK9K.js";
 import { B as n } from "./baby-Dku-Xvg9.js";
 import { H as d } from "./heart--qCA4ffe.js";
@@ -91,4 +91,4 @@ const k = [
 export {
   I as k
 };
-//# sourceMappingURL=kit-extensions-DI2nHVNw.js.map
+//# sourceMappingURL=kit-extensions-RnddkrXn.js.map

package/dist/_chunks/{kit-extensions-DI2nHVNw.js.map → kit-extensions-RnddkrXn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kit-extensions-DI2nHVNw.js","sources":["../../node_modules/lucide-react/dist/esm/icons/calendar-heart.mjs","../../node_modules/lucide-react/dist/esm/icons/scale.mjs","../../src/components/rich-text-editor/kit-extensions.ts"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    { d: \"M12.127 22H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5.125\", key: \"vxdnp4\" }\n  ],\n  [\n    \"path\",\n    {\n      d: \"M14.62 18.8A2.25 2.25 0 1 1 18 15.836a2.25 2.25 0 1 1 3.38 2.966l-2.626 2.856a.998.998 0 0 1-1.507 0z\",\n      key: \"15cy7q\"\n    }\n  ],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M3 10h18\", key: \"8toen8\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }]\n];\nconst CalendarHeart = createLucideIcon(\"calendar-heart\", __iconNode);\n\nexport { __iconNode, CalendarHeart as default };\n//# sourceMappingURL=calendar-heart.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 3v18\", key: \"108xh3\" }],\n  [\"path\", { d: \"m19 8 3 8a5 5 0 0 1-6 0zV7\", key: \"zcdpyk\" }],\n  [\"path\", { d: \"M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1\", key: \"1yorad\" }],\n  [\"path\", { d: \"m5 8 3 8a5 5 0 0 1-6 0zV7\", key: \"eua70x\" }],\n  [\"path\", { d: \"M7 21h10\", key: \"1b0cd5\" }]\n];\nconst Scale = createLucideIcon(\"scale\", __iconNode);\n\nexport { __iconNode, Scale as default };\n//# sourceMappingURL=scale.mjs.map\n","import { createElement } from 'react';\nimport { Baby, CalendarHeart, Heart, Scale } from 'lucide-react';\nimport { PregnancyDating } from '../pregnancy-dating';\nimport { PregnancyWeightGain } from '../pregnancy-weight-gain';\nimport { GestationalAgeCalculator } from '../gestational-age-calculator';\nimport { CycleCalculator } from '../cycle-calculator';\nimport { FetalWeight } from '../fetal-weight';\nimport type { EditorExtension } from './editor-extensions';\n\n/** Labels are resolved by the editor's useTranslation, including live locale changes. */\nexport const kitEditorExtensions: EditorExtension[] = [\n  {\n    id: 'pregnancy-dating',\n    label: 'insert.title.pregnancyDating',\n    icon: createElement(CalendarHeart),\n    kind: 'panel',\n    contexts: ['note', 'diagnosis'],\n    source: { kind: 'kit' },\n    render: ({ insert }) =>\n      createElement(PregnancyDating, { onInsert: insert }),\n  },\n  {\n    id: 'pregnancy-weight-gain',\n    label: 'insert.title.weightGain',\n    icon: createElement(Baby),\n    kind: 'panel',\n    contexts: ['note', 'diagnosis'],\n    source: { kind: 'kit' },\n    render: ({ insert }) =>\n      createElement(PregnancyWeightGain, { onInsert: insert }),\n  },\n  {\n    id: 'gestational-age-calculator',\n    label: 'insert.title.gestationalAge',\n    icon: createElement(Baby),\n    kind: 'panel',\n    contexts: ['note', 'diagnosis'],\n    source: { kind: 'kit' },\n    render: ({ insert }) =>\n      createElement(GestationalAgeCalculator, { onInsert: insert }),\n  },\n  {\n    id: 'cycle-calculator',\n    label: 'insert.title.cycle',\n    icon: createElement(Heart),\n    kind: 'panel',\n    contexts: ['note', 'diagnosis'],\n    source: { kind: 'kit' },\n    render: ({ insert }) =>\n      createElement(CycleCalculator, { onInsert: insert }),\n  },\n  {\n    id: 'fetal-weight',\n    label: 'insert.title.fetalWeight',\n    icon: createElement(Scale),\n    kind: 'panel',\n    contexts: ['note', 'diagnosis'],\n    source: { kind: 'kit' },\n    render: ({ insert }) => createElement(FetalWeight, { onInsert: insert }),\n  },\n];\n"],"names":["__iconNode","CalendarHeart","createLucideIcon","Scale","kitEditorExtensions","createElement","insert","PregnancyDating","Baby","PregnancyWeightGain","GestationalAgeCalculator","Heart","CycleCalculator","FetalWeight"],"mappings":";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA,EAAE,GAAG,qEAAqE,KAAK,SAAQ;AAAA,EAC3F;AAAA,EACE;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AACzC,GACMC,IAAgBC,EAAiB,kBAAkBF,CAAU;ACzBnE;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,8BAA8B,KAAK,SAAQ,CAAE;AAAA,EAC3D,CAAC,QAAQ,EAAE,GAAG,4CAA4C,KAAK,SAAQ,CAAE;AAAA,EACzE,CAAC,QAAQ,EAAE,GAAG,6BAA6B,KAAK,SAAQ,CAAE;AAAA,EAC1D,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAC3C,GACMG,IAAQD,EAAiB,SAASF,CAAU,GCNrCI,IAAyC;AAAA,EACpD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAMC,EAAcJ,CAAa;AAAA,IACjC,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,WAAW;AAAA,IAC9B,QAAQ,EAAE,MAAM,MAAA;AAAA,IAChB,QAAQ,CAAC,EAAE,QAAAK,EAAA,MACTD,EAAcE,GAAiB,EAAE,UAAUD,EAAA,CAAQ;AAAA,EAAA;AAAA,EAEvD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAMD,EAAcG,CAAI;AAAA,IACxB,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,WAAW;AAAA,IAC9B,QAAQ,EAAE,MAAM,MAAA;AAAA,IAChB,QAAQ,CAAC,EAAE,QAAAF,EAAA,MACTD,EAAcI,GAAqB,EAAE,UAAUH,EAAA,CAAQ;AAAA,EAAA;AAAA,EAE3D;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAMD,EAAcG,CAAI;AAAA,IACxB,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,WAAW;AAAA,IAC9B,QAAQ,EAAE,MAAM,MAAA;AAAA,IAChB,QAAQ,CAAC,EAAE,QAAAF,EAAA,MACTD,EAAcK,GAA0B,EAAE,UAAUJ,EAAA,CAAQ;AAAA,EAAA;AAAA,EAEhE;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAMD,EAAcM,CAAK;AAAA,IACzB,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,WAAW;AAAA,IAC9B,QAAQ,EAAE,MAAM,MAAA;AAAA,IAChB,QAAQ,CAAC,EAAE,QAAAL,EAAA,MACTD,EAAcO,GAAiB,EAAE,UAAUN,EAAA,CAAQ;AAAA,EAAA;AAAA,EAEvD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAMD,EAAcF,CAAK;AAAA,IACzB,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,WAAW;AAAA,IAC9B,QAAQ,EAAE,MAAM,MAAA;AAAA,IAChB,QAAQ,CAAC,EAAE,QAAAG,EAAA,MAAaD,EAAcQ,GAAa,EAAE,UAAUP,EAAA,CAAQ;AAAA,EAAA;AAE3E;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"kit-extensions-RnddkrXn.js","sources":["../../node_modules/lucide-react/dist/esm/icons/calendar-heart.mjs","../../node_modules/lucide-react/dist/esm/icons/scale.mjs","../../src/components/rich-text-editor/kit-extensions.ts"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    { d: \"M12.127 22H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5.125\", key: \"vxdnp4\" }\n  ],\n  [\n    \"path\",\n    {\n      d: \"M14.62 18.8A2.25 2.25 0 1 1 18 15.836a2.25 2.25 0 1 1 3.38 2.966l-2.626 2.856a.998.998 0 0 1-1.507 0z\",\n      key: \"15cy7q\"\n    }\n  ],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M3 10h18\", key: \"8toen8\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }]\n];\nconst CalendarHeart = createLucideIcon(\"calendar-heart\", __iconNode);\n\nexport { __iconNode, CalendarHeart as default };\n//# sourceMappingURL=calendar-heart.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 3v18\", key: \"108xh3\" }],\n  [\"path\", { d: \"m19 8 3 8a5 5 0 0 1-6 0zV7\", key: \"zcdpyk\" }],\n  [\"path\", { d: \"M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1\", key: \"1yorad\" }],\n  [\"path\", { d: \"m5 8 3 8a5 5 0 0 1-6 0zV7\", key: \"eua70x\" }],\n  [\"path\", { d: \"M7 21h10\", key: \"1b0cd5\" }]\n];\nconst Scale = createLucideIcon(\"scale\", __iconNode);\n\nexport { __iconNode, Scale as default };\n//# sourceMappingURL=scale.mjs.map\n","import { createElement } from 'react';\nimport { Baby, CalendarHeart, Heart, Scale } from 'lucide-react';\nimport { PregnancyDating } from '../pregnancy-dating';\nimport { PregnancyWeightGain } from '../pregnancy-weight-gain';\nimport { GestationalAgeCalculator } from '../gestational-age-calculator';\nimport { CycleCalculator } from '../cycle-calculator';\nimport { FetalWeight } from '../fetal-weight';\nimport type { EditorExtension } from './editor-extensions';\n\n/** Labels are resolved by the editor's useTranslation, including live locale changes. */\nexport const kitEditorExtensions: EditorExtension[] = [\n  {\n    id: 'pregnancy-dating',\n    label: 'insert.title.pregnancyDating',\n    icon: createElement(CalendarHeart),\n    kind: 'panel',\n    contexts: ['note', 'diagnosis'],\n    source: { kind: 'kit' },\n    render: ({ insert }) =>\n      createElement(PregnancyDating, { onInsert: insert }),\n  },\n  {\n    id: 'pregnancy-weight-gain',\n    label: 'insert.title.weightGain',\n    icon: createElement(Baby),\n    kind: 'panel',\n    contexts: ['note', 'diagnosis'],\n    source: { kind: 'kit' },\n    render: ({ insert }) =>\n      createElement(PregnancyWeightGain, { onInsert: insert }),\n  },\n  {\n    id: 'gestational-age-calculator',\n    label: 'insert.title.gestationalAge',\n    icon: createElement(Baby),\n    kind: 'panel',\n    contexts: ['note', 'diagnosis'],\n    source: { kind: 'kit' },\n    render: ({ insert }) =>\n      createElement(GestationalAgeCalculator, { onInsert: insert }),\n  },\n  {\n    id: 'cycle-calculator',\n    label: 'insert.title.cycle',\n    icon: createElement(Heart),\n    kind: 'panel',\n    contexts: ['note', 'diagnosis'],\n    source: { kind: 'kit' },\n    render: ({ insert }) =>\n      createElement(CycleCalculator, { onInsert: insert }),\n  },\n  {\n    id: 'fetal-weight',\n    label: 'insert.title.fetalWeight',\n    icon: createElement(Scale),\n    kind: 'panel',\n    contexts: ['note', 'diagnosis'],\n    source: { kind: 'kit' },\n    render: ({ insert }) => createElement(FetalWeight, { onInsert: insert }),\n  },\n];\n"],"names":["__iconNode","CalendarHeart","createLucideIcon","Scale","kitEditorExtensions","createElement","insert","PregnancyDating","Baby","PregnancyWeightGain","GestationalAgeCalculator","Heart","CycleCalculator","FetalWeight"],"mappings":";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA,EAAE,GAAG,qEAAqE,KAAK,SAAQ;AAAA,EAC3F;AAAA,EACE;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AACzC,GACMC,IAAgBC,EAAiB,kBAAkBF,CAAU;ACzBnE;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,8BAA8B,KAAK,SAAQ,CAAE;AAAA,EAC3D,CAAC,QAAQ,EAAE,GAAG,4CAA4C,KAAK,SAAQ,CAAE;AAAA,EACzE,CAAC,QAAQ,EAAE,GAAG,6BAA6B,KAAK,SAAQ,CAAE;AAAA,EAC1D,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAC3C,GACMG,IAAQD,EAAiB,SAASF,CAAU,GCNrCI,IAAyC;AAAA,EACpD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAMC,EAAcJ,CAAa;AAAA,IACjC,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,WAAW;AAAA,IAC9B,QAAQ,EAAE,MAAM,MAAA;AAAA,IAChB,QAAQ,CAAC,EAAE,QAAAK,EAAA,MACTD,EAAcE,GAAiB,EAAE,UAAUD,EAAA,CAAQ;AAAA,EAAA;AAAA,EAEvD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAMD,EAAcG,CAAI;AAAA,IACxB,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,WAAW;AAAA,IAC9B,QAAQ,EAAE,MAAM,MAAA;AAAA,IAChB,QAAQ,CAAC,EAAE,QAAAF,EAAA,MACTD,EAAcI,GAAqB,EAAE,UAAUH,EAAA,CAAQ;AAAA,EAAA;AAAA,EAE3D;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAMD,EAAcG,CAAI;AAAA,IACxB,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,WAAW;AAAA,IAC9B,QAAQ,EAAE,MAAM,MAAA;AAAA,IAChB,QAAQ,CAAC,EAAE,QAAAF,EAAA,MACTD,EAAcK,GAA0B,EAAE,UAAUJ,EAAA,CAAQ;AAAA,EAAA;AAAA,EAEhE;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAMD,EAAcM,CAAK;AAAA,IACzB,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,WAAW;AAAA,IAC9B,QAAQ,EAAE,MAAM,MAAA;AAAA,IAChB,QAAQ,CAAC,EAAE,QAAAL,EAAA,MACTD,EAAcO,GAAiB,EAAE,UAAUN,EAAA,CAAQ;AAAA,EAAA;AAAA,EAEvD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAMD,EAAcF,CAAK;AAAA,IACzB,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,WAAW;AAAA,IAC9B,QAAQ,EAAE,MAAM,MAAA;AAAA,IAChB,QAAQ,CAAC,EAAE,QAAAG,EAAA,MAAaD,EAAcQ,GAAa,EAAE,UAAUP,EAAA,CAAQ;AAAA,EAAA;AAE3E;","x_google_ignoreList":[0,1]}

package/dist/_chunks/{link-cell-renderer-DvhzS6lu.js → link-cell-renderer-dtEYlxi2.js}

@@ -3,17 +3,17 @@ import { useState as x, useEffect as w, useCallback as W, useMemo as E, useRef a
 import { useGridFilter as V } from "ag-grid-react";
 import { D as te } from "./date-range-picker-CFk-5O3R.js";
 import { useTranslation as M } from "react-i18next";
-import { C as le } from "./checkbox--ndmyokr.js";
+import { C as le } from "./checkbox-BjDv-r3o.js";
 import { B as j } from "./button-D-MQxsA_.js";
-import { M as se } from "./multi-select-BT23EnSA.js";
+import { M as se } from "./multi-select-CMaAQQgb.js";
 import { S as ie } from "./scroll-area-CY5SLYNw.js";
 import { A as ne } from "./autocomplete-DosDnGie.js";
 import { N as D } from "./number-input-CVwI1ltI.js";
 import { S as oe } from "./select-k4gBdS8N.js";
-import { B as ue } from "./badge-hnBt8o7n.js";
+import { B as ue } from "./badge-BUk4RjTS.js";
 import { A as $ } from "./avatar-WZY3eGE7.js";
-import { T as K } from "./tag-CS5cXpfx.js";
-import { T as ce } from "./tooltip-Cp-PLePW.js";
+import { T as K } from "./tag-DOZGz0fT.js";
+import { T as ce } from "./tooltip-uEBdD1-5.js";
 import { T as X } from "./timestamp-DPLDWdxA.js";
 const ae = /^\d{4}-\d{2}-\d{2}$/, de = /^(\d{4}-\d{2}-\d{2})/;
 function I(t) {
@@ -864,4 +864,4 @@ export {
   Ke as g,
   k as h
 };
-//# sourceMappingURL=link-cell-renderer-DvhzS6lu.js.map
+//# sourceMappingURL=link-cell-renderer-dtEYlxi2.js.map