@alfadocs/ui-kit-debug 1.90.1 → 1.90.2

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

@@ -1,6 +1,6 @@
 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 { forwardRef as me, useId as he, useState as ye, useCallback as K, useRef as ge, useEffect as ve, useMemo as be } from "react";
+import { c as y } 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";
@@ -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(
+}, Ne = y(
   [
     "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(
+), Ke = y(
   "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full"
-), Ne = 12, Ce = m(
+), Me = 12, ze = y(
   "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 Ce(e) {
+  return Math.max(1, Math.min(e, Me));
 }
-const X = m(
+const X = y(
   [
     "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(
+), Re = y(
   [
     "ds:font-[var(--font-weight-semibold)]",
     "ds:text-[var(--foreground)]",
@@ -254,9 +254,9 @@ const X = m(
     },
     defaultVariants: { size: "md" }
   }
-), J = m(
+), J = y(
   "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none"
-), ze = m(
+), Le = y(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:w-full",
@@ -292,7 +292,7 @@ const X = m(
 function h(e) {
   return e instanceof Date ? e : Ie(e);
 }
-function N(e, a) {
+function M(e, a) {
   return `${h(e.date).toISOString()}-${a}`;
 }
 function D(e) {
@@ -303,17 +303,17 @@ function Qe(e, a) {
 }
 function Ue(e) {
   for (const a of e) {
-    const o = a.slots.find((l) => l.available !== !1);
-    if (o) return { day: a, slot: o };
+    const i = a.slots.find((l) => l.available !== !1);
+    if (i) return { day: a, slot: i };
   }
 }
-function Q(e, a, o) {
+function Q(e, a, i) {
   try {
     return new Intl.DateTimeFormat(a, {
       weekday: "short",
       month: "short",
       day: "numeric",
-      timeZone: o
+      timeZone: i
     }).format(e);
   } catch {
     return new Intl.DateTimeFormat("en", {
@@ -323,14 +323,14 @@ function Q(e, a, o) {
     }).format(e);
   }
 }
-function U(e, a, o) {
+function U(e, a, i) {
   if (e.label !== void 0) return e.label;
   const l = h(e.start);
   try {
     const c = new Intl.DateTimeFormat(a, {
       hour: "numeric",
       minute: "2-digit",
-      timeZone: o
+      timeZone: i
     });
     if (e.end) {
       const g = h(e.end);
@@ -346,9 +346,9 @@ function U(e, a, o) {
     return l.toISOString();
   }
 }
-function Be(e, a, o, l, c) {
+function Be(e, a, i, l, 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);
+  const g = U(e, i, l), v = a.label !== void 0 ? a.label : Q(h(a.date), i, l);
   return c({ time: g, day: v });
 }
 function Ee() {
@@ -383,110 +383,110 @@ function Ve() {
     }
   );
 }
-const je = ye(
+const je = me(
   ({
     days: e,
     state: a = "default",
-    size: o = "md",
+    size: i = "md",
     selectedSlotId: l,
     maxInitialSlotsPerDay: c = 6,
     locale: g,
     timeZone: v,
-    hasPrevious: C = !1,
-    hasNext: R = !1,
+    hasPrevious: z = !1,
+    hasNext: C = !1,
     showNextAvailable: Y = !1,
     ariaLabel: Z,
     onSlotSelect: b,
-    onPreviousDays: L,
-    onNextDays: z,
+    onPreviousDays: R,
+    onNextDays: L,
     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(
+    const { t: p, i18n: re } = we("ui"), G = g ?? re.language ?? "en", ie = he(), [B, ne] = ye({}), E = a === "loading", V = a === "disabled", f = E || V, oe = a === "empty" || e.length === 0 || e.every((t) => t.slots.length === 0), de = Z ?? p("slotGrid.ariaLabel"), x = K(
       (t, s) => {
         f || t.available !== !1 && (b == null || b(t, s));
       },
       [f, b]
-    ), j = M(
+    ), j = K(
       (t, s) => {
-        ie((i) => ({ ...i, [s]: !0 })), w == null || w(t);
+        ne((n) => ({ ...n, [s]: !0 })), w == null || w(t);
       },
       [w]
-    ), le = M(
-      (t, s, i) => {
-        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), x(s, i));
+    ), le = K(
+      (t, s, n) => {
+        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), x(s, n));
       },
       [x]
     ), T = {
       days: e,
       selectedSlotId: l,
-      hasPrevious: C,
-      hasNext: R,
+      hasPrevious: z,
+      hasNext: C,
       state: a,
       expanded: B,
       isInteractionSuppressed: f,
-      onPreviousDays: L,
-      onNextDays: z,
+      onPreviousDays: R,
+      onNextDays: L,
       handleSlotClick: x,
       handleShowMore: j
-    }, n = ge(T);
+    }, o = ge(T);
     ve(() => {
-      n.current = T;
+      o.current = T;
     });
     const ce = be(
       () => ({
-        getStatus: () => n.current.state,
-        getSelectedSlotId: () => n.current.selectedSlotId ?? null,
-        getVisibleDays: () => n.current.days.map(D),
+        getStatus: () => o.current.state,
+        getSelectedSlotId: () => o.current.selectedSlotId ?? null,
+        getVisibleDays: () => o.current.days.map(D),
         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 o.current.days) {
+            const n = D(s), d = s.slots.filter((u) => u.available !== !1).map((u) => u.id);
+            t[n] = t[n] ? [...t[n], ...d] : d;
           }
           return t;
         },
-        getExpandedDays: () => n.current.days.filter(
-          (t, s) => n.current.expanded[N(t, s)] === !0
+        getExpandedDays: () => o.current.days.filter(
+          (t, s) => o.current.expanded[M(t, s)] === !0
         ).map(D),
-        getHasPrevious: () => n.current.hasPrevious,
-        getHasNext: () => n.current.hasNext,
+        getHasPrevious: () => o.current.hasPrevious,
+        getHasNext: () => o.current.hasNext,
         selectSlot: (t) => {
-          const s = n.current;
+          const s = o.current;
           if (s.isInteractionSuppressed) return !1;
-          for (const i of s.days) {
-            const d = i.slots.find((u) => u.id === t);
+          for (const n of s.days) {
+            const d = n.slots.find((u) => u.id === t);
             if (d)
-              return d.available === !1 ? !1 : (s.handleSlotClick(d, i), !0);
+              return d.available === !1 ? !1 : (s.handleSlotClick(d, n), !0);
           }
           return !1;
         },
         nextDays: () => {
-          const t = n.current;
+          const t = o.current;
           return !t.hasNext || t.isInteractionSuppressed || !t.onNextDays ? !1 : (t.onNextDays(), !0);
         },
         previousDays: () => {
-          const t = n.current;
+          const t = o.current;
           return !t.hasPrevious || t.isInteractionSuppressed || !t.onPreviousDays ? !1 : (t.onPreviousDays(), !0);
         },
         showMoreDay: (t) => {
-          const s = n.current;
+          const s = o.current;
           if (s.isInteractionSuppressed) return !1;
-          const i = s.days.findIndex(
+          const n = s.days.findIndex(
             (u) => D(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 d = s.days[n];
+          return s.handleShowMore(d, M(d, n)), !0;
         }
       }),
       []
     );
     Se(Ge, ce, I);
-    const P = Re(e.length || 1), _ = Ce({ cols: P });
+    const P = Ce(e.length || 1), _ = ze({ cols: P });
     let S;
     return E ? S = /* @__PURE__ */ r(
       "div",
@@ -497,14 +497,14 @@ const je = ye(
         "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(W, { variant: "text", size: i, width: "60%" }),
           /* @__PURE__ */ r("div", { className: J(), children: Array.from(
             { length: Math.min(c, 4) },
-            (i, d) => /* @__PURE__ */ r(
+            (n, d) => /* @__PURE__ */ r(
               W,
               {
                 variant: "rounded",
-                size: o,
+                size: i,
                 height: "40px"
               },
               `loading-slot-${s}-${d}`
@@ -512,13 +512,13 @@ const je = ye(
           ) })
         ] }, `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(
+    ) : oe ? S = /* @__PURE__ */ r("div", { "data-state": "empty", children: /* @__PURE__ */ r(xe, { variant: "no-results", title: p("slotGrid.noSlots") }) }) : S = /* @__PURE__ */ r(
       "div",
       {
         className: _,
         "data-state": V ? "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 = M(t, s), d = t.label ?? Q(h(t.date), G, v), u = `${ie}-day-${s}-header`, A = B[n] ?? !1 ? t.slots : t.slots.slice(0, c), $ = t.slots.length - A.length, H = 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
@@ -532,45 +532,45 @@ const je = ye(
                 "aria-labelledby": u,
                 "data-empty": H || void 0,
                 children: [
-                  /* @__PURE__ */ r("h3", { id: u, className: Le({ size: o }), children: d }),
+                  /* @__PURE__ */ r("h3", { id: u, className: Re({ size: i }), 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) => {
+                  /* @__PURE__ */ r("ul", { className: J(), children: A.map((m) => {
                     const ue = Be(
-                      y,
+                      m,
                       t,
                       G,
                       v,
-                      ({ time: K, day: fe }) => p("slotGrid.slotLabel", { time: K, day: fe })
-                    ), pe = l === y.id, O = y.available === !1 || f;
+                      ({ time: N, day: fe }) => p("slotGrid.slotLabel", { time: N, day: fe })
+                    ), pe = l === m.id, O = m.available === !1 || f;
                     return /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
                       "button",
                       {
                         type: "button",
-                        className: ze({ size: o }),
+                        className: Le({ size: i }),
                         "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)
+                        "data-slot-id": m.id,
+                        onClick: () => x(m, t),
+                        onKeyDown: (N) => le(N, m, t),
+                        children: U(m, G, v)
                       }
-                    ) }, y.id);
+                    ) }, m.id);
                   }) }),
                   $ > 0 ? /* @__PURE__ */ r(
                     F,
                     {
                       intent: "ghost",
-                      size: o === "lg" ? "md" : "sm",
-                      onClick: () => j(t, i),
+                      size: i === "lg" ? "md" : "sm",
+                      onClick: () => j(t, n),
                       disabled: f,
                       children: p("slotGrid.showMore", { count: $ })
                     }
                   ) : null
                 ]
               },
-              i
+              n
             )
           );
         })
@@ -582,30 +582,31 @@ const je = ye(
         id: I,
         role: "region",
         "aria-label": de,
-        className: Ke({ size: o, className: te }),
+        className: Ne({ size: i, className: te }),
         "data-component": "slot-grid",
         "data-component-id": I,
         "data-state": a,
         ...se,
         children: [
-          /* @__PURE__ */ k("div", { className: Me(), children: [
+          /* @__PURE__ */ k("div", { className: Ke(), children: [
             /* @__PURE__ */ r(
               q,
               {
                 icon: /* @__PURE__ */ r(Ee, {}),
                 "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,
-                onClick: L
+                disabled: !z || f,
+                onClick: R
               }
             ),
             Y ? /* @__PURE__ */ r(
               F,
               {
                 intent: "secondary",
-                size: o === "lg" ? "md" : "sm",
+                size: i === "lg" ? "md" : "sm",
                 disabled: f,
                 onClick: ee,
                 children: p("slotGrid.nextAvailable")
@@ -616,11 +617,12 @@ const je = ye(
               {
                 icon: /* @__PURE__ */ r(Ve, {}),
                 "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: !C || f,
+                onClick: L
               }
             )
           ] }),
@@ -637,4 +639,4 @@ export {
   Qe as i,
   Ge as s
 };
-//# sourceMappingURL=slot-grid-Bb13H9Rl.js.map
+//# sourceMappingURL=slot-grid-DrwynKeN.js.map