@alfadocs/ui-kit-debug 1.125.1 → 1.125.3

package/dist/_chunks/{slot-grid-DEZRB4Yb.js → slot-grid-CfA5zeMv.js}

@@ -1,14 +1,14 @@
-import { jsx as a, jsxs as b, Fragment as J } from "react/jsx-runtime";
-import { forwardRef as xe, useId as Se, useState as ke, useCallback as M, useRef as De, useEffect as Ie, useMemo as Ge } from "react";
-import { c as g } from "./index-D2ZczOXr.js";
-import { useTranslation as Ne } from "react-i18next";
-import { B as Q } from "./button-DohK_Ak_.js";
-import { I as U } from "./icon-button-S8_weU3g.js";
-import { E as Ke } from "./empty-state-DwJ5YNzz.js";
-import { S as Y } from "./skeleton-tTWJpvAq.js";
-import { u as Me } from "./registry-DvAUVLHh.js";
-import { a as ze, f as Ce } from "./format-ql5WTsYT.js";
-import { p as Re } from "./parseISO-Dl4T9peU.js";
+import { jsx as r, jsxs as v, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as De, useId as Se, useState as ke, useCallback as z, useRef as Ie, useEffect as Ne, useMemo as Ge } from "react";
+import { c as b } from "./index-D2ZczOXr.js";
+import { useTranslation as Ke } from "react-i18next";
+import { B as U } from "./button-DohK_Ak_.js";
+import { I as Y } from "./icon-button-S8_weU3g.js";
+import { E as Me } from "./empty-state-DwJ5YNzz.js";
+import { S as Z } from "./skeleton-tTWJpvAq.js";
+import { u as ze } from "./registry-DvAUVLHh.js";
+import { a as Re, f as Ce } from "./format-ql5WTsYT.js";
+import { p as Te } from "./parseISO-Dl4T9peU.js";
 const Le = {
   id: "slot-grid",
   // pick           → `select_slot` + the `selectedSlotId` state slot.
@@ -102,7 +102,7 @@ const Le = {
           note: "Book the 09:30 slot on 1 September."
         }
       ],
-      invoke: (e, r) => e.selectSlot(r.slotId)
+      invoke: (e, a) => e.selectSlot(a.slotId)
     },
     next_days: {
       // View-window paging only — the consumer fetches, nothing is persisted.
@@ -165,7 +165,7 @@ const Le = {
           note: "Reveal the rest of 1 September so every slot button is clickable."
         }
       ],
-      invoke: (e, r) => e.showMoreDay(r.dayKey)
+      invoke: (e, a) => e.showMoreDay(a.dayKey)
     }
   },
   domHooks: {
@@ -185,7 +185,7 @@ const Le = {
       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."
     }
   }
-}, Be = g(
+}, je = b(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
     "ds:text-[var(--foreground)]",
@@ -201,9 +201,9 @@ const Le = {
     },
     defaultVariants: { size: "md" }
   }
-), Ee = g(
+), Be = b(
   "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full"
-), Ve = 12, je = g(
+), Ee = 12, Ve = b(
   "ds:grid ds:gap-[var(--spacing-sm)] ds:w-full ds:auto-rows-min ds:items-start",
   {
     variants: {
@@ -225,10 +225,10 @@ const Le = {
     defaultVariants: { cols: 1 }
   }
 );
-function Te(e) {
-  return Math.max(1, Math.min(e, Ve));
+function $e(e) {
+  return Math.max(1, Math.min(e, Ee));
 }
-const Z = g(
+const ee = b(
   [
     "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 Z = g(
     "ds:bg-[var(--card)]",
     "ds:min-w-0"
   ].join(" ")
-), Pe = g(
+), Pe = b(
   [
     "ds:font-[var(--font-weight-semibold)]",
     "ds:text-[var(--foreground)]",
@@ -254,9 +254,9 @@ const Z = g(
     },
     defaultVariants: { size: "md" }
   }
-), ee = g(
+), te = b(
   "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none"
-), _e = g(
+), _e = b(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:w-full",
@@ -293,31 +293,31 @@ const Z = g(
     defaultVariants: { size: "md", nowrap: !1 }
   }
 );
-function y(e) {
-  return e instanceof Date ? e : Re(e);
+function f(e) {
+  return e instanceof Date ? e : Te(e);
 }
-function z(e, r) {
-  return `${y(e.date).toISOString()}-${r}`;
+function R(e, a) {
+  return `${f(e.date).toISOString()}-${a}`;
 }
-function D(e) {
-  return Ce(y(e.date), "yyyy-MM-dd");
+function N(e) {
+  return Ce(f(e.date), "yyyy-MM-dd");
 }
-function at(e, r) {
-  return ze(y(e), y(r));
+function it(e, a) {
+  return Re(f(e), f(a));
 }
-function rt(e) {
-  for (const r of e) {
-    const o = r.slots.find((l) => l.available !== !1);
-    if (o) return { day: r, slot: o };
+function ot(e) {
+  for (const a of e) {
+    const n = a.slots.find((d) => d.available !== !1);
+    if (n) return { day: a, slot: n };
   }
 }
-function te(e, r, o) {
+function se(e, a, n) {
   try {
-    return new Intl.DateTimeFormat(r, {
+    return new Intl.DateTimeFormat(a, {
       weekday: "short",
       month: "short",
       day: "numeric",
-      timeZone: o
+      timeZone: n
     }).format(e);
   } catch {
     return new Intl.DateTimeFormat("en", {
@@ -327,36 +327,74 @@ function te(e, r, o) {
     }).format(e);
   }
 }
-function se(e, r, o) {
+function Ae(e, a, n) {
+  try {
+    return new Intl.DateTimeFormat(a, {
+      weekday: "short",
+      day: "numeric",
+      timeZone: n
+    }).format(e);
+  } catch {
+    return new Intl.DateTimeFormat("en", {
+      weekday: "short",
+      day: "numeric"
+    }).format(e);
+  }
+}
+function Fe(e, a, n) {
+  if (e.length === 0) return null;
+  const d = f(e[0].date), c = f(e[e.length - 1].date), h = (i) => new Intl.DateTimeFormat("en", {
+    year: "numeric",
+    month: "numeric",
+    timeZone: n
+  }).format(i);
+  try {
+    if (h(d) === h(c))
+      return new Intl.DateTimeFormat(a, {
+        month: "long",
+        year: "numeric",
+        timeZone: n
+      }).format(d);
+    const i = new Intl.DateTimeFormat(a, {
+      month: "short",
+      year: "numeric",
+      timeZone: n
+    });
+    return typeof i.formatRange == "function" ? i.formatRange(d, c) : `${i.format(d)} – ${i.format(c)}`;
+  } catch {
+    return null;
+  }
+}
+function ae(e, a, n) {
   if (e.label !== void 0) return e.label;
-  const l = y(e.start);
+  const d = f(e.start);
   try {
-    const p = new Intl.DateTimeFormat(r, {
+    const c = new Intl.DateTimeFormat(a, {
       hour: "numeric",
       minute: "2-digit",
-      timeZone: o
+      timeZone: n
     });
     if (e.end) {
-      const v = y(e.end);
-      if (typeof p.formatRange == "function")
+      const h = f(e.end);
+      if (typeof c.formatRange == "function")
         try {
-          return p.formatRange(l, v);
+          return c.formatRange(d, h);
         } catch {
         }
-      return `${p.format(l)} – ${p.format(v)}`;
+      return `${c.format(d)} – ${c.format(h)}`;
     }
-    return p.format(l);
+    return c.format(d);
   } catch {
-    return l.toISOString();
+    return d.toISOString();
   }
 }
-function $e(e, r, o, l, p) {
+function He(e, a, n, d, c) {
   if (e.ariaLabel !== void 0) return e.ariaLabel;
-  const v = se(e, o, l), c = r.label !== void 0 ? r.label : te(y(r.date), o, l);
-  return p({ time: v, day: c });
+  const h = ae(e, n, d), i = a.label !== void 0 ? a.label : se(f(a.date), n, d);
+  return c({ time: h, day: i });
 }
-function Ae() {
-  return /* @__PURE__ */ a(
+function Oe() {
+  return /* @__PURE__ */ r(
     "svg",
     {
       "aria-hidden": "true",
@@ -367,12 +405,12 @@ function Ae() {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       className: "ds:size-4",
-      children: /* @__PURE__ */ a("path", { d: "M15 18l-6-6 6-6" })
+      children: /* @__PURE__ */ r("path", { d: "M15 18l-6-6 6-6" })
     }
   );
 }
-function He() {
-  return /* @__PURE__ */ a(
+function qe() {
+  return /* @__PURE__ */ r(
     "svg",
     {
       "aria-hidden": "true",
@@ -383,313 +421,331 @@ function He() {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       className: "ds:size-4",
-      children: /* @__PURE__ */ a("path", { d: "M9 6l6 6-6 6" })
+      children: /* @__PURE__ */ r("path", { d: "M9 6l6 6-6 6" })
     }
   );
 }
-const Oe = xe(
+const We = De(
   ({
     days: e,
-    state: r = "default",
-    emptyDescription: o,
-    compactEmptyDays: l = !1,
-    dayHeadingLevel: p = 3,
-    nowrapTimes: v = !1,
-    size: c = "md",
+    state: a = "default",
+    emptyDescription: n,
+    compactEmptyDays: d = !1,
+    dayHeadingLevel: c = 3,
+    nowrapTimes: h = !1,
+    size: i = "md",
     selectedSlotId: C,
-    maxInitialSlotsPerDay: R = 6,
-    locale: ae,
-    timeZone: I,
+    maxInitialSlotsPerDay: T = 6,
+    locale: re,
+    timeZone: w,
     hasPrevious: L = !1,
-    hasNext: B = !1,
-    showNextAvailable: re = !1,
-    ariaLabel: ne,
-    onSlotSelect: w,
-    onPreviousDays: E,
-    onNextDays: V,
-    onShowMore: x,
-    onJumpToNextAvailable: ie,
-    className: oe,
+    hasNext: j = !1,
+    showNextAvailable: ne = !1,
+    ariaLabel: ie,
+    onSlotSelect: D,
+    onPreviousDays: B,
+    onNextDays: E,
+    onShowMore: S,
+    onJumpToNextAvailable: oe,
+    className: de,
     id: G,
-    ...de
-  }, le) => {
-    const { t: u, i18n: ce } = Ne("ui"), N = ae ?? ce.language ?? "en", ue = Se(), [j, pe] = ke({}), T = r === "loading", P = r === "disabled", f = T || P, me = r === "empty" || e.length === 0 || e.every((s) => s.slots.length === 0), fe = ne ?? u("slotGrid.ariaLabel"), S = M(
+    ...le
+  }, ce) => {
+    const { t: m, i18n: ue } = Ke("ui"), x = re ?? ue.language ?? "en", me = Se(), [V, fe] = ke({}), $ = a === "loading", P = a === "disabled", g = $ || P, pe = a === "empty" || e.length === 0 || e.every((s) => s.slots.length === 0), he = ie ?? m("slotGrid.ariaLabel"), k = z(
       (s, t) => {
-        f || s.available !== !1 && (w == null || w(s, t));
+        g || s.available !== !1 && (D == null || D(s, t));
       },
-      [f, w]
-    ), _ = M(
+      [g, D]
+    ), _ = z(
       (s, t) => {
-        pe((n) => ({ ...n, [t]: !0 })), x == null || x(s);
-      },
-      [x]
-    ), he = M(
-      (s, t, n) => {
-        (s.key === "Enter" || s.key === " ") && (s.preventDefault(), S(t, n));
+        fe((o) => ({ ...o, [t]: !0 })), S == null || S(s);
       },
       [S]
-    ), $ = {
+    ), ge = z(
+      (s, t, o) => {
+        (s.key === "Enter" || s.key === " ") && (s.preventDefault(), k(t, o));
+      },
+      [k]
+    ), A = {
       days: e,
       selectedSlotId: C,
       hasPrevious: L,
-      hasNext: B,
-      state: r,
-      expanded: j,
-      isInteractionSuppressed: f,
-      onPreviousDays: E,
-      onNextDays: V,
-      handleSlotClick: S,
+      hasNext: j,
+      state: a,
+      expanded: V,
+      isInteractionSuppressed: g,
+      onPreviousDays: B,
+      onNextDays: E,
+      handleSlotClick: k,
       handleShowMore: _
-    }, d = De($);
-    Ie(() => {
-      d.current = $;
+    }, u = Ie(A);
+    Ne(() => {
+      u.current = A;
     });
     const ye = Ge(
       () => ({
-        getStatus: () => d.current.state,
-        getSelectedSlotId: () => d.current.selectedSlotId ?? null,
-        getVisibleDays: () => d.current.days.map(D),
+        getStatus: () => u.current.state,
+        getSelectedSlotId: () => u.current.selectedSlotId ?? null,
+        getVisibleDays: () => u.current.days.map(N),
         getSlotsByDay: () => {
           const s = {};
-          for (const t of d.current.days) {
-            const n = D(t), i = t.slots.filter((m) => m.available !== !1).map((m) => m.id);
-            s[n] = s[n] ? [...s[n], ...i] : i;
+          for (const t of u.current.days) {
+            const o = N(t), l = t.slots.filter((p) => p.available !== !1).map((p) => p.id);
+            s[o] = s[o] ? [...s[o], ...l] : l;
           }
           return s;
         },
-        getExpandedDays: () => d.current.days.filter(
-          (s, t) => d.current.expanded[z(s, t)] === !0
-        ).map(D),
-        getHasPrevious: () => d.current.hasPrevious,
-        getHasNext: () => d.current.hasNext,
+        getExpandedDays: () => u.current.days.filter(
+          (s, t) => u.current.expanded[R(s, t)] === !0
+        ).map(N),
+        getHasPrevious: () => u.current.hasPrevious,
+        getHasNext: () => u.current.hasNext,
         selectSlot: (s) => {
-          const t = d.current;
+          const t = u.current;
           if (t.isInteractionSuppressed) return !1;
-          for (const n of t.days) {
-            const i = n.slots.find((m) => m.id === s);
-            if (i)
-              return i.available === !1 ? !1 : (t.handleSlotClick(i, n), !0);
+          for (const o of t.days) {
+            const l = o.slots.find((p) => p.id === s);
+            if (l)
+              return l.available === !1 ? !1 : (t.handleSlotClick(l, o), !0);
           }
           return !1;
         },
         nextDays: () => {
-          const s = d.current;
+          const s = u.current;
           return !s.hasNext || s.isInteractionSuppressed || !s.onNextDays ? !1 : (s.onNextDays(), !0);
         },
         previousDays: () => {
-          const s = d.current;
+          const s = u.current;
           return !s.hasPrevious || s.isInteractionSuppressed || !s.onPreviousDays ? !1 : (s.onPreviousDays(), !0);
         },
         showMoreDay: (s) => {
-          const t = d.current;
+          const t = u.current;
           if (t.isInteractionSuppressed) return !1;
-          const n = t.days.findIndex(
-            (m) => D(m) === s
+          const o = t.days.findIndex(
+            (p) => N(p) === s
           );
-          if (n < 0) return !1;
-          const i = t.days[n];
-          return t.handleShowMore(i, z(i, n)), !0;
+          if (o < 0) return !1;
+          const l = t.days[o];
+          return t.handleShowMore(l, R(l, o)), !0;
         }
       }),
       []
     );
-    Me(Le, ye, G);
-    const ge = `h${p}`, A = Te(e.length || 1), H = je({ cols: A });
-    let k;
-    if (T)
-      k = /* @__PURE__ */ a(
+    ze(Le, ye, G);
+    const ve = `h${c}`, F = Fe(e, x, w), H = $e(e.length || 1), O = Ve({ cols: H });
+    let I;
+    if ($)
+      I = /* @__PURE__ */ r(
         "div",
         {
-          className: H,
+          className: O,
           "data-state": "loading",
           role: "status",
           "aria-live": "polite",
-          "aria-label": u("common.loading"),
-          children: Array.from({ length: A }, (s, t) => /* @__PURE__ */ b("div", { className: Z(), children: [
-            /* @__PURE__ */ a(Y, { variant: "text", size: c, width: "60%" }),
-            /* @__PURE__ */ a("div", { className: ee(), children: Array.from(
-              { length: Math.min(R, 4) },
-              (n, i) => /* @__PURE__ */ a(
-                Y,
+          "aria-label": m("common.loading"),
+          children: Array.from({ length: H }, (s, t) => /* @__PURE__ */ v("div", { className: ee(), children: [
+            /* @__PURE__ */ r(Z, { variant: "text", size: i, width: "60%" }),
+            /* @__PURE__ */ r("div", { className: te(), children: Array.from(
+              { length: Math.min(T, 4) },
+              (o, l) => /* @__PURE__ */ r(
+                Z,
                 {
                   variant: "rounded",
-                  size: c,
+                  size: i,
                   height: "40px"
                 },
-                `loading-slot-${t}-${i}`
+                `loading-slot-${t}-${l}`
               )
             ) })
           ] }, `loading-col-${t}`))
         }
       );
-    else if (me)
-      k = l ? /* @__PURE__ */ a(
+    else if (pe)
+      I = d ? /* @__PURE__ */ r(
         "p",
         {
           "data-state": "empty",
           className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0 ds:text-start",
-          children: u("slotGrid.noSlots")
+          children: m("slotGrid.noSlots")
         }
-      ) : /* @__PURE__ */ a("div", { "data-state": "empty", children: /* @__PURE__ */ a(
-        Ke,
+      ) : /* @__PURE__ */ r("div", { "data-state": "empty", children: /* @__PURE__ */ r(
+        Me,
         {
           variant: "no-results",
-          title: u("slotGrid.noSlots"),
-          description: o
+          title: m("slotGrid.noSlots"),
+          description: n
         }
       ) });
     else {
       const s = e.some((t) => t.slots.length === 0);
-      k = /* @__PURE__ */ b(J, { children: [
-        /* @__PURE__ */ a(
+      I = /* @__PURE__ */ v(M, { children: [
+        /* @__PURE__ */ r(
           "div",
           {
-            className: H,
+            className: O,
             "data-state": P ? "disabled" : "default",
-            children: e.map((t, n) => {
-              const i = z(t, n), m = t.label ?? te(y(t.date), N, I), O = `${ue}-day-${n}-header`, F = j[i] ?? !1 ? t.slots : t.slots.slice(0, R), q = t.slots.length - F.length, W = t.slots.length === 0;
+            children: e.map((t, o) => {
+              const l = R(t, o), p = t.label ?? se(f(t.date), x, w), q = `${me}-day-${o}-header`, W = V[l] ?? !1 ? t.slots : t.slots.slice(0, T), X = t.slots.length - W.length, J = 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__ */ b(
+                /* @__PURE__ */ v(
                   "div",
                   {
                     role: "group",
-                    className: Z(),
-                    "aria-labelledby": O,
-                    "data-empty": W || void 0,
+                    className: ee(),
+                    "aria-labelledby": q,
+                    "data-empty": J || void 0,
                     children: [
-                      /* @__PURE__ */ a(
-                        ge,
+                      /* @__PURE__ */ r(
+                        ve,
                         {
-                          id: O,
-                          className: Pe({ size: c }),
-                          children: m
+                          id: q,
+                          className: Pe({ size: i }),
+                          children: t.label !== void 0 ? p : /* @__PURE__ */ v(M, { children: [
+                            /* @__PURE__ */ r("span", { "aria-hidden": "true", children: Ae(
+                              f(t.date),
+                              x,
+                              w
+                            ) }),
+                            /* @__PURE__ */ r("span", { className: "ds:sr-only", children: p })
+                          ] })
                         }
                       ),
-                      W ? /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: l ? /* @__PURE__ */ b(J, { children: [
-                        /* @__PURE__ */ a("span", { "aria-hidden": "true", children: "–" }),
-                        /* @__PURE__ */ a("span", { className: "ds:sr-only", children: u("slotGrid.noSlots") })
-                      ] }) : u("slotGrid.noSlots") }) : null,
-                      /* @__PURE__ */ a("ul", { className: ee(), children: F.map((h) => {
-                        const ve = $e(
-                          h,
+                      J ? /* @__PURE__ */ r("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: d ? /* @__PURE__ */ v(M, { children: [
+                        /* @__PURE__ */ r("span", { "aria-hidden": "true", children: "–" }),
+                        /* @__PURE__ */ r("span", { className: "ds:sr-only", children: m("slotGrid.noSlots") })
+                      ] }) : m("slotGrid.noSlots") }) : null,
+                      /* @__PURE__ */ r("ul", { className: te(), children: W.map((y) => {
+                        const be = He(
+                          y,
                           t,
-                          N,
-                          I,
-                          ({ time: K, day: we }) => u("slotGrid.slotLabel", { time: K, day: we })
-                        ), be = C === h.id, X = h.available === !1 || f;
-                        return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+                          x,
+                          w,
+                          ({ time: K, day: xe }) => m("slotGrid.slotLabel", { time: K, day: xe })
+                        ), we = C === y.id, Q = y.available === !1 || g;
+                        return /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
                           "button",
                           {
                             type: "button",
                             className: _e({
-                              size: c,
-                              nowrap: v
+                              size: i,
+                              nowrap: h
                             }),
-                            "aria-label": ve,
-                            "aria-pressed": be,
-                            disabled: X,
-                            "aria-disabled": X || void 0,
-                            "data-slot-id": h.id,
-                            onClick: () => S(h, t),
-                            onKeyDown: (K) => he(K, h, t),
-                            children: se(h, N, I)
+                            "aria-label": be,
+                            "aria-pressed": we,
+                            disabled: Q,
+                            "aria-disabled": Q || void 0,
+                            "data-slot-id": y.id,
+                            onClick: () => k(y, t),
+                            onKeyDown: (K) => ge(K, y, t),
+                            children: ae(y, x, w)
                           }
-                        ) }, h.id);
+                        ) }, y.id);
                       }) }),
-                      q > 0 ? /* @__PURE__ */ a(
-                        Q,
+                      X > 0 ? /* @__PURE__ */ r(
+                        U,
                         {
                           intent: "ghost",
-                          size: c === "lg" ? "md" : "sm",
-                          onClick: () => _(t, i),
-                          disabled: f,
-                          children: u("slotGrid.showMore", { count: q })
+                          size: i === "lg" ? "md" : "sm",
+                          onClick: () => _(t, l),
+                          disabled: g,
+                          children: m("slotGrid.showMore", { count: X })
                         }
                       ) : null
                     ]
                   },
-                  i
+                  l
                 )
               );
             })
           }
         ),
-        s && o ? /* @__PURE__ */ a(
+        s && n ? /* @__PURE__ */ r(
           "p",
           {
             className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0 ds:text-start",
             "data-slot-grid-hint": "",
-            children: o
+            children: n
           }
         ) : null
       ] });
     }
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ v(
       "div",
       {
-        ref: le,
+        ref: ce,
         id: G,
         role: "region",
-        "aria-label": fe,
-        className: Be({ size: c, className: oe }),
+        "aria-label": he,
+        className: je({ size: i, className: de }),
         "data-component": "slot-grid",
         "data-component-id": G,
-        "data-state": r,
-        ...de,
+        "data-state": a,
+        ...le,
         children: [
-          /* @__PURE__ */ b("div", { className: Ee(), children: [
-            /* @__PURE__ */ a(
-              U,
+          /* @__PURE__ */ v("div", { className: Be(), children: [
+            /* @__PURE__ */ r(
+              Y,
               {
-                icon: /* @__PURE__ */ a(Ae, {}),
-                "aria-label": u("slotGrid.previousDays"),
+                icon: /* @__PURE__ */ r(Oe, {}),
+                "aria-label": m("slotGrid.previousDays"),
                 className: "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]",
-                size: c === "lg" ? "md" : "sm",
+                size: i === "lg" ? "md" : "sm",
                 intent: "ghost",
                 flipIconInRtl: !0,
-                disabled: !L || f,
-                onClick: E
+                disabled: !L || g,
+                onClick: B
               }
             ),
-            re ? /* @__PURE__ */ a(
-              Q,
-              {
-                intent: "secondary",
-                size: c === "lg" ? "md" : "sm",
-                disabled: f,
-                onClick: ie,
-                children: u("slotGrid.nextAvailable")
-              }
-            ) : /* @__PURE__ */ a("span", { "aria-hidden": "true" }),
-            /* @__PURE__ */ a(
-              U,
+            /* @__PURE__ */ v("div", { className: "ds:flex ds:min-w-0 ds:flex-wrap ds:items-center ds:justify-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)]", children: [
+              F ? /* @__PURE__ */ r(
+                "p",
+                {
+                  className: "type-label ds:m-0 ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:text-center",
+                  "aria-live": "polite",
+                  "data-slot-grid-period": "",
+                  children: F
+                }
+              ) : null,
+              ne ? /* @__PURE__ */ r(
+                U,
+                {
+                  intent: "secondary",
+                  size: i === "lg" ? "md" : "sm",
+                  disabled: g,
+                  onClick: oe,
+                  children: m("slotGrid.nextAvailable")
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ r(
+              Y,
               {
-                icon: /* @__PURE__ */ a(He, {}),
-                "aria-label": u("slotGrid.nextDays"),
+                icon: /* @__PURE__ */ r(qe, {}),
+                "aria-label": m("slotGrid.nextDays"),
                 className: "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]",
-                size: c === "lg" ? "md" : "sm",
+                size: i === "lg" ? "md" : "sm",
                 intent: "ghost",
                 flipIconInRtl: !0,
-                disabled: !B || f,
-                onClick: V
+                disabled: !j || g,
+                onClick: E
               }
             )
           ] }),
-          k
+          I
         ]
       }
     );
   }
 );
-Oe.displayName = "SlotGrid";
+We.displayName = "SlotGrid";
 export {
-  Oe as S,
-  rt as f,
-  at as i,
+  We as S,
+  ot as f,
+  it as i,
   Le as s
 };
-//# sourceMappingURL=slot-grid-DEZRB4Yb.js.map
+//# sourceMappingURL=slot-grid-CfA5zeMv.js.map