@alfadocs/ui-kit-debug 1.94.0 → 1.95.1

package/dist/_chunks/{slot-grid-B-IAFX3C.js.map → slot-grid-BhjaLJ0o.js.map}

@@ -1 +1 @@
-{"version":3,"file":"slot-grid-B-IAFX3C.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  /** Localised guidance below the empty title, for an empty day or range. */\n  emptyDescription?: string;\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      emptyDescription,\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\n            variant=\"no-results\"\n            title={t('slotGrid.noSlots')}\n            description={emptyDescription}\n          />\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                  <>\n                    <p className=\"type-body-sm ds:text-[var(--muted-foreground)] ds:m-0\">\n                      {t('slotGrid.noSlots')}\n                    </p>\n                    {emptyDescription ? (\n                      <p className=\"type-body-sm ds:text-[var(--muted-foreground)] ds:m-0\">\n                        {emptyDescription}\n                      </p>\n                    ) : null}\n                  </>\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            className=\"ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]\"\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            className=\"ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]\"\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","emptyDescription","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","Fragment","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,GCpDMC,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,kBAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,gBAAAC;AAAA,IACA,uBAAAC,IAAwB;AAAA,IACxB,QAAQC;AAAA,IACR,UAAAnB;AAAA,IACA,aAAAoB,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,GACjCpC,IAASoB,KAAce,GAAK,YAAY,MACxCE,KAASC,GAAA,GAET,CAACC,GAAUC,EAAW,IAAIC,GAAkC,CAAA,CAAE,GAE9DC,IAAY3B,MAAU,WACtB4B,IAAa5B,MAAU,YACvB6B,IAA0BF,KAAaC,GACvCE,KACJ9B,MAAU,WACVpB,EAAK,WAAW,KAChBA,EAAK,MAAM,CAACT,MAAQA,EAAI,MAAM,WAAW,CAAC,GAEtC4D,KAAoBtB,MAAaU,EAAE,oBAAoB,GAEvDa,IAAkBC;AAAA,MACtB,CAACpD,GAAoBV,MAAqB;AACxC,QAAI0D,KACAhD,EAAK,cAAc,OACvB6B,KAAA,QAAAA,EAAe7B,GAAMV;AAAA,MACvB;AAAA,MACA,CAAC0D,GAAyBnB,CAAY;AAAA,IAAA,GAGlCwB,IAAiBD;AAAA,MACrB,CAAC9D,GAAkBgE,MAAgB;AACjC,QAAAV,GAAY,CAACW,OAAU,EAAE,GAAGA,GAAM,CAACD,CAAG,GAAG,GAAA,EAAO,GAChDtB,KAAA,QAAAA,EAAa1C;AAAA,MACf;AAAA,MACA,CAAC0C,CAAU;AAAA,IAAA,GAGPwB,KAAoBJ;AAAA,MACxB,CACEK,GACAzD,GACAV,MACG;AACH,SAAImE,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACzCA,EAAM,eAAA,GACNN,EAAgBnD,GAAMV,CAAG;AAAA,MAE7B;AAAA,MACA,CAAC6D,CAAe;AAAA,IAAA,GASZO,IAAW;AAAA,MACf,MAAA3D;AAAA,MACA,gBAAAuB;AAAA,MACA,aAAAG;AAAA,MACA,SAAAC;AAAA,MACA,OAAAP;AAAA,MACA,UAAAwB;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,IAAInE,CAAQ;AAAA,QACtD,eAAe,MAAM;AAEnB,gBAAMwE,IAAkC,CAAA;AACxC,qBAAW1E,KAAOqE,EAAO,QAAQ,MAAM;AACrC,kBAAML,IAAM9D,EAASF,CAAG,GAClB2E,IAAM3E,EAAI,MACb,OAAO,CAACU,MAASA,EAAK,cAAc,EAAK,EACzC,IAAI,CAACA,MAASA,EAAK,EAAE;AACxB,YAAAgE,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,CAACrE,GAAKC,MACJoE,EAAO,QAAQ,SAAStE,EAAUC,GAAKC,CAAK,CAAC,MAAM;AAAA,QAAA,EAEtD,IAAIC,CAAQ;AAAA,QACjB,gBAAgB,MAAMmE,EAAO,QAAQ;AAAA,QACrC,YAAY,MAAMA,EAAO,QAAQ;AAAA,QACjC,YAAY,CAACO,MAAW;AACtB,gBAAMC,IAAUR,EAAO;AACvB,cAAIQ,EAAQ,wBAAyB,QAAO;AAC5C,qBAAW7E,KAAO6E,EAAQ,MAAM;AAC9B,kBAAMnE,IAAOV,EAAI,MAAM,KAAK,CAAC8E,MAAcA,EAAU,OAAOF,CAAM;AAClE,gBAAKlE;AACL,qBAAIA,EAAK,cAAc,KAAc,MAErCmE,EAAQ,gBAAgBnE,GAAMV,CAAG,GAC1B;AAAA,UACT;AACA,iBAAO;AAAA,QACT;AAAA,QACA,UAAU,MAAM;AACd,gBAAM6E,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,gBAAM5E,IAAQ4E,EAAQ,KAAK;AAAA,YACzB,CAAC7E,MAAQE,EAASF,CAAG,MAAM+E;AAAA,UAAA;AAE7B,cAAI9E,IAAQ,EAAG,QAAO;AACtB,gBAAMD,IAAM6E,EAAQ,KAAK5E,CAAK;AAC9B,iBAAA4E,EAAQ,eAAe7E,GAAKD,EAAUC,GAAKC,CAAK,CAAC,GAC1C;AAAA,QACT;AAAA,MAAA;AAAA,MAEF,CAAA;AAAA,IAAC;AAGH,IAAA+E,GAAqBlG,IAAe0F,IAAa3B,CAAE;AAEnD,UAAMoC,IAAc3F,GAAUmB,EAAK,UAAU,CAAC,GACxCyE,IAAe7F,GAAgB,EAAE,MAAM4F,GAAa;AAI1D,QAAIE;AACJ,WAAI3B,IACF2B,IACE,gBAAA1D;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWyD;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,WAAW9F,KAC5C,UAAA;AAAA,UAAA,gBAAAiC,EAAC8D,GAAA,EAAS,SAAQ,QAAO,MAAAxD,GAAY,OAAM,OAAM;AAAA,UACjD,gBAAAN,EAAC,OAAA,EAAI,WAAW/B,EAAA,GACb,UAAA,MAAM;AAAA,YACL,EAAE,QAAQ,KAAK,IAAIuC,GAAuB,CAAC,EAAA;AAAA,YAC3C,CAACmD,GAAGI,MACF,gBAAA/D;AAAA,cAAC8D;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,gBAAA1D,EAAC,OAAA,EAAI,cAAW,SACd,UAAA,gBAAAA;AAAA,MAACgE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAOzC,EAAE,kBAAkB;AAAA,QAC3B,aAAalB;AAAA,MAAA;AAAA,IAAA,GAEjB,IAGFqD,IACE,gBAAA1D;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWyD;AAAA,QACX,cAAYzB,IAAa,aAAa;AAAA,QAErC,UAAAhD,EAAK,IAAI,CAACT,GAAK0F,MAAW;AACzB,gBAAMX,IAAShF,EAAUC,GAAK0F,CAAM,GAC9BC,IACJ3F,EAAI,SAASY,EAAgBhB,EAAOI,EAAI,IAAI,GAAGc,GAAQC,CAAQ,GAC3D6E,IAAW,GAAGzC,EAAM,QAAQuC,CAAM,WAElCG,IADaxC,EAAS0B,CAAM,KAAK,KAEnC/E,EAAI,QACJA,EAAI,MAAM,MAAM,GAAGiC,CAAqB,GACtC6D,IAAc9F,EAAI,MAAM,SAAS6F,EAAa,QAE9CE,IAAa/F,EAAI,MAAM,WAAW;AAExC;AAAA;AAAA;AAAA;AAAA;AAAA,YAKE,gBAAAsF;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,WAAW9F,EAAA;AAAA,gBACX,mBAAiBoG;AAAA,gBACjB,cAAYG,KAAc;AAAA,gBAE1B,UAAA;AAAA,kBAAA,gBAAAtE,EAAC,MAAA,EAAG,IAAImE,GAAU,WAAWnG,GAAkB,EAAE,MAAAsC,EAAA,CAAM,GACpD,UAAA4D,EAAA,CACH;AAAA,kBACCI,IACC,gBAAAT,EAAAU,IAAA,EACE,UAAA;AAAA,oBAAA,gBAAAvE,EAAC,KAAA,EAAE,WAAU,yDACV,UAAAuB,EAAE,kBAAkB,GACvB;AAAA,oBACClB,IACC,gBAAAL,EAAC,KAAA,EAAE,WAAU,yDACV,aACH,IACE;AAAA,kBAAA,EAAA,CACN,IACE;AAAA,kBACJ,gBAAAA,EAAC,QAAG,WAAW/B,EAAA,GACZ,UAAAmG,EAAa,IAAI,CAACnF,MAAS;AAC1B,0BAAMuF,KAAgB7E;AAAA,sBACpBV;AAAA,sBACAV;AAAA,sBACAc;AAAA,sBACAC;AAAA,sBACA,CAAC,EAAE,MAAAO,GAAM,KAAKC,GAAA,MACZyB,EAAE,sBAAsB,EAAE,MAAA1B,GAAM,KAAKC,GAAA,CAAU;AAAA,oBAAA,GAE7C2E,KAAalE,MAAmBtB,EAAK,IACrCyF,IACJzF,EAAK,cAAc,MAASgD;AAC9B,6CACG,MAAA,EACC,UAAA,gBAAAjC;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,WAAW9B,GAAmB,EAAE,MAAAoC,GAAM;AAAA,wBACtC,cAAYkE;AAAA,wBACZ,gBAAcC;AAAA,wBACd,UAAUC;AAAA,wBACV,iBAAeA,KAAkB;AAAA,wBACjC,gBAAczF,EAAK;AAAA,wBACnB,SAAS,MAAMmD,EAAgBnD,GAAMV,CAAG;AAAA,wBACxC,WAAW,CAACmE,MACVD,GAAkBC,GAAOzD,GAAMV,CAAG;AAAA,wBAGnC,UAAAgB,EAAeN,GAAMI,GAAQC,CAAQ;AAAA,sBAAA;AAAA,oBAAA,EACxC,GAfOL,EAAK,EAgBd;AAAA,kBAEJ,CAAC,EAAA,CACH;AAAA,kBACCoF,IAAc,IACb,gBAAArE;AAAA,oBAAC2E;AAAA,oBAAA;AAAA,sBACC,QAAO;AAAA,sBACP,MAAMrE,MAAS,OAAO,OAAO;AAAA,sBAC7B,SAAS,MAAMgC,EAAe/D,GAAK+E,CAAM;AAAA,sBACzC,UAAUrB;AAAA,sBAET,UAAAV,EAAE,qBAAqB,EAAE,OAAO8C,GAAa;AAAA,oBAAA;AAAA,kBAAA,IAE9C;AAAA,gBAAA;AAAA,cAAA;AAAA,cAhECf;AAAA,YAAA;AAAA;AAAA,QAmEX,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,WAAW3E,GAAiB,EAAE,MAAA8C,GAAM,WAAAa,IAAW;AAAA,QAC/C,kBAAe;AAAA,QACf,qBAAmBC;AAAA,QACnB,cAAYhB;AAAA,QACX,GAAGiB;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAwC,EAAC,OAAA,EAAI,WAAWnG,GAAA,GACd,UAAA;AAAA,YAAA,gBAAAsC;AAAA,cAAC4E;AAAA,cAAA;AAAA,gBACC,wBAAO7E,IAAA,EAAiB;AAAA,gBACxB,cAAYwB,EAAE,uBAAuB;AAAA,gBACrC,WAAU;AAAA,gBACV,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,gBAAAZ;AAAA,cAAC2E;AAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,MAAMrE,MAAS,OAAO,OAAO;AAAA,gBAC7B,UAAU2B;AAAA,gBACV,SAASf;AAAA,gBAER,YAAE,wBAAwB;AAAA,cAAA;AAAA,YAAA,IAG7B,gBAAAlB,EAAC,QAAA,EAAK,eAAY,OAAA,CAAO;AAAA,YAE3B,gBAAAA;AAAA,cAAC4E;AAAA,cAAA;AAAA,gBACC,wBAAO3E,IAAA,EAAe;AAAA,gBACtB,cAAYsB,EAAE,mBAAmB;AAAA,gBACjC,WAAU;AAAA,gBACV,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;AAEAxD,GAAS,cAAc;"}
+{"version":3,"file":"slot-grid-BhjaLJ0o.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  /** Localised guidance below the empty title, for an empty day or range. */\n  emptyDescription?: string;\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      emptyDescription,\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\n            variant=\"no-results\"\n            title={t('slotGrid.noSlots')}\n            description={emptyDescription}\n          />\n        </div>\n      );\n    } else {\n      const hasEmptyDay = days.some((day) => day.slots.length === 0);\n      body = (\n        <>\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 ??\n                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          {/* One hint for every empty day, plain text after the day groups. */}\n          {hasEmptyDay && emptyDescription ? (\n            <p\n              className=\"type-body-sm ds:text-[var(--muted-foreground)] ds:m-0 ds:text-start\"\n              data-slot-grid-hint=\"\"\n            >\n              {emptyDescription}\n            </p>\n          ) : null}\n        </>\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            className=\"ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]\"\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            className=\"ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]\"\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","emptyDescription","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","hasEmptyDay","Fragment","dayIdx","headerLabel","headerId","visibleSlots","hiddenCount","isDayEmpty","ariaLabelSlot","isSelected","isSlotDisabled","Button","IconButton"],"mappings":"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"}

package/dist/_chunks/{tab-bar-BEODTG6k.js → tab-bar-C_pggqVr.js}

@@ -3,7 +3,7 @@ import { forwardRef as F, Fragment as O } from "react";
 import { c } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
 import { B as M } from "./badge-BUk4RjTS.js";
-import { D as o } from "./dropdown-menu-D1we7oAY.js";
+import { D as o } from "./dropdown-menu-CqxBthww.js";
 import { u as P } from "./use-media-query-CcAx5SMM.js";
 import { u as Q, a as q } from "./use-scroll-overflow-UbLrUfBo.js";
 import { C as G } from "./chevron-down-DWE7GSq9.js";
@@ -224,4 +224,4 @@ as.displayName = "TabBar";
 export {
   as as T
 };
-//# sourceMappingURL=tab-bar-BEODTG6k.js.map
+//# sourceMappingURL=tab-bar-C_pggqVr.js.map

package/dist/_chunks/{tab-bar-BEODTG6k.js.map → tab-bar-C_pggqVr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab-bar-BEODTG6k.js","sources":["../../src/components/tab-bar/tab-bar.tsx"],"sourcesContent":["/**\n * TabBar — a floating-pill bar of page-level navigation tabs.\n *\n * Each tab is an icon + label (+ optional count badge); the active tab is\n * marked with `aria-current=\"page\"` and an `--accent` underline. The bar is a\n * glassy `--card` pill that floats on whatever canvas the consumer provides\n * (the strip area itself is transparent, so it blends with the surrounding\n * surface).\n *\n * Two layouts:\n * - default (`fill` off): content-width tabs that **centre** when they fit and\n *   scroll from the inline-start (`safe center`) when they overflow, with a\n *   gutter preserved at both ends. The label stacks under the icon below `sm`.\n *   Use this when the tab set is open-ended (e.g. a marketplace app's routes).\n * - `fill`: equal-width tabs that fill the bar and always stack the label under\n *   the icon — a fixed, always-visible set that fits any column width without\n *   scrolling (e.g. a patient portal's handful of sections).\n *\n * Tabs render as links when given an `href` (real navigation) or as buttons\n * otherwise (in-app view switching via `onSelect`). Use it as a header (top,\n * default) for section navigation; `position=\"bottom\"` floats it from the\n * bottom edge for a footer.\n *\n * With `collapseToMenu`, the strip folds into a single DropdownMenu whenever the\n * tabs don't fit — below the `sm` breakpoint OR when they overflow their\n * container at any width (a narrow column on a wide screen, e.g. a page squeezed\n * between two sidebars, clips the tabs just the same as a small viewport).\n *\n * SPA / consumer-router links: pass `renderLink` and TabBar hands each `href`\n * tab off to your router's `<Link>` instead of rendering its own `<a>` — the\n * embedded MarketplaceAppShell strip uses this so a tab click is a client-side\n * route change, not a full page navigation. The kit forwards the same\n * `className` + `aria-current` so the accent-underline active styling and the\n * `aria-current=\"page\"` marker survive in both modes. With `renderLink`\n * omitted the output is the plain `<a href>` exactly as before.\n */\nimport { forwardRef, Fragment, type MouseEvent, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Check, ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Badge } from '../badge';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { useMediaQuery } from '../../hooks/use-media-query';\nimport { useScrollOverflow } from '../../hooks/use-scroll-overflow';\nimport { useOverflowCollapse } from '../../hooks/use-overflow-collapse';\n\nexport interface TabBarItem {\n  /** Stable id; also the value handed to `onSelect` for button tabs. */\n  id: string;\n  /** Pre-translated label — consumers localise their own nav copy. */\n  label: string;\n  /** Optional leading icon (a lucide-react element or equivalent), tinted with `--accent`. */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the tab as the current page (`aria-current='page'` + accent underline). */\n  isActive?: boolean;\n  /** When set, the tab renders as a link to this href; otherwise it's a button. */\n  href?: string;\n  /**\n   * Optional click handler threaded onto the link tab's `<a>` (or, when\n   * `renderLink` is supplied, available to the consumer's router element). Use\n   * it to intercept a same-origin click and route client-side without a full\n   * navigation. Only applies to `href` (link) tabs — button tabs use `onSelect`.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Props the kit hands to `renderLink` for each `href` tab. The consumer returns\n * their router's `<Link to={href}>` carrying the same `className` (the active\n * accent-underline styling) and `aria-current` (`'page'` on the active tab).\n */\nexport interface TabBarRenderLinkProps {\n  /** The tab's destination — feed it to your router's `to` / `href`. */\n  href: string;\n  /** The kit's tab classes (CVA output) — apply verbatim to the link element. */\n  className: string;\n  /** Icon + label + badge — render as the link's children. */\n  children: ReactNode;\n  /** `'page'` on the active tab, otherwise omitted — forward to the link. */\n  'aria-current'?: 'page';\n  /**\n   * The tab's stable `TabBarItem.id`, as the agent / automation DOM hook.\n   * Spread it onto your router link (`{...rest}`) so the tab stays addressable\n   * by `[data-tab-id]` the same way the kit's own `<a>` / `<button>` tabs are —\n   * see PRS §26 §6.\n   */\n  'data-tab-id'?: string;\n  /** Optional per-item click handler (the item's `onClick`), if supplied. */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\nexport interface TabBarProps {\n  /** The tabs, in order. */\n  items: TabBarItem[];\n  /**\n   * Opaque instance id, emitted on the strip as `data-component-id`. Pass it\n   * when more than one TabBar can be on screen so an agent / automation tool\n   * can scope its `[data-tab-id]` lookup to one bar (PRS §26 §6).\n   */\n  id?: string;\n  /** Accessible name for the `<nav>` landmark. */\n  ariaLabel: string;\n  /** Fires with the tab `id` when a button tab (one without `href`) is chosen. */\n  onSelect?: (id: string) => void;\n  /**\n   * Render an `href` tab via the consumer's router instead of the kit's own\n   * `<a>`. TabBar calls it for each link tab and renders the returned node; the\n   * consumer returns their `<Link to={href}>` carrying the supplied `className`\n   * + `aria-current` so the active accent underline and the `aria-current=\"page\"`\n   * marker are preserved. Use it for SPA navigation (e.g. the MarketplaceAppShell\n   * strip) so a tab click is a client-side route change, not a full page load.\n   * Omit it to render the plain `<a href>` exactly as before. Button tabs (no\n   * `href`) ignore `renderLink` and continue to use `onSelect`.\n   */\n  renderLink?: (props: TabBarRenderLinkProps) => ReactNode;\n  /**\n   * Equal-width tabs that fill the bar and always stack the label under the\n   * icon (for a fixed, always-visible set). Off (default) = content-width tabs\n   * that centre when they fit and scroll when they overflow.\n   */\n  fill?: boolean;\n  /**\n   * Float side. `'top'` (default) gutters from the top edge for a header;\n   * `'bottom'` gutters from the bottom edge for a footer.\n   */\n  position?: 'top' | 'bottom';\n  /**\n   * Collapse the tab strip into a single DropdownMenu whenever the tabs don't\n   * fit — below the `sm` breakpoint (≤640px) OR when they overflow their\n   * container at any viewport width (a narrow column between two sidebars clips\n   * the tabs the same as a small screen). The trigger shows the active tab; the\n   * menu lists them all. Off (default) keeps the content-width / scroll\n   * behaviour at every width, so existing consumers are unaffected. Designed for\n   * button (`onSelect`) tabs; in the collapsed menu an `href` tab navigates with\n   * a full page load, so `renderLink` (SPA routing) and a per-item `onClick`\n   * apply only to the expanded strip.\n   */\n  collapseToMenu?: boolean;\n  /** Extra classes merged onto the outer strip (e.g. sticky/fixed positioning). */\n  className?: string;\n}\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\n/* Transparent strip area — provides the floating gutter on the active side. The\n   default layout also insets the pill horizontally so it reads as a floating\n   strip; `fill` drops that inset so the pill spans the full width and aligns\n   with the consumer's content (e.g. a portal's cards). */\nconst stripVariants = cva('ds:shrink-0', {\n  variants: {\n    position: {\n      top: 'ds:pt-[var(--spacing-md)]',\n      bottom: 'ds:pb-[var(--spacing-md)]',\n    },\n    fill: {\n      false: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n      true: '',\n    },\n  },\n  defaultVariants: { position: 'top', fill: false },\n});\n\n/* The pill is the glass chrome — the bordered, blurred, rounded surface. The\n   scrollable tab row is a separate inner element (`pillScrollClasses`) so the\n   edge-fade mask touches only the tabs, never the pill's border. It is also the\n   overflow-collapse MEASUREMENT container: it stays mounted in both the scroll\n   and the dropdown render, and (carrying no padding) its `clientWidth` is\n   exactly the width the tab row has to fit. */\nconst pillClasses =\n  'ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)] ds:bg-[var(--card)]/80 ds:backdrop-blur-md ds:shadow-[var(--shadow-md)]';\n\n/* The inner scroll container. `safe center` centres the tabs when they fit but\n   falls back to start-alignment the moment they overflow, so the row stays fully\n   scrollable end to end. Inline-edge MASK: the leading / trailing edge fades only\n   when tabs are hidden past it (`data-fade-start` / `data-fade-end`), so a clipped\n   tab dissolves into the glass under the accent chevron — alpha-based, so no seam\n   with the translucent pill. Logical via `--tabbar-mask-*` (RTL-mapped); `black`\n   is the mask-opaque sentinel, not a colour. Disabled under reduced motion, the\n   accessible theme, and forced-colors so content is never hidden from those\n   users. `--tabbar-fade-distance` (default `--spacing-lg`) is per-instance. */\nconst pillScrollClasses = [\n  'ds:flex ds:[justify-content:safe_center] ds:overflow-x-auto ds:py-[var(--spacing-xs)]',\n  'ds:[--tabbar-mask-start:black] ds:[--tabbar-mask-end:black]',\n  'ds:ltr:data-[fade-start=true]:[--tabbar-mask-start:transparent]',\n  'ds:ltr:data-[fade-end=true]:[--tabbar-mask-end:transparent]',\n  'ds:rtl:data-[fade-start=true]:[--tabbar-mask-end:transparent]',\n  'ds:rtl:data-[fade-end=true]:[--tabbar-mask-start:transparent]',\n  'ds:[mask-image:var(--accessible-off,linear-gradient(to_right,var(--tabbar-mask-start)_0,black_var(--tabbar-fade-distance,var(--spacing-lg)),black_calc(100%-var(--tabbar-fade-distance,var(--spacing-lg))),var(--tabbar-mask-end)_100%))]',\n  'ds:motion-reduce:[mask-image:none]',\n  'ds:forced-colors:[mask-image:none]',\n].join(' ');\n\n/* The nav's inline padding is the start/end gutter — it scrolls WITH the tabs,\n   so the gutter survives a full scroll. Content width (`shrink-0`) by default so\n   it overflows and scrolls; `w-full` in fill mode so the tabs spread to fit. */\nconst navVariants = cva(\n  'ds:flex ds:items-stretch ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n  {\n    variants: {\n      fill: { false: 'ds:shrink-0', true: 'ds:w-full' },\n    },\n    defaultVariants: { fill: false },\n  },\n);\n\n/* Each tab is a centred flex box so the icon + label sit centred on both axes.\n   Regular weight; the active state is carried by the accent underline + accent\n   icon, not a heavier weight. */\nconst tabVariants = cva(\n  'ds:group ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:whitespace-nowrap ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:no-underline ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]',\n  {\n    variants: {\n      fill: {\n        // Responsive: label under the icon below `sm`, beside it at `sm`+.\n        false: 'ds:flex-col ds:sm:flex-row ds:sm:gap-[var(--spacing-sm)]',\n        // Fill the bar, always icon-over-label. No `min-w-0`, so a tab never\n        // shrinks below its label (labels never overlap); if the full set can't\n        // fit, the pill scrolls instead.\n        true: 'ds:flex-1 ds:basis-0 ds:flex-col',\n      },\n    },\n    defaultVariants: { fill: false },\n  },\n);\n\nconst iconClasses =\n  'ds:inline-flex ds:items-center ds:text-[color:var(--accent)] ds:[&>svg]:size-4';\n\n/* The accent underline rides the label text itself (not the whole tab), so it\n   never reaches the icon or badge and never has to propagate through flex. */\nconst labelClasses =\n  'ds:group-aria-[current=page]:underline ds:group-aria-[current=page]:decoration-2 ds:group-aria-[current=page]:decoration-[color:var(--accent)] ds:group-aria-[current=page]:underline-offset-[var(--spacing-xs)]';\n\n/* The mobile collapse trigger — a full-width button styled like a tab, showing\n   the active tab's icon + label with a trailing chevron. */\nconst menuTriggerClasses =\n  'ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]';\n\n/* Scroll affordance — an accent chevron pinned to a scrollable edge of the pill,\n   shown only when there are tabs hidden past that edge. No button chrome: the\n   edge tab fades into the glass via the inner scroll's mask (above); the chevron\n   just points the way and pages the strip on click. A `--min-target-size` hit\n   area keeps it tappable. Block axis spans the pill (`top`/`bottom` px-inset past\n   the border); the inline edge (`start`/`end`) and the chevron flip mirror RTL. */\nconst scrollAffordanceClasses =\n  'ds:absolute ds:top-px ds:bottom-px ds:z-10 ds:flex ds:min-w-[var(--min-target-size)] ds:items-center ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]';\n\n/* Pin the chevron to its inline edge, over the faded tab. */\nconst scrollAffordanceStartClasses =\n  'ds:start-px ds:justify-start ds:ps-[var(--spacing-xs)]';\n\nconst scrollAffordanceEndClasses =\n  'ds:end-px ds:justify-end ds:pe-[var(--spacing-xs)]';\n\n/* The chevron is the only visible mark — accent-tinted (matching the tab icons),\n   mirrored under RTL. Decorative (`aria-hidden`); the button carries the label. */\nconst scrollChevronClasses =\n  'ds:size-4 ds:shrink-0 ds:text-[color:var(--accent)] ds:rtl:-scale-x-100';\n\nexport const TabBar = forwardRef<HTMLDivElement, TabBarProps>(\n  (\n    {\n      items,\n      id,\n      ariaLabel,\n      onSelect,\n      renderLink,\n      fill = false,\n      position = 'top',\n      collapseToMenu = false,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n\n    // Collapse is twofold, OR'd: the documented mobile floor (≤sm) AND actual\n    // container overflow (a narrow column on a wide screen clips the tabs just\n    // the same). Both hooks run every render (hook order); only consulted when\n    // collapseToMenu is on. The pill (containerRef) stays mounted across the\n    // collapse so the overflow hook can still tell when the column has grown\n    // back; the tab row (contentRef) carries the natural width.\n    const isNarrow = useMediaQuery('(max-width: 640px)');\n    const { containerRef, contentRef, isOverflowing } = useOverflowCollapse<\n      HTMLDivElement,\n      HTMLElement\n    >(collapseToMenu);\n    const isDropdown = collapseToMenu && (isNarrow || isOverflowing);\n\n    // Edge scroll affordances for the scroll layout. Disabled in dropdown mode\n    // (no scroll box), so the observer tears down / re-attaches across the flip.\n    const {\n      ref: pillRef,\n      canScrollStart,\n      canScrollEnd,\n      scrollByPage,\n    } = useScrollOverflow<HTMLDivElement>(!isDropdown);\n\n    const activeItem = items.find((item) => item.isActive) ?? items[0];\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"tab-bar\"\n        data-component-id={id}\n        className={`${stripVariants({ position, fill })}${className ? ` ${className}` : ''}`}\n      >\n        {/* Relative wrapper: the scroll affordances are absolutely positioned\n            against it, NOT inside the scroll box (absolute children of a scroller\n            scroll away with the content). */}\n        <div className=\"ds:relative\">\n          {/* The pill doubles as the overflow-collapse measurement container —\n              rendered in BOTH branches (same element, same width) so the hook\n              can keep measuring after the tab row is swapped for the menu. */}\n          <div ref={containerRef} className={pillClasses}>\n            {isDropdown ? (\n              <nav aria-label={ariaLabel} className=\"ds:w-full\">\n                <DropdownMenu.Root>\n                  <DropdownMenu.Trigger className={menuTriggerClasses}>\n                    {activeItem?.icon ? (\n                      <span aria-hidden=\"true\" className={iconClasses}>\n                        {activeItem.icon}\n                      </span>\n                    ) : null}\n                    <span className=\"ds:flex-1 ds:truncate ds:text-start\">\n                      {activeItem?.label}\n                    </span>\n                    <ChevronDown\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]\"\n                    />\n                  </DropdownMenu.Trigger>\n                  <DropdownMenu.Content\n                    align=\"start\"\n                    className=\"ds:min-w-[12rem]\"\n                  >\n                    {items.map((item) => (\n                      <DropdownMenu.Item\n                        key={item.id}\n                        data-tab-id={item.id}\n                        startIcon={item.icon}\n                        endIcon={\n                          item.isActive ? (\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:text-[color:var(--accent)] ds:group-data-[highlighted]/menu-row:text-[color:var(--accent-foreground)]\"\n                            />\n                          ) : undefined\n                        }\n                        aria-current={item.isActive ? 'page' : undefined}\n                        onSelect={() => {\n                          if (item.href) {\n                            window.location.assign(item.href);\n                          } else {\n                            onSelect?.(item.id);\n                          }\n                        }}\n                      >\n                        {item.label}\n                      </DropdownMenu.Item>\n                    ))}\n                  </DropdownMenu.Content>\n                </DropdownMenu.Root>\n              </nav>\n            ) : (\n              <div\n                ref={pillRef}\n                data-fade-start={canScrollStart ? 'true' : undefined}\n                data-fade-end={canScrollEnd ? 'true' : undefined}\n                className={pillScrollClasses}\n              >\n                <nav\n                  ref={contentRef}\n                  aria-label={ariaLabel}\n                  className={navVariants({ fill })}\n                >\n                  {items.map((item) => {\n                    const badge =\n                      typeof item.badgeCount === 'number' && item.badgeCount > 0\n                        ? item.badgeCount\n                        : undefined;\n                    const ariaCurrent = item.isActive ? 'page' : undefined;\n                    const inner = (\n                      <>\n                        {item.icon ? (\n                          <span aria-hidden=\"true\" className={iconClasses}>\n                            {item.icon}\n                          </span>\n                        ) : null}\n                        {/* Label + badge stay paired; they sit under the icon when\n                          the tab stacks to a column. */}\n                        <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                          <span className={labelClasses}>{item.label}</span>\n                          {badge !== undefined ? (\n                            <Badge variant=\"neutral\">\n                              {formatBadgeCount(badge)}\n                            </Badge>\n                          ) : null}\n                        </span>\n                      </>\n                    );\n                    if (item.href !== undefined) {\n                      const tabClassName = tabVariants({ fill });\n                      // Consumer-router mode: hand the tab to the consumer's <Link>,\n                      // forwarding the same className + aria-current (+ the item's\n                      // onClick) so the active styling and `aria-current=\"page\"`\n                      // marker carry over and clicking routes client-side.\n                      if (renderLink) {\n                        return (\n                          <Fragment key={item.id}>\n                            {renderLink({\n                              href: item.href,\n                              className: tabClassName,\n                              children: inner,\n                              'aria-current': ariaCurrent,\n                              'data-tab-id': item.id,\n                              onClick: item.onClick,\n                            })}\n                          </Fragment>\n                        );\n                      }\n                      // Default: plain anchor — byte-identical to before when no\n                      // per-item onClick is supplied (onClick is omitted entirely,\n                      // not passed as undefined, so the rendered <a> is unchanged).\n                      return (\n                        <a\n                          key={item.id}\n                          href={item.href}\n                          data-tab-id={item.id}\n                          aria-current={ariaCurrent}\n                          className={tabClassName}\n                          {...(item.onClick ? { onClick: item.onClick } : {})}\n                        >\n                          {inner}\n                        </a>\n                      );\n                    }\n                    return (\n                      <button\n                        key={item.id}\n                        type=\"button\"\n                        data-tab-id={item.id}\n                        aria-current={ariaCurrent}\n                        className={tabVariants({ fill })}\n                        onClick={() => onSelect?.(item.id)}\n                      >\n                        {inner}\n                      </button>\n                    );\n                  })}\n                </nav>\n              </div>\n            )}\n          </div>\n          {canScrollStart ? (\n            <button\n              type=\"button\"\n              aria-label={t('navigation.tabBar.scrollBack')}\n              onClick={() => scrollByPage(-1)}\n              className={`${scrollAffordanceClasses} ${scrollAffordanceStartClasses}`}\n            >\n              <ChevronLeft\n                aria-hidden=\"true\"\n                className={scrollChevronClasses}\n              />\n            </button>\n          ) : null}\n          {canScrollEnd ? (\n            <button\n              type=\"button\"\n              aria-label={t('navigation.tabBar.scrollForward')}\n              onClick={() => scrollByPage(1)}\n              className={`${scrollAffordanceClasses} ${scrollAffordanceEndClasses}`}\n            >\n              <ChevronRight\n                aria-hidden=\"true\"\n                className={scrollChevronClasses}\n              />\n            </button>\n          ) : null}\n        </div>\n      </div>\n    );\n  },\n);\nTabBar.displayName = 'TabBar';\n"],"names":["formatBadgeCount","count","stripVariants","cva","pillClasses","pillScrollClasses","navVariants","tabVariants","iconClasses","labelClasses","menuTriggerClasses","scrollAffordanceClasses","scrollAffordanceStartClasses","scrollAffordanceEndClasses","scrollChevronClasses","TabBar","forwardRef","items","id","ariaLabel","onSelect","renderLink","fill","position","collapseToMenu","className","ref","t","useTranslation","isNarrow","useMediaQuery","containerRef","contentRef","isOverflowing","useOverflowCollapse","isDropdown","pillRef","canScrollStart","canScrollEnd","scrollByPage","useScrollOverflow","activeItem","item","jsx","jsxs","DropdownMenu","ChevronDown","Check","badge","ariaCurrent","inner","Fragment","Badge","tabClassName","ChevronLeft","ChevronRight"],"mappings":"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"}
+{"version":3,"file":"tab-bar-C_pggqVr.js","sources":["../../src/components/tab-bar/tab-bar.tsx"],"sourcesContent":["/**\n * TabBar — a floating-pill bar of page-level navigation tabs.\n *\n * Each tab is an icon + label (+ optional count badge); the active tab is\n * marked with `aria-current=\"page\"` and an `--accent` underline. The bar is a\n * glassy `--card` pill that floats on whatever canvas the consumer provides\n * (the strip area itself is transparent, so it blends with the surrounding\n * surface).\n *\n * Two layouts:\n * - default (`fill` off): content-width tabs that **centre** when they fit and\n *   scroll from the inline-start (`safe center`) when they overflow, with a\n *   gutter preserved at both ends. The label stacks under the icon below `sm`.\n *   Use this when the tab set is open-ended (e.g. a marketplace app's routes).\n * - `fill`: equal-width tabs that fill the bar and always stack the label under\n *   the icon — a fixed, always-visible set that fits any column width without\n *   scrolling (e.g. a patient portal's handful of sections).\n *\n * Tabs render as links when given an `href` (real navigation) or as buttons\n * otherwise (in-app view switching via `onSelect`). Use it as a header (top,\n * default) for section navigation; `position=\"bottom\"` floats it from the\n * bottom edge for a footer.\n *\n * With `collapseToMenu`, the strip folds into a single DropdownMenu whenever the\n * tabs don't fit — below the `sm` breakpoint OR when they overflow their\n * container at any width (a narrow column on a wide screen, e.g. a page squeezed\n * between two sidebars, clips the tabs just the same as a small viewport).\n *\n * SPA / consumer-router links: pass `renderLink` and TabBar hands each `href`\n * tab off to your router's `<Link>` instead of rendering its own `<a>` — the\n * embedded MarketplaceAppShell strip uses this so a tab click is a client-side\n * route change, not a full page navigation. The kit forwards the same\n * `className` + `aria-current` so the accent-underline active styling and the\n * `aria-current=\"page\"` marker survive in both modes. With `renderLink`\n * omitted the output is the plain `<a href>` exactly as before.\n */\nimport { forwardRef, Fragment, type MouseEvent, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Check, ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Badge } from '../badge';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { useMediaQuery } from '../../hooks/use-media-query';\nimport { useScrollOverflow } from '../../hooks/use-scroll-overflow';\nimport { useOverflowCollapse } from '../../hooks/use-overflow-collapse';\n\nexport interface TabBarItem {\n  /** Stable id; also the value handed to `onSelect` for button tabs. */\n  id: string;\n  /** Pre-translated label — consumers localise their own nav copy. */\n  label: string;\n  /** Optional leading icon (a lucide-react element or equivalent), tinted with `--accent`. */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the tab as the current page (`aria-current='page'` + accent underline). */\n  isActive?: boolean;\n  /** When set, the tab renders as a link to this href; otherwise it's a button. */\n  href?: string;\n  /**\n   * Optional click handler threaded onto the link tab's `<a>` (or, when\n   * `renderLink` is supplied, available to the consumer's router element). Use\n   * it to intercept a same-origin click and route client-side without a full\n   * navigation. Only applies to `href` (link) tabs — button tabs use `onSelect`.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Props the kit hands to `renderLink` for each `href` tab. The consumer returns\n * their router's `<Link to={href}>` carrying the same `className` (the active\n * accent-underline styling) and `aria-current` (`'page'` on the active tab).\n */\nexport interface TabBarRenderLinkProps {\n  /** The tab's destination — feed it to your router's `to` / `href`. */\n  href: string;\n  /** The kit's tab classes (CVA output) — apply verbatim to the link element. */\n  className: string;\n  /** Icon + label + badge — render as the link's children. */\n  children: ReactNode;\n  /** `'page'` on the active tab, otherwise omitted — forward to the link. */\n  'aria-current'?: 'page';\n  /**\n   * The tab's stable `TabBarItem.id`, as the agent / automation DOM hook.\n   * Spread it onto your router link (`{...rest}`) so the tab stays addressable\n   * by `[data-tab-id]` the same way the kit's own `<a>` / `<button>` tabs are —\n   * see PRS §26 §6.\n   */\n  'data-tab-id'?: string;\n  /** Optional per-item click handler (the item's `onClick`), if supplied. */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\nexport interface TabBarProps {\n  /** The tabs, in order. */\n  items: TabBarItem[];\n  /**\n   * Opaque instance id, emitted on the strip as `data-component-id`. Pass it\n   * when more than one TabBar can be on screen so an agent / automation tool\n   * can scope its `[data-tab-id]` lookup to one bar (PRS §26 §6).\n   */\n  id?: string;\n  /** Accessible name for the `<nav>` landmark. */\n  ariaLabel: string;\n  /** Fires with the tab `id` when a button tab (one without `href`) is chosen. */\n  onSelect?: (id: string) => void;\n  /**\n   * Render an `href` tab via the consumer's router instead of the kit's own\n   * `<a>`. TabBar calls it for each link tab and renders the returned node; the\n   * consumer returns their `<Link to={href}>` carrying the supplied `className`\n   * + `aria-current` so the active accent underline and the `aria-current=\"page\"`\n   * marker are preserved. Use it for SPA navigation (e.g. the MarketplaceAppShell\n   * strip) so a tab click is a client-side route change, not a full page load.\n   * Omit it to render the plain `<a href>` exactly as before. Button tabs (no\n   * `href`) ignore `renderLink` and continue to use `onSelect`.\n   */\n  renderLink?: (props: TabBarRenderLinkProps) => ReactNode;\n  /**\n   * Equal-width tabs that fill the bar and always stack the label under the\n   * icon (for a fixed, always-visible set). Off (default) = content-width tabs\n   * that centre when they fit and scroll when they overflow.\n   */\n  fill?: boolean;\n  /**\n   * Float side. `'top'` (default) gutters from the top edge for a header;\n   * `'bottom'` gutters from the bottom edge for a footer.\n   */\n  position?: 'top' | 'bottom';\n  /**\n   * Collapse the tab strip into a single DropdownMenu whenever the tabs don't\n   * fit — below the `sm` breakpoint (≤640px) OR when they overflow their\n   * container at any viewport width (a narrow column between two sidebars clips\n   * the tabs the same as a small screen). The trigger shows the active tab; the\n   * menu lists them all. Off (default) keeps the content-width / scroll\n   * behaviour at every width, so existing consumers are unaffected. Designed for\n   * button (`onSelect`) tabs; in the collapsed menu an `href` tab navigates with\n   * a full page load, so `renderLink` (SPA routing) and a per-item `onClick`\n   * apply only to the expanded strip.\n   */\n  collapseToMenu?: boolean;\n  /** Extra classes merged onto the outer strip (e.g. sticky/fixed positioning). */\n  className?: string;\n}\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\n/* Transparent strip area — provides the floating gutter on the active side. The\n   default layout also insets the pill horizontally so it reads as a floating\n   strip; `fill` drops that inset so the pill spans the full width and aligns\n   with the consumer's content (e.g. a portal's cards). */\nconst stripVariants = cva('ds:shrink-0', {\n  variants: {\n    position: {\n      top: 'ds:pt-[var(--spacing-md)]',\n      bottom: 'ds:pb-[var(--spacing-md)]',\n    },\n    fill: {\n      false: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n      true: '',\n    },\n  },\n  defaultVariants: { position: 'top', fill: false },\n});\n\n/* The pill is the glass chrome — the bordered, blurred, rounded surface. The\n   scrollable tab row is a separate inner element (`pillScrollClasses`) so the\n   edge-fade mask touches only the tabs, never the pill's border. It is also the\n   overflow-collapse MEASUREMENT container: it stays mounted in both the scroll\n   and the dropdown render, and (carrying no padding) its `clientWidth` is\n   exactly the width the tab row has to fit. */\nconst pillClasses =\n  'ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)] ds:bg-[var(--card)]/80 ds:backdrop-blur-md ds:shadow-[var(--shadow-md)]';\n\n/* The inner scroll container. `safe center` centres the tabs when they fit but\n   falls back to start-alignment the moment they overflow, so the row stays fully\n   scrollable end to end. Inline-edge MASK: the leading / trailing edge fades only\n   when tabs are hidden past it (`data-fade-start` / `data-fade-end`), so a clipped\n   tab dissolves into the glass under the accent chevron — alpha-based, so no seam\n   with the translucent pill. Logical via `--tabbar-mask-*` (RTL-mapped); `black`\n   is the mask-opaque sentinel, not a colour. Disabled under reduced motion, the\n   accessible theme, and forced-colors so content is never hidden from those\n   users. `--tabbar-fade-distance` (default `--spacing-lg`) is per-instance. */\nconst pillScrollClasses = [\n  'ds:flex ds:[justify-content:safe_center] ds:overflow-x-auto ds:py-[var(--spacing-xs)]',\n  'ds:[--tabbar-mask-start:black] ds:[--tabbar-mask-end:black]',\n  'ds:ltr:data-[fade-start=true]:[--tabbar-mask-start:transparent]',\n  'ds:ltr:data-[fade-end=true]:[--tabbar-mask-end:transparent]',\n  'ds:rtl:data-[fade-start=true]:[--tabbar-mask-end:transparent]',\n  'ds:rtl:data-[fade-end=true]:[--tabbar-mask-start:transparent]',\n  'ds:[mask-image:var(--accessible-off,linear-gradient(to_right,var(--tabbar-mask-start)_0,black_var(--tabbar-fade-distance,var(--spacing-lg)),black_calc(100%-var(--tabbar-fade-distance,var(--spacing-lg))),var(--tabbar-mask-end)_100%))]',\n  'ds:motion-reduce:[mask-image:none]',\n  'ds:forced-colors:[mask-image:none]',\n].join(' ');\n\n/* The nav's inline padding is the start/end gutter — it scrolls WITH the tabs,\n   so the gutter survives a full scroll. Content width (`shrink-0`) by default so\n   it overflows and scrolls; `w-full` in fill mode so the tabs spread to fit. */\nconst navVariants = cva(\n  'ds:flex ds:items-stretch ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n  {\n    variants: {\n      fill: { false: 'ds:shrink-0', true: 'ds:w-full' },\n    },\n    defaultVariants: { fill: false },\n  },\n);\n\n/* Each tab is a centred flex box so the icon + label sit centred on both axes.\n   Regular weight; the active state is carried by the accent underline + accent\n   icon, not a heavier weight. */\nconst tabVariants = cva(\n  'ds:group ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:whitespace-nowrap ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:no-underline ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]',\n  {\n    variants: {\n      fill: {\n        // Responsive: label under the icon below `sm`, beside it at `sm`+.\n        false: 'ds:flex-col ds:sm:flex-row ds:sm:gap-[var(--spacing-sm)]',\n        // Fill the bar, always icon-over-label. No `min-w-0`, so a tab never\n        // shrinks below its label (labels never overlap); if the full set can't\n        // fit, the pill scrolls instead.\n        true: 'ds:flex-1 ds:basis-0 ds:flex-col',\n      },\n    },\n    defaultVariants: { fill: false },\n  },\n);\n\nconst iconClasses =\n  'ds:inline-flex ds:items-center ds:text-[color:var(--accent)] ds:[&>svg]:size-4';\n\n/* The accent underline rides the label text itself (not the whole tab), so it\n   never reaches the icon or badge and never has to propagate through flex. */\nconst labelClasses =\n  'ds:group-aria-[current=page]:underline ds:group-aria-[current=page]:decoration-2 ds:group-aria-[current=page]:decoration-[color:var(--accent)] ds:group-aria-[current=page]:underline-offset-[var(--spacing-xs)]';\n\n/* The mobile collapse trigger — a full-width button styled like a tab, showing\n   the active tab's icon + label with a trailing chevron. */\nconst menuTriggerClasses =\n  'ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-regular)] ds:text-[color:var(--foreground)] ds:hover:bg-[var(--muted)]/20 ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]';\n\n/* Scroll affordance — an accent chevron pinned to a scrollable edge of the pill,\n   shown only when there are tabs hidden past that edge. No button chrome: the\n   edge tab fades into the glass via the inner scroll's mask (above); the chevron\n   just points the way and pages the strip on click. A `--min-target-size` hit\n   area keeps it tappable. Block axis spans the pill (`top`/`bottom` px-inset past\n   the border); the inline edge (`start`/`end`) and the chevron flip mirror RTL. */\nconst scrollAffordanceClasses =\n  'ds:absolute ds:top-px ds:bottom-px ds:z-10 ds:flex ds:min-w-[var(--min-target-size)] ds:items-center ds:cursor-pointer ds:appearance-none ds:border-0 ds:bg-transparent ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]';\n\n/* Pin the chevron to its inline edge, over the faded tab. */\nconst scrollAffordanceStartClasses =\n  'ds:start-px ds:justify-start ds:ps-[var(--spacing-xs)]';\n\nconst scrollAffordanceEndClasses =\n  'ds:end-px ds:justify-end ds:pe-[var(--spacing-xs)]';\n\n/* The chevron is the only visible mark — accent-tinted (matching the tab icons),\n   mirrored under RTL. Decorative (`aria-hidden`); the button carries the label. */\nconst scrollChevronClasses =\n  'ds:size-4 ds:shrink-0 ds:text-[color:var(--accent)] ds:rtl:-scale-x-100';\n\nexport const TabBar = forwardRef<HTMLDivElement, TabBarProps>(\n  (\n    {\n      items,\n      id,\n      ariaLabel,\n      onSelect,\n      renderLink,\n      fill = false,\n      position = 'top',\n      collapseToMenu = false,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n\n    // Collapse is twofold, OR'd: the documented mobile floor (≤sm) AND actual\n    // container overflow (a narrow column on a wide screen clips the tabs just\n    // the same). Both hooks run every render (hook order); only consulted when\n    // collapseToMenu is on. The pill (containerRef) stays mounted across the\n    // collapse so the overflow hook can still tell when the column has grown\n    // back; the tab row (contentRef) carries the natural width.\n    const isNarrow = useMediaQuery('(max-width: 640px)');\n    const { containerRef, contentRef, isOverflowing } = useOverflowCollapse<\n      HTMLDivElement,\n      HTMLElement\n    >(collapseToMenu);\n    const isDropdown = collapseToMenu && (isNarrow || isOverflowing);\n\n    // Edge scroll affordances for the scroll layout. Disabled in dropdown mode\n    // (no scroll box), so the observer tears down / re-attaches across the flip.\n    const {\n      ref: pillRef,\n      canScrollStart,\n      canScrollEnd,\n      scrollByPage,\n    } = useScrollOverflow<HTMLDivElement>(!isDropdown);\n\n    const activeItem = items.find((item) => item.isActive) ?? items[0];\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"tab-bar\"\n        data-component-id={id}\n        className={`${stripVariants({ position, fill })}${className ? ` ${className}` : ''}`}\n      >\n        {/* Relative wrapper: the scroll affordances are absolutely positioned\n            against it, NOT inside the scroll box (absolute children of a scroller\n            scroll away with the content). */}\n        <div className=\"ds:relative\">\n          {/* The pill doubles as the overflow-collapse measurement container —\n              rendered in BOTH branches (same element, same width) so the hook\n              can keep measuring after the tab row is swapped for the menu. */}\n          <div ref={containerRef} className={pillClasses}>\n            {isDropdown ? (\n              <nav aria-label={ariaLabel} className=\"ds:w-full\">\n                <DropdownMenu.Root>\n                  <DropdownMenu.Trigger className={menuTriggerClasses}>\n                    {activeItem?.icon ? (\n                      <span aria-hidden=\"true\" className={iconClasses}>\n                        {activeItem.icon}\n                      </span>\n                    ) : null}\n                    <span className=\"ds:flex-1 ds:truncate ds:text-start\">\n                      {activeItem?.label}\n                    </span>\n                    <ChevronDown\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]\"\n                    />\n                  </DropdownMenu.Trigger>\n                  <DropdownMenu.Content\n                    align=\"start\"\n                    className=\"ds:min-w-[12rem]\"\n                  >\n                    {items.map((item) => (\n                      <DropdownMenu.Item\n                        key={item.id}\n                        data-tab-id={item.id}\n                        startIcon={item.icon}\n                        endIcon={\n                          item.isActive ? (\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:text-[color:var(--accent)] ds:group-data-[highlighted]/menu-row:text-[color:var(--accent-foreground)]\"\n                            />\n                          ) : undefined\n                        }\n                        aria-current={item.isActive ? 'page' : undefined}\n                        onSelect={() => {\n                          if (item.href) {\n                            window.location.assign(item.href);\n                          } else {\n                            onSelect?.(item.id);\n                          }\n                        }}\n                      >\n                        {item.label}\n                      </DropdownMenu.Item>\n                    ))}\n                  </DropdownMenu.Content>\n                </DropdownMenu.Root>\n              </nav>\n            ) : (\n              <div\n                ref={pillRef}\n                data-fade-start={canScrollStart ? 'true' : undefined}\n                data-fade-end={canScrollEnd ? 'true' : undefined}\n                className={pillScrollClasses}\n              >\n                <nav\n                  ref={contentRef}\n                  aria-label={ariaLabel}\n                  className={navVariants({ fill })}\n                >\n                  {items.map((item) => {\n                    const badge =\n                      typeof item.badgeCount === 'number' && item.badgeCount > 0\n                        ? item.badgeCount\n                        : undefined;\n                    const ariaCurrent = item.isActive ? 'page' : undefined;\n                    const inner = (\n                      <>\n                        {item.icon ? (\n                          <span aria-hidden=\"true\" className={iconClasses}>\n                            {item.icon}\n                          </span>\n                        ) : null}\n                        {/* Label + badge stay paired; they sit under the icon when\n                          the tab stacks to a column. */}\n                        <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                          <span className={labelClasses}>{item.label}</span>\n                          {badge !== undefined ? (\n                            <Badge variant=\"neutral\">\n                              {formatBadgeCount(badge)}\n                            </Badge>\n                          ) : null}\n                        </span>\n                      </>\n                    );\n                    if (item.href !== undefined) {\n                      const tabClassName = tabVariants({ fill });\n                      // Consumer-router mode: hand the tab to the consumer's <Link>,\n                      // forwarding the same className + aria-current (+ the item's\n                      // onClick) so the active styling and `aria-current=\"page\"`\n                      // marker carry over and clicking routes client-side.\n                      if (renderLink) {\n                        return (\n                          <Fragment key={item.id}>\n                            {renderLink({\n                              href: item.href,\n                              className: tabClassName,\n                              children: inner,\n                              'aria-current': ariaCurrent,\n                              'data-tab-id': item.id,\n                              onClick: item.onClick,\n                            })}\n                          </Fragment>\n                        );\n                      }\n                      // Default: plain anchor — byte-identical to before when no\n                      // per-item onClick is supplied (onClick is omitted entirely,\n                      // not passed as undefined, so the rendered <a> is unchanged).\n                      return (\n                        <a\n                          key={item.id}\n                          href={item.href}\n                          data-tab-id={item.id}\n                          aria-current={ariaCurrent}\n                          className={tabClassName}\n                          {...(item.onClick ? { onClick: item.onClick } : {})}\n                        >\n                          {inner}\n                        </a>\n                      );\n                    }\n                    return (\n                      <button\n                        key={item.id}\n                        type=\"button\"\n                        data-tab-id={item.id}\n                        aria-current={ariaCurrent}\n                        className={tabVariants({ fill })}\n                        onClick={() => onSelect?.(item.id)}\n                      >\n                        {inner}\n                      </button>\n                    );\n                  })}\n                </nav>\n              </div>\n            )}\n          </div>\n          {canScrollStart ? (\n            <button\n              type=\"button\"\n              aria-label={t('navigation.tabBar.scrollBack')}\n              onClick={() => scrollByPage(-1)}\n              className={`${scrollAffordanceClasses} ${scrollAffordanceStartClasses}`}\n            >\n              <ChevronLeft\n                aria-hidden=\"true\"\n                className={scrollChevronClasses}\n              />\n            </button>\n          ) : null}\n          {canScrollEnd ? (\n            <button\n              type=\"button\"\n              aria-label={t('navigation.tabBar.scrollForward')}\n              onClick={() => scrollByPage(1)}\n              className={`${scrollAffordanceClasses} ${scrollAffordanceEndClasses}`}\n            >\n              <ChevronRight\n                aria-hidden=\"true\"\n                className={scrollChevronClasses}\n              />\n            </button>\n          ) : null}\n        </div>\n      </div>\n    );\n  },\n);\nTabBar.displayName = 'TabBar';\n"],"names":["formatBadgeCount","count","stripVariants","cva","pillClasses","pillScrollClasses","navVariants","tabVariants","iconClasses","labelClasses","menuTriggerClasses","scrollAffordanceClasses","scrollAffordanceStartClasses","scrollAffordanceEndClasses","scrollChevronClasses","TabBar","forwardRef","items","id","ariaLabel","onSelect","renderLink","fill","position","collapseToMenu","className","ref","t","useTranslation","isNarrow","useMediaQuery","containerRef","contentRef","isOverflowing","useOverflowCollapse","isDropdown","pillRef","canScrollStart","canScrollEnd","scrollByPage","useScrollOverflow","activeItem","item","jsx","jsxs","DropdownMenu","ChevronDown","Check","badge","ariaCurrent","inner","Fragment","Badge","tabClassName","ChevronLeft","ChevronRight"],"mappings":"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"}

package/dist/_chunks/{tabs-BmxQu-TJ.js → tabs-DYHgRVSJ.js}

@@ -5,7 +5,7 @@ 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-BBDRYxJl.js";
-import { D as V } from "./dropdown-menu-D1we7oAY.js";
+import { D as V } from "./dropdown-menu-CqxBthww.js";
 import { u as re } from "./registry-DvAUVLHh.js";
 import { X as oe } from "./x-B5YnXwCz.js";
 import { u as ne } from "./use-direction-Dp8h70PP.js";
@@ -410,4 +410,4 @@ export {
   Q as c,
   de as t
 };
-//# sourceMappingURL=tabs-BmxQu-TJ.js.map
+//# sourceMappingURL=tabs-DYHgRVSJ.js.map