@alfadocs/ui-kit-debug 0.25.2 → 0.30.1

package/dist/_chunks/slot-grid-B2zprPcv.js

@@ -0,0 +1,387 @@
+import { jsx as t, jsxs as x } from "react/jsx-runtime";
+import { forwardRef as os, useId as ls, useState as cs, useCallback as L } from "react";
+import { c as f } from "./index-D2ZczOXr.js";
+import { useTranslation as ms } from "react-i18next";
+import { B as $ } from "./button-DD_0Xdmr.js";
+import { I as A } from "./icon-button-BRHSSFmZ.js";
+import { E as us } from "./empty-state-BLy7tigq.js";
+import { S as B } from "./skeleton-CZbwyJAA.js";
+import { i as fs } from "./isSameDay-DHG8Xade.js";
+import { p as gs } from "./parseISO-Dk4xa7q6.js";
+const ps = f(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+    "ds:text-[var(--foreground)]",
+    "ds:w-full"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:text-[length:var(--font-size-sm)]",
+        md: "ds:text-[length:var(--font-size-base)]",
+        lg: "ds:text-[length:var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), vs = f(
+  "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full"
+), hs = 12, bs = f(
+  "ds:grid ds:gap-[var(--spacing-sm)] ds:w-full ds:auto-rows-min ds:items-start",
+  {
+    variants: {
+      cols: {
+        1: "ds:grid-cols-1",
+        2: "ds:grid-cols-2",
+        3: "ds:grid-cols-3",
+        4: "ds:grid-cols-4",
+        5: "ds:grid-cols-5",
+        6: "ds:grid-cols-6",
+        7: "ds:grid-cols-7",
+        8: "ds:grid-cols-8",
+        9: "ds:grid-cols-9",
+        10: "ds:grid-cols-10",
+        11: "ds:grid-cols-11",
+        12: "ds:grid-cols-12"
+      }
+    },
+    defaultVariants: { cols: 1 }
+  }
+);
+function xs(s) {
+  return Math.max(1, Math.min(s, hs));
+}
+const R = f(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:bg-[var(--card)]",
+    "ds:min-w-0"
+  ].join(" ")
+), ys = f(
+  [
+    "ds:font-[var(--font-weight-semibold)]",
+    "ds:text-[var(--foreground)]",
+    "ds:text-start",
+    "ds:truncate"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:text-[length:var(--font-size-xs)]",
+        md: "ds:text-[length:var(--font-size-sm)]",
+        lg: "ds:text-[length:var(--font-size-base)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), T = f(
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none"
+), ws = f(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:w-full",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:font-[var(--font-weight-medium)]",
+    "ds:bg-[var(--secondary)]",
+    "ds:shadow-[var(--shadow-sm)]",
+    "ds:text-[var(--foreground)]",
+    "ds:transition-[background-color,color,box-shadow]",
+    "ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[var(--focus-ring-offset)]",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:shadow-none",
+    "ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-disabled:shadow-none",
+    "ds:hover:enabled:shadow-[var(--shadow-md)]",
+    "ds:aria-pressed:bg-[var(--primary)] ds:aria-pressed:text-[var(--primary-foreground)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:h-8",
+        md: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:h-10",
+        lg: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-base)] ds:h-12"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+function u(s) {
+  return s instanceof Date ? s : gs(s);
+}
+function Rs(s, r) {
+  return fs(u(s), u(r));
+}
+function Ts(s) {
+  for (const r of s) {
+    const e = r.slots.find((n) => n.available !== !1);
+    if (e) return { day: r, slot: e };
+  }
+}
+function F(s, r, e) {
+  try {
+    return new Intl.DateTimeFormat(r, {
+      weekday: "short",
+      month: "short",
+      day: "numeric",
+      timeZone: e
+    }).format(s);
+  } catch {
+    return new Intl.DateTimeFormat("en", {
+      weekday: "short",
+      month: "short",
+      day: "numeric"
+    }).format(s);
+  }
+}
+function O(s, r, e) {
+  if (s.label !== void 0) return s.label;
+  const n = u(s.start);
+  try {
+    const d = new Intl.DateTimeFormat(r, {
+      hour: "numeric",
+      minute: "2-digit",
+      timeZone: e
+    });
+    if (s.end) {
+      const g = u(s.end);
+      if (typeof d.formatRange == "function")
+        try {
+          return d.formatRange(n, g);
+        } catch {
+        }
+      return `${d.format(n)} – ${d.format(g)}`;
+    }
+    return d.format(n);
+  } catch {
+    return n.toISOString();
+  }
+}
+function ks(s, r, e, n, d) {
+  if (s.ariaLabel !== void 0) return s.ariaLabel;
+  const g = O(s, e, n), p = r.label !== void 0 ? r.label : F(u(r.date), e, n);
+  return d({ time: g, day: p });
+}
+function Cs() {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "ds:size-4",
+      children: /* @__PURE__ */ t("path", { d: "M15 18l-6-6 6-6" })
+    }
+  );
+}
+function Ls() {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "ds:size-4",
+      children: /* @__PURE__ */ t("path", { d: "M9 6l6 6-6 6" })
+    }
+  );
+}
+const Ds = os(
+  ({
+    days: s,
+    state: r = "default",
+    size: e = "md",
+    selectedSlotId: n,
+    maxInitialSlotsPerDay: d = 6,
+    locale: g,
+    timeZone: p,
+    hasPrevious: K = !1,
+    hasNext: M = !1,
+    showNextAvailable: _ = !1,
+    ariaLabel: H,
+    onSlotSelect: v,
+    onPreviousDays: W,
+    onNextDays: X,
+    onShowMore: h,
+    onJumpToNextAvailable: q,
+    className: J,
+    ...Q
+  }, U) => {
+    const { t: o, i18n: Y } = ms(), y = g ?? Y.language ?? "en", P = ls(), [Z, ss] = cs({}), D = r === "loading", z = r === "disabled", m = D || z, as = r === "empty" || s.length === 0 || s.every((a) => a.slots.length === 0), ts = H ?? o("slotGrid.ariaLabel"), w = L(
+      (a, i) => {
+        m || a.available !== !1 && (v == null || v(a, i));
+      },
+      [m, v]
+    ), es = L(
+      (a, i) => {
+        ss((l) => ({ ...l, [i]: !0 })), h == null || h(a);
+      },
+      [h]
+    ), rs = L(
+      (a, i, l) => {
+        (a.key === "Enter" || a.key === " ") && (a.preventDefault(), w(i, l));
+      },
+      [w]
+    ), I = xs(s.length || 1), N = bs({ cols: I });
+    let b;
+    return D ? b = /* @__PURE__ */ t(
+      "div",
+      {
+        className: N,
+        "data-state": "loading",
+        role: "status",
+        "aria-live": "polite",
+        "aria-label": o("common.loading"),
+        children: Array.from({ length: I }, (a, i) => /* @__PURE__ */ x("div", { className: R(), children: [
+          /* @__PURE__ */ t(B, { variant: "text", size: e, width: "60%" }),
+          /* @__PURE__ */ t("div", { className: T(), children: Array.from(
+            { length: Math.min(d, 4) },
+            (l, k) => /* @__PURE__ */ t(
+              B,
+              {
+                variant: "rounded",
+                size: e,
+                height: "40px"
+              },
+              `loading-slot-${i}-${k}`
+            )
+          ) })
+        ] }, `loading-col-${i}`))
+      }
+    ) : as ? b = /* @__PURE__ */ t("div", { "data-state": "empty", children: /* @__PURE__ */ t(us, { variant: "no-results", title: o("slotGrid.noSlots") }) }) : b = /* @__PURE__ */ t(
+      "div",
+      {
+        className: N,
+        "data-state": z ? "disabled" : "default",
+        children: s.map((a, i) => {
+          const l = `${u(a.date).toISOString()}-${i}`, k = a.label ?? F(u(a.date), y, p), S = `${P}-day-${i}-header`, G = Z[l] ?? !1 ? a.slots : a.slots.slice(0, d), V = a.slots.length - G.length, j = a.slots.length === 0;
+          return (
+            // Use a plain <div role="group"> rather than <section> — a
+            // <section> with aria-labelledby is a landmark, and nesting many
+            // landmarks inside the outer slot-grid landmark fails axe's
+            // landmark-unique rule.
+            /* @__PURE__ */ x(
+              "div",
+              {
+                role: "group",
+                className: R(),
+                "aria-labelledby": S,
+                "data-empty": j || void 0,
+                children: [
+                  /* @__PURE__ */ t("h3", { id: S, className: ys({ size: e }), children: k }),
+                  j ? /* @__PURE__ */ t("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: o("slotGrid.noSlots") }) : null,
+                  /* @__PURE__ */ t("ul", { className: T(), children: G.map((c) => {
+                    const ns = ks(
+                      c,
+                      a,
+                      y,
+                      p,
+                      ({ time: C, day: ds }) => o("slotGrid.slotLabel", { time: C, day: ds })
+                    ), is = n === c.id, E = c.available === !1 || m;
+                    return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: ws({ size: e }),
+                        "aria-label": ns,
+                        "aria-pressed": is,
+                        disabled: E,
+                        "aria-disabled": E || void 0,
+                        "data-slot-id": c.id,
+                        onClick: () => w(c, a),
+                        onKeyDown: (C) => rs(C, c, a),
+                        children: O(c, y, p)
+                      }
+                    ) }, c.id);
+                  }) }),
+                  V > 0 ? /* @__PURE__ */ t(
+                    $,
+                    {
+                      intent: "ghost",
+                      size: e === "lg" ? "md" : "sm",
+                      onClick: () => es(a, l),
+                      disabled: m,
+                      children: o("slotGrid.showMore", { count: V })
+                    }
+                  ) : null
+                ]
+              },
+              l
+            )
+          );
+        })
+      }
+    ), /* @__PURE__ */ x(
+      "div",
+      {
+        ref: U,
+        role: "region",
+        "aria-label": ts,
+        className: ps({ size: e, className: J }),
+        "data-component": "slot-grid",
+        "data-state": r,
+        ...Q,
+        children: [
+          /* @__PURE__ */ x("div", { className: vs(), children: [
+            /* @__PURE__ */ t(
+              A,
+              {
+                icon: /* @__PURE__ */ t(Cs, {}),
+                "aria-label": o("slotGrid.previousDays"),
+                size: e === "lg" ? "md" : "sm",
+                intent: "ghost",
+                flipIconInRtl: !0,
+                disabled: !K || m,
+                onClick: W
+              }
+            ),
+            _ ? /* @__PURE__ */ t(
+              $,
+              {
+                intent: "secondary",
+                size: e === "lg" ? "md" : "sm",
+                disabled: m,
+                onClick: q,
+                children: o("slotGrid.nextAvailable")
+              }
+            ) : /* @__PURE__ */ t("span", { "aria-hidden": "true" }),
+            /* @__PURE__ */ t(
+              A,
+              {
+                icon: /* @__PURE__ */ t(Ls, {}),
+                "aria-label": o("slotGrid.nextDays"),
+                size: e === "lg" ? "md" : "sm",
+                intent: "ghost",
+                flipIconInRtl: !0,
+                disabled: !M || m,
+                onClick: X
+              }
+            )
+          ] }),
+          b
+        ]
+      }
+    );
+  }
+);
+Ds.displayName = "SlotGrid";
+export {
+  Ds as S,
+  Ts as f,
+  Rs as i
+};
+//# sourceMappingURL=slot-grid-B2zprPcv.js.map

package/dist/_chunks/slot-grid-B2zprPcv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-grid-B2zprPcv.js","sources":["../../src/components/slot-grid/slot-grid.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\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\nimport {\n  forwardRef,\n  useCallback,\n  useId,\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 { 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';\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/* 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/** 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      ...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    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 = `${toDate(day.date).toISOString()}-${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        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        className={slotGridVariants({ size, className })}\n        data-component=\"slot-grid\"\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":["slotGridVariants","cva","toolbarVariants","COLS_MAX","columnsVariants","clampCols","count","columnVariants","dayHeaderVariants","slotListVariants","slotButtonVariants","toDate","value","parseISO","isSameDate","a","b","isSameDay","findFirstAvailable","days","day","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","rest","ref","t","i18n","useTranslation","idBase","useId","expanded","setExpanded","useState","isLoading","isDisabled","isInteractionSuppressed","isEmpty","resolvedAriaLabel","handleSlotClick","useCallback","handleShowMore","key","prev","handleSlotKeyDown","event","columnCount","columnsClass","body","_","colIdx","jsxs","Skeleton","rowIdx","EmptyState","dayIdx","dayKey","headerLabel","headerId","visibleSlots","hiddenCount","isDayEmpty","ariaLabelSlot","isSelected","isSlotDisabled","Button","IconButton"],"mappings":"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"}

package/dist/_chunks/stethoscope-DT5qCW8Y.js

@@ -0,0 +1,18 @@
+import { c as e } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [
+  ["path", { d: "M11 2v2", key: "1539x4" }],
+  ["path", { d: "M5 2v2", key: "1yf1q8" }],
+  ["path", { d: "M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1", key: "rb5t3r" }],
+  ["path", { d: "M8 15a6 6 0 0 0 12 0v-3", key: "x18d4x" }],
+  ["circle", { cx: "20", cy: "10", r: "2", key: "ts1r5v" }]
+], o = e("stethoscope", t);
+export {
+  o as S
+};
+//# sourceMappingURL=stethoscope-DT5qCW8Y.js.map

package/dist/_chunks/stethoscope-DT5qCW8Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stethoscope-DT5qCW8Y.js","sources":["../../node_modules/lucide-react/dist/esm/icons/stethoscope.js"],"sourcesContent":["/**\n * @license lucide-react v1.8.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.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M11 2v2\", key: \"1539x4\" }],\n  [\"path\", { d: \"M5 2v2\", key: \"1yf1q8\" }],\n  [\"path\", { d: \"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\", key: \"rb5t3r\" }],\n  [\"path\", { d: \"M8 15a6 6 0 0 0 12 0v-3\", key: \"x18d4x\" }],\n  [\"circle\", { cx: \"20\", cy: \"10\", r: \"2\", key: \"ts1r5v\" }]\n];\nconst Stethoscope = createLucideIcon(\"stethoscope\", __iconNode);\n\nexport { __iconNode, Stethoscope as default };\n//# sourceMappingURL=stethoscope.js.map\n"],"names":["__iconNode","Stethoscope","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,QAAQ,EAAE,GAAG,4DAA4D,KAAK,SAAQ,CAAE;AAAA,EACzF,CAAC,QAAQ,EAAE,GAAG,2BAA2B,KAAK,SAAQ,CAAE;AAAA,EACxD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,GACMC,IAAcC,EAAiB,eAAeF,CAAU;","x_google_ignoreList":[0]}

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.25.2",
+  "packageVersion": "0.30.1",
   "components": [
     {
       "kind": "component",
@@ -409,16 +409,6 @@
         "view_change"
       ],
       "state": [
-        {
-          "name": "currentStep",
-          "type": "number",
-          "description": "Zero-indexed active step within the active variant. Variants with no step machine report 0."
-        },
-        {
-          "name": "totalSteps",
-          "type": "number",
-          "description": "Total number of steps in the active variant. Single-screen variants report 1."
-        },
         {
           "name": "variant",
           "type": "string",
@@ -427,20 +417,15 @@
       ],
       "actions": [
         {
-          "name": "goto_step",
-          "safety": "read",
-          "argsType": "{ step: number }",
-          "description": "Jump to the given step within the active variant. Steps beyond first-incomplete are gated internally."
-        },
-        {
-          "name": "next",
-          "safety": "read",
-          "description": "Advance to the next step when the current step has a valid value."
+          "name": "reset",
+          "safety": "write",
+          "description": "Clear the booking value back to an empty state. Use to abandon an in-progress flow."
         },
         {
-          "name": "previous",
+          "name": "goto_step",
           "safety": "read",
-          "description": "Return to the previous step."
+          "argsType": "{ step: 1 | 2 | 3 | 4 | 5 | 6 | 7 }",
+          "description": "Jump to the given step. Implementations may clamp to the first incomplete step if the requested one is not reachable yet."
         }
       ],
       "domHooks": {
@@ -2449,6 +2434,45 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "patient-search",
+      "capabilities": [
+        "navigate",
+        "view_change"
+      ],
+      "state": [
+        {
+          "name": "variant",
+          "type": "string",
+          "description": "Active variant — one of `who-where`, `who-where-when`, `faceted`, `discovery`."
+        }
+      ],
+      "actions": [
+        {
+          "name": "reset",
+          "safety": "write",
+          "description": "Clear the current selection (WHO, WHERE, WHEN, facets, geo) via the consumer-owned onChange."
+        },
+        {
+          "name": "focus_primary",
+          "safety": "read",
+          "description": "Move keyboard focus to the most-relevant field for the current variant."
+        }
+      ],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "patient-search",
+          "description": "Marks the PatientSearch root region."
+        },
+        "instanceId": {
+          "attr": "data-component-id",
+          "sourceProp": "id",
+          "description": "Sourced from the id prop."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "payment-form",
@@ -2677,6 +2701,38 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "public-footer",
+      "capabilities": [
+        "navigate"
+      ],
+      "state": [
+        {
+          "name": "variant",
+          "type": "string",
+          "description": "Active variant — one of `minimal`, `compact`, `full`."
+        },
+        {
+          "name": "legalUrls",
+          "type": "object",
+          "description": "Resolved legal URLs for the active locale + marketingBaseUrl + overrides: `{ privacy, terms, contacts }`."
+        }
+      ],
+      "actions": [],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "public-footer",
+          "description": "Marks the PublicFooter root region. The root also carries `data-variant=\"minimal|compact|full\"` for CSS + agent selectors."
+        },
+        "instanceId": {
+          "attr": "id",
+          "sourceProp": "id",
+          "description": "Sourced from the `id` prop when provided."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "public-header",
@@ -2856,6 +2912,45 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "reviews-panel",
+      "capabilities": [
+        "filter"
+      ],
+      "state": [
+        {
+          "name": "filter",
+          "type": "string",
+          "description": "Active star-bucket filter — `\"all\"` or an integer 1..5. Reads the controlled `filter` prop."
+        },
+        {
+          "name": "visibleCount",
+          "type": "number",
+          "description": "Number of reviews currently rendered after the filter is applied."
+        }
+      ],
+      "actions": [
+        {
+          "name": "set_filter",
+          "safety": "read",
+          "argsType": "{ filter: \"all\" | 1 | 2 | 3 | 4 | 5 }",
+          "description": "Narrow the visible review list to a star bucket, or `\"all\"` to clear the filter."
+        }
+      ],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "reviews-panel",
+          "description": "Marks the ReviewsPanel root region."
+        },
+        "instanceId": {
+          "attr": "data-component-id",
+          "sourceProp": "id",
+          "description": "Sourced from the id prop."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "rich-text-editor",