@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{stepper-calendar.agent-9iT3ClIB.js → stepper-calendar-BLOJUE0-.js}

@@ -1,23 +1,80 @@
 import { jsx as a, jsxs as C } from "react/jsx-runtime";
-import { forwardRef as ee, useMemo as N, useState as Z, useEffect as q, useRef as $, useCallback as Q, useImperativeHandle as Se } from "react";
+import { forwardRef as ee, useMemo as N, useState as Z, useEffect as q, useRef as z, useCallback as Q, useImperativeHandle as Te } from "react";
 import { c as M } from "./index-D2ZczOXr.js";
-import { useTranslation as Te } from "react-i18next";
+import { useTranslation as Ae } from "react-i18next";
 import { s as De } from "./stepper-C-sIpRRU.js";
-import { S as Ae } from "./stepper-progress-Bmen-YXB.js";
-import { B as U } from "./button-7mLWcMp_.js";
-import { I as se } from "./icon-button-Wnnde5lc.js";
-import { p as _, S as oe } from "./slot-grid-D_l5VsHG.js";
-import { S as ie } from "./skeleton-dtqyF09N.js";
-import { E as pe } from "./empty-state-DQPtRp2b.js";
-import { a as Le } from "./calendar-nGEgelJs.js";
-import { a as X, s as de, b as K, c as V, f as Y, i as le } from "./isSameMonth-5wNF2f4I.js";
-import { C as Ie } from "./chevron-left-CX1jqD2M.js";
-import { C as Re } from "./chevron-right-BrpYejk0.js";
-import { i as ze } from "./isSameDay-ecuM8PBB.js";
-function ce(e, d, v) {
+import { S as Le } from "./stepper-progress-jFY8BSf7.js";
+import { u as Re } from "./registry-C9nwlNyL.js";
+import { B as U } from "./button-DD_0Xdmr.js";
+import { I as se } from "./icon-button-C4CGcYuz.js";
+import { p as $, S as oe } from "./slot-grid-CgpYgBkW.js";
+import { S as ie } from "./skeleton-CZbwyJAA.js";
+import { E as pe } from "./empty-state-3CLJIXSj.js";
+import { a as Ie } from "./calendar-zy0tUUVG.js";
+import { a as X, s as de, b as V, c as _, f as Y, i as le } from "./isSameMonth-5wNF2f4I.js";
+import { C as ze } from "./chevron-left-CX1jqD2M.js";
+import { C as je } from "./chevron-right-BrpYejk0.js";
+import { i as Be } from "./isSameDay-ecuM8PBB.js";
+function ce(e, l, v) {
   return X(e, -1, v);
 }
-const je = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})$/, R = 4, Be = M(
+const Ee = {
+  id: "stepper-calendar",
+  capabilities: ["navigate", "view_change"],
+  state: {
+    currentStep: {
+      type: "number",
+      descriptionKey: "ui.agent.stepperCalendar.state.currentStep",
+      description: "Zero-indexed active step (0 = service, 1 = date, 2 = time, 3 = details).",
+      read: (e) => e.getCurrentStep()
+    },
+    totalSteps: {
+      type: "number",
+      descriptionKey: "ui.agent.stepperCalendar.state.totalSteps",
+      description: "Total number of steps in the booking flow (always 4).",
+      read: (e) => e.getTotalSteps()
+    }
+  },
+  actions: {
+    goto_step: {
+      safety: "read",
+      argsType: "{ step: number }",
+      descriptionKey: "ui.agent.stepperCalendar.actions.gotoStep",
+      description: "Jump to the given step. Steps beyond the first-incomplete are gated internally.",
+      invoke: (e, l) => {
+        e.gotoStep(l.step);
+      }
+    },
+    next: {
+      safety: "read",
+      descriptionKey: "ui.agent.stepperCalendar.actions.next",
+      description: "Advance to the next step when the current step has a valid value.",
+      invoke: (e) => {
+        e.next();
+      }
+    },
+    previous: {
+      safety: "read",
+      descriptionKey: "ui.agent.stepperCalendar.actions.previous",
+      description: "Return to the previous step.",
+      invoke: (e) => {
+        e.previous();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "stepper-calendar",
+      description: "Marks the StepperCalendar root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Fe = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})$/, I = 4, Ke = M(
   "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-md)] ds:text-[var(--foreground)]",
   {
     variants: {
@@ -35,7 +92,7 @@ const je = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})$/, R = 4, Be = M(
       density: "comfortable"
     }
   }
-), Ee = M(
+), Ve = M(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)] ds:bg-[var(--card)]",
@@ -51,7 +108,7 @@ const je = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})$/, R = 4, Be = M(
     },
     defaultVariants: { density: "comfortable" }
   }
-), Fe = M(
+), _e = M(
   [
     "ds:group/service ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)] ds:text-start",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)] ds:bg-[var(--background)]",
@@ -66,11 +123,11 @@ const je = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})$/, R = 4, Be = M(
     "ds:aria-checked:border-[var(--primary)] ds:aria-checked:bg-[var(--primary)]/5",
     "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed"
   ].join(" ")
-), Ke = M(
+), $e = M(
   "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]"
 ), J = M(
   "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-xs)]"
-), Ve = M(
+), Ge = M(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     // `min-target-size` (44/48px) governs the rendered size — it always
@@ -91,29 +148,29 @@ const je = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})$/, R = 4, Be = M(
     "ds:aria-selected:border-[var(--primary)]",
     "ds:data-[outside=true]:text-[var(--muted-foreground)]"
   ].join(" ")
-), _e = M(
+), He = M(
   "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:mt-[var(--spacing-md)]"
 );
 function W(e) {
   return Y(e, "yyyy-MM-dd");
 }
-function $e(e) {
+function Pe(e) {
   return e.serviceId ? e.date ? e.time ? 3 : 2 : 1 : 0;
 }
 const me = ee(
-  ({ services: e, selectedId: d, onSelect: v, durationLabel: i, groupLabel: b }, u) => {
-    const k = $([]), S = (() => {
-      const r = e.findIndex((s) => s.id === d);
+  ({ services: e, selectedId: l, onSelect: v, durationLabel: i, groupLabel: b }, u) => {
+    const k = z([]), S = (() => {
+      const r = e.findIndex((s) => s.id === l);
       return r >= 0 ? r : 0;
     })(), f = (r) => {
       const s = (r + e.length) % e.length, g = k.current[s];
       if (!g) return;
       g.focus();
-      const l = e[s];
-      l && v(l.id);
+      const d = e[s];
+      d && v(d.id);
     }, n = (r, s) => {
-      const g = typeof document < "u" && document.documentElement.dir === "rtl", l = g ? "ArrowLeft" : "ArrowRight", w = g ? "ArrowRight" : "ArrowLeft";
-      if (r.key === l || r.key === "ArrowDown") {
+      const g = typeof document < "u" && document.documentElement.dir === "rtl", d = g ? "ArrowLeft" : "ArrowRight", w = g ? "ArrowRight" : "ArrowLeft";
+      if (r.key === d || r.key === "ArrowDown") {
         r.preventDefault(), f(s + 1);
         return;
       }
@@ -135,7 +192,7 @@ const me = ee(
         "aria-label": b,
         className: "ds:grid ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2",
         children: e.map((r, s) => {
-          const g = r.id === d;
+          const g = r.id === l;
           return /* @__PURE__ */ C(
             "button",
             {
@@ -148,7 +205,7 @@ const me = ee(
               tabIndex: s === S ? 0 : -1,
               onClick: () => v(r.id),
               onKeyDown: (w) => n(w, s),
-              className: Fe(),
+              className: _e(),
               children: [
                 /* @__PURE__ */ a("span", { className: "type-body-sm ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: r.label }),
                 r.description ? /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: r.description }) : null,
@@ -166,7 +223,7 @@ me.displayName = "StepperCalendar.ServiceGrid";
 const fe = ee(
   ({
     availableDates: e,
-    selectedDate: d,
+    selectedDate: l,
     onSelectDate: v,
     loading: i,
     locale: b,
@@ -176,19 +233,19 @@ const fe = ee(
     emptyLabel: f
   }, n) => {
     const r = N(() => {
-      if (d) return _(d);
+      if (l) return $(l);
       const t = [...e].sort()[0];
-      return t ? _(t) : /* @__PURE__ */ new Date();
-    }, [e, d]), [s, g] = Z(r), [l, w] = Z(
-      d ? _(d) : r
-    ), G = de(s), z = K(G, { weekStartsOn: u }), c = N(() => {
+      return t ? $(t) : /* @__PURE__ */ new Date();
+    }, [e, l]), [s, g] = Z(r), [d, w] = Z(
+      l ? $(l) : r
+    ), G = de(s), j = V(G, { weekStartsOn: u }), c = N(() => {
       const t = [];
       for (let p = 0; p < 42; p += 1)
-        t.push(V(z, p));
+        t.push(_(j, p));
       return t;
-    }, [z]), H = N(() => {
-      const t = K(/* @__PURE__ */ new Date(), { weekStartsOn: u }), p = new Intl.DateTimeFormat(b, { weekday: "short" });
-      return Array.from({ length: 7 }, (D, x) => p.format(V(t, x)));
+    }, [j]), H = N(() => {
+      const t = V(/* @__PURE__ */ new Date(), { weekStartsOn: u }), p = new Intl.DateTimeFormat(b, { weekday: "short" });
+      return Array.from({ length: 7 }, (A, x) => p.format(_(t, x)));
     }, [b, u]), T = N(() => {
       try {
         return new Intl.DateTimeFormat(b, {
@@ -198,7 +255,7 @@ const fe = ee(
       } catch {
         return Y(s, "MMMM yyyy");
       }
-    }, [b, s]), j = Q(
+    }, [b, s]), B = Q(
       (t) => e.has(W(t)),
       [e]
     ), h = Q(
@@ -214,47 +271,54 @@ const fe = ee(
         ArrowDown: 7
       };
       if (t.key in p) {
-        t.preventDefault(), h(V(l, p[t.key]));
+        t.preventDefault(), h(_(d, p[t.key]));
         return;
       }
       if (t.key === "Home") {
-        t.preventDefault(), h(K(l, { weekStartsOn: u }));
+        t.preventDefault(), h(V(d, { weekStartsOn: u }));
         return;
       }
       if (t.key === "End") {
-        t.preventDefault(), h(V(K(l, { weekStartsOn: u }), 6));
+        t.preventDefault(), h(_(V(d, { weekStartsOn: u }), 6));
         return;
       }
       if (t.key === "PageUp") {
-        t.preventDefault(), h(ce(l));
+        t.preventDefault(), h(ce(d));
         return;
       }
       if (t.key === "PageDown") {
-        t.preventDefault(), h(X(l, 1));
+        t.preventDefault(), h(X(d, 1));
         return;
       }
-      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), j(l) && v(W(l)));
-    }, y = $(null);
+      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), B(d) && v(W(d)));
+    }, y = z(null);
     return q(() => {
       var t;
       (t = y.current) == null || t.focus();
-    }, [l.getTime()]), i ? /* @__PURE__ */ C("div", { ref: n, className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ a(ie, { variant: "text", size: "md", width: "40%" }),
-      /* @__PURE__ */ a("div", { className: J(), children: Array.from({ length: 42 }, (t, p) => /* @__PURE__ */ a(
-        ie,
-        {
-          variant: "rounded",
-          size: "md",
-          height: "40px"
-        },
-        `day-skeleton-${p}`
-      )) })
-    ] }) : e.size === 0 ? /* @__PURE__ */ a("div", { ref: n, children: /* @__PURE__ */ a(pe, { variant: "no-results", title: f }) }) : /* @__PURE__ */ C("div", { ref: n, className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ C("div", { className: Ke(), children: [
+    }, [d.getTime()]), i ? /* @__PURE__ */ C(
+      "div",
+      {
+        ref: n,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+        children: [
+          /* @__PURE__ */ a(ie, { variant: "text", size: "md", width: "40%" }),
+          /* @__PURE__ */ a("div", { className: J(), children: Array.from({ length: 42 }, (t, p) => /* @__PURE__ */ a(
+            ie,
+            {
+              variant: "rounded",
+              size: "md",
+              height: "40px"
+            },
+            `day-skeleton-${p}`
+          )) })
+        ]
+      }
+    ) : e.size === 0 ? /* @__PURE__ */ a("div", { ref: n, children: /* @__PURE__ */ a(pe, { variant: "no-results", title: f }) }) : /* @__PURE__ */ C("div", { ref: n, className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ C("div", { className: $e(), children: [
         /* @__PURE__ */ a(
           se,
           {
-            icon: /* @__PURE__ */ a(Ie, {}),
+            icon: /* @__PURE__ */ a(ze, {}),
             "aria-label": k,
             size: "sm",
             intent: "ghost",
@@ -273,7 +337,7 @@ const fe = ee(
         /* @__PURE__ */ a(
           se,
           {
-            icon: /* @__PURE__ */ a(Re, {}),
+            icon: /* @__PURE__ */ a(je, {}),
             "aria-label": S,
             size: "sm",
             intent: "ghost",
@@ -300,30 +364,30 @@ const fe = ee(
               t
             )) }),
             Array.from({ length: 6 }, (t, p) => {
-              const D = c.slice(p * 7, p * 7 + 7);
+              const A = c.slice(p * 7, p * 7 + 7);
               return /* @__PURE__ */ a(
                 "div",
                 {
                   role: "row",
                   className: J(),
-                  children: D.map((x) => {
-                    const A = W(x), P = !le(x, s), L = j(x), B = d === A, E = ze(x, l);
+                  children: A.map((x) => {
+                    const D = W(x), P = !le(x, s), L = B(x), E = l === D, F = Be(x, d);
                     return /* @__PURE__ */ a(
                       "button",
                       {
-                        ref: E ? y : void 0,
+                        ref: F ? y : void 0,
                         type: "button",
                         role: "gridcell",
-                        "aria-selected": B,
+                        "aria-selected": E,
                         "aria-disabled": !L || void 0,
                         disabled: !L,
                         "data-outside": P || void 0,
-                        tabIndex: E ? 0 : -1,
-                        onClick: () => L && v(A),
-                        className: Ve(),
+                        tabIndex: F ? 0 : -1,
+                        onClick: () => L && v(D),
+                        className: Ge(),
                         children: Y(x, "d")
                       },
-                      A
+                      D
                     );
                   })
                 },
@@ -337,9 +401,9 @@ const fe = ee(
   }
 );
 fe.displayName = "StepperCalendar.MonthGrid";
-function Ge({
+function Oe({
   date: e,
-  slots: d,
+  slots: l,
   selectedTime: v,
   loading: i,
   emptyLabel: b,
@@ -347,17 +411,11 @@ function Ge({
 }) {
   if (!e) return null;
   if (i)
-    return /* @__PURE__ */ a(
-      oe,
-      {
-        days: [{ date: e, slots: [] }],
-        state: "loading"
-      }
-    );
-  if (d.length === 0)
+    return /* @__PURE__ */ a(oe, { days: [{ date: e, slots: [] }], state: "loading" });
+  if (l.length === 0)
     return /* @__PURE__ */ a(pe, { variant: "no-results", title: b });
-  const k = d.map((f) => {
-    const [n, r] = f.split(":"), s = _(e);
+  const k = l.map((f) => {
+    const [n, r] = f.split(":"), s = $(e);
     return s.setHours(Number(n), Number(r), 0, 0), {
       id: `${e}T${f}`,
       start: s,
@@ -370,16 +428,16 @@ function Ge({
       days: [{ date: e, slots: k }],
       selectedSlotId: v ? `${e}T${v}` : void 0,
       onSlotSelect: (f) => {
-        const n = je.exec(f.id);
+        const n = Fe.exec(f.id);
         n && u(n[2]);
       }
     }
   );
 }
-const He = ee(
+const Ue = ee(
   ({
     services: e,
-    availableDates: d,
+    availableDates: l,
     availableSlots: v,
     value: i,
     onChange: b,
@@ -391,19 +449,19 @@ const He = ee(
     layout: r = "vertical",
     density: s = "comfortable",
     "aria-label": g,
-    id: l,
+    id: d,
     className: w,
     ...G
-  }, z) => {
+  }, j) => {
     var ae;
-    const { t: c, i18n: H } = Te(), T = H.language ?? "en", j = N(
-      () => Le(T),
+    const { t: c, i18n: H } = Ae(), T = H.language ?? "en", B = N(
+      () => Ie(T),
       [T]
-    ), h = $e(i), [o, y] = Z(h);
+    ), h = Pe(i), [o, y] = Z(h);
     q(() => {
       o > h && y(h);
     }, [o, h]);
-    const t = $(null), p = $(!0);
+    const t = z(null), p = z(!0);
     q(() => {
       var m;
       if (p.current) {
@@ -412,7 +470,7 @@ const He = ee(
       }
       (m = t.current) == null || m.focus();
     }, [o]);
-    const D = N(
+    const A = N(
       () => [
         {
           label: c("navigation.stepperCalendar.steps.service"),
@@ -432,23 +490,23 @@ const He = ee(
         }
       ],
       [n, c]
-    ), x = g ?? c("navigation.stepperCalendar.label"), A = c("navigation.stepperCalendar.actions.back"), P = c("navigation.stepperCalendar.actions.next"), L = c("navigation.stepperCalendar.actions.submit"), B = c("navigation.stepperCalendar.time.empty"), E = c("navigation.stepperCalendar.date.previousMonth"), ue = c("navigation.stepperCalendar.date.nextMonth"), ge = c("navigation.stepperCalendar.steps.service"), ve = Q(
+    ), x = g ?? c("navigation.stepperCalendar.label"), D = c("navigation.stepperCalendar.actions.back"), P = c("navigation.stepperCalendar.actions.next"), L = c("navigation.stepperCalendar.actions.submit"), E = c("navigation.stepperCalendar.time.empty"), F = c("navigation.stepperCalendar.date.previousMonth"), ue = c("navigation.stepperCalendar.date.nextMonth"), ge = c("navigation.stepperCalendar.steps.service"), ve = Q(
       (m) => c("navigation.stepperCalendar.service.duration", { minutes: m }),
       [c]
     ), O = o === 0 ? !!i.serviceId : o === 1 ? !!i.date : o === 2 ? !!i.time : !1, be = (m) => {
       b({ ...i, serviceId: m }), setTimeout(() => {
-        y((F) => F === 0 ? 1 : F);
+        y((K) => K === 0 ? 1 : K);
       }, 120);
     }, he = (m) => {
       b({ ...i, date: m, time: void 0 });
     }, ye = (m) => {
       b({ ...i, time: m });
-    }, xe = () => y((m) => Math.max(0, m - 1)), we = () => y((m) => Math.min(R - 1, m + 1)), ke = () => u == null ? void 0 : u(i), te = `stepper-calendar-step-${o}-heading`, Ce = N(
-      () => new Set(d),
-      [d]
+    }, xe = () => y((m) => Math.max(0, m - 1)), we = () => y((m) => Math.min(I - 1, m + 1)), ke = () => u == null ? void 0 : u(i), te = `stepper-calendar-step-${o}-heading`, Ce = N(
+      () => new Set(l),
+      [l]
     );
-    let I = null;
-    o === 0 ? I = /* @__PURE__ */ a(
+    let R = null;
+    o === 0 ? R = /* @__PURE__ */ a(
       me,
       {
         services: e,
@@ -457,7 +515,7 @@ const He = ee(
         durationLabel: ve,
         groupLabel: ge
       }
-    ) : o === 1 ? I = /* @__PURE__ */ a(
+    ) : o === 1 ? R = /* @__PURE__ */ a(
       fe,
       {
         availableDates: Ce,
@@ -465,59 +523,60 @@ const He = ee(
         onSelectDate: he,
         loading: S,
         locale: T,
-        weekStartsOn: j,
-        prevLabel: E,
+        weekStartsOn: B,
+        prevLabel: F,
         nextLabel: ue,
-        emptyLabel: B
+        emptyLabel: E
       }
-    ) : o === 2 ? I = /* @__PURE__ */ a(
-      Ge,
+    ) : o === 2 ? R = /* @__PURE__ */ a(
+      Oe,
       {
         date: i.date,
         slots: i.date ? v[i.date] ?? [] : [],
         selectedTime: i.time,
         loading: f,
-        emptyLabel: B,
+        emptyLabel: E,
         onSelect: ye
       }
-    ) : I = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: k });
-    const Ne = o === R - 1, Me = De(
+    ) : R = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: k });
+    const Ne = o === I - 1, Me = De(
       o,
       o,
       n == null ? void 0 : n[o]
-    ), re = N(
+    ), Se = N(
       () => ({
         getCurrentStep: () => o,
-        getTotalSteps: () => R,
+        getTotalSteps: () => I,
         gotoStep: (m) => {
-          const F = Math.max(0, Math.min(m, R - 1)), ne = Math.min(F, h);
+          const K = Math.max(0, Math.min(m, I - 1)), ne = Math.min(K, h);
           ne !== o && y(ne);
         },
         next: () => {
-          o < R - 1 && O && y(o + 1);
+          o < I - 1 && O && y(o + 1);
         },
         previous: () => {
           o > 0 && y(o - 1);
         }
       }),
       [o, h, O]
-    );
-    return Se(z, () => re, [re]), /* @__PURE__ */ C(
+    ), re = z(null);
+    return Te(j, () => re.current, []), Re(Ee, Se, d), /* @__PURE__ */ C(
       "div",
       {
+        ref: re,
         role: "region",
         "aria-label": x,
-        id: l,
+        id: d,
         "data-component": "stepper-calendar",
-        "data-component-id": l,
-        className: Be({ layout: r, density: s, className: w }),
+        "data-component-id": d,
+        className: Ke({ layout: r, density: s, className: w }),
         ...G,
         children: [
           /* @__PURE__ */ a(
-            Ae,
+            Le,
             {
               activeStep: o,
-              steps: D,
+              steps: A,
               "aria-label": x
             }
           ),
@@ -525,7 +584,7 @@ const He = ee(
             "section",
             {
               "aria-labelledby": te,
-              className: Ee({ density: s }),
+              className: Ve({ density: s }),
               "data-step": o,
               "data-state": Me,
               children: [
@@ -536,11 +595,11 @@ const He = ee(
                     id: te,
                     tabIndex: -1,
                     className: "type-body-sm ds:font-[var(--font-weight-semibold)] ds:focus:outline-none",
-                    children: (ae = D[o]) == null ? void 0 : ae.label
+                    children: (ae = A[o]) == null ? void 0 : ae.label
                   }
                 ),
-                I,
-                /* @__PURE__ */ C("div", { className: _e(), children: [
+                R,
+                /* @__PURE__ */ C("div", { className: He(), children: [
                   /* @__PURE__ */ a(
                     U,
                     {
@@ -549,7 +608,7 @@ const He = ee(
                       size: "md",
                       onClick: xe,
                       disabled: o === 0,
-                      children: A
+                      children: D
                     }
                   ),
                   Ne ? /* @__PURE__ */ a(
@@ -581,66 +640,9 @@ const He = ee(
     );
   }
 );
-He.displayName = "StepperCalendar";
-const ot = {
-  id: "stepper-calendar",
-  capabilities: ["navigate", "view_change"],
-  state: {
-    currentStep: {
-      type: "number",
-      descriptionKey: "ui.agent.stepperCalendar.state.currentStep",
-      description: "Zero-indexed active step (0 = service, 1 = date, 2 = time, 3 = details).",
-      read: (e) => e.getCurrentStep()
-    },
-    totalSteps: {
-      type: "number",
-      descriptionKey: "ui.agent.stepperCalendar.state.totalSteps",
-      description: "Total number of steps in the booking flow (always 4).",
-      read: (e) => e.getTotalSteps()
-    }
-  },
-  actions: {
-    goto_step: {
-      safety: "read",
-      argsType: "{ step: number }",
-      descriptionKey: "ui.agent.stepperCalendar.actions.gotoStep",
-      description: "Jump to the given step. Steps beyond the first-incomplete are gated internally.",
-      invoke: (e, d) => {
-        e.gotoStep(d.step);
-      }
-    },
-    next: {
-      safety: "read",
-      descriptionKey: "ui.agent.stepperCalendar.actions.next",
-      description: "Advance to the next step when the current step has a valid value.",
-      invoke: (e) => {
-        e.next();
-      }
-    },
-    previous: {
-      safety: "read",
-      descriptionKey: "ui.agent.stepperCalendar.actions.previous",
-      description: "Return to the previous step.",
-      invoke: (e) => {
-        e.previous();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "stepper-calendar",
-      description: "Marks the StepperCalendar root region."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-};
+Ue.displayName = "StepperCalendar";
 export {
-  He as S,
-  ot as s
+  Ue as S,
+  Ee as s
 };
-//# sourceMappingURL=stepper-calendar.agent-9iT3ClIB.js.map
+//# sourceMappingURL=stepper-calendar-BLOJUE0-.js.map