@alfadocs/ui-kit 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/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/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",