@alfadocs/ui-kit-debug 1.50.0 → 1.51.0

package/dist/_chunks/{slot-grid-4fWH3Euk.js → slot-grid-xgf2UKLS.js}

@@ -2,9 +2,9 @@ import { jsx as r, jsxs as k } from "react/jsx-runtime";
 import { forwardRef as ye, useId as he, useState as me, useCallback as M, useRef as ge, useEffect as ve, useMemo as be } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as we } from "react-i18next";
-import { B as F } from "./button-18oBsI3n.js";
-import { I as q } from "./icon-button-CY7GU_Se.js";
-import { E as xe } from "./empty-state-DTBZ1ENT.js";
+import { B as F } from "./button-CYPx2xFq.js";
+import { I as q } from "./icon-button-JAXAkqWC.js";
+import { E as xe } from "./empty-state-Ck1wVWdN.js";
 import { S as W } from "./skeleton-B1KTdJ4N.js";
 import { u as Se } from "./registry-DvAUVLHh.js";
 import { b as ke, f as De } from "./format-4HNwNGrN.js";
@@ -637,4 +637,4 @@ export {
   Qe as i,
   Ge as s
 };
-//# sourceMappingURL=slot-grid-4fWH3Euk.js.map
+//# sourceMappingURL=slot-grid-xgf2UKLS.js.map

package/dist/_chunks/{slot-grid-4fWH3Euk.js.map → slot-grid-xgf2UKLS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"slot-grid-4fWH3Euk.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()`.                                   */\n/*                                                                     */\n/* Agent surface: `ref` is the outer <div>; a separate `SlotGridHandle` */\n/* (built with `useMemo`, registered via `useAgentRegistration`) gives  */\n/* the MCP bridge a read-only view of the visible days + available slot */\n/* ids and the four interactions the UI itself offers. See             */\n/* `slot-grid.agent.ts` and PRS §26.                                    */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { format, isSameDay, parseISO } from 'date-fns';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { useAgentRegistration } from '../../agent';\nimport { slotGridAgent } from './slot-grid.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type SlotGridState = 'default' | 'loading' | 'disabled' | 'empty';\n\nexport type SlotGridSize = 'sm' | 'md' | 'lg';\n\nexport interface SlotGridSlot {\n  /** Stable identity — used by consumers to resolve selection. */\n  id: string;\n  /** Slot start — ISO string or `Date`. Rendered via `Intl.DateTimeFormat`. */\n  start: string | Date;\n  /** Optional slot end — if omitted only the start time is announced. */\n  end?: string | Date;\n  /** Defaults to `true`. Unavailable slots render disabled and are not focusable. */\n  available?: boolean;\n  /** Override the default `Intl`-formatted time label. */\n  label?: string;\n  /** Override the accessible name of the slot button. */\n  ariaLabel?: string;\n}\n\nexport interface SlotGridDay {\n  /** The calendar day the column represents. */\n  date: string | Date;\n  /** Slots for this day, in chronological order. Empty array ⇒ empty day. */\n  slots: SlotGridSlot[];\n  /** Override the default `Intl`-formatted day header. */\n  label?: string;\n}\n\nexport interface SlotGridProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'onSelect'>,\n    VariantProps<typeof slotGridVariants> {\n  /** Days to render, one column per entry. */\n  days: SlotGridDay[];\n  /** Visual / interactive state. Defaults to `'default'`. */\n  state?: SlotGridState;\n  /** Density of the slot buttons and day headers. Defaults to `'md'`. */\n  size?: SlotGridSize;\n  /** Id of the currently selected slot (controlled). */\n  selectedSlotId?: string;\n  /**\n   * Initial number of slots to render per day before the \"Show more\"\n   * progressive-disclosure control collapses the rest. Defaults to `6`.\n   */\n  maxInitialSlotsPerDay?: number;\n  /**\n   * BCP-47 locale tag for `Intl.DateTimeFormat`. Defaults to the active\n   * i18next language.\n   */\n  locale?: string;\n  /** IANA time zone for `Intl.DateTimeFormat`. Optional. */\n  timeZone?: string;\n  /** Whether the \"previous days\" navigation arrow should be enabled. */\n  hasPrevious?: boolean;\n  /** Whether the \"next days\" navigation arrow should be enabled. */\n  hasNext?: boolean;\n  /**\n   * When `true`, renders the \"Next available\" CTA at the end of the\n   * toolbar. Only emits a callback — the consumer owns the navigation.\n   */\n  showNextAvailable?: boolean;\n  /** Accessible label for the outer grid region. */\n  ariaLabel?: string;\n  /** Fires when the user selects an available slot. */\n  onSlotSelect?: (slot: SlotGridSlot, day: SlotGridDay) => void;\n  /** Fires when the user clicks the \"previous days\" arrow. */\n  onPreviousDays?: () => void;\n  /** Fires when the user clicks the \"next days\" arrow. */\n  onNextDays?: () => void;\n  /** Fires when the user clicks a day's \"Show more\" button. */\n  onShowMore?: (day: SlotGridDay) => void;\n  /** Fires when the user clicks the \"Next available\" CTA. */\n  onJumpToNextAvailable?: () => void;\n}\n\n/**\n * Imperative handle the agent adapter (`slot-grid.agent.ts`) reads and drives.\n *\n * It is NOT the `ref` — `ref` stays the outer `HTMLDivElement` so existing\n * consumers are unaffected. The handle is built with `useMemo` and handed to\n * `useAgentRegistration`, the same shape Autocomplete uses.\n *\n * Every getter returns identifiers and structural state only — availability\n * slot ids, calendar day keys, booleans. Never patient data (PRS §26 §7).\n */\nexport interface SlotGridHandle {\n  /** Current visual / interactive state (`default` / `loading` / `disabled` / `empty`). */\n  getStatus: () => SlotGridState;\n  /** Controlled `selectedSlotId` prop, or `null` when nothing is selected. */\n  getSelectedSlotId: () => string | null;\n  /** Day keys (`yyyy-MM-dd`) of the currently-rendered columns, in order. */\n  getVisibleDays: () => string[];\n  /** Day key → ids of that day's AVAILABLE slots (collapsed ones included). */\n  getSlotsByDay: () => Record<string, string[]>;\n  /** Day keys whose \"Show more\" control has been used. */\n  getExpandedDays: () => string[];\n  /** Mirrors the `hasPrevious` prop — whether an earlier window exists. */\n  getHasPrevious: () => boolean;\n  /** Mirrors the `hasNext` prop — whether a later window exists. */\n  getHasNext: () => boolean;\n  /** Select an available slot by id. Returns `false` when it cannot be selected. */\n  selectSlot: (slotId: string) => boolean;\n  /** Page the window forward. Returns `false` when the arrow would be disabled. */\n  nextDays: () => boolean;\n  /** Page the window back. Returns `false` when the arrow would be disabled. */\n  previousDays: () => boolean;\n  /** Reveal a day's collapsed slots. Returns `false` when the day is not visible. */\n  showMoreDay: (dayKey: string) => boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst slotGridVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n    'ds:text-[var(--foreground)]',\n    'ds:w-full',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst toolbarVariants = cva(\n  'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n);\n\n/**\n * Column-count is dynamic (1–12), so it is declared as a full CVA variant —\n * this keeps every `grid-cols-N` string statically visible to Tailwind's\n * JIT and keeps the variant table inside CVA rather than hand-rolled.\n */\nconst COLS_MAX = 12;\n\nconst columnsVariants = cva(\n  'ds:grid ds:gap-[var(--spacing-sm)] ds:w-full ds:auto-rows-min ds:items-start',\n  {\n    variants: {\n      cols: {\n        1: 'ds:grid-cols-1',\n        2: 'ds:grid-cols-2',\n        3: 'ds:grid-cols-3',\n        4: 'ds:grid-cols-4',\n        5: 'ds:grid-cols-5',\n        6: 'ds:grid-cols-6',\n        7: 'ds:grid-cols-7',\n        8: 'ds:grid-cols-8',\n        9: 'ds:grid-cols-9',\n        10: 'ds:grid-cols-10',\n        11: 'ds:grid-cols-11',\n        12: 'ds:grid-cols-12',\n      },\n    },\n    defaultVariants: { cols: 1 },\n  },\n);\n\ntype ColumnsCount = NonNullable<VariantProps<typeof columnsVariants>['cols']>;\n\nfunction clampCols(count: number): ColumnsCount {\n  return Math.max(1, Math.min(count, COLS_MAX)) as ColumnsCount;\n}\n\nconst columnVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:bg-[var(--card)]',\n    'ds:min-w-0',\n  ].join(' '),\n);\n\nconst dayHeaderVariants = cva(\n  [\n    'ds:font-[var(--font-weight-semibold)]',\n    'ds:text-[var(--foreground)]',\n    'ds:text-start',\n    'ds:truncate',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-xs)]',\n        md: 'ds:text-[length:var(--font-size-sm)]',\n        lg: 'ds:text-[length:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst slotListVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none',\n);\n\nconst slotButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:w-full',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:font-[var(--font-weight-medium)]',\n    'ds:bg-[var(--secondary)]',\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:text-[var(--foreground)]',\n    'ds:transition-[background-color,color,box-shadow]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[var(--focus-ring-offset)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:shadow-none',\n    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-disabled:shadow-none',\n    'ds:hover:enabled:shadow-[var(--shadow-md)]',\n    'ds:aria-pressed:bg-[var(--primary)] ds:aria-pressed:text-[var(--primary-foreground)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:h-8',\n        md: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:h-10',\n        lg: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-base)] ds:h-12',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction toDate(value: string | Date): Date {\n  return value instanceof Date ? value : parseISO(value);\n}\n\n/**\n * Internal identity for one rendered column. The index guards against a\n * consumer passing the same calendar date twice.\n */\nfunction columnKey(day: SlotGridDay, index: number): string {\n  return `${toDate(day.date).toISOString()}-${index}`;\n}\n\n/**\n * Agent-facing key for one column — the local calendar date as `yyyy-MM-dd`.\n * Structural, locale-independent, and carries no patient data.\n */\nfunction dayKeyOf(day: SlotGridDay): string {\n  return format(toDate(day.date), 'yyyy-MM-dd');\n}\n\n/** Is `a` the same calendar day as `b`? Uses `date-fns`, locale-agnostic. */\nexport function isSameDate(a: string | Date, b: string | Date): boolean {\n  return isSameDay(toDate(a), toDate(b));\n}\n\n/** Find the first day in a list that has at least one available slot. */\nexport function findFirstAvailable(\n  days: SlotGridDay[],\n): { day: SlotGridDay; slot: SlotGridSlot } | undefined {\n  for (const day of days) {\n    const slot = day.slots.find((s) => s.available !== false);\n    if (slot) return { day, slot };\n  }\n  return undefined;\n}\n\nfunction formatDayHeader(\n  date: Date,\n  locale: string,\n  timeZone?: string,\n): string {\n  try {\n    return new Intl.DateTimeFormat(locale, {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    }).format(date);\n  } catch {\n    return new Intl.DateTimeFormat('en', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n    }).format(date);\n  }\n}\n\nfunction formatSlotTime(\n  slot: SlotGridSlot,\n  locale: string,\n  timeZone?: string,\n): string {\n  if (slot.label !== undefined) return slot.label;\n  const start = toDate(slot.start);\n  try {\n    const fmt = new Intl.DateTimeFormat(locale, {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZone,\n    });\n    if (slot.end) {\n      const end = toDate(slot.end);\n      if (typeof fmt.formatRange === 'function') {\n        try {\n          return fmt.formatRange(start, end);\n        } catch {\n          /* fall through */\n        }\n      }\n      return `${fmt.format(start)} – ${fmt.format(end)}`;\n    }\n    return fmt.format(start);\n  } catch {\n    return start.toISOString();\n  }\n}\n\nfunction formatSlotAriaLabel(\n  slot: SlotGridSlot,\n  day: SlotGridDay,\n  locale: string,\n  timeZone: string | undefined,\n  template: (opts: { time: string; day: string }) => string,\n): string {\n  if (slot.ariaLabel !== undefined) return slot.ariaLabel;\n  const time = formatSlotTime(slot, locale, timeZone);\n  const dayLabel =\n    day.label !== undefined\n      ? day.label\n      : formatDayHeader(toDate(day.date), locale, timeZone);\n  return template({ time, day: dayLabel });\n}\n\n/* ------------------------------------------------------------------ */\n/* Glyphs — logical-direction arrows                                   */\n/* ------------------------------------------------------------------ */\n\nfunction ChevronStartIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ds:size-4\"\n    >\n      <path d=\"M15 18l-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronEndIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ds:size-4\"\n    >\n      <path d=\"M9 6l6 6-6 6\" />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const SlotGrid = forwardRef<HTMLDivElement, SlotGridProps>(\n  (\n    {\n      days,\n      state = 'default',\n      size = 'md',\n      selectedSlotId,\n      maxInitialSlotsPerDay = 6,\n      locale: localeProp,\n      timeZone,\n      hasPrevious = false,\n      hasNext = false,\n      showNextAvailable = false,\n      ariaLabel,\n      onSlotSelect,\n      onPreviousDays,\n      onNextDays,\n      onShowMore,\n      onJumpToNextAvailable,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const locale = localeProp ?? i18n.language ?? 'en';\n    const idBase = useId();\n\n    const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n\n    const isLoading = state === 'loading';\n    const isDisabled = state === 'disabled';\n    const isInteractionSuppressed = isLoading || isDisabled;\n    const isEmpty =\n      state === 'empty' ||\n      days.length === 0 ||\n      days.every((day) => day.slots.length === 0);\n\n    const resolvedAriaLabel = ariaLabel ?? t('slotGrid.ariaLabel');\n\n    const handleSlotClick = useCallback(\n      (slot: SlotGridSlot, day: SlotGridDay) => {\n        if (isInteractionSuppressed) return;\n        if (slot.available === false) return;\n        onSlotSelect?.(slot, day);\n      },\n      [isInteractionSuppressed, onSlotSelect],\n    );\n\n    const handleShowMore = useCallback(\n      (day: SlotGridDay, key: string) => {\n        setExpanded((prev) => ({ ...prev, [key]: true }));\n        onShowMore?.(day);\n      },\n      [onShowMore],\n    );\n\n    const handleSlotKeyDown = useCallback(\n      (\n        event: KeyboardEvent<HTMLButtonElement>,\n        slot: SlotGridSlot,\n        day: SlotGridDay,\n      ) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          handleSlotClick(slot, day);\n        }\n      },\n      [handleSlotClick],\n    );\n\n    /* ---- Agent handle ---------------------------------------------- */\n    /* `ref` stays the outer <div> (unchanged for consumers). The agent   */\n    /* handle is a separate, memo-stable object — the Autocomplete shape. */\n    /* A snapshot ref mirrors props + internal state so the handle reads  */\n    /* fresh values without re-registering on every render.               */\n\n    const snapshot = {\n      days,\n      selectedSlotId,\n      hasPrevious,\n      hasNext,\n      state,\n      expanded,\n      isInteractionSuppressed,\n      onPreviousDays,\n      onNextDays,\n      handleSlotClick,\n      handleShowMore,\n    };\n    const latest = useRef(snapshot);\n    useEffect(() => {\n      latest.current = snapshot;\n    });\n\n    const agentHandle = useMemo<SlotGridHandle>(\n      () => ({\n        getStatus: () => latest.current.state,\n        getSelectedSlotId: () => latest.current.selectedSlotId ?? null,\n        getVisibleDays: () => latest.current.days.map(dayKeyOf),\n        getSlotsByDay: () => {\n          // Ids only — never the slot objects (PRS §26 §7 / auditor A9).\n          const byDay: Record<string, string[]> = {};\n          for (const day of latest.current.days) {\n            const key = dayKeyOf(day);\n            const ids = day.slots\n              .filter((slot) => slot.available !== false)\n              .map((slot) => slot.id);\n            byDay[key] = byDay[key] ? [...byDay[key], ...ids] : ids;\n          }\n          return byDay;\n        },\n        getExpandedDays: () =>\n          latest.current.days\n            .filter(\n              (day, index) =>\n                latest.current.expanded[columnKey(day, index)] === true,\n            )\n            .map(dayKeyOf),\n        getHasPrevious: () => latest.current.hasPrevious,\n        getHasNext: () => latest.current.hasNext,\n        selectSlot: (slotId) => {\n          const current = latest.current;\n          if (current.isInteractionSuppressed) return false;\n          for (const day of current.days) {\n            const slot = day.slots.find((candidate) => candidate.id === slotId);\n            if (!slot) continue;\n            if (slot.available === false) return false;\n            // Same code path as a native click on the slot button.\n            current.handleSlotClick(slot, day);\n            return true;\n          }\n          return false;\n        },\n        nextDays: () => {\n          const current = latest.current;\n          if (!current.hasNext || current.isInteractionSuppressed) return false;\n          if (!current.onNextDays) return false;\n          current.onNextDays();\n          return true;\n        },\n        previousDays: () => {\n          const current = latest.current;\n          if (!current.hasPrevious || current.isInteractionSuppressed) {\n            return false;\n          }\n          if (!current.onPreviousDays) return false;\n          current.onPreviousDays();\n          return true;\n        },\n        showMoreDay: (dayKey) => {\n          const current = latest.current;\n          if (current.isInteractionSuppressed) return false;\n          const index = current.days.findIndex(\n            (day) => dayKeyOf(day) === dayKey,\n          );\n          if (index < 0) return false;\n          const day = current.days[index];\n          current.handleShowMore(day, columnKey(day, index));\n          return true;\n        },\n      }),\n      [],\n    );\n\n    useAgentRegistration(slotGridAgent, agentHandle, id);\n\n    const columnCount = clampCols(days.length || 1);\n    const columnsClass = columnsVariants({ cols: columnCount });\n\n    /* ---- Rendered content ------------------------------------------ */\n\n    let body: ReactNode;\n    if (isLoading) {\n      body = (\n        <div\n          className={columnsClass}\n          data-state=\"loading\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={t('common.loading')}\n        >\n          {Array.from({ length: columnCount }, (_, colIdx) => (\n            <div key={`loading-col-${colIdx}`} className={columnVariants()}>\n              <Skeleton variant=\"text\" size={size} width=\"60%\" />\n              <div className={slotListVariants()}>\n                {Array.from(\n                  { length: Math.min(maxInitialSlotsPerDay, 4) },\n                  (_, rowIdx) => (\n                    <Skeleton\n                      key={`loading-slot-${colIdx}-${rowIdx}`}\n                      variant=\"rounded\"\n                      size={size}\n                      height=\"40px\"\n                    />\n                  ),\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div data-state=\"empty\">\n          <EmptyState variant=\"no-results\" title={t('slotGrid.noSlots')} />\n        </div>\n      );\n    } else {\n      body = (\n        <div\n          className={columnsClass}\n          data-state={isDisabled ? 'disabled' : 'default'}\n        >\n          {days.map((day, dayIdx) => {\n            const dayKey = columnKey(day, dayIdx);\n            const headerLabel =\n              day.label ?? formatDayHeader(toDate(day.date), locale, timeZone);\n            const headerId = `${idBase}-day-${dayIdx}-header`;\n            const isExpanded = expanded[dayKey] ?? false;\n            const visibleSlots = isExpanded\n              ? day.slots\n              : day.slots.slice(0, maxInitialSlotsPerDay);\n            const hiddenCount = day.slots.length - visibleSlots.length;\n\n            const isDayEmpty = day.slots.length === 0;\n\n            return (\n              // Use a plain <div role=\"group\"> rather than <section> — a\n              // <section> with aria-labelledby is a landmark, and nesting many\n              // landmarks inside the outer slot-grid landmark fails axe's\n              // landmark-unique rule.\n              <div\n                key={dayKey}\n                role=\"group\"\n                className={columnVariants()}\n                aria-labelledby={headerId}\n                data-empty={isDayEmpty || undefined}\n              >\n                <h3 id={headerId} className={dayHeaderVariants({ size })}>\n                  {headerLabel}\n                </h3>\n                {isDayEmpty ? (\n                  <p className=\"type-body-sm ds:text-[var(--muted-foreground)] ds:m-0\">\n                    {t('slotGrid.noSlots')}\n                  </p>\n                ) : null}\n                <ul className={slotListVariants()}>\n                  {visibleSlots.map((slot) => {\n                    const ariaLabelSlot = formatSlotAriaLabel(\n                      slot,\n                      day,\n                      locale,\n                      timeZone,\n                      ({ time, day: dayLabel }) =>\n                        t('slotGrid.slotLabel', { time, day: dayLabel }),\n                    );\n                    const isSelected = selectedSlotId === slot.id;\n                    const isSlotDisabled =\n                      slot.available === false || isInteractionSuppressed;\n                    return (\n                      <li key={slot.id}>\n                        <button\n                          type=\"button\"\n                          className={slotButtonVariants({ size })}\n                          aria-label={ariaLabelSlot}\n                          aria-pressed={isSelected}\n                          disabled={isSlotDisabled}\n                          aria-disabled={isSlotDisabled || undefined}\n                          data-slot-id={slot.id}\n                          onClick={() => handleSlotClick(slot, day)}\n                          onKeyDown={(event) =>\n                            handleSlotKeyDown(event, slot, day)\n                          }\n                        >\n                          {formatSlotTime(slot, locale, timeZone)}\n                        </button>\n                      </li>\n                    );\n                  })}\n                </ul>\n                {hiddenCount > 0 ? (\n                  <Button\n                    intent=\"ghost\"\n                    size={size === 'lg' ? 'md' : 'sm'}\n                    onClick={() => handleShowMore(day, dayKey)}\n                    disabled={isInteractionSuppressed}\n                  >\n                    {t('slotGrid.showMore', { count: hiddenCount })}\n                  </Button>\n                ) : null}\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        className={slotGridVariants({ size, className })}\n        data-component=\"slot-grid\"\n        data-component-id={id}\n        data-state={state}\n        {...rest}\n      >\n        <div className={toolbarVariants()}>\n          <IconButton\n            icon={<ChevronStartIcon />}\n            aria-label={t('slotGrid.previousDays')}\n            size={size === 'lg' ? 'md' : 'sm'}\n            intent=\"ghost\"\n            flipIconInRtl\n            disabled={!hasPrevious || isInteractionSuppressed}\n            onClick={onPreviousDays}\n          />\n          {showNextAvailable ? (\n            <Button\n              intent=\"secondary\"\n              size={size === 'lg' ? 'md' : 'sm'}\n              disabled={isInteractionSuppressed}\n              onClick={onJumpToNextAvailable}\n            >\n              {t('slotGrid.nextAvailable')}\n            </Button>\n          ) : (\n            <span aria-hidden=\"true\" />\n          )}\n          <IconButton\n            icon={<ChevronEndIcon />}\n            aria-label={t('slotGrid.nextDays')}\n            size={size === 'lg' ? 'md' : 'sm'}\n            intent=\"ghost\"\n            flipIconInRtl\n            disabled={!hasNext || isInteractionSuppressed}\n            onClick={onNextDays}\n          />\n        </div>\n\n        {body}\n      </div>\n    );\n  },\n);\n\nSlotGrid.displayName = 'SlotGrid';\n"],"names":["slotGridAgent","handle","args","slotGridVariants","cva","toolbarVariants","COLS_MAX","columnsVariants","clampCols","count","columnVariants","dayHeaderVariants","slotListVariants","slotButtonVariants","toDate","value","parseISO","columnKey","day","index","dayKeyOf","format","isSameDate","a","b","isSameDay","findFirstAvailable","days","slot","s","formatDayHeader","date","locale","timeZone","formatSlotTime","start","fmt","end","formatSlotAriaLabel","template","time","dayLabel","ChevronStartIcon","jsx","ChevronEndIcon","SlotGrid","forwardRef","state","size","selectedSlotId","maxInitialSlotsPerDay","localeProp","hasPrevious","hasNext","showNextAvailable","ariaLabel","onSlotSelect","onPreviousDays","onNextDays","onShowMore","onJumpToNextAvailable","className","id","rest","ref","t","i18n","useTranslation","idBase","useId","expanded","setExpanded","useState","isLoading","isDisabled","isInteractionSuppressed","isEmpty","resolvedAriaLabel","handleSlotClick","useCallback","handleShowMore","key","prev","handleSlotKeyDown","event","snapshot","latest","useRef","useEffect","agentHandle","useMemo","byDay","ids","slotId","current","candidate","dayKey","useAgentRegistration","columnCount","columnsClass","body","_","colIdx","jsxs","Skeleton","rowIdx","EmptyState","dayIdx","headerLabel","headerId","visibleSlots","hiddenCount","isDayEmpty","ariaLabelSlot","isSelected","isSlotDisabled","Button","IconButton"],"mappings":"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"}
+{"version":3,"file":"slot-grid-xgf2UKLS.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()`.                                   */\n/*                                                                     */\n/* Agent surface: `ref` is the outer <div>; a separate `SlotGridHandle` */\n/* (built with `useMemo`, registered via `useAgentRegistration`) gives  */\n/* the MCP bridge a read-only view of the visible days + available slot */\n/* ids and the four interactions the UI itself offers. See             */\n/* `slot-grid.agent.ts` and PRS §26.                                    */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { format, isSameDay, parseISO } from 'date-fns';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { useAgentRegistration } from '../../agent';\nimport { slotGridAgent } from './slot-grid.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type SlotGridState = 'default' | 'loading' | 'disabled' | 'empty';\n\nexport type SlotGridSize = 'sm' | 'md' | 'lg';\n\nexport interface SlotGridSlot {\n  /** Stable identity — used by consumers to resolve selection. */\n  id: string;\n  /** Slot start — ISO string or `Date`. Rendered via `Intl.DateTimeFormat`. */\n  start: string | Date;\n  /** Optional slot end — if omitted only the start time is announced. */\n  end?: string | Date;\n  /** Defaults to `true`. Unavailable slots render disabled and are not focusable. */\n  available?: boolean;\n  /** Override the default `Intl`-formatted time label. */\n  label?: string;\n  /** Override the accessible name of the slot button. */\n  ariaLabel?: string;\n}\n\nexport interface SlotGridDay {\n  /** The calendar day the column represents. */\n  date: string | Date;\n  /** Slots for this day, in chronological order. Empty array ⇒ empty day. */\n  slots: SlotGridSlot[];\n  /** Override the default `Intl`-formatted day header. */\n  label?: string;\n}\n\nexport interface SlotGridProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'onSelect'>,\n    VariantProps<typeof slotGridVariants> {\n  /** Days to render, one column per entry. */\n  days: SlotGridDay[];\n  /** Visual / interactive state. Defaults to `'default'`. */\n  state?: SlotGridState;\n  /** Density of the slot buttons and day headers. Defaults to `'md'`. */\n  size?: SlotGridSize;\n  /** Id of the currently selected slot (controlled). */\n  selectedSlotId?: string;\n  /**\n   * Initial number of slots to render per day before the \"Show more\"\n   * progressive-disclosure control collapses the rest. Defaults to `6`.\n   */\n  maxInitialSlotsPerDay?: number;\n  /**\n   * BCP-47 locale tag for `Intl.DateTimeFormat`. Defaults to the active\n   * i18next language.\n   */\n  locale?: string;\n  /** IANA time zone for `Intl.DateTimeFormat`. Optional. */\n  timeZone?: string;\n  /** Whether the \"previous days\" navigation arrow should be enabled. */\n  hasPrevious?: boolean;\n  /** Whether the \"next days\" navigation arrow should be enabled. */\n  hasNext?: boolean;\n  /**\n   * When `true`, renders the \"Next available\" CTA at the end of the\n   * toolbar. Only emits a callback — the consumer owns the navigation.\n   */\n  showNextAvailable?: boolean;\n  /** Accessible label for the outer grid region. */\n  ariaLabel?: string;\n  /** Fires when the user selects an available slot. */\n  onSlotSelect?: (slot: SlotGridSlot, day: SlotGridDay) => void;\n  /** Fires when the user clicks the \"previous days\" arrow. */\n  onPreviousDays?: () => void;\n  /** Fires when the user clicks the \"next days\" arrow. */\n  onNextDays?: () => void;\n  /** Fires when the user clicks a day's \"Show more\" button. */\n  onShowMore?: (day: SlotGridDay) => void;\n  /** Fires when the user clicks the \"Next available\" CTA. */\n  onJumpToNextAvailable?: () => void;\n}\n\n/**\n * Imperative handle the agent adapter (`slot-grid.agent.ts`) reads and drives.\n *\n * It is NOT the `ref` — `ref` stays the outer `HTMLDivElement` so existing\n * consumers are unaffected. The handle is built with `useMemo` and handed to\n * `useAgentRegistration`, the same shape Autocomplete uses.\n *\n * Every getter returns identifiers and structural state only — availability\n * slot ids, calendar day keys, booleans. Never patient data (PRS §26 §7).\n */\nexport interface SlotGridHandle {\n  /** Current visual / interactive state (`default` / `loading` / `disabled` / `empty`). */\n  getStatus: () => SlotGridState;\n  /** Controlled `selectedSlotId` prop, or `null` when nothing is selected. */\n  getSelectedSlotId: () => string | null;\n  /** Day keys (`yyyy-MM-dd`) of the currently-rendered columns, in order. */\n  getVisibleDays: () => string[];\n  /** Day key → ids of that day's AVAILABLE slots (collapsed ones included). */\n  getSlotsByDay: () => Record<string, string[]>;\n  /** Day keys whose \"Show more\" control has been used. */\n  getExpandedDays: () => string[];\n  /** Mirrors the `hasPrevious` prop — whether an earlier window exists. */\n  getHasPrevious: () => boolean;\n  /** Mirrors the `hasNext` prop — whether a later window exists. */\n  getHasNext: () => boolean;\n  /** Select an available slot by id. Returns `false` when it cannot be selected. */\n  selectSlot: (slotId: string) => boolean;\n  /** Page the window forward. Returns `false` when the arrow would be disabled. */\n  nextDays: () => boolean;\n  /** Page the window back. Returns `false` when the arrow would be disabled. */\n  previousDays: () => boolean;\n  /** Reveal a day's collapsed slots. Returns `false` when the day is not visible. */\n  showMoreDay: (dayKey: string) => boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst slotGridVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n    'ds:text-[var(--foreground)]',\n    'ds:w-full',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst toolbarVariants = cva(\n  'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n);\n\n/**\n * Column-count is dynamic (1–12), so it is declared as a full CVA variant —\n * this keeps every `grid-cols-N` string statically visible to Tailwind's\n * JIT and keeps the variant table inside CVA rather than hand-rolled.\n */\nconst COLS_MAX = 12;\n\nconst columnsVariants = cva(\n  'ds:grid ds:gap-[var(--spacing-sm)] ds:w-full ds:auto-rows-min ds:items-start',\n  {\n    variants: {\n      cols: {\n        1: 'ds:grid-cols-1',\n        2: 'ds:grid-cols-2',\n        3: 'ds:grid-cols-3',\n        4: 'ds:grid-cols-4',\n        5: 'ds:grid-cols-5',\n        6: 'ds:grid-cols-6',\n        7: 'ds:grid-cols-7',\n        8: 'ds:grid-cols-8',\n        9: 'ds:grid-cols-9',\n        10: 'ds:grid-cols-10',\n        11: 'ds:grid-cols-11',\n        12: 'ds:grid-cols-12',\n      },\n    },\n    defaultVariants: { cols: 1 },\n  },\n);\n\ntype ColumnsCount = NonNullable<VariantProps<typeof columnsVariants>['cols']>;\n\nfunction clampCols(count: number): ColumnsCount {\n  return Math.max(1, Math.min(count, COLS_MAX)) as ColumnsCount;\n}\n\nconst columnVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:bg-[var(--card)]',\n    'ds:min-w-0',\n  ].join(' '),\n);\n\nconst dayHeaderVariants = cva(\n  [\n    'ds:font-[var(--font-weight-semibold)]',\n    'ds:text-[var(--foreground)]',\n    'ds:text-start',\n    'ds:truncate',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-xs)]',\n        md: 'ds:text-[length:var(--font-size-sm)]',\n        lg: 'ds:text-[length:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst slotListVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none',\n);\n\nconst slotButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:w-full',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:font-[var(--font-weight-medium)]',\n    'ds:bg-[var(--secondary)]',\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:text-[var(--foreground)]',\n    'ds:transition-[background-color,color,box-shadow]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[var(--focus-ring-offset)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:shadow-none',\n    'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-disabled:shadow-none',\n    'ds:hover:enabled:shadow-[var(--shadow-md)]',\n    'ds:aria-pressed:bg-[var(--primary)] ds:aria-pressed:text-[var(--primary-foreground)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:h-8',\n        md: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:h-10',\n        lg: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-base)] ds:h-12',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction toDate(value: string | Date): Date {\n  return value instanceof Date ? value : parseISO(value);\n}\n\n/**\n * Internal identity for one rendered column. The index guards against a\n * consumer passing the same calendar date twice.\n */\nfunction columnKey(day: SlotGridDay, index: number): string {\n  return `${toDate(day.date).toISOString()}-${index}`;\n}\n\n/**\n * Agent-facing key for one column — the local calendar date as `yyyy-MM-dd`.\n * Structural, locale-independent, and carries no patient data.\n */\nfunction dayKeyOf(day: SlotGridDay): string {\n  return format(toDate(day.date), 'yyyy-MM-dd');\n}\n\n/** Is `a` the same calendar day as `b`? Uses `date-fns`, locale-agnostic. */\nexport function isSameDate(a: string | Date, b: string | Date): boolean {\n  return isSameDay(toDate(a), toDate(b));\n}\n\n/** Find the first day in a list that has at least one available slot. */\nexport function findFirstAvailable(\n  days: SlotGridDay[],\n): { day: SlotGridDay; slot: SlotGridSlot } | undefined {\n  for (const day of days) {\n    const slot = day.slots.find((s) => s.available !== false);\n    if (slot) return { day, slot };\n  }\n  return undefined;\n}\n\nfunction formatDayHeader(\n  date: Date,\n  locale: string,\n  timeZone?: string,\n): string {\n  try {\n    return new Intl.DateTimeFormat(locale, {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n      timeZone,\n    }).format(date);\n  } catch {\n    return new Intl.DateTimeFormat('en', {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n    }).format(date);\n  }\n}\n\nfunction formatSlotTime(\n  slot: SlotGridSlot,\n  locale: string,\n  timeZone?: string,\n): string {\n  if (slot.label !== undefined) return slot.label;\n  const start = toDate(slot.start);\n  try {\n    const fmt = new Intl.DateTimeFormat(locale, {\n      hour: 'numeric',\n      minute: '2-digit',\n      timeZone,\n    });\n    if (slot.end) {\n      const end = toDate(slot.end);\n      if (typeof fmt.formatRange === 'function') {\n        try {\n          return fmt.formatRange(start, end);\n        } catch {\n          /* fall through */\n        }\n      }\n      return `${fmt.format(start)} – ${fmt.format(end)}`;\n    }\n    return fmt.format(start);\n  } catch {\n    return start.toISOString();\n  }\n}\n\nfunction formatSlotAriaLabel(\n  slot: SlotGridSlot,\n  day: SlotGridDay,\n  locale: string,\n  timeZone: string | undefined,\n  template: (opts: { time: string; day: string }) => string,\n): string {\n  if (slot.ariaLabel !== undefined) return slot.ariaLabel;\n  const time = formatSlotTime(slot, locale, timeZone);\n  const dayLabel =\n    day.label !== undefined\n      ? day.label\n      : formatDayHeader(toDate(day.date), locale, timeZone);\n  return template({ time, day: dayLabel });\n}\n\n/* ------------------------------------------------------------------ */\n/* Glyphs — logical-direction arrows                                   */\n/* ------------------------------------------------------------------ */\n\nfunction ChevronStartIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ds:size-4\"\n    >\n      <path d=\"M15 18l-6-6 6-6\" />\n    </svg>\n  );\n}\n\nfunction ChevronEndIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ds:size-4\"\n    >\n      <path d=\"M9 6l6 6-6 6\" />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const SlotGrid = forwardRef<HTMLDivElement, SlotGridProps>(\n  (\n    {\n      days,\n      state = 'default',\n      size = 'md',\n      selectedSlotId,\n      maxInitialSlotsPerDay = 6,\n      locale: localeProp,\n      timeZone,\n      hasPrevious = false,\n      hasNext = false,\n      showNextAvailable = false,\n      ariaLabel,\n      onSlotSelect,\n      onPreviousDays,\n      onNextDays,\n      onShowMore,\n      onJumpToNextAvailable,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const locale = localeProp ?? i18n.language ?? 'en';\n    const idBase = useId();\n\n    const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n\n    const isLoading = state === 'loading';\n    const isDisabled = state === 'disabled';\n    const isInteractionSuppressed = isLoading || isDisabled;\n    const isEmpty =\n      state === 'empty' ||\n      days.length === 0 ||\n      days.every((day) => day.slots.length === 0);\n\n    const resolvedAriaLabel = ariaLabel ?? t('slotGrid.ariaLabel');\n\n    const handleSlotClick = useCallback(\n      (slot: SlotGridSlot, day: SlotGridDay) => {\n        if (isInteractionSuppressed) return;\n        if (slot.available === false) return;\n        onSlotSelect?.(slot, day);\n      },\n      [isInteractionSuppressed, onSlotSelect],\n    );\n\n    const handleShowMore = useCallback(\n      (day: SlotGridDay, key: string) => {\n        setExpanded((prev) => ({ ...prev, [key]: true }));\n        onShowMore?.(day);\n      },\n      [onShowMore],\n    );\n\n    const handleSlotKeyDown = useCallback(\n      (\n        event: KeyboardEvent<HTMLButtonElement>,\n        slot: SlotGridSlot,\n        day: SlotGridDay,\n      ) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          handleSlotClick(slot, day);\n        }\n      },\n      [handleSlotClick],\n    );\n\n    /* ---- Agent handle ---------------------------------------------- */\n    /* `ref` stays the outer <div> (unchanged for consumers). The agent   */\n    /* handle is a separate, memo-stable object — the Autocomplete shape. */\n    /* A snapshot ref mirrors props + internal state so the handle reads  */\n    /* fresh values without re-registering on every render.               */\n\n    const snapshot = {\n      days,\n      selectedSlotId,\n      hasPrevious,\n      hasNext,\n      state,\n      expanded,\n      isInteractionSuppressed,\n      onPreviousDays,\n      onNextDays,\n      handleSlotClick,\n      handleShowMore,\n    };\n    const latest = useRef(snapshot);\n    useEffect(() => {\n      latest.current = snapshot;\n    });\n\n    const agentHandle = useMemo<SlotGridHandle>(\n      () => ({\n        getStatus: () => latest.current.state,\n        getSelectedSlotId: () => latest.current.selectedSlotId ?? null,\n        getVisibleDays: () => latest.current.days.map(dayKeyOf),\n        getSlotsByDay: () => {\n          // Ids only — never the slot objects (PRS §26 §7 / auditor A9).\n          const byDay: Record<string, string[]> = {};\n          for (const day of latest.current.days) {\n            const key = dayKeyOf(day);\n            const ids = day.slots\n              .filter((slot) => slot.available !== false)\n              .map((slot) => slot.id);\n            byDay[key] = byDay[key] ? [...byDay[key], ...ids] : ids;\n          }\n          return byDay;\n        },\n        getExpandedDays: () =>\n          latest.current.days\n            .filter(\n              (day, index) =>\n                latest.current.expanded[columnKey(day, index)] === true,\n            )\n            .map(dayKeyOf),\n        getHasPrevious: () => latest.current.hasPrevious,\n        getHasNext: () => latest.current.hasNext,\n        selectSlot: (slotId) => {\n          const current = latest.current;\n          if (current.isInteractionSuppressed) return false;\n          for (const day of current.days) {\n            const slot = day.slots.find((candidate) => candidate.id === slotId);\n            if (!slot) continue;\n            if (slot.available === false) return false;\n            // Same code path as a native click on the slot button.\n            current.handleSlotClick(slot, day);\n            return true;\n          }\n          return false;\n        },\n        nextDays: () => {\n          const current = latest.current;\n          if (!current.hasNext || current.isInteractionSuppressed) return false;\n          if (!current.onNextDays) return false;\n          current.onNextDays();\n          return true;\n        },\n        previousDays: () => {\n          const current = latest.current;\n          if (!current.hasPrevious || current.isInteractionSuppressed) {\n            return false;\n          }\n          if (!current.onPreviousDays) return false;\n          current.onPreviousDays();\n          return true;\n        },\n        showMoreDay: (dayKey) => {\n          const current = latest.current;\n          if (current.isInteractionSuppressed) return false;\n          const index = current.days.findIndex(\n            (day) => dayKeyOf(day) === dayKey,\n          );\n          if (index < 0) return false;\n          const day = current.days[index];\n          current.handleShowMore(day, columnKey(day, index));\n          return true;\n        },\n      }),\n      [],\n    );\n\n    useAgentRegistration(slotGridAgent, agentHandle, id);\n\n    const columnCount = clampCols(days.length || 1);\n    const columnsClass = columnsVariants({ cols: columnCount });\n\n    /* ---- Rendered content ------------------------------------------ */\n\n    let body: ReactNode;\n    if (isLoading) {\n      body = (\n        <div\n          className={columnsClass}\n          data-state=\"loading\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={t('common.loading')}\n        >\n          {Array.from({ length: columnCount }, (_, colIdx) => (\n            <div key={`loading-col-${colIdx}`} className={columnVariants()}>\n              <Skeleton variant=\"text\" size={size} width=\"60%\" />\n              <div className={slotListVariants()}>\n                {Array.from(\n                  { length: Math.min(maxInitialSlotsPerDay, 4) },\n                  (_, rowIdx) => (\n                    <Skeleton\n                      key={`loading-slot-${colIdx}-${rowIdx}`}\n                      variant=\"rounded\"\n                      size={size}\n                      height=\"40px\"\n                    />\n                  ),\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div data-state=\"empty\">\n          <EmptyState variant=\"no-results\" title={t('slotGrid.noSlots')} />\n        </div>\n      );\n    } else {\n      body = (\n        <div\n          className={columnsClass}\n          data-state={isDisabled ? 'disabled' : 'default'}\n        >\n          {days.map((day, dayIdx) => {\n            const dayKey = columnKey(day, dayIdx);\n            const headerLabel =\n              day.label ?? formatDayHeader(toDate(day.date), locale, timeZone);\n            const headerId = `${idBase}-day-${dayIdx}-header`;\n            const isExpanded = expanded[dayKey] ?? false;\n            const visibleSlots = isExpanded\n              ? day.slots\n              : day.slots.slice(0, maxInitialSlotsPerDay);\n            const hiddenCount = day.slots.length - visibleSlots.length;\n\n            const isDayEmpty = day.slots.length === 0;\n\n            return (\n              // Use a plain <div role=\"group\"> rather than <section> — a\n              // <section> with aria-labelledby is a landmark, and nesting many\n              // landmarks inside the outer slot-grid landmark fails axe's\n              // landmark-unique rule.\n              <div\n                key={dayKey}\n                role=\"group\"\n                className={columnVariants()}\n                aria-labelledby={headerId}\n                data-empty={isDayEmpty || undefined}\n              >\n                <h3 id={headerId} className={dayHeaderVariants({ size })}>\n                  {headerLabel}\n                </h3>\n                {isDayEmpty ? (\n                  <p className=\"type-body-sm ds:text-[var(--muted-foreground)] ds:m-0\">\n                    {t('slotGrid.noSlots')}\n                  </p>\n                ) : null}\n                <ul className={slotListVariants()}>\n                  {visibleSlots.map((slot) => {\n                    const ariaLabelSlot = formatSlotAriaLabel(\n                      slot,\n                      day,\n                      locale,\n                      timeZone,\n                      ({ time, day: dayLabel }) =>\n                        t('slotGrid.slotLabel', { time, day: dayLabel }),\n                    );\n                    const isSelected = selectedSlotId === slot.id;\n                    const isSlotDisabled =\n                      slot.available === false || isInteractionSuppressed;\n                    return (\n                      <li key={slot.id}>\n                        <button\n                          type=\"button\"\n                          className={slotButtonVariants({ size })}\n                          aria-label={ariaLabelSlot}\n                          aria-pressed={isSelected}\n                          disabled={isSlotDisabled}\n                          aria-disabled={isSlotDisabled || undefined}\n                          data-slot-id={slot.id}\n                          onClick={() => handleSlotClick(slot, day)}\n                          onKeyDown={(event) =>\n                            handleSlotKeyDown(event, slot, day)\n                          }\n                        >\n                          {formatSlotTime(slot, locale, timeZone)}\n                        </button>\n                      </li>\n                    );\n                  })}\n                </ul>\n                {hiddenCount > 0 ? (\n                  <Button\n                    intent=\"ghost\"\n                    size={size === 'lg' ? 'md' : 'sm'}\n                    onClick={() => handleShowMore(day, dayKey)}\n                    disabled={isInteractionSuppressed}\n                  >\n                    {t('slotGrid.showMore', { count: hiddenCount })}\n                  </Button>\n                ) : null}\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        className={slotGridVariants({ size, className })}\n        data-component=\"slot-grid\"\n        data-component-id={id}\n        data-state={state}\n        {...rest}\n      >\n        <div className={toolbarVariants()}>\n          <IconButton\n            icon={<ChevronStartIcon />}\n            aria-label={t('slotGrid.previousDays')}\n            size={size === 'lg' ? 'md' : 'sm'}\n            intent=\"ghost\"\n            flipIconInRtl\n            disabled={!hasPrevious || isInteractionSuppressed}\n            onClick={onPreviousDays}\n          />\n          {showNextAvailable ? (\n            <Button\n              intent=\"secondary\"\n              size={size === 'lg' ? 'md' : 'sm'}\n              disabled={isInteractionSuppressed}\n              onClick={onJumpToNextAvailable}\n            >\n              {t('slotGrid.nextAvailable')}\n            </Button>\n          ) : (\n            <span aria-hidden=\"true\" />\n          )}\n          <IconButton\n            icon={<ChevronEndIcon />}\n            aria-label={t('slotGrid.nextDays')}\n            size={size === 'lg' ? 'md' : 'sm'}\n            intent=\"ghost\"\n            flipIconInRtl\n            disabled={!hasNext || isInteractionSuppressed}\n            onClick={onNextDays}\n          />\n        </div>\n\n        {body}\n      </div>\n    );\n  },\n);\n\nSlotGrid.displayName = 'SlotGrid';\n"],"names":["slotGridAgent","handle","args","slotGridVariants","cva","toolbarVariants","COLS_MAX","columnsVariants","clampCols","count","columnVariants","dayHeaderVariants","slotListVariants","slotButtonVariants","toDate","value","parseISO","columnKey","day","index","dayKeyOf","format","isSameDate","a","b","isSameDay","findFirstAvailable","days","slot","s","formatDayHeader","date","locale","timeZone","formatSlotTime","start","fmt","end","formatSlotAriaLabel","template","time","dayLabel","ChevronStartIcon","jsx","ChevronEndIcon","SlotGrid","forwardRef","state","size","selectedSlotId","maxInitialSlotsPerDay","localeProp","hasPrevious","hasNext","showNextAvailable","ariaLabel","onSlotSelect","onPreviousDays","onNextDays","onShowMore","onJumpToNextAvailable","className","id","rest","ref","t","i18n","useTranslation","idBase","useId","expanded","setExpanded","useState","isLoading","isDisabled","isInteractionSuppressed","isEmpty","resolvedAriaLabel","handleSlotClick","useCallback","handleShowMore","key","prev","handleSlotKeyDown","event","snapshot","latest","useRef","useEffect","agentHandle","useMemo","byDay","ids","slotId","current","candidate","dayKey","useAgentRegistration","columnCount","columnsClass","body","_","colIdx","jsxs","Skeleton","rowIdx","EmptyState","dayIdx","headerLabel","headerId","visibleSlots","hiddenCount","isDayEmpty","ariaLabelSlot","isSelected","isSlotDisabled","Button","IconButton"],"mappings":"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"}

package/dist/_chunks/social-sign-in-button-dlpPI5l7.js.map

@@ -1 +1 @@
-{"version":3,"file":"social-sign-in-button-dlpPI5l7.js","sources":["../../src/brand/provider-marks/apple.tsx","../../src/brand/provider-marks/google.tsx","../../src/components/social-sign-in-button/social-sign-in-button.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Apple brand mark — \"Sign in with Apple\".                               */\n/*                                                                        */\n/* Lives under src/brand/** (the sanctioned hex-literal exception zone    */\n/* per CLAUDE.md §2) alongside the Google mark, even though this glyph    */\n/* is single-colour and follows `currentColor`. Keeping both provider    */\n/* marks in one folder gives token-auditor a single brand path to reason */\n/* about and matches the WhatsAppButton inline-glyph precedent.           */\n/*                                                                        */\n/* Per Apple Human Interface Guidelines the Apple logo is a single-colour */\n/* mark that inherits the button's text colour: black on a white (light)  */\n/* surface, white on a black (dark) surface. We paint it with             */\n/* `fill=\"currentColor\"` so the consuming button's foreground token       */\n/* drives the colour from one CVA class — never recolour the Apple logo   */\n/* to a brand hue (HIG forbids it). The mark is decorative: the visible   */\n/* localized \"Sign in with Apple\" text is the accessible name, so the     */\n/* SVG carries `aria-hidden=\"true\"` and the button announces only its     */\n/* text label.                                                            */\n/* -------------------------------------------------------------------- */\n\nimport type { ReactNode } from 'react';\n\nexport interface ProviderMarkProps {\n  /** Forwarded to the root `<svg>` for size / colour utility classes. */\n  className?: string;\n}\n\n/**\n * The Apple logo glyph. Single path, `currentColor` fill so it follows\n * the button foreground across light / dark appearances and all four kit\n * themes. Decorative — `aria-hidden`.\n */\nexport function AppleMark({ className }: ProviderMarkProps): ReactNode {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path d=\"M17.05 12.536c-.024-2.51 2.05-3.715 2.143-3.774-1.168-1.708-2.985-1.942-3.63-1.967-1.546-.157-3.018.91-3.802.91-.783 0-1.99-.888-3.273-.864-1.684.025-3.236.978-4.102 2.485-1.748 3.03-.448 7.513 1.255 9.97.832 1.203 1.825 2.552 3.127 2.504 1.255-.05 1.73-.81 3.247-.81 1.518 0 1.945.81 3.273.786 1.351-.025 2.206-1.227 3.03-2.434.955-1.394 1.348-2.745 1.372-2.815-.03-.013-2.633-1.01-2.66-4.001m-2.48-7.343c.692-.838 1.158-2.002 1.03-3.163-.997.04-2.205.664-2.92 1.502-.64.742-1.2 1.927-1.05 3.066 1.112.086 2.247-.566 2.94-1.405\" />\n    </svg>\n  );\n}\n","/* -------------------------------------------------------------------- */\n/* Google brand mark — \"Sign in with Google\".                             */\n/*                                                                        */\n/* Lives under src/brand/** — the ONLY zone where hex-colour literals are */\n/* permitted (CLAUDE.md §2). The Google \"G\" is a FIXED four-colour mark   */\n/* that Google Identity Services brand guidelines forbid recolouring:     */\n/*   blue   #4285F4                                                        */\n/*   red    #EA4335                                                        */\n/*   yellow #FBBC05                                                        */\n/*   green  #34A853                                                        */\n/* These literals are therefore mandatory and intentional — they MUST NOT */\n/* be swapped for tokens or `currentColor`, and they MUST NOT shift across */\n/* the four kit themes or between light/dark button appearances. The mark */\n/* is rendered on a white tile (see SocialSignInButton) on coloured       */\n/* surfaces, per GIS guidance, so the colours always read.                */\n/*                                                                        */\n/* The mark is decorative: the visible localized \"Sign in with Google\"    */\n/* text is the accessible name, so the SVG carries `aria-hidden=\"true\"`   */\n/* and screen readers never announce the individual colour paths.         */\n/* -------------------------------------------------------------------- */\n\nimport type { ReactNode } from 'react';\n\nexport interface ProviderMarkProps {\n  /** Forwarded to the root `<svg>` for size utility classes. */\n  className?: string;\n}\n\n/**\n * The Google \"G\" glyph — the canonical Google Identity Services asset.\n * Four hardcoded brand hues (blue / red / yellow / green) that brand\n * guidelines forbid altering; this is why the file lives under\n * src/brand/** and not src/components/**. Decorative — `aria-hidden`.\n */\nexport function GoogleMark({ className }: ProviderMarkProps): ReactNode {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      {/* Brand-mandated fixed colours — do NOT tokenise (GIS guidelines). */}\n      <path\n        fill=\"#4285F4\"\n        d=\"M23.52 12.273c0-.851-.076-1.67-.218-2.455H12v4.642h6.458a5.52 5.52 0 0 1-2.394 3.622v3.01h3.878c2.269-2.09 3.578-5.166 3.578-8.819z\"\n      />\n      <path\n        fill=\"#34A853\"\n        d=\"M12 24c3.24 0 5.956-1.075 7.942-2.908l-3.878-3.01c-1.075.72-2.45 1.146-4.064 1.146-3.125 0-5.77-2.11-6.714-4.946H1.276v3.106A11.995 11.995 0 0 0 12 24z\"\n      />\n      <path\n        fill=\"#FBBC05\"\n        d=\"M5.286 14.282A7.213 7.213 0 0 1 4.91 12c0-.792.136-1.562.376-2.282V6.612H1.276A11.995 11.995 0 0 0 0 12c0 1.936.464 3.768 1.276 5.388l4.01-3.106z\"\n      />\n      <path\n        fill=\"#EA4335\"\n        d=\"M12 4.773c1.762 0 3.344.605 4.589 1.794l3.442-3.442C17.951 1.19 15.235 0 12 0A11.995 11.995 0 0 0 1.276 6.612l4.01 3.106C6.23 6.882 8.875 4.773 12 4.773z\"\n      />\n    </svg>\n  );\n}\n","/* -------------------------------------------------------------------- */\n/* SocialSignInButton — brand-compliant provider sign-in (Apple, Google). */\n/*                                                                        */\n/* Rendered as a REAL native <button> (forwardRef<HTMLButtonElement>) —   */\n/* shown as secondary passwordless options beneath the primary email-OTP  */\n/* in patient check-in (HTP-5104). One component, a CVA `provider` axis    */\n/* (apple | google, designed to grow), each carrying its official inline  */\n/* brand mark and brand surface:                                          */\n/*                                                                        */\n/*   - Apple HIG: light = white button + black logo/text;                 */\n/*                dark  = black button + white logo/text. The Apple mark  */\n/*                follows `currentColor`.                                  */\n/*   - Google Identity Services: light = white/neutral button + grey      */\n/*                text; dark = Google-blue button + white text. The fixed  */\n/*                4-colour \"G\" never recolours and sits on a white tile on */\n/*                the dark (coloured) surface per GIS guidance.            */\n/*                                                                        */\n/* This mirrors WhatsAppButton's brand-token EXCEPTION pattern:           */\n/* `--brand-apple-*` / `--brand-google-*` tokens live in                   */\n/* src/tokens/index.css across all four themes, and the brand marks ship  */\n/* as inline SVGs under src/brand/provider-marks/ (the sanctioned hex     */\n/* zone for Google's mandated colours). It also mirrors                    */\n/* SignInWithAlfadocsButton's provider-button shape: i18n default label,  */\n/* Spinner-on-loading, aria-busy, and the bfcache `pageshow` listener that */\n/* fires `onLoadingCancelled` when the user returns from the IDP via the  */\n/* browser back button.                                                   */\n/*                                                                        */\n/* Presentation only: it renders the brand-correct trigger and exposes    */\n/* onClick — the consuming auth pattern wires the actual OAuth/OIDC        */\n/* redirect. `asChild` is intentionally NOT supported (brand guidelines    */\n/* require a real button and forbid wrapping the mark in arbitrary link   */\n/* chrome). `type` defaults to 'button' so it never implicitly submits an  */\n/* ambient form.                                                          */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Spinner } from '../spinner';\nimport { AppleMark } from '../../brand/provider-marks/apple';\nimport { GoogleMark } from '../../brand/provider-marks/google';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center',\n    'ds:font-medium ds:whitespace-nowrap',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:border ds:border-solid',\n    'ds:active:opacity-90',\n    'ds:transition-[background-color,box-shadow,opacity]',\n    'ds:duration-[var(--animation-duration)]',\n    // Focus ring is `var(--ring)` (the kit primary), NEVER the brand\n    // surface colour — painting the ring in the brand hue on a brand\n    // surface makes it invisible. Same rule WhatsAppButton codifies.\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    // Windows High Contrast Mode strips brand fills — repaint a solid\n    // border edge + swap the focus ring to CanvasText so the affordance\n    // stays identifiable.\n    'ds:forced-colors:border-[ButtonBorder]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n    'ds:aria-busy:cursor-wait',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      provider: {\n        apple: '',\n        google: '',\n      },\n      appearance: {\n        light: '',\n        dark: '',\n      },\n      size: {\n        // Heights mirror Button (sm 32 / md 40 / lg 48). `sm` (32px) and\n        // `md` (40px) both fall below `--min-target-size` (44 base / 48\n        // accessible), so each adds the ::before pseudo-element touch-\n        // target expansion to reach the minimum on mobile, collapsing\n        // above the `sm:` breakpoint. This component is the patient\n        // check-in (HTP-5104) mobile sign-in surface and `md` is the\n        // DEFAULT size rendered there, so it MUST meet WCAG 2.5.5 at both\n        // theme levels — unlike Button/WhatsApp, we do not leave md short.\n        // `lg` (48px) already meets the minimum natively.\n        sm: [\n          'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4',\n          'ds:min-h-[var(--min-target-size)] ds:sm:min-h-0',\n          'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n        ].join(' '),\n        md: [\n          'ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5',\n          'ds:min-h-[var(--min-target-size)] ds:sm:min-h-0',\n          'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n        ].join(' '),\n        lg: 'ds:h-12 ds:ps-5 ds:pe-5 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6',\n      },\n    },\n    compoundVariants: [\n      /* Apple — light: white surface, black logo + text. */\n      {\n        provider: 'apple',\n        appearance: 'light',\n        class:\n          'ds:bg-[var(--brand-apple-light)] ds:text-[var(--brand-apple-light-foreground)] ds:border-[var(--brand-apple-light-border)] ds:hover:bg-[var(--brand-apple-light-hover)]',\n      },\n      /* Apple — dark: black surface, white logo + text. */\n      {\n        provider: 'apple',\n        appearance: 'dark',\n        class:\n          'ds:bg-[var(--brand-apple-dark)] ds:text-[var(--brand-apple-dark-foreground)] ds:border-[var(--brand-apple-dark)] ds:hover:bg-[var(--brand-apple-dark-hover)]',\n      },\n      /* Google — light: white/neutral surface, grey text. */\n      {\n        provider: 'google',\n        appearance: 'light',\n        class:\n          'ds:bg-[var(--brand-google-light)] ds:text-[var(--brand-google-light-foreground)] ds:border-[var(--brand-google-light-border)] ds:hover:bg-[var(--brand-google-light-hover)]',\n      },\n      /* Google — dark: Google-blue surface, white text. */\n      {\n        provider: 'google',\n        appearance: 'dark',\n        class:\n          'ds:bg-[var(--brand-google-dark)] ds:text-[var(--brand-google-dark-foreground)] ds:border-[var(--brand-google-dark)] ds:hover:bg-[var(--brand-google-dark-hover)]',\n      },\n    ],\n    defaultVariants: {\n      appearance: 'light',\n      size: 'md',\n    },\n  },\n);\n\n/* The loading Spinner stands in for the brand mark, so it must occupy the\n   SAME footprint (the button's `[&_svg]:size-4/5/6` = 16/20/24px). The\n   Spinner's own size ramp is one step smaller (sm/md/lg = 12/16/20px), so\n   we bump it one step and wrap it in a size-matched box; without this the\n   spinner is ~4px smaller than the glyph it replaces and the button jumps\n   on load. `lg` button → `lg` spinner (20px) inside a 24px box that the\n   button's `[&_svg]:size-6` then drives via the inner svg. */\nconst SPINNER_SIZE: Record<\n  NonNullable<VariantProps<typeof rootVariants>['size']>,\n  'sm' | 'md' | 'lg'\n> = {\n  sm: 'md',\n  md: 'lg',\n  lg: 'lg',\n};\n\nconst spinnerBoxVariants = cva(\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-4',\n        md: 'ds:size-5',\n        lg: 'ds:size-6',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* The Google mark on a coloured (dark) surface sits inside a white tile\n   per Google Identity Services guidance, so the 4-colour G always reads.\n   On the light/neutral surface it sits directly on the button. The tile\n   is a presentational chrome detail (not the mandated mark), so it uses\n   tokens. */\nconst googleTileVariants = cva(\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  {\n    variants: {\n      appearance: {\n        light: '',\n        dark: 'ds:rounded-[var(--radius-sm)] ds:bg-[var(--brand-google-tile)]',\n      },\n      size: {\n        sm: 'ds:[&_svg]:size-4',\n        md: 'ds:[&_svg]:size-5',\n        lg: 'ds:[&_svg]:size-6',\n      },\n    },\n    compoundVariants: [\n      { appearance: 'dark', size: 'sm', class: 'ds:p-1' },\n      { appearance: 'dark', size: 'md', class: 'ds:p-1.5' },\n      { appearance: 'dark', size: 'lg', class: 'ds:p-2' },\n    ],\n    defaultVariants: { appearance: 'light', size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type SocialSignInProvider = 'apple' | 'google';\n\n/**\n * Brand surface variant — independent of the kit theme. Apple HIG:\n * `light` = white button + black mark/text, `dark` = black button +\n * white mark/text. Google: `light` = white/neutral button, `dark` =\n * Google-blue button. Pick the appearance that contrasts with your\n * auth-card background; do NOT bind it to `useTheme()`. Defaults to\n * `'light'`. Derived from `rootVariants` so the prop union tracks the\n * CVA option list automatically.\n */\nexport type SocialSignInAppearance = NonNullable<\n  VariantProps<typeof rootVariants>['appearance']\n>;\n\n/** Button size. Defaults to `'md'`. Derived from `rootVariants`. */\nexport type SocialSignInSize = NonNullable<\n  VariantProps<typeof rootVariants>['size']\n>;\n\nexport interface SocialSignInButtonProps\n  extends\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    Omit<VariantProps<typeof rootVariants>, 'provider'> {\n  /**\n   * Which identity provider this button represents. Drives the brand\n   * mark, the surface colour token, and the default i18n verb + name.\n   * Designed extensible — the union and the CVA option list grow\n   * together when a new provider (e.g. `'microsoft'`) is added.\n   */\n  provider: SocialSignInProvider;\n  /**\n   * Swaps the brand mark for the kit Spinner (size-matched), sets\n   * `aria-busy='true'`, and disables the button so the user cannot\n   * double-submit the OAuth redirect. The label stays visible.\n   */\n  loading?: boolean;\n  /**\n   * Override the visible label. When omitted, reads\n   * `socialSignInButton.<provider>` (\"Sign in with Apple\" / \"Sign in\n   * with Google\"). Override only to switch the verb to \"Continue with\"\n   * — never for marketing copy, and the provider NAME (\"Apple\" /\n   * \"Google\") must stay verbatim per brand rules.\n   */\n  label?: ReactNode;\n  /**\n   * Fired when the component detects the user cancelled an in-flight\n   * sign-in — typically by pressing browser back after the OAuth\n   * redirect, which restores the page from bfcache with `loading` still\n   * true. Wire this to your loading-state setter so the button returns\n   * to idle. Only fires when `loading` is currently true; never on first\n   * mount. Mirrors SignInWithAlfadocsButton — the component does not\n   * reset state it doesn't own.\n   */\n  onLoadingCancelled?: () => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* SocialSignInButton                                                   */\n/* ------------------------------------------------------------------ */\n\nexport const SocialSignInButton = forwardRef<\n  HTMLButtonElement,\n  SocialSignInButtonProps\n>(\n  (\n    {\n      provider,\n      appearance = 'light',\n      size = 'md',\n      loading = false,\n      disabled,\n      label,\n      onLoadingCancelled,\n      type = 'button',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    // VariantProps types size/appearance as nullable; the destructure\n    // default only narrows `undefined`. Normalise to a non-null value\n    // before indexing the spinner-size map and box variant.\n    const resolvedSize: SocialSignInSize = size ?? 'md';\n    // Default label resolves from the provider key. The provider NAME is\n    // a brand constant carried verbatim by the translation value.\n    const resolvedLabel = label ?? t(`socialSignInButton.${provider}`);\n\n    // Stash latest values in refs so the `pageshow` listener reads them\n    // without re-binding on every render. One listener for the lifetime.\n    const loadingRef = useRef(loading);\n    const onCancelRef = useRef(onLoadingCancelled);\n    loadingRef.current = loading;\n    onCancelRef.current = onLoadingCancelled;\n\n    useEffect(() => {\n      const onPageShow = (event: PageTransitionEvent) => {\n        // `event.persisted` is true when the page was restored from the\n        // back/forward cache — the canonical \"user navigated away and\n        // came back without a fresh load\" signal. If the button still\n        // thinks it's loading, an OAuth redirect was started but never\n        // completed.\n        if (event.persisted && loadingRef.current && onCancelRef.current) {\n          onCancelRef.current();\n        }\n      };\n      window.addEventListener('pageshow', onPageShow);\n      return () => window.removeEventListener('pageshow', onPageShow);\n    }, []);\n\n    const composedClassName = [\n      rootVariants({ provider, appearance, size }),\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    // The mark sits at the inline-start; it does NOT mirror in RTL\n    // (a logo is not a directional glyph). Logical `gap`/`ps`/`pe` keep\n    // the layout direction-correct without flipping the mark itself.\n    const mark =\n      provider === 'apple' ? (\n        <AppleMark className=\"ds:shrink-0\" />\n      ) : appearance === 'dark' ? (\n        <span className={googleTileVariants({ appearance, size })}>\n          <GoogleMark />\n        </span>\n      ) : (\n        <GoogleMark className=\"ds:shrink-0\" />\n      );\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        data-component=\"social-sign-in-button\"\n        data-provider={provider}\n        data-appearance={appearance}\n        className={composedClassName}\n        {...props}\n      >\n        {loading ? (\n          <span className={spinnerBoxVariants({ size: resolvedSize })}>\n            <Spinner\n              size={SPINNER_SIZE[resolvedSize]}\n              variant=\"pulse\"\n              className=\"ds:size-full\"\n              label={t('socialSignInButton.loading')}\n            />\n          </span>\n        ) : (\n          mark\n        )}\n        <span>{resolvedLabel}</span>\n      </button>\n    );\n  },\n);\n\nSocialSignInButton.displayName = 'SocialSignInButton';\n"],"names":["AppleMark","className","jsx","GoogleMark","jsxs","rootVariants","cva","SPINNER_SIZE","spinnerBoxVariants","googleTileVariants","SocialSignInButton","forwardRef","provider","appearance","size","loading","disabled","label","onLoadingCancelled","type","props","ref","useTranslation","resolvedSize","resolvedLabel","loadingRef","useRef","onCancelRef","useEffect","onPageShow","event","composedClassName","mark","Spinner"],"mappings":"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"}
+{"version":3,"file":"social-sign-in-button-dlpPI5l7.js","sources":["../../src/brand/provider-marks/apple.tsx","../../src/brand/provider-marks/google.tsx","../../src/components/social-sign-in-button/social-sign-in-button.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Apple brand mark — \"Sign in with Apple\".                               */\n/*                                                                        */\n/* Lives under src/brand/** (the sanctioned hex-literal exception zone    */\n/* per CLAUDE.md §2) alongside the Google mark, even though this glyph    */\n/* is single-colour and follows `currentColor`. Keeping both provider    */\n/* marks in one folder gives token-auditor a single brand path to reason */\n/* about and matches the WhatsAppButton inline-glyph precedent.           */\n/*                                                                        */\n/* Per Apple Human Interface Guidelines the Apple logo is a single-colour */\n/* mark that inherits the button's text colour: black on a white (light)  */\n/* surface, white on a black (dark) surface. We paint it with             */\n/* `fill=\"currentColor\"` so the consuming button's foreground token       */\n/* drives the colour from one CVA class — never recolour the Apple logo   */\n/* to a brand hue (HIG forbids it). The mark is decorative: the visible   */\n/* localized \"Sign in with Apple\" text is the accessible name, so the     */\n/* SVG carries `aria-hidden=\"true\"` and the button announces only its     */\n/* text label.                                                            */\n/* -------------------------------------------------------------------- */\n\nimport type { ReactNode } from 'react';\n\nexport interface ProviderMarkProps {\n  /** Forwarded to the root `<svg>` for size / colour utility classes. */\n  className?: string;\n}\n\n/**\n * The Apple logo glyph. Single path, `currentColor` fill so it follows\n * the button foreground across light / dark appearances and all four kit\n * themes. Decorative — `aria-hidden`.\n */\nexport function AppleMark({ className }: ProviderMarkProps): ReactNode {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path d=\"M17.05 12.536c-.024-2.51 2.05-3.715 2.143-3.774-1.168-1.708-2.985-1.942-3.63-1.967-1.546-.157-3.018.91-3.802.91-.783 0-1.99-.888-3.273-.864-1.684.025-3.236.978-4.102 2.485-1.748 3.03-.448 7.513 1.255 9.97.832 1.203 1.825 2.552 3.127 2.504 1.255-.05 1.73-.81 3.247-.81 1.518 0 1.945.81 3.273.786 1.351-.025 2.206-1.227 3.03-2.434.955-1.394 1.348-2.745 1.372-2.815-.03-.013-2.633-1.01-2.66-4.001m-2.48-7.343c.692-.838 1.158-2.002 1.03-3.163-.997.04-2.205.664-2.92 1.502-.64.742-1.2 1.927-1.05 3.066 1.112.086 2.247-.566 2.94-1.405\" />\n    </svg>\n  );\n}\n","/* -------------------------------------------------------------------- */\n/* Google brand mark — \"Sign in with Google\".                             */\n/*                                                                        */\n/* Lives under src/brand/** — the ONLY zone where hex-colour literals are */\n/* permitted (CLAUDE.md §2). The Google \"G\" is a FIXED four-colour mark   */\n/* that Google Identity Services brand guidelines forbid recolouring:     */\n/*   blue   #4285F4                                                        */\n/*   red    #EA4335                                                        */\n/*   yellow #FBBC05                                                        */\n/*   green  #34A853                                                        */\n/* These literals are therefore mandatory and intentional — they MUST NOT */\n/* be swapped for tokens or `currentColor`, and they MUST NOT shift across */\n/* the four kit themes or between light/dark button appearances. The mark */\n/* is rendered on a white tile (see SocialSignInButton) on coloured       */\n/* surfaces, per GIS guidance, so the colours always read.                */\n/*                                                                        */\n/* The mark is decorative: the visible localized \"Sign in with Google\"    */\n/* text is the accessible name, so the SVG carries `aria-hidden=\"true\"`   */\n/* and screen readers never announce the individual colour paths.         */\n/* -------------------------------------------------------------------- */\n\nimport type { ReactNode } from 'react';\n\nexport interface ProviderMarkProps {\n  /** Forwarded to the root `<svg>` for size utility classes. */\n  className?: string;\n}\n\n/**\n * The Google \"G\" glyph — the canonical Google Identity Services asset.\n * Four hardcoded brand hues (blue / red / yellow / green) that brand\n * guidelines forbid altering; this is why the file lives under\n * src/brand/** and not src/components/**. Decorative — `aria-hidden`.\n */\nexport function GoogleMark({ className }: ProviderMarkProps): ReactNode {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      {/* Brand-mandated fixed colours — do NOT tokenise (GIS guidelines). */}\n      <path\n        fill=\"#4285F4\"\n        d=\"M23.52 12.273c0-.851-.076-1.67-.218-2.455H12v4.642h6.458a5.52 5.52 0 0 1-2.394 3.622v3.01h3.878c2.269-2.09 3.578-5.166 3.578-8.819z\"\n      />\n      <path\n        fill=\"#34A853\"\n        d=\"M12 24c3.24 0 5.956-1.075 7.942-2.908l-3.878-3.01c-1.075.72-2.45 1.146-4.064 1.146-3.125 0-5.77-2.11-6.714-4.946H1.276v3.106A11.995 11.995 0 0 0 12 24z\"\n      />\n      <path\n        fill=\"#FBBC05\"\n        d=\"M5.286 14.282A7.213 7.213 0 0 1 4.91 12c0-.792.136-1.562.376-2.282V6.612H1.276A11.995 11.995 0 0 0 0 12c0 1.936.464 3.768 1.276 5.388l4.01-3.106z\"\n      />\n      <path\n        fill=\"#EA4335\"\n        d=\"M12 4.773c1.762 0 3.344.605 4.589 1.794l3.442-3.442C17.951 1.19 15.235 0 12 0A11.995 11.995 0 0 0 1.276 6.612l4.01 3.106C6.23 6.882 8.875 4.773 12 4.773z\"\n      />\n    </svg>\n  );\n}\n","/* -------------------------------------------------------------------- */\n/* SocialSignInButton — brand-compliant provider sign-in (Apple, Google). */\n/*                                                                        */\n/* Rendered as a REAL native <button> (forwardRef<HTMLButtonElement>) —   */\n/* shown as secondary passwordless options beneath the primary email-OTP  */\n/* in patient check-in (HTP-5104). One component, a CVA `provider` axis    */\n/* (apple | google, designed to grow), each carrying its official inline  */\n/* brand mark and brand surface:                                          */\n/*                                                                        */\n/*   - Apple HIG: light = white button + black logo/text;                 */\n/*                dark  = black button + white logo/text. The Apple mark  */\n/*                follows `currentColor`.                                  */\n/*   - Google Identity Services: light = white/neutral button + grey      */\n/*                text; dark = Google-blue button + white text. The fixed  */\n/*                4-colour \"G\" never recolours and sits on a white tile on */\n/*                the dark (coloured) surface per GIS guidance.            */\n/*                                                                        */\n/* This mirrors WhatsAppButton's brand-token EXCEPTION pattern:           */\n/* `--brand-apple-*` / `--brand-google-*` tokens live in                   */\n/* src/tokens/index.css across all four themes, and the brand marks ship  */\n/* as inline SVGs under src/brand/provider-marks/ (the sanctioned hex     */\n/* zone for Google's mandated colours). It also mirrors                    */\n/* SignInWithAlfadocsButton's provider-button shape: i18n default label,  */\n/* Spinner-on-loading, aria-busy, and the bfcache `pageshow` listener that */\n/* fires `onLoadingCancelled` when the user returns from the IDP via the  */\n/* browser back button.                                                   */\n/*                                                                        */\n/* Presentation only: it renders the brand-correct trigger and exposes    */\n/* onClick — the consuming auth pattern wires the actual OAuth/OIDC        */\n/* redirect. `asChild` is intentionally NOT supported (brand guidelines    */\n/* require a real button and forbid wrapping the mark in arbitrary link   */\n/* chrome). `type` defaults to 'button' so it never implicitly submits an  */\n/* ambient form.                                                          */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Spinner } from '../spinner';\nimport { AppleMark } from '../../brand/provider-marks/apple';\nimport { GoogleMark } from '../../brand/provider-marks/google';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center',\n    'ds:font-medium ds:whitespace-nowrap',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:border ds:border-solid',\n    'ds:active:opacity-90',\n    'ds:transition-[background-color,box-shadow,opacity]',\n    'ds:duration-[var(--animation-duration)]',\n    // Focus ring is `var(--ring)` (the kit primary), NEVER the brand\n    // surface colour — painting the ring in the brand hue on a brand\n    // surface makes it invisible. Same rule WhatsAppButton codifies.\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    // Windows High Contrast Mode strips brand fills — repaint a solid\n    // border edge + swap the focus ring to CanvasText so the affordance\n    // stays identifiable.\n    'ds:forced-colors:border-[ButtonBorder]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n    'ds:aria-busy:cursor-wait',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      provider: {\n        apple: '',\n        google: '',\n      },\n      appearance: {\n        light: '',\n        dark: '',\n      },\n      size: {\n        // Heights mirror Button (sm 32 / md 40 / lg 48). `sm` (32px) and\n        // `md` (40px) both fall below `--min-target-size` (44 base / 48\n        // accessible), so each adds the ::before pseudo-element touch-\n        // target expansion to reach the minimum on mobile, collapsing\n        // above the `sm:` breakpoint. This component is the patient\n        // check-in (HTP-5104) mobile sign-in surface and `md` is the\n        // DEFAULT size rendered there, so it MUST meet WCAG 2.5.5 at both\n        // theme levels — unlike Button/WhatsApp, we do not leave md short.\n        // `lg` (48px) already meets the minimum natively.\n        sm: [\n          'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4',\n          'ds:min-h-[var(--min-target-size)] ds:sm:min-h-0',\n          'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n        ].join(' '),\n        md: [\n          'ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5',\n          'ds:min-h-[var(--min-target-size)] ds:sm:min-h-0',\n          'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n        ].join(' '),\n        lg: 'ds:h-12 ds:ps-5 ds:pe-5 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6',\n      },\n    },\n    compoundVariants: [\n      /* Apple — light: white surface, black logo + text. */\n      {\n        provider: 'apple',\n        appearance: 'light',\n        class:\n          'ds:bg-[var(--brand-apple-light)] ds:text-[var(--brand-apple-light-foreground)] ds:border-[var(--brand-apple-light-border)] ds:hover:bg-[var(--brand-apple-light-hover)]',\n      },\n      /* Apple — dark: black surface, white logo + text. */\n      {\n        provider: 'apple',\n        appearance: 'dark',\n        class:\n          'ds:bg-[var(--brand-apple-dark)] ds:text-[var(--brand-apple-dark-foreground)] ds:border-[var(--brand-apple-dark)] ds:hover:bg-[var(--brand-apple-dark-hover)]',\n      },\n      /* Google — light: white/neutral surface, grey text. */\n      {\n        provider: 'google',\n        appearance: 'light',\n        class:\n          'ds:bg-[var(--brand-google-light)] ds:text-[var(--brand-google-light-foreground)] ds:border-[var(--brand-google-light-border)] ds:hover:bg-[var(--brand-google-light-hover)]',\n      },\n      /* Google — dark: Google-blue surface, white text. */\n      {\n        provider: 'google',\n        appearance: 'dark',\n        class:\n          'ds:bg-[var(--brand-google-dark)] ds:text-[var(--brand-google-dark-foreground)] ds:border-[var(--brand-google-dark)] ds:hover:bg-[var(--brand-google-dark-hover)]',\n      },\n    ],\n    defaultVariants: {\n      appearance: 'light',\n      size: 'md',\n    },\n  },\n);\n\n/* The loading Spinner stands in for the brand mark, so it must occupy the\n   SAME footprint (the button's `[&_svg]:size-4/5/6` = 16/20/24px). The\n   Spinner's own size ramp is one step smaller (sm/md/lg = 12/16/20px), so\n   we bump it one step and wrap it in a size-matched box; without this the\n   spinner is ~4px smaller than the glyph it replaces and the button jumps\n   on load. `lg` button → `lg` spinner (20px) inside a 24px box that the\n   button's `[&_svg]:size-6` then drives via the inner svg. */\nconst SPINNER_SIZE: Record<\n  NonNullable<VariantProps<typeof rootVariants>['size']>,\n  'sm' | 'md' | 'lg'\n> = {\n  sm: 'md',\n  md: 'lg',\n  lg: 'lg',\n};\n\nconst spinnerBoxVariants = cva(\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-4',\n        md: 'ds:size-5',\n        lg: 'ds:size-6',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* The Google mark on a coloured (dark) surface sits inside a white tile\n   per Google Identity Services guidance, so the 4-colour G always reads.\n   On the light/neutral surface it sits directly on the button. The tile\n   is a presentational chrome detail (not the mandated mark), so it uses\n   tokens. */\nconst googleTileVariants = cva(\n  'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n  {\n    variants: {\n      appearance: {\n        light: '',\n        dark: 'ds:rounded-[var(--radius-sm)] ds:bg-[var(--brand-google-tile)]',\n      },\n      size: {\n        sm: 'ds:[&_svg]:size-4',\n        md: 'ds:[&_svg]:size-5',\n        lg: 'ds:[&_svg]:size-6',\n      },\n    },\n    compoundVariants: [\n      { appearance: 'dark', size: 'sm', class: 'ds:p-1' },\n      { appearance: 'dark', size: 'md', class: 'ds:p-1.5' },\n      { appearance: 'dark', size: 'lg', class: 'ds:p-2' },\n    ],\n    defaultVariants: { appearance: 'light', size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type SocialSignInProvider = 'apple' | 'google';\n\n/**\n * Brand surface variant — independent of the kit theme. Apple HIG:\n * `light` = white button + black mark/text, `dark` = black button +\n * white mark/text. Google: `light` = white/neutral button, `dark` =\n * Google-blue button. Pick the appearance that contrasts with your\n * auth-card background; do NOT bind it to `useTheme()`. Defaults to\n * `'light'`. Derived from `rootVariants` so the prop union tracks the\n * CVA option list automatically.\n */\nexport type SocialSignInAppearance = NonNullable<\n  VariantProps<typeof rootVariants>['appearance']\n>;\n\n/** Button size. Defaults to `'md'`. Derived from `rootVariants`. */\nexport type SocialSignInSize = NonNullable<\n  VariantProps<typeof rootVariants>['size']\n>;\n\nexport interface SocialSignInButtonProps\n  extends\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    Omit<VariantProps<typeof rootVariants>, 'provider'> {\n  /**\n   * Which identity provider this button represents. Drives the brand\n   * mark, the surface colour token, and the default i18n verb + name.\n   * Designed extensible — the union and the CVA option list grow\n   * together when a new provider (e.g. `'microsoft'`) is added.\n   */\n  provider: SocialSignInProvider;\n  /**\n   * Swaps the brand mark for the kit Spinner (size-matched), sets\n   * `aria-busy='true'`, and disables the button so the user cannot\n   * double-submit the OAuth redirect. The label stays visible.\n   */\n  loading?: boolean;\n  /**\n   * Override the visible label. When omitted, reads\n   * `socialSignInButton.<provider>` (\"Sign in with Apple\" / \"Sign in\n   * with Google\"). Override only to switch the verb to \"Continue with\"\n   * — never for marketing copy, and the provider NAME (\"Apple\" /\n   * \"Google\") must stay verbatim per brand rules.\n   */\n  label?: ReactNode;\n  /**\n   * Fired when the component detects the user cancelled an in-flight\n   * sign-in — typically by pressing browser back after the OAuth\n   * redirect, which restores the page from bfcache with `loading` still\n   * true. Wire this to your loading-state setter so the button returns\n   * to idle. Only fires when `loading` is currently true; never on first\n   * mount. Mirrors SignInWithAlfadocsButton — the component does not\n   * reset state it doesn't own.\n   */\n  onLoadingCancelled?: () => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* SocialSignInButton                                                   */\n/* ------------------------------------------------------------------ */\n\nexport const SocialSignInButton = forwardRef<\n  HTMLButtonElement,\n  SocialSignInButtonProps\n>(\n  (\n    {\n      provider,\n      appearance = 'light',\n      size = 'md',\n      loading = false,\n      disabled,\n      label,\n      onLoadingCancelled,\n      type = 'button',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    // VariantProps types size/appearance as nullable; the destructure\n    // default only narrows `undefined`. Normalise to a non-null value\n    // before indexing the spinner-size map and box variant.\n    const resolvedSize: SocialSignInSize = size ?? 'md';\n    // Default label resolves from the provider key. The provider NAME is\n    // a brand constant carried verbatim by the translation value.\n    const resolvedLabel = label ?? t(`socialSignInButton.${provider}`);\n\n    // Stash latest values in refs so the `pageshow` listener reads them\n    // without re-binding on every render. One listener for the lifetime.\n    const loadingRef = useRef(loading);\n    const onCancelRef = useRef(onLoadingCancelled);\n    loadingRef.current = loading;\n    onCancelRef.current = onLoadingCancelled;\n\n    useEffect(() => {\n      const onPageShow = (event: PageTransitionEvent) => {\n        // `event.persisted` is true when the page was restored from the\n        // back/forward cache — the canonical \"user navigated away and\n        // came back without a fresh load\" signal. If the button still\n        // thinks it's loading, an OAuth redirect was started but never\n        // completed.\n        if (event.persisted && loadingRef.current && onCancelRef.current) {\n          onCancelRef.current();\n        }\n      };\n      window.addEventListener('pageshow', onPageShow);\n      return () => window.removeEventListener('pageshow', onPageShow);\n    }, []);\n\n    const composedClassName = [\n      rootVariants({ provider, appearance, size }),\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    // The mark sits at the inline-start; it does NOT mirror in RTL\n    // (a logo is not a directional glyph). Logical `gap`/`ps`/`pe` keep\n    // the layout direction-correct without flipping the mark itself.\n    const mark =\n      provider === 'apple' ? (\n        <AppleMark className=\"ds:shrink-0\" />\n      ) : appearance === 'dark' ? (\n        <span className={googleTileVariants({ appearance, size })}>\n          <GoogleMark />\n        </span>\n      ) : (\n        <GoogleMark className=\"ds:shrink-0\" />\n      );\n\n    return (\n      <button\n        ref={ref}\n        // eslint-disable-next-line react/button-has-type -- the destructure defaults type to \"button\"\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        data-component=\"social-sign-in-button\"\n        data-provider={provider}\n        data-appearance={appearance}\n        className={composedClassName}\n        {...props}\n      >\n        {loading ? (\n          <span className={spinnerBoxVariants({ size: resolvedSize })}>\n            <Spinner\n              size={SPINNER_SIZE[resolvedSize]}\n              variant=\"pulse\"\n              className=\"ds:size-full\"\n              label={t('socialSignInButton.loading')}\n            />\n          </span>\n        ) : (\n          mark\n        )}\n        <span>{resolvedLabel}</span>\n      </button>\n    );\n  },\n);\n\nSocialSignInButton.displayName = 'SocialSignInButton';\n"],"names":["AppleMark","className","jsx","GoogleMark","jsxs","rootVariants","cva","SPINNER_SIZE","spinnerBoxVariants","googleTileVariants","SocialSignInButton","forwardRef","provider","appearance","size","loading","disabled","label","onLoadingCancelled","type","props","ref","useTranslation","resolvedSize","resolvedLabel","loadingRef","useRef","onCancelRef","useEffect","onPageShow","event","composedClassName","mark","Spinner"],"mappings":"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"}

package/dist/_chunks/{streaming-text-eRiizArc.js → streaming-text-Cos2fVTw.js}

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as i } from "react/jsx-runtime";
 import { forwardRef as y, useState as v, useEffect as b, Fragment as m } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
-import { s as g, C } from "./code-block-C_eNHWaa.js";
+import { s as g, C } from "./code-block-BrwcZNPq.js";
 const z = x(
   "type-body ds:block ds:whitespace-pre-wrap ds:break-words",
   {
@@ -128,4 +128,4 @@ j.displayName = "StreamingText";
 export {
   j as S
 };
-//# sourceMappingURL=streaming-text-eRiizArc.js.map
+//# sourceMappingURL=streaming-text-Cos2fVTw.js.map

package/dist/_chunks/{streaming-text-eRiizArc.js.map → streaming-text-Cos2fVTw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"streaming-text-eRiizArc.js","sources":["../../src/components/streaming-text/streaming-text.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useEffect,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CodeBlock, splitCodeFences } from '../_shared/code-block';\n\nconst containerVariants = cva(\n  'type-body ds:block ds:whitespace-pre-wrap ds:break-words',\n  {\n    variants: {\n      // Family, weight, tracking, line-height all come from `.type-body` on the base.\n      // Size variants override --type-body-size to shift the ramp step.\n      size: {\n        sm: 'ds:[--type-body-size:var(--font-size-sm)]',\n        md: '',\n        lg: 'ds:[--type-body-size:var(--font-size-lg)]',\n      },\n      density: {\n        default: '',\n        compact: 'ds:[--type-body-size:var(--font-size-sm)] ds:leading-snug',\n      },\n    },\n    defaultVariants: { size: 'md', density: 'default' },\n  },\n);\n\ntype NativeProps = Omit<\n  HTMLAttributes<HTMLSpanElement>,\n  'children' | 'aria-busy' | 'aria-live'\n>;\n\nexport interface StreamingTextProps\n  extends NativeProps, VariantProps<typeof containerVariants> {\n  /** Accumulated plain-text content. Parent appends tokens as they arrive. */\n  content: string;\n  /** While true the blinking cursor is shown and aria-busy is set. */\n  isStreaming: boolean;\n  /** When true, parse a small, safe subset of markdown (bold, inline code, line-breaks).\n   *  No HTML passes through; no dangerouslySetInnerHTML is ever used. */\n  renderMarkdown?: boolean;\n  /** Announce updates more aggressively when the streamed content is primary\n   *  (not wrapped by a higher-level log region). Defaults to 'polite'; never\n   *  set to 'assertive' for streamed output. */\n  ariaLive?: 'polite' | 'off';\n}\n\n/* ------------------------------------------------------------------ */\n/* Safe, dependency-free markdown-ish renderer.                        */\n/* Handles **bold**, `inline code`, and newlines. Anything that looks  */\n/* like HTML stays as text — no dangerouslySetInnerHTML.               */\n/* ------------------------------------------------------------------ */\n\ntype Token =\n  | { type: 'text'; value: string }\n  | { type: 'bold'; value: string }\n  | { type: 'code'; value: string }\n  | { type: 'br' };\n\nfunction tokenize(input: string): Token[] {\n  // Single-pass O(n) scanner. Avoids regex backtracking on `***` triples.\n  const tokens: Token[] = [];\n  const len = input.length;\n  const STAR = 42; // '*'\n  const BACKTICK = 96; // '`'\n  const LF = 10; // '\\n'\n  let textStart = 0;\n  let i = 0;\n\n  const flushText = (end: number) => {\n    if (end > textStart) {\n      tokens.push({ type: 'text', value: input.slice(textStart, end) });\n    }\n  };\n\n  while (i < len) {\n    const c = input.charCodeAt(i);\n\n    if (c === STAR && i + 1 < len && input.charCodeAt(i + 1) === STAR) {\n      // Look for closing `**`; inner content must not contain `*`.\n      let j = i + 2;\n      while (j < len && input.charCodeAt(j) !== STAR) j++;\n      if (j < len - 1 && input.charCodeAt(j + 1) === STAR && j > i + 2) {\n        flushText(i);\n        tokens.push({ type: 'bold', value: input.slice(i + 2, j) });\n        i = j + 2;\n        textStart = i;\n        continue;\n      }\n      i += 2;\n      continue;\n    }\n\n    if (c === BACKTICK) {\n      let j = i + 1;\n      while (j < len && input.charCodeAt(j) !== BACKTICK) j++;\n      if (j < len && j > i + 1) {\n        flushText(i);\n        tokens.push({ type: 'code', value: input.slice(i + 1, j) });\n        i = j + 1;\n        textStart = i;\n        continue;\n      }\n      i += 1;\n      continue;\n    }\n\n    if (c === LF) {\n      flushText(i);\n      tokens.push({ type: 'br' });\n      i += 1;\n      textStart = i;\n      continue;\n    }\n\n    i += 1;\n  }\n\n  flushText(len);\n  return tokens;\n}\n\nfunction renderInline(input: string): ReactNode {\n  return tokenize(input).map((tok, i) => {\n    if (tok.type === 'bold') return <strong key={i}>{tok.value}</strong>;\n    if (tok.type === 'code') {\n      return (\n        <code\n          key={i}\n          dir=\"ltr\"\n          className=\"ds:rounded-[var(--radius-sm)] ds:bg-muted/20 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)] ds:text-[length:0.95em]\"\n        >\n          {tok.value}\n        </code>\n      );\n    }\n    if (tok.type === 'br') return <br key={i} />;\n    return <Fragment key={i}>{tok.value}</Fragment>;\n  });\n}\n\n/**\n * Render the streamed body: split fenced code blocks out to `<CodeBlock>` and\n * run the inline tokenizer over the surrounding text. Tolerates an open fence\n * (closing ``` not yet streamed) — the prompt renders as a code block live.\n */\nfunction renderTokens(input: string): ReactNode {\n  return splitCodeFences(input).map((seg, i) => {\n    if (seg.type === 'code') {\n      return <CodeBlock key={i} code={seg.value} language={seg.lang} />;\n    }\n    return <Fragment key={i}>{renderInline(seg.value)}</Fragment>;\n  });\n}\n\nexport const StreamingText = forwardRef<HTMLSpanElement, StreamingTextProps>(\n  (\n    {\n      content,\n      isStreaming,\n      renderMarkdown = false,\n      ariaLive = 'polite',\n      size = 'md',\n      density = 'default',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    // Throttle visible content to at most ~10 updates per second so assistive\n    // tech doesn't receive one announcement per token. We keep the full text in\n    // a ref and push it to state on a timer.\n    const [visible, setVisible] = useState<string>(content);\n\n    useEffect(() => {\n      if (!isStreaming) {\n        // Streaming ended — flush immediately.\n        setVisible(content);\n        return;\n      }\n      // Global `setTimeout` works in both Node and browsers — avoid the\n      // `window.` prefix so SSR (Next.js App Router, Remix) doesn't throw.\n      const handle = setTimeout(() => setVisible(content), 100);\n      return () => clearTimeout(handle);\n    }, [content, isStreaming]);\n\n    const body = renderMarkdown ? renderTokens(visible) : visible;\n\n    return (\n      <span\n        ref={ref}\n        aria-live={ariaLive}\n        aria-busy={isStreaming ? true : false}\n        data-component=\"streaming-text\"\n        className={containerVariants({ size, density, className })}\n        {...rest}\n      >\n        {body}\n        {isStreaming ? (\n          <span\n            aria-hidden=\"true\"\n            className={[\n              'ds:inline-block ds:align-baseline',\n              'ds:text-[color:var(--primary)]',\n              'ds:motion-safe:animate-[streaming-cursor-blink_1s_step-end_infinite]',\n              'ds:motion-reduce:opacity-100',\n              'ds:[.theme-accessible_&]:animate-none',\n              'ds:forced-colors:text-[CanvasText]',\n              'ds:ms-[1px]',\n            ].join(' ')}\n          >\n            {'\\u258D'}\n          </span>\n        ) : null}\n      </span>\n    );\n  },\n);\n\nStreamingText.displayName = 'StreamingText';\n"],"names":["containerVariants","cva","tokenize","input","tokens","len","STAR","BACKTICK","LF","textStart","i","flushText","end","c","j","renderInline","tok","jsx","Fragment","renderTokens","splitCodeFences","seg","CodeBlock","StreamingText","forwardRef","content","isStreaming","renderMarkdown","ariaLive","size","density","className","rest","ref","visible","setVisible","useState","useEffect","handle","body","jsxs"],"mappings":"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"}
+{"version":3,"file":"streaming-text-Cos2fVTw.js","sources":["../../src/components/streaming-text/streaming-text.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useEffect,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CodeBlock, splitCodeFences } from '../_shared/code-block';\n\nconst containerVariants = cva(\n  'type-body ds:block ds:whitespace-pre-wrap ds:break-words',\n  {\n    variants: {\n      // Family, weight, tracking, line-height all come from `.type-body` on the base.\n      // Size variants override --type-body-size to shift the ramp step.\n      size: {\n        sm: 'ds:[--type-body-size:var(--font-size-sm)]',\n        md: '',\n        lg: 'ds:[--type-body-size:var(--font-size-lg)]',\n      },\n      density: {\n        default: '',\n        compact: 'ds:[--type-body-size:var(--font-size-sm)] ds:leading-snug',\n      },\n    },\n    defaultVariants: { size: 'md', density: 'default' },\n  },\n);\n\ntype NativeProps = Omit<\n  HTMLAttributes<HTMLSpanElement>,\n  'children' | 'aria-busy' | 'aria-live'\n>;\n\nexport interface StreamingTextProps\n  extends NativeProps, VariantProps<typeof containerVariants> {\n  /** Accumulated plain-text content. Parent appends tokens as they arrive. */\n  content: string;\n  /** While true the blinking cursor is shown and aria-busy is set. */\n  isStreaming: boolean;\n  /** When true, parse a small, safe subset of markdown (bold, inline code, line-breaks).\n   *  No HTML passes through; no dangerouslySetInnerHTML is ever used. */\n  renderMarkdown?: boolean;\n  /** Announce updates more aggressively when the streamed content is primary\n   *  (not wrapped by a higher-level log region). Defaults to 'polite'; never\n   *  set to 'assertive' for streamed output. */\n  ariaLive?: 'polite' | 'off';\n}\n\n/* ------------------------------------------------------------------ */\n/* Safe, dependency-free markdown-ish renderer.                        */\n/* Handles **bold**, `inline code`, and newlines. Anything that looks  */\n/* like HTML stays as text — no dangerouslySetInnerHTML.               */\n/* ------------------------------------------------------------------ */\n\ntype Token =\n  | { type: 'text'; value: string }\n  | { type: 'bold'; value: string }\n  | { type: 'code'; value: string }\n  | { type: 'br' };\n\nfunction tokenize(input: string): Token[] {\n  // Single-pass O(n) scanner. Avoids regex backtracking on `***` triples.\n  const tokens: Token[] = [];\n  const len = input.length;\n  const STAR = 42; // '*'\n  const BACKTICK = 96; // '`'\n  const LF = 10; // '\\n'\n  let textStart = 0;\n  let i = 0;\n\n  const flushText = (end: number) => {\n    if (end > textStart) {\n      tokens.push({ type: 'text', value: input.slice(textStart, end) });\n    }\n  };\n\n  while (i < len) {\n    const c = input.charCodeAt(i);\n\n    if (c === STAR && i + 1 < len && input.charCodeAt(i + 1) === STAR) {\n      // Look for closing `**`; inner content must not contain `*`.\n      let j = i + 2;\n      while (j < len && input.charCodeAt(j) !== STAR) j++;\n      if (j < len - 1 && input.charCodeAt(j + 1) === STAR && j > i + 2) {\n        flushText(i);\n        tokens.push({ type: 'bold', value: input.slice(i + 2, j) });\n        i = j + 2;\n        textStart = i;\n        continue;\n      }\n      i += 2;\n      continue;\n    }\n\n    if (c === BACKTICK) {\n      let j = i + 1;\n      while (j < len && input.charCodeAt(j) !== BACKTICK) j++;\n      if (j < len && j > i + 1) {\n        flushText(i);\n        tokens.push({ type: 'code', value: input.slice(i + 1, j) });\n        i = j + 1;\n        textStart = i;\n        continue;\n      }\n      i += 1;\n      continue;\n    }\n\n    if (c === LF) {\n      flushText(i);\n      tokens.push({ type: 'br' });\n      i += 1;\n      textStart = i;\n      continue;\n    }\n\n    i += 1;\n  }\n\n  flushText(len);\n  return tokens;\n}\n\nfunction renderInline(input: string): ReactNode {\n  return tokenize(input).map((tok, i) => {\n    if (tok.type === 'bold') return <strong key={i}>{tok.value}</strong>;\n    if (tok.type === 'code') {\n      return (\n        <code\n          key={i}\n          dir=\"ltr\"\n          className=\"ds:rounded-[var(--radius-sm)] ds:bg-muted/20 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)] ds:text-[length:0.95em]\"\n        >\n          {tok.value}\n        </code>\n      );\n    }\n    if (tok.type === 'br') return <br key={i} />;\n    return <Fragment key={i}>{tok.value}</Fragment>;\n  });\n}\n\n/**\n * Render the streamed body: split fenced code blocks out to `<CodeBlock>` and\n * run the inline tokenizer over the surrounding text. Tolerates an open fence\n * (closing ``` not yet streamed) — the prompt renders as a code block live.\n */\nfunction renderTokens(input: string): ReactNode {\n  return splitCodeFences(input).map((seg, i) => {\n    if (seg.type === 'code') {\n      return <CodeBlock key={i} code={seg.value} language={seg.lang} />;\n    }\n    return <Fragment key={i}>{renderInline(seg.value)}</Fragment>;\n  });\n}\n\nexport const StreamingText = forwardRef<HTMLSpanElement, StreamingTextProps>(\n  (\n    {\n      content,\n      isStreaming,\n      renderMarkdown = false,\n      ariaLive = 'polite',\n      size = 'md',\n      density = 'default',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    // Throttle visible content to at most ~10 updates per second so assistive\n    // tech doesn't receive one announcement per token. We keep the full text in\n    // a ref and push it to state on a timer.\n    const [visible, setVisible] = useState<string>(content);\n\n    useEffect(() => {\n      if (!isStreaming) {\n        // Streaming ended — flush immediately.\n        setVisible(content);\n        return;\n      }\n      // Global `setTimeout` works in both Node and browsers — avoid the\n      // `window.` prefix so SSR (Next.js App Router, Remix) doesn't throw.\n      const handle = setTimeout(() => setVisible(content), 100);\n      return () => clearTimeout(handle);\n    }, [content, isStreaming]);\n\n    const body = renderMarkdown ? renderTokens(visible) : visible;\n\n    return (\n      <span\n        ref={ref}\n        aria-live={ariaLive}\n        aria-busy={isStreaming ? true : false}\n        data-component=\"streaming-text\"\n        className={containerVariants({ size, density, className })}\n        {...rest}\n      >\n        {body}\n        {isStreaming ? (\n          <span\n            aria-hidden=\"true\"\n            className={[\n              'ds:inline-block ds:align-baseline',\n              'ds:text-[color:var(--primary)]',\n              'ds:motion-safe:animate-[streaming-cursor-blink_1s_step-end_infinite]',\n              'ds:motion-reduce:opacity-100',\n              'ds:[.theme-accessible_&]:animate-none',\n              'ds:forced-colors:text-[CanvasText]',\n              'ds:ms-[1px]',\n            ].join(' ')}\n          >\n            {'\\u258D'}\n          </span>\n        ) : null}\n      </span>\n    );\n  },\n);\n\nStreamingText.displayName = 'StreamingText';\n"],"names":["containerVariants","cva","tokenize","input","tokens","len","STAR","BACKTICK","LF","textStart","i","flushText","end","c","j","renderInline","tok","jsx","Fragment","renderTokens","splitCodeFences","seg","CodeBlock","StreamingText","forwardRef","content","isStreaming","renderMarkdown","ariaLive","size","density","className","rest","ref","visible","setVisible","useState","useEffect","handle","body","jsxs"],"mappings":"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"}

package/dist/_chunks/{tab-bar-BHFf6knq.js → tab-bar-BrkMUW0c.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-BAkd6_Pj.js";
-import { D as o } from "./dropdown-menu-C8PaW3lR.js";
+import { D as o } from "./dropdown-menu-DIzxr_lp.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";
@@ -225,4 +225,4 @@ as.displayName = "TabBar";
 export {
   as as T
 };
-//# sourceMappingURL=tab-bar-BHFf6knq.js.map
+//# sourceMappingURL=tab-bar-BrkMUW0c.js.map