@alfadocs/ui-kit 0.25.2 → 0.30.1

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

@@ -1,1743 +0,0 @@
-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