@alfadocs/ui-kit 0.0.12

package/dist/_chunks/stepper-calendar-BQMjrwzo.js

@@ -0,0 +1,569 @@
+import { jsx as a, jsxs as w } from "react/jsx-runtime";
+import { forwardRef as X, useMemo as C, useState as U, useEffect as W, useRef as V, useCallback as q } from "react";
+import { c as N } from "./index-D2ZczOXr.js";
+import { useTranslation as Ce } from "react-i18next";
+import { s as Ne } from "./stepper-C-sIpRRU.js";
+import { S as De } from "./stepper-progress-Bwfl-0rV.js";
+import { B as H } from "./button-CXL8bA8G.js";
+import { I as re } from "./icon-button-C1vpylg3.js";
+import { p as F, S as ae } from "./slot-grid-DL_Tuj0p.js";
+import { S as te } from "./skeleton-vbTWUntB.js";
+import { E as le } from "./empty-state-DiG7vYBM.js";
+import { a as Me } from "./calendar-BIXVzhkL.js";
+import { a as J, s as ne, b as B, c as E, f as Q, i as oe } from "./isSameMonth-5wNF2f4I.js";
+import { C as Le } from "./chevron-left-CX1jqD2M.js";
+import { C as Te } from "./chevron-right-BrpYejk0.js";
+import { i as Ae } from "./isSameDay-ecuM8PBB.js";
+function ie(t, m, b) {
+  return J(t, -1, b);
+}
+const Ie = /^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})$/, se = 4, Re = N(
+  "flex w-full flex-col gap-[var(--spacing-md)] text-[var(--foreground)]",
+  {
+    variants: {
+      layout: {
+        vertical: "flex-col",
+        horizontal: "lg:flex-row lg:items-start"
+      },
+      density: {
+        comfortable: "gap-[var(--spacing-md)]",
+        compact: "gap-[var(--spacing-sm)]"
+      }
+    },
+    defaultVariants: {
+      layout: "vertical",
+      density: "comfortable"
+    }
+  }
+), ze = N(
+  [
+    "flex flex-col gap-[var(--spacing-md)]",
+    "rounded-[var(--radius-md)] border border-[var(--border)] bg-[var(--card)]",
+    "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
+    "pt-[var(--spacing-md)] pb-[var(--spacing-md)]"
+  ].join(" "),
+  {
+    variants: {
+      density: {
+        comfortable: "gap-[var(--spacing-md)]",
+        compact: "gap-[var(--spacing-sm)]"
+      }
+    },
+    defaultVariants: { density: "comfortable" }
+  }
+), Se = N(
+  [
+    "group/service flex flex-col items-start gap-[var(--spacing-xs)] text-start",
+    "rounded-[var(--radius-md)] border border-[var(--border)] bg-[var(--background)]",
+    "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
+    "pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]",
+    "min-h-[var(--min-target-size)]",
+    "transition-[background-color,border-color] duration-[var(--animation-duration)] ease-[var(--ease-out)]",
+    "motion-reduce:transition-none",
+    "hover:enabled:bg-[var(--muted)]/40",
+    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+    "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "aria-checked:border-[var(--primary)] aria-checked:bg-[var(--primary)]/5",
+    "disabled:opacity-50 disabled:cursor-not-allowed"
+  ].join(" ")
+), je = N(
+  "flex items-center justify-between gap-[var(--spacing-sm)]"
+), K = N(
+  "grid grid-cols-7 gap-[var(--spacing-xs)]"
+), Be = N(
+  [
+    "inline-flex items-center justify-center",
+    // `min-target-size` (44/48px) governs the rendered size — it always
+    // exceeds the explicit floor below. Keeping the explicit floor for
+    // grid layout stability when the cell content is empty (skeletons),
+    // matching the precedent in `slot-grid`.
+    "min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]",
+    "h-10 w-10 rounded-[var(--radius-sm)]",
+    "text-[var(--font-size-sm)] font-[var(--font-weight-medium)]",
+    "border border-transparent bg-[var(--background)] text-[var(--foreground)]",
+    "transition-[background-color,border-color,color] duration-[var(--animation-duration)] ease-[var(--ease-out)]",
+    "motion-reduce:transition-none",
+    "hover:enabled:bg-[var(--muted)]/40",
+    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
+    "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "disabled:opacity-40 disabled:cursor-not-allowed",
+    "aria-selected:bg-[var(--primary)] aria-selected:text-[var(--primary-foreground)]",
+    "aria-selected:border-[var(--primary)]",
+    "data-[outside=true]:text-[var(--muted-foreground)]"
+  ].join(" ")
+), Ee = N(
+  "flex items-center justify-between gap-[var(--spacing-sm)] mt-[var(--spacing-md)]"
+);
+function O(t) {
+  return Q(t, "yyyy-MM-dd");
+}
+function Fe(t) {
+  return t.serviceId ? t.date ? t.time ? 3 : 2 : 1 : 0;
+}
+const ce = X(
+  ({ services: t, selectedId: m, onSelect: b, durationLabel: s, groupLabel: v }, u) => {
+    const x = V([]), D = (() => {
+      const r = t.findIndex((o) => o.id === m);
+      return r >= 0 ? r : 0;
+    })(), f = (r) => {
+      const o = (r + t.length) % t.length, g = x.current[o];
+      if (!g) return;
+      g.focus();
+      const c = t[o];
+      c && b(c.id);
+    }, n = (r, o) => {
+      const g = typeof document < "u" && document.documentElement.dir === "rtl", c = g ? "ArrowLeft" : "ArrowRight", h = g ? "ArrowRight" : "ArrowLeft";
+      if (r.key === c || r.key === "ArrowDown") {
+        r.preventDefault(), f(o + 1);
+        return;
+      }
+      if (r.key === h || r.key === "ArrowUp") {
+        r.preventDefault(), f(o - 1);
+        return;
+      }
+      if (r.key === "Home") {
+        r.preventDefault(), f(0);
+        return;
+      }
+      r.key === "End" && (r.preventDefault(), f(t.length - 1));
+    };
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: u,
+        role: "radiogroup",
+        "aria-label": v,
+        className: "grid gap-[var(--spacing-sm)] sm:grid-cols-2",
+        children: t.map((r, o) => {
+          const g = r.id === m;
+          return /* @__PURE__ */ w(
+            "button",
+            {
+              ref: (h) => {
+                x.current[o] = h;
+              },
+              type: "button",
+              role: "radio",
+              "aria-checked": g,
+              tabIndex: o === D ? 0 : -1,
+              onClick: () => b(r.id),
+              onKeyDown: (h) => n(h, o),
+              className: Se(),
+              children: [
+                /* @__PURE__ */ a("span", { className: "type-body-sm font-[var(--font-weight-semibold)] text-[var(--foreground)]", children: r.label }),
+                r.description ? /* @__PURE__ */ a("span", { className: "type-meta text-[var(--muted-foreground)]", children: r.description }) : null,
+                /* @__PURE__ */ a("span", { className: "type-meta text-[var(--muted-foreground)]", children: s(r.durationMin) })
+              ]
+            },
+            r.id
+          );
+        })
+      }
+    );
+  }
+);
+ce.displayName = "StepperCalendar.ServiceGrid";
+const de = X(
+  ({
+    availableDates: t,
+    selectedDate: m,
+    onSelectDate: b,
+    loading: s,
+    locale: v,
+    weekStartsOn: u,
+    prevLabel: x,
+    nextLabel: D,
+    emptyLabel: f
+  }, n) => {
+    const r = C(() => {
+      if (m) return F(m);
+      const e = [...t].sort()[0];
+      return e ? F(e) : /* @__PURE__ */ new Date();
+    }, [t, m]), [o, g] = U(r), [c, h] = U(
+      m ? F(m) : r
+    ), $ = ne(o), l = B($, { weekStartsOn: u }), G = C(() => {
+      const e = [];
+      for (let d = 0; d < 42; d += 1)
+        e.push(E(l, d));
+      return e;
+    }, [l]), T = C(() => {
+      const e = B(/* @__PURE__ */ new Date(), { weekStartsOn: u }), d = new Intl.DateTimeFormat(v, { weekday: "short" });
+      return Array.from({ length: 7 }, (I, y) => d.format(E(e, y)));
+    }, [v, u]), S = C(() => {
+      try {
+        return new Intl.DateTimeFormat(v, {
+          month: "long",
+          year: "numeric"
+        }).format(o);
+      } catch {
+        return Q(o, "MMMM yyyy");
+      }
+    }, [v, o]), k = q(
+      (e) => t.has(O(e)),
+      [t]
+    ), i = q(
+      (e) => {
+        h(e), oe(e, o) || g(ne(e));
+      },
+      [o]
+    ), M = (e) => {
+      const d = {
+        ArrowLeft: -1,
+        ArrowRight: 1,
+        ArrowUp: -7,
+        ArrowDown: 7
+      };
+      if (e.key in d) {
+        e.preventDefault(), i(E(c, d[e.key]));
+        return;
+      }
+      if (e.key === "Home") {
+        e.preventDefault(), i(B(c, { weekStartsOn: u }));
+        return;
+      }
+      if (e.key === "End") {
+        e.preventDefault(), i(E(B(c, { weekStartsOn: u }), 6));
+        return;
+      }
+      if (e.key === "PageUp") {
+        e.preventDefault(), i(ie(c));
+        return;
+      }
+      if (e.key === "PageDown") {
+        e.preventDefault(), i(J(c, 1));
+        return;
+      }
+      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), k(c) && b(O(c)));
+    }, A = V(null);
+    return W(() => {
+      var e;
+      (e = A.current) == null || e.focus();
+    }, [c.getTime()]), s ? /* @__PURE__ */ w("div", { ref: n, className: "flex flex-col gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ a(te, { variant: "text", size: "md", width: "40%" }),
+      /* @__PURE__ */ a("div", { className: K(), children: Array.from({ length: 42 }, (e, d) => /* @__PURE__ */ a(
+        te,
+        {
+          variant: "rounded",
+          size: "md",
+          height: "40px"
+        },
+        `day-skeleton-${d}`
+      )) })
+    ] }) : t.size === 0 ? /* @__PURE__ */ a("div", { ref: n, children: /* @__PURE__ */ a(le, { variant: "no-results", title: f }) }) : /* @__PURE__ */ w("div", { ref: n, className: "flex flex-col gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ w("div", { className: je(), children: [
+        /* @__PURE__ */ a(
+          re,
+          {
+            icon: /* @__PURE__ */ a(Le, {}),
+            "aria-label": x,
+            size: "sm",
+            intent: "ghost",
+            flipIconInRtl: !0,
+            onClick: () => g(ie(o))
+          }
+        ),
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: "type-body-sm font-[var(--font-weight-semibold)]",
+            "aria-live": "polite",
+            children: S
+          }
+        ),
+        /* @__PURE__ */ a(
+          re,
+          {
+            icon: /* @__PURE__ */ a(Te, {}),
+            "aria-label": D,
+            size: "sm",
+            intent: "ghost",
+            flipIconInRtl: !0,
+            onClick: () => g(J(o, 1))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ w(
+        "div",
+        {
+          role: "grid",
+          "aria-label": S,
+          className: "flex flex-col gap-[var(--spacing-xs)]",
+          onKeyDown: M,
+          children: [
+            /* @__PURE__ */ a("div", { className: K(), role: "row", children: T.map((e) => /* @__PURE__ */ a(
+              "span",
+              {
+                role: "columnheader",
+                className: "type-meta text-center text-[var(--muted-foreground)]",
+                children: e
+              },
+              e
+            )) }),
+            Array.from({ length: 6 }, (e, d) => {
+              const I = G.slice(d * 7, d * 7 + 7);
+              return /* @__PURE__ */ a(
+                "div",
+                {
+                  role: "row",
+                  className: K(),
+                  children: I.map((y) => {
+                    const R = O(y), _ = !oe(y, o), L = k(y), P = m === R, j = Ae(y, c);
+                    return /* @__PURE__ */ a(
+                      "button",
+                      {
+                        ref: j ? A : void 0,
+                        type: "button",
+                        role: "gridcell",
+                        "aria-selected": P,
+                        "aria-disabled": !L || void 0,
+                        disabled: !L,
+                        "data-outside": _ || void 0,
+                        tabIndex: j ? 0 : -1,
+                        onClick: () => L && b(R),
+                        className: Be(),
+                        children: Q(y, "d")
+                      },
+                      R
+                    );
+                  })
+                },
+                `week-${d}`
+              );
+            })
+          ]
+        }
+      )
+    ] });
+  }
+);
+de.displayName = "StepperCalendar.MonthGrid";
+function Ve({
+  date: t,
+  slots: m,
+  selectedTime: b,
+  loading: s,
+  emptyLabel: v,
+  onSelect: u
+}) {
+  if (!t) return null;
+  if (s)
+    return /* @__PURE__ */ a(
+      ae,
+      {
+        days: [{ date: t, slots: [] }],
+        state: "loading"
+      }
+    );
+  if (m.length === 0)
+    return /* @__PURE__ */ a(le, { variant: "no-results", title: v });
+  const x = m.map((f) => {
+    const [n, r] = f.split(":"), o = F(t);
+    return o.setHours(Number(n), Number(r), 0, 0), {
+      id: `${t}T${f}`,
+      start: o,
+      label: f
+    };
+  });
+  return /* @__PURE__ */ a(
+    ae,
+    {
+      days: [{ date: t, slots: x }],
+      selectedSlotId: b ? `${t}T${b}` : void 0,
+      onSlotSelect: (f) => {
+        const n = Ie.exec(f.id);
+        n && u(n[2]);
+      }
+    }
+  );
+}
+const $e = X(
+  ({
+    services: t,
+    availableDates: m,
+    availableSlots: b,
+    value: s,
+    onChange: v,
+    onSubmit: u,
+    detailsFields: x,
+    loadingDates: D = !1,
+    loadingSlots: f = !1,
+    stepStatuses: n,
+    layout: r = "vertical",
+    density: o = "comfortable",
+    "aria-label": g,
+    className: c,
+    ...h
+  }, $) => {
+    var Z;
+    const { t: l, i18n: G } = Ce(), T = G.language ?? "en", S = C(
+      () => Me(T),
+      [T]
+    ), k = Fe(s), [i, M] = U(k);
+    W(() => {
+      i > k && M(k);
+    }, [i, k]);
+    const A = V(null), e = V(!0);
+    W(() => {
+      var p;
+      if (e.current) {
+        e.current = !1;
+        return;
+      }
+      (p = A.current) == null || p.focus();
+    }, [i]);
+    const d = C(
+      () => [
+        {
+          label: l("navigation.stepperCalendar.steps.service"),
+          status: n == null ? void 0 : n[0]
+        },
+        {
+          label: l("navigation.stepperCalendar.steps.date"),
+          status: n == null ? void 0 : n[1]
+        },
+        {
+          label: l("navigation.stepperCalendar.steps.time"),
+          status: n == null ? void 0 : n[2]
+        },
+        {
+          label: l("navigation.stepperCalendar.steps.details"),
+          status: n == null ? void 0 : n[3]
+        }
+      ],
+      [n, l]
+    ), I = g ?? l("navigation.stepperCalendar.label"), y = l("navigation.stepperCalendar.actions.back"), R = l("navigation.stepperCalendar.actions.next"), _ = l("navigation.stepperCalendar.actions.submit"), L = l("navigation.stepperCalendar.time.empty"), P = l("navigation.stepperCalendar.date.previousMonth"), j = l("navigation.stepperCalendar.date.nextMonth"), me = l("navigation.stepperCalendar.steps.service"), fe = q(
+      (p) => l("navigation.stepperCalendar.service.duration", { minutes: p }),
+      [l]
+    ), pe = i === 0 ? !!s.serviceId : i === 1 ? !!s.date : i === 2 ? !!s.time : !1, ue = (p) => {
+      v({ ...s, serviceId: p }), setTimeout(() => {
+        M((ee) => ee === 0 ? 1 : ee);
+      }, 120);
+    }, ge = (p) => {
+      v({ ...s, date: p, time: void 0 });
+    }, be = (p) => {
+      v({ ...s, time: p });
+    }, ve = () => M((p) => Math.max(0, p - 1)), he = () => M((p) => Math.min(se - 1, p + 1)), ye = () => u == null ? void 0 : u(s), Y = `stepper-calendar-step-${i}-heading`, xe = C(
+      () => new Set(m),
+      [m]
+    );
+    let z = null;
+    i === 0 ? z = /* @__PURE__ */ a(
+      ce,
+      {
+        services: t,
+        selectedId: s.serviceId,
+        onSelect: ue,
+        durationLabel: fe,
+        groupLabel: me
+      }
+    ) : i === 1 ? z = /* @__PURE__ */ a(
+      de,
+      {
+        availableDates: xe,
+        selectedDate: s.date,
+        onSelectDate: ge,
+        loading: D,
+        locale: T,
+        weekStartsOn: S,
+        prevLabel: P,
+        nextLabel: j,
+        emptyLabel: L
+      }
+    ) : i === 2 ? z = /* @__PURE__ */ a(
+      Ve,
+      {
+        date: s.date,
+        slots: s.date ? b[s.date] ?? [] : [],
+        selectedTime: s.time,
+        loading: f,
+        emptyLabel: L,
+        onSelect: be
+      }
+    ) : z = /* @__PURE__ */ a("div", { className: "flex flex-col gap-[var(--spacing-sm)]", children: x });
+    const we = i === se - 1, ke = Ne(
+      i,
+      i,
+      n == null ? void 0 : n[i]
+    );
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        ref: $,
+        role: "region",
+        "aria-label": I,
+        className: Re({ layout: r, density: o, className: c }),
+        ...h,
+        children: [
+          /* @__PURE__ */ a(
+            De,
+            {
+              activeStep: i,
+              steps: d,
+              "aria-label": I
+            }
+          ),
+          /* @__PURE__ */ w(
+            "section",
+            {
+              "aria-labelledby": Y,
+              className: ze({ density: o }),
+              "data-step": i,
+              "data-state": ke,
+              children: [
+                /* @__PURE__ */ a(
+                  "h2",
+                  {
+                    ref: A,
+                    id: Y,
+                    tabIndex: -1,
+                    className: "type-body-sm font-[var(--font-weight-semibold)] focus:outline-none",
+                    children: (Z = d[i]) == null ? void 0 : Z.label
+                  }
+                ),
+                z,
+                /* @__PURE__ */ w("div", { className: Ee(), children: [
+                  /* @__PURE__ */ a(
+                    H,
+                    {
+                      type: "button",
+                      intent: "ghost",
+                      size: "md",
+                      onClick: ve,
+                      disabled: i === 0,
+                      children: y
+                    }
+                  ),
+                  we ? /* @__PURE__ */ a(
+                    H,
+                    {
+                      type: "button",
+                      intent: "primary",
+                      size: "md",
+                      onClick: ye,
+                      children: _
+                    }
+                  ) : /* @__PURE__ */ a(
+                    H,
+                    {
+                      type: "button",
+                      intent: "primary",
+                      size: "md",
+                      onClick: he,
+                      disabled: !pe,
+                      children: R
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+$e.displayName = "StepperCalendar";
+export {
+  $e as S
+};
+//# sourceMappingURL=stepper-calendar-BQMjrwzo.js.map

package/dist/_chunks/stepper-calendar-BQMjrwzo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-calendar-BQMjrwzo.js","sources":["../../node_modules/date-fns/subMonths.js","../../src/components/stepper-calendar/stepper-calendar.tsx"],"sourcesContent":["import { addMonths } from \"./addMonths.js\";\n\n/**\n * The subMonths function options.\n */\n\n/**\n * @name subMonths\n * @category Month Helpers\n * @summary Subtract the specified number of months from the given date.\n *\n * @description\n * Subtract the specified number of months from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of months to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the months subtracted\n *\n * @example\n * // Subtract 5 months from 1 February 2015:\n * const result = subMonths(new Date(2015, 1, 1), 5)\n * //=> Mon Sep 01 2014 00:00:00\n */\nexport function subMonths(date, amount, options) {\n  return addMonths(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subMonths;\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  addDays,\n  addMonths,\n  format as fnsFormat,\n  isSameDay,\n  isSameMonth,\n  parseISO,\n  startOfMonth,\n  startOfWeek,\n  subMonths,\n} from 'date-fns';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport type { StepSpec, StepStatus } from '../_shared/stepper';\nimport { stateForStep } from '../_shared/stepper';\nimport { StepperProgress } from '../stepper-progress/stepper-progress';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { SlotGrid, type SlotGridDay, type SlotGridSlot } from '../slot-grid/slot-grid';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { resolveFirstDay } from '../calendar/calendar';\n\n// Slot IDs use a fixed `${yyyy-mm-dd}T${HH:mm}` shape so the trailing time\n// segment can be safely peeled off in onSlotSelect. Validating against the\n// shape rather than splitting blindly so an unexpected ID surfaces as a\n// no-op rather than a malformed time value.\nconst SLOT_ID_PATTERN = /^(\\d{4}-\\d{2}-\\d{2})T(\\d{2}:\\d{2})$/;\n\n/* -------------------------------------------------------------------- */\n/* StepperCalendar                                                       */\n/*                                                                       */\n/* Single-component, A/B-testable appointment-booking flow with 4       */\n/* fixed steps in this order:                                            */\n/*   0. Service — pick from `services`                                  */\n/*   1. Date    — inline month grid; only `availableDates` are enabled  */\n/*   2. Time    — slot grid showing `availableSlots[selectedDate]`      */\n/*   3. Details — render-prop slot for the consumer's form fields       */\n/* -------------------------------------------------------------------- */\n\n/** Service offering rendered on Step 1. Data is API-driven by the consumer. */\nexport interface StepperCalendarService {\n  id: string;\n  /** Already-translated label (consumer is responsible for i18n of data). */\n  label: string;\n  /** Duration in minutes — shown alongside the label. */\n  durationMin: number;\n  /** Optional secondary line. */\n  description?: string;\n}\n\n/** Re-exported for convenience. */\nexport type ServiceOption = StepperCalendarService;\n\n/** Booking selection — controlled by the consumer. */\nexport interface StepperCalendarValue {\n  serviceId?: string;\n  /** ISO yyyy-mm-dd. */\n  date?: string;\n  /** HH:mm (24h). */\n  time?: string;\n}\n\nconst TOTAL_STEPS = 4;\n\nconst rootVariants = cva(\n  'flex w-full flex-col gap-[var(--spacing-md)] text-[var(--foreground)]',\n  {\n    variants: {\n      layout: {\n        vertical: 'flex-col',\n        horizontal: 'lg:flex-row lg:items-start',\n      },\n      density: {\n        comfortable: 'gap-[var(--spacing-md)]',\n        compact: 'gap-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: {\n      layout: 'vertical',\n      density: 'comfortable',\n    },\n  },\n);\n\nconst stepBodyVariants = cva(\n  [\n    'flex flex-col gap-[var(--spacing-md)]',\n    'rounded-[var(--radius-md)] border border-[var(--border)] bg-[var(--card)]',\n    'ps-[var(--spacing-md)] pe-[var(--spacing-md)]',\n    'pt-[var(--spacing-md)] pb-[var(--spacing-md)]',\n  ].join(' '),\n  {\n    variants: {\n      density: {\n        comfortable: 'gap-[var(--spacing-md)]',\n        compact: 'gap-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  },\n);\n\nconst serviceCardVariants = cva(\n  [\n    'group/service flex flex-col items-start gap-[var(--spacing-xs)] text-start',\n    'rounded-[var(--radius-md)] border border-[var(--border)] bg-[var(--background)]',\n    'ps-[var(--spacing-md)] pe-[var(--spacing-md)]',\n    'pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]',\n    'min-h-[var(--min-target-size)]',\n    'transition-[background-color,border-color] duration-[var(--animation-duration)] ease-[var(--ease-out)]',\n    'motion-reduce:transition-none',\n    'hover:enabled:bg-[var(--muted)]/40',\n    'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n    'focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'aria-checked:border-[var(--primary)] aria-checked:bg-[var(--primary)]/5',\n    'disabled:opacity-50 disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst monthHeaderVariants = cva(\n  'flex items-center justify-between gap-[var(--spacing-sm)]',\n);\n\nconst monthGridVariants = cva(\n  'grid grid-cols-7 gap-[var(--spacing-xs)]',\n);\n\nconst dayCellVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    // `min-target-size` (44/48px) governs the rendered size — it always\n    // exceeds the explicit floor below. Keeping the explicit floor for\n    // grid layout stability when the cell content is empty (skeletons),\n    // matching the precedent in `slot-grid`.\n    'min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]',\n    'h-10 w-10 rounded-[var(--radius-sm)]',\n    'text-[var(--font-size-sm)] font-[var(--font-weight-medium)]',\n    'border border-transparent bg-[var(--background)] text-[var(--foreground)]',\n    'transition-[background-color,border-color,color] duration-[var(--animation-duration)] ease-[var(--ease-out)]',\n    'motion-reduce:transition-none',\n    'hover:enabled:bg-[var(--muted)]/40',\n    'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n    'focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'disabled:opacity-40 disabled:cursor-not-allowed',\n    'aria-selected:bg-[var(--primary)] aria-selected:text-[var(--primary-foreground)]',\n    'aria-selected:border-[var(--primary)]',\n    'data-[outside=true]:text-[var(--muted-foreground)]',\n  ].join(' '),\n);\n\nconst actionsRowVariants = cva(\n  'flex items-center justify-between gap-[var(--spacing-sm)] mt-[var(--spacing-md)]',\n);\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                               */\n/* -------------------------------------------------------------------- */\n\nfunction isoDay(date: Date): string {\n  return fnsFormat(date, 'yyyy-MM-dd');\n}\n\n/** Compute the first incomplete step from the current value. */\nfunction firstIncompleteStep(value: StepperCalendarValue): number {\n  if (!value.serviceId) return 0;\n  if (!value.date) return 1;\n  if (!value.time) return 2;\n  return 3;\n}\n\n/* -------------------------------------------------------------------- */\n/* Public props                                                          */\n/* -------------------------------------------------------------------- */\n\nexport interface StepperCalendarProps\n  extends Omit<\n      ComponentPropsWithoutRef<'div'>,\n      'aria-label' | 'onChange' | 'onSubmit'\n    >,\n    VariantProps<typeof rootVariants> {\n  services: StepperCalendarService[];\n  availableDates: string[];\n  availableSlots: Record<string, string[]>;\n  value: StepperCalendarValue;\n  onChange: (next: StepperCalendarValue) => void;\n  onSubmit?: (value: StepperCalendarValue) => void;\n  detailsFields?: ReactNode;\n  loadingDates?: boolean;\n  loadingSlots?: boolean;\n  /** Per-step status overrides — `error` will mark a step in the rail. */\n  stepStatuses?: Partial<Record<0 | 1 | 2 | 3, StepStatus>>;\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Service grid (Step 0)                                                 */\n/* -------------------------------------------------------------------- */\n\ninterface ServiceGridProps {\n  services: StepperCalendarService[];\n  selectedId?: string;\n  onSelect: (id: string) => void;\n  durationLabel: (minutes: number) => string;\n  groupLabel: string;\n}\n\nconst ServiceGrid = forwardRef<HTMLDivElement, ServiceGridProps>(\n  ({ services, selectedId, onSelect, durationLabel, groupLabel }, ref) => {\n    const itemRefs = useRef<(HTMLButtonElement | null)[]>([]);\n    const focusedIndex = (() => {\n      const i = services.findIndex((s) => s.id === selectedId);\n      return i >= 0 ? i : 0;\n    })();\n\n    const moveFocus = (next: number) => {\n      const wrapped = (next + services.length) % services.length;\n      const target = itemRefs.current[wrapped];\n      if (!target) return;\n      // Per WAI-ARIA radiogroup, arrow keys move focus AND selection.\n      target.focus();\n      const svc = services[wrapped];\n      if (svc) onSelect(svc.id);\n    };\n\n    const handleKeyDown = (\n      event: KeyboardEvent<HTMLButtonElement>,\n      currentIndex: number,\n    ) => {\n      // RTL inversion: in an RTL document, ArrowLeft visually advances forward.\n      const isRtl =\n        typeof document !== 'undefined' &&\n        document.documentElement.dir === 'rtl';\n      const forward = isRtl ? 'ArrowLeft' : 'ArrowRight';\n      const back = isRtl ? 'ArrowRight' : 'ArrowLeft';\n      if (event.key === forward || event.key === 'ArrowDown') {\n        event.preventDefault();\n        moveFocus(currentIndex + 1);\n        return;\n      }\n      if (event.key === back || event.key === 'ArrowUp') {\n        event.preventDefault();\n        moveFocus(currentIndex - 1);\n        return;\n      }\n      if (event.key === 'Home') {\n        event.preventDefault();\n        moveFocus(0);\n        return;\n      }\n      if (event.key === 'End') {\n        event.preventDefault();\n        moveFocus(services.length - 1);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={groupLabel}\n        className=\"grid gap-[var(--spacing-sm)] sm:grid-cols-2\"\n      >\n        {services.map((svc, index) => {\n          const checked = svc.id === selectedId;\n          const isRovingTabStop = index === focusedIndex;\n          return (\n            <button\n              key={svc.id}\n              ref={(el) => {\n                itemRefs.current[index] = el;\n              }}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={checked}\n              tabIndex={isRovingTabStop ? 0 : -1}\n              onClick={() => onSelect(svc.id)}\n              onKeyDown={(e) => handleKeyDown(e, index)}\n              className={serviceCardVariants()}\n            >\n              <span className=\"type-body-sm font-[var(--font-weight-semibold)] text-[var(--foreground)]\">\n                {svc.label}\n              </span>\n              {svc.description ? (\n                <span className=\"type-meta text-[var(--muted-foreground)]\">\n                  {svc.description}\n                </span>\n              ) : null}\n              <span className=\"type-meta text-[var(--muted-foreground)]\">\n                {durationLabel(svc.durationMin)}\n              </span>\n            </button>\n          );\n        })}\n      </div>\n    );\n  },\n);\nServiceGrid.displayName = 'StepperCalendar.ServiceGrid';\n\n/* -------------------------------------------------------------------- */\n/* Inline month grid (Step 1)                                            */\n/* -------------------------------------------------------------------- */\n\ntype WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\ninterface MonthGridProps {\n  availableDates: Set<string>;\n  selectedDate?: string;\n  onSelectDate: (iso: string) => void;\n  loading: boolean;\n  locale: string;\n  weekStartsOn: WeekStart;\n  prevLabel: string;\n  nextLabel: string;\n  emptyLabel: string;\n}\n\nconst MonthGrid = forwardRef<HTMLDivElement, MonthGridProps>(\n  (\n    {\n      availableDates,\n      selectedDate,\n      onSelectDate,\n      loading,\n      locale,\n      weekStartsOn,\n      prevLabel,\n      nextLabel,\n      emptyLabel,\n    },\n    ref,\n  ) => {\n    const initialMonth = useMemo(() => {\n      if (selectedDate) return parseISO(selectedDate);\n      const first = [...availableDates].sort()[0];\n      return first ? parseISO(first) : new Date();\n    }, [availableDates, selectedDate]);\n\n    const [month, setMonth] = useState<Date>(initialMonth);\n    const [focusedDay, setFocusedDay] = useState<Date>(\n      selectedDate ? parseISO(selectedDate) : initialMonth,\n    );\n\n    // Build the 6x7 grid (always full weeks for stable layout).\n    const monthStart = startOfMonth(month);\n    const gridStart = startOfWeek(monthStart, { weekStartsOn });\n    const days: Date[] = useMemo(() => {\n      const cells: Date[] = [];\n      for (let i = 0; i < 42; i += 1) {\n        cells.push(addDays(gridStart, i));\n      }\n      return cells;\n    }, [gridStart]);\n\n    const weekdayLabels = useMemo(() => {\n      const base = startOfWeek(new Date(), { weekStartsOn });\n      const fmt = new Intl.DateTimeFormat(locale, { weekday: 'short' });\n      return Array.from({ length: 7 }, (_, i) => fmt.format(addDays(base, i)));\n    }, [locale, weekStartsOn]);\n\n    const monthLabel = useMemo(() => {\n      try {\n        return new Intl.DateTimeFormat(locale, {\n          month: 'long',\n          year: 'numeric',\n        }).format(month);\n      } catch {\n        return fnsFormat(month, 'MMMM yyyy');\n      }\n    }, [locale, month]);\n\n    const isAvailable = useCallback(\n      (d: Date) => availableDates.has(isoDay(d)),\n      [availableDates],\n    );\n\n    const moveFocus = useCallback(\n      (next: Date) => {\n        setFocusedDay(next);\n        if (!isSameMonth(next, month)) setMonth(startOfMonth(next));\n      },\n      [month],\n    );\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      const map: Record<string, number> = {\n        ArrowLeft: -1,\n        ArrowRight: 1,\n        ArrowUp: -7,\n        ArrowDown: 7,\n      };\n      if (event.key in map) {\n        event.preventDefault();\n        moveFocus(addDays(focusedDay, map[event.key]));\n        return;\n      }\n      if (event.key === 'Home') {\n        event.preventDefault();\n        moveFocus(startOfWeek(focusedDay, { weekStartsOn }));\n        return;\n      }\n      if (event.key === 'End') {\n        event.preventDefault();\n        moveFocus(addDays(startOfWeek(focusedDay, { weekStartsOn }), 6));\n        return;\n      }\n      if (event.key === 'PageUp') {\n        event.preventDefault();\n        moveFocus(subMonths(focusedDay, 1));\n        return;\n      }\n      if (event.key === 'PageDown') {\n        event.preventDefault();\n        moveFocus(addMonths(focusedDay, 1));\n        return;\n      }\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        if (isAvailable(focusedDay)) onSelectDate(isoDay(focusedDay));\n      }\n    };\n\n    const focusedRef = useRef<HTMLButtonElement>(null);\n    useEffect(() => {\n      // Move focus to the focused day when it changes. Note: when the parent\n      // StepperCalendar transitions Service → Date, its own step-change focus\n      // effect *also* tries to focus the body's first interactive element. In\n      // practice this effect runs deeper in the tree and after mount, so it\n      // wins — but consumers should be aware of the interaction if they\n      // tweak the ordering.\n      focusedRef.current?.focus();\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [focusedDay.getTime()]);\n\n    if (loading) {\n      return (\n        <div ref={ref} className=\"flex flex-col gap-[var(--spacing-sm)]\">\n          <Skeleton variant=\"text\" size=\"md\" width=\"40%\" />\n          <div className={monthGridVariants()}>\n            {Array.from({ length: 42 }, (_, i) => (\n              <Skeleton\n                key={`day-skeleton-${i}`}\n                variant=\"rounded\"\n                size=\"md\"\n                height=\"40px\"\n              />\n            ))}\n          </div>\n        </div>\n      );\n    }\n\n    if (availableDates.size === 0) {\n      return (\n        <div ref={ref}>\n          <EmptyState variant=\"no-results\" title={emptyLabel} />\n        </div>\n      );\n    }\n\n    return (\n      <div ref={ref} className=\"flex flex-col gap-[var(--spacing-sm)]\">\n        <div className={monthHeaderVariants()}>\n          <IconButton\n            icon={<ChevronLeft />}\n            aria-label={prevLabel}\n            size=\"sm\"\n            intent=\"ghost\"\n            flipIconInRtl\n            onClick={() => setMonth(subMonths(month, 1))}\n          />\n          <span\n            className=\"type-body-sm font-[var(--font-weight-semibold)]\"\n            aria-live=\"polite\"\n          >\n            {monthLabel}\n          </span>\n          <IconButton\n            icon={<ChevronRight />}\n            aria-label={nextLabel}\n            size=\"sm\"\n            intent=\"ghost\"\n            flipIconInRtl\n            onClick={() => setMonth(addMonths(month, 1))}\n          />\n        </div>\n        <div\n          role=\"grid\"\n          aria-label={monthLabel}\n          className=\"flex flex-col gap-[var(--spacing-xs)]\"\n          onKeyDown={handleKeyDown}\n        >\n          <div className={monthGridVariants()} role=\"row\">\n            {weekdayLabels.map((wd) => (\n              <span\n                key={wd}\n                role=\"columnheader\"\n                className=\"type-meta text-center text-[var(--muted-foreground)]\"\n              >\n                {wd}\n              </span>\n            ))}\n          </div>\n          {Array.from({ length: 6 }, (_, weekIndex) => {\n            const week = days.slice(weekIndex * 7, weekIndex * 7 + 7);\n            return (\n              <div\n                key={`week-${weekIndex}`}\n                role=\"row\"\n                className={monthGridVariants()}\n              >\n                {week.map((d) => {\n                  const iso = isoDay(d);\n                  const outside = !isSameMonth(d, month);\n                  const available = isAvailable(d);\n                  const selected = selectedDate === iso;\n                  const isFocused = isSameDay(d, focusedDay);\n                  return (\n                    <button\n                      key={iso}\n                      ref={isFocused ? focusedRef : undefined}\n                      type=\"button\"\n                      role=\"gridcell\"\n                      aria-selected={selected}\n                      aria-disabled={!available || undefined}\n                      disabled={!available}\n                      data-outside={outside || undefined}\n                      tabIndex={isFocused ? 0 : -1}\n                      onClick={() => available && onSelectDate(iso)}\n                      className={dayCellVariants()}\n                    >\n                      {fnsFormat(d, 'd')}\n                    </button>\n                  );\n                })}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\nMonthGrid.displayName = 'StepperCalendar.MonthGrid';\n\n/* -------------------------------------------------------------------- */\n/* Time step body                                                        */\n/* -------------------------------------------------------------------- */\n\ninterface TimeStepBodyProps {\n  date?: string;\n  slots: string[];\n  selectedTime?: string;\n  loading: boolean;\n  emptyLabel: string;\n  onSelect: (time: string) => void;\n}\n\nfunction TimeStepBody({\n  date,\n  slots,\n  selectedTime,\n  loading,\n  emptyLabel,\n  onSelect,\n}: TimeStepBodyProps) {\n  if (!date) return null;\n  if (loading) {\n    return (\n      <SlotGrid\n        days={[{ date, slots: [] }]}\n        state=\"loading\"\n      />\n    );\n  }\n  if (slots.length === 0) {\n    return <EmptyState variant=\"no-results\" title={emptyLabel} />;\n  }\n  const slotObjects: SlotGridSlot[] = slots.map((time) => {\n    // Build a Date from `date` + `time` for `Intl` formatting.\n    const [h, m] = time.split(':');\n    const start = parseISO(date);\n    start.setHours(Number(h), Number(m), 0, 0);\n    return {\n      id: `${date}T${time}`,\n      start,\n      label: time,\n    };\n  });\n  const day: SlotGridDay = { date, slots: slotObjects };\n  return (\n    <SlotGrid\n      days={[day]}\n      selectedSlotId={selectedTime ? `${date}T${selectedTime}` : undefined}\n      onSlotSelect={(slot) => {\n        // Validate against the documented `${yyyy-mm-dd}T${HH:mm}` shape so\n        // an unexpected ID surfaces as a no-op rather than a malformed time.\n        const match = SLOT_ID_PATTERN.exec(slot.id);\n        if (match) onSelect(match[2]);\n      }}\n    />\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nconst StepperCalendar = forwardRef<HTMLDivElement, StepperCalendarProps>(\n  (\n    {\n      services,\n      availableDates,\n      availableSlots,\n      value,\n      onChange,\n      onSubmit,\n      detailsFields,\n      loadingDates = false,\n      loadingSlots = false,\n      stepStatuses,\n      layout = 'vertical',\n      density = 'comfortable',\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const locale = i18n.language ?? 'en';\n    const weekStartsOn = useMemo(\n      () => resolveFirstDay(locale) as WeekStart,\n      [locale],\n    );\n\n    // Derive max-allowed step from value, then clamp internal active step.\n    const maxAllowed = firstIncompleteStep(value);\n    const [activeStep, setActiveStep] = useState<number>(maxAllowed);\n    // If `value` regresses (consumer cleared a field), pull active back.\n    useEffect(() => {\n      if (activeStep > maxAllowed) setActiveStep(maxAllowed);\n    }, [activeStep, maxAllowed]);\n\n    const headingRef = useRef<HTMLHeadingElement>(null);\n    const isFirstRenderRef = useRef(true);\n\n    // Move focus to the new step's heading when activeStep changes (skip\n    // first render to avoid stealing focus on mount). Targeting the heading\n    // (rather than the first interactive control) is the pattern recommended\n    // by 05-accessibility.mdx — screen-reader users hear the step label\n    // before any field, and sighted keyboard users can Tab into the form.\n    useEffect(() => {\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false;\n        return;\n      }\n      headingRef.current?.focus();\n    }, [activeStep]);\n\n    const steps: StepSpec[] = useMemo(\n      () => [\n        {\n          label: t('navigation.stepperCalendar.steps.service'),\n          status: stepStatuses?.[0],\n        },\n        {\n          label: t('navigation.stepperCalendar.steps.date'),\n          status: stepStatuses?.[1],\n        },\n        {\n          label: t('navigation.stepperCalendar.steps.time'),\n          status: stepStatuses?.[2],\n        },\n        {\n          label: t('navigation.stepperCalendar.steps.details'),\n          status: stepStatuses?.[3],\n        },\n      ],\n      [stepStatuses, t],\n    );\n\n    const label = ariaLabel ?? t('navigation.stepperCalendar.label');\n    const backLabel = t('navigation.stepperCalendar.actions.back');\n    const nextLabel = t('navigation.stepperCalendar.actions.next');\n    const submitLabel = t('navigation.stepperCalendar.actions.submit');\n    const emptyTimeLabel = t('navigation.stepperCalendar.time.empty');\n    const prevMonthLabel = t('navigation.stepperCalendar.date.previousMonth');\n    const nextMonthLabel = t('navigation.stepperCalendar.date.nextMonth');\n    const serviceGroupLabel = t('navigation.stepperCalendar.steps.service');\n\n    const durationLabel = useCallback(\n      (minutes: number) =>\n        t('navigation.stepperCalendar.service.duration', { minutes }),\n      [t],\n    );\n\n    const canAdvance = (() => {\n      if (activeStep === 0) return Boolean(value.serviceId);\n      if (activeStep === 1) return Boolean(value.date);\n      if (activeStep === 2) return Boolean(value.time);\n      return false; // step 3 is terminal\n    })();\n\n    const handleServiceSelect = (serviceId: string) => {\n      onChange({ ...value, serviceId });\n      // Auto-advance for conversion. Use a short delay so users see the\n      // selection register before the step swaps. Plain `setTimeout` (not\n      // `window.setTimeout`) so the component does not assume a DOM global.\n      setTimeout(() => {\n        setActiveStep((s) => (s === 0 ? 1 : s));\n      }, 120);\n    };\n\n    const handleDateSelect = (date: string) => {\n      // Clear time when date changes.\n      onChange({ ...value, date, time: undefined });\n    };\n\n    const handleTimeSelect = (time: string) => {\n      onChange({ ...value, time });\n    };\n\n    const handleBack = () => setActiveStep((s) => Math.max(0, s - 1));\n    const handleNext = () =>\n      setActiveStep((s) => Math.min(TOTAL_STEPS - 1, s + 1));\n    const handleSubmit = () => onSubmit?.(value);\n\n    const headingId = `stepper-calendar-step-${activeStep}-heading`;\n    const availableDateSet = useMemo(\n      () => new Set(availableDates),\n      [availableDates],\n    );\n\n    /* ---- Active step body ---- */\n    let body: ReactNode = null;\n    if (activeStep === 0) {\n      body = (\n        <ServiceGrid\n          services={services}\n          selectedId={value.serviceId}\n          onSelect={handleServiceSelect}\n          durationLabel={durationLabel}\n          groupLabel={serviceGroupLabel}\n        />\n      );\n    } else if (activeStep === 1) {\n      body = (\n        <MonthGrid\n          availableDates={availableDateSet}\n          selectedDate={value.date}\n          onSelectDate={handleDateSelect}\n          loading={loadingDates}\n          locale={locale}\n          weekStartsOn={weekStartsOn}\n          prevLabel={prevMonthLabel}\n          nextLabel={nextMonthLabel}\n          emptyLabel={emptyTimeLabel}\n        />\n      );\n    } else if (activeStep === 2) {\n      body = (\n        <TimeStepBody\n          date={value.date}\n          slots={value.date ? (availableSlots[value.date] ?? []) : []}\n          selectedTime={value.time}\n          loading={loadingSlots}\n          emptyLabel={emptyTimeLabel}\n          onSelect={handleTimeSelect}\n        />\n      );\n    } else {\n      body = (\n        <div className=\"flex flex-col gap-[var(--spacing-sm)]\">\n          {detailsFields}\n        </div>\n      );\n    }\n\n    const isTerminal = activeStep === TOTAL_STEPS - 1;\n    const activeState = stateForStep(\n      activeStep,\n      activeStep,\n      stepStatuses?.[activeStep as 0 | 1 | 2 | 3],\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={label}\n        className={rootVariants({ layout, density, className })}\n        {...rest}\n      >\n        <StepperProgress\n          activeStep={activeStep}\n          steps={steps}\n          aria-label={label}\n        />\n        <section\n          aria-labelledby={headingId}\n          className={stepBodyVariants({ density })}\n          data-step={activeStep}\n          data-state={activeState}\n        >\n          <h2\n            ref={headingRef}\n            id={headingId}\n            tabIndex={-1}\n            className=\"type-body-sm font-[var(--font-weight-semibold)] focus:outline-none\"\n          >\n            {steps[activeStep]?.label}\n          </h2>\n          {body}\n          <div className={actionsRowVariants()}>\n            <Button\n              type=\"button\"\n              intent=\"ghost\"\n              size=\"md\"\n              onClick={handleBack}\n              disabled={activeStep === 0}\n            >\n              {backLabel}\n            </Button>\n            {isTerminal ? (\n              <Button\n                type=\"button\"\n                intent=\"primary\"\n                size=\"md\"\n                onClick={handleSubmit}\n              >\n                {submitLabel}\n              </Button>\n            ) : (\n              <Button\n                type=\"button\"\n                intent=\"primary\"\n                size=\"md\"\n                onClick={handleNext}\n                disabled={!canAdvance}\n              >\n                {nextLabel}\n              </Button>\n            )}\n          </div>\n        </section>\n      </div>\n    );\n  },\n);\nStepperCalendar.displayName = 'StepperCalendar';\n\nexport { StepperCalendar };\n"],"names":["subMonths","date","amount","options","addMonths","SLOT_ID_PATTERN","TOTAL_STEPS","rootVariants","cva","stepBodyVariants","serviceCardVariants","monthHeaderVariants","monthGridVariants","dayCellVariants","actionsRowVariants","isoDay","fnsFormat","firstIncompleteStep","value","ServiceGrid","forwardRef","services","selectedId","onSelect","durationLabel","groupLabel","ref","itemRefs","useRef","focusedIndex","i","s","moveFocus","next","wrapped","target","svc","handleKeyDown","event","currentIndex","isRtl","forward","back","jsx","index","checked","jsxs","el","e","MonthGrid","availableDates","selectedDate","onSelectDate","loading","locale","weekStartsOn","prevLabel","nextLabel","emptyLabel","initialMonth","useMemo","parseISO","first","month","setMonth","useState","focusedDay","setFocusedDay","monthStart","startOfMonth","gridStart","startOfWeek","days","cells","addDays","weekdayLabels","base","fmt","_","monthLabel","isAvailable","useCallback","d","isSameMonth","map","focusedRef","useEffect","_a","Skeleton","EmptyState","IconButton","ChevronLeft","ChevronRight","wd","weekIndex","week","iso","outside","available","selected","isFocused","isSameDay","TimeStepBody","slots","selectedTime","SlotGrid","slotObjects","time","h","m","start","slot","match","StepperCalendar","availableSlots","onChange","onSubmit","detailsFields","loadingDates","loadingSlots","stepStatuses","layout","density","ariaLabel","className","rest","t","i18n","useTranslation","resolveFirstDay","maxAllowed","activeStep","setActiveStep","headingRef","isFirstRenderRef","steps","label","backLabel","submitLabel","emptyTimeLabel","prevMonthLabel","nextMonthLabel","serviceGroupLabel","minutes","canAdvance","handleServiceSelect","serviceId","handleDateSelect","handleTimeSelect","handleBack","handleNext","handleSubmit","headingId","availableDateSet","body","isTerminal","activeState","stateForStep","StepperProgress","Button"],"mappings":"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","x_google_ignoreList":[0]}