@alfadocs/ui-kit-debug 1.61.0 → 1.62.0

package/dist/_chunks/{checkbox--ndmyokr.js.map → checkbox-BjDv-r3o.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox--ndmyokr.js","sources":["../../src/components/checkbox/checkbox-group-context.ts","../../src/components/checkbox/checkbox.agent.ts","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface CheckboxGroupContextShape {\n  name?: string;\n  value: Set<string>;\n  toggle: (itemValue: string) => void;\n  disabled: boolean;\n}\n\nexport const CheckboxGroupContext =\n  createContext<CheckboxGroupContextShape | null>(null);\n\nexport function useCheckboxGroup(): CheckboxGroupContextShape | null {\n  return useContext(CheckboxGroupContext);\n}\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — Checkbox.                                              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { CheckboxHandle } from './checkbox';\n\nexport const checkboxAgent: AgentAdapter<CheckboxHandle> = {\n  id: 'checkbox',\n  // A checkbox is a boolean toggle, not a one-of-N picker — `set_value`,\n  // not `select_single` (which is reserved for choosing one item among many).\n  capabilities: ['set_value'],\n  state: {\n    checked: {\n      type: 'boolean | \"indeterminate\"',\n      descriptionKey: 'ui.agent.checkbox.state.checked',\n      description: 'Current checked state.',\n      read: (handle) => handle.getChecked(),\n    },\n  },\n  actions: {\n    set_checked: {\n      safety: 'write',\n      argsType: '{ checked: boolean | \"indeterminate\" }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          checked: {\n            oneOf: [{ type: 'boolean' }, { const: 'indeterminate' }],\n            description:\n              'Target state: true, false, or the tri-state \"indeterminate\".',\n          },\n        },\n        required: ['checked'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.checkbox.actions.setChecked',\n      description: 'Set the checked state to a specific value.',\n      examples: [{ args: { checked: true }, note: 'Tick the box.' }],\n      invoke: (handle, args: { checked: boolean | 'indeterminate' }) => {\n        handle.setChecked(args.checked);\n      },\n    },\n    toggle: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.checkbox.actions.toggle',\n      description: 'Flip the checked state between checked and unchecked.',\n      invoke: (handle) => {\n        handle.toggle();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'checkbox',\n      description: 'Marks the Checkbox wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useCheckboxGroup } from './checkbox-group-context';\nimport { Tooltip } from '../tooltip';\nimport { useAgentRegistration } from '../../agent';\nimport { checkboxAgent } from './checkbox.agent';\n\n/** Agent-readiness curated handle for Checkbox. */\nexport interface CheckboxHandle {\n  getChecked: () => boolean | 'indeterminate';\n  setChecked: (checked: boolean | 'indeterminate') => void;\n  toggle: () => void;\n}\n\nconst drawClasses = [\n  'ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]',\n  'ds:animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]',\n].join(' ');\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-check-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12l5 5L20 7\" className={drawClasses} />\n    </svg>\n  );\n}\n\nfunction IndeterminateIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-indeterminate-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12h14\" className={drawClasses} />\n    </svg>\n  );\n}\n\nconst checkboxVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    // The off-state edge is all that marks the box, so `--border` is\n    // re-pointed at the 3:1 `--control-border` here. A host still on an\n    // older token sheet lacks this class and keeps the soft edge.\n    'ds:[--border:var(--control-border)]',\n    'ds:border ds:border-border ds:rounded-[var(--radius-sm)] ds:bg-background',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary',\n    'ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary',\n    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n  ].join(' '),\n  {\n    variants: {\n      // Per-size `mt` centers the box optically on the first line of the\n      // label using the type-label line-box height — important when the\n      // label wraps, because the wrapper uses `items-start` so children\n      // align to the top edge rather than the multi-line block's centre.\n      size: {\n        sm: 'ds:size-3.5 ds:mt-[calc((var(--type-label-size)*var(--type-label-line-height)-0.875rem)/2)]',\n        md: 'ds:size-4 ds:mt-[calc((var(--type-label-size)*var(--type-label-line-height)-1rem)/2)]',\n        lg: 'ds:size-5 ds:mt-[calc((var(--type-label-size)*var(--type-label-line-height)-1.25rem)/2)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixCheckbox.Root>;\n\nexport interface CheckboxProps\n  extends\n    Omit<RadixRootProps, 'checked' | 'onCheckedChange' | 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /**\n   * Visible label rendered next to the box. Accepts a string or any React\n   * node — useful for consent labels that embed a privacy / T&C link.\n   */\n  label: ReactNode;\n  checked?: boolean | 'indeterminate';\n  onCheckedChange?: (checked: boolean | 'indeterminate') => void;\n  size?: 'sm' | 'md' | 'lg';\n  disabledReason?: string;\n  value?: string;\n}\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      label,\n      checked,\n      onCheckedChange,\n      size = 'md',\n      disabled,\n      disabledReason,\n      name,\n      value,\n      id,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id ?? generatedId;\n    const group = useCheckboxGroup();\n\n    const inGroup = group !== null && value !== undefined;\n    const [ownCheckedRaw, setOwnChecked] = useControllableState<\n      boolean | 'indeterminate'\n    >({\n      value: checked,\n      defaultValue: false,\n      onChange: onCheckedChange,\n    });\n    const ownChecked = ownCheckedRaw ?? false;\n    const effectiveChecked = inGroup ? group.value.has(value) : ownChecked;\n    const effectiveOnChange = inGroup\n      ? () => group.toggle(value)\n      : (next: boolean | 'indeterminate') => {\n          setOwnChecked(next);\n        };\n    const effectiveName = group?.name ?? name;\n    const effectiveDisabled = group?.disabled || disabled;\n\n    const checkedRef = useRef<boolean | 'indeterminate'>(\n      effectiveChecked ?? false,\n    );\n    checkedRef.current = effectiveChecked ?? false;\n\n    const agentHandle = useMemo<CheckboxHandle>(\n      () => ({\n        getChecked: () => checkedRef.current,\n        setChecked: (next) => {\n          if (inGroup) {\n            // Inside a group: toggle implements set via the group context.\n            const isOn =\n              checkedRef.current === true ||\n              checkedRef.current === 'indeterminate';\n            const want = next === true || next === 'indeterminate';\n            if (isOn !== want) group.toggle(value);\n            return;\n          }\n          setOwnChecked(next);\n        },\n        toggle: () => {\n          if (inGroup) {\n            group.toggle(value);\n            return;\n          }\n          const next =\n            checkedRef.current === true ||\n            checkedRef.current === 'indeterminate'\n              ? false\n              : true;\n          setOwnChecked(next);\n        },\n      }),\n      [inGroup, group, value, setOwnChecked],\n    );\n    useAgentRegistration(checkboxAgent, agentHandle, id);\n\n    // `text-primary-foreground` lives on the SVG (not the <button> Root) so\n    // a legacy consumer rule like `button, input, … { color: inherit }`\n    // can't intercept it — the unlayered consumer rule would beat any\n    // @layer utilities rule on the button itself, leaving the tick paint\n    // (currentColor) inheriting the consumer's body text colour. See\n    // styles.css for the matching form-element revert inside [data-component].\n    const iconSizeClass = [\n      'ds:text-primary-foreground',\n      size === 'sm' ? 'ds:size-3' : size === 'lg' ? 'ds:size-4' : 'ds:size-3.5',\n    ].join(' ');\n\n    const labelClasses = [\n      'type-label ds:text-foreground ds:select-none',\n      effectiveDisabled\n        ? 'ds:cursor-not-allowed ds:opacity-50'\n        : 'ds:cursor-pointer',\n    ].join(' ');\n\n    const content = (\n      <div\n        data-component=\"checkbox\"\n        data-component-id={id}\n        data-option-id={value}\n        className=\"ds:inline-flex ds:items-start ds:gap-[var(--spacing-sm)]\"\n      >\n        <RadixCheckbox.Root\n          ref={ref}\n          id={checkboxId}\n          checked={effectiveChecked}\n          onCheckedChange={effectiveOnChange}\n          disabled={effectiveDisabled}\n          aria-disabled={effectiveDisabled || undefined}\n          name={effectiveName}\n          value={value}\n          className={checkboxVariants({ size, className })}\n          {...props}\n        >\n          <RadixCheckbox.Indicator>\n            {effectiveChecked === 'indeterminate' ? (\n              <IndeterminateIcon className={iconSizeClass} />\n            ) : (\n              <CheckIcon className={iconSizeClass} />\n            )}\n          </RadixCheckbox.Indicator>\n        </RadixCheckbox.Root>\n        <label htmlFor={checkboxId} className={labelClasses}>\n          {label}\n        </label>\n      </div>\n    );\n\n    if (effectiveDisabled && disabledReason) {\n      return <Tooltip label={disabledReason}>{content}</Tooltip>;\n    }\n\n    return content;\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["CheckboxGroupContext","createContext","useCheckboxGroup","useContext","checkboxAgent","handle","args","drawClasses","CheckIcon","className","jsx","IndeterminateIcon","checkboxVariants","cva","Checkbox","forwardRef","label","checked","onCheckedChange","size","disabled","disabledReason","name","value","id","props","ref","generatedId","useId","checkboxId","group","inGroup","ownCheckedRaw","setOwnChecked","useControllableState","effectiveChecked","effectiveOnChange","next","effectiveName","effectiveDisabled","checkedRef","useRef","agentHandle","useMemo","useAgentRegistration","iconSizeClass","labelClasses","content","jsxs","RadixCheckbox","Tooltip"],"mappings":"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"}
+{"version":3,"file":"checkbox-BjDv-r3o.js","sources":["../../src/components/checkbox/checkbox-group-context.ts","../../src/components/checkbox/checkbox.agent.ts","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface CheckboxGroupContextShape {\n  name?: string;\n  value: Set<string>;\n  toggle: (itemValue: string) => void;\n  disabled: boolean;\n}\n\nexport const CheckboxGroupContext =\n  createContext<CheckboxGroupContextShape | null>(null);\n\nexport function useCheckboxGroup(): CheckboxGroupContextShape | null {\n  return useContext(CheckboxGroupContext);\n}\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — Checkbox.                                              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { CheckboxHandle } from './checkbox';\n\nexport const checkboxAgent: AgentAdapter<CheckboxHandle> = {\n  id: 'checkbox',\n  // A checkbox is a boolean toggle, not a one-of-N picker — `set_value`,\n  // not `select_single` (which is reserved for choosing one item among many).\n  capabilities: ['set_value'],\n  state: {\n    checked: {\n      type: 'boolean | \"indeterminate\"',\n      descriptionKey: 'ui.agent.checkbox.state.checked',\n      description: 'Current checked state.',\n      read: (handle) => handle.getChecked(),\n    },\n  },\n  actions: {\n    set_checked: {\n      safety: 'write',\n      argsType: '{ checked: boolean | \"indeterminate\" }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          checked: {\n            oneOf: [{ type: 'boolean' }, { const: 'indeterminate' }],\n            description:\n              'Target state: true, false, or the tri-state \"indeterminate\".',\n          },\n        },\n        required: ['checked'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.checkbox.actions.setChecked',\n      description: 'Set the checked state to a specific value.',\n      examples: [{ args: { checked: true }, note: 'Tick the box.' }],\n      invoke: (handle, args: { checked: boolean | 'indeterminate' }) => {\n        handle.setChecked(args.checked);\n      },\n    },\n    toggle: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.checkbox.actions.toggle',\n      description: 'Flip the checked state between checked and unchecked.',\n      invoke: (handle) => {\n        handle.toggle();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'checkbox',\n      description: 'Marks the Checkbox wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useCheckboxGroup } from './checkbox-group-context';\nimport { Tooltip } from '../tooltip';\nimport { useAgentRegistration } from '../../agent';\nimport { checkboxAgent } from './checkbox.agent';\n\n/** Agent-readiness curated handle for Checkbox. */\nexport interface CheckboxHandle {\n  getChecked: () => boolean | 'indeterminate';\n  setChecked: (checked: boolean | 'indeterminate') => void;\n  toggle: () => void;\n}\n\nconst drawClasses = [\n  'ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1]',\n  'ds:animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]',\n].join(' ');\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-check-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12l5 5L20 7\" className={drawClasses} />\n    </svg>\n  );\n}\n\nfunction IndeterminateIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-indeterminate-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12h14\" className={drawClasses} />\n    </svg>\n  );\n}\n\nconst checkboxVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    // The off-state edge is all that marks the box, so `--border` is\n    // re-pointed at the 3:1 `--control-border` here. A host still on an\n    // older token sheet lacks this class and keeps the soft edge.\n    'ds:[--border:var(--control-border)]',\n    'ds:border ds:border-border ds:rounded-[var(--radius-sm)] ds:bg-background',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary',\n    'ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary',\n    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n  ].join(' '),\n  {\n    variants: {\n      // Per-size `mt` centers the box optically on the first line of the\n      // label using the type-label line-box height — important when the\n      // label wraps, because the wrapper uses `items-start` so children\n      // align to the top edge rather than the multi-line block's centre.\n      size: {\n        sm: 'ds:size-3.5 ds:mt-[calc((var(--type-label-size)*var(--type-label-line-height)-0.875rem)/2)]',\n        md: 'ds:size-4 ds:mt-[calc((var(--type-label-size)*var(--type-label-line-height)-1rem)/2)]',\n        lg: 'ds:size-5 ds:mt-[calc((var(--type-label-size)*var(--type-label-line-height)-1.25rem)/2)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixCheckbox.Root>;\n\nexport interface CheckboxProps\n  extends\n    Omit<RadixRootProps, 'checked' | 'onCheckedChange' | 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /**\n   * Visible label rendered next to the box. Accepts a string or any React\n   * node — useful for consent labels that embed a privacy / T&C link.\n   */\n  label: ReactNode;\n  checked?: boolean | 'indeterminate';\n  onCheckedChange?: (checked: boolean | 'indeterminate') => void;\n  size?: 'sm' | 'md' | 'lg';\n  disabledReason?: string;\n  value?: string;\n}\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      label,\n      checked,\n      onCheckedChange,\n      size = 'md',\n      disabled,\n      disabledReason,\n      name,\n      value,\n      id,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id ?? generatedId;\n    const group = useCheckboxGroup();\n\n    const inGroup = group !== null && value !== undefined;\n    const [ownCheckedRaw, setOwnChecked] = useControllableState<\n      boolean | 'indeterminate'\n    >({\n      value: checked,\n      defaultValue: false,\n      onChange: onCheckedChange,\n    });\n    const ownChecked = ownCheckedRaw ?? false;\n    const effectiveChecked = inGroup ? group.value.has(value) : ownChecked;\n    const effectiveOnChange = inGroup\n      ? () => group.toggle(value)\n      : (next: boolean | 'indeterminate') => {\n          setOwnChecked(next);\n        };\n    const effectiveName = group?.name ?? name;\n    const effectiveDisabled = group?.disabled || disabled;\n\n    const checkedRef = useRef<boolean | 'indeterminate'>(\n      effectiveChecked ?? false,\n    );\n    checkedRef.current = effectiveChecked ?? false;\n\n    const agentHandle = useMemo<CheckboxHandle>(\n      () => ({\n        getChecked: () => checkedRef.current,\n        setChecked: (next) => {\n          if (inGroup) {\n            // Inside a group: toggle implements set via the group context.\n            const isOn =\n              checkedRef.current === true ||\n              checkedRef.current === 'indeterminate';\n            const want = next === true || next === 'indeterminate';\n            if (isOn !== want) group.toggle(value);\n            return;\n          }\n          setOwnChecked(next);\n        },\n        toggle: () => {\n          if (inGroup) {\n            group.toggle(value);\n            return;\n          }\n          const next =\n            checkedRef.current === true ||\n            checkedRef.current === 'indeterminate'\n              ? false\n              : true;\n          setOwnChecked(next);\n        },\n      }),\n      [inGroup, group, value, setOwnChecked],\n    );\n    useAgentRegistration(checkboxAgent, agentHandle, id);\n\n    // `text-primary-foreground` lives on the SVG (not the <button> Root) so\n    // a legacy consumer rule like `button, input, … { color: inherit }`\n    // can't intercept it — the unlayered consumer rule would beat any\n    // @layer utilities rule on the button itself, leaving the tick paint\n    // (currentColor) inheriting the consumer's body text colour. See\n    // styles.css for the matching form-element revert inside [data-component].\n    const iconSizeClass = [\n      'ds:text-primary-foreground',\n      size === 'sm' ? 'ds:size-3' : size === 'lg' ? 'ds:size-4' : 'ds:size-3.5',\n    ].join(' ');\n\n    const labelClasses = [\n      'type-label ds:text-foreground ds:select-none',\n      effectiveDisabled\n        ? 'ds:cursor-not-allowed ds:opacity-50'\n        : 'ds:cursor-pointer',\n    ].join(' ');\n\n    const content = (\n      <div\n        data-component=\"checkbox\"\n        data-component-id={id}\n        data-option-id={value}\n        className=\"ds:inline-flex ds:items-start ds:gap-[var(--spacing-sm)]\"\n      >\n        <RadixCheckbox.Root\n          ref={ref}\n          id={checkboxId}\n          checked={effectiveChecked}\n          onCheckedChange={effectiveOnChange}\n          disabled={effectiveDisabled}\n          aria-disabled={effectiveDisabled || undefined}\n          name={effectiveName}\n          value={value}\n          className={checkboxVariants({ size, className })}\n          {...props}\n        >\n          <RadixCheckbox.Indicator>\n            {effectiveChecked === 'indeterminate' ? (\n              <IndeterminateIcon className={iconSizeClass} />\n            ) : (\n              <CheckIcon className={iconSizeClass} />\n            )}\n          </RadixCheckbox.Indicator>\n        </RadixCheckbox.Root>\n        <label htmlFor={checkboxId} className={labelClasses}>\n          {label}\n        </label>\n      </div>\n    );\n\n    if (effectiveDisabled && disabledReason) {\n      return <Tooltip label={disabledReason}>{content}</Tooltip>;\n    }\n\n    return content;\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["CheckboxGroupContext","createContext","useCheckboxGroup","useContext","checkboxAgent","handle","args","drawClasses","CheckIcon","className","jsx","IndeterminateIcon","checkboxVariants","cva","Checkbox","forwardRef","label","checked","onCheckedChange","size","disabled","disabledReason","name","value","id","props","ref","generatedId","useId","checkboxId","group","inGroup","ownCheckedRaw","setOwnChecked","useControllableState","effectiveChecked","effectiveOnChange","next","effectiveName","effectiveDisabled","checkedRef","useRef","agentHandle","useMemo","useAgentRegistration","iconSizeClass","labelClasses","content","jsxs","RadixCheckbox","Tooltip"],"mappings":"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"}

package/dist/_chunks/{checkbox-group-B0oZHNT3.js → checkbox-group-Cw2H5qaq.js}

@@ -3,7 +3,7 @@ import { forwardRef as O, useId as Q, useMemo as S, useState as T, useRef as W,
 import { c as Z } from "./index-D2ZczOXr.js";
 import { useTranslation as V } from "react-i18next";
 import { u as ee } from "./use-controllable-state-BiY4xTzM.js";
-import { C as M, a as te } from "./checkbox--ndmyokr.js";
+import { C as M, a as te } from "./checkbox-BjDv-r3o.js";
 import { u as se } from "./registry-DvAUVLHh.js";
 import { C as ce } from "./circle-alert-rGDZ73Wh.js";
 const re = {
@@ -210,4 +210,4 @@ oe.displayName = "CheckboxGroup";
 export {
   oe as C
 };
-//# sourceMappingURL=checkbox-group-B0oZHNT3.js.map
+//# sourceMappingURL=checkbox-group-Cw2H5qaq.js.map

package/dist/_chunks/{checkbox-group-B0oZHNT3.js.map → checkbox-group-Cw2H5qaq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group-B0oZHNT3.js","sources":["../../src/components/checkbox-group/checkbox-group.agent.ts","../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — CheckboxGroup.                                         */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { CheckboxGroupHandle } from './checkbox-group';\n\nexport const checkboxGroupAgent: AgentAdapter<CheckboxGroupHandle> = {\n  id: 'checkbox-group',\n  capabilities: ['select_multiple'],\n  state: {\n    selection: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.checkboxGroup.state.selection',\n      description: 'Values of currently-checked options.',\n      read: (handle) => handle.getSelection(),\n    },\n  },\n  actions: {\n    set_selection: {\n      safety: 'write',\n      argsType: '{ ids: string[] }',\n      descriptionKey: 'ui.agent.checkboxGroup.actions.setSelection',\n      description:\n        'Replace the current selection with the given option values.',\n      invoke: (handle, args: { ids: string[] }) => {\n        handle.setSelection(args.ids);\n      },\n    },\n    clear_selection: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.checkboxGroup.actions.clearSelection',\n      description: 'Uncheck every option in the group.',\n      invoke: (handle) => {\n        handle.clearSelection();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'checkbox-group',\n      description: 'Marks the CheckboxGroup fieldset.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description:\n        'Stable opaque value emitted on each rendered Checkbox child within the group.',\n    },\n  },\n};\n","import {\n  Children,\n  forwardRef,\n  isValidElement,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { CircleAlert } from 'lucide-react';\nimport { Checkbox } from '../checkbox/checkbox';\nimport {\n  CheckboxGroupContext,\n  type CheckboxGroupContextShape,\n} from '../checkbox/checkbox-group-context';\nimport { useAgentRegistration } from '../../agent';\nimport { checkboxGroupAgent } from './checkbox-group.agent';\n\n/** Agent-readiness curated handle for CheckboxGroup. */\nexport interface CheckboxGroupHandle {\n  getSelection: () => string[];\n  setSelection: (ids: string[]) => void;\n  clearSelection: () => void;\n}\n\nconst checkboxGroupVariants = cva('', {\n  variants: {\n    orientation: {\n      vertical: 'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n      horizontal:\n        'ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)]',\n    },\n  },\n  defaultVariants: { orientation: 'vertical' },\n});\n\nexport interface CheckboxGroupOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface CheckboxGroupProps extends VariantProps<\n  typeof checkboxGroupVariants\n> {\n  label: string;\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  name?: string;\n  /** Stable id, used to address this instance from the agent runtime. */\n  id?: string;\n  orientation?: 'vertical' | 'horizontal';\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  onConstraintViolation?: (type: 'min' | 'max') => void;\n  withSelectAll?: boolean;\n  options?: CheckboxGroupOption[];\n  error?: string;\n  helperText?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\nfunction collectChildValues(children: ReactNode): string[] {\n  const values: string[] = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n    const props = child.props as { value?: unknown };\n    if (typeof props.value === 'string') values.push(props.value);\n  });\n  return values;\n}\n\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>(\n  (\n    {\n      label,\n      value: controlledValue,\n      onChange,\n      name,\n      id,\n      orientation = 'vertical',\n      disabled = false,\n      min,\n      max,\n      onConstraintViolation,\n      withSelectAll = false,\n      options,\n      error,\n      helperText,\n      className,\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const baseId = useId();\n    const helperId = `${baseId}-helper`;\n    const errorId = `${baseId}-error`;\n    const counterId = `${baseId}-counter`;\n\n    const [currentValueRaw, setCurrentValue] = useControllableState<string[]>({\n      value: controlledValue,\n      defaultValue: [] as string[],\n      onChange,\n    });\n    const currentValue = currentValueRaw ?? [];\n\n    const valueSet = useMemo(() => new Set(currentValue), [currentValue]);\n\n    const [violationMsg, setViolationMsg] = useState<string>('');\n\n    const allValues = useMemo<string[]>(\n      () =>\n        options ? options.map((o) => o.value) : collectChildValues(children),\n      [options, children],\n    );\n\n    const commit = (next: string[]): void => {\n      setCurrentValue(next);\n    };\n\n    const currentValueRef = useRef<string[]>(currentValue);\n    currentValueRef.current = currentValue;\n\n    const agentHandle = useMemo<CheckboxGroupHandle>(\n      () => ({\n        getSelection: () => currentValueRef.current.slice(),\n        setSelection: (ids) => commit(ids),\n        clearSelection: () => commit([]),\n      }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [setCurrentValue],\n    );\n    useAgentRegistration(checkboxGroupAgent, agentHandle, id);\n\n    const toggle = (itemValue: string): void => {\n      if (valueSet.has(itemValue)) {\n        if (typeof min === 'number' && currentValue.length <= min) {\n          setViolationMsg(t('inputs.checkboxGroup.minReached', { min }));\n          onConstraintViolation?.('min');\n          return;\n        }\n        setViolationMsg('');\n        commit(currentValue.filter((v) => v !== itemValue));\n        return;\n      }\n      if (typeof max === 'number' && currentValue.length >= max) {\n        setViolationMsg(t('inputs.checkboxGroup.maxReached', { max }));\n        onConstraintViolation?.('max');\n        return;\n      }\n      setViolationMsg('');\n      commit([...currentValue, itemValue]);\n    };\n\n    const ctxValue: CheckboxGroupContextShape = {\n      name,\n      value: valueSet,\n      toggle,\n      disabled,\n    };\n\n    const total = allValues.length;\n    const count = currentValue.length;\n\n    const parentChecked: boolean | 'indeterminate' =\n      total === 0 || count === 0\n        ? false\n        : count >= total\n          ? true\n          : 'indeterminate';\n\n    const handleSelectAll = (): void => {\n      if (parentChecked === true) {\n        if (typeof min === 'number' && min > 0) {\n          setViolationMsg(t('inputs.checkboxGroup.minReached', { min }));\n          onConstraintViolation?.('min');\n          return;\n        }\n        commit([]);\n        setViolationMsg('');\n        return;\n      }\n      const toCheck =\n        typeof max === 'number' ? allValues.slice(0, max) : allValues;\n      commit(toCheck);\n      setViolationMsg('');\n    };\n\n    const describedBy =\n      [\n        helperText ? helperId : null,\n        error ? errorId : null,\n        total > 0 ? counterId : null,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const resolvedChildren =\n      children ??\n      (options\n        ? options.map((opt) => (\n            <Checkbox\n              key={opt.value}\n              value={opt.value}\n              label={opt.label}\n              disabled={opt.disabled}\n            />\n          ))\n        : null);\n\n    const fieldsetClasses = [\n      'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0 ds:border-0 ds:p-0 ds:m-0',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <fieldset\n        ref={ref}\n        id={id}\n        className={fieldsetClasses}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        data-component=\"checkbox-group\"\n        data-component-id={id}\n      >\n        <legend className=\"type-label ds:text-foreground ds:p-0 ds:mb-[var(--spacing-sm)]\">\n          {label}\n        </legend>\n        {withSelectAll ? (\n          <Checkbox\n            label={t('inputs.checkboxGroup.selectAll')}\n            checked={parentChecked}\n            onCheckedChange={handleSelectAll}\n            disabled={disabled}\n          />\n        ) : null}\n        <CheckboxGroupContext.Provider value={ctxValue}>\n          <div className={checkboxGroupVariants({ orientation })}>\n            {resolvedChildren}\n          </div>\n        </CheckboxGroupContext.Provider>\n        {helperText ? (\n          <p id={helperId} className=\"type-body-sm ds:text-muted-foreground\">\n            {helperText}\n          </p>\n        ) : null}\n        {error ? (\n          <p\n            id={errorId}\n            role=\"alert\"\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n          >\n            <CircleAlert aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n            <span>{error}</span>\n          </p>\n        ) : null}\n        <span\n          id={counterId}\n          role=\"status\"\n          aria-live=\"polite\"\n          className=\"ds:sr-only\"\n        >\n          {total > 0 ? t('inputs.checkboxGroup.counter', { count, total }) : ''}\n        </span>\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {violationMsg}\n        </span>\n      </fieldset>\n    );\n  },\n);\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n"],"names":["checkboxGroupAgent","handle","args","checkboxGroupVariants","cva","collectChildValues","children","values","Children","child","isValidElement","props","CheckboxGroup","forwardRef","label","controlledValue","onChange","name","id","orientation","disabled","min","max","onConstraintViolation","withSelectAll","options","error","helperText","className","ref","t","useTranslation","baseId","useId","helperId","errorId","counterId","currentValueRaw","setCurrentValue","useControllableState","currentValue","valueSet","useMemo","violationMsg","setViolationMsg","useState","allValues","o","commit","next","currentValueRef","useRef","agentHandle","ids","useAgentRegistration","ctxValue","itemValue","v","total","count","parentChecked","handleSelectAll","toCheck","describedBy","resolvedChildren","opt","jsx","Checkbox","fieldsetClasses","jsxs","CheckboxGroupContext","CircleAlert"],"mappings":"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"}
+{"version":3,"file":"checkbox-group-Cw2H5qaq.js","sources":["../../src/components/checkbox-group/checkbox-group.agent.ts","../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — CheckboxGroup.                                         */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { CheckboxGroupHandle } from './checkbox-group';\n\nexport const checkboxGroupAgent: AgentAdapter<CheckboxGroupHandle> = {\n  id: 'checkbox-group',\n  capabilities: ['select_multiple'],\n  state: {\n    selection: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.checkboxGroup.state.selection',\n      description: 'Values of currently-checked options.',\n      read: (handle) => handle.getSelection(),\n    },\n  },\n  actions: {\n    set_selection: {\n      safety: 'write',\n      argsType: '{ ids: string[] }',\n      descriptionKey: 'ui.agent.checkboxGroup.actions.setSelection',\n      description:\n        'Replace the current selection with the given option values.',\n      invoke: (handle, args: { ids: string[] }) => {\n        handle.setSelection(args.ids);\n      },\n    },\n    clear_selection: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.checkboxGroup.actions.clearSelection',\n      description: 'Uncheck every option in the group.',\n      invoke: (handle) => {\n        handle.clearSelection();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'checkbox-group',\n      description: 'Marks the CheckboxGroup fieldset.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description:\n        'Stable opaque value emitted on each rendered Checkbox child within the group.',\n    },\n  },\n};\n","import {\n  Children,\n  forwardRef,\n  isValidElement,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { CircleAlert } from 'lucide-react';\nimport { Checkbox } from '../checkbox/checkbox';\nimport {\n  CheckboxGroupContext,\n  type CheckboxGroupContextShape,\n} from '../checkbox/checkbox-group-context';\nimport { useAgentRegistration } from '../../agent';\nimport { checkboxGroupAgent } from './checkbox-group.agent';\n\n/** Agent-readiness curated handle for CheckboxGroup. */\nexport interface CheckboxGroupHandle {\n  getSelection: () => string[];\n  setSelection: (ids: string[]) => void;\n  clearSelection: () => void;\n}\n\nconst checkboxGroupVariants = cva('', {\n  variants: {\n    orientation: {\n      vertical: 'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n      horizontal:\n        'ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)]',\n    },\n  },\n  defaultVariants: { orientation: 'vertical' },\n});\n\nexport interface CheckboxGroupOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface CheckboxGroupProps extends VariantProps<\n  typeof checkboxGroupVariants\n> {\n  label: string;\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  name?: string;\n  /** Stable id, used to address this instance from the agent runtime. */\n  id?: string;\n  orientation?: 'vertical' | 'horizontal';\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  onConstraintViolation?: (type: 'min' | 'max') => void;\n  withSelectAll?: boolean;\n  options?: CheckboxGroupOption[];\n  error?: string;\n  helperText?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\nfunction collectChildValues(children: ReactNode): string[] {\n  const values: string[] = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n    const props = child.props as { value?: unknown };\n    if (typeof props.value === 'string') values.push(props.value);\n  });\n  return values;\n}\n\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>(\n  (\n    {\n      label,\n      value: controlledValue,\n      onChange,\n      name,\n      id,\n      orientation = 'vertical',\n      disabled = false,\n      min,\n      max,\n      onConstraintViolation,\n      withSelectAll = false,\n      options,\n      error,\n      helperText,\n      className,\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const baseId = useId();\n    const helperId = `${baseId}-helper`;\n    const errorId = `${baseId}-error`;\n    const counterId = `${baseId}-counter`;\n\n    const [currentValueRaw, setCurrentValue] = useControllableState<string[]>({\n      value: controlledValue,\n      defaultValue: [] as string[],\n      onChange,\n    });\n    const currentValue = currentValueRaw ?? [];\n\n    const valueSet = useMemo(() => new Set(currentValue), [currentValue]);\n\n    const [violationMsg, setViolationMsg] = useState<string>('');\n\n    const allValues = useMemo<string[]>(\n      () =>\n        options ? options.map((o) => o.value) : collectChildValues(children),\n      [options, children],\n    );\n\n    const commit = (next: string[]): void => {\n      setCurrentValue(next);\n    };\n\n    const currentValueRef = useRef<string[]>(currentValue);\n    currentValueRef.current = currentValue;\n\n    const agentHandle = useMemo<CheckboxGroupHandle>(\n      () => ({\n        getSelection: () => currentValueRef.current.slice(),\n        setSelection: (ids) => commit(ids),\n        clearSelection: () => commit([]),\n      }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [setCurrentValue],\n    );\n    useAgentRegistration(checkboxGroupAgent, agentHandle, id);\n\n    const toggle = (itemValue: string): void => {\n      if (valueSet.has(itemValue)) {\n        if (typeof min === 'number' && currentValue.length <= min) {\n          setViolationMsg(t('inputs.checkboxGroup.minReached', { min }));\n          onConstraintViolation?.('min');\n          return;\n        }\n        setViolationMsg('');\n        commit(currentValue.filter((v) => v !== itemValue));\n        return;\n      }\n      if (typeof max === 'number' && currentValue.length >= max) {\n        setViolationMsg(t('inputs.checkboxGroup.maxReached', { max }));\n        onConstraintViolation?.('max');\n        return;\n      }\n      setViolationMsg('');\n      commit([...currentValue, itemValue]);\n    };\n\n    const ctxValue: CheckboxGroupContextShape = {\n      name,\n      value: valueSet,\n      toggle,\n      disabled,\n    };\n\n    const total = allValues.length;\n    const count = currentValue.length;\n\n    const parentChecked: boolean | 'indeterminate' =\n      total === 0 || count === 0\n        ? false\n        : count >= total\n          ? true\n          : 'indeterminate';\n\n    const handleSelectAll = (): void => {\n      if (parentChecked === true) {\n        if (typeof min === 'number' && min > 0) {\n          setViolationMsg(t('inputs.checkboxGroup.minReached', { min }));\n          onConstraintViolation?.('min');\n          return;\n        }\n        commit([]);\n        setViolationMsg('');\n        return;\n      }\n      const toCheck =\n        typeof max === 'number' ? allValues.slice(0, max) : allValues;\n      commit(toCheck);\n      setViolationMsg('');\n    };\n\n    const describedBy =\n      [\n        helperText ? helperId : null,\n        error ? errorId : null,\n        total > 0 ? counterId : null,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const resolvedChildren =\n      children ??\n      (options\n        ? options.map((opt) => (\n            <Checkbox\n              key={opt.value}\n              value={opt.value}\n              label={opt.label}\n              disabled={opt.disabled}\n            />\n          ))\n        : null);\n\n    const fieldsetClasses = [\n      'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0 ds:border-0 ds:p-0 ds:m-0',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <fieldset\n        ref={ref}\n        id={id}\n        className={fieldsetClasses}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        data-component=\"checkbox-group\"\n        data-component-id={id}\n      >\n        <legend className=\"type-label ds:text-foreground ds:p-0 ds:mb-[var(--spacing-sm)]\">\n          {label}\n        </legend>\n        {withSelectAll ? (\n          <Checkbox\n            label={t('inputs.checkboxGroup.selectAll')}\n            checked={parentChecked}\n            onCheckedChange={handleSelectAll}\n            disabled={disabled}\n          />\n        ) : null}\n        <CheckboxGroupContext.Provider value={ctxValue}>\n          <div className={checkboxGroupVariants({ orientation })}>\n            {resolvedChildren}\n          </div>\n        </CheckboxGroupContext.Provider>\n        {helperText ? (\n          <p id={helperId} className=\"type-body-sm ds:text-muted-foreground\">\n            {helperText}\n          </p>\n        ) : null}\n        {error ? (\n          <p\n            id={errorId}\n            role=\"alert\"\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n          >\n            <CircleAlert aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n            <span>{error}</span>\n          </p>\n        ) : null}\n        <span\n          id={counterId}\n          role=\"status\"\n          aria-live=\"polite\"\n          className=\"ds:sr-only\"\n        >\n          {total > 0 ? t('inputs.checkboxGroup.counter', { count, total }) : ''}\n        </span>\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {violationMsg}\n        </span>\n      </fieldset>\n    );\n  },\n);\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n"],"names":["checkboxGroupAgent","handle","args","checkboxGroupVariants","cva","collectChildValues","children","values","Children","child","isValidElement","props","CheckboxGroup","forwardRef","label","controlledValue","onChange","name","id","orientation","disabled","min","max","onConstraintViolation","withSelectAll","options","error","helperText","className","ref","t","useTranslation","baseId","useId","helperId","errorId","counterId","currentValueRaw","setCurrentValue","useControllableState","currentValue","valueSet","useMemo","violationMsg","setViolationMsg","useState","allValues","o","commit","next","currentValueRef","useRef","agentHandle","ids","useAgentRegistration","ctxValue","itemValue","v","total","count","parentChecked","handleSelectAll","toCheck","describedBy","resolvedChildren","opt","jsx","Checkbox","fieldsetClasses","jsxs","CheckboxGroupContext","CircleAlert"],"mappings":"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"}

package/dist/_chunks/{clinical-note-card-L6FVM9Gx.js → clinical-note-card-BgURrgL5.js}

@@ -3,11 +3,11 @@ import { forwardRef as T, useId as P, useState as k, useMemo as ee } from "react
 import { c as z } from "./index-D2ZczOXr.js";
 import { useTranslation as se } from "react-i18next";
 import { A as ae } from "./avatar-WZY3eGE7.js";
-import { B as b } from "./badge-hnBt8o7n.js";
+import { B as b } from "./badge-BUk4RjTS.js";
 import { C as S } from "./card-BA4Ig_kn.js";
 import { T as B } from "./timestamp-DPLDWdxA.js";
 import { SafeHtml as ie } from "../safe-html/index.js";
-import { n as te, P as I, F as O, N as re } from "./note-attachment-Bt2cddsZ.js";
+import { n as te, P as I, F as O, N as re } from "./note-attachment-DoVWvjWR.js";
 import { u as de } from "./use-clamp-overflow-DQE2kwZ9.js";
 import { u as ne } from "./registry-DvAUVLHh.js";
 const oe = {
@@ -337,4 +337,4 @@ export {
   ue as C,
   oe as c
 };
-//# sourceMappingURL=clinical-note-card-L6FVM9Gx.js.map
+//# sourceMappingURL=clinical-note-card-BgURrgL5.js.map

package/dist/_chunks/{clinical-note-card-L6FVM9Gx.js.map → clinical-note-card-BgURrgL5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"clinical-note-card-L6FVM9Gx.js","sources":["../../src/components/clinical-note-card/clinical-note-card.agent.ts","../../src/components/clinical-note-card/clinical-note-card.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ClinicalNoteCard.                                     */\n/*                                                                        */\n/* Read-only presentation surface. Exposes the note's id + structural    */\n/* flags (pinned / flagged / attachment kind) so a future MCP UI bridge  */\n/* can locate and describe a rendered note. NEVER reads the note body or */\n/* any author identity — those are PHI and stay out of the agent layer.  */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ClinicalNoteCardHandle } from './clinical-note-card';\n\nexport const clinicalNoteCardAgent: AgentAdapter<ClinicalNoteCardHandle> = {\n  id: 'clinical-note-card',\n  capabilities: [],\n  state: {\n    noteId: {\n      type: 'string | undefined',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.noteId',\n      description: 'Stable identifier of the rendered note, when supplied.',\n      read: (handle) => handle.getNoteId(),\n    },\n    pinned: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.pinned',\n      description: 'Whether the note is pinned to the top of the timeline.',\n      read: (handle) => handle.isPinned(),\n    },\n    flagged: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.flagged',\n      description: 'Whether the note is flagged for follow-up.',\n      read: (handle) => handle.isFlagged(),\n    },\n    attachmentKind: {\n      type: \"'patient' | 'carePlan' | 'carePlanEntry' | 'phase' | 'xray' | undefined\",\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.attachmentKind',\n      description:\n        'Structural kind the note is attached to. Never the attachment identity or content.',\n      read: (handle) => handle.getAttachmentKind(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'clinical-note-card',\n      description:\n        'Marks the ClinicalNoteCard root. Also emits data-pinned / data-flagged / data-attached-to structural hooks; the pin / flag toggles carry data-note-action=\"pin\" | \"flag\".',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop — addresses a specific note.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Flag, Pin } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Timestamp } from '../timestamp';\nimport { SafeHtml } from '../_shared/safe-html';\nimport { noteMarkdownToHtml } from '../_shared/note-markdown';\nimport {\n  NoteAttachmentChip,\n  type NoteAttachment,\n} from '../_shared/note-attachment';\nimport { useClampOverflow } from '../../hooks/use-clamp-overflow';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { clinicalNoteCardAgent } from './clinical-note-card.agent';\n\n// The attachment type moved to `_shared` when NoteTimeline began rendering the\n// same chip; re-exported here so this component's public API is unchanged.\nexport type { NoteAttachment };\n\n/* -------------------------------------------------------------------- */\n/* ClinicalNoteCard                                                      */\n/*                                                                        */\n/* A single clinical note — the free-text annotation an operator writes  */\n/* against a patient, care plan, treatment phase, or x-ray. Replaces the */\n/* bespoke \"nota clinica\" rows scattered across the platform patient     */\n/* timeline. Composes Card + Avatar (author) + Timestamp + Badge/Tag     */\n/* (clinical / pinned / flagged) + Link (attachment) and renders the     */\n/* markdown body through the shared SafeHtml helper — the only sanctioned */\n/* carrier of dangerouslySetInnerHTML (constraint §8).                   */\n/*                                                                        */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `clinicalNoteCard.*` namespace. No PHI is read by the agent adapter — */\n/* only the note id and structural flags are exposed.                    */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\n/** Author identity — drives the avatar + visible byline. */\nexport interface ClinicalNoteAuthor {\n  /** Display name. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n}\n\n/** Imperative handle exposed to the agent runtime — identifiers / flags only. */\nexport interface ClinicalNoteCardHandle {\n  /** The note's stable id, when supplied. */\n  getNoteId: () => string | undefined;\n  /** Whether the note is currently pinned. */\n  isPinned: () => boolean;\n  /** Whether the note is currently flagged. */\n  isFlagged: () => boolean;\n  /** The attachment kind the note is bound to. */\n  getAttachmentKind: () => NoteAttachment['kind'] | undefined;\n}\n\nexport interface ClinicalNoteCardProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'aria-label' | 'children' | 'content' | 'title'\n> {\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n  /**\n   * ISO-8601 timestamp the note refers to (the clinical date). Drives the\n   * primary `<Timestamp>`. An empty string renders no timestamp (an undated\n   * imported note).\n   */\n  dateIso: string;\n  /**\n   * ISO-8601 timestamp the note was authored, when it differs from\n   * `dateIso`. Rendered as a secondary \"added\" line.\n   */\n  createdAtIso?: string;\n  /** Author identity — avatar + byline. Optional for system notes. */\n  author?: ClinicalNoteAuthor;\n  /** The operator the note is credited to: a secondary \"Operator: …\" byline. */\n  operatorName?: string;\n  /**\n   * A deleted note kept for the record. Shows a \"Deleted\" badge and keeps the\n   * body out of the DOM until the reader presses \"Show deleted note\". Not an\n   * access control: the body is one press away.\n   */\n  deleted?: boolean;\n  /**\n   * Whether this is a clinical note (vs. an administrative one). When true a\n   * \"Clinical\" badge is shown so the note's nature is unambiguous at a glance.\n   */\n  clinical?: boolean;\n  /** What the note is attached to — drives a contextual chip + optional link. */\n  attachedTo?: NoteAttachment;\n  /**\n   * The note body, authored in a small, safe subset of Markdown (bold,\n   * italic, inline code, links, line breaks, simple lists). Rendered through\n   * the shared `SafeHtml` helper with the `markdown` sanitiser profile —\n   * raw HTML and unsafe link schemes are stripped.\n   */\n  content: string;\n  /**\n   * How `content` is authored. `'markdown'` (default) runs the small Markdown\n   * subset through the converter; `'html'` treats `content` as rich HTML\n   * (e.g. Redactor output) and renders it through SafeHtml's `rich-text`\n   * profile, so colours, sizes, tables and images survive sanitisation.\n   */\n  contentFormat?: 'markdown' | 'html';\n  /** Pin the note to the top of a timeline — shows a \"Pinned\" chip. */\n  pinned?: boolean;\n  /** Flag the note for follow-up / attention — shows a \"Flagged\" chip. */\n  flagged?: boolean;\n  /**\n   * Host-owned actions for this note (edit, delete, share …), rendered\n   * beside the pin and flag. They belong in the same cluster: a reader\n   * looking for what they can do to a note should find every affordance\n   * in one place, not some in the card and the rest below it.\n   */\n  headerActions?: ReactNode;\n  /**\n   * When provided, the pinned chip becomes an `aria-pressed` toggle button so\n   * the note can be (un)pinned in place — the pin glyph fills and tints to the\n   * accent when pinned (no button fill). Omit for a static, display-only card.\n   */\n  onTogglePin?: () => void;\n  /** As `onTogglePin`, for the flagged state (warning-tinted when flagged). */\n  onToggleFlag?: () => void;\n  /**\n   * A pin write is in flight. The toggle keeps showing `pinned`, is\n   * `aria-disabled`, dims and ignores clicks until the host answers. Only\n   * with `onTogglePin`.\n   */\n  pinPending?: boolean;\n  /** As `pinPending`, for the flag toggle. */\n  flagPending?: boolean;\n  /**\n   * Clamp the rendered body to five lines. When the body is taller than the\n   * clamp, a \"Read more\" / \"Read less\" disclosure toggles the full text in\n   * place — the note stays a read-only display surface, so this is the\n   * sighted-user escape hatch (assistive tech reads the full body regardless).\n   */\n  truncate?: boolean;\n  /**\n   * `'elevated'` (default) wraps the note in `<Card variant=\"elevated\">`.\n   * `'flat'` drops the chrome for use inside an existing Card / timeline rail.\n   */\n  surface?: 'flat' | 'elevated';\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                            */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    surface: { flat: '', elevated: '' },\n  },\n  defaultVariants: { surface: 'elevated' },\n});\n\n/* Body clamp — applied only when `truncate` is set. Logical-safe. */\nconst bodyVariants = cva(\n  [\n    'type-body-sm ds:text-[color:var(--foreground)]',\n    'ds:break-words',\n    '[&_a]:ds:underline [&_a]:ds:underline-offset-2',\n    '[&_code]:ds:rounded-[var(--radius-sm)] [&_code]:ds:bg-muted/30 [&_code]:ds:ps-[var(--spacing-xs)] [&_code]:ds:pe-[var(--spacing-xs)] [&_code]:ds:font-[family-name:var(--font-mono)]',\n    '[&_p]:ds:m-0 [&_p+p]:ds:mt-[var(--spacing-sm)]',\n    // `list-disc` / `list-decimal` are load-bearing: the card renders host\n    // HTML inside `[data-component]`, where preflight's `list-style: none`\n    // still applies. Without them the indent lands but the markers do not.\n    'ds:[&_ul]:m-0 ds:[&_ul]:ps-[var(--spacing-md)] ds:[&_ul]:list-disc ds:[&_ol]:m-0 ds:[&_ol]:ps-[var(--spacing-md)] ds:[&_ol]:list-decimal',\n    // Rich-text (Redactor) extras — harmless on markdown notes, which carry\n    // none of these tags. Headings, inline images and tables stay readable.\n    '[&_h2]:type-title-item [&_h3]:type-title-item [&_h2]:ds:m-0 [&_h3]:ds:m-0',\n    '[&_img]:ds:max-w-full [&_img]:ds:h-auto [&_img]:ds:rounded-[var(--radius-sm)]',\n    '[&_table]:ds:my-[var(--spacing-sm)] [&_table]:ds:w-full [&_table]:ds:border-collapse',\n    '[&_th]:ds:border [&_th]:ds:border-[color:var(--border)] [&_th]:ds:ps-[var(--spacing-xs)] [&_th]:ds:pe-[var(--spacing-xs)] [&_th]:ds:py-[var(--spacing-2xs)] [&_th]:ds:text-start',\n    '[&_td]:ds:border [&_td]:ds:border-[color:var(--border)] [&_td]:ds:ps-[var(--spacing-xs)] [&_td]:ds:pe-[var(--spacing-xs)] [&_td]:ds:py-[var(--spacing-2xs)]',\n  ].join(' '),\n  {\n    variants: {\n      truncate: {\n        true: 'ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:5]',\n        false: '',\n      },\n    },\n    defaultVariants: { truncate: false },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Inline affordances — pin / flag toggle + read-more disclosure        */\n/* -------------------------------------------------------------------- */\n\n/* Pin / flag toggle. A raw button (not IconButton) so the pressed state\n   reads as a FILLED glyph + colour tint rather than a filled button — the\n   same treatment as the Sidebar favourite star. The compact box keeps a\n   --min-target-size hit area on touch via the ::before expansion. */\nconst noteToggleBase = [\n  'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:size-7 ds:rounded-[var(--radius-sm)]',\n  '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  'ds:hover:bg-[color:var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-[color,background-color] ds:duration-[var(--animation-duration)]',\n  'ds:motion-reduce:transition-none',\n  // A write in flight: the toggle stays focusable, says it is busy and\n  // dims as a waiting Button does, so a keyboard reader sees it too.\n  'ds:aria-disabled:cursor-progress ds:aria-disabled:opacity-50',\n].join(' ');\n\n/* Read-more / read-less disclosure — an inline text toggle in the flow of\n   the body copy (exempt from target-size the same way an inline link is). */\nconst readMoreClasses = [\n  'ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start',\n  'ds:text-[length:var(--font-size-xs)] ds:font-semibold',\n  'ds:underline ds:underline-offset-2 ds:text-[color:var(--primary)] ds:hover:no-underline',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst deletedDisclosure = cva([\n  readMoreClasses,\n  'ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]',\n]);\n\ninterface NoteToggleProps {\n  /** The lucide glyph, pre-configured with `fill` + size by the caller. */\n  icon: ReactNode;\n  /** Current pressed state. */\n  pressed: boolean;\n  /** Accessible label (flips between the on / off verb). */\n  label: string;\n  /** Colour class applied while pressed (accent for pin, warning for flag). */\n  activeClassName: string;\n  /** Stable hook for hosts, agents and focus rescue: `pin` or `flag`. */\n  action: 'pin' | 'flag';\n  /** A write is in flight: aria-disabled, and clicks do nothing. */\n  pending: boolean;\n  onToggle: () => void;\n}\n\nfunction NoteToggle({\n  icon,\n  pressed,\n  label,\n  activeClassName,\n  action,\n  pending,\n  onToggle,\n}: NoteToggleProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={pressed}\n      aria-label={label}\n      // aria-disabled, not disabled: the toggle keeps its focus while the\n      // host answers, so a keyboard reader is not dropped onto the page.\n      aria-disabled={pending || undefined}\n      data-note-action={action}\n      onClick={() => {\n        if (!pending) onToggle();\n      }}\n      className={[\n        noteToggleBase,\n        pressed\n          ? activeClassName\n          : 'ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--foreground)]',\n      ].join(' ')}\n    >\n      {icon}\n    </button>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const ClinicalNoteCard = forwardRef<\n  HTMLDivElement,\n  ClinicalNoteCardProps\n>(\n  (\n    {\n      id,\n      dateIso,\n      createdAtIso,\n      author,\n      operatorName,\n      deleted,\n      clinical,\n      attachedTo,\n      content,\n      contentFormat = 'markdown',\n      pinned,\n      flagged,\n      headerActions,\n      onTogglePin,\n      onToggleFlag,\n      pinPending = false,\n      flagPending = false,\n      truncate = false,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const headingId = useId();\n    const bodyId = useId();\n    const [expanded, setExpanded] = useState(false);\n    const [deletedOpen, setDeletedOpen] = useState(false);\n    const [previousDeleted, setPreviousDeleted] = useState(!!deleted);\n    if (previousDeleted !== !!deleted) {\n      setPreviousDeleted(!!deleted);\n      setDeletedOpen(false);\n    }\n    // A deleted note's body stays empty and hidden until the reader reveals it.\n    const bodyHidden = !!deleted && !deletedOpen;\n\n    // Only measure while clamped — once expanded there's nothing to clip.\n    const { ref: clampRef, isOverflowing } = useClampOverflow<HTMLDivElement>(\n      truncate && !expanded && !bodyHidden,\n    );\n    // Show the disclosure once the body overflows; keep it while expanded so\n    // the user can collapse again.\n    const showReadMore = truncate && !bodyHidden && (isOverflowing || expanded);\n\n    // Markdown notes are converted to a safe HTML subset; rich-text (Redactor)\n    // notes are passed through verbatim and sanitised by SafeHtml's broader\n    // `rich-text` profile at render. Either way SafeHtml is the only carrier.\n    const bodyHtml = useMemo(\n      () => (contentFormat === 'html' ? content : noteMarkdownToHtml(content)),\n      [content, contentFormat],\n    );\n\n    const resolvedAriaLabel = ariaLabel ?? t('clinicalNoteCard.regionLabel');\n\n    useAgentRegistration(\n      clinicalNoteCardAgent,\n      {\n        getNoteId: () => id,\n        isPinned: () => !!pinned,\n        isFlagged: () => !!flagged,\n        getAttachmentKind: () => attachedTo?.kind,\n      },\n      id,\n    );\n\n    const attachmentNode = <NoteAttachmentChip attachedTo={attachedTo} />;\n\n    const inner = (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n        {/* Header: author + date + status chips */}\n        <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n          {author ? (\n            <Avatar\n              name={author.name}\n              src={author.avatarUrl}\n              size=\"sm\"\n              className=\"ds:shrink-0\"\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              aria-label={undefined}\n            />\n          ) : null}\n          <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            {author ? (\n              <span\n                id={headingId}\n                className=\"type-title-item ds:text-[color:var(--foreground)] ds:truncate\"\n              >\n                {author.name}\n              </span>\n            ) : (\n              <span id={headingId} className=\"ds:sr-only\">\n                {resolvedAriaLabel}\n              </span>\n            )}\n            {operatorName ? (\n              <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:break-words\">\n                {t('clinicalNoteCard.operator', { name: operatorName })}\n              </span>\n            ) : null}\n            <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)] ds:empty:hidden\">\n              {dateIso ? (\n                <Timestamp value={dateIso} shape=\"bare\" size=\"sm\" />\n              ) : null}\n              {createdAtIso && createdAtIso !== dateIso ? (\n                <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {t('clinicalNoteCard.added')}{' '}\n                  <Timestamp value={createdAtIso} shape=\"bare\" size=\"sm\" />\n                </span>\n              ) : null}\n            </span>\n          </div>\n          {deleted ||\n          clinical ||\n          headerActions ||\n          onTogglePin ||\n          onToggleFlag ||\n          pinned ||\n          flagged ? (\n            <span className=\"ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]\">\n              {deleted ? (\n                <Badge variant=\"error\" size=\"sm\">\n                  {t('clinicalNoteCard.deleted')}\n                </Badge>\n              ) : null}\n              {clinical ? (\n                <Badge variant=\"brand\" size=\"sm\">\n                  {t('clinicalNoteCard.clinical')}\n                </Badge>\n              ) : null}\n              {/* Pin + flag — grouped tightly together, kept clear of the\n                  clinical badge by the cluster's larger gap. Each is an\n                  interactive toggle when a handler is supplied (filled glyph +\n                  tint when active, no button fill), else a static chip. */}\n              {onTogglePin || onToggleFlag || pinned || flagged ? (\n                <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  {onTogglePin ? (\n                    <NoteToggle\n                      action=\"pin\"\n                      pending={pinPending}\n                      pressed={!!pinned}\n                      onToggle={onTogglePin}\n                      label={\n                        pinned\n                          ? t('clinicalNoteCard.unpin')\n                          : t('clinicalNoteCard.pin')\n                      }\n                      activeClassName=\"ds:text-[color:var(--accent)]\"\n                      icon={\n                        <Pin\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={pinned ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : pinned ? (\n                    <Badge\n                      variant=\"accent\"\n                      size=\"sm\"\n                      leading={<Pin aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.pinned')}\n                    </Badge>\n                  ) : null}\n                  {onToggleFlag ? (\n                    <NoteToggle\n                      action=\"flag\"\n                      pending={flagPending}\n                      pressed={!!flagged}\n                      onToggle={onToggleFlag}\n                      label={\n                        flagged\n                          ? t('clinicalNoteCard.unflag')\n                          : t('clinicalNoteCard.flag')\n                      }\n                      activeClassName=\"ds:text-[color:var(--warning-readable)]\"\n                      icon={\n                        <Flag\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={flagged ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : flagged ? (\n                    <Badge\n                      variant=\"warning\"\n                      size=\"sm\"\n                      leading={<Flag aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.flagged')}\n                    </Badge>\n                  ) : null}\n                </span>\n              ) : null}\n              {/* Sibling of the pin/flag cluster, not inside it: a note with\n                  neither would otherwise drop the host's actions entirely. */}\n              {headerActions}\n            </span>\n          ) : null}\n        </div>\n\n        {deleted ? (\n          <button\n            type=\"button\"\n            aria-expanded={deletedOpen}\n            aria-controls={bodyId}\n            onClick={() => setDeletedOpen((prev) => !prev)}\n            className={deletedDisclosure()}\n          >\n            {deletedOpen\n              ? t('clinicalNoteCard.hideDeleted')\n              : t('clinicalNoteCard.showDeleted')}\n          </button>\n        ) : null}\n        {/* Body — rendered via the sanctioned SafeHtml carrier. Markdown notes\n            use the tight markdown profile; rich-text notes the broader one.\n            When `truncate`, the body clamps to five lines with a read-more\n            disclosure once it overflows. */}\n        <SafeHtml\n          ref={clampRef}\n          id={truncate || deleted ? bodyId : undefined}\n          hidden={bodyHidden}\n          html={bodyHidden ? '' : bodyHtml}\n          profile={contentFormat === 'html' ? 'rich-text' : 'markdown'}\n          className={bodyVariants({ truncate: truncate && !expanded })}\n        />\n        {showReadMore ? (\n          <button\n            type=\"button\"\n            aria-expanded={expanded}\n            aria-controls={bodyId}\n            onClick={() => setExpanded((prev) => !prev)}\n            className={readMoreClasses}\n          >\n            {expanded\n              ? t('clinicalNoteCard.readLess')\n              : t('clinicalNoteCard.readMore')}\n          </button>\n        ) : null}\n\n        {/* Attachment context */}\n        {attachmentNode ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {attachmentNode}\n          </div>\n        ) : null}\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"article\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"clinical-note-card\"\n        data-component-id={id}\n        data-pinned={pinned ? 'true' : undefined}\n        data-flagged={flagged ? 'true' : undefined}\n        data-deleted={deleted ? 'true' : undefined}\n        data-attached-to={attachedTo?.kind}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body>{inner}</Card.Body>\n          </Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nClinicalNoteCard.displayName = 'ClinicalNoteCard';\n\n/** Re-export of the surface variant union for downstream typing. */\nexport type ClinicalNoteCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n"],"names":["clinicalNoteCardAgent","handle","rootVariants","cva","bodyVariants","noteToggleBase","readMoreClasses","deletedDisclosure","NoteToggle","icon","pressed","label","activeClassName","action","pending","onToggle","jsx","ClinicalNoteCard","forwardRef","id","dateIso","createdAtIso","author","operatorName","deleted","clinical","attachedTo","content","contentFormat","pinned","flagged","headerActions","onTogglePin","onToggleFlag","pinPending","flagPending","truncate","surface","ariaLabel","className","rest","ref","t","useTranslation","headingId","useId","bodyId","expanded","setExpanded","useState","deletedOpen","setDeletedOpen","previousDeleted","setPreviousDeleted","bodyHidden","clampRef","isOverflowing","useClampOverflow","showReadMore","bodyHtml","useMemo","noteMarkdownToHtml","resolvedAriaLabel","useAgentRegistration","attachmentNode","NoteAttachmentChip","inner","jsxs","Avatar","Timestamp","Badge","Pin","Flag","prev","SafeHtml","Card"],"mappings":"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"}
+{"version":3,"file":"clinical-note-card-BgURrgL5.js","sources":["../../src/components/clinical-note-card/clinical-note-card.agent.ts","../../src/components/clinical-note-card/clinical-note-card.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ClinicalNoteCard.                                     */\n/*                                                                        */\n/* Read-only presentation surface. Exposes the note's id + structural    */\n/* flags (pinned / flagged / attachment kind) so a future MCP UI bridge  */\n/* can locate and describe a rendered note. NEVER reads the note body or */\n/* any author identity — those are PHI and stay out of the agent layer.  */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ClinicalNoteCardHandle } from './clinical-note-card';\n\nexport const clinicalNoteCardAgent: AgentAdapter<ClinicalNoteCardHandle> = {\n  id: 'clinical-note-card',\n  capabilities: [],\n  state: {\n    noteId: {\n      type: 'string | undefined',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.noteId',\n      description: 'Stable identifier of the rendered note, when supplied.',\n      read: (handle) => handle.getNoteId(),\n    },\n    pinned: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.pinned',\n      description: 'Whether the note is pinned to the top of the timeline.',\n      read: (handle) => handle.isPinned(),\n    },\n    flagged: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.flagged',\n      description: 'Whether the note is flagged for follow-up.',\n      read: (handle) => handle.isFlagged(),\n    },\n    attachmentKind: {\n      type: \"'patient' | 'carePlan' | 'carePlanEntry' | 'phase' | 'xray' | undefined\",\n      descriptionKey: 'ui.agent.clinicalNoteCard.state.attachmentKind',\n      description:\n        'Structural kind the note is attached to. Never the attachment identity or content.',\n      read: (handle) => handle.getAttachmentKind(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'clinical-note-card',\n      description:\n        'Marks the ClinicalNoteCard root. Also emits data-pinned / data-flagged / data-attached-to structural hooks; the pin / flag toggles carry data-note-action=\"pin\" | \"flag\".',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop — addresses a specific note.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Flag, Pin } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { Timestamp } from '../timestamp';\nimport { SafeHtml } from '../_shared/safe-html';\nimport { noteMarkdownToHtml } from '../_shared/note-markdown';\nimport {\n  NoteAttachmentChip,\n  type NoteAttachment,\n} from '../_shared/note-attachment';\nimport { useClampOverflow } from '../../hooks/use-clamp-overflow';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { clinicalNoteCardAgent } from './clinical-note-card.agent';\n\n// The attachment type moved to `_shared` when NoteTimeline began rendering the\n// same chip; re-exported here so this component's public API is unchanged.\nexport type { NoteAttachment };\n\n/* -------------------------------------------------------------------- */\n/* ClinicalNoteCard                                                      */\n/*                                                                        */\n/* A single clinical note — the free-text annotation an operator writes  */\n/* against a patient, care plan, treatment phase, or x-ray. Replaces the */\n/* bespoke \"nota clinica\" rows scattered across the platform patient     */\n/* timeline. Composes Card + Avatar (author) + Timestamp + Badge/Tag     */\n/* (clinical / pinned / flagged) + Link (attachment) and renders the     */\n/* markdown body through the shared SafeHtml helper — the only sanctioned */\n/* carrier of dangerouslySetInnerHTML (constraint §8).                   */\n/*                                                                        */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `clinicalNoteCard.*` namespace. No PHI is read by the agent adapter — */\n/* only the note id and structural flags are exposed.                    */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\n/** Author identity — drives the avatar + visible byline. */\nexport interface ClinicalNoteAuthor {\n  /** Display name. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n}\n\n/** Imperative handle exposed to the agent runtime — identifiers / flags only. */\nexport interface ClinicalNoteCardHandle {\n  /** The note's stable id, when supplied. */\n  getNoteId: () => string | undefined;\n  /** Whether the note is currently pinned. */\n  isPinned: () => boolean;\n  /** Whether the note is currently flagged. */\n  isFlagged: () => boolean;\n  /** The attachment kind the note is bound to. */\n  getAttachmentKind: () => NoteAttachment['kind'] | undefined;\n}\n\nexport interface ClinicalNoteCardProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'aria-label' | 'children' | 'content' | 'title'\n> {\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n  /**\n   * ISO-8601 timestamp the note refers to (the clinical date). Drives the\n   * primary `<Timestamp>`. An empty string renders no timestamp (an undated\n   * imported note).\n   */\n  dateIso: string;\n  /**\n   * ISO-8601 timestamp the note was authored, when it differs from\n   * `dateIso`. Rendered as a secondary \"added\" line.\n   */\n  createdAtIso?: string;\n  /** Author identity — avatar + byline. Optional for system notes. */\n  author?: ClinicalNoteAuthor;\n  /** The operator the note is credited to: a secondary \"Operator: …\" byline. */\n  operatorName?: string;\n  /**\n   * A deleted note kept for the record. Shows a \"Deleted\" badge and keeps the\n   * body out of the DOM until the reader presses \"Show deleted note\". Not an\n   * access control: the body is one press away.\n   */\n  deleted?: boolean;\n  /**\n   * Whether this is a clinical note (vs. an administrative one). When true a\n   * \"Clinical\" badge is shown so the note's nature is unambiguous at a glance.\n   */\n  clinical?: boolean;\n  /** What the note is attached to — drives a contextual chip + optional link. */\n  attachedTo?: NoteAttachment;\n  /**\n   * The note body, authored in a small, safe subset of Markdown (bold,\n   * italic, inline code, links, line breaks, simple lists). Rendered through\n   * the shared `SafeHtml` helper with the `markdown` sanitiser profile —\n   * raw HTML and unsafe link schemes are stripped.\n   */\n  content: string;\n  /**\n   * How `content` is authored. `'markdown'` (default) runs the small Markdown\n   * subset through the converter; `'html'` treats `content` as rich HTML\n   * (e.g. Redactor output) and renders it through SafeHtml's `rich-text`\n   * profile, so colours, sizes, tables and images survive sanitisation.\n   */\n  contentFormat?: 'markdown' | 'html';\n  /** Pin the note to the top of a timeline — shows a \"Pinned\" chip. */\n  pinned?: boolean;\n  /** Flag the note for follow-up / attention — shows a \"Flagged\" chip. */\n  flagged?: boolean;\n  /**\n   * Host-owned actions for this note (edit, delete, share …), rendered\n   * beside the pin and flag. They belong in the same cluster: a reader\n   * looking for what they can do to a note should find every affordance\n   * in one place, not some in the card and the rest below it.\n   */\n  headerActions?: ReactNode;\n  /**\n   * When provided, the pinned chip becomes an `aria-pressed` toggle button so\n   * the note can be (un)pinned in place — the pin glyph fills and tints to the\n   * accent when pinned (no button fill). Omit for a static, display-only card.\n   */\n  onTogglePin?: () => void;\n  /** As `onTogglePin`, for the flagged state (warning-tinted when flagged). */\n  onToggleFlag?: () => void;\n  /**\n   * A pin write is in flight. The toggle keeps showing `pinned`, is\n   * `aria-disabled`, dims and ignores clicks until the host answers. Only\n   * with `onTogglePin`.\n   */\n  pinPending?: boolean;\n  /** As `pinPending`, for the flag toggle. */\n  flagPending?: boolean;\n  /**\n   * Clamp the rendered body to five lines. When the body is taller than the\n   * clamp, a \"Read more\" / \"Read less\" disclosure toggles the full text in\n   * place — the note stays a read-only display surface, so this is the\n   * sighted-user escape hatch (assistive tech reads the full body regardless).\n   */\n  truncate?: boolean;\n  /**\n   * `'elevated'` (default) wraps the note in `<Card variant=\"elevated\">`.\n   * `'flat'` drops the chrome for use inside an existing Card / timeline rail.\n   */\n  surface?: 'flat' | 'elevated';\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                            */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    surface: { flat: '', elevated: '' },\n  },\n  defaultVariants: { surface: 'elevated' },\n});\n\n/* Body clamp — applied only when `truncate` is set. Logical-safe. */\nconst bodyVariants = cva(\n  [\n    'type-body-sm ds:text-[color:var(--foreground)]',\n    'ds:break-words',\n    '[&_a]:ds:underline [&_a]:ds:underline-offset-2',\n    '[&_code]:ds:rounded-[var(--radius-sm)] [&_code]:ds:bg-muted/30 [&_code]:ds:ps-[var(--spacing-xs)] [&_code]:ds:pe-[var(--spacing-xs)] [&_code]:ds:font-[family-name:var(--font-mono)]',\n    '[&_p]:ds:m-0 [&_p+p]:ds:mt-[var(--spacing-sm)]',\n    // `list-disc` / `list-decimal` are load-bearing: the card renders host\n    // HTML inside `[data-component]`, where preflight's `list-style: none`\n    // still applies. Without them the indent lands but the markers do not.\n    'ds:[&_ul]:m-0 ds:[&_ul]:ps-[var(--spacing-md)] ds:[&_ul]:list-disc ds:[&_ol]:m-0 ds:[&_ol]:ps-[var(--spacing-md)] ds:[&_ol]:list-decimal',\n    // Rich-text (Redactor) extras — harmless on markdown notes, which carry\n    // none of these tags. Headings, inline images and tables stay readable.\n    '[&_h2]:type-title-item [&_h3]:type-title-item [&_h2]:ds:m-0 [&_h3]:ds:m-0',\n    '[&_img]:ds:max-w-full [&_img]:ds:h-auto [&_img]:ds:rounded-[var(--radius-sm)]',\n    '[&_table]:ds:my-[var(--spacing-sm)] [&_table]:ds:w-full [&_table]:ds:border-collapse',\n    '[&_th]:ds:border [&_th]:ds:border-[color:var(--border)] [&_th]:ds:ps-[var(--spacing-xs)] [&_th]:ds:pe-[var(--spacing-xs)] [&_th]:ds:py-[var(--spacing-2xs)] [&_th]:ds:text-start',\n    '[&_td]:ds:border [&_td]:ds:border-[color:var(--border)] [&_td]:ds:ps-[var(--spacing-xs)] [&_td]:ds:pe-[var(--spacing-xs)] [&_td]:ds:py-[var(--spacing-2xs)]',\n  ].join(' '),\n  {\n    variants: {\n      truncate: {\n        true: 'ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:5]',\n        false: '',\n      },\n    },\n    defaultVariants: { truncate: false },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Inline affordances — pin / flag toggle + read-more disclosure        */\n/* -------------------------------------------------------------------- */\n\n/* Pin / flag toggle. A raw button (not IconButton) so the pressed state\n   reads as a FILLED glyph + colour tint rather than a filled button — the\n   same treatment as the Sidebar favourite star. The compact box keeps a\n   --min-target-size hit area on touch via the ::before expansion. */\nconst noteToggleBase = [\n  'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  'ds:size-7 ds:rounded-[var(--radius-sm)]',\n  '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  'ds:hover:bg-[color:var(--muted)]/20',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  'ds:transition-[color,background-color] ds:duration-[var(--animation-duration)]',\n  'ds:motion-reduce:transition-none',\n  // A write in flight: the toggle stays focusable, says it is busy and\n  // dims as a waiting Button does, so a keyboard reader sees it too.\n  'ds:aria-disabled:cursor-progress ds:aria-disabled:opacity-50',\n].join(' ');\n\n/* Read-more / read-less disclosure — an inline text toggle in the flow of\n   the body copy (exempt from target-size the same way an inline link is). */\nconst readMoreClasses = [\n  'ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start',\n  'ds:text-[length:var(--font-size-xs)] ds:font-semibold',\n  'ds:underline ds:underline-offset-2 ds:text-[color:var(--primary)] ds:hover:no-underline',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst deletedDisclosure = cva([\n  readMoreClasses,\n  'ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]',\n]);\n\ninterface NoteToggleProps {\n  /** The lucide glyph, pre-configured with `fill` + size by the caller. */\n  icon: ReactNode;\n  /** Current pressed state. */\n  pressed: boolean;\n  /** Accessible label (flips between the on / off verb). */\n  label: string;\n  /** Colour class applied while pressed (accent for pin, warning for flag). */\n  activeClassName: string;\n  /** Stable hook for hosts, agents and focus rescue: `pin` or `flag`. */\n  action: 'pin' | 'flag';\n  /** A write is in flight: aria-disabled, and clicks do nothing. */\n  pending: boolean;\n  onToggle: () => void;\n}\n\nfunction NoteToggle({\n  icon,\n  pressed,\n  label,\n  activeClassName,\n  action,\n  pending,\n  onToggle,\n}: NoteToggleProps) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={pressed}\n      aria-label={label}\n      // aria-disabled, not disabled: the toggle keeps its focus while the\n      // host answers, so a keyboard reader is not dropped onto the page.\n      aria-disabled={pending || undefined}\n      data-note-action={action}\n      onClick={() => {\n        if (!pending) onToggle();\n      }}\n      className={[\n        noteToggleBase,\n        pressed\n          ? activeClassName\n          : 'ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--foreground)]',\n      ].join(' ')}\n    >\n      {icon}\n    </button>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const ClinicalNoteCard = forwardRef<\n  HTMLDivElement,\n  ClinicalNoteCardProps\n>(\n  (\n    {\n      id,\n      dateIso,\n      createdAtIso,\n      author,\n      operatorName,\n      deleted,\n      clinical,\n      attachedTo,\n      content,\n      contentFormat = 'markdown',\n      pinned,\n      flagged,\n      headerActions,\n      onTogglePin,\n      onToggleFlag,\n      pinPending = false,\n      flagPending = false,\n      truncate = false,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const headingId = useId();\n    const bodyId = useId();\n    const [expanded, setExpanded] = useState(false);\n    const [deletedOpen, setDeletedOpen] = useState(false);\n    const [previousDeleted, setPreviousDeleted] = useState(!!deleted);\n    if (previousDeleted !== !!deleted) {\n      setPreviousDeleted(!!deleted);\n      setDeletedOpen(false);\n    }\n    // A deleted note's body stays empty and hidden until the reader reveals it.\n    const bodyHidden = !!deleted && !deletedOpen;\n\n    // Only measure while clamped — once expanded there's nothing to clip.\n    const { ref: clampRef, isOverflowing } = useClampOverflow<HTMLDivElement>(\n      truncate && !expanded && !bodyHidden,\n    );\n    // Show the disclosure once the body overflows; keep it while expanded so\n    // the user can collapse again.\n    const showReadMore = truncate && !bodyHidden && (isOverflowing || expanded);\n\n    // Markdown notes are converted to a safe HTML subset; rich-text (Redactor)\n    // notes are passed through verbatim and sanitised by SafeHtml's broader\n    // `rich-text` profile at render. Either way SafeHtml is the only carrier.\n    const bodyHtml = useMemo(\n      () => (contentFormat === 'html' ? content : noteMarkdownToHtml(content)),\n      [content, contentFormat],\n    );\n\n    const resolvedAriaLabel = ariaLabel ?? t('clinicalNoteCard.regionLabel');\n\n    useAgentRegistration(\n      clinicalNoteCardAgent,\n      {\n        getNoteId: () => id,\n        isPinned: () => !!pinned,\n        isFlagged: () => !!flagged,\n        getAttachmentKind: () => attachedTo?.kind,\n      },\n      id,\n    );\n\n    const attachmentNode = <NoteAttachmentChip attachedTo={attachedTo} />;\n\n    const inner = (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n        {/* Header: author + date + status chips */}\n        <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n          {author ? (\n            <Avatar\n              name={author.name}\n              src={author.avatarUrl}\n              size=\"sm\"\n              className=\"ds:shrink-0\"\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              aria-label={undefined}\n            />\n          ) : null}\n          <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            {author ? (\n              <span\n                id={headingId}\n                className=\"type-title-item ds:text-[color:var(--foreground)] ds:truncate\"\n              >\n                {author.name}\n              </span>\n            ) : (\n              <span id={headingId} className=\"ds:sr-only\">\n                {resolvedAriaLabel}\n              </span>\n            )}\n            {operatorName ? (\n              <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:break-words\">\n                {t('clinicalNoteCard.operator', { name: operatorName })}\n              </span>\n            ) : null}\n            <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)] ds:empty:hidden\">\n              {dateIso ? (\n                <Timestamp value={dateIso} shape=\"bare\" size=\"sm\" />\n              ) : null}\n              {createdAtIso && createdAtIso !== dateIso ? (\n                <span className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {t('clinicalNoteCard.added')}{' '}\n                  <Timestamp value={createdAtIso} shape=\"bare\" size=\"sm\" />\n                </span>\n              ) : null}\n            </span>\n          </div>\n          {deleted ||\n          clinical ||\n          headerActions ||\n          onTogglePin ||\n          onToggleFlag ||\n          pinned ||\n          flagged ? (\n            <span className=\"ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]\">\n              {deleted ? (\n                <Badge variant=\"error\" size=\"sm\">\n                  {t('clinicalNoteCard.deleted')}\n                </Badge>\n              ) : null}\n              {clinical ? (\n                <Badge variant=\"brand\" size=\"sm\">\n                  {t('clinicalNoteCard.clinical')}\n                </Badge>\n              ) : null}\n              {/* Pin + flag — grouped tightly together, kept clear of the\n                  clinical badge by the cluster's larger gap. Each is an\n                  interactive toggle when a handler is supplied (filled glyph +\n                  tint when active, no button fill), else a static chip. */}\n              {onTogglePin || onToggleFlag || pinned || flagged ? (\n                <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  {onTogglePin ? (\n                    <NoteToggle\n                      action=\"pin\"\n                      pending={pinPending}\n                      pressed={!!pinned}\n                      onToggle={onTogglePin}\n                      label={\n                        pinned\n                          ? t('clinicalNoteCard.unpin')\n                          : t('clinicalNoteCard.pin')\n                      }\n                      activeClassName=\"ds:text-[color:var(--accent)]\"\n                      icon={\n                        <Pin\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={pinned ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : pinned ? (\n                    <Badge\n                      variant=\"accent\"\n                      size=\"sm\"\n                      leading={<Pin aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.pinned')}\n                    </Badge>\n                  ) : null}\n                  {onToggleFlag ? (\n                    <NoteToggle\n                      action=\"flag\"\n                      pending={flagPending}\n                      pressed={!!flagged}\n                      onToggle={onToggleFlag}\n                      label={\n                        flagged\n                          ? t('clinicalNoteCard.unflag')\n                          : t('clinicalNoteCard.flag')\n                      }\n                      activeClassName=\"ds:text-[color:var(--warning-readable)]\"\n                      icon={\n                        <Flag\n                          aria-hidden=\"true\"\n                          className=\"ds:size-4\"\n                          fill={flagged ? 'currentColor' : 'none'}\n                        />\n                      }\n                    />\n                  ) : flagged ? (\n                    <Badge\n                      variant=\"warning\"\n                      size=\"sm\"\n                      leading={<Flag aria-hidden=\"true\" />}\n                    >\n                      {t('clinicalNoteCard.flagged')}\n                    </Badge>\n                  ) : null}\n                </span>\n              ) : null}\n              {/* Sibling of the pin/flag cluster, not inside it: a note with\n                  neither would otherwise drop the host's actions entirely. */}\n              {headerActions}\n            </span>\n          ) : null}\n        </div>\n\n        {deleted ? (\n          <button\n            type=\"button\"\n            aria-expanded={deletedOpen}\n            aria-controls={bodyId}\n            onClick={() => setDeletedOpen((prev) => !prev)}\n            className={deletedDisclosure()}\n          >\n            {deletedOpen\n              ? t('clinicalNoteCard.hideDeleted')\n              : t('clinicalNoteCard.showDeleted')}\n          </button>\n        ) : null}\n        {/* Body — rendered via the sanctioned SafeHtml carrier. Markdown notes\n            use the tight markdown profile; rich-text notes the broader one.\n            When `truncate`, the body clamps to five lines with a read-more\n            disclosure once it overflows. */}\n        <SafeHtml\n          ref={clampRef}\n          id={truncate || deleted ? bodyId : undefined}\n          hidden={bodyHidden}\n          html={bodyHidden ? '' : bodyHtml}\n          profile={contentFormat === 'html' ? 'rich-text' : 'markdown'}\n          className={bodyVariants({ truncate: truncate && !expanded })}\n        />\n        {showReadMore ? (\n          <button\n            type=\"button\"\n            aria-expanded={expanded}\n            aria-controls={bodyId}\n            onClick={() => setExpanded((prev) => !prev)}\n            className={readMoreClasses}\n          >\n            {expanded\n              ? t('clinicalNoteCard.readLess')\n              : t('clinicalNoteCard.readMore')}\n          </button>\n        ) : null}\n\n        {/* Attachment context */}\n        {attachmentNode ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {attachmentNode}\n          </div>\n        ) : null}\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"article\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"clinical-note-card\"\n        data-component-id={id}\n        data-pinned={pinned ? 'true' : undefined}\n        data-flagged={flagged ? 'true' : undefined}\n        data-deleted={deleted ? 'true' : undefined}\n        data-attached-to={attachedTo?.kind}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body>{inner}</Card.Body>\n          </Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nClinicalNoteCard.displayName = 'ClinicalNoteCard';\n\n/** Re-export of the surface variant union for downstream typing. */\nexport type ClinicalNoteCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n"],"names":["clinicalNoteCardAgent","handle","rootVariants","cva","bodyVariants","noteToggleBase","readMoreClasses","deletedDisclosure","NoteToggle","icon","pressed","label","activeClassName","action","pending","onToggle","jsx","ClinicalNoteCard","forwardRef","id","dateIso","createdAtIso","author","operatorName","deleted","clinical","attachedTo","content","contentFormat","pinned","flagged","headerActions","onTogglePin","onToggleFlag","pinPending","flagPending","truncate","surface","ariaLabel","className","rest","ref","t","useTranslation","headingId","useId","bodyId","expanded","setExpanded","useState","deletedOpen","setDeletedOpen","previousDeleted","setPreviousDeleted","bodyHidden","clampRef","isOverflowing","useClampOverflow","showReadMore","bodyHtml","useMemo","noteMarkdownToHtml","resolvedAriaLabel","useAgentRegistration","attachmentNode","NoteAttachmentChip","inner","jsxs","Avatar","Timestamp","Badge","Pin","Flag","prev","SafeHtml","Card"],"mappings":"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"}

package/dist/_chunks/{code-block-DiC4bg-o.js → code-block-vwEv1jEa.js}

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import { forwardRef as v, useState as g, useCallback as x } from "react";
 import { c as h } from "./index-D2ZczOXr.js";
 import { useTranslation as b } from "react-i18next";
-import { I as y } from "./icon-button-dNE6ENLn.js";
+import { I as y } from "./icon-button-C_1TgRiK.js";
 import { C } from "./check-DrFSN__t.js";
 import { C as k } from "./copy-vRpqqHtY.js";
 function F(e) {
@@ -103,4 +103,4 @@ export {
   B as C,
   F as s
 };
-//# sourceMappingURL=code-block-DiC4bg-o.js.map
+//# sourceMappingURL=code-block-vwEv1jEa.js.map

package/dist/_chunks/{code-block-DiC4bg-o.js.map → code-block-vwEv1jEa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"code-block-DiC4bg-o.js","sources":["../../src/components/_shared/code-block.tsx"],"sourcesContent":["/**\n * Shared fenced-code-block renderer for the chat markdown path.\n *\n * `splitCodeFences` slices a markdown string into plain-text and fenced-code\n * segments so `ChatMessage` / `StreamingText` can keep their existing inline\n * tokenizers for the text runs and render `<CodeBlock>` for the code runs.\n * It tolerates an UNTERMINATED trailing fence — the streaming case, where the\n * closing ``` has not arrived yet — so a prompt renders as a code block as it\n * streams in.\n *\n * `CodeBlock` renders the code in a scrollable monospace surface with a Copy\n * affordance (clipboard + a brief \"Copied\" confirmation, graceful no-op when\n * the clipboard API is unavailable). No `dangerouslySetInnerHTML`.\n */\nimport { forwardRef, useCallback, useState, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy } from 'lucide-react';\nimport { IconButton } from '../button';\n\n/* ------------------------------------------------------------------ */\n/* splitCodeFences                                                      */\n/* ------------------------------------------------------------------ */\n\nexport type MarkdownSegment =\n  | { type: 'text'; value: string }\n  | { type: 'code'; lang?: string; value: string };\n\n/**\n * Split markdown into text + fenced-code segments. Matches an opening\n * ` ```lang\\n `, lazy content, then either a closing ` \\n``` ` on its own line\n * or end-of-input (the unterminated streaming case).\n */\nexport function splitCodeFences(input: string): MarkdownSegment[] {\n  const segments: MarkdownSegment[] = [];\n  // `\\n?` before the closing fence so an EMPTY block (```ts\\n```) closes\n  // correctly rather than swallowing its own closing backticks as content.\n  const fence = /```([^\\n`]*)\\n([\\s\\S]*?)(?:\\n?```|$)/g;\n  let last = 0;\n  let m: RegExpExecArray | null;\n  while ((m = fence.exec(input)) !== null) {\n    if (m.index > last) {\n      segments.push({ type: 'text', value: input.slice(last, m.index) });\n    }\n    segments.push({\n      type: 'code',\n      lang: m[1].trim() || undefined,\n      value: m[2],\n    });\n    last = fence.lastIndex;\n  }\n  if (last < input.length) {\n    segments.push({ type: 'text', value: input.slice(last) });\n  }\n  return segments;\n}\n\n/* ------------------------------------------------------------------ */\n/* CodeBlock                                                            */\n/* ------------------------------------------------------------------ */\n\nconst codeBlockVariants = cva(\n  [\n    'ds:my-[var(--spacing-sm)] ds:overflow-hidden',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--muted)]',\n  ].join(' '),\n);\n\nexport interface CodeBlockProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Raw code text. */\n  code: string;\n  /** Optional info string after the opening fence (e.g. `ts`, `bash`). */\n  language?: string;\n  /** Render the Copy affordance. Default `true`. */\n  showCopy?: boolean;\n}\n\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(\n  ({ code, language, showCopy = true, className, ...rest }, ref) => {\n    const { t } = useTranslation('ui');\n    const [copied, setCopied] = useState(false);\n\n    const canCopy =\n      showCopy &&\n      typeof navigator !== 'undefined' &&\n      typeof navigator.clipboard?.writeText === 'function';\n\n    const handleCopy = useCallback(() => {\n      navigator.clipboard\n        ?.writeText(code)\n        .then(() => {\n          setCopied(true);\n          setTimeout(() => setCopied(false), 2000);\n        })\n        .catch(() => {\n          // Clipboard blocked (insecure context / permissions) — graceful no-op.\n        });\n    }, [code]);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"code-block\"\n        className={[codeBlockVariants(), className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {language || canCopy ? (\n          <div\n            className={[\n              'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]',\n              'ds:border-b ds:border-[color:var(--border)]',\n              'ds:bg-[color-mix(in_srgb,var(--muted-foreground)_8%,transparent)]',\n              'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)]',\n              'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <span\n              dir=\"ltr\"\n              className=\"type-meta ds:text-[color:var(--muted-foreground)]\"\n            >\n              {language ?? ''}\n            </span>\n            {canCopy ? (\n              <IconButton\n                icon={copied ? <Check /> : <Copy />}\n                aria-label={\n                  copied ? t('codeBlock.copied') : t('codeBlock.copy')\n                }\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={handleCopy}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex --\n            the scrollable <pre> must be keyboard-focusable so keyboard users\n            can scroll the overflow (axe scrollable-region-focusable); the\n            browser default focus ring satisfies WCAG 2.4.7. */}\n        <pre\n          tabIndex={0}\n          className=\"ds:m-0 ds:overflow-x-auto ds:p-[var(--spacing-md)]\"\n        >\n          <code\n            dir=\"ltr\"\n            className={[\n              'ds:font-[family-name:var(--font-mono)]',\n              'ds:text-[length:var(--font-size-sm)] ds:leading-relaxed',\n              'ds:text-[color:var(--foreground)]',\n              'ds:whitespace-pre',\n            ].join(' ')}\n          >\n            {code}\n          </code>\n        </pre>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {/* Polite status so AT confirms the copy without moving focus. */}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {copied ? t('codeBlock.copied') : ''}\n        </span>\n      </div>\n    );\n  },\n);\n\nCodeBlock.displayName = 'CodeBlock';\n"],"names":["splitCodeFences","input","segments","fence","last","m","codeBlockVariants","cva","CodeBlock","forwardRef","code","language","showCopy","className","rest","ref","t","useTranslation","copied","setCopied","useState","canCopy","_a","handleCopy","useCallback","jsxs","jsx","IconButton","Check","Copy"],"mappings":"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"}
+{"version":3,"file":"code-block-vwEv1jEa.js","sources":["../../src/components/_shared/code-block.tsx"],"sourcesContent":["/**\n * Shared fenced-code-block renderer for the chat markdown path.\n *\n * `splitCodeFences` slices a markdown string into plain-text and fenced-code\n * segments so `ChatMessage` / `StreamingText` can keep their existing inline\n * tokenizers for the text runs and render `<CodeBlock>` for the code runs.\n * It tolerates an UNTERMINATED trailing fence — the streaming case, where the\n * closing ``` has not arrived yet — so a prompt renders as a code block as it\n * streams in.\n *\n * `CodeBlock` renders the code in a scrollable monospace surface with a Copy\n * affordance (clipboard + a brief \"Copied\" confirmation, graceful no-op when\n * the clipboard API is unavailable). No `dangerouslySetInnerHTML`.\n */\nimport { forwardRef, useCallback, useState, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy } from 'lucide-react';\nimport { IconButton } from '../button';\n\n/* ------------------------------------------------------------------ */\n/* splitCodeFences                                                      */\n/* ------------------------------------------------------------------ */\n\nexport type MarkdownSegment =\n  | { type: 'text'; value: string }\n  | { type: 'code'; lang?: string; value: string };\n\n/**\n * Split markdown into text + fenced-code segments. Matches an opening\n * ` ```lang\\n `, lazy content, then either a closing ` \\n``` ` on its own line\n * or end-of-input (the unterminated streaming case).\n */\nexport function splitCodeFences(input: string): MarkdownSegment[] {\n  const segments: MarkdownSegment[] = [];\n  // `\\n?` before the closing fence so an EMPTY block (```ts\\n```) closes\n  // correctly rather than swallowing its own closing backticks as content.\n  const fence = /```([^\\n`]*)\\n([\\s\\S]*?)(?:\\n?```|$)/g;\n  let last = 0;\n  let m: RegExpExecArray | null;\n  while ((m = fence.exec(input)) !== null) {\n    if (m.index > last) {\n      segments.push({ type: 'text', value: input.slice(last, m.index) });\n    }\n    segments.push({\n      type: 'code',\n      lang: m[1].trim() || undefined,\n      value: m[2],\n    });\n    last = fence.lastIndex;\n  }\n  if (last < input.length) {\n    segments.push({ type: 'text', value: input.slice(last) });\n  }\n  return segments;\n}\n\n/* ------------------------------------------------------------------ */\n/* CodeBlock                                                            */\n/* ------------------------------------------------------------------ */\n\nconst codeBlockVariants = cva(\n  [\n    'ds:my-[var(--spacing-sm)] ds:overflow-hidden',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--muted)]',\n  ].join(' '),\n);\n\nexport interface CodeBlockProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Raw code text. */\n  code: string;\n  /** Optional info string after the opening fence (e.g. `ts`, `bash`). */\n  language?: string;\n  /** Render the Copy affordance. Default `true`. */\n  showCopy?: boolean;\n}\n\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(\n  ({ code, language, showCopy = true, className, ...rest }, ref) => {\n    const { t } = useTranslation('ui');\n    const [copied, setCopied] = useState(false);\n\n    const canCopy =\n      showCopy &&\n      typeof navigator !== 'undefined' &&\n      typeof navigator.clipboard?.writeText === 'function';\n\n    const handleCopy = useCallback(() => {\n      navigator.clipboard\n        ?.writeText(code)\n        .then(() => {\n          setCopied(true);\n          setTimeout(() => setCopied(false), 2000);\n        })\n        .catch(() => {\n          // Clipboard blocked (insecure context / permissions) — graceful no-op.\n        });\n    }, [code]);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"code-block\"\n        className={[codeBlockVariants(), className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {language || canCopy ? (\n          <div\n            className={[\n              'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]',\n              'ds:border-b ds:border-[color:var(--border)]',\n              'ds:bg-[color-mix(in_srgb,var(--muted-foreground)_8%,transparent)]',\n              'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)]',\n              'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <span\n              dir=\"ltr\"\n              className=\"type-meta ds:text-[color:var(--muted-foreground)]\"\n            >\n              {language ?? ''}\n            </span>\n            {canCopy ? (\n              <IconButton\n                icon={copied ? <Check /> : <Copy />}\n                aria-label={\n                  copied ? t('codeBlock.copied') : t('codeBlock.copy')\n                }\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={handleCopy}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex --\n            the scrollable <pre> must be keyboard-focusable so keyboard users\n            can scroll the overflow (axe scrollable-region-focusable); the\n            browser default focus ring satisfies WCAG 2.4.7. */}\n        <pre\n          tabIndex={0}\n          className=\"ds:m-0 ds:overflow-x-auto ds:p-[var(--spacing-md)]\"\n        >\n          <code\n            dir=\"ltr\"\n            className={[\n              'ds:font-[family-name:var(--font-mono)]',\n              'ds:text-[length:var(--font-size-sm)] ds:leading-relaxed',\n              'ds:text-[color:var(--foreground)]',\n              'ds:whitespace-pre',\n            ].join(' ')}\n          >\n            {code}\n          </code>\n        </pre>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {/* Polite status so AT confirms the copy without moving focus. */}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {copied ? t('codeBlock.copied') : ''}\n        </span>\n      </div>\n    );\n  },\n);\n\nCodeBlock.displayName = 'CodeBlock';\n"],"names":["splitCodeFences","input","segments","fence","last","m","codeBlockVariants","cva","CodeBlock","forwardRef","code","language","showCopy","className","rest","ref","t","useTranslation","copied","setCopied","useState","canCopy","_a","handleCopy","useCallback","jsxs","jsx","IconButton","Check","Copy"],"mappings":";;;;;;;AAiCO,SAASA,EAAgBC,GAAkC;AAChE,QAAMC,IAA8B,CAAA,GAG9BC,IAAQ;AACd,MAAIC,IAAO,GACPC;AACJ,UAAQA,IAAIF,EAAM,KAAKF,CAAK,OAAO;AACjC,IAAII,EAAE,QAAQD,KACZF,EAAS,KAAK,EAAE,MAAM,QAAQ,OAAOD,EAAM,MAAMG,GAAMC,EAAE,KAAK,EAAA,CAAG,GAEnEH,EAAS,KAAK;AAAA,MACZ,MAAM;AAAA,MACN,MAAMG,EAAE,CAAC,EAAE,UAAU;AAAA,MACrB,OAAOA,EAAE,CAAC;AAAA,IAAA,CACX,GACDD,IAAOD,EAAM;AAEf,SAAIC,IAAOH,EAAM,UACfC,EAAS,KAAK,EAAE,MAAM,QAAQ,OAAOD,EAAM,MAAMG,CAAI,GAAG,GAEnDF;AACT;AAMA,MAAMI,IAAoBC;AAAA,EACxB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAcaC,IAAYC;AAAA,EACvB,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,UAAAC,IAAW,IAAM,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAQ;;AAChE,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3B,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IACJT,KACA,OAAO,YAAc,OACrB,SAAOU,IAAA,UAAU,cAAV,gBAAAA,EAAqB,cAAc,YAEtCC,IAAaC,EAAY,MAAM;;AACnC,OAAAF,IAAA,UAAU,cAAV,QAAAA,EACI,UAAUZ,GACX,KAAK,MAAM;AACV,QAAAS,EAAU,EAAI,GACd,WAAW,MAAMA,EAAU,EAAK,GAAG,GAAI;AAAA,MACzC,GACC,MAAM,MAAM;AAAA,MAEb;AAAA,IACJ,GAAG,CAACT,CAAI,CAAC;AAET,WACE,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAV;AAAA,QACA,kBAAe;AAAA,QACf,WAAW,CAACT,EAAA,GAAqBO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QACnE,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAH,KAAYU,IACX,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA,EACA,KAAK,GAAG;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAI;AAAA,oBACJ,WAAU;AAAA,oBAET,UAAAf,KAAY;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEdU,IACC,gBAAAK;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,MAAMT,IAAS,gBAAAQ,EAACE,GAAA,CAAA,CAAM,sBAAMC,GAAA,EAAK;AAAA,oBACjC,cACWb,EAATE,IAAW,qBAAwB,gBAAN;AAAA,oBAE/B,QAAO;AAAA,oBACP,MAAK;AAAA,oBACL,SAASK;AAAA,kBAAA;AAAA,gBAAA,IAET;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAEJ;AAAA,UAKJ,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,WAAU;AAAA,cAEV,UAAA,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,WAAW;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBAAA,EACA,KAAK,GAAG;AAAA,kBAET,UAAAhB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,UAIF,gBAAAgB,EAAC,QAAA,EAAK,MAAK,UAAS,aAAU,UAAS,WAAU,cAC9C,UAAAR,IAASF,EAAE,kBAAkB,IAAI,GAAA,CACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAR,EAAU,cAAc;"}

package/dist/_chunks/{connection-status-BAnuwayz.js → connection-status--wYsgreh.js}

@@ -2,9 +2,9 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as k, useMemo as B } from "react";
 import { useTranslation as A } from "react-i18next";
 import { C as a } from "./card-BA4Ig_kn.js";
-import { B as C } from "./badge-hnBt8o7n.js";
+import { B as C } from "./badge-BUk4RjTS.js";
 import { B as u } from "./button-D-MQxsA_.js";
-import { D as d } from "./description-list-CFEw__MT.js";
+import { D as d } from "./description-list-Q8640NHu.js";
 import { u as N } from "./registry-DvAUVLHh.js";
 const w = {
   id: "connection-status",
@@ -105,4 +105,4 @@ export {
   K as C,
   w as c
 };
-//# sourceMappingURL=connection-status-BAnuwayz.js.map
+//# sourceMappingURL=connection-status--wYsgreh.js.map

package/dist/_chunks/{connection-status-BAnuwayz.js.map → connection-status--wYsgreh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"connection-status-BAnuwayz.js","sources":["../../src/components/connection-status/connection-status.agent.ts","../../src/components/connection-status/connection-status.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ConnectionStatus.                                      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ConnectionStatusHandle } from './connection-status';\n\nexport const connectionStatusAgent: AgentAdapter<ConnectionStatusHandle> = {\n  id: 'connection-status',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    status: {\n      type: 'string',\n      descriptionKey: 'ui.agent.connectionStatus.state.status',\n      description:\n        \"Connection state of the external service: 'connected', 'disconnected', 'pending', or 'error'.\",\n      read: (handle) => handle.getStatus(),\n    },\n  },\n  actions: {\n    connect: {\n      // Reaches an external service (OAuth handoff / server write), so it is\n      // both a `write` and `openWorld`.\n      safety: 'write',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.connect',\n      description:\n        'Begin connecting the external service — invokes the consumer-supplied onConnect handler.',\n      invoke: (handle) => {\n        handle.connect();\n      },\n    },\n    disconnect: {\n      // Tears down an established external connection — irreversible from the\n      // agent's perspective, so `destructive` + `openWorld`.\n      safety: 'destructive',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.disconnect',\n      description:\n        'Disconnect the external service — invokes the consumer-supplied onDisconnect handler.',\n      invoke: (handle) => {\n        handle.disconnect();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'connection-status',\n      description: 'Marks the ConnectionStatus wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { forwardRef, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Card } from '../card';\nimport { Badge, type BadgeProps } from '../badge';\nimport { Button } from '../button';\nimport { DescriptionList } from '../description-list';\nimport { useAgentRegistration } from '../../agent';\nimport { connectionStatusAgent } from './connection-status.agent';\n\nexport type ConnectionStatusValue =\n  | 'connected'\n  | 'disconnected'\n  | 'pending'\n  | 'error';\n\n/** One read-only account row, shown under a connected service. */\nexport interface ConnectionStatusSummaryRow {\n  label: string;\n  value: string;\n}\n\n/** Agent-readiness curated handle for ConnectionStatus. */\nexport interface ConnectionStatusHandle {\n  getStatus: () => ConnectionStatusValue;\n  connect: () => void;\n  disconnect: () => void;\n}\n\nexport interface ConnectionStatusProps {\n  /** Service name — consumer-domain text (e.g. `\"Stripe\"`). */\n  service: string;\n  /** External-service connection state. */\n  status: ConnectionStatusValue;\n  /** Short explanatory line — consumer-domain text. */\n  description?: string;\n  /**\n   * Read-only account rows rendered via the kit DescriptionList. Consumer-domain\n   * text. Shown only when `status === 'connected'`.\n   */\n  summary?: ConnectionStatusSummaryRow[];\n  /** Called by the Connect action (disconnected / error states). */\n  onConnect?: () => void;\n  /** Called by the Disconnect action (connected state). */\n  onDisconnect?: () => void;\n  /** Disable the connect / disconnect action. */\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n// Status → Badge tone. The status word itself is the Badge label, so the tone\n// is redundant colour reinforcement — the meaning is always conveyed by text\n// (constraint: status must never be communicated by colour alone).\nconst BADGE_TONE: Record<\n  ConnectionStatusValue,\n  NonNullable<BadgeProps['variant']>\n> = {\n  connected: 'success',\n  disconnected: 'neutral',\n  pending: 'warning',\n  error: 'error',\n};\n\n// Status → intrinsic-chrome i18n key for the status word.\nconst STATUS_LABEL_KEY: Record<ConnectionStatusValue, string> = {\n  connected: 'connectionStatus.statusConnected',\n  disconnected: 'connectionStatus.statusDisconnected',\n  pending: 'connectionStatus.statusPending',\n  error: 'connectionStatus.statusError',\n};\n\nexport const ConnectionStatus = forwardRef<\n  HTMLDivElement,\n  ConnectionStatusProps\n>(function ConnectionStatus(\n  {\n    service,\n    status,\n    description,\n    summary,\n    onConnect,\n    onDisconnect,\n    disabled = false,\n    id,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation('ui');\n\n  const handle = useMemo<ConnectionStatusHandle>(\n    () => ({\n      getStatus: () => status,\n      connect: () => onConnect?.(),\n      disconnect: () => onDisconnect?.(),\n    }),\n    [status, onConnect, onDisconnect],\n  );\n  useAgentRegistration(connectionStatusAgent, handle, id);\n\n  // Footer action. The visual variant is delegated to Button's CVA (intent);\n  // pending shows a disabled affordance carrying the status word.\n  const action =\n    status === 'pending' ? (\n      <Button intent=\"primary\" disabled>\n        {t('connectionStatus.statusPending')}\n      </Button>\n    ) : status === 'connected' ? (\n      <Button intent=\"outline\" disabled={disabled} onClick={onDisconnect}>\n        {t('connectionStatus.disconnect')}\n      </Button>\n    ) : (\n      <Button intent=\"primary\" disabled={disabled} onClick={onConnect}>\n        {t('connectionStatus.connect')}\n      </Button>\n    );\n\n  const showSummary =\n    status === 'connected' && Array.isArray(summary) && summary.length > 0;\n\n  return (\n    <div ref={ref} data-component=\"connection-status\" data-component-id={id}>\n      <Card className={className} aria-label={ariaLabel}>\n        <Card.Header>\n          <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <span className=\"type-title-card ds:text-foreground\">\n              {service}\n            </span>\n            <Badge variant={BADGE_TONE[status]}>\n              {t(STATUS_LABEL_KEY[status])}\n            </Badge>\n          </div>\n        </Card.Header>\n        <Card.Body>\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n            {description ? (\n              <p className=\"type-body-sm ds:text-muted-foreground\">\n                {description}\n              </p>\n            ) : null}\n            {showSummary && summary ? (\n              <DescriptionList layout=\"inline\" density=\"compact\">\n                {summary.map((row) => (\n                  <DescriptionList.Row key={row.label}>\n                    <DescriptionList.Term>{row.label}</DescriptionList.Term>\n                    <DescriptionList.Detail>{row.value}</DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ))}\n              </DescriptionList>\n            ) : null}\n          </div>\n        </Card.Body>\n        <Card.Footer>{action}</Card.Footer>\n      </Card>\n    </div>\n  );\n});\n\nConnectionStatus.displayName = 'ConnectionStatus';\n"],"names":["connectionStatusAgent","handle","BADGE_TONE","STATUS_LABEL_KEY","ConnectionStatus","forwardRef","service","status","description","summary","onConnect","onDisconnect","disabled","id","className","ariaLabel","ref","t","useTranslation","useMemo","useAgentRegistration","action","jsx","Button","showSummary","jsxs","Card","Badge","DescriptionList","row"],"mappings":"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"}
+{"version":3,"file":"connection-status--wYsgreh.js","sources":["../../src/components/connection-status/connection-status.agent.ts","../../src/components/connection-status/connection-status.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ConnectionStatus.                                      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ConnectionStatusHandle } from './connection-status';\n\nexport const connectionStatusAgent: AgentAdapter<ConnectionStatusHandle> = {\n  id: 'connection-status',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    status: {\n      type: 'string',\n      descriptionKey: 'ui.agent.connectionStatus.state.status',\n      description:\n        \"Connection state of the external service: 'connected', 'disconnected', 'pending', or 'error'.\",\n      read: (handle) => handle.getStatus(),\n    },\n  },\n  actions: {\n    connect: {\n      // Reaches an external service (OAuth handoff / server write), so it is\n      // both a `write` and `openWorld`.\n      safety: 'write',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.connect',\n      description:\n        'Begin connecting the external service — invokes the consumer-supplied onConnect handler.',\n      invoke: (handle) => {\n        handle.connect();\n      },\n    },\n    disconnect: {\n      // Tears down an established external connection — irreversible from the\n      // agent's perspective, so `destructive` + `openWorld`.\n      safety: 'destructive',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.disconnect',\n      description:\n        'Disconnect the external service — invokes the consumer-supplied onDisconnect handler.',\n      invoke: (handle) => {\n        handle.disconnect();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'connection-status',\n      description: 'Marks the ConnectionStatus wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { forwardRef, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Card } from '../card';\nimport { Badge, type BadgeProps } from '../badge';\nimport { Button } from '../button';\nimport { DescriptionList } from '../description-list';\nimport { useAgentRegistration } from '../../agent';\nimport { connectionStatusAgent } from './connection-status.agent';\n\nexport type ConnectionStatusValue =\n  | 'connected'\n  | 'disconnected'\n  | 'pending'\n  | 'error';\n\n/** One read-only account row, shown under a connected service. */\nexport interface ConnectionStatusSummaryRow {\n  label: string;\n  value: string;\n}\n\n/** Agent-readiness curated handle for ConnectionStatus. */\nexport interface ConnectionStatusHandle {\n  getStatus: () => ConnectionStatusValue;\n  connect: () => void;\n  disconnect: () => void;\n}\n\nexport interface ConnectionStatusProps {\n  /** Service name — consumer-domain text (e.g. `\"Stripe\"`). */\n  service: string;\n  /** External-service connection state. */\n  status: ConnectionStatusValue;\n  /** Short explanatory line — consumer-domain text. */\n  description?: string;\n  /**\n   * Read-only account rows rendered via the kit DescriptionList. Consumer-domain\n   * text. Shown only when `status === 'connected'`.\n   */\n  summary?: ConnectionStatusSummaryRow[];\n  /** Called by the Connect action (disconnected / error states). */\n  onConnect?: () => void;\n  /** Called by the Disconnect action (connected state). */\n  onDisconnect?: () => void;\n  /** Disable the connect / disconnect action. */\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n// Status → Badge tone. The status word itself is the Badge label, so the tone\n// is redundant colour reinforcement — the meaning is always conveyed by text\n// (constraint: status must never be communicated by colour alone).\nconst BADGE_TONE: Record<\n  ConnectionStatusValue,\n  NonNullable<BadgeProps['variant']>\n> = {\n  connected: 'success',\n  disconnected: 'neutral',\n  pending: 'warning',\n  error: 'error',\n};\n\n// Status → intrinsic-chrome i18n key for the status word.\nconst STATUS_LABEL_KEY: Record<ConnectionStatusValue, string> = {\n  connected: 'connectionStatus.statusConnected',\n  disconnected: 'connectionStatus.statusDisconnected',\n  pending: 'connectionStatus.statusPending',\n  error: 'connectionStatus.statusError',\n};\n\nexport const ConnectionStatus = forwardRef<\n  HTMLDivElement,\n  ConnectionStatusProps\n>(function ConnectionStatus(\n  {\n    service,\n    status,\n    description,\n    summary,\n    onConnect,\n    onDisconnect,\n    disabled = false,\n    id,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation('ui');\n\n  const handle = useMemo<ConnectionStatusHandle>(\n    () => ({\n      getStatus: () => status,\n      connect: () => onConnect?.(),\n      disconnect: () => onDisconnect?.(),\n    }),\n    [status, onConnect, onDisconnect],\n  );\n  useAgentRegistration(connectionStatusAgent, handle, id);\n\n  // Footer action. The visual variant is delegated to Button's CVA (intent);\n  // pending shows a disabled affordance carrying the status word.\n  const action =\n    status === 'pending' ? (\n      <Button intent=\"primary\" disabled>\n        {t('connectionStatus.statusPending')}\n      </Button>\n    ) : status === 'connected' ? (\n      <Button intent=\"outline\" disabled={disabled} onClick={onDisconnect}>\n        {t('connectionStatus.disconnect')}\n      </Button>\n    ) : (\n      <Button intent=\"primary\" disabled={disabled} onClick={onConnect}>\n        {t('connectionStatus.connect')}\n      </Button>\n    );\n\n  const showSummary =\n    status === 'connected' && Array.isArray(summary) && summary.length > 0;\n\n  return (\n    <div ref={ref} data-component=\"connection-status\" data-component-id={id}>\n      <Card className={className} aria-label={ariaLabel}>\n        <Card.Header>\n          <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <span className=\"type-title-card ds:text-foreground\">\n              {service}\n            </span>\n            <Badge variant={BADGE_TONE[status]}>\n              {t(STATUS_LABEL_KEY[status])}\n            </Badge>\n          </div>\n        </Card.Header>\n        <Card.Body>\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n            {description ? (\n              <p className=\"type-body-sm ds:text-muted-foreground\">\n                {description}\n              </p>\n            ) : null}\n            {showSummary && summary ? (\n              <DescriptionList layout=\"inline\" density=\"compact\">\n                {summary.map((row) => (\n                  <DescriptionList.Row key={row.label}>\n                    <DescriptionList.Term>{row.label}</DescriptionList.Term>\n                    <DescriptionList.Detail>{row.value}</DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ))}\n              </DescriptionList>\n            ) : null}\n          </div>\n        </Card.Body>\n        <Card.Footer>{action}</Card.Footer>\n      </Card>\n    </div>\n  );\n});\n\nConnectionStatus.displayName = 'ConnectionStatus';\n"],"names":["connectionStatusAgent","handle","BADGE_TONE","STATUS_LABEL_KEY","ConnectionStatus","forwardRef","service","status","description","summary","onConnect","onDisconnect","disabled","id","className","ariaLabel","ref","t","useTranslation","useMemo","useAgentRegistration","action","jsx","Button","showSummary","jsxs","Card","Badge","DescriptionList","row"],"mappings":"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"}

package/dist/_chunks/{contact-profile-card-JTRbnbxy.js → contact-profile-card-VTCAmQqj.js}

@@ -2,9 +2,9 @@ import { jsxs as f, jsx as e, Fragment as T } from "react/jsx-runtime";
 import { forwardRef as le, useId as se, useMemo as ce } from "react";
 import { c as de } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
-import { B as P } from "./badge-hnBt8o7n.js";
+import { B as P } from "./badge-BUk4RjTS.js";
 import { C as F } from "./card-BA4Ig_kn.js";
-import { K as fe, a as ue } from "./key-value-pair-BNYHAZwD.js";
+import { K as fe, a as ue } from "./key-value-pair-BscGwZsJ.js";
 import { L as d } from "./link-gRw3NtOt.js";
 import { b as me } from "./format-price-BKle6Xwt.js";
 import { u as he } from "./registry-DvAUVLHh.js";
@@ -315,4 +315,4 @@ export {
   ke as b,
   ge as c
 };
-//# sourceMappingURL=contact-profile-card-JTRbnbxy.js.map
+//# sourceMappingURL=contact-profile-card-VTCAmQqj.js.map