@alfadocs/ui-kit-debug 1.35.0 → 1.36.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "1.35.0",
+  "version": "1.36.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",
@@ -377,6 +377,10 @@
       "types": "./dist/components/header-settings/index.d.ts",
       "import": "./dist/components/header-settings/index.js"
     },
+    "./hover-card": {
+      "types": "./dist/components/hover-card/index.d.ts",
+      "import": "./dist/components/hover-card/index.js"
+    },
     "./icon-button-group": {
       "types": "./dist/components/icon-button-group/index.d.ts",
       "import": "./dist/components/icon-button-group/index.js"
@@ -457,6 +461,10 @@
       "types": "./dist/components/notification-tray/index.d.ts",
       "import": "./dist/components/notification-tray/index.js"
     },
+    "./note-timeline": {
+      "types": "./dist/components/note-timeline/index.d.ts",
+      "import": "./dist/components/note-timeline/index.js"
+    },
     "./notes-panel": {
       "types": "./dist/components/notes-panel/index.d.ts",
       "import": "./dist/components/notes-panel/index.js"
@@ -597,6 +605,10 @@
       "types": "./dist/components/search-input/index.d.ts",
       "import": "./dist/components/search-input/index.js"
     },
+    "./section-card": {
+      "types": "./dist/components/section-card/index.d.ts",
+      "import": "./dist/components/section-card/index.js"
+    },
     "./select": {
       "types": "./dist/components/select/index.d.ts",
       "import": "./dist/components/select/index.js"
@@ -781,6 +793,10 @@
       "types": "./dist/components/whatsapp-button/index.d.ts",
       "import": "./dist/components/whatsapp-button/index.js"
     },
+    "./workflow-status": {
+      "types": "./dist/components/workflow-status/index.d.ts",
+      "import": "./dist/components/workflow-status/index.js"
+    },
     "./workflow": {
       "types": "./dist/components/workflow/index.d.ts",
       "import": "./dist/components/workflow/index.js"

package/dist/_chunks/appointment-card-Bh_CIlc6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"appointment-card-Bh_CIlc6.js","sources":["../../node_modules/lucide-react/dist/esm/icons/clipboard-plus.mjs","../../node_modules/lucide-react/dist/esm/icons/file-pen-line.mjs","../../node_modules/lucide-react/dist/esm/icons/message-square-text.mjs","../../node_modules/lucide-react/dist/esm/icons/user-x.mjs","../../src/components/appointment-card/appointment-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { width: \"8\", height: \"4\", x: \"8\", y: \"2\", rx: \"1\", ry: \"1\", key: \"tgr4d6\" }],\n  [\n    \"path\",\n    {\n      d: \"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\",\n      key: \"116196\"\n    }\n  ],\n  [\"path\", { d: \"M9 14h6\", key: \"159ibu\" }],\n  [\"path\", { d: \"M12 17v-6\", key: \"1y8rbf\" }]\n];\nconst ClipboardPlus = createLucideIcon(\"clipboard-plus\", __iconNode);\n\nexport { __iconNode, ClipboardPlus as default };\n//# sourceMappingURL=clipboard-plus.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M14.364 13.634a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506l4.013-4.009a1 1 0 0 0-3.004-3.004z\",\n      key: \"ukzhwg\"\n    }\n  ],\n  [\"path\", { d: \"M14.487 7.858A1 1 0 0 1 14 7V2\", key: \"1klhew\" }],\n  [\n    \"path\",\n    {\n      d: \"M20 19.645V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l2.516 2.516\",\n      key: \"rxaxab\"\n    }\n  ],\n  [\"path\", { d: \"M8 18h1\", key: \"13wk12\" }]\n];\nconst FilePenLine = createLucideIcon(\"file-pen-line\", __iconNode);\n\nexport { __iconNode, FilePenLine as default };\n//# sourceMappingURL=file-pen-line.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\",\n      key: \"18887p\"\n    }\n  ],\n  [\"path\", { d: \"M7 11h10\", key: \"1twpyw\" }],\n  [\"path\", { d: \"M7 15h6\", key: \"d9of3u\" }],\n  [\"path\", { d: \"M7 7h8\", key: \"af5zfr\" }]\n];\nconst MessageSquareText = createLucideIcon(\"message-square-text\", __iconNode);\n\nexport { __iconNode, MessageSquareText as default };\n//# sourceMappingURL=message-square-text.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\", key: \"1yyitq\" }],\n  [\"circle\", { cx: \"9\", cy: \"7\", r: \"4\", key: \"nufk8\" }],\n  [\"line\", { x1: \"17\", x2: \"22\", y1: \"8\", y2: \"13\", key: \"3nzzx3\" }],\n  [\"line\", { x1: \"22\", x2: \"17\", y1: \"8\", y2: \"13\", key: \"1swrse\" }]\n];\nconst UserX = createLucideIcon(\"user-x\", __iconNode);\n\nexport { __iconNode, UserX as default };\n//# sourceMappingURL=user-x.mjs.map\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Armchair,\n  ChevronRight,\n  ClipboardPlus,\n  FileSignature,\n  Globe,\n  MapPin,\n  MessageSquareText,\n  Repeat,\n  Star,\n  UserX,\n  Video,\n} from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Tag } from '../tag/tag';\nimport { Timestamp } from '../timestamp/timestamp';\nimport { TransactionChip } from '../transaction-chip/transaction-chip';\nimport {\n  appointmentStateBadge,\n  colorIdToToken,\n  colorIdToAvatarToken,\n  isSafeEntityUrl,\n} from '../_shared/entity-card';\nimport type { AppointmentState } from '../_shared/entity-card';\n\n/*\n * Closed colour-dot class map. `colorIdToToken` resolves the operator's\n * numeric colour id to one of a fixed set of palette tokens; the operator\n * dot needs a *static* Tailwind class for each so the compiler can emit it\n * (dynamic `ds:bg-[…]` strings are not seen by the JIT). The keys mirror the\n * exact token strings the shared helper returns.\n */\nconst OPERATOR_DOT_CLASS: Record<string, string> = {\n  'var(--color-violet-500)': 'ds:bg-[var(--color-violet-500)]',\n  'var(--color-purple-500)': 'ds:bg-[var(--color-purple-500)]',\n  'var(--color-magenta-500)': 'ds:bg-[var(--color-magenta-500)]',\n  'var(--color-blue-500)': 'ds:bg-[var(--color-blue-500)]',\n  'var(--color-green-500)': 'ds:bg-[var(--color-green-500)]',\n  'var(--color-red-500)': 'ds:bg-[var(--color-red-500)]',\n  'var(--color-yellow-500)': 'ds:bg-[var(--color-yellow-500)]',\n  'var(--color-indigo-500)': 'ds:bg-[var(--color-indigo-500)]',\n  'var(--color-orange-500)': 'ds:bg-[var(--color-orange-500)]',\n  'var(--color-fuchsia-500)': 'ds:bg-[var(--color-fuchsia-500)]',\n  'var(--color-grey-700)': 'ds:bg-[var(--color-grey-700)]',\n};\n\nfunction operatorDotClass(colorId: number | string | undefined): string {\n  return (\n    OPERATOR_DOT_CLASS[colorIdToToken(colorId)] ??\n    'ds:bg-[var(--color-grey-700)]'\n  );\n}\n\n/** Age in whole years from a DOB string, or undefined if unparseable. */\nfunction ageFromDob(dobIso: string | undefined): number | undefined {\n  if (!dobIso) return undefined;\n  const dob = new Date(dobIso);\n  if (Number.isNaN(dob.getTime())) return undefined;\n  const now = new Date();\n  let age = now.getFullYear() - dob.getFullYear();\n  const monthDiff = now.getMonth() - dob.getMonth();\n  if (monthDiff < 0 || (monthDiff === 0 && now.getDate() < dob.getDate())) {\n    age--;\n  }\n  return age < 0 || age > 130 ? undefined : age;\n}\n\n/* -------------------------------------------------------------------- */\n/* AppointmentCard                                                       */\n/*                                                                       */\n/* Single-row appointment surface — sibling of AgendaCard, but richer:   */\n/* leading timestamp, operator + patient avatars with the operator       */\n/* colour dot, a lifecycle-state Badge (announced by label, never colour */\n/* alone), treatment / tooth Tags, and an optional advance-deposit       */\n/* TransactionChip. State→Badge-variant + colour-id→token + URL-safety    */\n/* come from the shared `_shared/entity-card` helpers.                   */\n/*                                                                       */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `appointmentCard.*` namespace (plus shared `financial.*` for money).  */\n/* -------------------------------------------------------------------- */\n\n// Back-compat / one-stop import — the URL guard lives in the shared helper.\nexport { isSafeEntityUrl as isSafeAppointmentUrl } from '../_shared/is-safe-url';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\n/** Appointment delivery channel. */\nexport type AppointmentType = 'inPractice' | 'telehealth';\n\n/** First-visit tri-state flag. */\nexport type AppointmentFirstVisit = 'yes' | 'no' | 'unknown';\n\n/** Operator (clinician) summary — name + optional palette colour id. */\nexport interface AppointmentOperator {\n  /** Operator display name — drives the avatar initials + accessible name. */\n  name: string;\n  /** Numeric palette colour id, resolved to a kit token for the colour dot. */\n  colorId?: number | string;\n}\n\n/** Patient summary — identity + optional age driver. */\nexport interface AppointmentPatient {\n  /** Patient display name. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n  /** ISO-8601 date of birth — when present, the card renders the age as a\n   * suffix on the name (e.g. \"Carol Danvers · 45\"). */\n  dobIso?: string;\n}\n\n/** One treatment line within the appointment. */\nexport interface AppointmentTreatment {\n  /** Localised care / treatment name. */\n  careName: string;\n  /** Optional tooth elements (e.g. FDI ids) the treatment targets. */\n  elements?: string[];\n}\n\n/** Booking-reason metadata captured at online-booking time. */\nexport interface AppointmentBookingReason {\n  /** Localised booking-reason description. */\n  description: string;\n  /** Expected duration in minutes. */\n  durationMin?: number;\n  /** Advance / deposit amount in cents (non-negative). */\n  advanceAmountCents?: number;\n  /** Localised specialty label. */\n  specialty?: string;\n}\n\n/** Money summary for the appointment. */\nexport interface AppointmentMoney {\n  /** Total billable amount in cents. When present, rendered as a\n   * TransactionChip. */\n  billableAmountCents?: number;\n  /** Outstanding unpaid amount in cents. When > 0, rendered as a warning\n   * TransactionChip so the front desk can flag it at a glance. */\n  unpaidAmountCents?: number;\n}\n\n/** Signing status for documents attached to the appointment. */\nexport interface AppointmentSigning {\n  /** How many documents require a signature. */\n  required: number;\n  /** How many have been completed so far. */\n  toComplete: number;\n}\n\n/** Boolean appointment flags surfaced as chips / indicators. */\nexport interface AppointmentFlags {\n  bookedOnline?: boolean;\n  noPatientAssigned?: boolean;\n  highlightedAnamnesis?: boolean;\n  billable?: boolean;\n}\n\nexport interface AppointmentItem {\n  /** Stable appointment identifier. */\n  id: string;\n  /** ISO-8601 start instant. */\n  startIso: string;\n  /** Duration in minutes. */\n  durationMin: number;\n  /** Lifecycle state — drives the Badge variant + label. */\n  state: AppointmentState;\n  /** Delivery channel — drives the leading type glyph. */\n  type: AppointmentType;\n  /** First-visit flag. */\n  firstVisit?: AppointmentFirstVisit;\n  /** Assigned operator. */\n  operator?: AppointmentOperator;\n  /** Chair / room label — surfaced as a chip. */\n  chair?: string;\n  /**\n   * The care plan this appointment belongs to, when any — surfaced as a chip\n   * (`Care plan {number}`). `url` is the deep link the consumer may use for\n   * navigation; the chip itself is non-interactive so it never nests an anchor\n   * inside the row's own stretched link.\n   */\n  carePlan?: { number: string; url?: string };\n  /** Patient identity. */\n  patient?: AppointmentPatient;\n  /** Treatment lines. */\n  treatments?: AppointmentTreatment[];\n  /** Online booking-reason metadata. */\n  bookingReason?: AppointmentBookingReason;\n  /** Boolean flags. */\n  flags?: AppointmentFlags;\n  /** Money summary — billable + unpaid amounts. */\n  money?: AppointmentMoney;\n  /** Whether this appointment is part of a recurring series. */\n  recurring?: boolean;\n  /** Signing status for attached documents. */\n  signing?: AppointmentSigning;\n  /** A note left by the patient at booking time. When present, a small\n   * message icon signals it. */\n  bookingNote?: string;\n  /** Optional deep link — when present (and safe) the row renders as an anchor. */\n  url?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA — row                                                             */\n/* -------------------------------------------------------------------- */\n\nconst appointmentCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:text-start ds:group',\n    'ds:bg-[var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:transition-[colors,border-color,box-shadow] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n      surface: {\n        // `flat` (default) is the chrome-less row used inside a bordered\n        // AppointmentTray. `elevated` gives each row its own card chrome\n        // (border + shadow) for use directly on a rail, e.g. AppointmentTimeline.\n        // Uses `--shadow-sm` (a row lift), not `--shadow-card`/`--shadow-lg`:\n        // the rail's `overflow-y:auto` scroll region clips `overflow-x` at a\n        // narrow gutter, so a wide 30px-blur shadow gets a hard-edged clip.\n        flat: '',\n        elevated:\n          'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-sm)]',\n      },\n      selected: {\n        // The row the host has marked as the active/selected appointment —\n        // matches the `current` note's info-tinted accent: a solid\n        // inline-start bar plus a soft info wash, so the eye keeps its\n        // place in the list after a click.\n        true: 'ds:border-s-2 ds:border-s-[color:var(--info)] ds:bg-[color:var(--info)]/10',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n      surface: 'flat',\n      selected: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  // Interactive elements need a box to remain keyboard-focusable in browsers.\n  'ds:inline-flex ds:min-w-0',\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-md)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\nconst TYPE_ICON: Record<AppointmentType, typeof MapPin> = {\n  inPractice: MapPin,\n  telehealth: Video,\n};\n\n/* -------------------------------------------------------------------- */\n/* Props                                                                 */\n/* -------------------------------------------------------------------- */\n\nexport interface AppointmentCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'title'>,\n    VariantProps<typeof appointmentCardVariants> {\n  /** The appointment to render. */\n  item: AppointmentItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /**\n   * `'flat'` (default) — chrome-less row for use inside a bordered\n   * `AppointmentTray`. `'elevated'` — each row carries its own card chrome\n   * (border + shadow), for placing rows directly on a rail (AppointmentTimeline).\n   */\n  surface?: 'flat' | 'elevated';\n  /** BCP-47 locale override for the timestamp + currency. */\n  locale?: string;\n  /** ISO-4217 currency code for the advance-deposit chip. Defaults to `EUR`. */\n  currency?: string;\n  /**\n   * Show the patient identity (avatar + name as the row title). Default `true`.\n   * Set `false` in single-patient surfaces (e.g. a patient's own\n   * `AppointmentTimeline`) where repeating the name is redundant — the row then\n   * leads with the operator as its title, falling back to a generic label.\n   */\n  showPatient?: boolean;\n  /** Fires when the row is activated. */\n  onActivate?: (item: AppointmentItem) => void;\n  /**\n   * Mark this row as the active/selected appointment — an info-tinted\n   * inline-start bar plus a soft wash, so the eye keeps its place in the\n   * list after a click. Renders `aria-current=\"true\"` for assistive tech.\n   */\n  selected?: boolean;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AppointmentCard = forwardRef<HTMLDivElement, AppointmentCardProps>(\n  (\n    {\n      item,\n      size = 'sm',\n      surface = 'flat',\n      locale,\n      currency = 'EUR',\n      showPatient = true,\n      onActivate,\n      selected = false,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeEntityUrl(item.url);\n\n    const patientName = item.patient?.name ?? t('appointmentCard.noPatient');\n    const operatorName = item.operator?.name;\n    const stateLabel = t(`appointmentCard.state.${item.state}`);\n    const patientAge = ageFromDob(item.patient?.dobIso);\n    const noPatient = item.flags?.noPatientAssigned || !item.patient;\n\n    const avatarSize = size === 'md' ? 'md' : 'sm';\n    const TypeIcon = TYPE_ICON[item.type];\n\n    // In single-patient context the patient name is redundant, so the row leads\n    // with the operator (the \"who am I seeing\") and falls back to a generic\n    // label when no operator is set.\n    const title = showPatient\n      ? patientName\n      : (operatorName ?? t('appointmentCard.appointment'));\n\n    const ariaLabel = showPatient\n      ? t('appointmentCard.itemLabel', {\n          patient: patientName,\n          state: stateLabel,\n        })\n      : t('appointmentCard.itemLabelGeneric', { title, state: stateLabel });\n\n    const titleNode = (\n      <span className=\"ds:min-w-0 ds:truncate type-title-item ds:text-[color:var(--foreground)]\">\n        {title}\n        {showPatient && patientAge !== undefined ? (\n          <span className=\"ds:ms-[var(--spacing-2xs)] ds:font-normal ds:text-[color:var(--muted-foreground)]\">\n            · {patientAge}\n          </span>\n        ) : null}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    // Treatment / tooth-element Tags. Each treatment becomes one Tag; the\n    // tooth elements (when present) are appended to the visible label.\n    const treatmentTags = (item.treatments ?? []).map((tx, index) => {\n      const label =\n        tx.elements && tx.elements.length > 0\n          ? t('appointmentCard.treatmentWithElements', {\n              care: tx.careName,\n              elements: tx.elements.join(', '),\n            })\n          : tx.careName;\n      return (\n        <Tag\n          key={`${tx.careName}-${index}`}\n          label={label}\n          variant=\"neutral\"\n          fill=\"outline\"\n          size=\"sm\"\n          maxInlineSize=\"12rem\"\n        />\n      );\n    });\n\n    const advanceCents = item.bookingReason?.advanceAmountCents;\n    const hasAdvance = typeof advanceCents === 'number' && advanceCents > 0;\n    const unpaidCents = item.money?.unpaidAmountCents;\n    const hasUnpaid = typeof unpaidCents === 'number' && unpaidCents > 0;\n\n    return (\n      <div\n        ref={ref}\n        /* `listitem` by default — the card is normally a list child. A\n           consumer composing a richer row (card plus its own action row)\n           owns the semantics instead and passes `role=\"presentation\"`,\n           so the two do not nest. `rest` is spread after this. */\n        role=\"listitem\"\n        data-component=\"appointment-card\"\n        data-component-id={item.id}\n        data-state={item.state}\n        data-type={item.type}\n        aria-current={selected ? 'true' : undefined}\n        className={appointmentCardVariants({\n          size,\n          interactive,\n          surface,\n          selected,\n          className,\n        })}\n        {...rest}\n      >\n        {/* Leading rail: type glyph + start time + duration */}\n        {/* min-w, not a fixed w: a 12-hour time (\"10:30 AM\") plus the type\n            glyph is wider than 4rem, and must never wrap AM/PM onto a\n            second line. */}\n        <span className=\"ds:flex ds:min-w-20 ds:shrink-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]\">\n          <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:whitespace-nowrap ds:text-[color:var(--muted-foreground)]\">\n            <TypeIcon aria-hidden=\"true\" className=\"ds:size-3.5 ds:shrink-0\" />\n            <span className=\"ds:sr-only\">\n              {t(`appointmentCard.type.${item.type}`)}\n            </span>\n            <Timestamp\n              value={item.startIso}\n              format=\"absolute\"\n              shape=\"bare\"\n              locale={locale}\n              absoluteFormat={{ hour: 'numeric', minute: '2-digit' }}\n              className=\"type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums\"\n            />\n          </span>\n          <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n            {t('appointmentCard.duration', { count: item.durationMin })}\n          </span>\n        </span>\n\n        {/* Operator avatar with colour dot */}\n        {operatorName ? (\n          <span className=\"ds:relative ds:shrink-0\">\n            <Avatar\n              name={operatorName}\n              color={colorIdToAvatarToken(item.operator?.colorId)}\n              size={avatarSize}\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              aria-label={undefined}\n            />\n            <span\n              aria-hidden=\"true\"\n              className={\n                'ds:absolute ds:bottom-0 ds:end-0 ds:size-2.5 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--card)] ' +\n                operatorDotClass(item.operator?.colorId)\n              }\n            />\n          </span>\n        ) : null}\n\n        {/* Main content column */}\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n            <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {showPatient && item.patient?.avatarUrl ? (\n                <Avatar\n                  name={patientName}\n                  src={item.patient.avatarUrl}\n                  size={avatarSize}\n                  className=\"ds:shrink-0\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  aria-label={undefined}\n                />\n              ) : null}\n              {showPatient && noPatient ? (\n                <span\n                  className={`ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ${\n                    avatarSize === 'md' ? 'ds:size-10' : 'ds:size-8'\n                  }`}\n                >\n                  <UserX aria-hidden=\"true\" className=\"ds:size-4\" />\n                </span>\n              ) : null}\n              {activator}\n            </div>\n            <Badge\n              variant={appointmentStateBadge(item.state)}\n              size=\"sm\"\n              withDot\n              className=\"ds:shrink-0\"\n            >\n              {stateLabel}\n            </Badge>\n          </div>\n\n          {/* Meta line: operator name · specialty · first visit · booking note\n              (chair moved to a chip below). When the patient is hidden the\n              operator is promoted to the title, so it drops out of the meta. */}\n          {(showPatient && operatorName) ||\n          item.bookingReason?.specialty ||\n          item.firstVisit === 'yes' ||\n          item.firstVisit === 'unknown' ||\n          item.bookingNote ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {showPatient && operatorName ? <span>{operatorName}</span> : null}\n              {item.bookingReason?.specialty ? (\n                <span>{item.bookingReason.specialty}</span>\n              ) : null}\n              {item.firstVisit === 'yes' ? (\n                <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <Star aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  {t('appointmentCard.firstVisit')}\n                </span>\n              ) : null}\n              {item.firstVisit === 'unknown' ? (\n                <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <Star aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  {t('appointmentCard.firstVisitUnknown')}\n                </span>\n              ) : null}\n              {item.bookingNote ? (\n                <span\n                  className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\"\n                  title={t('appointmentCard.hasBookingNote')}\n                >\n                  <MessageSquareText\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  {t('appointmentCard.hasBookingNote')}\n                </span>\n              ) : null}\n            </div>\n          ) : null}\n\n          {/* Booking reason */}\n          {item.bookingReason?.description ? (\n            <span className=\"type-body-sm ds:text-[color:var(--foreground)] ds:truncate\">\n              {item.bookingReason.description}\n            </span>\n          ) : null}\n\n          {/* Treatment / tooth Tags */}\n          {treatmentTags.length > 0 ? (\n            <div className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n              {treatmentTags}\n            </div>\n          ) : null}\n\n          {/* Chips: care plan · chair · flags · recurring · signing ·\n              advance-deposit · unpaid balance · billable */}\n          {item.carePlan ||\n          item.chair ||\n          item.flags?.bookedOnline ||\n          item.flags?.highlightedAnamnesis ||\n          item.flags?.billable ||\n          item.recurring ||\n          item.signing ||\n          hasAdvance ||\n          hasUnpaid ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {item.carePlan ? (\n                <Badge\n                  variant=\"accentSoft\"\n                  size=\"sm\"\n                  leading={<ClipboardPlus />}\n                >\n                  {t('appointmentCard.carePlan', {\n                    number: item.carePlan.number,\n                  })}\n                </Badge>\n              ) : null}\n              {item.chair ? (\n                <Badge variant=\"neutral\" size=\"sm\" leading={<Armchair />}>\n                  {t('appointmentCard.chair', { chair: item.chair })}\n                </Badge>\n              ) : null}\n              {item.flags?.bookedOnline ? (\n                <Badge variant=\"info\" size=\"sm\" leading={<Globe />}>\n                  {t('appointmentCard.flag.bookedOnline')}\n                </Badge>\n              ) : null}\n              {item.flags?.highlightedAnamnesis ? (\n                <Badge variant=\"warning\" size=\"sm\" withDot>\n                  {t('appointmentCard.flag.highlightedAnamnesis')}\n                </Badge>\n              ) : null}\n              {item.recurring ? (\n                <Badge variant=\"neutral\" size=\"sm\" leading={<Repeat />}>\n                  {t('appointmentCard.recurring')}\n                </Badge>\n              ) : null}\n              {item.signing ? (\n                <Badge\n                  variant={\n                    item.signing.toComplete >= item.signing.required\n                      ? 'success'\n                      : 'warning'\n                  }\n                  size=\"sm\"\n                  leading={<FileSignature />}\n                >\n                  {t('appointmentCard.signing', {\n                    complete: item.signing.toComplete,\n                    required: item.signing.required,\n                  })}\n                </Badge>\n              ) : null}\n              {item.flags?.billable ? (\n                <Badge variant=\"success\" size=\"sm\" withDot>\n                  {t('appointmentCard.flag.billable')}\n                </Badge>\n              ) : null}\n              {hasAdvance ? (\n                <TransactionChip\n                  state=\"to-invoice\"\n                  amount={(advanceCents as number) / 100}\n                  currency={currency}\n                  locale={locale}\n                  size=\"sm\"\n                  showLabel\n                />\n              ) : null}\n              {hasUnpaid ? (\n                <TransactionChip\n                  state=\"debt\"\n                  amount={unpaidCents / 100}\n                  currency={currency}\n                  locale={locale}\n                  size=\"sm\"\n                  showLabel\n                />\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:size-4 ds:shrink-0 ds:self-center ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAppointmentCard.displayName = 'AppointmentCard';\n"],"names":["__iconNode","ClipboardPlus","createLucideIcon","FilePenLine","MessageSquareText","UserX","OPERATOR_DOT_CLASS","operatorDotClass","colorId","colorIdToToken","ageFromDob","dobIso","dob","now","age","monthDiff","appointmentCardVariants","cva","stretchedLinkClass","TYPE_ICON","MapPin","Video","AppointmentCard","forwardRef","item","size","surface","locale","currency","showPatient","onActivate","selected","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","isSafeEntityUrl","patientName","_a","operatorName","_b","stateLabel","patientAge","_c","noPatient","_d","avatarSize","TypeIcon","title","ariaLabel","titleNode","jsxs","activator","jsx","e","treatmentTags","tx","index","label","Tag","advanceCents","_e","hasAdvance","unpaidCents","_f","hasUnpaid","Timestamp","Avatar","colorIdToAvatarToken","_g","_h","_i","Badge","appointmentStateBadge","_j","_k","Star","_l","_m","_n","_o","Armchair","_p","Globe","_q","Repeat","FileSignature","_r","TransactionChip","ChevronRight"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/_chunks/button-group-CaxRJsNG.js

@@ -1,289 +0,0 @@
-import { jsx as s, jsxs as j } from "react/jsx-runtime";
-import { forwardRef as ce, useRef as R, useState as X, useCallback as fe, Children as z, isValidElement as Y, useEffect as pe, cloneElement as B } from "react";
-import { c as me } from "./index-D2ZczOXr.js";
-import { useTranslation as be } from "react-i18next";
-import { I as Z } from "./icon-button-DA2CAGHZ.js";
-import { D as x } from "./dropdown-menu-DU-Hrf33.js";
-import { u as ge } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as we } from "./use-priority-overflow-c9SjxZkZ.js";
-import { E } from "./ellipsis-dRo9ouSU.js";
-const ee = me(
-  "ds:inline-flex ds:isolate ds:[&>*]:relative ds:[&>*:focus-visible]:z-10",
-  {
-    variants: {
-      orientation: {
-        horizontal: [
-          "ds:flex-row",
-          "ds:[&>*:not(:first-child)]:rounded-s-none",
-          "ds:[&>*:not(:last-child)]:rounded-e-none",
-          "ds:[&>*:not(:first-child)]:-ms-px"
-        ].join(" "),
-        vertical: [
-          "ds:flex-col",
-          "ds:[&>*:not(:first-child)]:rounded-t-none",
-          "ds:[&>*:not(:last-child)]:rounded-b-none",
-          "ds:[&>*:not(:first-child)]:-mt-px"
-        ].join(" ")
-      },
-      separator: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        orientation: "horizontal",
-        separator: !0,
-        class: "ds:[&>*:not(:last-child)]:border-e ds:[&>*:not(:last-child)]:border-border"
-      },
-      {
-        orientation: "vertical",
-        separator: !0,
-        class: "ds:[&>*:not(:last-child)]:border-b ds:[&>*:not(:last-child)]:border-border"
-      }
-    ],
-    defaultVariants: {
-      orientation: "horizontal",
-      separator: !1
-    }
-  }
-), D = "ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none", ve = ce(
-  ({
-    className: F,
-    orientation: f = "horizontal",
-    separator: G = !1,
-    toolbar: b = !1,
-    intent: g = "outline",
-    label: re,
-    overflow: te = "none",
-    collapseToIcons: I = !1,
-    children: k,
-    ...K
-  }, w) => {
-    const { t: $ } = be(), V = re ?? $("buttonGroup.label", "Button group"), M = $("buttonGroup.more", "More options"), u = te === "menu" && f !== "vertical", d = b, p = R([]), [c, v] = X(0), T = R(null), [C, oe] = X(!1);
-    ge(() => {
-      if (typeof window > "u") return;
-      const e = T.current;
-      e && oe(window.getComputedStyle(e).direction === "rtl");
-    }, []);
-    const O = fe(
-      (e) => {
-        var Q;
-        if (!d) return;
-        const r = p.current.filter(Boolean).length;
-        if (r === 0) return;
-        const o = f === "vertical" ? "ArrowDown" : C ? "ArrowLeft" : "ArrowRight", t = f === "vertical" ? "ArrowUp" : C ? "ArrowRight" : "ArrowLeft";
-        let n = null;
-        if (e.key === o ? n = (c + 1) % r : e.key === t ? n = (c - 1 + r) % r : e.key === "Home" ? n = 0 : e.key === "End" && (n = r - 1), n === null) return;
-        const a = r;
-        let i = 0, l = n;
-        for (; i < a; ) {
-          const S = p.current[l];
-          if (S && S.getAttribute("aria-disabled") !== "true" && !S.disabled)
-            break;
-          l = e.key === t || e.key === "End" ? (l - 1 + r) % r : (l + 1) % r, i += 1;
-        }
-        e.preventDefault(), v(l), (Q = p.current[l]) == null || Q.focus();
-      },
-      [d, f, C, c]
-    ), m = u ? z.toArray(k).filter(Y) : [], P = (e) => {
-      if (typeof e.props.children == "string") return e.props.children;
-      const r = e.props["aria-label"];
-      return typeof r == "string" ? r : null;
-    };
-    R(!1);
-    const ne = m.map((e) => {
-      const r = e.props["data-overflow-pin"] !== void 0, o = P(e) !== null;
-      return r || !o;
-    }), {
-      containerRef: se,
-      fullRowRef: ie,
-      iconRowRef: ae,
-      triggerProbeRef: le,
-      stage: ue,
-      visible: L,
-      overflowing: h
-    } = we({
-      enabled: u,
-      count: m.length,
-      twoStage: I,
-      pinned: ne
-    }), U = R(null), y = u ? L.filter(Boolean).length : z.count(k);
-    pe(() => {
-      var r;
-      if (!d || !u) return;
-      const e = y + (h ? 1 : 0);
-      e > 0 && c >= e && (v(e - 1), document.activeElement === document.body && ((r = U.current) == null || r.focus()));
-    }, [
-      d,
-      u,
-      y,
-      h,
-      c
-    ]);
-    const _ = (e, r) => (o) => {
-      p.current[r] = o;
-      const t = e.ref;
-      typeof t == "function" ? t(o) : t != null && typeof t == "object" && (t.current = o);
-    }, de = u ? null : z.map(k, (e, r) => {
-      if (!Y(e)) return e;
-      const o = e, t = {
-        intent: o.props.intent ?? g
-      };
-      return d && (t.tabIndex = r === c ? 0 : -1, t.onFocus = (n) => {
-        var a, i;
-        v(r), (i = (a = o.props).onFocus) == null || i.call(a, n);
-      }, t.ref = _(o, r)), B(
-        o,
-        t
-      );
-    });
-    let H = null, W = null;
-    if (u) {
-      p.current.length = y + (h ? 1 : 0);
-      let e = -1;
-      H = m.map((r, o) => {
-        if (!L[o]) return null;
-        e += 1;
-        const t = e, n = {
-          intent: r.props.intent ?? g
-        };
-        return I && ue === "icons" && r.props.children && (r.props.startIcon || r.props.endIcon) && (n.hideLabel = !0), d && (n.tabIndex = t === c ? 0 : -1, n.onFocus = (a) => {
-          var i, l;
-          v(t), (l = (i = r.props).onFocus) == null || l.call(i, a);
-        }, n.ref = _(r, t)), B(r, n);
-      }), W = m.map((r, o) => {
-        if (L[o]) return null;
-        const t = P(r);
-        return t === null ? null : /* @__PURE__ */ s(
-          x.Item,
-          {
-            startIcon: r.props.startIcon,
-            disabled: r.props.disabled === !0 || r.props.loading === !0,
-            onSelect: (n) => {
-              var a, i;
-              (i = (a = r.props).onClick) == null || i.call(
-                a,
-                n
-              );
-            },
-            children: t
-          },
-          r.key ?? o
-        );
-      });
-    }
-    const q = (e) => {
-      T.current = e, typeof w == "function" ? w(e) : w && typeof w == "object" && (w.current = e);
-    };
-    if (!u)
-      return /* @__PURE__ */ s(
-        "div",
-        {
-          ref: q,
-          role: b ? "toolbar" : "group",
-          "aria-label": V,
-          "aria-orientation": b ? f ?? "horizontal" : void 0,
-          "data-component": "button-group",
-          onKeyDown: O,
-          className: ee({ orientation: f, separator: G, className: F }),
-          ...K,
-          children: de
-        }
-      );
-    const A = ee({ orientation: f, separator: G }), N = y, J = (e, r, o) => B(e, {
-      key: e.key ?? r,
-      intent: e.props.intent ?? g,
-      tabIndex: -1,
-      // Same rule as the live strip: icon-only children never hideLabel.
-      ...o && e.props.children && (e.props.startIcon || e.props.endIcon) ? { hideLabel: !0 } : null,
-      ref: null
-    });
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        ref: q,
-        "data-component": "button-group",
-        className: [
-          "ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip",
-          F ?? ""
-        ].join(" ").trim(),
-        ...K,
-        children: /* @__PURE__ */ j("div", { ref: se, className: "ds:block ds:w-full ds:min-w-0", children: [
-          /* @__PURE__ */ s(
-            "div",
-            {
-              ref: ie,
-              "aria-hidden": "true",
-              inert: !0,
-              className: `${D} ${A}`,
-              children: m.map((e, r) => J(e, r, !1))
-            }
-          ),
-          I ? /* @__PURE__ */ s(
-            "div",
-            {
-              ref: ae,
-              "aria-hidden": "true",
-              inert: !0,
-              className: `${D} ${A}`,
-              children: m.map((e, r) => J(e, r, !0))
-            }
-          ) : null,
-          /* @__PURE__ */ s(
-            "span",
-            {
-              ref: le,
-              "aria-hidden": "true",
-              inert: !0,
-              className: D,
-              children: /* @__PURE__ */ s(
-                Z,
-                {
-                  icon: /* @__PURE__ */ s(E, {}),
-                  intent: g,
-                  "aria-label": M,
-                  tabIndex: -1
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ j(
-            "div",
-            {
-              role: b ? "toolbar" : "group",
-              "aria-label": V,
-              "aria-orientation": b ? "horizontal" : void 0,
-              onKeyDown: O,
-              className: `${A} ds:max-w-full`,
-              children: [
-                H,
-                h ? /* @__PURE__ */ j(x.Root, { children: [
-                  /* @__PURE__ */ s(x.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
-                    Z,
-                    {
-                      icon: /* @__PURE__ */ s(E, {}),
-                      intent: g,
-                      "aria-label": M,
-                      ref: (e) => {
-                        U.current = e, p.current[N] = e;
-                      },
-                      tabIndex: d ? c === N ? 0 : -1 : void 0,
-                      onFocus: d ? () => v(N) : void 0
-                    }
-                  ) }),
-                  /* @__PURE__ */ s(x.Content, { align: "end", children: W })
-                ] }) : null
-              ]
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-ve.displayName = "ButtonGroup";
-export {
-  ve as B
-};
-//# sourceMappingURL=button-group-CaxRJsNG.js.map

package/dist/_chunks/button-group-CaxRJsNG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-group-CaxRJsNG.js","sources":["../../src/components/button-group/button-group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Ellipsis } from 'lucide-react';\nimport type { ButtonProps } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { usePriorityOverflow } from '../../hooks/use-priority-overflow';\n\ntype ButtonIntent = NonNullable<ButtonProps['intent']>;\n\nconst buttonGroupVariants = cva(\n  'ds:inline-flex ds:isolate ds:[&>*]:relative ds:[&>*:focus-visible]:z-10',\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:flex-row',\n          'ds:[&>*:not(:first-child)]:rounded-s-none',\n          'ds:[&>*:not(:last-child)]:rounded-e-none',\n          'ds:[&>*:not(:first-child)]:-ms-px',\n        ].join(' '),\n        vertical: [\n          'ds:flex-col',\n          'ds:[&>*:not(:first-child)]:rounded-t-none',\n          'ds:[&>*:not(:last-child)]:rounded-b-none',\n          'ds:[&>*:not(:first-child)]:-mt-px',\n        ].join(' '),\n      },\n      separator: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        separator: true,\n        class:\n          'ds:[&>*:not(:last-child)]:border-e ds:[&>*:not(:last-child)]:border-border',\n      },\n      {\n        orientation: 'vertical',\n        separator: true,\n        class:\n          'ds:[&>*:not(:last-child)]:border-b ds:[&>*:not(:last-child)]:border-border',\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      separator: false,\n    },\n  },\n);\n\n// Hidden measurement rows: laid out (so widths are real) but invisible,\n// non-interactive and out of the a11y tree. Never display:none.\nconst MEASURE_ROW_CLASSES =\n  'ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none';\n\ntype GroupChildProps = {\n  intent?: ButtonIntent;\n  tabIndex?: number;\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  ref?: React.Ref<HTMLButtonElement>;\n  children?: ReactNode;\n  disabled?: boolean;\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  hideLabel?: boolean;\n  'aria-label'?: string;\n  'data-overflow-pin'?: boolean | 'true' | '';\n};\n\nexport interface ButtonGroupProps\n  extends\n    HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof buttonGroupVariants> {\n  /**\n   * Accessible label for the group. Falls back to the translated\n   * `ui.buttonGroup.label` string when not provided.\n   */\n  label?: string;\n  /**\n   * When the children are interactive toolbar-style controls (e.g. toggles),\n   * set this to render `role=\"toolbar\"` instead of `role=\"group\"`.\n   */\n  toolbar?: boolean;\n  /**\n   * Intent applied to every Button / IconButton child that does not set\n   * its own `intent`. Defaults to `outline` — grouped buttons are peers,\n   * not three solid-primary CTAs.\n   */\n  intent?: ButtonIntent;\n  /**\n   * `'menu'` keeps the strip on one line whatever the container width:\n   * once the buttons stop fitting (after the optional `collapseToIcons`\n   * stage) trailing ones move into a dropdown behind an ellipsis trigger.\n   * The group then fills its container's inline size, so give it a bounded\n   * parent. Horizontal only. Children needing to stay in the strip set\n   * `data-overflow-pin`; children without a string label or `aria-label`\n   * cannot be mirrored into the menu and are pinned automatically.\n   */\n  overflow?: 'none' | 'menu';\n  /**\n   * With `overflow=\"menu\"`: before spilling into the menu, hide every\n   * child's label (`hideLabel`) and keep only its `startIcon` — buttons\n   * without an icon shrink to their padding, so give each child one.\n   */\n  collapseToIcons?: boolean;\n}\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      className,\n      orientation = 'horizontal',\n      separator = false,\n      toolbar = false,\n      intent = 'outline',\n      label,\n      overflow = 'none',\n      collapseToIcons = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const accessibleLabel = label ?? t('buttonGroup.label', 'Button group');\n    const moreLabel = t('buttonGroup.more', 'More options');\n\n    if (\n      import.meta.env.DEV &&\n      overflow === 'menu' &&\n      orientation === 'vertical'\n    ) {\n      console.warn(\n        'ButtonGroup: overflow=\"menu\" is horizontal-only; falling back to overflow=\"none\".',\n      );\n    }\n    const overflowEnabled = overflow === 'menu' && orientation !== 'vertical';\n\n    // Roving tabindex — required by the WAI-ARIA toolbar pattern.\n    // When `toolbar` is true, one child owns `tabIndex=0` and the rest are\n    // `-1`. Arrow keys / Home / End move focus between children, respecting\n    // orientation and RTL. Plain `group` mode keeps every child natively\n    // tabbable.\n    const rovingTabindex = toolbar;\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const [focusIndex, setFocusIndex] = useState(0);\n\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const [isRTL, setIsRTL] = useState(false);\n    useIsomorphicLayoutEffect(() => {\n      if (typeof window === 'undefined') return;\n      const node = rootRef.current;\n      if (!node) return;\n      setIsRTL(window.getComputedStyle(node).direction === 'rtl');\n    }, []);\n\n    const handleRootKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>) => {\n        if (!rovingTabindex) return;\n        const count = buttonsRef.current.filter(Boolean).length;\n        if (count === 0) return;\n\n        const forwardKey =\n          orientation === 'vertical'\n            ? 'ArrowDown'\n            : isRTL\n              ? 'ArrowLeft'\n              : 'ArrowRight';\n        const backwardKey =\n          orientation === 'vertical'\n            ? 'ArrowUp'\n            : isRTL\n              ? 'ArrowRight'\n              : 'ArrowLeft';\n\n        let next: number | null = null;\n        if (event.key === forwardKey) next = (focusIndex + 1) % count;\n        else if (event.key === backwardKey)\n          next = (focusIndex - 1 + count) % count;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = count - 1;\n        if (next === null) return;\n\n        // Skip over disabled children.\n        const maxAttempts = count;\n        let attempts = 0;\n        let candidate = next;\n        while (attempts < maxAttempts) {\n          const el = buttonsRef.current[candidate];\n          if (\n            el &&\n            el.getAttribute('aria-disabled') !== 'true' &&\n            !el.disabled\n          ) {\n            break;\n          }\n          candidate =\n            event.key === backwardKey || event.key === 'End'\n              ? (candidate - 1 + count) % count\n              : (candidate + 1) % count;\n          attempts += 1;\n        }\n        event.preventDefault();\n        setFocusIndex(candidate);\n        buttonsRef.current[candidate]?.focus();\n      },\n      [rovingTabindex, orientation, isRTL, focusIndex],\n    );\n\n    /* ---- Overflow bookkeeping (menu mode only) --------------------- */\n    const childElements = overflowEnabled\n      ? (Children.toArray(children).filter(isValidElement) as Array<\n          ReactElement<GroupChildProps>\n        >)\n      : [];\n\n    const mirrorLabel = (child: ReactElement<GroupChildProps>) => {\n      if (typeof child.props.children === 'string') return child.props.children;\n      const aria = child.props['aria-label'];\n      return typeof aria === 'string' ? aria : null;\n    };\n    const warnedRef = useRef(false);\n    const pinnedFlags = childElements.map((child) => {\n      const explicit = child.props['data-overflow-pin'] !== undefined;\n      const mirrorable = mirrorLabel(child) !== null;\n      if (\n        import.meta.env.DEV &&\n        !explicit &&\n        !mirrorable &&\n        !warnedRef.current\n      ) {\n        warnedRef.current = true;\n        console.warn(\n          'ButtonGroup: a child without a string label or aria-label cannot move into the overflow menu — it stays pinned in the strip.',\n        );\n      }\n      return explicit || !mirrorable;\n    });\n\n    const {\n      containerRef,\n      fullRowRef,\n      iconRowRef,\n      triggerProbeRef,\n      stage,\n      visible,\n      overflowing,\n    } = usePriorityOverflow({\n      enabled: overflowEnabled,\n      count: childElements.length,\n      twoStage: collapseToIcons,\n      pinned: pinnedFlags,\n    });\n\n    const triggerNodeRef = useRef<HTMLButtonElement | null>(null);\n    const visibleCount = overflowEnabled\n      ? visible.filter(Boolean).length\n      : Children.count(children);\n\n    // Clamp the roving focus when items move into the menu; hand real focus\n    // to the trigger only when the focused node was the one that left.\n    useEffect(() => {\n      if (!rovingTabindex || !overflowEnabled) return;\n      const total = visibleCount + (overflowing ? 1 : 0);\n      if (total > 0 && focusIndex >= total) {\n        setFocusIndex(total - 1);\n        if (document.activeElement === document.body) {\n          triggerNodeRef.current?.focus();\n        }\n      }\n    }, [\n      rovingTabindex,\n      overflowEnabled,\n      visibleCount,\n      overflowing,\n      focusIndex,\n    ]);\n\n    const mergeChildRef = (\n      childEl: ReactElement<GroupChildProps>,\n      index: number,\n    ) => {\n      return (node: HTMLButtonElement | null) => {\n        buttonsRef.current[index] = node;\n        const originalRef = (\n          childEl as unknown as { ref?: React.Ref<HTMLButtonElement> }\n        ).ref;\n        if (typeof originalRef === 'function') originalRef(node);\n        else if (\n          originalRef !== null &&\n          originalRef !== undefined &&\n          typeof originalRef === 'object'\n        ) {\n          (\n            originalRef as React.MutableRefObject<HTMLButtonElement | null>\n          ).current = node;\n        }\n      };\n    };\n\n    /* ---- Legacy path: overflow=\"none\" keeps today's exact DOM ------ */\n    const enhanced = overflowEnabled\n      ? null\n      : Children.map(children, (child, index) => {\n          if (!isValidElement(child)) return child;\n          const childEl = child as ReactElement<GroupChildProps>;\n\n          // Roving-tabindex wiring (ref / tabIndex / onFocus) is only needed in\n          // `toolbar` mode. In plain `group` mode inject ONLY `intent`, so the group\n          // composes with members that don't forward a ref — e.g. each wrapped in a\n          // `DropdownMenu.Root` for a split-button strip — without React's \"function\n          // components cannot be given refs\" warning. The joined styling is DOM-level\n          // (`[&>*]`), so it still applies to the rendered buttons either way.\n          const overrides: Record<string, unknown> = {\n            intent: childEl.props.intent ?? intent,\n          };\n          if (rovingTabindex) {\n            overrides.tabIndex = index === focusIndex ? 0 : -1;\n            overrides.onFocus = (ev: React.FocusEvent<HTMLButtonElement>) => {\n              setFocusIndex(index);\n              childEl.props.onFocus?.(ev);\n            };\n            overrides.ref = mergeChildRef(childEl, index);\n          }\n\n          return cloneElement(\n            childEl,\n            overrides as Partial<typeof childEl.props>,\n          );\n        });\n\n    /* ---- Menu path: strip of visible children + ellipsis trigger --- */\n    let stripChildren: ReactNode = null;\n    let menuItems: ReactNode = null;\n    if (overflowEnabled) {\n      buttonsRef.current.length = visibleCount + (overflowing ? 1 : 0);\n      let stripIndex = -1;\n      stripChildren = childElements.map((childEl, i) => {\n        if (!visible[i]) return null;\n        stripIndex += 1;\n        const index = stripIndex;\n        const overrides: Record<string, unknown> = {\n          intent: childEl.props.intent ?? intent,\n        };\n        // Only children with an icon AND a text label collapse; icon-only\n        // children (their children ARE the icon) would go blank.\n        if (\n          collapseToIcons &&\n          stage === 'icons' &&\n          childEl.props.children &&\n          (childEl.props.startIcon || childEl.props.endIcon)\n        )\n          overrides.hideLabel = true;\n        if (rovingTabindex) {\n          overrides.tabIndex = index === focusIndex ? 0 : -1;\n          overrides.onFocus = (ev: React.FocusEvent<HTMLButtonElement>) => {\n            setFocusIndex(index);\n            childEl.props.onFocus?.(ev);\n          };\n          overrides.ref = mergeChildRef(childEl, index);\n        }\n        return cloneElement(childEl, overrides as Partial<GroupChildProps>);\n      });\n\n      menuItems = childElements.map((childEl, i) => {\n        if (visible[i]) return null;\n        const itemLabel = mirrorLabel(childEl);\n        if (itemLabel === null) return null;\n        return (\n          <DropdownMenu.Item\n            key={childEl.key ?? i}\n            startIcon={childEl.props.startIcon}\n            disabled={\n              childEl.props.disabled === true || childEl.props.loading === true\n            }\n            onSelect={(event) => {\n              childEl.props.onClick?.(\n                event as unknown as React.MouseEvent<HTMLButtonElement>,\n              );\n            }}\n          >\n            {itemLabel}\n          </DropdownMenu.Item>\n        );\n      });\n    }\n\n    const mergedRootRef = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref && typeof ref === 'object') {\n        (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    };\n\n    if (!overflowEnabled) {\n      return (\n        <div\n          ref={mergedRootRef}\n          role={toolbar ? 'toolbar' : 'group'}\n          aria-label={accessibleLabel}\n          aria-orientation={toolbar ? (orientation ?? 'horizontal') : undefined}\n          data-component=\"button-group\"\n          onKeyDown={handleRootKeyDown}\n          className={buttonGroupVariants({ orientation, separator, className })}\n          {...props}\n        >\n          {enhanced}\n        </div>\n      );\n    }\n\n    const stripClasses = buttonGroupVariants({ orientation, separator });\n    const triggerIndex = visibleCount;\n    const measureClone = (\n      childEl: ReactElement<GroupChildProps>,\n      i: number,\n      icons: boolean,\n    ) =>\n      cloneElement(childEl, {\n        key: childEl.key ?? i,\n        intent: childEl.props.intent ?? intent,\n        tabIndex: -1,\n        // Same rule as the live strip: icon-only children never hideLabel.\n        ...(icons &&\n        childEl.props.children &&\n        (childEl.props.startIcon || childEl.props.endIcon)\n          ? { hideLabel: true }\n          : null),\n        ref: null,\n      } as Partial<GroupChildProps>);\n\n    return (\n      <div\n        ref={mergedRootRef}\n        data-component=\"button-group\"\n        className={[\n          'ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip',\n          className ?? '',\n        ]\n          .join(' ')\n          .trim()}\n        {...props}\n      >\n        <div ref={containerRef} className=\"ds:block ds:w-full ds:min-w-0\">\n          {/* Measurement rows: every item at natural width, both stages. */}\n          <div\n            ref={fullRowRef}\n            aria-hidden=\"true\"\n            inert\n            className={`${MEASURE_ROW_CLASSES} ${stripClasses}`}\n          >\n            {childElements.map((c, i) => measureClone(c, i, false))}\n          </div>\n          {collapseToIcons ? (\n            <div\n              ref={iconRowRef}\n              aria-hidden=\"true\"\n              inert\n              className={`${MEASURE_ROW_CLASSES} ${stripClasses}`}\n            >\n              {childElements.map((c, i) => measureClone(c, i, true))}\n            </div>\n          ) : null}\n          <span\n            ref={triggerProbeRef}\n            aria-hidden=\"true\"\n            inert\n            className={MEASURE_ROW_CLASSES}\n          >\n            <IconButton\n              icon={<Ellipsis />}\n              intent={intent}\n              aria-label={moreLabel}\n              tabIndex={-1}\n            />\n          </span>\n\n          <div\n            role={toolbar ? 'toolbar' : 'group'}\n            aria-label={accessibleLabel}\n            aria-orientation={toolbar ? 'horizontal' : undefined}\n            onKeyDown={handleRootKeyDown}\n            className={`${stripClasses} ds:max-w-full`}\n          >\n            {stripChildren}\n            {overflowing ? (\n              <DropdownMenu.Root>\n                <DropdownMenu.Trigger asChild>\n                  <IconButton\n                    icon={<Ellipsis />}\n                    intent={intent}\n                    aria-label={moreLabel}\n                    ref={(node: HTMLButtonElement | null) => {\n                      triggerNodeRef.current = node;\n                      buttonsRef.current[triggerIndex] = node;\n                    }}\n                    tabIndex={\n                      rovingTabindex\n                        ? focusIndex === triggerIndex\n                          ? 0\n                          : -1\n                        : undefined\n                    }\n                    onFocus={\n                      rovingTabindex\n                        ? () => setFocusIndex(triggerIndex)\n                        : undefined\n                    }\n                  />\n                </DropdownMenu.Trigger>\n                <DropdownMenu.Content align=\"end\">\n                  {menuItems}\n                </DropdownMenu.Content>\n              </DropdownMenu.Root>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n"],"names":["buttonGroupVariants","cva","MEASURE_ROW_CLASSES","ButtonGroup","forwardRef","className","orientation","separator","toolbar","intent","label","overflow","collapseToIcons","children","props","ref","t","useTranslation","accessibleLabel","moreLabel","overflowEnabled","rovingTabindex","buttonsRef","useRef","focusIndex","setFocusIndex","useState","rootRef","isRTL","setIsRTL","useIsomorphicLayoutEffect","node","handleRootKeyDown","useCallback","event","count","forwardKey","backwardKey","next","maxAttempts","attempts","candidate","el","_a","childElements","Children","isValidElement","mirrorLabel","child","aria","pinnedFlags","explicit","mirrorable","containerRef","fullRowRef","iconRowRef","triggerProbeRef","stage","visible","overflowing","usePriorityOverflow","triggerNodeRef","visibleCount","useEffect","total","mergeChildRef","childEl","index","originalRef","enhanced","overrides","ev","_b","cloneElement","stripChildren","menuItems","stripIndex","i","itemLabel","jsx","DropdownMenu","mergedRootRef","stripClasses","triggerIndex","measureClone","icons","c","IconButton","Ellipsis","jsxs"],"mappings":"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"}