@alfadocs/ui-kit-debug 1.90.1 → 1.91.0

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

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as ye, useId as he, useState as me, useCallback as M, useRef as ge, useEffect as ve, useMemo as be } from "react";
-import { c as m } from "./index-D2ZczOXr.js";
-import { useTranslation as we } from "react-i18next";
-import { B as F } from "./button-DohK_Ak_.js";
-import { I as q } from "./icon-button-S8_weU3g.js";
-import { E as xe } from "./empty-state-DwJ5YNzz.js";
-import { S as W } from "./skeleton-tTWJpvAq.js";
-import { u as Se } from "./registry-DvAUVLHh.js";
-import { d as ke, f as De } from "./format--x5jypvH.js";
-import { p as Ie } from "./parseISO-DZZ5a-zK.js";
-const Ge = {
+import { jsx as r, jsxs as v, Fragment as he } from "react/jsx-runtime";
+import { forwardRef as ye, useId as ge, useState as ve, useCallback as M, useRef as be, useEffect as we, useMemo as xe } from "react";
+import { c as g } from "./index-D2ZczOXr.js";
+import { useTranslation as Se } from "react-i18next";
+import { B as q } from "./button-DohK_Ak_.js";
+import { I as W } from "./icon-button-S8_weU3g.js";
+import { E as ke } from "./empty-state-DwJ5YNzz.js";
+import { S as X } from "./skeleton-tTWJpvAq.js";
+import { u as De } from "./registry-DvAUVLHh.js";
+import { d as Ie, f as Ge } from "./format--x5jypvH.js";
+import { p as Ne } from "./parseISO-DZZ5a-zK.js";
+const Ke = {
   id: "slot-grid",
   // pick           → `select_slot` + the `selectedSlotId` state slot.
   // range_navigate → `next_days` / `previous_days` + `hasNext` / `hasPrevious`.
@@ -185,7 +185,7 @@ const Ge = {
       description: "Per-slot button identifier sourced from each `SlotGridSlot.id` — an availability id, never a patient id. DOM-driving agents activate a slot via native click on the matching button."
     }
   }
-}, Ke = m(
+}, Me = g(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
     "ds:text-[var(--foreground)]",
@@ -201,9 +201,9 @@ const Ge = {
     },
     defaultVariants: { size: "md" }
   }
-), Me = m(
+), ze = g(
   "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full"
-), Ne = 12, Ce = m(
+), Ce = 12, Re = g(
   "ds:grid ds:gap-[var(--spacing-sm)] ds:w-full ds:auto-rows-min ds:items-start",
   {
     variants: {
@@ -225,10 +225,10 @@ const Ge = {
     defaultVariants: { cols: 1 }
   }
 );
-function Re(e) {
-  return Math.max(1, Math.min(e, Ne));
+function Le(e) {
+  return Math.max(1, Math.min(e, Ce));
 }
-const X = m(
+const J = g(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
@@ -237,7 +237,7 @@ const X = m(
     "ds:bg-[var(--card)]",
     "ds:min-w-0"
   ].join(" ")
-), Le = m(
+), Be = g(
   [
     "ds:font-[var(--font-weight-semibold)]",
     "ds:text-[var(--foreground)]",
@@ -254,9 +254,9 @@ const X = m(
     },
     defaultVariants: { size: "md" }
   }
-), J = m(
+), Q = g(
   "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none"
-), ze = m(
+), Ee = g(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:w-full",
@@ -290,24 +290,24 @@ const X = m(
   }
 );
 function h(e) {
-  return e instanceof Date ? e : Ie(e);
+  return e instanceof Date ? e : Ne(e);
 }
-function N(e, a) {
+function z(e, a) {
   return `${h(e.date).toISOString()}-${a}`;
 }
-function D(e) {
-  return De(h(e.date), "yyyy-MM-dd");
+function k(e) {
+  return Ge(h(e.date), "yyyy-MM-dd");
 }
-function Qe(e, a) {
-  return ke(h(e), h(a));
+function Ye(e, a) {
+  return Ie(h(e), h(a));
 }
-function Ue(e) {
+function Ze(e) {
   for (const a of e) {
-    const o = a.slots.find((l) => l.available !== !1);
+    const o = a.slots.find((i) => i.available !== !1);
     if (o) return { day: a, slot: o };
   }
 }
-function Q(e, a, o) {
+function U(e, a, o) {
   try {
     return new Intl.DateTimeFormat(a, {
       weekday: "short",
@@ -323,9 +323,9 @@ function Q(e, a, o) {
     }).format(e);
   }
 }
-function U(e, a, o) {
+function Y(e, a, o) {
   if (e.label !== void 0) return e.label;
-  const l = h(e.start);
+  const i = h(e.start);
   try {
     const c = new Intl.DateTimeFormat(a, {
       hour: "numeric",
@@ -333,25 +333,25 @@ function U(e, a, o) {
       timeZone: o
     });
     if (e.end) {
-      const g = h(e.end);
+      const y = h(e.end);
       if (typeof c.formatRange == "function")
         try {
-          return c.formatRange(l, g);
+          return c.formatRange(i, y);
         } catch {
         }
-      return `${c.format(l)} – ${c.format(g)}`;
+      return `${c.format(i)} – ${c.format(y)}`;
     }
-    return c.format(l);
+    return c.format(i);
   } catch {
-    return l.toISOString();
+    return i.toISOString();
   }
 }
-function Be(e, a, o, l, c) {
+function Ve(e, a, o, i, c) {
   if (e.ariaLabel !== void 0) return e.ariaLabel;
-  const g = U(e, o, l), v = a.label !== void 0 ? a.label : Q(h(a.date), o, l);
-  return c({ time: g, day: v });
+  const y = Y(e, o, i), D = a.label !== void 0 ? a.label : U(h(a.date), o, i);
+  return c({ time: y, day: D });
 }
-function Ee() {
+function je() {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -367,7 +367,7 @@ function Ee() {
     }
   );
 }
-function Ve() {
+function Te() {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -383,244 +383,257 @@ function Ve() {
     }
   );
 }
-const je = ye(
+const Pe = ye(
   ({
     days: e,
     state: a = "default",
-    size: o = "md",
-    selectedSlotId: l,
-    maxInitialSlotsPerDay: c = 6,
-    locale: g,
-    timeZone: v,
+    emptyDescription: o,
+    size: i = "md",
+    selectedSlotId: c,
+    maxInitialSlotsPerDay: y = 6,
+    locale: D,
+    timeZone: I,
     hasPrevious: C = !1,
     hasNext: R = !1,
-    showNextAvailable: Y = !1,
-    ariaLabel: Z,
+    showNextAvailable: Z = !1,
+    ariaLabel: ee,
     onSlotSelect: b,
     onPreviousDays: L,
-    onNextDays: z,
+    onNextDays: B,
     onShowMore: w,
-    onJumpToNextAvailable: ee,
-    className: te,
-    id: I,
-    ...se
-  }, ae) => {
-    const { t: p, i18n: re } = we("ui"), G = g ?? re.language ?? "en", oe = he(), [B, ie] = me({}), E = a === "loading", V = a === "disabled", f = E || V, ne = a === "empty" || e.length === 0 || e.every((t) => t.slots.length === 0), de = Z ?? p("slotGrid.ariaLabel"), x = M(
+    onJumpToNextAvailable: te,
+    className: se,
+    id: G,
+    ...ae
+  }, re) => {
+    const { t: p, i18n: ie } = Se("ui"), N = D ?? ie.language ?? "en", ne = ge(), [E, oe] = ve({}), V = a === "loading", j = a === "disabled", m = V || j, de = a === "empty" || e.length === 0 || e.every((t) => t.slots.length === 0), le = ee ?? p("slotGrid.ariaLabel"), x = M(
       (t, s) => {
-        f || t.available !== !1 && (b == null || b(t, s));
+        m || t.available !== !1 && (b == null || b(t, s));
       },
-      [f, b]
-    ), j = M(
+      [m, b]
+    ), T = M(
       (t, s) => {
-        ie((i) => ({ ...i, [s]: !0 })), w == null || w(t);
+        oe((n) => ({ ...n, [s]: !0 })), w == null || w(t);
       },
       [w]
-    ), le = M(
-      (t, s, i) => {
-        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), x(s, i));
+    ), ce = M(
+      (t, s, n) => {
+        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), x(s, n));
       },
       [x]
-    ), T = {
+    ), P = {
       days: e,
-      selectedSlotId: l,
+      selectedSlotId: c,
       hasPrevious: C,
       hasNext: R,
       state: a,
-      expanded: B,
-      isInteractionSuppressed: f,
+      expanded: E,
+      isInteractionSuppressed: m,
       onPreviousDays: L,
-      onNextDays: z,
+      onNextDays: B,
       handleSlotClick: x,
-      handleShowMore: j
-    }, n = ge(T);
-    ve(() => {
-      n.current = T;
+      handleShowMore: T
+    }, d = be(P);
+    we(() => {
+      d.current = P;
     });
-    const ce = be(
+    const ue = xe(
       () => ({
-        getStatus: () => n.current.state,
-        getSelectedSlotId: () => n.current.selectedSlotId ?? null,
-        getVisibleDays: () => n.current.days.map(D),
+        getStatus: () => d.current.state,
+        getSelectedSlotId: () => d.current.selectedSlotId ?? null,
+        getVisibleDays: () => d.current.days.map(k),
         getSlotsByDay: () => {
           const t = {};
-          for (const s of n.current.days) {
-            const i = D(s), d = s.slots.filter((u) => u.available !== !1).map((u) => u.id);
-            t[i] = t[i] ? [...t[i], ...d] : d;
+          for (const s of d.current.days) {
+            const n = k(s), l = s.slots.filter((u) => u.available !== !1).map((u) => u.id);
+            t[n] = t[n] ? [...t[n], ...l] : l;
           }
           return t;
         },
-        getExpandedDays: () => n.current.days.filter(
-          (t, s) => n.current.expanded[N(t, s)] === !0
-        ).map(D),
-        getHasPrevious: () => n.current.hasPrevious,
-        getHasNext: () => n.current.hasNext,
+        getExpandedDays: () => d.current.days.filter(
+          (t, s) => d.current.expanded[z(t, s)] === !0
+        ).map(k),
+        getHasPrevious: () => d.current.hasPrevious,
+        getHasNext: () => d.current.hasNext,
         selectSlot: (t) => {
-          const s = n.current;
+          const s = d.current;
           if (s.isInteractionSuppressed) return !1;
-          for (const i of s.days) {
-            const d = i.slots.find((u) => u.id === t);
-            if (d)
-              return d.available === !1 ? !1 : (s.handleSlotClick(d, i), !0);
+          for (const n of s.days) {
+            const l = n.slots.find((u) => u.id === t);
+            if (l)
+              return l.available === !1 ? !1 : (s.handleSlotClick(l, n), !0);
           }
           return !1;
         },
         nextDays: () => {
-          const t = n.current;
+          const t = d.current;
           return !t.hasNext || t.isInteractionSuppressed || !t.onNextDays ? !1 : (t.onNextDays(), !0);
         },
         previousDays: () => {
-          const t = n.current;
+          const t = d.current;
           return !t.hasPrevious || t.isInteractionSuppressed || !t.onPreviousDays ? !1 : (t.onPreviousDays(), !0);
         },
         showMoreDay: (t) => {
-          const s = n.current;
+          const s = d.current;
           if (s.isInteractionSuppressed) return !1;
-          const i = s.days.findIndex(
-            (u) => D(u) === t
+          const n = s.days.findIndex(
+            (u) => k(u) === t
           );
-          if (i < 0) return !1;
-          const d = s.days[i];
-          return s.handleShowMore(d, N(d, i)), !0;
+          if (n < 0) return !1;
+          const l = s.days[n];
+          return s.handleShowMore(l, z(l, n)), !0;
         }
       }),
       []
     );
-    Se(Ge, ce, I);
-    const P = Re(e.length || 1), _ = Ce({ cols: P });
+    De(Ke, ue, G);
+    const _ = Le(e.length || 1), A = Re({ cols: _ });
     let S;
-    return E ? S = /* @__PURE__ */ r(
+    return V ? S = /* @__PURE__ */ r(
       "div",
       {
-        className: _,
+        className: A,
         "data-state": "loading",
         role: "status",
         "aria-live": "polite",
         "aria-label": p("common.loading"),
-        children: Array.from({ length: P }, (t, s) => /* @__PURE__ */ k("div", { className: X(), children: [
-          /* @__PURE__ */ r(W, { variant: "text", size: o, width: "60%" }),
-          /* @__PURE__ */ r("div", { className: J(), children: Array.from(
-            { length: Math.min(c, 4) },
-            (i, d) => /* @__PURE__ */ r(
-              W,
+        children: Array.from({ length: _ }, (t, s) => /* @__PURE__ */ v("div", { className: J(), children: [
+          /* @__PURE__ */ r(X, { variant: "text", size: i, width: "60%" }),
+          /* @__PURE__ */ r("div", { className: Q(), children: Array.from(
+            { length: Math.min(y, 4) },
+            (n, l) => /* @__PURE__ */ r(
+              X,
               {
                 variant: "rounded",
-                size: o,
+                size: i,
                 height: "40px"
               },
-              `loading-slot-${s}-${d}`
+              `loading-slot-${s}-${l}`
             )
           ) })
         ] }, `loading-col-${s}`))
       }
-    ) : ne ? S = /* @__PURE__ */ r("div", { "data-state": "empty", children: /* @__PURE__ */ r(xe, { variant: "no-results", title: p("slotGrid.noSlots") }) }) : S = /* @__PURE__ */ r(
+    ) : de ? S = /* @__PURE__ */ r("div", { "data-state": "empty", children: /* @__PURE__ */ r(
+      ke,
+      {
+        variant: "no-results",
+        title: p("slotGrid.noSlots"),
+        description: o
+      }
+    ) }) : S = /* @__PURE__ */ r(
       "div",
       {
-        className: _,
-        "data-state": V ? "disabled" : "default",
+        className: A,
+        "data-state": j ? "disabled" : "default",
         children: e.map((t, s) => {
-          const i = N(t, s), d = t.label ?? Q(h(t.date), G, v), u = `${oe}-day-${s}-header`, A = B[i] ?? !1 ? t.slots : t.slots.slice(0, c), $ = t.slots.length - A.length, H = t.slots.length === 0;
+          const n = z(t, s), l = t.label ?? U(h(t.date), N, I), u = `${ne}-day-${s}-header`, $ = E[n] ?? !1 ? t.slots : t.slots.slice(0, y), H = t.slots.length - $.length, O = t.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__ */ k(
+            /* @__PURE__ */ v(
               "div",
               {
                 role: "group",
-                className: X(),
+                className: J(),
                 "aria-labelledby": u,
-                "data-empty": H || void 0,
+                "data-empty": O || void 0,
                 children: [
-                  /* @__PURE__ */ r("h3", { id: u, className: Le({ size: o }), children: d }),
-                  H ? /* @__PURE__ */ r("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: p("slotGrid.noSlots") }) : null,
-                  /* @__PURE__ */ r("ul", { className: J(), children: A.map((y) => {
-                    const ue = Be(
-                      y,
+                  /* @__PURE__ */ r("h3", { id: u, className: Be({ size: i }), children: l }),
+                  O ? /* @__PURE__ */ v(he, { children: [
+                    /* @__PURE__ */ r("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: p("slotGrid.noSlots") }),
+                    o ? /* @__PURE__ */ r("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: o }) : null
+                  ] }) : null,
+                  /* @__PURE__ */ r("ul", { className: Q(), children: $.map((f) => {
+                    const pe = Ve(
+                      f,
                       t,
-                      G,
-                      v,
+                      N,
+                      I,
                       ({ time: K, day: fe }) => p("slotGrid.slotLabel", { time: K, day: fe })
-                    ), pe = l === y.id, O = y.available === !1 || f;
+                    ), me = c === f.id, F = f.available === !1 || m;
                     return /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
                       "button",
                       {
                         type: "button",
-                        className: ze({ size: o }),
-                        "aria-label": ue,
-                        "aria-pressed": pe,
-                        disabled: O,
-                        "aria-disabled": O || void 0,
-                        "data-slot-id": y.id,
-                        onClick: () => x(y, t),
-                        onKeyDown: (K) => le(K, y, t),
-                        children: U(y, G, v)
+                        className: Ee({ size: i }),
+                        "aria-label": pe,
+                        "aria-pressed": me,
+                        disabled: F,
+                        "aria-disabled": F || void 0,
+                        "data-slot-id": f.id,
+                        onClick: () => x(f, t),
+                        onKeyDown: (K) => ce(K, f, t),
+                        children: Y(f, N, I)
                       }
-                    ) }, y.id);
+                    ) }, f.id);
                   }) }),
-                  $ > 0 ? /* @__PURE__ */ r(
-                    F,
+                  H > 0 ? /* @__PURE__ */ r(
+                    q,
                     {
                       intent: "ghost",
-                      size: o === "lg" ? "md" : "sm",
-                      onClick: () => j(t, i),
-                      disabled: f,
-                      children: p("slotGrid.showMore", { count: $ })
+                      size: i === "lg" ? "md" : "sm",
+                      onClick: () => T(t, n),
+                      disabled: m,
+                      children: p("slotGrid.showMore", { count: H })
                     }
                   ) : null
                 ]
               },
-              i
+              n
             )
           );
         })
       }
-    ), /* @__PURE__ */ k(
+    ), /* @__PURE__ */ v(
       "div",
       {
-        ref: ae,
-        id: I,
+        ref: re,
+        id: G,
         role: "region",
-        "aria-label": de,
-        className: Ke({ size: o, className: te }),
+        "aria-label": le,
+        className: Me({ size: i, className: se }),
         "data-component": "slot-grid",
-        "data-component-id": I,
+        "data-component-id": G,
         "data-state": a,
-        ...se,
+        ...ae,
         children: [
-          /* @__PURE__ */ k("div", { className: Me(), children: [
+          /* @__PURE__ */ v("div", { className: ze(), children: [
             /* @__PURE__ */ r(
-              q,
+              W,
               {
-                icon: /* @__PURE__ */ r(Ee, {}),
+                icon: /* @__PURE__ */ r(je, {}),
                 "aria-label": p("slotGrid.previousDays"),
-                size: o === "lg" ? "md" : "sm",
+                className: "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]",
+                size: i === "lg" ? "md" : "sm",
                 intent: "ghost",
                 flipIconInRtl: !0,
-                disabled: !C || f,
+                disabled: !C || m,
                 onClick: L
               }
             ),
-            Y ? /* @__PURE__ */ r(
-              F,
+            Z ? /* @__PURE__ */ r(
+              q,
               {
                 intent: "secondary",
-                size: o === "lg" ? "md" : "sm",
-                disabled: f,
-                onClick: ee,
+                size: i === "lg" ? "md" : "sm",
+                disabled: m,
+                onClick: te,
                 children: p("slotGrid.nextAvailable")
               }
             ) : /* @__PURE__ */ r("span", { "aria-hidden": "true" }),
             /* @__PURE__ */ r(
-              q,
+              W,
               {
-                icon: /* @__PURE__ */ r(Ve, {}),
+                icon: /* @__PURE__ */ r(Te, {}),
                 "aria-label": p("slotGrid.nextDays"),
-                size: o === "lg" ? "md" : "sm",
+                className: "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]",
+                size: i === "lg" ? "md" : "sm",
                 intent: "ghost",
                 flipIconInRtl: !0,
-                disabled: !R || f,
-                onClick: z
+                disabled: !R || m,
+                onClick: B
               }
             )
           ] }),
@@ -630,11 +643,11 @@ const je = ye(
     );
   }
 );
-je.displayName = "SlotGrid";
+Pe.displayName = "SlotGrid";
 export {
-  je as S,
-  Ue as f,
-  Qe as i,
-  Ge as s
+  Pe as S,
+  Ze as f,
+  Ye as i,
+  Ke as s
 };
-//# sourceMappingURL=slot-grid-Bb13H9Rl.js.map
+//# sourceMappingURL=slot-grid-B-IAFX3C.js.map