@alfadocs/ui-kit 0.25.0 → 0.25.2

package/dist/_chunks/booking-CXngC-1u.js

@@ -0,0 +1,1743 @@
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { forwardRef as ke, useState as z, useMemo as S, useRef as _, useImperativeHandle as xe, useEffect as H, useCallback as j, useId as we } from "react";
+import { c as J } from "./index-D2ZczOXr.js";
+import { useTranslation as $ } from "react-i18next";
+import { u as Se } from "./registry-C9nwlNyL.js";
+import { B as T } from "./button-DD_0Xdmr.js";
+import { I as ae } from "./icon-button-BRHSSFmZ.js";
+import { T as Ne } from "./text-input-CakysYnD.js";
+import { a as re, S as oe } from "./suggestion-chip-C4kxWUIs.js";
+import { S as ee } from "./select-C92AT_OZ.js";
+import { A as Ie } from "./autocomplete-CUh0f7Dj.js";
+import { D as Me } from "./date-range-picker-DYgHzMOo.js";
+import { S as Q, p as L } from "./slot-grid-DoodeQGZ.js";
+import { S as De } from "./stepper-accordion-BfS6lUB9.js";
+import { S as Ae } from "./stepper-progress-jFY8BSf7.js";
+import { E as W } from "./empty-state-BLy7tigq.js";
+import { S as Z } from "./skeleton-CZbwyJAA.js";
+import { o as de, h as R, f as P, d as Ke, q as U } from "./react-day-picker-D3yzgvDB.js";
+import { S as ce } from "./search-BonnQsHv.js";
+import { c as C } from "./createLucideIcon-CrFbzy84.js";
+import { C as Le } from "./chevron-left-CX1jqD2M.js";
+import { C as Ce } from "./chevron-right-BrpYejk0.js";
+import { i as ie } from "./isSameDay-DHG8Xade.js";
+import { S as le } from "./sparkles-CuYXqQLg.js";
+import { M as _e, S as $e } from "./sun-BuXE0xUS.js";
+import { H as Be, S as Re } from "./stethoscope-B8kpbtjh.js";
+import { E as ze } from "./eye-LHlSU38h.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Te = [
+  [
+    "path",
+    {
+      d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
+      key: "169zse"
+    }
+  ]
+], He = C("activity", Te);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qe = [
+  ["path", { d: "M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5", key: "1u7htd" }],
+  ["path", { d: "M15 12h.01", key: "1k8ypt" }],
+  [
+    "path",
+    {
+      d: "M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1",
+      key: "11xh7x"
+    }
+  ],
+  ["path", { d: "M9 12h.01", key: "157uk2" }]
+], Fe = C("baby", qe);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ve = [
+  [
+    "path",
+    {
+      d: "M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z",
+      key: "w610uw"
+    }
+  ]
+], Ee = C("bone", Ve);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Pe = [
+  ["path", { d: "M12 18V5", key: "adv99a" }],
+  ["path", { d: "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4", key: "1e3is1" }],
+  ["path", { d: "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5", key: "1gqd8o" }],
+  ["path", { d: "M17.997 5.125a4 4 0 0 1 2.526 5.77", key: "iwvgf7" }],
+  ["path", { d: "M18 18a4 4 0 0 0 2-7.464", key: "efp6ie" }],
+  ["path", { d: "M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517", key: "1gq6am" }],
+  ["path", { d: "M6 18a4 4 0 0 1-2-7.464", key: "k1g0md" }],
+  ["path", { d: "M6.003 5.125a4 4 0 0 0-2.526 5.77", key: "q97ue3" }]
+], je = C("brain", Pe);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Oe = [
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M17 14h-6", key: "bkmgh3" }],
+  ["path", { d: "M13 18H7", key: "bb0bb7" }],
+  ["path", { d: "M7 14h.01", key: "1qa3f1" }],
+  ["path", { d: "M17 18h.01", key: "1bdyru" }]
+], me = C("calendar-range", Oe);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ge = [
+  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
+  [
+    "path",
+    {
+      d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+      key: "116196"
+    }
+  ],
+  ["path", { d: "m9 14 2 2 4-4", key: "df797q" }]
+], Ue = C("clipboard-check", Ge);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ze = [
+  ["path", { d: "M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0", key: "1dfaln" }],
+  ["path", { d: "M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4", key: "1qnva7" }]
+], Je = C("ear", Ze);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qe = [
+  ["path", { d: "M6 18h8", key: "1borvv" }],
+  ["path", { d: "M3 22h18", key: "8prr45" }],
+  ["path", { d: "M14 22a7 7 0 1 0 0-14h-1", key: "1jwaiy" }],
+  ["path", { d: "M9 14h2", key: "197e7h" }],
+  ["path", { d: "M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z", key: "1bmzmy" }],
+  ["path", { d: "M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3", key: "1drr47" }]
+], We = C("microscope", Qe);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ye = [
+  [
+    "path",
+    { d: "m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z", key: "wa1lgi" }
+  ],
+  ["path", { d: "m8.5 8.5 7 7", key: "rvfmvr" }]
+], Xe = C("pill", Ye);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const et = [
+  ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
+  ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
+  ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
+  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }],
+  ["path", { d: "M7 12h10", key: "b7w52i" }]
+], tt = C("scan-line", et);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const st = [
+  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
+  ["path", { d: "M8.12 8.12 12 12", key: "1alkpv" }],
+  ["path", { d: "M20 4 8.12 15.88", key: "xgtan2" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["path", { d: "M14.8 14.8 20 20", key: "ptml3r" }]
+], at = C("scissors", st);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const it = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M8 14s1.5 2 4 2 4-2 4-2", key: "1y1vjs" }],
+  ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9", key: "yxxnd0" }],
+  ["line", { x1: "15", x2: "15.01", y1: "9", y2: "9", key: "1p4y9e" }]
+], nt = C("smile", it);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const rt = [
+  ["path", { d: "M12 10V2", key: "16sf7g" }],
+  ["path", { d: "m4.93 10.93 1.41 1.41", key: "2a7f42" }],
+  ["path", { d: "M2 18h2", key: "j10viu" }],
+  ["path", { d: "M20 18h2", key: "wocana" }],
+  ["path", { d: "m19.07 10.93-1.41 1.41", key: "15zs5n" }],
+  ["path", { d: "M22 22H2", key: "19qnx5" }],
+  ["path", { d: "m16 6-4 4-4-4", key: "6wukr" }],
+  ["path", { d: "M16 18a4 4 0 0 0-8 0", key: "1lzouq" }]
+], ot = C("sunset", rt);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const dt = [
+  ["path", { d: "m18 2 4 4", key: "22kx64" }],
+  ["path", { d: "m17 7 3-3", key: "1w1zoj" }],
+  ["path", { d: "M19 9 8.7 19.3c-1 1-2.5 1-3.4 0l-.6-.6c-1-1-1-2.5 0-3.4L15 5", key: "1exhtz" }],
+  ["path", { d: "m9 11 4 4", key: "rovt3i" }],
+  ["path", { d: "m5 19-3 3", key: "59f2uf" }],
+  ["path", { d: "m14 4 6 6", key: "yqp9t2" }]
+], ne = C("syringe", dt);
+function ct(o, c, l) {
+  return de(o, -1, l);
+}
+const lt = {
+  id: "booking",
+  capabilities: ["navigate", "view_change"],
+  state: {
+    currentStep: {
+      type: "number",
+      descriptionKey: "ui.agent.booking.state.currentStep",
+      description: "Zero-indexed active step within the active variant. Variants with no step machine report 0.",
+      read: (o) => o.getCurrentStep()
+    },
+    totalSteps: {
+      type: "number",
+      descriptionKey: "ui.agent.booking.state.totalSteps",
+      description: "Total number of steps in the active variant. Single-screen variants report 1.",
+      read: (o) => o.getTotalSteps()
+    },
+    variant: {
+      type: "string",
+      descriptionKey: "ui.agent.booking.state.variant",
+      description: "Active variant — one of `inline-list`, `accordion`, `calendar`, `flexible`, `progress`.",
+      read: (o) => o.getVariant()
+    }
+  },
+  actions: {
+    goto_step: {
+      safety: "read",
+      argsType: "{ step: number }",
+      descriptionKey: "ui.agent.booking.actions.gotoStep",
+      description: "Jump to the given step within the active variant. Steps beyond first-incomplete are gated internally.",
+      invoke: (o, c) => {
+        o.gotoStep(c.step);
+      }
+    },
+    next: {
+      safety: "read",
+      descriptionKey: "ui.agent.booking.actions.next",
+      description: "Advance to the next step when the current step has a valid value.",
+      invoke: (o) => {
+        o.next();
+      }
+    },
+    previous: {
+      safety: "read",
+      descriptionKey: "ui.agent.booking.actions.previous",
+      description: "Return to the previous step.",
+      invoke: (o) => {
+        o.previous();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "booking",
+      description: "Marks the Booking root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, mt = J(
+  "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)]",
+  {
+    variants: {
+      variant: {
+        "inline-list": "ds:gap-[var(--spacing-md)]",
+        accordion: "ds:gap-[var(--spacing-md)]",
+        calendar: "ds:gap-[var(--spacing-md)]",
+        flexible: "ds:gap-[var(--spacing-lg)]",
+        progress: "ds:gap-[var(--spacing-sm)]"
+      }
+    },
+    defaultVariants: {
+      variant: "inline-list"
+    }
+  }
+), pe = [
+  // Aesthetic medicine (filler / botox / mesotherapy) — needle imagery is
+  // the cross-cultural shorthand. Comes before the dermatology rule so
+  // "medicina estetica" doesn't get pulled into the skin family.
+  [
+    /\b(estetic|aesthetic|botox|filler|mesoterap|chirurgia\s*plastic)/i,
+    ne
+  ],
+  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, Be],
+  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, nt],
+  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, ze],
+  [/\b(otorin|udito|orecchi|hearing|ear)/i, Je],
+  [/\b(neuro|brain|cervello)/i, je],
+  [/\b(pediatr|child|bambin)/i, Fe],
+  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, Ee],
+  [/\b(lab|analis|test|sang|esami)/i, We],
+  [/\b(farmaco|pharm|pillol|refill)/i, Xe],
+  [/\b(chirurg|surg|intervent|operat)/i, at],
+  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, tt],
+  [/\b(vacc|inject|inie|punto)/i, ne],
+  // Medical dermatology — separate from aesthetic, picked up later.
+  [/\b(derma|skin|pelle)/i, le],
+  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, Ue],
+  [/\b(general|medicin|family|control|check[-\s]?up)/i, He]
+], pt = pe;
+function fe(o, c) {
+  for (const [l, e] of c)
+    if (l.test(o)) return e;
+  return null;
+}
+function ft(o) {
+  if (o.icon) return o.icon;
+  const c = `${o.label} ${o.description ?? ""}`, l = fe(c, pe) ?? Re;
+  return /* @__PURE__ */ t(l, { "aria-hidden": "true", className: "ds:size-5" });
+}
+function ge(o) {
+  if (o.icon) return o.icon;
+  const c = fe(o.label, pt) ?? le;
+  return /* @__PURE__ */ t(
+    c,
+    {
+      "aria-hidden": "true",
+      className: "ds:size-3.5 ds:text-[color:var(--accent)]"
+    }
+  );
+}
+function q(o) {
+  return R(o, "yyyy-MM-dd");
+}
+const gt = {
+  "inline-list": 4,
+  // service, date, time, details
+  accordion: 3,
+  // service, date+time, confirm
+  calendar: 2,
+  // service, confirm
+  flexible: 2,
+  // service+date-range, confirm
+  progress: 3
+  // service, date+time, confirm
+};
+function te(o, c) {
+  switch (o) {
+    case "inline-list":
+      return c.serviceId ? c.date ? c.time ? 3 : 2 : 1 : 0;
+    case "accordion":
+      return c.serviceId ? !c.date || !c.time ? 1 : 2 : 0;
+    case "calendar":
+      return !c.serviceId || !c.date || !c.time ? 0 : 1;
+    case "flexible":
+      return c.serviceId ? 1 : 0;
+    case "progress":
+      return c.serviceId ? !c.date || !c.time ? 1 : 2 : 0;
+    /* c8 ignore next */
+    default:
+      return 0;
+  }
+}
+const ut = [
+  "ds:relative ds:flex ds:items-center ds:justify-center",
+  "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:text-[length:var(--font-size-sm)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)]",
+  "ds:motion-reduce:transition-none",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" "), ht = J(ut, {
+  variants: {
+    state: {
+      available: "ds:cursor-pointer ds:text-[var(--foreground)] ds:hover:bg-[var(--muted)]/30",
+      unavailable: "ds:cursor-not-allowed ds:text-[var(--muted-foreground)]/60",
+      selected: "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:font-[var(--font-weight-semibold)]",
+      outside: "ds:text-[var(--muted-foreground)]/40"
+    }
+  },
+  defaultVariants: { state: "unavailable" }
+});
+function Y({
+  availableDates: o,
+  selectedDate: c,
+  onSelectDate: l,
+  locale: e,
+  loading: n
+}) {
+  const { t: g } = $(), v = S(() => c ? P(L(c)) : o.length > 0 ? P(L(o[0])) : P(/* @__PURE__ */ new Date()), [c, o]), [y, w] = z(v), [x, a] = z(null), d = S(() => {
+    const r = P(y), s = Ke(y), i = r.getDay(), b = s.getDate(), K = [];
+    for (let M = i; M > 0; M -= 1) {
+      const D = new Date(r);
+      D.setDate(r.getDate() - M), K.push(D);
+    }
+    for (let M = 0; M < b; M += 1) {
+      const D = new Date(r);
+      D.setDate(r.getDate() + M), K.push(D);
+    }
+    for (; K.length < 42; ) {
+      const M = K[K.length - 1], D = new Date(M);
+      D.setDate(M.getDate() + 1), K.push(D);
+    }
+    return K;
+  }, [y]), u = S(() => {
+    try {
+      return new Intl.DateTimeFormat(e, {
+        month: "long",
+        year: "numeric"
+      }).format(y);
+    } catch {
+      return R(y, "MMMM yyyy");
+    }
+  }, [y, e]), k = S(() => {
+    const r = new Date(2024, 0, 7);
+    return Array.from({ length: 7 }, (s, i) => {
+      const b = new Date(r);
+      b.setDate(r.getDate() + i);
+      try {
+        return new Intl.DateTimeFormat(e, { weekday: "short" }).format(b);
+      } catch {
+        return R(b, "EEE");
+      }
+    });
+  }, [e]), m = S(() => new Set(o), [o]), p = j(
+    (r) => m.has(q(r)),
+    [m]
+  ), N = S(() => {
+    if (x) return x;
+    if (c) return L(c);
+    const r = d.find(
+      (s) => U(s, y) && p(s)
+    );
+    return r || (d.find((s) => U(s, y)) ?? null);
+  }, [x, c, d, y, p]), I = j(
+    (r, s) => {
+      let i = null;
+      switch (r.key) {
+        case "ArrowLeft":
+          i = new Date(s), i.setDate(s.getDate() - 1);
+          break;
+        case "ArrowRight":
+          i = new Date(s), i.setDate(s.getDate() + 1);
+          break;
+        case "ArrowUp":
+          i = new Date(s), i.setDate(s.getDate() - 7);
+          break;
+        case "ArrowDown":
+          i = new Date(s), i.setDate(s.getDate() + 7);
+          break;
+        case "Home":
+          i = new Date(s), i.setDate(s.getDate() - s.getDay());
+          break;
+        case "End":
+          i = new Date(s), i.setDate(s.getDate() + (6 - s.getDay()));
+          break;
+        case "Enter":
+        case " ": {
+          r.preventDefault(), p(s) && l(q(s));
+          return;
+        }
+        default:
+          return;
+      }
+      i && (r.preventDefault(), U(i, y) || w(P(i)), a(i));
+    },
+    [p, l, y]
+  );
+  return n ? /* @__PURE__ */ h(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": g("common.loading"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: [
+        /* @__PURE__ */ t(Z, { variant: "text", width: "40%" }),
+        /* @__PURE__ */ t("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (r, s) => /* @__PURE__ */ t(Z, { variant: "rounded", height: "2.5rem" }, `mg-skel-${s}`)) })
+      ]
+    }
+  ) : (
+    // The accessible name lives on the inner `role="grid"` further down
+    // (see line ~610 below). Don't add `role="group"` here — Note 14 from
+    // the a11y review: the outer `group` is redundant with the inner
+    // `grid` and adds noise to AT linearisation.
+    /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ t(
+          ae,
+          {
+            icon: /* @__PURE__ */ t(Le, {}),
+            "aria-label": g("booking.previousMonth"),
+            size: "sm",
+            intent: "ghost",
+            flipIconInRtl: !0,
+            onClick: () => {
+              w((r) => ct(r)), a(null);
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+            "aria-live": "polite",
+            children: u
+          }
+        ),
+        /* @__PURE__ */ t(
+          ae,
+          {
+            icon: /* @__PURE__ */ t(Ce, {}),
+            "aria-label": g("booking.nextMonth"),
+            size: "sm",
+            intent: "ghost",
+            flipIconInRtl: !0,
+            onClick: () => {
+              w((r) => de(r, 1)), a(null);
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ h(
+        "div",
+        {
+          role: "grid",
+          "aria-label": g("booking.monthGridLabel"),
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+          children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                role: "row",
+                className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+                children: k.map((r, s) => /* @__PURE__ */ t(
+                  "div",
+                  {
+                    role: "columnheader",
+                    className: "type-meta ds:text-center ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-medium)]",
+                    children: r
+                  },
+                  `wd-${s}`
+                ))
+              }
+            ),
+            Array.from({ length: 6 }, (r, s) => /* @__PURE__ */ t(
+              "div",
+              {
+                role: "row",
+                className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+                children: d.slice(s * 7, s * 7 + 7).map((i, b) => {
+                  const K = s * 7 + b, M = U(i, y), D = M && p(i), B = c ? ie(i, L(c)) : !1, f = M ? B ? "selected" : D ? "available" : "unavailable" : "outside", A = N ? ie(N, i) : !1, O = (() => {
+                    try {
+                      return new Intl.DateTimeFormat(e, {
+                        dateStyle: "full"
+                      }).format(i);
+                    } catch {
+                      return R(i, "PPP");
+                    }
+                  })();
+                  return /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      role: "gridcell",
+                      "aria-label": O,
+                      "aria-selected": B || void 0,
+                      "aria-disabled": !D || void 0,
+                      tabIndex: A ? 0 : -1,
+                      disabled: !D,
+                      onClick: () => {
+                        D && l(q(i));
+                      },
+                      onKeyDown: (F) => I(F, i),
+                      className: ht({ state: f }),
+                      children: /* @__PURE__ */ t("span", { "aria-hidden": "true", children: i.getDate() })
+                    },
+                    `mg-cell-${K}`
+                  );
+                })
+              },
+              `mg-row-${s}`
+            ))
+          ]
+        }
+      )
+    ] })
+  );
+}
+const bt = J(
+  [
+    "ds:relative ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-md)]",
+    // Explicit floor — composition tends to give us enough vertical space
+    // via the icon + label + meta stack, but a service card with a short
+    // label and no description shouldn't dip below the 44/48 target size.
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-md)] ds:border",
+    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+    "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+    "ds:text-start",
+    "ds:transition-[background-color,border-color]",
+    "ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:cursor-pointer"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        idle: "ds:border-[var(--border)] ds:bg-[var(--card)] ds:hover:border-[var(--primary)]/40",
+        selected: "ds:border-[var(--primary)] ds:bg-[var(--primary)]/5 ds:shadow-[var(--shadow-sm)]"
+      }
+    },
+    defaultVariants: { state: "idle" }
+  }
+);
+function yt({
+  services: o,
+  selectedServiceId: c,
+  onSelectService: l
+}) {
+  const { t: e } = $(), n = we(), [g, v] = z(() => {
+    if (c) {
+      const a = o.findIndex((d) => d.id === c);
+      if (a >= 0) return a;
+    }
+    return 0;
+  }), y = _(/* @__PURE__ */ new Map()), w = j((a) => {
+    const d = y.current.get(a);
+    d && d.focus();
+  }, []), x = j(
+    (a, d, u) => {
+      const k = o.length;
+      if (k !== 0)
+        switch (a.key) {
+          case "ArrowDown":
+          case "ArrowRight": {
+            a.preventDefault();
+            const m = (d + 1) % k;
+            v(m), w(m);
+            break;
+          }
+          case "ArrowUp":
+          case "ArrowLeft": {
+            a.preventDefault();
+            const m = (d - 1 + k) % k;
+            v(m), w(m);
+            break;
+          }
+          case "Home": {
+            a.preventDefault(), v(0), w(0);
+            break;
+          }
+          case "End": {
+            a.preventDefault();
+            const m = k - 1;
+            v(m), w(m);
+            break;
+          }
+          case "Enter":
+          case " ": {
+            a.preventDefault(), l(u);
+            break;
+          }
+        }
+    },
+    [o.length, w, l]
+  );
+  return o.length === 0 ? /* @__PURE__ */ t(
+    W,
+    {
+      variant: "no-results",
+      title: e("emptyState.noResults.title"),
+      description: e("emptyState.noResults.description")
+    }
+  ) : /* @__PURE__ */ t(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": e("booking.serviceListLabel"),
+      id: n,
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: o.map((a, d) => {
+        const u = c === a.id, m = g === d ? 0 : -1, p = e("booking.serviceCardLabel", {
+          label: a.label,
+          duration: a.durationMin
+        }), N = ft(a);
+        return /* @__PURE__ */ h(
+          "button",
+          {
+            ref: (I) => {
+              I ? y.current.set(d, I) : y.current.delete(d);
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": u,
+            "aria-label": p,
+            tabIndex: m,
+            onClick: () => l(a.id),
+            onFocus: () => v(d),
+            onKeyDown: (I) => x(I, d, a.id),
+            className: bt({
+              state: u ? "selected" : "idle"
+            }),
+            children: [
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "ds:flex ds:size-10 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)] ds:bg-[var(--primary)]/10 ds:text-[var(--primary)]",
+                  children: N
+                }
+              ),
+              /* @__PURE__ */ h("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ h("span", { className: "ds:flex ds:flex-wrap ds:items-baseline ds:gap-[var(--spacing-sm)]", children: [
+                  /* @__PURE__ */ t("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: a.label }),
+                  /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: e("booking.serviceSummary", {
+                    minutes: a.durationMin
+                  }) })
+                ] }),
+                a.description ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: a.description }) : null
+              ] }),
+              /* @__PURE__ */ h("span", { className: "ds:flex ds:shrink-0 ds:flex-col ds:items-end ds:gap-[var(--spacing-2xs)]", children: [
+                a.price ? /* @__PURE__ */ t("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: a.price }) : null,
+                a.paymentHint ? /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: a.paymentHint }) : null
+              ] })
+            ]
+          },
+          a.id
+        );
+      })
+    }
+  );
+}
+function X(o, c) {
+  const l = L(o);
+  return {
+    date: l,
+    slots: c.map((e) => {
+      const [n, g] = e.time.split(":").map((y) => parseInt(y, 10)), v = new Date(l);
+      return v.setHours(n ?? 0, g ?? 0, 0, 0), {
+        id: e.key,
+        start: v,
+        available: e.available,
+        label: e.time
+      };
+    })
+  };
+}
+const vt = J(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+    "ds:pt-[var(--spacing-2xs)] ds:pb-[var(--spacing-2xs)]",
+    "ds:rounded-[var(--radius-md)] ds:border",
+    "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-medium)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
+    "ds:forced-colors:border-[ButtonText] ds:forced-colors:text-[ButtonText]"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        idle: "ds:border-[color:var(--border)] ds:bg-[color:var(--background)] ds:text-[color:var(--foreground)] ds:hover:enabled:bg-[color:var(--muted)]/40",
+        selected: "ds:border-[color:var(--primary)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)]",
+        unavailable: "ds:border-dashed ds:border-[color:var(--border)] ds:bg-transparent ds:text-[color:var(--muted-foreground)]"
+      }
+    },
+    defaultVariants: { state: "idle" }
+  }
+);
+function kt(o) {
+  const [c] = o.split(":").map((e) => parseInt(e, 10)), l = Number.isFinite(c) ? c : 0;
+  return l < 12 ? "morning" : l < 17 ? "afternoon" : "evening";
+}
+const xt = {
+  morning: $e,
+  afternoon: ot,
+  evening: _e
+};
+function wt({
+  date: o,
+  slots: c,
+  selectedSlotKey: l,
+  onSelect: e,
+  loading: n,
+  locale: g
+}) {
+  const { t: v } = $(), y = S(() => {
+    try {
+      return new Intl.DateTimeFormat(g, {
+        weekday: "long",
+        day: "numeric",
+        month: "long"
+      }).format(L(o));
+    } catch {
+      return o;
+    }
+  }, [o, g]), w = S(() => {
+    const d = {
+      morning: [],
+      afternoon: [],
+      evening: []
+    };
+    for (const u of c)
+      d[kt(u.time)].push(u);
+    return d;
+  }, [c]), x = c.filter((d) => d.available).length, a = ["morning", "afternoon", "evening"];
+  return n ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ t(Z, { variant: "text", width: "60%" }),
+    [0, 1].map((d) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)]",
+        children: [0, 1, 2].map((u) => /* @__PURE__ */ t(Z, { variant: "rounded", height: "44px" }, u))
+      },
+      d
+    ))
+  ] }) : x === 0 ? /* @__PURE__ */ t(W, { variant: "no-results", title: v("booking.noSlotsForDate") }) : /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ h("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ t(
+          me,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-4 ds:text-[color:var(--accent)]"
+          }
+        ),
+        /* @__PURE__ */ t("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: y })
+      ] }),
+      /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: v("booking.slotsAvailable", { count: x }) })
+    ] }),
+    a.map((d) => {
+      const u = w[d];
+      if (u.length === 0) return null;
+      const k = xt[d];
+      return /* @__PURE__ */ h(
+        "div",
+        {
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          children: [
+            /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ t(k, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              /* @__PURE__ */ t("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: v(`booking.timeOfDay.${d}`) })
+            ] }),
+            /* @__PURE__ */ t(
+              "div",
+              {
+                role: "group",
+                "aria-label": v(`booking.timeOfDay.${d}`),
+                className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)] ds:sm:grid-cols-4",
+                children: u.map((m) => {
+                  const p = m.key === l, N = m.available ? p ? "selected" : "idle" : "unavailable";
+                  return /* @__PURE__ */ t(
+                    "button",
+                    {
+                      type: "button",
+                      "data-slot-id": m.key,
+                      disabled: !m.available,
+                      "aria-pressed": p,
+                      "aria-label": m.unavailableReason && !m.available ? `${m.time} — ${m.unavailableReason}` : v("booking.slotAvailableLabel", { time: m.time }),
+                      onClick: () => m.available && e(m),
+                      className: vt({ state: N }),
+                      children: m.time
+                    },
+                    m.key
+                  );
+                })
+              }
+            )
+          ]
+        },
+        d
+      );
+    })
+  ] });
+}
+function St({
+  services: o,
+  specialties: c,
+  availableDates: l,
+  availableSlots: e,
+  value: n,
+  onChange: g,
+  onSubmit: v,
+  detailsSlot: y,
+  loadingDates: w,
+  loadingSlots: x,
+  locale: a
+}) {
+  const { t: d } = $(), [u, k] = z(""), m = _(null), p = _(null), N = _(!!n.serviceId), I = _(!!n.date);
+  H(() => {
+    const f = !!n.serviceId;
+    !N.current && f && requestAnimationFrame(() => {
+      var A;
+      return (A = m.current) == null ? void 0 : A.focus();
+    }), N.current = f;
+  }, [n.serviceId]), H(() => {
+    const f = !!n.date;
+    !I.current && f && requestAnimationFrame(() => {
+      var A;
+      return (A = p.current) == null ? void 0 : A.focus();
+    }), I.current = f;
+  }, [n.date]);
+  const r = S(() => {
+    const f = u.trim().toLowerCase();
+    return o.filter((A) => n.specialtyId && A.specialtyId && A.specialtyId !== n.specialtyId ? !1 : f ? `${A.label} ${A.description ?? ""}`.toLowerCase().includes(f) : !0);
+  }, [o, u, n.specialtyId]), s = S(
+    () => o.find((f) => f.id === n.serviceId),
+    [o, n.serviceId]
+  ), i = S(() => {
+    if (!n.date) return null;
+    const f = e[n.date] ?? [];
+    return [X(n.date, f)];
+  }, [n.date, e]), b = (f) => {
+    g({
+      ...n,
+      specialtyId: n.specialtyId === f ? void 0 : f,
+      // Clear downstream selections when filter changes.
+      serviceId: void 0,
+      date: void 0,
+      time: void 0,
+      slotKey: void 0
+    });
+  }, K = (f) => {
+    g({
+      ...n,
+      serviceId: f,
+      // Clear downstream selections when service changes.
+      date: void 0,
+      time: void 0,
+      slotKey: void 0
+    });
+  }, M = (f) => {
+    g({
+      ...n,
+      date: f,
+      time: void 0,
+      slotKey: void 0
+    });
+  }, D = (f) => {
+    g({
+      ...n,
+      slotKey: f.id,
+      time: typeof f.label == "string" ? f.label : R(
+        f.start instanceof Date ? f.start : L(f.start),
+        "HH:mm"
+      )
+    });
+  }, B = !!n.serviceId && !!n.date && !!n.slotKey;
+  return /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(
+      Ne,
+      {
+        placeholder: d("booking.searchPlaceholder"),
+        "aria-label": d("booking.searchLabel"),
+        value: u,
+        onChange: (f) => k(f.target.value),
+        startAdornment: /* @__PURE__ */ t(ce, { "aria-hidden": "true", className: "ds:size-4" })
+      }
+    ),
+    c.length > 0 ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ t("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: d("booking.browseBySpecialty") }),
+      /* @__PURE__ */ t(re, { label: d("booking.browseBySpecialty"), children: c.map((f) => /* @__PURE__ */ t(
+        oe,
+        {
+          value: f.id,
+          keepOnSelect: !0,
+          intent: n.specialtyId === f.id ? "suggestion" : "default",
+          "aria-pressed": n.specialtyId === f.id || void 0,
+          startIcon: ge(f),
+          onSelect: () => b(f.id),
+          children: f.label
+        },
+        f.id
+      )) })
+    ] }) : null,
+    /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ t("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: d("booking.pickService") }),
+      /* @__PURE__ */ t(
+        yt,
+        {
+          services: r,
+          selectedServiceId: n.serviceId,
+          onSelectService: K
+        }
+      )
+    ] }),
+    s ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ t(
+        "h3",
+        {
+          ref: m,
+          tabIndex: -1,
+          className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0 ds:focus:outline-none",
+          children: d("booking.pickDate")
+        }
+      ),
+      l.length === 0 && !w ? /* @__PURE__ */ t(
+        W,
+        {
+          variant: "no-results",
+          title: d("booking.noAvailability")
+        }
+      ) : /* @__PURE__ */ t(
+        Y,
+        {
+          availableDates: l,
+          selectedDate: n.date,
+          onSelectDate: M,
+          locale: a,
+          loading: w
+        }
+      )
+    ] }) : null,
+    s && n.date && i ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ t(
+        "h3",
+        {
+          ref: p,
+          tabIndex: -1,
+          className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0 ds:focus:outline-none",
+          children: d("booking.pickTime")
+        }
+      ),
+      /* @__PURE__ */ t(
+        Q,
+        {
+          days: i,
+          state: x ? "loading" : "default",
+          selectedSlotId: n.slotKey,
+          onSlotSelect: D,
+          locale: a
+        }
+      )
+    ] }) : null,
+    s && n.slotKey ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      y,
+      /* @__PURE__ */ t(
+        T,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !B,
+          onClick: () => v == null ? void 0 : v(n),
+          children: d("booking.actions.confirm")
+        }
+      )
+    ] }) : null
+  ] });
+}
+function Nt({
+  services: o,
+  availableDates: c,
+  availableSlots: l,
+  value: e,
+  onChange: n,
+  onSubmit: g,
+  detailsSlot: v,
+  loadingDates: y,
+  loadingSlots: w,
+  locale: x
+}) {
+  const { t: a } = $(), d = S(
+    () => te("accordion", e),
+    [e]
+  ), [u, k] = z(d);
+  H(() => {
+    k((s) => Math.max(s, d));
+  }, [d]);
+  const m = S(
+    () => o.map((s) => ({
+      value: s.id,
+      label: `${s.label} · ${a("booking.serviceSummary", {
+        minutes: s.durationMin
+      })}`
+    })),
+    [o, a]
+  ), p = o.find((s) => s.id === e.serviceId), N = S(() => {
+    if (!e.date) return null;
+    const s = l[e.date] ?? [];
+    return [X(e.date, s)];
+  }, [e.date, l]), I = S(() => {
+    if (!(!e.date || !e.time))
+      try {
+        const s = new Intl.DateTimeFormat(x, {
+          dateStyle: "long"
+        }).format(L(e.date));
+        return a("booking.dateTimeSummary", {
+          date: s,
+          time: e.time
+        });
+      } catch {
+        return `${e.date} ${e.time}`;
+      }
+  }, [e.date, e.time, x, a]), r = [
+    {
+      label: a("booking.pickServiceLabel"),
+      summary: p == null ? void 0 : p.label,
+      status: e.serviceId ? "completed" : void 0,
+      content: /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: /* @__PURE__ */ t(
+        ee,
+        {
+          options: m,
+          value: e.serviceId ?? "",
+          onValueChange: (s) => n({
+            ...e,
+            serviceId: s || void 0,
+            date: void 0,
+            time: void 0,
+            slotKey: void 0
+          }),
+          "aria-label": a("booking.pickServiceLabel"),
+          placeholder: a("booking.pickServiceLabel")
+        }
+      ) })
+    },
+    {
+      label: a("booking.pickDateLabel"),
+      summary: I,
+      status: e.date && e.time ? "completed" : void 0,
+      content: /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:md:flex-row", children: [
+        /* @__PURE__ */ t("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ t(
+          Y,
+          {
+            availableDates: c,
+            selectedDate: e.date,
+            onSelectDate: (s) => n({
+              ...e,
+              date: s,
+              time: void 0,
+              slotKey: void 0
+            }),
+            locale: x,
+            loading: y
+          }
+        ) }),
+        /* @__PURE__ */ t("div", { className: "ds:flex-1 ds:min-w-0", children: e.date && N ? /* @__PURE__ */ t(
+          Q,
+          {
+            days: N,
+            state: w ? "loading" : "default",
+            selectedSlotId: e.slotKey,
+            onSlotSelect: (s) => n({
+              ...e,
+              slotKey: s.id,
+              time: typeof s.label == "string" ? s.label : R(
+                s.start instanceof Date ? s.start : L(s.start),
+                "HH:mm"
+              )
+            }),
+            locale: x
+          }
+        ) : /* @__PURE__ */ t("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: a("booking.pickDate") }) })
+      ] })
+    },
+    {
+      label: a("booking.confirmStep"),
+      content: /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+        v ?? /* @__PURE__ */ h("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: [
+          p == null ? void 0 : p.label,
+          I ? ` — ${I}` : ""
+        ] }),
+        /* @__PURE__ */ t(
+          T,
+          {
+            intent: "primary",
+            size: "md",
+            disabled: !e.serviceId || !e.slotKey,
+            onClick: () => g == null ? void 0 : g(e),
+            children: a("booking.actions.confirm")
+          }
+        )
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ t(
+    De,
+    {
+      activeStep: u,
+      steps: r,
+      onStepChange: k
+    }
+  );
+}
+function It({
+  services: o,
+  availableDates: c,
+  availableSlots: l,
+  value: e,
+  onChange: n,
+  onSubmit: g,
+  detailsSlot: v,
+  loadingDates: y,
+  loadingSlots: w,
+  locale: x
+}) {
+  const { t: a } = $(), d = S(
+    () => o.map((p) => ({
+      value: p.id,
+      label: `${p.label} · ${a("booking.serviceSummary", {
+        minutes: p.durationMin
+      })}`
+    })),
+    [o, a]
+  ), u = S(() => e.date ? l[e.date] ?? [] : [], [e.date, l]), k = _(null), m = _(!!e.date);
+  return H(() => {
+    const p = !!e.date;
+    !m.current && p && requestAnimationFrame(() => {
+      var I;
+      const N = (I = k.current) == null ? void 0 : I.querySelector(
+        'button:not([disabled]), h4, [tabindex="0"]'
+      );
+      N == null || N.focus();
+    }), m.current = p;
+  }, [e.date]), /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(
+      ee,
+      {
+        options: d,
+        value: e.serviceId ?? "",
+        onValueChange: (p) => n({
+          ...e,
+          serviceId: p || void 0,
+          date: void 0,
+          time: void 0,
+          slotKey: void 0
+        }),
+        "aria-label": a("booking.pickServiceLabel"),
+        placeholder: a("booking.pickServiceLabel")
+      }
+    ),
+    /* @__PURE__ */ h("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+      /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: c.length === 0 && !y ? /* @__PURE__ */ t(
+        W,
+        {
+          variant: "no-results",
+          title: a("booking.noAvailability")
+        }
+      ) : /* @__PURE__ */ t(
+        Y,
+        {
+          availableDates: c,
+          selectedDate: e.date,
+          onSelectDate: (p) => n({
+            ...e,
+            date: p,
+            time: void 0,
+            slotKey: void 0
+          }),
+          locale: x,
+          loading: y
+        }
+      ) }),
+      /* @__PURE__ */ t("div", { ref: k, className: "ds:min-w-0", children: e.date ? /* @__PURE__ */ t(
+        wt,
+        {
+          date: e.date,
+          slots: u,
+          selectedSlotKey: e.slotKey,
+          loading: w,
+          locale: x,
+          onSelect: (p) => n({
+            ...e,
+            slotKey: p.key,
+            time: p.time
+          })
+        }
+      ) : /* @__PURE__ */ h("div", { className: "ds:flex ds:h-full ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-md)] ds:border ds:border-dashed ds:border-[color:var(--border)] ds:p-[var(--spacing-md)] ds:text-center", children: [
+        /* @__PURE__ */ t(
+          me,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-5 ds:text-[color:var(--accent)]"
+          }
+        ),
+        /* @__PURE__ */ t("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: a("booking.pickDate") })
+      ] }) })
+    ] }),
+    e.slotKey ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      v,
+      /* @__PURE__ */ t(
+        T,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !e.serviceId || !e.slotKey,
+          onClick: () => g == null ? void 0 : g(e),
+          children: a("booking.actions.confirm")
+        }
+      )
+    ] }) : null
+  ] });
+}
+function Mt({
+  services: o,
+  specialties: c,
+  availableDates: l,
+  availableSlots: e,
+  value: n,
+  onChange: g,
+  onSubmit: v,
+  detailsSlot: y,
+  loadingSlots: w,
+  locale: x
+}) {
+  const { t: a } = $(), [d, u] = z(() => {
+    if (n.date) {
+      const r = L(n.date);
+      return { from: r, to: r };
+    }
+    return l.length > 0 ? {
+      from: L(l[0]),
+      to: L(l[l.length - 1])
+    } : {};
+  }), k = S(() => n.specialtyId ? o.filter(
+    (r) => !r.specialtyId || r.specialtyId === n.specialtyId
+  ) : o, [o, n.specialtyId]), m = S(() => {
+    if (!d.from || !d.to) return l;
+    const r = [], s = d.from, i = d.to, b = new Date(s);
+    for (; b.getTime() <= i.getTime(); )
+      r.push(q(b)), b.setDate(b.getDate() + 1);
+    return r.filter((K) => l.includes(K));
+  }, [d.from, d.to, l]), p = S(
+    () => m.map(
+      (r) => X(r, e[r] ?? [])
+    ),
+    [m, e]
+  ), N = (r) => {
+    g({
+      ...n,
+      serviceId: r.value,
+      date: void 0,
+      time: void 0,
+      slotKey: void 0
+    });
+  }, I = j(
+    async (r) => {
+      const s = r.trim().toLowerCase();
+      return k.filter((i) => s ? i.label.toLowerCase().includes(s) : !0).map((i) => ({
+        value: i.id,
+        label: `${i.label} · ${a("booking.serviceSummary", {
+          minutes: i.durationMin
+        })}`
+      }));
+    },
+    [k, a]
+  );
+  return o.find((r) => r.id === n.serviceId), /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(
+      Ie,
+      {
+        placeholder: a("booking.searchPlaceholder"),
+        "aria-label": a("booking.searchLabel"),
+        loadOptions: I,
+        onSelect: N,
+        startAdornment: /* @__PURE__ */ t(ce, { "aria-hidden": "true", className: "ds:size-4" })
+      }
+    ),
+    c.length > 0 ? /* @__PURE__ */ t(re, { label: a("booking.browseBySpecialty"), children: c.map((r) => /* @__PURE__ */ t(
+      oe,
+      {
+        value: r.id,
+        keepOnSelect: !0,
+        intent: n.specialtyId === r.id ? "suggestion" : "default",
+        "aria-pressed": n.specialtyId === r.id || void 0,
+        startIcon: ge(r),
+        onSelect: () => g({
+          ...n,
+          specialtyId: n.specialtyId === r.id ? void 0 : r.id,
+          serviceId: void 0,
+          date: void 0,
+          time: void 0,
+          slotKey: void 0
+        }),
+        children: r.label
+      },
+      r.id
+    )) }) : null,
+    /* @__PURE__ */ t(
+      Me,
+      {
+        value: d,
+        onChange: (r) => {
+          u(r), r.from && g({
+            ...n,
+            date: q(r.from),
+            time: void 0,
+            slotKey: void 0
+          });
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      Q,
+      {
+        days: p,
+        state: w ? "loading" : "default",
+        selectedSlotId: n.slotKey,
+        onSlotSelect: (r, s) => {
+          const i = s.date instanceof Date ? s.date : L(s.date);
+          g({
+            ...n,
+            date: q(i),
+            slotKey: r.id,
+            time: typeof r.label == "string" ? r.label : R(
+              r.start instanceof Date ? r.start : L(r.start),
+              "HH:mm"
+            )
+          });
+        },
+        locale: x
+      }
+    ),
+    n.slotKey ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      y,
+      /* @__PURE__ */ t(
+        T,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !n.serviceId || !n.slotKey,
+          onClick: () => v == null ? void 0 : v(n),
+          children: a("booking.actions.confirm")
+        }
+      )
+    ] }) : null
+  ] });
+}
+function Dt({
+  services: o,
+  availableDates: c,
+  availableSlots: l,
+  value: e,
+  onChange: n,
+  onSubmit: g,
+  detailsSlot: v,
+  loadingDates: y,
+  loadingSlots: w,
+  locale: x
+}) {
+  const { t: a } = $(), d = S(
+    () => te("progress", e),
+    [e]
+  ), [u, k] = z(d);
+  H(() => {
+    k((i) => Math.max(i, d));
+  }, [d]);
+  const m = _(null), p = _(!0);
+  H(() => {
+    if (p.current) {
+      p.current = !1;
+      return;
+    }
+    requestAnimationFrame(() => {
+      var b;
+      const i = (b = m.current) == null ? void 0 : b.querySelector(
+        'button:not([disabled]), [role="combobox"], input, textarea, [tabindex="0"]'
+      );
+      i == null || i.focus();
+    });
+  }, [u]);
+  const N = [
+    { label: a("booking.pickServiceLabel") },
+    { label: a("booking.pickDateLabel") },
+    { label: a("booking.confirmStep") }
+  ], I = S(
+    () => o.map((i) => ({
+      value: i.id,
+      label: `${i.label} · ${a("booking.serviceSummary", {
+        minutes: i.durationMin
+      })}`
+    })),
+    [o, a]
+  ), r = S(() => {
+    if (!e.date) return null;
+    const i = l[e.date] ?? [];
+    return [X(e.date, i)];
+  }, [e.date, l]), s = (i) => i === 0 ? !!e.serviceId : i === 1 ? !!(e.date && e.time) : !0;
+  return /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(Ae, { activeStep: u, steps: N, onStepChange: k }),
+    /* @__PURE__ */ h(
+      "div",
+      {
+        ref: m,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+        children: [
+          u === 0 ? /* @__PURE__ */ t(
+            ee,
+            {
+              options: I,
+              value: e.serviceId ?? "",
+              onValueChange: (i) => n({
+                ...e,
+                serviceId: i || void 0,
+                date: void 0,
+                time: void 0,
+                slotKey: void 0
+              }),
+              "aria-label": a("booking.pickServiceLabel"),
+              placeholder: a("booking.pickServiceLabel")
+            }
+          ) : null,
+          u === 1 ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ t(
+              Y,
+              {
+                availableDates: c,
+                selectedDate: e.date,
+                onSelectDate: (i) => n({
+                  ...e,
+                  date: i,
+                  time: void 0,
+                  slotKey: void 0
+                }),
+                locale: x,
+                loading: y
+              }
+            ),
+            e.date && r ? /* @__PURE__ */ t(
+              Q,
+              {
+                days: r,
+                state: w ? "loading" : "default",
+                selectedSlotId: e.slotKey,
+                onSlotSelect: (i) => n({
+                  ...e,
+                  slotKey: i.id,
+                  time: typeof i.label == "string" ? i.label : R(
+                    i.start instanceof Date ? i.start : L(i.start),
+                    "HH:mm"
+                  )
+                }),
+                locale: x
+              }
+            ) : null
+          ] }) : null,
+          u === 2 ? /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: v }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ t(
+        T,
+        {
+          intent: "ghost",
+          size: "md",
+          disabled: u === 0,
+          onClick: () => k((i) => Math.max(0, i - 1)),
+          children: a("booking.actions.back")
+        }
+      ),
+      u < 2 ? /* @__PURE__ */ t(
+        T,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !s(u),
+          onClick: () => k((i) => Math.min(N.length - 1, i + 1)),
+          children: a("booking.actions.next")
+        }
+      ) : /* @__PURE__ */ t(
+        T,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !e.serviceId || !e.slotKey,
+          onClick: () => g == null ? void 0 : g(e),
+          children: a("booking.actions.confirm")
+        }
+      )
+    ] })
+  ] });
+}
+const At = ke(
+  ({
+    variant: o = "inline-list",
+    services: c,
+    specialties: l,
+    availableDates: e,
+    availableSlots: n,
+    value: g,
+    onChange: v,
+    onSubmit: y,
+    filtersSlot: w,
+    detailsSlot: x,
+    ctaSlot: a,
+    heading: d,
+    loadingDates: u,
+    loadingSlots: k,
+    "aria-label": m,
+    id: p,
+    className: N,
+    ...I
+  }, r) => {
+    const { t: s, i18n: i } = $(), b = o ?? "inline-list", K = i.language ?? "en", M = gt[b], [D, B] = z(null), f = te(b, g), A = D ?? f, O = S(
+      () => ({
+        getCurrentStep: () => A,
+        getTotalSteps: () => M,
+        gotoStep: (E) => {
+          const G = Math.max(0, Math.min(E, M - 1));
+          B(G);
+        },
+        next: () => {
+          A < M - 1 && B(A + 1);
+        },
+        previous: () => {
+          A > 0 && B(A - 1);
+        },
+        getVariant: () => b
+      }),
+      [A, M, b]
+    ), F = _(null);
+    xe(r, () => F.current, []), Se(lt, O, p);
+    const se = _(!0);
+    H(() => {
+      if (se.current) {
+        se.current = !1;
+        return;
+      }
+      D != null && requestAnimationFrame(() => {
+        var G;
+        const E = (G = F.current) == null ? void 0 : G.querySelector(
+          'button:not([disabled]), [role="combobox"], input:not([disabled]), textarea, h3[tabindex="-1"]'
+        );
+        E == null || E.focus();
+      });
+    }, [D]);
+    const ue = s(b === "inline-list" ? "booking.inlineList.title" : b === "accordion" ? "booking.accordion.title" : b === "calendar" ? "booking.calendar.title" : b === "flexible" ? "booking.flexible.title" : "booking.progress.title"), he = s(b === "inline-list" ? "booking.inlineList.subtitle" : b === "accordion" ? "booking.accordion.subtitle" : b === "calendar" ? "booking.calendar.subtitle" : b === "flexible" ? "booking.flexible.subtitle" : "booking.progress.subtitle"), be = m ?? s("booking.regionLabel"), ye = d === null ? null : d !== void 0 ? d : (
+      // Plain <div> here, not <header>: the booking root carries
+      // `role="region"`, which already has an accessible name via
+      // `aria-labelledby`. Using a second nested `<header>` would
+      // emit a banner landmark inside a region landmark, which axe's
+      // `landmark-banner-is-top-level` rule flags as a moderate
+      // violation. The visual styling is identical.
+      /* @__PURE__ */ h(
+        "div",
+        {
+          className: [
+            "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+            b === "inline-list" ? [
+              "ds:rounded-[var(--radius-md)]",
+              "ds:bg-[image:var(--gradient-hero-brand)]",
+              "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+              "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
+            ].join(" ") : ""
+          ].filter(Boolean).join(" "),
+          children: [
+            /* @__PURE__ */ t("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: ue }),
+            /* @__PURE__ */ t("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: he })
+          ]
+        }
+      )
+    ), V = {
+      services: c,
+      specialties: l ?? [],
+      availableDates: e,
+      availableSlots: n,
+      value: g,
+      onChange: v,
+      onSubmit: y,
+      detailsSlot: x,
+      loadingDates: u,
+      loadingSlots: k,
+      locale: K
+    }, ve = (() => {
+      switch (b) {
+        case "inline-list":
+          return /* @__PURE__ */ t(St, { ...V });
+        case "accordion":
+          return /* @__PURE__ */ t(Nt, { ...V });
+        case "calendar":
+          return /* @__PURE__ */ t(It, { ...V });
+        case "flexible":
+          return /* @__PURE__ */ t(Mt, { ...V });
+        case "progress":
+          return /* @__PURE__ */ t(Dt, { ...V });
+        /* c8 ignore next 2 */
+        default:
+          return null;
+      }
+    })();
+    return /* @__PURE__ */ h(
+      "div",
+      {
+        ref: F,
+        role: "region",
+        "aria-label": be,
+        id: p,
+        "data-component": "booking",
+        "data-component-id": p,
+        "data-variant": b,
+        className: mt({ variant: b, className: N }),
+        ...I,
+        children: [
+          ye,
+          w,
+          ve,
+          a
+        ]
+      }
+    );
+  }
+);
+At.displayName = "Booking";
+export {
+  At as B,
+  lt as b
+};
+//# sourceMappingURL=booking-CXngC-1u.js.map