@alfadocs/ui-kit-debug 1.67.0 → 1.68.0

package/dist/_chunks/{slot-grid-dj5f6R2w.js.map → slot-grid-D_gix9mJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"slot-grid-dj5f6R2w.js","sources":["../../src/components/slot-grid/slot-grid.agent.ts","../../src/components/slot-grid/slot-grid.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SlotGrid.                                              */\n/*                                                                        */\n/* Multi-day time-slot picker. Selection stays fully CONTROLLED by the   */\n/* consumer (`selectedSlotId` + `onSlotSelect`) — the adapter never      */\n/* stores a choice, it reports the committed prop and fires the same     */\n/* callback a native click would (the `combobox.set_value` contract).    */\n/*                                                                        */\n/* Two channels reach the same component:                                 */\n/*   • the registry — `SlotGridHandle` resolved by (`slot-grid`, id),     */\n/*     which is the ONLY channel the MCP bridge has (PRS §26 §8.1);      */\n/*   • the DOM — `data-slot-id` on every rendered slot button, for       */\n/*     DOM-driving tools (browser extension / computer use) that never    */\n/*     touch the registry.                                                */\n/*                                                                        */\n/* PHI (§6.1 / §7): a slot id is an AVAILABILITY identifier and a day    */\n/* key is a calendar date. SlotGrid is never handed a patient — its      */\n/* inputs are `{ id, start, end?, available?, label? }` plus             */\n/* `Intl`-formatted time strings — so no state slot can leak PHI.        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SlotGridHandle } from './slot-grid';\n\nexport const slotGridAgent: AgentAdapter<SlotGridHandle> = {\n  id: 'slot-grid',\n  // pick           → `select_slot` + the `selectedSlotId` state slot.\n  // range_navigate → `next_days` / `previous_days` + `hasNext` / `hasPrevious`.\n  // expand         → `show_more_day` + the `expandedDays` state slot.\n  //\n  // Host-delegated, deliberately WITHOUT an action: the optional\n  // \"Next available\" CTA (`showNextAvailable` + `onJumpToNextAvailable`)\n  // stays a native click on the toolbar button. It is a consumer-owned\n  // jump to a window the grid has not been given, so the agent reaches it\n  // through the DOM, or by reading `slotsByDay` and paging with\n  // `next_days` until availability appears.\n  capabilities: ['pick', 'range_navigate', 'expand'],\n  state: {\n    status: {\n      type: \"'default' | 'loading' | 'disabled' | 'empty'\",\n      descriptionKey: 'ui.agent.slotGrid.state.status',\n      description:\n        'Visual state of the grid. Read this before concluding \"no availability\" — `loading` means the window has not resolved yet.',\n      read: (handle) => handle.getStatus(),\n    },\n    selectedSlotId: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.slotGrid.state.selectedSlotId',\n      description:\n        'Id of the slot the consumer has committed as selected, or null. Reflects the controlled `selectedSlotId` prop, not an internal choice.',\n      read: (handle) => handle.getSelectedSlotId(),\n    },\n    visibleDays: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.slotGrid.state.visibleDays',\n      description:\n        'Calendar days currently rendered as columns, as `yyyy-MM-dd` keys in display order.',\n      read: (handle) => handle.getVisibleDays(),\n    },\n    slotsByDay: {\n      type: 'Record<string, string[]>',\n      descriptionKey: 'ui.agent.slotGrid.state.slotsByDay',\n      description:\n        'Map of day key (`yyyy-MM-dd`) to the ids of that day’s bookable slots. Ids only — never slot or patient objects. Includes slots still collapsed behind \"Show more\".',\n      read: (handle) => handle.getSlotsByDay(),\n    },\n    expandedDays: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.slotGrid.state.expandedDays',\n      description:\n        'Day keys whose \"Show more\" control has been used, so every slot for that day is rendered.',\n      read: (handle) => handle.getExpandedDays(),\n    },\n    hasPrevious: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.slotGrid.state.hasPrevious',\n      description:\n        'True when an earlier window of days exists — the \"previous days\" arrow is offered.',\n      read: (handle) => handle.getHasPrevious(),\n    },\n    hasNext: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.slotGrid.state.hasNext',\n      description:\n        'True when a later window of days exists — the \"next days\" arrow is offered.',\n      read: (handle) => handle.getHasNext(),\n    },\n  },\n  actions: {\n    select_slot: {\n      // Fires the consumer's `onSlotSelect`, exactly as a click on the slot\n      // button does. Persistent in the consumer's booking draft, and\n      // reversible by selecting another slot — `write`, not `phi`: a slot is\n      // availability, not patient data.\n      safety: 'write',\n      argsType: '{ slotId: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          slotId: {\n            type: 'string',\n            description:\n              'Id of the slot to select. Must be one of the ids returned by the `slotsByDay` state slot.',\n          },\n        },\n        required: ['slotId'],\n      },\n      idempotent: true,\n      returns: 'boolean',\n      returnsSchema: {\n        type: 'boolean',\n        description: 'True when the selection callback fired.',\n      },\n      errors: [\n        'Returns false when no slot with that id is in the visible window — page with next_days / previous_days first.',\n        'Returns false when the slot is unavailable, or the grid is loading or disabled.',\n      ],\n      descriptionKey: 'ui.agent.slotGrid.actions.selectSlot',\n      description:\n        'Select an available slot by id. Emits the same selection the user would by clicking the slot button.',\n      examples: [\n        {\n          args: { slotId: 'avail-2026-09-01-0930' },\n          note: 'Book the 09:30 slot on 1 September.',\n        },\n      ],\n      invoke: (handle, args: { slotId: string }) =>\n        handle.selectSlot(args.slotId),\n    },\n    next_days: {\n      // View-window paging only — the consumer fetches, nothing is persisted.\n      safety: 'read',\n      returns: 'boolean',\n      returnsSchema: {\n        type: 'boolean',\n        description: 'True when the paging callback fired.',\n      },\n      errors: [\n        'Returns false when `hasNext` is false, or the grid is loading or disabled.',\n      ],\n      descriptionKey: 'ui.agent.slotGrid.actions.nextDays',\n      description:\n        'Page the visible window forward to the next group of days, as the \"next days\" arrow does.',\n      invoke: (handle) => handle.nextDays(),\n    },\n    previous_days: {\n      safety: 'read',\n      returns: 'boolean',\n      returnsSchema: {\n        type: 'boolean',\n        description: 'True when the paging callback fired.',\n      },\n      errors: [\n        'Returns false when `hasPrevious` is false, or the grid is loading or disabled.',\n      ],\n      descriptionKey: 'ui.agent.slotGrid.actions.previousDays',\n      description:\n        'Page the visible window back to the previous group of days, as the \"previous days\" arrow does.',\n      invoke: (handle) => handle.previousDays(),\n    },\n    show_more_day: {\n      // Reveals slots the grid already holds — ephemeral disclosure state.\n      safety: 'read',\n      argsType: '{ dayKey: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          dayKey: {\n            type: 'string',\n            pattern: '^\\\\d{4}-\\\\d{2}-\\\\d{2}$',\n            description:\n              'Day to expand, as a `yyyy-MM-dd` key from the `visibleDays` state slot.',\n          },\n        },\n        required: ['dayKey'],\n      },\n      idempotent: true,\n      returns: 'boolean',\n      returnsSchema: {\n        type: 'boolean',\n        description: 'True when the day was expanded.',\n      },\n      errors: [\n        'Returns false when the day key is not one of the visible columns, or the grid is loading or disabled.',\n      ],\n      descriptionKey: 'ui.agent.slotGrid.actions.showMoreDay',\n      description:\n        'Render every slot for one day, as the day’s \"Show more\" button does. Only affects what is on screen — `slotsByDay` already lists collapsed slots.',\n      examples: [\n        {\n          args: { dayKey: '2026-09-01' },\n          note: 'Reveal the rest of 1 September so every slot button is clickable.',\n        },\n      ],\n      invoke: (handle, args: { dayKey: string }) =>\n        handle.showMoreDay(args.dayKey),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'slot-grid',\n      description:\n        'Marks the SlotGrid region. Emits `data-state` reflecting the public `state` prop (default / loading / disabled / empty).',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the `id` prop. Also the registry key — without an `id` the instance does not register, so the handle-driven actions are unreachable and only the DOM channel works.',\n    },\n    item: {\n      attr: 'data-slot-id',\n      sourceProp: 'days[].slots[].id',\n      description:\n        'Per-slot button identifier sourced from each `SlotGridSlot.id` — an availability id, never a patient id. DOM-driving agents activate a slot via native click on the matching button.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* SlotGrid — multi-day time-slot picker for patient booking.           */\n/*                                                                     */\n/* Renders N day columns side-by-side. Each column shows a day header  */\n/* (formatted via `Intl.DateTimeFormat(locale)`) plus a vertical list   */\n/* of slot buttons. Long days collapse to `maxInitialSlotsPerDay` and  */\n/* reveal the rest via a \"Show more\" button (progressive disclosure).  */\n/*                                                                     */\n/* Navigation arrows (`onPreviousDays` / `onNextDays`) let the consumer */\n/* page the window of days; the optional \"Next available\" CTA jumps to */\n/* the first day with an open slot.                                    */\n/*                                                                     */\n/* Purely presentational — no business logic, no data fetching. Date   */\n/* comparisons use `date-fns` (never moment.js) and the rendered labels */\n/* come exclusively from `Intl.DateTimeFormat` or the `ui.slotGrid`    */\n/* namespace via `useTranslation('ui')`.                                   */\n/*                                                                     */\n/* Agent surface: `ref` is the outer <div>; a separate `SlotGridHandle` */\n/* (built with `useMemo`, registered via `useAgentRegistration`) gives  */\n/* the MCP bridge a read-only view of the visible days + available slot */\n/* ids and the four interactions the UI itself offers. See             */\n/* `slot-grid.agent.ts` and PRS §26.                                    */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { format, isSameDay, parseISO } from 'date-fns';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { useAgentRegistration } from '../../agent';\nimport { slotGridAgent } from './slot-grid.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type SlotGridState = 'default' | 'loading' | 'disabled' | 'empty';\n\nexport type SlotGridSize = 'sm' | 'md' | 'lg';\n\nexport interface SlotGridSlot {\n  /** Stable identity — used by consumers to resolve selection. */\n  id: string;\n  /** Slot start — ISO string or `Date`. Rendered via `Intl.DateTimeFormat`. */\n  start: string | Date;\n  /** Optional slot end — if omitted only the start time is announced. */\n  end?: string | Date;\n  /** Defaults to `true`. Unavailable slots render disabled and are not focusable. */\n  available?: boolean;\n  /** Override the default `Intl`-formatted time label. */\n  label?: string;\n  /** Override the accessible name of the slot button. */\n  ariaLabel?: string;\n}\n\nexport interface SlotGridDay {\n  /** The calendar day the column represents. */\n  date: string | Date;\n  /** Slots for this day, in chronological order. Empty array ⇒ empty day. */\n  slots: SlotGridSlot[];\n  /** Override the default `Intl`-formatted day header. */\n  label?: string;\n}\n\nexport interface SlotGridProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'onSelect'>,\n    VariantProps<typeof slotGridVariants> {\n  /** Days to render, one column per entry. */\n  days: SlotGridDay[];\n  /** Visual / interactive state. Defaults to `'default'`. */\n  state?: SlotGridState;\n  /** Density of the slot buttons and day headers. Defaults to `'md'`. */\n  size?: SlotGridSize;\n  /** Id of the currently selected slot (controlled). */\n  selectedSlotId?: string;\n  /**\n   * Initial number of slots to render per day before the \"Show more\"\n   * progressive-disclosure control collapses the rest. Defaults to `6`.\n   */\n  maxInitialSlotsPerDay?: number;\n  /**\n   * BCP-47 locale tag for `Intl.DateTimeFormat`. Defaults to the active\n   * i18next language.\n   */\n  locale?: string;\n  /** IANA time zone for `Intl.DateTimeFormat`. Optional. */\n  timeZone?: string;\n  /** Whether the \"previous days\" navigation arrow should be enabled. */\n  hasPrevious?: boolean;\n  /** Whether the \"next days\" navigation arrow should be enabled. */\n  hasNext?: boolean;\n  /**\n   * When `true`, renders the \"Next available\" CTA at the end of the\n   * toolbar. Only emits a callback — the consumer owns the navigation.\n   */\n  showNextAvailable?: boolean;\n  /** Accessible label for the outer grid region. */\n  ariaLabel?: string;\n  /** Fires when the user selects an available slot. */\n  onSlotSelect?: (slot: SlotGridSlot, day: SlotGridDay) => void;\n  /** Fires when the user clicks the \"previous days\" arrow. */\n  onPreviousDays?: () => void;\n  /** Fires when the user clicks the \"next days\" arrow. */\n  onNextDays?: () => void;\n  /** Fires when the user clicks a day's \"Show more\" button. */\n  onShowMore?: (day: SlotGridDay) => void;\n  /** Fires when the user clicks the \"Next available\" CTA. */\n  onJumpToNextAvailable?: () => void;\n}\n\n/**\n * Imperative handle the agent adapter (`slot-grid.agent.ts`) reads and drives.\n *\n * It is NOT the `ref` — `ref` stays the outer `HTMLDivElement` so existing\n * consumers are unaffected. The handle is built with `useMemo` and handed to\n * `useAgentRegistration`, the same shape Autocomplete uses.\n *\n * Every getter returns identifiers and structural state only — availability\n * slot ids, calendar day keys, booleans. Never patient data (PRS §26 §7).\n */\nexport interface SlotGridHandle {\n  /** Current visual / interactive state (`default` / `loading` / `disabled` / `empty`). */\n  getStatus: () => SlotGridState;\n  /** Controlled `selectedSlotId` prop, or `null` when nothing is selected. */\n  getSelectedSlotId: () => string | null;\n  /** Day keys (`yyyy-MM-dd`) of the currently-rendered columns, in order. */\n  getVisibleDays: () => string[];\n  /** Day key → ids of that day's AVAILABLE slots (collapsed ones included). */\n  getSlotsByDay: () => Record<string, string[]>;\n  /** Day keys whose \"Show more\" control has been used. */\n  getExpandedDays: () => string[];\n  /** Mirrors the `hasPrevious` prop — whether an earlier window exists. */\n  getHasPrevious: () => boolean;\n  /** Mirrors the `hasNext` prop — whether a later window exists. */\n  getHasNext: () => boolean;\n  /** Select an available slot by id. Returns `false` when it cannot be selected. */\n  selectSlot: (slotId: string) => boolean;\n  /** Page the window forward. Returns `false` when the arrow would be disabled. */\n  nextDays: () => boolean;\n  /** Page the window back. Returns `false` when the arrow would be disabled. */\n  previousDays: () => boolean;\n  /** Reveal a day's collapsed slots. Returns `false` when the day is not visible. */\n  showMoreDay: (dayKey: string) => boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst slotGridVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n    'ds:text-[var(--foreground)]',\n    'ds:w-full',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst toolbarVariants = cva(\n  'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n);\n\n/**\n * Column-count is dynamic (1–12), so it is declared as a full CVA variant —\n * this keeps every `grid-cols-N` string statically visible to Tailwind's\n * JIT and keeps the variant table inside CVA rather than hand-rolled.\n */\nconst COLS_MAX = 12;\n\nconst columnsVariants = cva(\n  'ds:grid ds:gap-[var(--spacing-sm)] ds:w-full ds:auto-rows-min ds:items-start',\n  {\n    variants: {\n      cols: {\n        1: 'ds:grid-cols-1',\n        2: 'ds:grid-cols-2',\n        3: 'ds:grid-cols-3',\n        4: 'ds:grid-cols-4',\n        5: 'ds:grid-cols-5',\n        6: 'ds:grid-cols-6',\n        7: 'ds:grid-cols-7',\n        8: 'ds:grid-cols-8',\n        9: 'ds:grid-cols-9',\n        10: 'ds:grid-cols-10',\n        11: 'ds:grid-cols-11',\n        12: 'ds:grid-cols-12',\n      },\n    },\n    defaultVariants: { cols: 1 },\n  },\n);\n\ntype ColumnsCount = NonNullable<VariantProps<typeof columnsVariants>['cols']>;\n\nfunction clampCols(count: number): ColumnsCount {\n  return Math.max(1, Math.min(count, COLS_MAX)) as ColumnsCount;\n}\n\nconst columnVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:bg-[var(--card)]',\n    'ds:min-w-0',\n  ].join(' '),\n);\n\nconst dayHeaderVariants = cva(\n  [\n    'ds:font-[var(--font-weight-semibold)]',\n    'ds:text-[var(--foreground)]',\n    'ds:text-start',\n    'ds:truncate',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-xs)]',\n        md: 'ds:text-[length:var(--font-size-sm)]',\n        lg: 'ds:text-[length:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst slotListVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none',\n);\n\nconst slotButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:w-full',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:font-[var(--font-weight-medium)]',\n    'ds:bg-[var(--secondary)]',\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:text-[var(--foreground)]',\n    'ds:transition-[background-color,color,box-shadow]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[var(--focus-ring-offset)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:shadow-none',\n    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-disabled:shadow-none',\n    'ds:hover:enabled:shadow-[var(--shadow-md)]',\n    'ds:aria-pressed:bg-[var(--primary)] ds:aria-pressed:text-[var(--primary-foreground)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:h-8',\n        md: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:h-10',\n        lg: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-base)] ds:h-12',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction toDate(value: string | Date): Date {\n  return value instanceof Date ? value : parseISO(value);\n}\n\n/**\n * Internal identity for one rendered column. The index guards against a\n * consumer passing the same calendar date twice.\n */\nfunction columnKey(day: SlotGridDay, index: number): string {\n  return `${toDate(day.date).toISOString()}-${index}`;\n}\n\n/**\n * Agent-facing key for one column — the local calendar date as `yyyy-MM-dd`.\n * Structural, locale-independent, and carries no patient data.\n */\nfunction dayKeyOf(day: SlotGridDay): string {\n  return format(toDate(day.date), 'yyyy-MM-dd');\n}\n\n/** Is `a` the same calendar day as `b`? Uses `date-fns`, locale-agnostic. */\nexport function isSameDate(a: string | Date, b: string | Date): boolean {\n  return isSameDay(toDate(a), toDate(b));\n}\n\n/** Find the first day in a list that has at least one available slot. */\nexport function findFirstAvailable(\n  days: SlotGridDay[],\n): { day: SlotGridDay; slot: SlotGridSlot } | undefined {\n  for (const day of days) {\n    const slot = day.slots.find((s) => s.available !== false);\n    if (slot) return { day, slot };\n  }\n  return undefined;\n}\n\nfunction formatDayHeader(\n  date: Date,\n  locale: string,\n  timeZone?: string,\n): string {\n  try {\n    return new Intl.DateTimeFormat(locale, {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    }).format(date);\n  } catch {\n    return new Intl.DateTimeFormat('en', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n    }).format(date);\n  }\n}\n\nfunction formatSlotTime(\n  slot: SlotGridSlot,\n  locale: string,\n  timeZone?: string,\n): string {\n  if (slot.label !== undefined) return slot.label;\n  const start = toDate(slot.start);\n  try {\n    const fmt = new Intl.DateTimeFormat(locale, {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZone,\n    });\n    if (slot.end) {\n      const end = toDate(slot.end);\n      if (typeof fmt.formatRange === 'function') {\n        try {\n          return fmt.formatRange(start, end);\n        } catch {\n          /* fall through */\n        }\n      }\n      return `${fmt.format(start)} – ${fmt.format(end)}`;\n    }\n    return fmt.format(start);\n  } catch {\n    return start.toISOString();\n  }\n}\n\nfunction formatSlotAriaLabel(\n  slot: SlotGridSlot,\n  day: SlotGridDay,\n  locale: string,\n  timeZone: string | undefined,\n  template: (opts: { time: string; day: string }) => string,\n): string {\n  if (slot.ariaLabel !== undefined) return slot.ariaLabel;\n  const time = formatSlotTime(slot, locale, timeZone);\n  const dayLabel =\n    day.label !== undefined\n      ? day.label\n      : formatDayHeader(toDate(day.date), locale, timeZone);\n  return template({ time, day: dayLabel });\n}\n\n/* ------------------------------------------------------------------ */\n/* Glyphs — logical-direction arrows                                   */\n/* ------------------------------------------------------------------ */\n\nfunction ChevronStartIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ds:size-4\"\n    >\n      <path d=\"M15 18l-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronEndIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ds:size-4\"\n    >\n      <path d=\"M9 6l6 6-6 6\" />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const SlotGrid = forwardRef<HTMLDivElement, SlotGridProps>(\n  (\n    {\n      days,\n      state = 'default',\n      size = 'md',\n      selectedSlotId,\n      maxInitialSlotsPerDay = 6,\n      locale: localeProp,\n      timeZone,\n      hasPrevious = false,\n      hasNext = false,\n      showNextAvailable = false,\n      ariaLabel,\n      onSlotSelect,\n      onPreviousDays,\n      onNextDays,\n      onShowMore,\n      onJumpToNextAvailable,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const locale = localeProp ?? i18n.language ?? 'en';\n    const idBase = useId();\n\n    const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n\n    const isLoading = state === 'loading';\n    const isDisabled = state === 'disabled';\n    const isInteractionSuppressed = isLoading || isDisabled;\n    const isEmpty =\n      state === 'empty' ||\n      days.length === 0 ||\n      days.every((day) => day.slots.length === 0);\n\n    const resolvedAriaLabel = ariaLabel ?? t('slotGrid.ariaLabel');\n\n    const handleSlotClick = useCallback(\n      (slot: SlotGridSlot, day: SlotGridDay) => {\n        if (isInteractionSuppressed) return;\n        if (slot.available === false) return;\n        onSlotSelect?.(slot, day);\n      },\n      [isInteractionSuppressed, onSlotSelect],\n    );\n\n    const handleShowMore = useCallback(\n      (day: SlotGridDay, key: string) => {\n        setExpanded((prev) => ({ ...prev, [key]: true }));\n        onShowMore?.(day);\n      },\n      [onShowMore],\n    );\n\n    const handleSlotKeyDown = useCallback(\n      (\n        event: KeyboardEvent<HTMLButtonElement>,\n        slot: SlotGridSlot,\n        day: SlotGridDay,\n      ) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          handleSlotClick(slot, day);\n        }\n      },\n      [handleSlotClick],\n    );\n\n    /* ---- Agent handle ---------------------------------------------- */\n    /* `ref` stays the outer <div> (unchanged for consumers). The agent   */\n    /* handle is a separate, memo-stable object — the Autocomplete shape. */\n    /* A snapshot ref mirrors props + internal state so the handle reads  */\n    /* fresh values without re-registering on every render.               */\n\n    const snapshot = {\n      days,\n      selectedSlotId,\n      hasPrevious,\n      hasNext,\n      state,\n      expanded,\n      isInteractionSuppressed,\n      onPreviousDays,\n      onNextDays,\n      handleSlotClick,\n      handleShowMore,\n    };\n    const latest = useRef(snapshot);\n    useEffect(() => {\n      latest.current = snapshot;\n    });\n\n    const agentHandle = useMemo<SlotGridHandle>(\n      () => ({\n        getStatus: () => latest.current.state,\n        getSelectedSlotId: () => latest.current.selectedSlotId ?? null,\n        getVisibleDays: () => latest.current.days.map(dayKeyOf),\n        getSlotsByDay: () => {\n          // Ids only — never the slot objects (PRS §26 §7 / auditor A9).\n          const byDay: Record<string, string[]> = {};\n          for (const day of latest.current.days) {\n            const key = dayKeyOf(day);\n            const ids = day.slots\n              .filter((slot) => slot.available !== false)\n              .map((slot) => slot.id);\n            byDay[key] = byDay[key] ? [...byDay[key], ...ids] : ids;\n          }\n          return byDay;\n        },\n        getExpandedDays: () =>\n          latest.current.days\n            .filter(\n              (day, index) =>\n                latest.current.expanded[columnKey(day, index)] === true,\n            )\n            .map(dayKeyOf),\n        getHasPrevious: () => latest.current.hasPrevious,\n        getHasNext: () => latest.current.hasNext,\n        selectSlot: (slotId) => {\n          const current = latest.current;\n          if (current.isInteractionSuppressed) return false;\n          for (const day of current.days) {\n            const slot = day.slots.find((candidate) => candidate.id === slotId);\n            if (!slot) continue;\n            if (slot.available === false) return false;\n            // Same code path as a native click on the slot button.\n            current.handleSlotClick(slot, day);\n            return true;\n          }\n          return false;\n        },\n        nextDays: () => {\n          const current = latest.current;\n          if (!current.hasNext || current.isInteractionSuppressed) return false;\n          if (!current.onNextDays) return false;\n          current.onNextDays();\n          return true;\n        },\n        previousDays: () => {\n          const current = latest.current;\n          if (!current.hasPrevious || current.isInteractionSuppressed) {\n            return false;\n          }\n          if (!current.onPreviousDays) return false;\n          current.onPreviousDays();\n          return true;\n        },\n        showMoreDay: (dayKey) => {\n          const current = latest.current;\n          if (current.isInteractionSuppressed) return false;\n          const index = current.days.findIndex(\n            (day) => dayKeyOf(day) === dayKey,\n          );\n          if (index < 0) return false;\n          const day = current.days[index];\n          current.handleShowMore(day, columnKey(day, index));\n          return true;\n        },\n      }),\n      [],\n    );\n\n    useAgentRegistration(slotGridAgent, agentHandle, id);\n\n    const columnCount = clampCols(days.length || 1);\n    const columnsClass = columnsVariants({ cols: columnCount });\n\n    /* ---- Rendered content ------------------------------------------ */\n\n    let body: ReactNode;\n    if (isLoading) {\n      body = (\n        <div\n          className={columnsClass}\n          data-state=\"loading\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={t('common.loading')}\n        >\n          {Array.from({ length: columnCount }, (_, colIdx) => (\n            <div key={`loading-col-${colIdx}`} className={columnVariants()}>\n              <Skeleton variant=\"text\" size={size} width=\"60%\" />\n              <div className={slotListVariants()}>\n                {Array.from(\n                  { length: Math.min(maxInitialSlotsPerDay, 4) },\n                  (_, rowIdx) => (\n                    <Skeleton\n                      key={`loading-slot-${colIdx}-${rowIdx}`}\n                      variant=\"rounded\"\n                      size={size}\n                      height=\"40px\"\n                    />\n                  ),\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div data-state=\"empty\">\n          <EmptyState variant=\"no-results\" title={t('slotGrid.noSlots')} />\n        </div>\n      );\n    } else {\n      body = (\n        <div\n          className={columnsClass}\n          data-state={isDisabled ? 'disabled' : 'default'}\n        >\n          {days.map((day, dayIdx) => {\n            const dayKey = columnKey(day, dayIdx);\n            const headerLabel =\n              day.label ?? formatDayHeader(toDate(day.date), locale, timeZone);\n            const headerId = `${idBase}-day-${dayIdx}-header`;\n            const isExpanded = expanded[dayKey] ?? false;\n            const visibleSlots = isExpanded\n              ? day.slots\n              : day.slots.slice(0, maxInitialSlotsPerDay);\n            const hiddenCount = day.slots.length - visibleSlots.length;\n\n            const isDayEmpty = day.slots.length === 0;\n\n            return (\n              // Use a plain <div role=\"group\"> rather than <section> — a\n              // <section> with aria-labelledby is a landmark, and nesting many\n              // landmarks inside the outer slot-grid landmark fails axe's\n              // landmark-unique rule.\n              <div\n                key={dayKey}\n                role=\"group\"\n                className={columnVariants()}\n                aria-labelledby={headerId}\n                data-empty={isDayEmpty || undefined}\n              >\n                <h3 id={headerId} className={dayHeaderVariants({ size })}>\n                  {headerLabel}\n                </h3>\n                {isDayEmpty ? (\n                  <p className=\"type-body-sm ds:text-[var(--muted-foreground)] ds:m-0\">\n                    {t('slotGrid.noSlots')}\n                  </p>\n                ) : null}\n                <ul className={slotListVariants()}>\n                  {visibleSlots.map((slot) => {\n                    const ariaLabelSlot = formatSlotAriaLabel(\n                      slot,\n                      day,\n                      locale,\n                      timeZone,\n                      ({ time, day: dayLabel }) =>\n                        t('slotGrid.slotLabel', { time, day: dayLabel }),\n                    );\n                    const isSelected = selectedSlotId === slot.id;\n                    const isSlotDisabled =\n                      slot.available === false || isInteractionSuppressed;\n                    return (\n                      <li key={slot.id}>\n                        <button\n                          type=\"button\"\n                          className={slotButtonVariants({ size })}\n                          aria-label={ariaLabelSlot}\n                          aria-pressed={isSelected}\n                          disabled={isSlotDisabled}\n                          aria-disabled={isSlotDisabled || undefined}\n                          data-slot-id={slot.id}\n                          onClick={() => handleSlotClick(slot, day)}\n                          onKeyDown={(event) =>\n                            handleSlotKeyDown(event, slot, day)\n                          }\n                        >\n                          {formatSlotTime(slot, locale, timeZone)}\n                        </button>\n                      </li>\n                    );\n                  })}\n                </ul>\n                {hiddenCount > 0 ? (\n                  <Button\n                    intent=\"ghost\"\n                    size={size === 'lg' ? 'md' : 'sm'}\n                    onClick={() => handleShowMore(day, dayKey)}\n                    disabled={isInteractionSuppressed}\n                  >\n                    {t('slotGrid.showMore', { count: hiddenCount })}\n                  </Button>\n                ) : null}\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        className={slotGridVariants({ size, className })}\n        data-component=\"slot-grid\"\n        data-component-id={id}\n        data-state={state}\n        {...rest}\n      >\n        <div className={toolbarVariants()}>\n          <IconButton\n            icon={<ChevronStartIcon />}\n            aria-label={t('slotGrid.previousDays')}\n            size={size === 'lg' ? 'md' : 'sm'}\n            intent=\"ghost\"\n            flipIconInRtl\n            disabled={!hasPrevious || isInteractionSuppressed}\n            onClick={onPreviousDays}\n          />\n          {showNextAvailable ? (\n            <Button\n              intent=\"secondary\"\n              size={size === 'lg' ? 'md' : 'sm'}\n              disabled={isInteractionSuppressed}\n              onClick={onJumpToNextAvailable}\n            >\n              {t('slotGrid.nextAvailable')}\n            </Button>\n          ) : (\n            <span aria-hidden=\"true\" />\n          )}\n          <IconButton\n            icon={<ChevronEndIcon />}\n            aria-label={t('slotGrid.nextDays')}\n            size={size === 'lg' ? 'md' : 'sm'}\n            intent=\"ghost\"\n            flipIconInRtl\n            disabled={!hasNext || isInteractionSuppressed}\n            onClick={onNextDays}\n          />\n        </div>\n\n        {body}\n      </div>\n    );\n  },\n);\n\nSlotGrid.displayName = 'SlotGrid';\n"],"names":["slotGridAgent","handle","args","slotGridVariants","cva","toolbarVariants","COLS_MAX","columnsVariants","clampCols","count","columnVariants","dayHeaderVariants","slotListVariants","slotButtonVariants","toDate","value","parseISO","columnKey","day","index","dayKeyOf","format","isSameDate","a","b","isSameDay","findFirstAvailable","days","slot","s","formatDayHeader","date","locale","timeZone","formatSlotTime","start","fmt","end","formatSlotAriaLabel","template","time","dayLabel","ChevronStartIcon","jsx","ChevronEndIcon","SlotGrid","forwardRef","state","size","selectedSlotId","maxInitialSlotsPerDay","localeProp","hasPrevious","hasNext","showNextAvailable","ariaLabel","onSlotSelect","onPreviousDays","onNextDays","onShowMore","onJumpToNextAvailable","className","id","rest","ref","t","i18n","useTranslation","idBase","useId","expanded","setExpanded","useState","isLoading","isDisabled","isInteractionSuppressed","isEmpty","resolvedAriaLabel","handleSlotClick","useCallback","handleShowMore","key","prev","handleSlotKeyDown","event","snapshot","latest","useRef","useEffect","agentHandle","useMemo","byDay","ids","slotId","current","candidate","dayKey","useAgentRegistration","columnCount","columnsClass","body","_","colIdx","jsxs","Skeleton","rowIdx","EmptyState","dayIdx","headerLabel","headerId","visibleSlots","hiddenCount","isDayEmpty","ariaLabelSlot","isSelected","isSlotDisabled","Button","IconButton"],"mappings":"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"}
+{"version":3,"file":"slot-grid-D_gix9mJ.js","sources":["../../src/components/slot-grid/slot-grid.agent.ts","../../src/components/slot-grid/slot-grid.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SlotGrid.                                              */\n/*                                                                        */\n/* Multi-day time-slot picker. Selection stays fully CONTROLLED by the   */\n/* consumer (`selectedSlotId` + `onSlotSelect`) — the adapter never      */\n/* stores a choice, it reports the committed prop and fires the same     */\n/* callback a native click would (the `combobox.set_value` contract).    */\n/*                                                                        */\n/* Two channels reach the same component:                                 */\n/*   • the registry — `SlotGridHandle` resolved by (`slot-grid`, id),     */\n/*     which is the ONLY channel the MCP bridge has (PRS §26 §8.1);      */\n/*   • the DOM — `data-slot-id` on every rendered slot button, for       */\n/*     DOM-driving tools (browser extension / computer use) that never    */\n/*     touch the registry.                                                */\n/*                                                                        */\n/* PHI (§6.1 / §7): a slot id is an AVAILABILITY identifier and a day    */\n/* key is a calendar date. SlotGrid is never handed a patient — its      */\n/* inputs are `{ id, start, end?, available?, label? }` plus             */\n/* `Intl`-formatted time strings — so no state slot can leak PHI.        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SlotGridHandle } from './slot-grid';\n\nexport const slotGridAgent: AgentAdapter<SlotGridHandle> = {\n  id: 'slot-grid',\n  // pick           → `select_slot` + the `selectedSlotId` state slot.\n  // range_navigate → `next_days` / `previous_days` + `hasNext` / `hasPrevious`.\n  // expand         → `show_more_day` + the `expandedDays` state slot.\n  //\n  // Host-delegated, deliberately WITHOUT an action: the optional\n  // \"Next available\" CTA (`showNextAvailable` + `onJumpToNextAvailable`)\n  // stays a native click on the toolbar button. It is a consumer-owned\n  // jump to a window the grid has not been given, so the agent reaches it\n  // through the DOM, or by reading `slotsByDay` and paging with\n  // `next_days` until availability appears.\n  capabilities: ['pick', 'range_navigate', 'expand'],\n  state: {\n    status: {\n      type: \"'default' | 'loading' | 'disabled' | 'empty'\",\n      descriptionKey: 'ui.agent.slotGrid.state.status',\n      description:\n        'Visual state of the grid. Read this before concluding \"no availability\" — `loading` means the window has not resolved yet.',\n      read: (handle) => handle.getStatus(),\n    },\n    selectedSlotId: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.slotGrid.state.selectedSlotId',\n      description:\n        'Id of the slot the consumer has committed as selected, or null. Reflects the controlled `selectedSlotId` prop, not an internal choice.',\n      read: (handle) => handle.getSelectedSlotId(),\n    },\n    visibleDays: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.slotGrid.state.visibleDays',\n      description:\n        'Calendar days currently rendered as columns, as `yyyy-MM-dd` keys in display order.',\n      read: (handle) => handle.getVisibleDays(),\n    },\n    slotsByDay: {\n      type: 'Record<string, string[]>',\n      descriptionKey: 'ui.agent.slotGrid.state.slotsByDay',\n      description:\n        'Map of day key (`yyyy-MM-dd`) to the ids of that day’s bookable slots. Ids only — never slot or patient objects. Includes slots still collapsed behind \"Show more\".',\n      read: (handle) => handle.getSlotsByDay(),\n    },\n    expandedDays: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.slotGrid.state.expandedDays',\n      description:\n        'Day keys whose \"Show more\" control has been used, so every slot for that day is rendered.',\n      read: (handle) => handle.getExpandedDays(),\n    },\n    hasPrevious: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.slotGrid.state.hasPrevious',\n      description:\n        'True when an earlier window of days exists — the \"previous days\" arrow is offered.',\n      read: (handle) => handle.getHasPrevious(),\n    },\n    hasNext: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.slotGrid.state.hasNext',\n      description:\n        'True when a later window of days exists — the \"next days\" arrow is offered.',\n      read: (handle) => handle.getHasNext(),\n    },\n  },\n  actions: {\n    select_slot: {\n      // Fires the consumer's `onSlotSelect`, exactly as a click on the slot\n      // button does. Persistent in the consumer's booking draft, and\n      // reversible by selecting another slot — `write`, not `phi`: a slot is\n      // availability, not patient data.\n      safety: 'write',\n      argsType: '{ slotId: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          slotId: {\n            type: 'string',\n            description:\n              'Id of the slot to select. Must be one of the ids returned by the `slotsByDay` state slot.',\n          },\n        },\n        required: ['slotId'],\n      },\n      idempotent: true,\n      returns: 'boolean',\n      returnsSchema: {\n        type: 'boolean',\n        description: 'True when the selection callback fired.',\n      },\n      errors: [\n        'Returns false when no slot with that id is in the visible window — page with next_days / previous_days first.',\n        'Returns false when the slot is unavailable, or the grid is loading or disabled.',\n      ],\n      descriptionKey: 'ui.agent.slotGrid.actions.selectSlot',\n      description:\n        'Select an available slot by id. Emits the same selection the user would by clicking the slot button.',\n      examples: [\n        {\n          args: { slotId: 'avail-2026-09-01-0930' },\n          note: 'Book the 09:30 slot on 1 September.',\n        },\n      ],\n      invoke: (handle, args: { slotId: string }) =>\n        handle.selectSlot(args.slotId),\n    },\n    next_days: {\n      // View-window paging only — the consumer fetches, nothing is persisted.\n      safety: 'read',\n      returns: 'boolean',\n      returnsSchema: {\n        type: 'boolean',\n        description: 'True when the paging callback fired.',\n      },\n      errors: [\n        'Returns false when `hasNext` is false, or the grid is loading or disabled.',\n      ],\n      descriptionKey: 'ui.agent.slotGrid.actions.nextDays',\n      description:\n        'Page the visible window forward to the next group of days, as the \"next days\" arrow does.',\n      invoke: (handle) => handle.nextDays(),\n    },\n    previous_days: {\n      safety: 'read',\n      returns: 'boolean',\n      returnsSchema: {\n        type: 'boolean',\n        description: 'True when the paging callback fired.',\n      },\n      errors: [\n        'Returns false when `hasPrevious` is false, or the grid is loading or disabled.',\n      ],\n      descriptionKey: 'ui.agent.slotGrid.actions.previousDays',\n      description:\n        'Page the visible window back to the previous group of days, as the \"previous days\" arrow does.',\n      invoke: (handle) => handle.previousDays(),\n    },\n    show_more_day: {\n      // Reveals slots the grid already holds — ephemeral disclosure state.\n      safety: 'read',\n      argsType: '{ dayKey: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          dayKey: {\n            type: 'string',\n            pattern: '^\\\\d{4}-\\\\d{2}-\\\\d{2}$',\n            description:\n              'Day to expand, as a `yyyy-MM-dd` key from the `visibleDays` state slot.',\n          },\n        },\n        required: ['dayKey'],\n      },\n      idempotent: true,\n      returns: 'boolean',\n      returnsSchema: {\n        type: 'boolean',\n        description: 'True when the day was expanded.',\n      },\n      errors: [\n        'Returns false when the day key is not one of the visible columns, or the grid is loading or disabled.',\n      ],\n      descriptionKey: 'ui.agent.slotGrid.actions.showMoreDay',\n      description:\n        'Render every slot for one day, as the day’s \"Show more\" button does. Only affects what is on screen — `slotsByDay` already lists collapsed slots.',\n      examples: [\n        {\n          args: { dayKey: '2026-09-01' },\n          note: 'Reveal the rest of 1 September so every slot button is clickable.',\n        },\n      ],\n      invoke: (handle, args: { dayKey: string }) =>\n        handle.showMoreDay(args.dayKey),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'slot-grid',\n      description:\n        'Marks the SlotGrid region. Emits `data-state` reflecting the public `state` prop (default / loading / disabled / empty).',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the `id` prop. Also the registry key — without an `id` the instance does not register, so the handle-driven actions are unreachable and only the DOM channel works.',\n    },\n    item: {\n      attr: 'data-slot-id',\n      sourceProp: 'days[].slots[].id',\n      description:\n        'Per-slot button identifier sourced from each `SlotGridSlot.id` — an availability id, never a patient id. DOM-driving agents activate a slot via native click on the matching button.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* SlotGrid — multi-day time-slot picker for patient booking.           */\n/*                                                                     */\n/* Renders N day columns side-by-side. Each column shows a day header  */\n/* (formatted via `Intl.DateTimeFormat(locale)`) plus a vertical list   */\n/* of slot buttons. Long days collapse to `maxInitialSlotsPerDay` and  */\n/* reveal the rest via a \"Show more\" button (progressive disclosure).  */\n/*                                                                     */\n/* Navigation arrows (`onPreviousDays` / `onNextDays`) let the consumer */\n/* page the window of days; the optional \"Next available\" CTA jumps to */\n/* the first day with an open slot.                                    */\n/*                                                                     */\n/* Purely presentational — no business logic, no data fetching. Date   */\n/* comparisons use `date-fns` (never moment.js) and the rendered labels */\n/* come exclusively from `Intl.DateTimeFormat` or the `ui.slotGrid`    */\n/* namespace via `useTranslation('ui')`.                                   */\n/*                                                                     */\n/* Agent surface: `ref` is the outer <div>; a separate `SlotGridHandle` */\n/* (built with `useMemo`, registered via `useAgentRegistration`) gives  */\n/* the MCP bridge a read-only view of the visible days + available slot */\n/* ids and the four interactions the UI itself offers. See             */\n/* `slot-grid.agent.ts` and PRS §26.                                    */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { format, isSameDay, parseISO } from 'date-fns';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { useAgentRegistration } from '../../agent';\nimport { slotGridAgent } from './slot-grid.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type SlotGridState = 'default' | 'loading' | 'disabled' | 'empty';\n\nexport type SlotGridSize = 'sm' | 'md' | 'lg';\n\nexport interface SlotGridSlot {\n  /** Stable identity — used by consumers to resolve selection. */\n  id: string;\n  /** Slot start — ISO string or `Date`. Rendered via `Intl.DateTimeFormat`. */\n  start: string | Date;\n  /** Optional slot end — if omitted only the start time is announced. */\n  end?: string | Date;\n  /** Defaults to `true`. Unavailable slots render disabled and are not focusable. */\n  available?: boolean;\n  /** Override the default `Intl`-formatted time label. */\n  label?: string;\n  /** Override the accessible name of the slot button. */\n  ariaLabel?: string;\n}\n\nexport interface SlotGridDay {\n  /** The calendar day the column represents. */\n  date: string | Date;\n  /** Slots for this day, in chronological order. Empty array ⇒ empty day. */\n  slots: SlotGridSlot[];\n  /** Override the default `Intl`-formatted day header. */\n  label?: string;\n}\n\nexport interface SlotGridProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'onSelect'>,\n    VariantProps<typeof slotGridVariants> {\n  /** Days to render, one column per entry. */\n  days: SlotGridDay[];\n  /** Visual / interactive state. Defaults to `'default'`. */\n  state?: SlotGridState;\n  /** Density of the slot buttons and day headers. Defaults to `'md'`. */\n  size?: SlotGridSize;\n  /** Id of the currently selected slot (controlled). */\n  selectedSlotId?: string;\n  /**\n   * Initial number of slots to render per day before the \"Show more\"\n   * progressive-disclosure control collapses the rest. Defaults to `6`.\n   */\n  maxInitialSlotsPerDay?: number;\n  /**\n   * BCP-47 locale tag for `Intl.DateTimeFormat`. Defaults to the active\n   * i18next language.\n   */\n  locale?: string;\n  /** IANA time zone for `Intl.DateTimeFormat`. Optional. */\n  timeZone?: string;\n  /** Whether the \"previous days\" navigation arrow should be enabled. */\n  hasPrevious?: boolean;\n  /** Whether the \"next days\" navigation arrow should be enabled. */\n  hasNext?: boolean;\n  /**\n   * When `true`, renders the \"Next available\" CTA at the end of the\n   * toolbar. Only emits a callback — the consumer owns the navigation.\n   */\n  showNextAvailable?: boolean;\n  /** Accessible label for the outer grid region. */\n  ariaLabel?: string;\n  /** Fires when the user selects an available slot. */\n  onSlotSelect?: (slot: SlotGridSlot, day: SlotGridDay) => void;\n  /** Fires when the user clicks the \"previous days\" arrow. */\n  onPreviousDays?: () => void;\n  /** Fires when the user clicks the \"next days\" arrow. */\n  onNextDays?: () => void;\n  /** Fires when the user clicks a day's \"Show more\" button. */\n  onShowMore?: (day: SlotGridDay) => void;\n  /** Fires when the user clicks the \"Next available\" CTA. */\n  onJumpToNextAvailable?: () => void;\n}\n\n/**\n * Imperative handle the agent adapter (`slot-grid.agent.ts`) reads and drives.\n *\n * It is NOT the `ref` — `ref` stays the outer `HTMLDivElement` so existing\n * consumers are unaffected. The handle is built with `useMemo` and handed to\n * `useAgentRegistration`, the same shape Autocomplete uses.\n *\n * Every getter returns identifiers and structural state only — availability\n * slot ids, calendar day keys, booleans. Never patient data (PRS §26 §7).\n */\nexport interface SlotGridHandle {\n  /** Current visual / interactive state (`default` / `loading` / `disabled` / `empty`). */\n  getStatus: () => SlotGridState;\n  /** Controlled `selectedSlotId` prop, or `null` when nothing is selected. */\n  getSelectedSlotId: () => string | null;\n  /** Day keys (`yyyy-MM-dd`) of the currently-rendered columns, in order. */\n  getVisibleDays: () => string[];\n  /** Day key → ids of that day's AVAILABLE slots (collapsed ones included). */\n  getSlotsByDay: () => Record<string, string[]>;\n  /** Day keys whose \"Show more\" control has been used. */\n  getExpandedDays: () => string[];\n  /** Mirrors the `hasPrevious` prop — whether an earlier window exists. */\n  getHasPrevious: () => boolean;\n  /** Mirrors the `hasNext` prop — whether a later window exists. */\n  getHasNext: () => boolean;\n  /** Select an available slot by id. Returns `false` when it cannot be selected. */\n  selectSlot: (slotId: string) => boolean;\n  /** Page the window forward. Returns `false` when the arrow would be disabled. */\n  nextDays: () => boolean;\n  /** Page the window back. Returns `false` when the arrow would be disabled. */\n  previousDays: () => boolean;\n  /** Reveal a day's collapsed slots. Returns `false` when the day is not visible. */\n  showMoreDay: (dayKey: string) => boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst slotGridVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n    'ds:text-[var(--foreground)]',\n    'ds:w-full',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst toolbarVariants = cva(\n  'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n);\n\n/**\n * Column-count is dynamic (1–12), so it is declared as a full CVA variant —\n * this keeps every `grid-cols-N` string statically visible to Tailwind's\n * JIT and keeps the variant table inside CVA rather than hand-rolled.\n */\nconst COLS_MAX = 12;\n\nconst columnsVariants = cva(\n  'ds:grid ds:gap-[var(--spacing-sm)] ds:w-full ds:auto-rows-min ds:items-start',\n  {\n    variants: {\n      cols: {\n        1: 'ds:grid-cols-1',\n        2: 'ds:grid-cols-2',\n        3: 'ds:grid-cols-3',\n        4: 'ds:grid-cols-4',\n        5: 'ds:grid-cols-5',\n        6: 'ds:grid-cols-6',\n        7: 'ds:grid-cols-7',\n        8: 'ds:grid-cols-8',\n        9: 'ds:grid-cols-9',\n        10: 'ds:grid-cols-10',\n        11: 'ds:grid-cols-11',\n        12: 'ds:grid-cols-12',\n      },\n    },\n    defaultVariants: { cols: 1 },\n  },\n);\n\ntype ColumnsCount = NonNullable<VariantProps<typeof columnsVariants>['cols']>;\n\nfunction clampCols(count: number): ColumnsCount {\n  return Math.max(1, Math.min(count, COLS_MAX)) as ColumnsCount;\n}\n\nconst columnVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:bg-[var(--card)]',\n    'ds:min-w-0',\n  ].join(' '),\n);\n\nconst dayHeaderVariants = cva(\n  [\n    'ds:font-[var(--font-weight-semibold)]',\n    'ds:text-[var(--foreground)]',\n    'ds:text-start',\n    'ds:truncate',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-xs)]',\n        md: 'ds:text-[length:var(--font-size-sm)]',\n        lg: 'ds:text-[length:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst slotListVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none',\n);\n\nconst slotButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:w-full',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:font-[var(--font-weight-medium)]',\n    'ds:bg-[var(--secondary)]',\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:text-[var(--foreground)]',\n    'ds:transition-[background-color,color,box-shadow]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[var(--focus-ring-offset)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:shadow-none',\n    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-disabled:shadow-none',\n    'ds:hover:enabled:shadow-[var(--shadow-md)]',\n    'ds:aria-pressed:bg-[var(--primary)] ds:aria-pressed:text-[var(--primary-foreground)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:h-8',\n        md: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:h-10',\n        lg: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-base)] ds:h-12',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction toDate(value: string | Date): Date {\n  return value instanceof Date ? value : parseISO(value);\n}\n\n/**\n * Internal identity for one rendered column. The index guards against a\n * consumer passing the same calendar date twice.\n */\nfunction columnKey(day: SlotGridDay, index: number): string {\n  return `${toDate(day.date).toISOString()}-${index}`;\n}\n\n/**\n * Agent-facing key for one column — the local calendar date as `yyyy-MM-dd`.\n * Structural, locale-independent, and carries no patient data.\n */\nfunction dayKeyOf(day: SlotGridDay): string {\n  return format(toDate(day.date), 'yyyy-MM-dd');\n}\n\n/** Is `a` the same calendar day as `b`? Uses `date-fns`, locale-agnostic. */\nexport function isSameDate(a: string | Date, b: string | Date): boolean {\n  return isSameDay(toDate(a), toDate(b));\n}\n\n/** Find the first day in a list that has at least one available slot. */\nexport function findFirstAvailable(\n  days: SlotGridDay[],\n): { day: SlotGridDay; slot: SlotGridSlot } | undefined {\n  for (const day of days) {\n    const slot = day.slots.find((s) => s.available !== false);\n    if (slot) return { day, slot };\n  }\n  return undefined;\n}\n\nfunction formatDayHeader(\n  date: Date,\n  locale: string,\n  timeZone?: string,\n): string {\n  try {\n    return new Intl.DateTimeFormat(locale, {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    }).format(date);\n  } catch {\n    return new Intl.DateTimeFormat('en', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n    }).format(date);\n  }\n}\n\nfunction formatSlotTime(\n  slot: SlotGridSlot,\n  locale: string,\n  timeZone?: string,\n): string {\n  if (slot.label !== undefined) return slot.label;\n  const start = toDate(slot.start);\n  try {\n    const fmt = new Intl.DateTimeFormat(locale, {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZone,\n    });\n    if (slot.end) {\n      const end = toDate(slot.end);\n      if (typeof fmt.formatRange === 'function') {\n        try {\n          return fmt.formatRange(start, end);\n        } catch {\n          /* fall through */\n        }\n      }\n      return `${fmt.format(start)} – ${fmt.format(end)}`;\n    }\n    return fmt.format(start);\n  } catch {\n    return start.toISOString();\n  }\n}\n\nfunction formatSlotAriaLabel(\n  slot: SlotGridSlot,\n  day: SlotGridDay,\n  locale: string,\n  timeZone: string | undefined,\n  template: (opts: { time: string; day: string }) => string,\n): string {\n  if (slot.ariaLabel !== undefined) return slot.ariaLabel;\n  const time = formatSlotTime(slot, locale, timeZone);\n  const dayLabel =\n    day.label !== undefined\n      ? day.label\n      : formatDayHeader(toDate(day.date), locale, timeZone);\n  return template({ time, day: dayLabel });\n}\n\n/* ------------------------------------------------------------------ */\n/* Glyphs — logical-direction arrows                                   */\n/* ------------------------------------------------------------------ */\n\nfunction ChevronStartIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ds:size-4\"\n    >\n      <path d=\"M15 18l-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronEndIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ds:size-4\"\n    >\n      <path d=\"M9 6l6 6-6 6\" />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const SlotGrid = forwardRef<HTMLDivElement, SlotGridProps>(\n  (\n    {\n      days,\n      state = 'default',\n      size = 'md',\n      selectedSlotId,\n      maxInitialSlotsPerDay = 6,\n      locale: localeProp,\n      timeZone,\n      hasPrevious = false,\n      hasNext = false,\n      showNextAvailable = false,\n      ariaLabel,\n      onSlotSelect,\n      onPreviousDays,\n      onNextDays,\n      onShowMore,\n      onJumpToNextAvailable,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const locale = localeProp ?? i18n.language ?? 'en';\n    const idBase = useId();\n\n    const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n\n    const isLoading = state === 'loading';\n    const isDisabled = state === 'disabled';\n    const isInteractionSuppressed = isLoading || isDisabled;\n    const isEmpty =\n      state === 'empty' ||\n      days.length === 0 ||\n      days.every((day) => day.slots.length === 0);\n\n    const resolvedAriaLabel = ariaLabel ?? t('slotGrid.ariaLabel');\n\n    const handleSlotClick = useCallback(\n      (slot: SlotGridSlot, day: SlotGridDay) => {\n        if (isInteractionSuppressed) return;\n        if (slot.available === false) return;\n        onSlotSelect?.(slot, day);\n      },\n      [isInteractionSuppressed, onSlotSelect],\n    );\n\n    const handleShowMore = useCallback(\n      (day: SlotGridDay, key: string) => {\n        setExpanded((prev) => ({ ...prev, [key]: true }));\n        onShowMore?.(day);\n      },\n      [onShowMore],\n    );\n\n    const handleSlotKeyDown = useCallback(\n      (\n        event: KeyboardEvent<HTMLButtonElement>,\n        slot: SlotGridSlot,\n        day: SlotGridDay,\n      ) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          handleSlotClick(slot, day);\n        }\n      },\n      [handleSlotClick],\n    );\n\n    /* ---- Agent handle ---------------------------------------------- */\n    /* `ref` stays the outer <div> (unchanged for consumers). The agent   */\n    /* handle is a separate, memo-stable object — the Autocomplete shape. */\n    /* A snapshot ref mirrors props + internal state so the handle reads  */\n    /* fresh values without re-registering on every render.               */\n\n    const snapshot = {\n      days,\n      selectedSlotId,\n      hasPrevious,\n      hasNext,\n      state,\n      expanded,\n      isInteractionSuppressed,\n      onPreviousDays,\n      onNextDays,\n      handleSlotClick,\n      handleShowMore,\n    };\n    const latest = useRef(snapshot);\n    useEffect(() => {\n      latest.current = snapshot;\n    });\n\n    const agentHandle = useMemo<SlotGridHandle>(\n      () => ({\n        getStatus: () => latest.current.state,\n        getSelectedSlotId: () => latest.current.selectedSlotId ?? null,\n        getVisibleDays: () => latest.current.days.map(dayKeyOf),\n        getSlotsByDay: () => {\n          // Ids only — never the slot objects (PRS §26 §7 / auditor A9).\n          const byDay: Record<string, string[]> = {};\n          for (const day of latest.current.days) {\n            const key = dayKeyOf(day);\n            const ids = day.slots\n              .filter((slot) => slot.available !== false)\n              .map((slot) => slot.id);\n            byDay[key] = byDay[key] ? [...byDay[key], ...ids] : ids;\n          }\n          return byDay;\n        },\n        getExpandedDays: () =>\n          latest.current.days\n            .filter(\n              (day, index) =>\n                latest.current.expanded[columnKey(day, index)] === true,\n            )\n            .map(dayKeyOf),\n        getHasPrevious: () => latest.current.hasPrevious,\n        getHasNext: () => latest.current.hasNext,\n        selectSlot: (slotId) => {\n          const current = latest.current;\n          if (current.isInteractionSuppressed) return false;\n          for (const day of current.days) {\n            const slot = day.slots.find((candidate) => candidate.id === slotId);\n            if (!slot) continue;\n            if (slot.available === false) return false;\n            // Same code path as a native click on the slot button.\n            current.handleSlotClick(slot, day);\n            return true;\n          }\n          return false;\n        },\n        nextDays: () => {\n          const current = latest.current;\n          if (!current.hasNext || current.isInteractionSuppressed) return false;\n          if (!current.onNextDays) return false;\n          current.onNextDays();\n          return true;\n        },\n        previousDays: () => {\n          const current = latest.current;\n          if (!current.hasPrevious || current.isInteractionSuppressed) {\n            return false;\n          }\n          if (!current.onPreviousDays) return false;\n          current.onPreviousDays();\n          return true;\n        },\n        showMoreDay: (dayKey) => {\n          const current = latest.current;\n          if (current.isInteractionSuppressed) return false;\n          const index = current.days.findIndex(\n            (day) => dayKeyOf(day) === dayKey,\n          );\n          if (index < 0) return false;\n          const day = current.days[index];\n          current.handleShowMore(day, columnKey(day, index));\n          return true;\n        },\n      }),\n      [],\n    );\n\n    useAgentRegistration(slotGridAgent, agentHandle, id);\n\n    const columnCount = clampCols(days.length || 1);\n    const columnsClass = columnsVariants({ cols: columnCount });\n\n    /* ---- Rendered content ------------------------------------------ */\n\n    let body: ReactNode;\n    if (isLoading) {\n      body = (\n        <div\n          className={columnsClass}\n          data-state=\"loading\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={t('common.loading')}\n        >\n          {Array.from({ length: columnCount }, (_, colIdx) => (\n            <div key={`loading-col-${colIdx}`} className={columnVariants()}>\n              <Skeleton variant=\"text\" size={size} width=\"60%\" />\n              <div className={slotListVariants()}>\n                {Array.from(\n                  { length: Math.min(maxInitialSlotsPerDay, 4) },\n                  (_, rowIdx) => (\n                    <Skeleton\n                      key={`loading-slot-${colIdx}-${rowIdx}`}\n                      variant=\"rounded\"\n                      size={size}\n                      height=\"40px\"\n                    />\n                  ),\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div data-state=\"empty\">\n          <EmptyState variant=\"no-results\" title={t('slotGrid.noSlots')} />\n        </div>\n      );\n    } else {\n      body = (\n        <div\n          className={columnsClass}\n          data-state={isDisabled ? 'disabled' : 'default'}\n        >\n          {days.map((day, dayIdx) => {\n            const dayKey = columnKey(day, dayIdx);\n            const headerLabel =\n              day.label ?? formatDayHeader(toDate(day.date), locale, timeZone);\n            const headerId = `${idBase}-day-${dayIdx}-header`;\n            const isExpanded = expanded[dayKey] ?? false;\n            const visibleSlots = isExpanded\n              ? day.slots\n              : day.slots.slice(0, maxInitialSlotsPerDay);\n            const hiddenCount = day.slots.length - visibleSlots.length;\n\n            const isDayEmpty = day.slots.length === 0;\n\n            return (\n              // Use a plain <div role=\"group\"> rather than <section> — a\n              // <section> with aria-labelledby is a landmark, and nesting many\n              // landmarks inside the outer slot-grid landmark fails axe's\n              // landmark-unique rule.\n              <div\n                key={dayKey}\n                role=\"group\"\n                className={columnVariants()}\n                aria-labelledby={headerId}\n                data-empty={isDayEmpty || undefined}\n              >\n                <h3 id={headerId} className={dayHeaderVariants({ size })}>\n                  {headerLabel}\n                </h3>\n                {isDayEmpty ? (\n                  <p className=\"type-body-sm ds:text-[var(--muted-foreground)] ds:m-0\">\n                    {t('slotGrid.noSlots')}\n                  </p>\n                ) : null}\n                <ul className={slotListVariants()}>\n                  {visibleSlots.map((slot) => {\n                    const ariaLabelSlot = formatSlotAriaLabel(\n                      slot,\n                      day,\n                      locale,\n                      timeZone,\n                      ({ time, day: dayLabel }) =>\n                        t('slotGrid.slotLabel', { time, day: dayLabel }),\n                    );\n                    const isSelected = selectedSlotId === slot.id;\n                    const isSlotDisabled =\n                      slot.available === false || isInteractionSuppressed;\n                    return (\n                      <li key={slot.id}>\n                        <button\n                          type=\"button\"\n                          className={slotButtonVariants({ size })}\n                          aria-label={ariaLabelSlot}\n                          aria-pressed={isSelected}\n                          disabled={isSlotDisabled}\n                          aria-disabled={isSlotDisabled || undefined}\n                          data-slot-id={slot.id}\n                          onClick={() => handleSlotClick(slot, day)}\n                          onKeyDown={(event) =>\n                            handleSlotKeyDown(event, slot, day)\n                          }\n                        >\n                          {formatSlotTime(slot, locale, timeZone)}\n                        </button>\n                      </li>\n                    );\n                  })}\n                </ul>\n                {hiddenCount > 0 ? (\n                  <Button\n                    intent=\"ghost\"\n                    size={size === 'lg' ? 'md' : 'sm'}\n                    onClick={() => handleShowMore(day, dayKey)}\n                    disabled={isInteractionSuppressed}\n                  >\n                    {t('slotGrid.showMore', { count: hiddenCount })}\n                  </Button>\n                ) : null}\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        className={slotGridVariants({ size, className })}\n        data-component=\"slot-grid\"\n        data-component-id={id}\n        data-state={state}\n        {...rest}\n      >\n        <div className={toolbarVariants()}>\n          <IconButton\n            icon={<ChevronStartIcon />}\n            aria-label={t('slotGrid.previousDays')}\n            size={size === 'lg' ? 'md' : 'sm'}\n            intent=\"ghost\"\n            flipIconInRtl\n            disabled={!hasPrevious || isInteractionSuppressed}\n            onClick={onPreviousDays}\n          />\n          {showNextAvailable ? (\n            <Button\n              intent=\"secondary\"\n              size={size === 'lg' ? 'md' : 'sm'}\n              disabled={isInteractionSuppressed}\n              onClick={onJumpToNextAvailable}\n            >\n              {t('slotGrid.nextAvailable')}\n            </Button>\n          ) : (\n            <span aria-hidden=\"true\" />\n          )}\n          <IconButton\n            icon={<ChevronEndIcon />}\n            aria-label={t('slotGrid.nextDays')}\n            size={size === 'lg' ? 'md' : 'sm'}\n            intent=\"ghost\"\n            flipIconInRtl\n            disabled={!hasNext || isInteractionSuppressed}\n            onClick={onNextDays}\n          />\n        </div>\n\n        {body}\n      </div>\n    );\n  },\n);\n\nSlotGrid.displayName = 'SlotGrid';\n"],"names":["slotGridAgent","handle","args","slotGridVariants","cva","toolbarVariants","COLS_MAX","columnsVariants","clampCols","count","columnVariants","dayHeaderVariants","slotListVariants","slotButtonVariants","toDate","value","parseISO","columnKey","day","index","dayKeyOf","format","isSameDate","a","b","isSameDay","findFirstAvailable","days","slot","s","formatDayHeader","date","locale","timeZone","formatSlotTime","start","fmt","end","formatSlotAriaLabel","template","time","dayLabel","ChevronStartIcon","jsx","ChevronEndIcon","SlotGrid","forwardRef","state","size","selectedSlotId","maxInitialSlotsPerDay","localeProp","hasPrevious","hasNext","showNextAvailable","ariaLabel","onSlotSelect","onPreviousDays","onNextDays","onShowMore","onJumpToNextAvailable","className","id","rest","ref","t","i18n","useTranslation","idBase","useId","expanded","setExpanded","useState","isLoading","isDisabled","isInteractionSuppressed","isEmpty","resolvedAriaLabel","handleSlotClick","useCallback","handleShowMore","key","prev","handleSlotKeyDown","event","snapshot","latest","useRef","useEffect","agentHandle","useMemo","byDay","ids","slotId","current","candidate","dayKey","useAgentRegistration","columnCount","columnsClass","body","_","colIdx","jsxs","Skeleton","rowIdx","EmptyState","dayIdx","headerLabel","headerId","visibleSlots","hiddenCount","isDayEmpty","ariaLabelSlot","isSelected","isSlotDisabled","Button","IconButton"],"mappings":";;;;;;;;;;;AAwBO,MAAMA,KAA8C;AAAA,EACzD,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWJ,cAAc,CAAC,QAAQ,kBAAkB,QAAQ;AAAA,EACjD,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,UAAA;AAAA,IAAU;AAAA,IAErC,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,kBAAA;AAAA,IAAkB;AAAA,IAE7C,aAAa;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,eAAA;AAAA,IAAe;AAAA,IAE1C,YAAY;AAAA,MACV,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,cAAA;AAAA,IAAc;AAAA,IAEzC,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,gBAAA;AAAA,IAAgB;AAAA,IAE3C,aAAa;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,eAAA;AAAA,IAAe;AAAA,IAE1C,SAAS;AAAA,MACP,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,WAAA;AAAA,IAAW;AAAA,EACtC;AAAA,EAEF,SAAS;AAAA,IACP,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,aACE;AAAA,UAAA;AAAA,QACJ;AAAA,QAEF,UAAU,CAAC,QAAQ;AAAA,MAAA;AAAA,MAErB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,eAAe;AAAA,QACb,MAAM;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,MAEf,QAAQ;AAAA,QACN;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,UAAU;AAAA,QACR;AAAA,UACE,MAAM,EAAE,QAAQ,wBAAA;AAAA,UAChB,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAQ,CAACA,GAAQC,MACfD,EAAO,WAAWC,EAAK,MAAM;AAAA,IAAA;AAAA,IAEjC,WAAW;AAAA;AAAA,MAET,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,eAAe;AAAA,QACb,MAAM;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,MAEf,QAAQ;AAAA,QACN;AAAA,MAAA;AAAA,MAEF,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACD,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEtC,eAAe;AAAA,MACb,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,eAAe;AAAA,QACb,MAAM;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,MAEf,QAAQ;AAAA,QACN;AAAA,MAAA;AAAA,MAEF,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACA,MAAWA,EAAO,aAAA;AAAA,IAAa;AAAA,IAE1C,eAAe;AAAA;AAAA,MAEb,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,YACT,aACE;AAAA,UAAA;AAAA,QACJ;AAAA,QAEF,UAAU,CAAC,QAAQ;AAAA,MAAA;AAAA,MAErB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,eAAe;AAAA,QACb,MAAM;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,MAEf,QAAQ;AAAA,QACN;AAAA,MAAA;AAAA,MAEF,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,UAAU;AAAA,QACR;AAAA,UACE,MAAM,EAAE,QAAQ,aAAA;AAAA,UAChB,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAQ,CAACA,GAAQC,MACfD,EAAO,YAAYC,EAAK,MAAM;AAAA,IAAA;AAAA,EAClC;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aACE;AAAA,IAAA;AAAA,IAEJ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aACE;AAAA,IAAA;AAAA,EACJ;AAEJ,GCtDMC,KAAmBC;AAAA,EACvB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAEMC,KAAkBD;AAAA,EACtB;AACF,GAOME,KAAW,IAEXC,KAAkBH;AAAA,EACtB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,EAAA;AAAA,EAAE;AAE/B;AAIA,SAASI,GAAUC,GAA6B;AAC9C,SAAO,KAAK,IAAI,GAAG,KAAK,IAAIA,GAAOH,EAAQ,CAAC;AAC9C;AAEA,MAAMI,IAAiBN;AAAA,EACrB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMO,KAAoBP;AAAA,EACxB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAEMQ,IAAmBR;AAAA,EACvB;AACF,GAEMS,KAAqBT;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC;AAMA,SAASU,EAAOC,GAA4B;AAC1C,SAAOA,aAAiB,OAAOA,IAAQC,GAASD,CAAK;AACvD;AAMA,SAASE,EAAUC,GAAkBC,GAAuB;AAC1D,SAAO,GAAGL,EAAOI,EAAI,IAAI,EAAE,YAAA,CAAa,IAAIC,CAAK;AACnD;AAMA,SAASC,EAASF,GAA0B;AAC1C,SAAOG,GAAOP,EAAOI,EAAI,IAAI,GAAG,YAAY;AAC9C;AAGO,SAASI,GAAWC,GAAkBC,GAA2B;AACtE,SAAOC,GAAUX,EAAOS,CAAC,GAAGT,EAAOU,CAAC,CAAC;AACvC;AAGO,SAASE,GACdC,GACsD;AACtD,aAAWT,KAAOS,GAAM;AACtB,UAAMC,IAAOV,EAAI,MAAM,KAAK,CAACW,MAAMA,EAAE,cAAc,EAAK;AACxD,QAAID,EAAM,QAAO,EAAE,KAAAV,GAAK,MAAAU,EAAA;AAAA,EAC1B;AAEF;AAEA,SAASE,EACPC,GACAC,GACAC,GACQ;AACR,MAAI;AACF,WAAO,IAAI,KAAK,eAAeD,GAAQ;AAAA,MACrC,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,UAAAC;AAAA,IAAA,CACD,EAAE,OAAOF,CAAI;AAAA,EAChB,QAAQ;AACN,WAAO,IAAI,KAAK,eAAe,MAAM;AAAA,MACnC,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,IAAA,CACN,EAAE,OAAOA,CAAI;AAAA,EAChB;AACF;AAEA,SAASG,EACPN,GACAI,GACAC,GACQ;AACR,MAAIL,EAAK,UAAU,OAAW,QAAOA,EAAK;AAC1C,QAAMO,IAAQrB,EAAOc,EAAK,KAAK;AAC/B,MAAI;AACF,UAAMQ,IAAM,IAAI,KAAK,eAAeJ,GAAQ;AAAA,MAC1C,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAAC;AAAA,IAAA,CACD;AACD,QAAIL,EAAK,KAAK;AACZ,YAAMS,IAAMvB,EAAOc,EAAK,GAAG;AAC3B,UAAI,OAAOQ,EAAI,eAAgB;AAC7B,YAAI;AACF,iBAAOA,EAAI,YAAYD,GAAOE,CAAG;AAAA,QACnC,QAAQ;AAAA,QAER;AAEF,aAAO,GAAGD,EAAI,OAAOD,CAAK,CAAC,MAAMC,EAAI,OAAOC,CAAG,CAAC;AAAA,IAClD;AACA,WAAOD,EAAI,OAAOD,CAAK;AAAA,EACzB,QAAQ;AACN,WAAOA,EAAM,YAAA;AAAA,EACf;AACF;AAEA,SAASG,GACPV,GACAV,GACAc,GACAC,GACAM,GACQ;AACR,MAAIX,EAAK,cAAc,OAAW,QAAOA,EAAK;AAC9C,QAAMY,IAAON,EAAeN,GAAMI,GAAQC,CAAQ,GAC5CQ,IACJvB,EAAI,UAAU,SACVA,EAAI,QACJY,EAAgBhB,EAAOI,EAAI,IAAI,GAAGc,GAAQC,CAAQ;AACxD,SAAOM,EAAS,EAAE,MAAAC,GAAM,KAAKC,GAAU;AACzC;AAMA,SAASC,KAAmB;AAC1B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAU;AAAA,MAEV,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,kBAAA,CAAkB;AAAA,IAAA;AAAA,EAAA;AAGhC;AAEA,SAASC,KAAiB;AACxB,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAU;AAAA,MAEV,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,eAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAG7B;AAMO,MAAME,KAAWC;AAAA,EACtB,CACE;AAAA,IACE,MAAAnB;AAAA,IACA,OAAAoB,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,gBAAAC;AAAA,IACA,uBAAAC,IAAwB;AAAA,IACxB,QAAQC;AAAA,IACR,UAAAlB;AAAA,IACA,aAAAmB,IAAc;AAAA,IACd,SAAAC,IAAU;AAAA,IACV,mBAAAC,IAAoB;AAAA,IACpB,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,OACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,OAASC,GAAe,IAAI,GACjCnC,IAASmB,KAAce,GAAK,YAAY,MACxCE,KAASC,GAAA,GAET,CAACC,GAAUC,EAAW,IAAIC,GAAkC,CAAA,CAAE,GAE9DC,IAAY1B,MAAU,WACtB2B,IAAa3B,MAAU,YACvB4B,IAA0BF,KAAaC,GACvCE,KACJ7B,MAAU,WACVpB,EAAK,WAAW,KAChBA,EAAK,MAAM,CAACT,MAAQA,EAAI,MAAM,WAAW,CAAC,GAEtC2D,KAAoBtB,KAAaU,EAAE,oBAAoB,GAEvDa,IAAkBC;AAAA,MACtB,CAACnD,GAAoBV,MAAqB;AACxC,QAAIyD,KACA/C,EAAK,cAAc,OACvB4B,KAAA,QAAAA,EAAe5B,GAAMV;AAAA,MACvB;AAAA,MACA,CAACyD,GAAyBnB,CAAY;AAAA,IAAA,GAGlCwB,IAAiBD;AAAA,MACrB,CAAC7D,GAAkB+D,MAAgB;AACjC,QAAAV,GAAY,CAACW,OAAU,EAAE,GAAGA,GAAM,CAACD,CAAG,GAAG,GAAA,EAAO,GAChDtB,KAAA,QAAAA,EAAazC;AAAA,MACf;AAAA,MACA,CAACyC,CAAU;AAAA,IAAA,GAGPwB,KAAoBJ;AAAA,MACxB,CACEK,GACAxD,GACAV,MACG;AACH,SAAIkE,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACzCA,EAAM,eAAA,GACNN,EAAgBlD,GAAMV,CAAG;AAAA,MAE7B;AAAA,MACA,CAAC4D,CAAe;AAAA,IAAA,GASZO,IAAW;AAAA,MACf,MAAA1D;AAAA,MACA,gBAAAsB;AAAA,MACA,aAAAG;AAAA,MACA,SAAAC;AAAA,MACA,OAAAN;AAAA,MACA,UAAAuB;AAAA,MACA,yBAAAK;AAAA,MACA,gBAAAlB;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAoB;AAAA,MACA,gBAAAE;AAAA,IAAA,GAEIM,IAASC,GAAOF,CAAQ;AAC9B,IAAAG,GAAU,MAAM;AACd,MAAAF,EAAO,UAAUD;AAAA,IACnB,CAAC;AAED,UAAMI,KAAcC;AAAA,MAClB,OAAO;AAAA,QACL,WAAW,MAAMJ,EAAO,QAAQ;AAAA,QAChC,mBAAmB,MAAMA,EAAO,QAAQ,kBAAkB;AAAA,QAC1D,gBAAgB,MAAMA,EAAO,QAAQ,KAAK,IAAIlE,CAAQ;AAAA,QACtD,eAAe,MAAM;AAEnB,gBAAMuE,IAAkC,CAAA;AACxC,qBAAWzE,KAAOoE,EAAO,QAAQ,MAAM;AACrC,kBAAML,IAAM7D,EAASF,CAAG,GAClB0E,IAAM1E,EAAI,MACb,OAAO,CAACU,MAASA,EAAK,cAAc,EAAK,EACzC,IAAI,CAACA,MAASA,EAAK,EAAE;AACxB,YAAA+D,EAAMV,CAAG,IAAIU,EAAMV,CAAG,IAAI,CAAC,GAAGU,EAAMV,CAAG,GAAG,GAAGW,CAAG,IAAIA;AAAA,UACtD;AACA,iBAAOD;AAAA,QACT;AAAA,QACA,iBAAiB,MACfL,EAAO,QAAQ,KACZ;AAAA,UACC,CAACpE,GAAKC,MACJmE,EAAO,QAAQ,SAASrE,EAAUC,GAAKC,CAAK,CAAC,MAAM;AAAA,QAAA,EAEtD,IAAIC,CAAQ;AAAA,QACjB,gBAAgB,MAAMkE,EAAO,QAAQ;AAAA,QACrC,YAAY,MAAMA,EAAO,QAAQ;AAAA,QACjC,YAAY,CAACO,MAAW;AACtB,gBAAMC,IAAUR,EAAO;AACvB,cAAIQ,EAAQ,wBAAyB,QAAO;AAC5C,qBAAW5E,KAAO4E,EAAQ,MAAM;AAC9B,kBAAMlE,IAAOV,EAAI,MAAM,KAAK,CAAC6E,MAAcA,EAAU,OAAOF,CAAM;AAClE,gBAAKjE;AACL,qBAAIA,EAAK,cAAc,KAAc,MAErCkE,EAAQ,gBAAgBlE,GAAMV,CAAG,GAC1B;AAAA,UACT;AACA,iBAAO;AAAA,QACT;AAAA,QACA,UAAU,MAAM;AACd,gBAAM4E,IAAUR,EAAO;AAEvB,iBADI,CAACQ,EAAQ,WAAWA,EAAQ,2BAC5B,CAACA,EAAQ,aAAmB,MAChCA,EAAQ,WAAA,GACD;AAAA,QACT;AAAA,QACA,cAAc,MAAM;AAClB,gBAAMA,IAAUR,EAAO;AAIvB,iBAHI,CAACQ,EAAQ,eAAeA,EAAQ,2BAGhC,CAACA,EAAQ,iBAAuB,MACpCA,EAAQ,eAAA,GACD;AAAA,QACT;AAAA,QACA,aAAa,CAACE,MAAW;AACvB,gBAAMF,IAAUR,EAAO;AACvB,cAAIQ,EAAQ,wBAAyB,QAAO;AAC5C,gBAAM3E,IAAQ2E,EAAQ,KAAK;AAAA,YACzB,CAAC5E,MAAQE,EAASF,CAAG,MAAM8E;AAAA,UAAA;AAE7B,cAAI7E,IAAQ,EAAG,QAAO;AACtB,gBAAMD,IAAM4E,EAAQ,KAAK3E,CAAK;AAC9B,iBAAA2E,EAAQ,eAAe5E,GAAKD,EAAUC,GAAKC,CAAK,CAAC,GAC1C;AAAA,QACT;AAAA,MAAA;AAAA,MAEF,CAAA;AAAA,IAAC;AAGH,IAAA8E,GAAqBjG,IAAeyF,IAAa3B,CAAE;AAEnD,UAAMoC,IAAc1F,GAAUmB,EAAK,UAAU,CAAC,GACxCwE,IAAe5F,GAAgB,EAAE,MAAM2F,GAAa;AAI1D,QAAIE;AACJ,WAAI3B,IACF2B,IACE,gBAAAzD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWwD;AAAA,QACX,cAAW;AAAA,QACX,MAAK;AAAA,QACL,aAAU;AAAA,QACV,cAAYlC,EAAE,gBAAgB;AAAA,QAE7B,UAAA,MAAM,KAAK,EAAE,QAAQiC,EAAA,GAAe,CAACG,GAAGC,MACvC,gBAAAC,EAAC,OAAA,EAAkC,WAAW7F,KAC5C,UAAA;AAAA,UAAA,gBAAAiC,EAAC6D,GAAA,EAAS,SAAQ,QAAO,MAAAxD,GAAY,OAAM,OAAM;AAAA,UACjD,gBAAAL,EAAC,OAAA,EAAI,WAAW/B,EAAA,GACb,UAAA,MAAM;AAAA,YACL,EAAE,QAAQ,KAAK,IAAIsC,GAAuB,CAAC,EAAA;AAAA,YAC3C,CAACmD,GAAGI,MACF,gBAAA9D;AAAA,cAAC6D;AAAA,cAAA;AAAA,gBAEC,SAAQ;AAAA,gBACR,MAAAxD;AAAA,gBACA,QAAO;AAAA,cAAA;AAAA,cAHF,gBAAgBsD,CAAM,IAAIG,CAAM;AAAA,YAAA;AAAA,UAIvC,EAEJ,CACF;AAAA,QAAA,EAAA,GAdQ,eAAeH,CAAM,EAe/B,CACD;AAAA,MAAA;AAAA,IAAA,IAGI1B,KACTwB,IACE,gBAAAzD,EAAC,OAAA,EAAI,cAAW,SACd,UAAA,gBAAAA,EAAC+D,IAAA,EAAW,SAAQ,cAAa,OAAOzC,EAAE,kBAAkB,EAAA,CAAG,GACjE,IAGFmC,IACE,gBAAAzD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWwD;AAAA,QACX,cAAYzB,IAAa,aAAa;AAAA,QAErC,UAAA/C,EAAK,IAAI,CAACT,GAAKyF,MAAW;AACzB,gBAAMX,IAAS/E,EAAUC,GAAKyF,CAAM,GAC9BC,IACJ1F,EAAI,SAASY,EAAgBhB,EAAOI,EAAI,IAAI,GAAGc,GAAQC,CAAQ,GAC3D4E,IAAW,GAAGzC,EAAM,QAAQuC,CAAM,WAElCG,IADaxC,EAAS0B,CAAM,KAAK,KAEnC9E,EAAI,QACJA,EAAI,MAAM,MAAM,GAAGgC,CAAqB,GACtC6D,IAAc7F,EAAI,MAAM,SAAS4F,EAAa,QAE9CE,IAAa9F,EAAI,MAAM,WAAW;AAExC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKE,gBAAAqF;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,WAAW7F,EAAA;AAAA,gBACX,mBAAiBmG;AAAA,gBACjB,cAAYG,KAAc;AAAA,gBAE1B,UAAA;AAAA,kBAAA,gBAAArE,EAAC,MAAA,EAAG,IAAIkE,GAAU,WAAWlG,GAAkB,EAAE,MAAAqC,EAAA,CAAM,GACpD,UAAA4D,EAAA,CACH;AAAA,kBACCI,sBACE,KAAA,EAAE,WAAU,yDACV,UAAA/C,EAAE,kBAAkB,GACvB,IACE;AAAA,kBACJ,gBAAAtB,EAAC,QAAG,WAAW/B,EAAA,GACZ,UAAAkG,EAAa,IAAI,CAAClF,MAAS;AAC1B,0BAAMqF,KAAgB3E;AAAA,sBACpBV;AAAA,sBACAV;AAAA,sBACAc;AAAA,sBACAC;AAAA,sBACA,CAAC,EAAE,MAAAO,GAAM,KAAKC,GAAA,MACZwB,EAAE,sBAAsB,EAAE,MAAAzB,GAAM,KAAKC,GAAA,CAAU;AAAA,oBAAA,GAE7CyE,KAAajE,MAAmBrB,EAAK,IACrCuF,IACJvF,EAAK,cAAc,MAAS+C;AAC9B,6CACG,MAAA,EACC,UAAA,gBAAAhC;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,WAAW9B,GAAmB,EAAE,MAAAmC,GAAM;AAAA,wBACtC,cAAYiE;AAAA,wBACZ,gBAAcC;AAAA,wBACd,UAAUC;AAAA,wBACV,iBAAeA,KAAkB;AAAA,wBACjC,gBAAcvF,EAAK;AAAA,wBACnB,SAAS,MAAMkD,EAAgBlD,GAAMV,CAAG;AAAA,wBACxC,WAAW,CAACkE,MACVD,GAAkBC,GAAOxD,GAAMV,CAAG;AAAA,wBAGnC,UAAAgB,EAAeN,GAAMI,GAAQC,CAAQ;AAAA,sBAAA;AAAA,oBAAA,EACxC,GAfOL,EAAK,EAgBd;AAAA,kBAEJ,CAAC,EAAA,CACH;AAAA,kBACCmF,IAAc,IACb,gBAAApE;AAAA,oBAACyE;AAAA,oBAAA;AAAA,sBACC,QAAO;AAAA,sBACP,MAAMpE,MAAS,OAAO,OAAO;AAAA,sBAC7B,SAAS,MAAMgC,EAAe9D,GAAK8E,CAAM;AAAA,sBACzC,UAAUrB;AAAA,sBAET,UAAAV,EAAE,qBAAqB,EAAE,OAAO8C,GAAa;AAAA,oBAAA;AAAA,kBAAA,IAE9C;AAAA,gBAAA;AAAA,cAAA;AAAA,cAzDCf;AAAA,YAAA;AAAA;AAAA,QA4DX,CAAC;AAAA,MAAA;AAAA,IAAA,GAML,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAvC;AAAA,QACA,IAAAF;AAAA,QACA,MAAK;AAAA,QACL,cAAYe;AAAA,QACZ,WAAW1E,GAAiB,EAAE,MAAA6C,GAAM,WAAAa,IAAW;AAAA,QAC/C,kBAAe;AAAA,QACf,qBAAmBC;AAAA,QACnB,cAAYf;AAAA,QACX,GAAGgB;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAwC,EAAC,OAAA,EAAI,WAAWlG,GAAA,GACd,UAAA;AAAA,YAAA,gBAAAsC;AAAA,cAAC0E;AAAA,cAAA;AAAA,gBACC,wBAAO3E,IAAA,EAAiB;AAAA,gBACxB,cAAYuB,EAAE,uBAAuB;AAAA,gBACrC,MAAMjB,MAAS,OAAO,OAAO;AAAA,gBAC7B,QAAO;AAAA,gBACP,eAAa;AAAA,gBACb,UAAU,CAACI,KAAeuB;AAAA,gBAC1B,SAASlB;AAAA,cAAA;AAAA,YAAA;AAAA,YAEVH,IACC,gBAAAX;AAAA,cAACyE;AAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,MAAMpE,MAAS,OAAO,OAAO;AAAA,gBAC7B,UAAU2B;AAAA,gBACV,SAASf;AAAA,gBAER,YAAE,wBAAwB;AAAA,cAAA;AAAA,YAAA,IAG7B,gBAAAjB,EAAC,QAAA,EAAK,eAAY,OAAA,CAAO;AAAA,YAE3B,gBAAAA;AAAA,cAAC0E;AAAA,cAAA;AAAA,gBACC,wBAAOzE,IAAA,EAAe;AAAA,gBACtB,cAAYqB,EAAE,mBAAmB;AAAA,gBACjC,MAAMjB,MAAS,OAAO,OAAO;AAAA,gBAC7B,QAAO;AAAA,gBACP,eAAa;AAAA,gBACb,UAAU,CAACK,KAAWsB;AAAA,gBACtB,SAASjB;AAAA,cAAA;AAAA,YAAA;AAAA,UACX,GACF;AAAA,UAEC0C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAvD,GAAS,cAAc;"}

package/dist/_chunks/{tabs-2x3L13jn.js → tabs-BTj-2qMZ.js}

@@ -4,7 +4,7 @@ import * as S from "@radix-ui/react-tabs";
 import { a as A, c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as te } from "react-i18next";
 import { c as se } from "./compose-refs-C0k0tdqF.js";
-import { S as ae } from "./select-k4gBdS8N.js";
+import { S as ae } from "./select-4S-eYZUf.js";
 import { D as V } from "./dropdown-menu-D1we7oAY.js";
 import { u as re } from "./registry-DvAUVLHh.js";
 import { X as oe } from "./x-B5YnXwCz.js";
@@ -410,4 +410,4 @@ export {
   Q as c,
   de as t
 };
-//# sourceMappingURL=tabs-2x3L13jn.js.map
+//# sourceMappingURL=tabs-BTj-2qMZ.js.map

package/dist/_chunks/{tabs-2x3L13jn.js.map → tabs-BTj-2qMZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-2x3L13jn.js","sources":["../../src/components/tabs/tabs.agent.ts","../../src/components/tabs/tabs.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { TabsHandle } from './tabs';\n\nexport const tabsAgent: AgentAdapter<TabsHandle> = {\n  id: 'tabs',\n  capabilities: ['select_single'],\n  state: {\n    activeTab: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.tabs.state.activeTab',\n      description: 'Value of the currently-active tab.',\n      read: (handle) => handle.getActiveTab(),\n    },\n  },\n  actions: {\n    select_tab: {\n      safety: 'read',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: 'string' } },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.tabs.actions.selectTab',\n      description: 'Activate the tab with the given value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.selectTab(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'tabs' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Tabs.Root.',\n    },\n    item: {\n      attr: 'data-tab-id',\n      description: 'Each Tab.Trigger emits its value as data-tab-id.',\n    },\n  },\n};\n","import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { X, ChevronDown } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { Select, type SelectOption } from '../select/select';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { useAgentRegistration } from '../../agent';\nimport { tabsAgent } from './tabs.agent';\n\n// ---------------------------------------------------------------------------\n// CVA recipes\n// ---------------------------------------------------------------------------\n\nexport const tabsListVariants = cva('ds:relative ds:flex', {\n  variants: {\n    variant: {\n      // Shadcn-style segmented control: light container, white active card\n      default:\n        'ds:flex-1 ds:min-w-0 ds:items-center ds:bg-muted/10 ds:rounded-[var(--radius-md)] ds:p-1',\n      // Classic underline tabs: bottom border with colored active indicator\n      underlined:\n        'ds:flex-1 ds:min-w-0 ds:items-end ds:[border-block-end:1px_solid_var(--border)]',\n      // Segmented control: warm secondary container, content-width\n      pills:\n        'ds:items-center ds:bg-secondary ds:rounded-[var(--radius-md)] ds:p-1',\n    },\n    orientation: {\n      horizontal: 'ds:flex-row ds:overflow-hidden',\n      vertical: 'ds:flex-col',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    orientation: 'horizontal',\n  },\n});\n\nexport const tabsTriggerVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:whitespace-nowrap ds:border-0',\n    'ds:gap-2 ds:font-medium ds:transition-colors',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:cursor-pointer ds:select-none',\n    'ds:disabled:pointer-events-none ds:disabled:opacity-50',\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  ].join(' '),\n  {\n    variants: {\n      variant: {\n        default: [\n          'ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-background ds:data-[state=active]:text-foreground',\n          'ds:data-[state=active]:shadow-sm',\n        ].join(' '),\n        underlined: [\n          'ds:bg-transparent ds:text-muted-foreground',\n          'ds:[border-block-end:2px_solid_transparent]',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:[border-block-end-color:var(--primary)]',\n          'ds:data-[state=active]:text-foreground ds:data-[state=active]:[margin-block-end:-1px]',\n        ].join(' '),\n        pills: [\n          'ds:rounded-[var(--radius-full)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/20 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-primary ds:data-[state=active]:text-primary-foreground',\n        ].join(' '),\n      },\n      size: {\n        sm: 'ds:h-8 ds:px-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-10 ds:px-[var(--spacing-md)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:px-[var(--spacing-lg)] ds:text-[length:var(--font-size-lg)]',\n      },\n      orientation: {\n        horizontal: '',\n        vertical: 'ds:w-full ds:justify-start',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      orientation: 'horizontal',\n    },\n  },\n);\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ntype TabsOverflow = 'dropdown' | 'select';\n\ninterface TabsContextValue {\n  variant: 'default' | 'underlined' | 'pills';\n  size: 'sm' | 'md' | 'lg';\n  orientation: 'horizontal' | 'vertical';\n  overflow: TabsOverflow;\n  value: string;\n  setValue: (value: string) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue>({\n  variant: 'default',\n  size: 'md',\n  orientation: 'horizontal',\n  overflow: 'dropdown',\n  value: '',\n  setValue: () => {},\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n// Curated agent-readiness handle — see tabs.agent.ts.\nexport interface TabsHandle {\n  getActiveTab: () => string | null;\n  selectTab: (value: string) => void;\n}\n\nexport interface TabsRootProps extends Omit<\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n  'orientation'\n> {\n  variant?: 'default' | 'underlined' | 'pills';\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Strategy for tabs that don't fit horizontally.\n   *\n   * - `'dropdown'` (default) — overflowing tabs collapse into a \"More\"\n   *   `DropdownMenu` rendered next to the visible tab list. Most tabs\n   *   stay visible inline; the few that don't fit hide behind the menu.\n   *   Best when there are 5–7 tabs at moderately narrow viewports.\n   * - `'select'` — at narrow container widths (under the `@md` breakpoint)\n   *   the entire tab strip collapses into a single `Select` whose value\n   *   is the active tab. Best when there are many tabs and the panel is\n   *   genuinely cramped (mobile, side-panel host). Above `@md`, the\n   *   inline tab list reappears unchanged.\n   *\n   *   Limitation: the Select mirror builds option labels from each\n   *   `Tabs.Trigger`'s `children`. Plain string / number children are\n   *   used verbatim; richer children (icon + text, fragments) fall back\n   *   to the trigger's `value` so the option remains selectable. Prefer\n   *   plain-text trigger children when using `overflow=\"select\"`, or use\n   *   the trigger's `icon` prop for the icon and keep `children` a\n   *   plain string.\n   *\n   * @default 'dropdown'\n   */\n  overflow?: TabsOverflow;\n}\n\nexport interface TabsListProps extends ComponentPropsWithoutRef<\n  typeof TabsPrimitive.List\n> {\n  'aria-label'?: string;\n}\n\nexport interface TabsTriggerProps\n  extends\n    ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,\n    VariantProps<typeof tabsTriggerVariants> {\n  icon?: ReactNode;\n  badge?: ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n}\n\nexport type TabsContentProps = ComponentPropsWithoutRef<\n  typeof TabsPrimitive.Content\n>;\n\n// ---------------------------------------------------------------------------\n// TabsRoot\n// ---------------------------------------------------------------------------\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsRootProps>(\n  (\n    {\n      variant = 'default',\n      size = 'md',\n      orientation = 'horizontal',\n      overflow = 'dropdown',\n      className,\n      children,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      id,\n      ...props\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    // Track the active tab so the `overflow=\"select\"` mirror can read it\n    // without forcing consumers into controlled mode. If `value` is passed\n    // we honour it; otherwise we manage internal state seeded from\n    // `defaultValue` and notify consumers via `onValueChange`. Net effect\n    // is identical to Radix's own controlled / uncontrolled split — we\n    // just shadow the value into context so the Select can mirror it.\n    const isControlled = valueProp !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const value = isControlled ? (valueProp ?? '') : internalValue;\n    const setValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onValueChange?.(next);\n      },\n      [isControlled, onValueChange],\n    );\n\n    const ctxValue = useMemo(\n      () => ({ variant, size, orientation, overflow, value, setValue }),\n      [variant, size, orientation, overflow, value, setValue],\n    );\n\n    // Agent handle — ref mirrors value for fresh reads.\n    const valueRef = useRef<string>(value);\n    useEffect(() => {\n      valueRef.current = value;\n    }, [value]);\n\n    const agentHandle = useMemo<TabsHandle>(\n      () => ({\n        getActiveTab: () => valueRef.current || null,\n        selectTab: (next) => setValue(next),\n      }),\n      [setValue],\n    );\n    useAgentRegistration(tabsAgent, agentHandle, id);\n\n    return (\n      <TabsContext.Provider value={ctxValue}>\n        <TabsPrimitive.Root\n          ref={composedRef}\n          orientation={orientation}\n          dir={dir}\n          // We always run Radix in controlled mode against our shadow state\n          // (seeded from `defaultValue`) so the `overflow=\"select\"` mirror\n          // can read the active value via context without DOM observation.\n          value={value}\n          onValueChange={setValue}\n          id={id}\n          data-component=\"tabs\"\n          data-component-id={id}\n          className={cx(\n            'ds:flex',\n            orientation === 'vertical'\n              ? 'ds:flex-row ds:gap-[var(--spacing-md)]'\n              : 'ds:flex-col',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.Root>\n      </TabsContext.Provider>\n    );\n  },\n);\nTabsRoot.displayName = 'Tabs';\n\n// ---------------------------------------------------------------------------\n// TabsList — with overflow detection\n// ---------------------------------------------------------------------------\n\nconst TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, children, 'aria-label': ariaLabel, ...props }, ref) => {\n    const { variant, size, orientation, overflow, value, setValue } =\n      useContext(TabsContext);\n    const { t } = useTranslation('ui');\n\n    const listRef = useRef<HTMLDivElement>(null);\n    // The row that holds the list AND the \"More\" trigger: its width is the\n    // room the tabs would have if the trigger were not there.\n    const rowRef = useRef<HTMLDivElement>(null);\n    const [overflowTabs, setOverflowTabs] = useState<OverflowTab[]>([]);\n    const isHorizontal = orientation === 'horizontal';\n    // The `select` overflow strategy renders a Select mirror at narrow\n    // container widths and skips the DropdownMenu overflow detector\n    // (it's the wrong UX for that case — a select-and-a-dropdown would\n    // double up). The dropdown detector only runs when `overflow` is\n    // `dropdown` and the strip is horizontal.\n    const isDropdownOverflow = overflow === 'dropdown' && isHorizontal;\n\n    useEffect(() => {\n      if (!isDropdownOverflow) {\n        setOverflowTabs([]);\n        return;\n      }\n      const el = listRef.current;\n      const row = rowRef.current;\n      if (!el || !row) return;\n      const tabs = Array.from(\n        el.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'),\n      );\n\n      const detectOverflow = () => {\n        // \"Do the tabs fit?\" is asked of the whole row, not of the list: once\n        // \"More\" shows it takes room from the list, so asking the list would\n        // keep \"More\" up for good after one narrow reading (a popover opening,\n        // a late web font), even when every tab has room again.\n        if (el.scrollWidth <= row.clientWidth + 1) {\n          setOverflowTabs((prev) => (prev.length === 0 ? prev : []));\n          return;\n        }\n        // Layout offsets, not client rects: they ignore an ancestor's\n        // open/close transform. Both edges count, so a tab scrolled out at\n        // the start (and every overflowing tab in RTL) is listed too.\n        const hidden: OverflowTab[] = [];\n        for (const tab of tabs) {\n          const start = tab.offsetLeft - el.scrollLeft;\n          const end = start + tab.offsetWidth;\n          if (start < -1 || end > el.clientWidth + 1) {\n            const value = tab.dataset['value'] ?? '';\n            hidden.push({\n              value,\n              label: tab.textContent?.trim() || value,\n              disabled: tab.disabled,\n            });\n          }\n        }\n        setOverflowTabs((prev) =>\n          sameOverflowTabs(prev, hidden) ? prev : hidden,\n        );\n      };\n\n      // The row catches container changes, each tab catches its own (a label\n      // re-rendered or re-flowed when a web font lands), and scrolling moves\n      // which tabs are clipped.\n      const ro = new ResizeObserver(detectOverflow);\n      ro.observe(row);\n      ro.observe(el);\n      tabs.forEach((tab) => ro.observe(tab));\n      el.addEventListener('scroll', detectOverflow, { passive: true });\n      detectOverflow();\n      return () => {\n        ro.disconnect();\n        el.removeEventListener('scroll', detectOverflow);\n      };\n    }, [isDropdownOverflow, children]);\n\n    // Picking a hidden tab selects it and scrolls it into the strip. Scoped\n    // to this list, so a same-valued tab in another Tabs is never touched.\n    const selectOverflowTab = useCallback(\n      (next: string) => {\n        const tab = listRef.current?.querySelector<HTMLButtonElement>(\n          `[role=\"tab\"][data-value=\"${CSS.escape(next)}\"]`,\n        );\n        if (tab?.disabled) return;\n        setValue(next);\n        // Radix selects on mousedown, so a click only runs the caller's own\n        // onClick on the trigger, as picking the tab itself would.\n        tab?.click();\n        tab?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      },\n      [setValue],\n    );\n\n    const combinedRef = (node: HTMLDivElement | null) => {\n      (listRef as MutableRefObject<HTMLDivElement | null>).current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as MutableRefObject<HTMLDivElement | null>).current = node;\n    };\n\n    // For `overflow=\"select\"` we mirror the Trigger children as Select\n    // options. Triggers may carry icon + text; for the Select label we\n    // prefer the trigger's plain-text children — anything else falls\n    // back to the trigger's `value` so the option is at least selectable.\n    const selectOptions = useMemo<SelectOption<string>[]>(() => {\n      if (overflow !== 'select') return [];\n      return Children.toArray(children)\n        .filter((child): child is ReactElement<TabsTriggerProps> =>\n          isValidElement(child),\n        )\n        .filter(\n          (child) =>\n            typeof child.props.value === 'string' &&\n            child.props.value.length > 0,\n        )\n        .map((child) => {\n          const triggerValue = child.props.value as string;\n          const labelChild = child.props.children;\n          const label =\n            typeof labelChild === 'string'\n              ? labelChild\n              : typeof labelChild === 'number'\n                ? String(labelChild)\n                : triggerValue;\n          return { value: triggerValue, label };\n        });\n    }, [children, overflow]);\n\n    if (overflow === 'select' && isHorizontal) {\n      // Container queries gate the swap: above `@md` (Tailwind v4 default\n      // 28rem container width) the inline tab strip renders; below it,\n      // the Select takes over. The Tabs.List markup stays mounted in\n      // both modes so Radix's roving-tabindex / ARIA wiring is preserved\n      // even when the strip is visually hidden — keyboard users who land\n      // on the panel via skip-link still get to the active tab.\n      return (\n        <div className=\"ds:@container/tabs ds:relative ds:w-full\">\n          {/* Select mirror — visible at narrow container widths only.\n              Threshold is px, not the `@md` rem alias: container-query `rem`\n              follows the host's root font-size and misfires off a 16px root. */}\n          <div className=\"ds:block ds:@[448px]/tabs:hidden\">\n            <Select\n              options={selectOptions}\n              value={value}\n              onValueChange={(next) => {\n                if (typeof next === 'string' && next.length > 0) setValue(next);\n              }}\n              size={size}\n              aria-label={ariaLabel ?? t('tabs.selectLabel')}\n            />\n          </div>\n          {/* Inline tab strip — visible at wider container widths. */}\n          <div className=\"ds:hidden ds:@[448px]/tabs:flex ds:relative ds:items-center\">\n            <TabsPrimitive.List\n              ref={combinedRef}\n              aria-label={ariaLabel}\n              className={tabsListVariants({ variant, orientation, className })}\n              {...props}\n            >\n              {children}\n            </TabsPrimitive.List>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div ref={rowRef} className=\"ds:relative ds:flex ds:items-center\">\n        <TabsPrimitive.List\n          ref={combinedRef}\n          aria-label={ariaLabel}\n          className={tabsListVariants({ variant, orientation, className })}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.List>\n\n        {isDropdownOverflow && overflowTabs.length > 0 && (\n          <OverflowMenu\n            tabs={overflowTabs}\n            label={t('tabs.moreTabs')}\n            size={size}\n            onSelectTab={selectOverflowTab}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTabsList.displayName = 'TabsList';\n\n// ---------------------------------------------------------------------------\n// OverflowMenu (internal)\n// ---------------------------------------------------------------------------\n\ninterface OverflowTab {\n  value: string;\n  label: string;\n  disabled: boolean;\n}\n\nfunction sameOverflowTabs(a: OverflowTab[], b: OverflowTab[]): boolean {\n  return (\n    a.length === b.length &&\n    a.every(\n      (tab, index) =>\n        tab.value === b[index].value &&\n        tab.label === b[index].label &&\n        tab.disabled === b[index].disabled,\n    )\n  );\n}\n\ninterface OverflowMenuProps {\n  tabs: OverflowTab[];\n  label: string;\n  size: 'sm' | 'md' | 'lg';\n  onSelectTab: (value: string) => void;\n}\n\n// Built on the kit DropdownMenu, so it inherits the kit's height cap: a long\n// list of hidden tabs scrolls inside the menu instead of running off-screen.\nfunction OverflowMenu({ tabs, label, size, onSelectTab }: OverflowMenuProps) {\n  const { variant } = useContext(TabsContext);\n\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger\n        className={cx(\n          tabsTriggerVariants({ variant, size, orientation: 'horizontal' }),\n          'ds:shrink-0 ds:ms-1',\n        )}\n        aria-label={label}\n      >\n        {label}\n        <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        {tabs.map(({ value, label: tabLabel, disabled }) => (\n          <DropdownMenu.Item\n            key={value}\n            disabled={disabled}\n            onSelect={() => onSelectTab(value)}\n          >\n            {tabLabel}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TabsTrigger\n// ---------------------------------------------------------------------------\n\nconst TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  (\n    {\n      variant: variantProp,\n      size: sizeProp,\n      orientation: orientationProp,\n      icon,\n      badge,\n      dismissible = false,\n      onDismiss,\n      className,\n      children,\n      value,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useContext(TabsContext);\n    const variant = variantProp ?? ctx.variant;\n    const size = sizeProp ?? ctx.size;\n    const orientation = orientationProp ?? ctx.orientation;\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // APG dismissible-tab pattern: Delete/Backspace while trigger is focused closes the tab.\n      // The visual X is pointer-only (aria-hidden) to avoid nested-interactive HTML violation.\n      if (dismissible && (e.key === 'Delete' || e.key === 'Backspace')) {\n        e.preventDefault();\n        onDismiss?.();\n      }\n      onKeyDown?.(e);\n    };\n\n    return (\n      <TabsPrimitive.Trigger\n        ref={ref}\n        value={value}\n        data-value={value}\n        data-tab-id={value}\n        className={tabsTriggerVariants({\n          variant,\n          size,\n          orientation,\n          className,\n        })}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {icon && (\n          <span aria-hidden=\"true\" className=\"ds:shrink-0 ds:size-4\">\n            {icon}\n          </span>\n        )}\n        {children}\n        {badge && <span className=\"ds:shrink-0\">{badge}</span>}\n        {dismissible && (\n          // Visual-only dismiss indicator — pointer dismiss fires here; keyboard dismiss fires via Delete/Backspace on the trigger above.\n          // No role/tabIndex to avoid nested-interactive (interactive content inside <button> is invalid HTML).\n          <span\n            aria-hidden=\"true\"\n            className={cx(\n              'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n              'ds:size-6 ds:rounded-[var(--radius-sm)]',\n              'ds:hover:bg-muted-foreground/20',\n            )}\n            onPointerDown={(e) => {\n              e.stopPropagation();\n              e.preventDefault();\n              onDismiss?.();\n            }}\n          >\n            <X className=\"ds:size-3.5\" />\n          </span>\n        )}\n      </TabsPrimitive.Trigger>\n    );\n  },\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\n// ---------------------------------------------------------------------------\n// TabsContent\n// ---------------------------------------------------------------------------\n\nconst TabsContent = forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <TabsPrimitive.Content\n      ref={ref}\n      className={cx(\n        'ds:mt-[var(--spacing-sm)] ds:outline-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        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TabsPrimitive.Content>\n  ),\n);\nTabsContent.displayName = 'TabsContent';\n\n// ---------------------------------------------------------------------------\n// Compound export\n// ---------------------------------------------------------------------------\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n});\n\nexport { TabsList, TabsTrigger, TabsContent };\n"],"names":["tabsAgent","handle","args","tabsListVariants","cva","tabsTriggerVariants","TabsContext","createContext","TabsRoot","forwardRef","variant","size","orientation","overflow","className","children","valueProp","defaultValue","onValueChange","id","props","ref","rootRef","useRef","composedRef","composeRefs","dir","useDirection","isControlled","internalValue","setInternalValue","useState","value","setValue","useCallback","next","ctxValue","useMemo","valueRef","useEffect","agentHandle","useAgentRegistration","jsx","TabsPrimitive","cx","TabsList","ariaLabel","useContext","t","useTranslation","listRef","rowRef","overflowTabs","setOverflowTabs","isHorizontal","isDropdownOverflow","el","row","tabs","detectOverflow","prev","hidden","tab","start","end","_a","sameOverflowTabs","ro","selectOverflowTab","combinedRef","node","selectOptions","Children","child","isValidElement","triggerValue","labelChild","label","jsxs","Select","OverflowMenu","a","b","index","onSelectTab","DropdownMenu","ChevronDown","tabLabel","disabled","TabsTrigger","variantProp","sizeProp","orientationProp","icon","badge","dismissible","onDismiss","onKeyDown","ctx","handleKeyDown","e","X","TabsContent","Tabs"],"mappings":";;;;;;;;;;;;AAGO,MAAMA,KAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,cAAc,CAAC,eAAe;AAAA,EAC9B,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,aAAA;AAAA,IAAa;AAAA,EACxC;AAAA,EAEF,SAAS;AAAA,IACP,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY,EAAE,OAAO,EAAE,MAAM,WAAS;AAAA,QACtC,UAAU,CAAC,OAAO;AAAA,MAAA;AAAA,MAEpB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,GAAQC,MAA4B;AAC3C,QAAAD,EAAO,UAAUC,EAAK,KAAK;AAAA,MAC7B;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,OAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCZaC,IAAmBC,EAAI,uBAAuB;AAAA,EACzD,UAAU;AAAA,IACR,SAAS;AAAA;AAAA,MAEP,SACE;AAAA;AAAA,MAEF,YACE;AAAA;AAAA,MAEF,OACE;AAAA,IAAA;AAAA,IAEJ,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,aAAa;AAAA,EAAA;AAEjB,CAAC,GAEYC,IAAsBD;AAAA,EACjC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,aAAa;AAAA,QACX,YAAY;AAAA,QACZ,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAiBME,IAAcC,GAAgC;AAAA,EAClD,SAAS;AAAA,EACT,MAAM;AAAA,EACN,aAAa;AAAA,EACb,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU,MAAM;AAAA,EAAC;AACnB,CAAC,GAqEKC,IAAWC;AAAA,EACf,CACE;AAAA,IACE,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,aAAAC,IAAc;AAAA,IACd,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAOC;AAAA,IACP,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUC,EAAuB,IAAI,GACrCC,IAAcC,GAAYJ,GAAKC,CAAO,GACtCI,IAAMC,GAAaL,CAAO,GAQ1BM,IAAeZ,MAAc,QAC7B,CAACa,GAAeC,CAAgB,IAAIC;AAAA,MACxCd,KAAgB;AAAA,IAAA,GAEZe,IAAQJ,IAAgBZ,KAAa,KAAMa,GAC3CI,IAAWC;AAAA,MACf,CAACC,MAAiB;AAChB,QAAKP,KAAcE,EAAiBK,CAAI,GACxCjB,KAAA,QAAAA,EAAgBiB;AAAA,MAClB;AAAA,MACA,CAACP,GAAcV,CAAa;AAAA,IAAA,GAGxBkB,IAAWC;AAAA,MACf,OAAO,EAAE,SAAA3B,GAAS,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,OAAAmB,GAAO,UAAAC;MACtD,CAACvB,GAASC,GAAMC,GAAaC,GAAUmB,GAAOC,CAAQ;AAAA,IAAA,GAIlDK,IAAWf,EAAeS,CAAK;AACrC,IAAAO,EAAU,MAAM;AACd,MAAAD,EAAS,UAAUN;AAAA,IACrB,GAAG,CAACA,CAAK,CAAC;AAEV,UAAMQ,IAAcH;AAAA,MAClB,OAAO;AAAA,QACL,cAAc,MAAMC,EAAS,WAAW;AAAA,QACxC,WAAW,CAACH,MAASF,EAASE,CAAI;AAAA,MAAA;AAAA,MAEpC,CAACF,CAAQ;AAAA,IAAA;AAEX,WAAAQ,GAAqBzC,IAAWwC,GAAarB,CAAE,GAG7C,gBAAAuB,EAACpC,EAAY,UAAZ,EAAqB,OAAO8B,GAC3B,UAAA,gBAAAM;AAAA,MAACC,EAAc;AAAA,MAAd;AAAA,QACC,KAAKnB;AAAA,QACL,aAAAZ;AAAA,QACA,KAAAc;AAAA,QAIA,OAAAM;AAAA,QACA,eAAeC;AAAA,QACf,IAAAd;AAAA,QACA,kBAAe;AAAA,QACf,qBAAmBA;AAAA,QACnB,WAAWyB;AAAA,UACT;AAAA,UACAhC,MAAgB,aACZ,2CACA;AAAA,UACJE;AAAA,QAAA;AAAA,QAED,GAAGM;AAAA,QAEH,UAAAL;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;AACAP,EAAS,cAAc;AAMvB,MAAMqC,IAAWpC;AAAA,EACf,CAAC,EAAE,WAAAK,GAAW,UAAAC,GAAU,cAAc+B,GAAW,GAAG1B,EAAA,GAASC,MAAQ;AACnE,UAAM,EAAE,SAAAX,GAAS,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,OAAAmB,GAAO,UAAAC,EAAA,IACnDc,EAAWzC,CAAW,GAClB,EAAE,GAAA0C,EAAA,IAAMC,GAAe,IAAI,GAE3BC,IAAU3B,EAAuB,IAAI,GAGrC4B,IAAS5B,EAAuB,IAAI,GACpC,CAAC6B,GAAcC,CAAe,IAAItB,EAAwB,CAAA,CAAE,GAC5DuB,IAAe1C,MAAgB,cAM/B2C,IAAqB1C,MAAa,cAAcyC;AAEtD,IAAAf,EAAU,MAAM;AACd,UAAI,CAACgB,GAAoB;AACvB,QAAAF,EAAgB,CAAA,CAAE;AAClB;AAAA,MACF;AACA,YAAMG,IAAKN,EAAQ,SACbO,IAAMN,EAAO;AACnB,UAAI,CAACK,KAAM,CAACC,EAAK;AACjB,YAAMC,IAAO,MAAM;AAAA,QACjBF,EAAG,iBAAoC,cAAc;AAAA,MAAA,GAGjDG,IAAiB,MAAM;;AAK3B,YAAIH,EAAG,eAAeC,EAAI,cAAc,GAAG;AACzC,UAAAJ,EAAgB,CAACO,MAAUA,EAAK,WAAW,IAAIA,IAAO,EAAG;AACzD;AAAA,QACF;AAIA,cAAMC,IAAwB,CAAA;AAC9B,mBAAWC,KAAOJ,GAAM;AACtB,gBAAMK,IAAQD,EAAI,aAAaN,EAAG,YAC5BQ,IAAMD,IAAQD,EAAI;AACxB,cAAIC,IAAQ,MAAMC,IAAMR,EAAG,cAAc,GAAG;AAC1C,kBAAMxB,IAAQ8B,EAAI,QAAQ,SAAY;AACtC,YAAAD,EAAO,KAAK;AAAA,cACV,OAAA7B;AAAAA,cACA,SAAOiC,IAAAH,EAAI,gBAAJ,gBAAAG,EAAiB,WAAUjC;AAAAA,cAClC,UAAU8B,EAAI;AAAA,YAAA,CACf;AAAA,UACH;AAAA,QACF;AACA,QAAAT;AAAA,UAAgB,CAACO,MACfM,GAAiBN,GAAMC,CAAM,IAAID,IAAOC;AAAA,QAAA;AAAA,MAE5C,GAKMM,IAAK,IAAI,eAAeR,CAAc;AAC5C,aAAAQ,EAAG,QAAQV,CAAG,GACdU,EAAG,QAAQX,CAAE,GACbE,EAAK,QAAQ,CAACI,MAAQK,EAAG,QAAQL,CAAG,CAAC,GACrCN,EAAG,iBAAiB,UAAUG,GAAgB,EAAE,SAAS,IAAM,GAC/DA,EAAA,GACO,MAAM;AACX,QAAAQ,EAAG,WAAA,GACHX,EAAG,oBAAoB,UAAUG,CAAc;AAAA,MACjD;AAAA,IACF,GAAG,CAACJ,GAAoBxC,CAAQ,CAAC;AAIjC,UAAMqD,IAAoBlC;AAAA,MACxB,CAACC,MAAiB;;AAChB,cAAM2B,KAAMG,IAAAf,EAAQ,YAAR,gBAAAe,EAAiB;AAAA,UAC3B,4BAA4B,IAAI,OAAO9B,CAAI,CAAC;AAAA;AAE9C,QAAI2B,KAAA,QAAAA,EAAK,aACT7B,EAASE,CAAI,GAGb2B,KAAA,QAAAA,EAAK,SACLA,KAAA,QAAAA,EAAK,eAAe,EAAE,OAAO,WAAW,QAAQ;MAClD;AAAA,MACA,CAAC7B,CAAQ;AAAA,IAAA,GAGLoC,IAAc,CAACC,MAAgC;AAClD,MAAApB,EAAoD,UAAUoB,GAC3D,OAAOjD,KAAQ,aAAYA,EAAIiD,CAAI,IAC9BjD,MACNA,EAAgD,UAAUiD;AAAA,IAC/D,GAMMC,IAAgBlC,EAAgC,MAChDxB,MAAa,WAAiB,CAAA,IAC3B2D,EAAS,QAAQzD,CAAQ,EAC7B;AAAA,MAAO,CAAC0D,MACPC,EAAeD,CAAK;AAAA,IAAA,EAErB;AAAA,MACC,CAACA,MACC,OAAOA,EAAM,MAAM,SAAU,YAC7BA,EAAM,MAAM,MAAM,SAAS;AAAA,IAAA,EAE9B,IAAI,CAACA,MAAU;AACd,YAAME,IAAeF,EAAM,MAAM,OAC3BG,IAAaH,EAAM,MAAM,UACzBI,IACJ,OAAOD,KAAe,WAClBA,IACA,OAAOA,KAAe,WACpB,OAAOA,CAAU,IACjBD;AACR,aAAO,EAAE,OAAOA,GAAc,OAAAE,EAAA;AAAA,IAChC,CAAC,GACF,CAAC9D,GAAUF,CAAQ,CAAC;AAEvB,WAAIA,MAAa,YAAYyC,IAQzB,gBAAAwB,EAAC,OAAA,EAAI,WAAU,4CAIb,UAAA;AAAA,MAAA,gBAAApC,EAAC,OAAA,EAAI,WAAU,oCACb,UAAA,gBAAAA;AAAA,QAACqC;AAAA,QAAA;AAAA,UACC,SAASR;AAAA,UACT,OAAAvC;AAAA,UACA,eAAe,CAACG,MAAS;AACvB,YAAI,OAAOA,KAAS,YAAYA,EAAK,SAAS,OAAYA,CAAI;AAAA,UAChE;AAAA,UACA,MAAAxB;AAAA,UACA,cAAYmC,KAAaE,EAAE,kBAAkB;AAAA,QAAA;AAAA,MAAA,GAEjD;AAAA,MAEA,gBAAAN,EAAC,OAAA,EAAI,WAAU,+DACb,UAAA,gBAAAA;AAAA,QAACC,EAAc;AAAA,QAAd;AAAA,UACC,KAAK0B;AAAA,UACL,cAAYvB;AAAA,UACZ,WAAW3C,EAAiB,EAAE,SAAAO,GAAS,aAAAE,GAAa,WAAAE,GAAW;AAAA,UAC9D,GAAGM;AAAA,UAEH,UAAAL;AAAA,QAAA;AAAA,MAAA,EACH,CACF;AAAA,IAAA,GACF,IAKF,gBAAA+D,EAAC,OAAA,EAAI,KAAK3B,GAAQ,WAAU,uCAC1B,UAAA;AAAA,MAAA,gBAAAT;AAAA,QAACC,EAAc;AAAA,QAAd;AAAA,UACC,KAAK0B;AAAA,UACL,cAAYvB;AAAA,UACZ,WAAW3C,EAAiB,EAAE,SAAAO,GAAS,aAAAE,GAAa,WAAAE,GAAW;AAAA,UAC9D,GAAGM;AAAA,UAEH,UAAAL;AAAA,QAAA;AAAA,MAAA;AAAA,MAGFwC,KAAsBH,EAAa,SAAS,KAC3C,gBAAAV;AAAA,QAACsC;AAAA,QAAA;AAAA,UACC,MAAM5B;AAAA,UACN,OAAOJ,EAAE,eAAe;AAAA,UACxB,MAAArC;AAAA,UACA,aAAayD;AAAA,QAAA;AAAA,MAAA;AAAA,IACf,GAEJ;AAAA,EAEJ;AACF;AACAvB,EAAS,cAAc;AAYvB,SAASqB,GAAiBe,GAAkBC,GAA2B;AACrE,SACED,EAAE,WAAWC,EAAE,UACfD,EAAE;AAAA,IACA,CAACnB,GAAKqB,MACJrB,EAAI,UAAUoB,EAAEC,CAAK,EAAE,SACvBrB,EAAI,UAAUoB,EAAEC,CAAK,EAAE,SACvBrB,EAAI,aAAaoB,EAAEC,CAAK,EAAE;AAAA,EAAA;AAGlC;AAWA,SAASH,GAAa,EAAE,MAAAtB,GAAM,OAAAmB,GAAO,MAAAlE,GAAM,aAAAyE,KAAkC;AAC3E,QAAM,EAAE,SAAA1E,EAAA,IAAYqC,EAAWzC,CAAW;AAE1C,SACE,gBAAAwE,EAACO,EAAa,MAAb,EACC,UAAA;AAAA,IAAA,gBAAAP;AAAA,MAACO,EAAa;AAAA,MAAb;AAAA,QACC,WAAWzC;AAAA,UACTvC,EAAoB,EAAE,SAAAK,GAAS,MAAAC,GAAM,aAAa,cAAc;AAAA,UAChE;AAAA,QAAA;AAAA,QAEF,cAAYkE;AAAA,QAEX,UAAA;AAAA,UAAAA;AAAA,UACD,gBAAAnC,EAAC4C,IAAA,EAAY,eAAY,QAAO,WAAU,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAExD,gBAAA5C,EAAC2C,EAAa,SAAb,EAAqB,OAAM,OACzB,UAAA3B,EAAK,IAAI,CAAC,EAAE,OAAA1B,GAAO,OAAOuD,GAAU,UAAAC,QACnC,gBAAA9C;AAAA,MAAC2C,EAAa;AAAA,MAAb;AAAA,QAEC,UAAAG;AAAA,QACA,UAAU,MAAMJ,EAAYpD,CAAK;AAAA,QAEhC,UAAAuD;AAAA,MAAA;AAAA,MAJIvD;AAAA,IAAA,CAMR,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAMA,MAAMyD,IAAchF;AAAA,EAClB,CACE;AAAA,IACE,SAASiF;AAAA,IACT,MAAMC;AAAA,IACN,aAAaC;AAAA,IACb,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,WAAAlF;AAAA,IACA,UAAAC;AAAA,IACA,OAAAiB;AAAA,IACA,WAAAiE;AAAA,IACA,GAAG7E;AAAA,EAAA,GAELC,MACG;AACH,UAAM6E,IAAMnD,EAAWzC,CAAW,GAC5BI,IAAUgF,KAAeQ,EAAI,SAC7BvF,IAAOgF,KAAYO,EAAI,MACvBtF,IAAcgF,KAAmBM,EAAI,aAErCC,IAAgB,CAACC,MAA8C;AAGnE,MAAIL,MAAgBK,EAAE,QAAQ,YAAYA,EAAE,QAAQ,iBAClDA,EAAE,eAAA,GACFJ,KAAA,QAAAA,MAEFC,KAAA,QAAAA,EAAYG;AAAA,IACd;AAEA,WACE,gBAAAtB;AAAA,MAACnC,EAAc;AAAA,MAAd;AAAA,QACC,KAAAtB;AAAA,QACA,OAAAW;AAAA,QACA,cAAYA;AAAA,QACZ,eAAaA;AAAA,QACb,WAAW3B,EAAoB;AAAA,UAC7B,SAAAK;AAAA,UACA,MAAAC;AAAA,UACA,aAAAC;AAAA,UACA,WAAAE;AAAA,QAAA,CACD;AAAA,QACD,WAAWqF;AAAA,QACV,GAAG/E;AAAA,QAEH,UAAA;AAAA,UAAAyE,uBACE,QAAA,EAAK,eAAY,QAAO,WAAU,yBAChC,UAAAA,GACH;AAAA,UAED9E;AAAA,UACA+E,KAAS,gBAAApD,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAoD,GAAM;AAAA,UAC9CC;AAAA;AAAA,UAGC,gBAAArD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAWE;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,cAEF,eAAe,CAACwD,MAAM;AACpB,gBAAAA,EAAE,gBAAA,GACFA,EAAE,eAAA,GACFJ,KAAA,QAAAA;AAAA,cACF;AAAA,cAEA,UAAA,gBAAAtD,EAAC2D,IAAA,EAAE,WAAU,cAAA,CAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AACAZ,EAAY,cAAc;AAM1B,MAAMa,IAAc7F;AAAA,EAClB,CAAC,EAAE,WAAAK,GAAW,UAAAC,GAAU,GAAGK,EAAA,GAASC,MAClC,gBAAAqB;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,KAAAtB;AAAA,MACA,WAAWuB;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA9B;AAAA,MAAA;AAAA,MAED,GAAGM;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;AACAuF,EAAY,cAAc;AAMnB,MAAMC,KAAO,OAAO,OAAO/F,GAAU;AAAA,EAC1C,MAAMA;AAAA,EACN,MAAMqC;AAAA,EACN,SAAS4C;AAAA,EACT,SAASa;AACX,CAAC;"}
+{"version":3,"file":"tabs-BTj-2qMZ.js","sources":["../../src/components/tabs/tabs.agent.ts","../../src/components/tabs/tabs.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { TabsHandle } from './tabs';\n\nexport const tabsAgent: AgentAdapter<TabsHandle> = {\n  id: 'tabs',\n  capabilities: ['select_single'],\n  state: {\n    activeTab: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.tabs.state.activeTab',\n      description: 'Value of the currently-active tab.',\n      read: (handle) => handle.getActiveTab(),\n    },\n  },\n  actions: {\n    select_tab: {\n      safety: 'read',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: 'string' } },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.tabs.actions.selectTab',\n      description: 'Activate the tab with the given value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.selectTab(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'tabs' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Tabs.Root.',\n    },\n    item: {\n      attr: 'data-tab-id',\n      description: 'Each Tab.Trigger emits its value as data-tab-id.',\n    },\n  },\n};\n","import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { X, ChevronDown } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { Select, type SelectOption } from '../select/select';\nimport { DropdownMenu } from '../dropdown-menu/dropdown-menu';\nimport { useAgentRegistration } from '../../agent';\nimport { tabsAgent } from './tabs.agent';\n\n// ---------------------------------------------------------------------------\n// CVA recipes\n// ---------------------------------------------------------------------------\n\nexport const tabsListVariants = cva('ds:relative ds:flex', {\n  variants: {\n    variant: {\n      // Shadcn-style segmented control: light container, white active card\n      default:\n        'ds:flex-1 ds:min-w-0 ds:items-center ds:bg-muted/10 ds:rounded-[var(--radius-md)] ds:p-1',\n      // Classic underline tabs: bottom border with colored active indicator\n      underlined:\n        'ds:flex-1 ds:min-w-0 ds:items-end ds:[border-block-end:1px_solid_var(--border)]',\n      // Segmented control: warm secondary container, content-width\n      pills:\n        'ds:items-center ds:bg-secondary ds:rounded-[var(--radius-md)] ds:p-1',\n    },\n    orientation: {\n      horizontal: 'ds:flex-row ds:overflow-hidden',\n      vertical: 'ds:flex-col',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    orientation: 'horizontal',\n  },\n});\n\nexport const tabsTriggerVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:whitespace-nowrap ds:border-0',\n    'ds:gap-2 ds:font-medium ds:transition-colors',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:cursor-pointer ds:select-none',\n    'ds:disabled:pointer-events-none ds:disabled:opacity-50',\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  ].join(' '),\n  {\n    variants: {\n      variant: {\n        default: [\n          'ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-background ds:data-[state=active]:text-foreground',\n          'ds:data-[state=active]:shadow-sm',\n        ].join(' '),\n        underlined: [\n          'ds:bg-transparent ds:text-muted-foreground',\n          'ds:[border-block-end:2px_solid_transparent]',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:[border-block-end-color:var(--primary)]',\n          'ds:data-[state=active]:text-foreground ds:data-[state=active]:[margin-block-end:-1px]',\n        ].join(' '),\n        pills: [\n          'ds:rounded-[var(--radius-full)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/20 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-primary ds:data-[state=active]:text-primary-foreground',\n        ].join(' '),\n      },\n      size: {\n        sm: 'ds:h-8 ds:px-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-10 ds:px-[var(--spacing-md)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:px-[var(--spacing-lg)] ds:text-[length:var(--font-size-lg)]',\n      },\n      orientation: {\n        horizontal: '',\n        vertical: 'ds:w-full ds:justify-start',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      orientation: 'horizontal',\n    },\n  },\n);\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ntype TabsOverflow = 'dropdown' | 'select';\n\ninterface TabsContextValue {\n  variant: 'default' | 'underlined' | 'pills';\n  size: 'sm' | 'md' | 'lg';\n  orientation: 'horizontal' | 'vertical';\n  overflow: TabsOverflow;\n  value: string;\n  setValue: (value: string) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue>({\n  variant: 'default',\n  size: 'md',\n  orientation: 'horizontal',\n  overflow: 'dropdown',\n  value: '',\n  setValue: () => {},\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n// Curated agent-readiness handle — see tabs.agent.ts.\nexport interface TabsHandle {\n  getActiveTab: () => string | null;\n  selectTab: (value: string) => void;\n}\n\nexport interface TabsRootProps extends Omit<\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n  'orientation'\n> {\n  variant?: 'default' | 'underlined' | 'pills';\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Strategy for tabs that don't fit horizontally.\n   *\n   * - `'dropdown'` (default) — overflowing tabs collapse into a \"More\"\n   *   `DropdownMenu` rendered next to the visible tab list. Most tabs\n   *   stay visible inline; the few that don't fit hide behind the menu.\n   *   Best when there are 5–7 tabs at moderately narrow viewports.\n   * - `'select'` — at narrow container widths (under the `@md` breakpoint)\n   *   the entire tab strip collapses into a single `Select` whose value\n   *   is the active tab. Best when there are many tabs and the panel is\n   *   genuinely cramped (mobile, side-panel host). Above `@md`, the\n   *   inline tab list reappears unchanged.\n   *\n   *   Limitation: the Select mirror builds option labels from each\n   *   `Tabs.Trigger`'s `children`. Plain string / number children are\n   *   used verbatim; richer children (icon + text, fragments) fall back\n   *   to the trigger's `value` so the option remains selectable. Prefer\n   *   plain-text trigger children when using `overflow=\"select\"`, or use\n   *   the trigger's `icon` prop for the icon and keep `children` a\n   *   plain string.\n   *\n   * @default 'dropdown'\n   */\n  overflow?: TabsOverflow;\n}\n\nexport interface TabsListProps extends ComponentPropsWithoutRef<\n  typeof TabsPrimitive.List\n> {\n  'aria-label'?: string;\n}\n\nexport interface TabsTriggerProps\n  extends\n    ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,\n    VariantProps<typeof tabsTriggerVariants> {\n  icon?: ReactNode;\n  badge?: ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n}\n\nexport type TabsContentProps = ComponentPropsWithoutRef<\n  typeof TabsPrimitive.Content\n>;\n\n// ---------------------------------------------------------------------------\n// TabsRoot\n// ---------------------------------------------------------------------------\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsRootProps>(\n  (\n    {\n      variant = 'default',\n      size = 'md',\n      orientation = 'horizontal',\n      overflow = 'dropdown',\n      className,\n      children,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      id,\n      ...props\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    // Track the active tab so the `overflow=\"select\"` mirror can read it\n    // without forcing consumers into controlled mode. If `value` is passed\n    // we honour it; otherwise we manage internal state seeded from\n    // `defaultValue` and notify consumers via `onValueChange`. Net effect\n    // is identical to Radix's own controlled / uncontrolled split — we\n    // just shadow the value into context so the Select can mirror it.\n    const isControlled = valueProp !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const value = isControlled ? (valueProp ?? '') : internalValue;\n    const setValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onValueChange?.(next);\n      },\n      [isControlled, onValueChange],\n    );\n\n    const ctxValue = useMemo(\n      () => ({ variant, size, orientation, overflow, value, setValue }),\n      [variant, size, orientation, overflow, value, setValue],\n    );\n\n    // Agent handle — ref mirrors value for fresh reads.\n    const valueRef = useRef<string>(value);\n    useEffect(() => {\n      valueRef.current = value;\n    }, [value]);\n\n    const agentHandle = useMemo<TabsHandle>(\n      () => ({\n        getActiveTab: () => valueRef.current || null,\n        selectTab: (next) => setValue(next),\n      }),\n      [setValue],\n    );\n    useAgentRegistration(tabsAgent, agentHandle, id);\n\n    return (\n      <TabsContext.Provider value={ctxValue}>\n        <TabsPrimitive.Root\n          ref={composedRef}\n          orientation={orientation}\n          dir={dir}\n          // We always run Radix in controlled mode against our shadow state\n          // (seeded from `defaultValue`) so the `overflow=\"select\"` mirror\n          // can read the active value via context without DOM observation.\n          value={value}\n          onValueChange={setValue}\n          id={id}\n          data-component=\"tabs\"\n          data-component-id={id}\n          className={cx(\n            'ds:flex',\n            orientation === 'vertical'\n              ? 'ds:flex-row ds:gap-[var(--spacing-md)]'\n              : 'ds:flex-col',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.Root>\n      </TabsContext.Provider>\n    );\n  },\n);\nTabsRoot.displayName = 'Tabs';\n\n// ---------------------------------------------------------------------------\n// TabsList — with overflow detection\n// ---------------------------------------------------------------------------\n\nconst TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, children, 'aria-label': ariaLabel, ...props }, ref) => {\n    const { variant, size, orientation, overflow, value, setValue } =\n      useContext(TabsContext);\n    const { t } = useTranslation('ui');\n\n    const listRef = useRef<HTMLDivElement>(null);\n    // The row that holds the list AND the \"More\" trigger: its width is the\n    // room the tabs would have if the trigger were not there.\n    const rowRef = useRef<HTMLDivElement>(null);\n    const [overflowTabs, setOverflowTabs] = useState<OverflowTab[]>([]);\n    const isHorizontal = orientation === 'horizontal';\n    // The `select` overflow strategy renders a Select mirror at narrow\n    // container widths and skips the DropdownMenu overflow detector\n    // (it's the wrong UX for that case — a select-and-a-dropdown would\n    // double up). The dropdown detector only runs when `overflow` is\n    // `dropdown` and the strip is horizontal.\n    const isDropdownOverflow = overflow === 'dropdown' && isHorizontal;\n\n    useEffect(() => {\n      if (!isDropdownOverflow) {\n        setOverflowTabs([]);\n        return;\n      }\n      const el = listRef.current;\n      const row = rowRef.current;\n      if (!el || !row) return;\n      const tabs = Array.from(\n        el.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'),\n      );\n\n      const detectOverflow = () => {\n        // \"Do the tabs fit?\" is asked of the whole row, not of the list: once\n        // \"More\" shows it takes room from the list, so asking the list would\n        // keep \"More\" up for good after one narrow reading (a popover opening,\n        // a late web font), even when every tab has room again.\n        if (el.scrollWidth <= row.clientWidth + 1) {\n          setOverflowTabs((prev) => (prev.length === 0 ? prev : []));\n          return;\n        }\n        // Layout offsets, not client rects: they ignore an ancestor's\n        // open/close transform. Both edges count, so a tab scrolled out at\n        // the start (and every overflowing tab in RTL) is listed too.\n        const hidden: OverflowTab[] = [];\n        for (const tab of tabs) {\n          const start = tab.offsetLeft - el.scrollLeft;\n          const end = start + tab.offsetWidth;\n          if (start < -1 || end > el.clientWidth + 1) {\n            const value = tab.dataset['value'] ?? '';\n            hidden.push({\n              value,\n              label: tab.textContent?.trim() || value,\n              disabled: tab.disabled,\n            });\n          }\n        }\n        setOverflowTabs((prev) =>\n          sameOverflowTabs(prev, hidden) ? prev : hidden,\n        );\n      };\n\n      // The row catches container changes, each tab catches its own (a label\n      // re-rendered or re-flowed when a web font lands), and scrolling moves\n      // which tabs are clipped.\n      const ro = new ResizeObserver(detectOverflow);\n      ro.observe(row);\n      ro.observe(el);\n      tabs.forEach((tab) => ro.observe(tab));\n      el.addEventListener('scroll', detectOverflow, { passive: true });\n      detectOverflow();\n      return () => {\n        ro.disconnect();\n        el.removeEventListener('scroll', detectOverflow);\n      };\n    }, [isDropdownOverflow, children]);\n\n    // Picking a hidden tab selects it and scrolls it into the strip. Scoped\n    // to this list, so a same-valued tab in another Tabs is never touched.\n    const selectOverflowTab = useCallback(\n      (next: string) => {\n        const tab = listRef.current?.querySelector<HTMLButtonElement>(\n          `[role=\"tab\"][data-value=\"${CSS.escape(next)}\"]`,\n        );\n        if (tab?.disabled) return;\n        setValue(next);\n        // Radix selects on mousedown, so a click only runs the caller's own\n        // onClick on the trigger, as picking the tab itself would.\n        tab?.click();\n        tab?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      },\n      [setValue],\n    );\n\n    const combinedRef = (node: HTMLDivElement | null) => {\n      (listRef as MutableRefObject<HTMLDivElement | null>).current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as MutableRefObject<HTMLDivElement | null>).current = node;\n    };\n\n    // For `overflow=\"select\"` we mirror the Trigger children as Select\n    // options. Triggers may carry icon + text; for the Select label we\n    // prefer the trigger's plain-text children — anything else falls\n    // back to the trigger's `value` so the option is at least selectable.\n    const selectOptions = useMemo<SelectOption<string>[]>(() => {\n      if (overflow !== 'select') return [];\n      return Children.toArray(children)\n        .filter((child): child is ReactElement<TabsTriggerProps> =>\n          isValidElement(child),\n        )\n        .filter(\n          (child) =>\n            typeof child.props.value === 'string' &&\n            child.props.value.length > 0,\n        )\n        .map((child) => {\n          const triggerValue = child.props.value as string;\n          const labelChild = child.props.children;\n          const label =\n            typeof labelChild === 'string'\n              ? labelChild\n              : typeof labelChild === 'number'\n                ? String(labelChild)\n                : triggerValue;\n          return { value: triggerValue, label };\n        });\n    }, [children, overflow]);\n\n    if (overflow === 'select' && isHorizontal) {\n      // Container queries gate the swap: above `@md` (Tailwind v4 default\n      // 28rem container width) the inline tab strip renders; below it,\n      // the Select takes over. The Tabs.List markup stays mounted in\n      // both modes so Radix's roving-tabindex / ARIA wiring is preserved\n      // even when the strip is visually hidden — keyboard users who land\n      // on the panel via skip-link still get to the active tab.\n      return (\n        <div className=\"ds:@container/tabs ds:relative ds:w-full\">\n          {/* Select mirror — visible at narrow container widths only.\n              Threshold is px, not the `@md` rem alias: container-query `rem`\n              follows the host's root font-size and misfires off a 16px root. */}\n          <div className=\"ds:block ds:@[448px]/tabs:hidden\">\n            <Select\n              options={selectOptions}\n              value={value}\n              onValueChange={(next) => {\n                if (typeof next === 'string' && next.length > 0) setValue(next);\n              }}\n              size={size}\n              aria-label={ariaLabel ?? t('tabs.selectLabel')}\n            />\n          </div>\n          {/* Inline tab strip — visible at wider container widths. */}\n          <div className=\"ds:hidden ds:@[448px]/tabs:flex ds:relative ds:items-center\">\n            <TabsPrimitive.List\n              ref={combinedRef}\n              aria-label={ariaLabel}\n              className={tabsListVariants({ variant, orientation, className })}\n              {...props}\n            >\n              {children}\n            </TabsPrimitive.List>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div ref={rowRef} className=\"ds:relative ds:flex ds:items-center\">\n        <TabsPrimitive.List\n          ref={combinedRef}\n          aria-label={ariaLabel}\n          className={tabsListVariants({ variant, orientation, className })}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.List>\n\n        {isDropdownOverflow && overflowTabs.length > 0 && (\n          <OverflowMenu\n            tabs={overflowTabs}\n            label={t('tabs.moreTabs')}\n            size={size}\n            onSelectTab={selectOverflowTab}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTabsList.displayName = 'TabsList';\n\n// ---------------------------------------------------------------------------\n// OverflowMenu (internal)\n// ---------------------------------------------------------------------------\n\ninterface OverflowTab {\n  value: string;\n  label: string;\n  disabled: boolean;\n}\n\nfunction sameOverflowTabs(a: OverflowTab[], b: OverflowTab[]): boolean {\n  return (\n    a.length === b.length &&\n    a.every(\n      (tab, index) =>\n        tab.value === b[index].value &&\n        tab.label === b[index].label &&\n        tab.disabled === b[index].disabled,\n    )\n  );\n}\n\ninterface OverflowMenuProps {\n  tabs: OverflowTab[];\n  label: string;\n  size: 'sm' | 'md' | 'lg';\n  onSelectTab: (value: string) => void;\n}\n\n// Built on the kit DropdownMenu, so it inherits the kit's height cap: a long\n// list of hidden tabs scrolls inside the menu instead of running off-screen.\nfunction OverflowMenu({ tabs, label, size, onSelectTab }: OverflowMenuProps) {\n  const { variant } = useContext(TabsContext);\n\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger\n        className={cx(\n          tabsTriggerVariants({ variant, size, orientation: 'horizontal' }),\n          'ds:shrink-0 ds:ms-1',\n        )}\n        aria-label={label}\n      >\n        {label}\n        <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        {tabs.map(({ value, label: tabLabel, disabled }) => (\n          <DropdownMenu.Item\n            key={value}\n            disabled={disabled}\n            onSelect={() => onSelectTab(value)}\n          >\n            {tabLabel}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TabsTrigger\n// ---------------------------------------------------------------------------\n\nconst TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  (\n    {\n      variant: variantProp,\n      size: sizeProp,\n      orientation: orientationProp,\n      icon,\n      badge,\n      dismissible = false,\n      onDismiss,\n      className,\n      children,\n      value,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useContext(TabsContext);\n    const variant = variantProp ?? ctx.variant;\n    const size = sizeProp ?? ctx.size;\n    const orientation = orientationProp ?? ctx.orientation;\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // APG dismissible-tab pattern: Delete/Backspace while trigger is focused closes the tab.\n      // The visual X is pointer-only (aria-hidden) to avoid nested-interactive HTML violation.\n      if (dismissible && (e.key === 'Delete' || e.key === 'Backspace')) {\n        e.preventDefault();\n        onDismiss?.();\n      }\n      onKeyDown?.(e);\n    };\n\n    return (\n      <TabsPrimitive.Trigger\n        ref={ref}\n        value={value}\n        data-value={value}\n        data-tab-id={value}\n        className={tabsTriggerVariants({\n          variant,\n          size,\n          orientation,\n          className,\n        })}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {icon && (\n          <span aria-hidden=\"true\" className=\"ds:shrink-0 ds:size-4\">\n            {icon}\n          </span>\n        )}\n        {children}\n        {badge && <span className=\"ds:shrink-0\">{badge}</span>}\n        {dismissible && (\n          // Visual-only dismiss indicator — pointer dismiss fires here; keyboard dismiss fires via Delete/Backspace on the trigger above.\n          // No role/tabIndex to avoid nested-interactive (interactive content inside <button> is invalid HTML).\n          <span\n            aria-hidden=\"true\"\n            className={cx(\n              'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n              'ds:size-6 ds:rounded-[var(--radius-sm)]',\n              'ds:hover:bg-muted-foreground/20',\n            )}\n            onPointerDown={(e) => {\n              e.stopPropagation();\n              e.preventDefault();\n              onDismiss?.();\n            }}\n          >\n            <X className=\"ds:size-3.5\" />\n          </span>\n        )}\n      </TabsPrimitive.Trigger>\n    );\n  },\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\n// ---------------------------------------------------------------------------\n// TabsContent\n// ---------------------------------------------------------------------------\n\nconst TabsContent = forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <TabsPrimitive.Content\n      ref={ref}\n      className={cx(\n        'ds:mt-[var(--spacing-sm)] ds:outline-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        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TabsPrimitive.Content>\n  ),\n);\nTabsContent.displayName = 'TabsContent';\n\n// ---------------------------------------------------------------------------\n// Compound export\n// ---------------------------------------------------------------------------\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n});\n\nexport { TabsList, TabsTrigger, TabsContent };\n"],"names":["tabsAgent","handle","args","tabsListVariants","cva","tabsTriggerVariants","TabsContext","createContext","TabsRoot","forwardRef","variant","size","orientation","overflow","className","children","valueProp","defaultValue","onValueChange","id","props","ref","rootRef","useRef","composedRef","composeRefs","dir","useDirection","isControlled","internalValue","setInternalValue","useState","value","setValue","useCallback","next","ctxValue","useMemo","valueRef","useEffect","agentHandle","useAgentRegistration","jsx","TabsPrimitive","cx","TabsList","ariaLabel","useContext","t","useTranslation","listRef","rowRef","overflowTabs","setOverflowTabs","isHorizontal","isDropdownOverflow","el","row","tabs","detectOverflow","prev","hidden","tab","start","end","_a","sameOverflowTabs","ro","selectOverflowTab","combinedRef","node","selectOptions","Children","child","isValidElement","triggerValue","labelChild","label","jsxs","Select","OverflowMenu","a","b","index","onSelectTab","DropdownMenu","ChevronDown","tabLabel","disabled","TabsTrigger","variantProp","sizeProp","orientationProp","icon","badge","dismissible","onDismiss","onKeyDown","ctx","handleKeyDown","e","X","TabsContent","Tabs"],"mappings":"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"}

package/dist/_chunks/{task-card-BS7Uqevr.js → task-card-Ci2XbLmq.js}

@@ -3,7 +3,7 @@ import { forwardRef as C } from "react";
 import { c as w } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { V as p } from "./visually-hidden-BHxEUGyT.js";
-import { p as z } from "./privacy-mask-Ch7743uk.js";
+import { p as z } from "./privacy-mask-CCz9zuIh.js";
 import { c as S } from "./createLucideIcon-DhHxpK9K.js";
 import { B as V } from "./building-2-D33bLCWL.js";
 import { U as g } from "./user-B12p7bVF.js";
@@ -187,4 +187,4 @@ export {
   O as T,
   q as i
 };
-//# sourceMappingURL=task-card-BS7Uqevr.js.map
+//# sourceMappingURL=task-card-Ci2XbLmq.js.map

package/dist/_chunks/{task-card-BS7Uqevr.js.map → task-card-Ci2XbLmq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"task-card-BS7Uqevr.js","sources":["../../node_modules/lucide-react/dist/esm/icons/briefcase.mjs","../../src/components/task-card/task-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\", key: \"jecpp\" }],\n  [\"rect\", { width: \"20\", height: \"14\", x: \"2\", y: \"6\", rx: \"2\", key: \"i6l2r4\" }]\n];\nconst Briefcase = createLucideIcon(\"briefcase\", __iconNode);\n\nexport { __iconNode, Briefcase as default };\n//# sourceMappingURL=briefcase.mjs.map\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  CircleAlert,\n  Briefcase,\n  Building2,\n  SquareCheckBig,\n  ChevronRight,\n  EyeOff,\n  Square,\n  User,\n} from 'lucide-react';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { privacyMask } from '../_shared/privacy-mask';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type TaskStatus = 'open' | 'in-progress' | 'done';\nexport type TaskPriority = 'low' | 'normal' | 'high';\n\n/** Which entity the task links to. The platform `DoctorReminder` links to exactly one of these (or none). */\nexport type TaskLinkType = 'patient' | 'company' | 'operator';\n\n/** Linked-entity glyph — patient (person), company (building), operator (briefcase). */\nconst LINK_ICON: Record<TaskLinkType, typeof User> = {\n  patient: User,\n  company: Building2,\n  operator: Briefcase,\n};\n\nexport interface TaskItem {\n  /** Unique identifier for the task. */\n  id: string;\n  /** Title — single line, primary content. */\n  title: string;\n  /** Optional secondary line (e.g. \"Patient A · Due today\"). */\n  description?: string;\n  /**\n   * Localised due-date hint (e.g. \"Due today\" / \"Tomorrow\"). Rendered as a\n   * trailing eyebrow chip when set; consumers compute the bucket and pass\n   * the localised string.\n   */\n  dueLabel?: string;\n  /**\n   * Linked-entity NAME (the patient / company / operator the task points at) —\n   * e.g. \"Mario Rossi\". When `linkType` is set the card renders it as a typed\n   * chip (a per-type glyph + an accessible \"Patient/Company/Operator:\" prefix);\n   * otherwise it renders as a plain eyebrow line. The consumer composes the\n   * name only — no prefix.\n   */\n  linkedLabel?: string;\n  /** Type of the linked entity — drives the leading glyph + the accessible prefix on the linked chip. */\n  linkType?: TaskLinkType;\n  /**\n   * The linked name is a privacy mask. The chip shows an EyeOff glyph, then a\n   * visually hidden \"Patient name hidden\", then the mask marked aria-hidden:\n   * `linkedLabel`, or the kit's bullets when the host sends none. It replaces\n   * the \"Patient:\" prefix.\n   */\n  linkedLabelMasked?: boolean;\n  /** Localised assignee display name (host-composed, e.g. \"Dr. Alfa\"). Renders an assignee chip on the meta line. */\n  assigneeLabel?: string;\n  /** Free-text note attached to the task — muted body line, clamped. */\n  note?: string;\n  /** Lifecycle state — drives the leading icon. */\n  status?: TaskStatus;\n  /** Priority — `high` colours the leading icon as `--destructive`. */\n  priority?: TaskPriority;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface TaskCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof taskCardVariants> {\n  /** The task to render. */\n  item: TaskItem;\n  /** Visual density. `xs` is the compact rail row (Control Room); `sm`/`md` for in-page lists. */\n  size?: 'xs' | 'sm' | 'md';\n  /** Fires when the row is activated (click / Enter / Space). */\n  onActivate?: (item: TaskItem) => void;\n  /**\n   * Trailing per-row action toolbar (icon buttons: schedule, edit, …).\n   * Rendered above the stretched-link overlay so the controls stay\n   * clickable inside an interactive row.\n   */\n  actions?: ReactNode;\n  /**\n   * Replaces the leading status glyph. Pass a control (the done checkbox)\n   * when the row can be completed in place: the glyph alone only reports\n   * status, and rendering both a glyph and a matching toggle elsewhere in\n   * the row shows the same mark twice, of which only one does anything.\n   * Rendered above the stretched-link overlay so it stays clickable.\n   */\n  leading?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    // Same corner as the elevated Card the note and appointment rows use.\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        xs: 'ds:p-[var(--spacing-xs)]',\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\n/* The activator keeps a box of its own (display: contents cannot take\n   focus in Chromium); its ::after still stretches over the card. */\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-lg)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeTaskUrl(url: string): boolean {\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\nfunction StatusIcon({\n  status,\n  priority,\n}: {\n  status?: TaskStatus;\n  priority?: TaskPriority;\n}): ReactNode {\n  const tone =\n    priority === 'high'\n      ? 'ds:text-[color:var(--destructive)]'\n      : 'ds:text-[color:var(--muted-foreground)]';\n  if (status === 'done') {\n    return (\n      <SquareCheckBig aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />\n    );\n  }\n  if (priority === 'high') {\n    return <CircleAlert aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n  }\n  return <Square aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(\n  (\n    { item, size = 'sm', onActivate, actions, leading, className, ...rest },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeTaskUrl(item.url);\n    const ariaLabel = t('taskCard.itemLabel', {\n      title: item.title,\n      due: item.dueLabel ?? '',\n      defaultValue: '{{title}}{{due, prepend, \" · \"}}',\n    });\n\n    // Static key lookups so the i18n coverage gate sees each literal key.\n    const linkTypeLabels: Record<TaskLinkType, string> = {\n      patient: t('taskCard.link.patient'),\n      company: t('taskCard.link.company'),\n      operator: t('taskCard.link.operator'),\n    };\n    const LinkIcon = item.linkType ? LINK_ICON[item.linkType] : null;\n    // A masked name always gets the chip, so it can say what is hidden,\n    // even when the host sends no mask of its own.\n    const masked = !!item.linkedLabelMasked;\n    // The meta row carries icon-led chips: a typed linked entity + an assignee.\n    const showLinkChip = masked || (!!item.linkType && !!item.linkedLabel);\n    const hasMetaRow = showLinkChip || !!item.assigneeLabel;\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.title}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          data-action=\"open-task\"\n          className={stretchedLinkClass + ' ds:flex ds:min-w-0'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          data-action=\"open-task\"\n          className={\n            stretchedLinkClass +\n            ' ds:flex ds:min-w-0 ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"task-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'open'}\n        data-priority={item.priority ?? 'normal'}\n        className={taskCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span className=\"ds:relative ds:z-[1] ds:mt-[var(--spacing-2xs)] ds:shrink-0\">\n          {leading ?? (\n            <StatusIcon status={item.status} priority={item.priority} />\n          )}\n        </span>\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.description ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.description}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n          {hasMetaRow ? (\n            // `type-meta` (not `type-eyebrow`): these chips carry proper-noun\n            // values (patient / company / operator name, assignee) that must\n            // not be uppercased. Icons are decorative; the type word is exposed\n            // to AT via a VisuallyHidden prefix so each chip reads e.g.\n            // \"Patient: Mario Rossi\" / \"Assignee: Dr. Alfa\".\n            <div className=\"type-meta ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]\">\n              {masked ? (\n                // The mask is visual noise to a screen reader, so it hears\n                // what the mask stands for instead.\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <EyeOff\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  <VisuallyHidden>\n                    {t('appointmentPeek.hiddenName')}\n                  </VisuallyHidden>\n                  <span aria-hidden=\"true\" className=\"ds:truncate\">\n                    {privacyMask(item.linkedLabel)}\n                  </span>\n                </span>\n              ) : item.linkType && item.linkedLabel && LinkIcon ? (\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <LinkIcon\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  <VisuallyHidden>{`${linkTypeLabels[item.linkType]}: `}</VisuallyHidden>\n                  <span className=\"ds:truncate\">{item.linkedLabel}</span>\n                </span>\n              ) : null}\n              {item.assigneeLabel ? (\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <User aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  <VisuallyHidden>{`${t('taskCard.assignee')}: `}</VisuallyHidden>\n                  <span className=\"ds:truncate\">{item.assigneeLabel}</span>\n                </span>\n              ) : null}\n            </div>\n          ) : null}\n          {item.linkedLabel && !item.linkType && !masked ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.linkedLabel}\n            </span>\n          ) : null}\n          {item.dueLabel ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {item.dueLabel}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTaskCard.displayName = 'TaskCard';\n"],"names":["__iconNode","Briefcase","createLucideIcon","LINK_ICON","User","Building2","taskCardVariants","cva","stretchedLinkClass","isSafeTaskUrl","url","StatusIcon","status","priority","tone","SquareCheckBig","CircleAlert","Square","TaskCard","forwardRef","item","size","onActivate","actions","leading","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","ariaLabel","linkTypeLabels","LinkIcon","masked","hasMetaRow","titleNode","jsx","activator","e","jsxs","EyeOff","VisuallyHidden","privacyMask","ChevronRight"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,8CAA8C,KAAK,QAAO,CAAE;AAAA,EAC1E,CAAC,QAAQ,EAAE,OAAO,MAAM,QAAQ,MAAM,GAAG,KAAK,GAAG,KAAK,IAAI,KAAK,KAAK,SAAQ,CAAE;AAChF,GACMC,IAAYC,EAAiB,aAAaF,CAAU,GCcpDG,IAA+C;AAAA,EACnD,SAASC;AAAA,EACT,SAASC;AAAA,EACT,UAAUJ;AACZ,GA0EMK,IAAmBC;AAAA,EACvB;AAAA,IACE;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,aAAa;AAAA,QACX,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAIMC,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAMH,SAASC,EAAcC,GAAsB;AAClD,SAAO,kCAAkC,KAAKA,CAAG;AACnD;AAEA,SAASC,EAAW;AAAA,EAClB,QAAAC;AAAA,EACA,UAAAC;AACF,GAGc;AACZ,QAAMC,IACJD,MAAa,SACT,uCACA;AACN,SAAID,MAAW,2BAEVG,GAAA,EAAe,eAAY,QAAO,WAAW,aAAaD,CAAI,IAAI,IAGnED,MAAa,2BACPG,GAAA,EAAY,eAAY,QAAO,WAAW,aAAaF,CAAI,IAAI,sBAEjEG,GAAA,EAAO,eAAY,QAAO,WAAW,aAAaH,CAAI,IAAI;AACpE;AAMO,MAAMI,IAAWC;AAAA,EACtB,CACE,EAAE,MAAAC,GAAM,MAAAC,IAAO,MAAM,YAAAC,GAAY,SAAAC,GAAS,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,GACjEC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAc,CAAC,CAACR,GAChBS,IAAa,CAAC,CAACX,EAAK,OAAOX,EAAcW,EAAK,GAAG,GACjDY,IAAYJ,EAAE,sBAAsB;AAAA,MACxC,OAAOR,EAAK;AAAA,MACZ,KAAKA,EAAK,YAAY;AAAA,MACtB,cAAc;AAAA,IAAA,CACf,GAGKa,IAA+C;AAAA,MACnD,SAASL,EAAE,uBAAuB;AAAA,MAClC,SAASA,EAAE,uBAAuB;AAAA,MAClC,UAAUA,EAAE,wBAAwB;AAAA,IAAA,GAEhCM,IAAWd,EAAK,WAAWjB,EAAUiB,EAAK,QAAQ,IAAI,MAGtDe,IAAS,CAAC,CAACf,EAAK,mBAGhBgB,IADeD,KAAW,CAAC,CAACf,EAAK,YAAY,CAAC,CAACA,EAAK,eACvB,CAAC,CAACA,EAAK,eAEpCiB,IACJ,gBAAAC,EAAC,QAAA,EAAK,WAAU,mFACb,YAAK,OACR;AAGF,QAAIC;AACJ,WAAIT,KAAeC,IACjBQ,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMlB,EAAK;AAAA,QACX,cAAYY;AAAA,QACZ,eAAY;AAAA,QACZ,WAAWxB,IAAqB;AAAA,QAChC,SAAS,CAACgC,MAAM;AACd,UAAIA,EAAE,oBAAoBA,EAAE,WAAWA,EAAE,WAAWA,EAAE,YAEtDlB,KAAA,QAAAA,EAAaF;AAAA,QACf;AAAA,QAEC,UAAAiB;AAAA,MAAA;AAAA,IAAA,IAGIP,IACTS,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAYN;AAAA,QACZ,eAAY;AAAA,QACZ,WACExB,IACA;AAAA,QAEF,SAAS,MAAMc,KAAA,gBAAAA,EAAaF;AAAA,QAE3B,UAAAiB;AAAA,MAAA;AAAA,IAAA,IAILE,IAAYF,GAIZ,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAd;AAAA,QACA,MAAK;AAAA,QACL,kBAAe;AAAA,QACf,qBAAmBP,EAAK;AAAA,QACxB,eAAaA,EAAK,UAAU;AAAA,QAC5B,iBAAeA,EAAK,YAAY;AAAA,QAChC,WAAWd,EAAiB,EAAE,MAAAe,GAAM,aAAAS,GAAa,WAAAL,GAAW;AAAA,QAC3D,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAY,EAAC,QAAA,EAAK,WAAU,+DACb,UAAAd,KACC,gBAAAc,EAAC3B,GAAA,EAAW,QAAQS,EAAK,QAAQ,UAAUA,EAAK,SAAA,CAAU,GAE9D;AAAA,UAEA,gBAAAqB,EAAC,OAAA,EAAI,WAAU,wEACZ,UAAA;AAAA,YAAAF;AAAA,YACAnB,EAAK,cACJ,gBAAAkB,EAAC,QAAA,EAAK,WAAU,oEACb,UAAAlB,EAAK,aACR,IACE;AAAA,YACHA,EAAK,OACJ,gBAAAkB,EAAC,QAAA,EAAK,WAAU,wEACb,UAAAlB,EAAK,MACR,IACE;AAAA,YACHgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMC,gBAAAK,EAAC,OAAA,EAAI,WAAU,qJACZ,UAAA;AAAA,gBAAAN;AAAA;AAAA;AAAA,kBAGC,gBAAAM,EAAC,QAAA,EAAK,WAAU,yEACd,UAAA;AAAA,oBAAA,gBAAAH;AAAA,sBAACI;AAAA,sBAAA;AAAA,wBACC,eAAY;AAAA,wBACZ,WAAU;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEZ,gBAAAJ,EAACK,GAAA,EACE,UAAAf,EAAE,4BAA4B,EAAA,CACjC;AAAA,oBACA,gBAAAU,EAAC,UAAK,eAAY,QAAO,WAAU,eAChC,UAAAM,EAAYxB,EAAK,WAAW,EAAA,CAC/B;AAAA,kBAAA,EAAA,CACF;AAAA,oBACEA,EAAK,YAAYA,EAAK,eAAec,IACvC,gBAAAO,EAAC,QAAA,EAAK,WAAU,yEACd,UAAA;AAAA,kBAAA,gBAAAH;AAAA,oBAACJ;AAAA,oBAAA;AAAA,sBACC,eAAY;AAAA,sBACZ,WAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,oCAEXS,GAAA,EAAgB,UAAA,GAAGV,EAAeb,EAAK,QAAQ,CAAC,MAAK;AAAA,kBACtD,gBAAAkB,EAAC,QAAA,EAAK,WAAU,eAAe,YAAK,YAAA,CAAY;AAAA,gBAAA,EAAA,CAClD,IACE;AAAA,gBACHlB,EAAK,gBACJ,gBAAAqB,EAAC,QAAA,EAAK,WAAU,yEACd,UAAA;AAAA,kBAAA,gBAAAH,EAAClC,GAAA,EAAK,eAAY,QAAO,WAAU,yBAAwB;AAAA,oCAC1DuC,GAAA,EAAgB,UAAA,GAAGf,EAAE,mBAAmB,CAAC,MAAK;AAAA,kBAC/C,gBAAAU,EAAC,QAAA,EAAK,WAAU,eAAe,YAAK,cAAA,CAAc;AAAA,gBAAA,EAAA,CACpD,IACE;AAAA,cAAA,EAAA,CACN;AAAA,gBACE;AAAA,YACHlB,EAAK,eAAe,CAACA,EAAK,YAAY,CAACe,IACtC,gBAAAG,EAAC,QAAA,EAAK,WAAU,oEACb,UAAAlB,EAAK,aACR,IACE;AAAA,YACHA,EAAK,WACJ,gBAAAkB,EAAC,QAAA,EAAK,WAAU,wDACb,UAAAlB,EAAK,UACR,IACE;AAAA,UAAA,GACN;AAAA,UAECG;AAAA;AAAA,YAEC,gBAAAe,EAAC,QAAA,EAAK,WAAU,wFACb,UAAAf,EAAA,CACH;AAAA,cACE;AAAA,UAEHO,IACC,gBAAAQ;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA,IAEV;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA3B,EAAS,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"task-card-Ci2XbLmq.js","sources":["../../node_modules/lucide-react/dist/esm/icons/briefcase.mjs","../../src/components/task-card/task-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\", key: \"jecpp\" }],\n  [\"rect\", { width: \"20\", height: \"14\", x: \"2\", y: \"6\", rx: \"2\", key: \"i6l2r4\" }]\n];\nconst Briefcase = createLucideIcon(\"briefcase\", __iconNode);\n\nexport { __iconNode, Briefcase as default };\n//# sourceMappingURL=briefcase.mjs.map\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  CircleAlert,\n  Briefcase,\n  Building2,\n  SquareCheckBig,\n  ChevronRight,\n  EyeOff,\n  Square,\n  User,\n} from 'lucide-react';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { privacyMask } from '../_shared/privacy-mask';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type TaskStatus = 'open' | 'in-progress' | 'done';\nexport type TaskPriority = 'low' | 'normal' | 'high';\n\n/** Which entity the task links to. The platform `DoctorReminder` links to exactly one of these (or none). */\nexport type TaskLinkType = 'patient' | 'company' | 'operator';\n\n/** Linked-entity glyph — patient (person), company (building), operator (briefcase). */\nconst LINK_ICON: Record<TaskLinkType, typeof User> = {\n  patient: User,\n  company: Building2,\n  operator: Briefcase,\n};\n\nexport interface TaskItem {\n  /** Unique identifier for the task. */\n  id: string;\n  /** Title — single line, primary content. */\n  title: string;\n  /** Optional secondary line (e.g. \"Patient A · Due today\"). */\n  description?: string;\n  /**\n   * Localised due-date hint (e.g. \"Due today\" / \"Tomorrow\"). Rendered as a\n   * trailing eyebrow chip when set; consumers compute the bucket and pass\n   * the localised string.\n   */\n  dueLabel?: string;\n  /**\n   * Linked-entity NAME (the patient / company / operator the task points at) —\n   * e.g. \"Mario Rossi\". When `linkType` is set the card renders it as a typed\n   * chip (a per-type glyph + an accessible \"Patient/Company/Operator:\" prefix);\n   * otherwise it renders as a plain eyebrow line. The consumer composes the\n   * name only — no prefix.\n   */\n  linkedLabel?: string;\n  /** Type of the linked entity — drives the leading glyph + the accessible prefix on the linked chip. */\n  linkType?: TaskLinkType;\n  /**\n   * The linked name is a privacy mask. The chip shows an EyeOff glyph, then a\n   * visually hidden \"Patient name hidden\", then the mask marked aria-hidden:\n   * `linkedLabel`, or the kit's bullets when the host sends none. It replaces\n   * the \"Patient:\" prefix.\n   */\n  linkedLabelMasked?: boolean;\n  /** Localised assignee display name (host-composed, e.g. \"Dr. Alfa\"). Renders an assignee chip on the meta line. */\n  assigneeLabel?: string;\n  /** Free-text note attached to the task — muted body line, clamped. */\n  note?: string;\n  /** Lifecycle state — drives the leading icon. */\n  status?: TaskStatus;\n  /** Priority — `high` colours the leading icon as `--destructive`. */\n  priority?: TaskPriority;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface TaskCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof taskCardVariants> {\n  /** The task to render. */\n  item: TaskItem;\n  /** Visual density. `xs` is the compact rail row (Control Room); `sm`/`md` for in-page lists. */\n  size?: 'xs' | 'sm' | 'md';\n  /** Fires when the row is activated (click / Enter / Space). */\n  onActivate?: (item: TaskItem) => void;\n  /**\n   * Trailing per-row action toolbar (icon buttons: schedule, edit, …).\n   * Rendered above the stretched-link overlay so the controls stay\n   * clickable inside an interactive row.\n   */\n  actions?: ReactNode;\n  /**\n   * Replaces the leading status glyph. Pass a control (the done checkbox)\n   * when the row can be completed in place: the glyph alone only reports\n   * status, and rendering both a glyph and a matching toggle elsewhere in\n   * the row shows the same mark twice, of which only one does anything.\n   * Rendered above the stretched-link overlay so it stays clickable.\n   */\n  leading?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    // Same corner as the elevated Card the note and appointment rows use.\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        xs: 'ds:p-[var(--spacing-xs)]',\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\n/* The activator keeps a box of its own (display: contents cannot take\n   focus in Chromium); its ::after still stretches over the card. */\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-lg)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeTaskUrl(url: string): boolean {\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\nfunction StatusIcon({\n  status,\n  priority,\n}: {\n  status?: TaskStatus;\n  priority?: TaskPriority;\n}): ReactNode {\n  const tone =\n    priority === 'high'\n      ? 'ds:text-[color:var(--destructive)]'\n      : 'ds:text-[color:var(--muted-foreground)]';\n  if (status === 'done') {\n    return (\n      <SquareCheckBig aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />\n    );\n  }\n  if (priority === 'high') {\n    return <CircleAlert aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n  }\n  return <Square aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(\n  (\n    { item, size = 'sm', onActivate, actions, leading, className, ...rest },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeTaskUrl(item.url);\n    const ariaLabel = t('taskCard.itemLabel', {\n      title: item.title,\n      due: item.dueLabel ?? '',\n      defaultValue: '{{title}}{{due, prepend, \" · \"}}',\n    });\n\n    // Static key lookups so the i18n coverage gate sees each literal key.\n    const linkTypeLabels: Record<TaskLinkType, string> = {\n      patient: t('taskCard.link.patient'),\n      company: t('taskCard.link.company'),\n      operator: t('taskCard.link.operator'),\n    };\n    const LinkIcon = item.linkType ? LINK_ICON[item.linkType] : null;\n    // A masked name always gets the chip, so it can say what is hidden,\n    // even when the host sends no mask of its own.\n    const masked = !!item.linkedLabelMasked;\n    // The meta row carries icon-led chips: a typed linked entity + an assignee.\n    const showLinkChip = masked || (!!item.linkType && !!item.linkedLabel);\n    const hasMetaRow = showLinkChip || !!item.assigneeLabel;\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.title}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          data-action=\"open-task\"\n          className={stretchedLinkClass + ' ds:flex ds:min-w-0'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          data-action=\"open-task\"\n          className={\n            stretchedLinkClass +\n            ' ds:flex ds:min-w-0 ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"task-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'open'}\n        data-priority={item.priority ?? 'normal'}\n        className={taskCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span className=\"ds:relative ds:z-[1] ds:mt-[var(--spacing-2xs)] ds:shrink-0\">\n          {leading ?? (\n            <StatusIcon status={item.status} priority={item.priority} />\n          )}\n        </span>\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.description ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.description}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n          {hasMetaRow ? (\n            // `type-meta` (not `type-eyebrow`): these chips carry proper-noun\n            // values (patient / company / operator name, assignee) that must\n            // not be uppercased. Icons are decorative; the type word is exposed\n            // to AT via a VisuallyHidden prefix so each chip reads e.g.\n            // \"Patient: Mario Rossi\" / \"Assignee: Dr. Alfa\".\n            <div className=\"type-meta ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]\">\n              {masked ? (\n                // The mask is visual noise to a screen reader, so it hears\n                // what the mask stands for instead.\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <EyeOff\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  <VisuallyHidden>\n                    {t('appointmentPeek.hiddenName')}\n                  </VisuallyHidden>\n                  <span aria-hidden=\"true\" className=\"ds:truncate\">\n                    {privacyMask(item.linkedLabel)}\n                  </span>\n                </span>\n              ) : item.linkType && item.linkedLabel && LinkIcon ? (\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <LinkIcon\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  <VisuallyHidden>{`${linkTypeLabels[item.linkType]}: `}</VisuallyHidden>\n                  <span className=\"ds:truncate\">{item.linkedLabel}</span>\n                </span>\n              ) : null}\n              {item.assigneeLabel ? (\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <User aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  <VisuallyHidden>{`${t('taskCard.assignee')}: `}</VisuallyHidden>\n                  <span className=\"ds:truncate\">{item.assigneeLabel}</span>\n                </span>\n              ) : null}\n            </div>\n          ) : null}\n          {item.linkedLabel && !item.linkType && !masked ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.linkedLabel}\n            </span>\n          ) : null}\n          {item.dueLabel ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {item.dueLabel}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTaskCard.displayName = 'TaskCard';\n"],"names":["__iconNode","Briefcase","createLucideIcon","LINK_ICON","User","Building2","taskCardVariants","cva","stretchedLinkClass","isSafeTaskUrl","url","StatusIcon","status","priority","tone","SquareCheckBig","CircleAlert","Square","TaskCard","forwardRef","item","size","onActivate","actions","leading","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","ariaLabel","linkTypeLabels","LinkIcon","masked","hasMetaRow","titleNode","jsx","activator","e","jsxs","EyeOff","VisuallyHidden","privacyMask","ChevronRight"],"mappings":"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","x_google_ignoreList":[0]}