@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/booking-B62CMY5k.js

@@ -0,0 +1,2695 @@
+import { jsxs as f, jsx as a, Fragment as W } from "react/jsx-runtime";
+import { forwardRef as ot, useId as rt, useState as K, useCallback as j, useRef as ae, useEffect as H, useMemo as w, useImperativeHandle as _t } from "react";
+import { c as Pe } from "./index-D2ZczOXr.js";
+import { useTranslation as O, Trans as Pt } from "react-i18next";
+import { u as Ot } from "./registry-DvAUVLHh.js";
+import { A as z } from "./alert-KJbsPYkI.js";
+import { B as ie } from "./button-DD_0Xdmr.js";
+import { C as Ke } from "./checkbox-BuZ1u__2.js";
+import { C as Bt } from "./checkbox-group-CfqMv57d.js";
+import { D as Et } from "./date-picker-CVkD_lOi.js";
+import { E as Rt } from "./email-input-Dpe63k0K.js";
+import { F as Z } from "./form-field-M5UpX65Z.js";
+import { P as Vt } from "./phone-input-dtnrvnZf.js";
+import { T as Lt } from "./text-area-Bt3p7Pt0.js";
+import { T as Ce } from "./text-input-CUvCb6ST.js";
+import { S as Ft } from "./spinner-hbwuKwMf.js";
+import { I as tt } from "./icon-button-LqoiKcUN.js";
+import { S as Oe } from "./select-BmCbJMJS.js";
+import { C as Ge } from "./combobox-DiMLItyu.js";
+import { M as Ue } from "./multi-select-D5QLBJM1.js";
+import { S as _e } from "./skeleton-CZbwyJAA.js";
+import { E as dt } from "./empty-state-BLy7tigq.js";
+import { S as $t } from "./stepper-accordion-BeVMZPuG.js";
+import { S as zt } from "./stepper-progress-Bv0njx4g.js";
+import { p as L, S as Kt } from "./slot-grid-FsqumOaS.js";
+import { s as le, i as st } from "./isSameDay-DUEiAT0G.js";
+import { w as lt, i as ce, a as je, n as jt, f as ye, d as qt, h as Te, x as De } from "./date-picker-variants-DLg-ZrIo.js";
+import { s as Ht } from "./subDays-DGSOp9d9.js";
+import { C as Gt } from "./chevron-left-B8cOyH-V.js";
+import { C as Ut } from "./chevron-right-I9AeSxH2.js";
+import { c as F } from "./createLucideIcon-DhHxpK9K.js";
+import { M as Yt, S as Jt } from "./sun-Bj9Mr553.js";
+import { S as Zt } from "./stethoscope-sZXGC43m.js";
+import { H as Wt } from "./heart-pulse-BCppJyN2.js";
+import { E as Xt } from "./eye-BjhN2nYf.js";
+import { S as Qt } from "./scan-line-CNseIHQ0.js";
+import { A as es } from "./astroid-BN4f5VXU.js";
+import { C as ts } from "./clipboard-check-BeAGxDVT.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ss = [
+  [
+    "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"
+    }
+  ]
+], as = F("activity", ss);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const is = [
+  ["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" }]
+], ns = F("baby", is);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const os = [
+  [
+    "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"
+    }
+  ]
+], rs = F("bone", os);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ds = [
+  ["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" }]
+], ls = F("brain", ds);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const cs = [
+  ["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" }]
+], us = F("calendar-range", cs);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ps = [
+  ["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" }]
+], ms = F("ear", ps);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const gs = [
+  ["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" }]
+], fs = F("microscope", gs);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const hs = [
+  [
+    "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" }]
+], vs = F("pill", hs);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const bs = [
+  ["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" }]
+], ys = F("scissors", bs);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ks = [
+  ["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" }]
+], xs = F("smile", ks);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ss = [
+  ["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" }]
+], Is = F("sunset", Ss);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ns = [
+  ["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" }]
+], at = F("syringe", Ns);
+function ws(e, t, s) {
+  return lt(e, -1, s);
+}
+const Cs = {
+  id: "booking",
+  // `view_change` removed (0.69): the layout `variant` is a fixed prop — the
+  // handle exposes only `getVariant` (state), no action mutates it. The flow's
+  // only navigation is step-to-step (`goto_step` → `navigate`).
+  capabilities: ["navigate"],
+  state: {
+    variant: {
+      type: "string",
+      descriptionKey: "ui.agent.booking.state.variant",
+      description: "Active variant — one of `inline-list`, `accordion`, `calendar`, `flexible`, `progress`.",
+      read: (e) => e.getVariant()
+    }
+  },
+  actions: {
+    reset: {
+      // destructive: clears the whole in-progress booking value (patient
+      // identity, contact, slot choice) — irreversibly loses user input.
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.booking.actions.reset",
+      description: "Clear the booking value back to an empty state. Use to abandon an in-progress flow.",
+      errors: ["Resetting after submit has no effect — the flow is on step 8."],
+      invoke: (e) => {
+        e.reset();
+      }
+    },
+    goto_step: {
+      safety: "read",
+      argsType: "{ step: 1 | 2 | 3 | 4 | 5 | 6 | 7 }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          step: {
+            type: "integer",
+            enum: [1, 2, 3, 4, 5, 6, 7],
+            description: "Target step (1-7)."
+          }
+        },
+        required: ["step"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.booking.actions.gotoStep",
+      description: "Jump to the given step. Implementations may clamp to the first incomplete step if the requested one is not reachable yet.",
+      errors: [
+        "Requested step is not yet reachable — clamped to the first incomplete step."
+      ],
+      examples: [{ args: { step: 1 }, note: "Return to the first step." }],
+      invoke: (e, t) => {
+        e.goToStep(t.step);
+      }
+    }
+  },
+  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."
+    }
+  }
+}, qe = [
+  "email",
+  "whatsapp",
+  "sms"
+], X = "all", Ds = "de";
+function Ms(e) {
+  return [...e.lockedOperatorId ? e.specialties.filter(
+    (s) => {
+      var i;
+      return (i = s.operatorIds) == null ? void 0 : i.includes(e.lockedOperatorId);
+    }
+  ) : e.specialties].sort((s, i) => {
+    const n = s.sequenceNumber ?? Number.POSITIVE_INFINITY, o = i.sequenceNumber ?? Number.POSITIVE_INFINITY;
+    return n - o;
+  });
+}
+function As(e) {
+  let t = e.services;
+  if (e.lockedOperatorId && (t = t.filter(
+    (i) => {
+      var n;
+      return (n = i.operatorIds) == null ? void 0 : n.includes(e.lockedOperatorId);
+    }
+  )), e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) {
+    const i = ue(e.value);
+    i.length > 0 && (t = t.filter(
+      (n) => n.specialtyId !== void 0 && i.includes(n.specialtyId)
+    ));
+  }
+  return t;
+}
+function Ts(e) {
+  const t = e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties;
+  if (t) {
+    const s = ue(e.value);
+    if (s.length > 0)
+      return e.operators.filter(
+        (i) => {
+          var n;
+          return (n = i.specialtyIds) == null ? void 0 : n.some((o) => s.includes(o));
+        }
+      );
+  }
+  if (!t) {
+    const s = Be(e.value);
+    if (s.length > 0)
+      return e.operators.filter(
+        (i) => {
+          var n;
+          return (n = i.appointmentBookingReasonIds) == null ? void 0 : n.some((o) => s.includes(o));
+        }
+      );
+  }
+  return [];
+}
+function _s(e, t) {
+  const s = e.country === Ds, i = !s || e.value.insuranceType !== void 0, o = (e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) && i, l = ue(e.value).length > 0, p = !o || l, r = Be(e.value).length > 0, c = !p || r, m = t.operators, k = !!e.allowOperatorSelection && c && r && !e.lockedOperatorId && m.length > 1, I = c && r, N = (!I || e.value.date !== void 0) && e.value.date !== void 0, M = (!N || e.value.slotKey !== void 0) && e.value.slotKey !== void 0, y = r && m.length === 0;
+  return {
+    insurance: s,
+    specialty: o,
+    service: p,
+    operator: k,
+    date: I,
+    slot: N,
+    details: M,
+    onboardingIncomplete: y
+  };
+}
+function Ps(e, t) {
+  const s = [];
+  t.insurance && s.push(1), t.specialty && s.push(2), s.push(3), t.operator && s.push(4), s.push(5), s.push(6), s.push(7);
+  const i = {
+    1: e.value.insuranceType !== void 0,
+    // 0.34.0: array-or-single — satisfied when EITHER form is present.
+    2: ue(e.value).length > 0,
+    3: Be(e.value).length > 0,
+    4: e.value.operatorId !== void 0 || e.value.operatorIds !== void 0 && e.value.operatorIds.length > 0,
+    5: e.value.date !== void 0,
+    6: e.value.slotKey !== void 0,
+    7: !1
+    // details fulfilment is owned by the form's own validation
+  };
+  return {
+    currentStep: s.find((o) => !i[o]) ?? 7,
+    visibleSteps: s
+  };
+}
+function Os(e) {
+  const t = {
+    specialties: Ms(e),
+    services: As(e),
+    operators: Ts(e)
+  }, s = _s(e, t), { currentStep: i, visibleSteps: n } = Ps(e, s);
+  let o;
+  if (e.value.date && e.value.slotKey) {
+    const c = e.availableSlots[e.value.date];
+    c && (o = c.find((m) => m.key === e.value.slotKey));
+  }
+  const l = Be(e.value), u = l.length > 0 ? e.services.find((c) => c.id === l[0]) : void 0, p = ue(e.value).length > 0, r = l.length > 0 && e.value.date !== void 0 && e.value.slotKey !== void 0 && (!s.insurance || e.value.insuranceType !== void 0) && (!s.specialty || p);
+  return {
+    gates: s,
+    filtered: t,
+    currentStep: i,
+    totalSteps: n.length,
+    visibleSteps: n,
+    isReadyToSubmit: r,
+    durationMin: u == null ? void 0 : u.durationMin,
+    selectedSlot: o
+  };
+}
+function ct(e, t) {
+  return {
+    ...e,
+    insuranceType: t,
+    specialtyId: void 0,
+    serviceId: void 0,
+    operatorId: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function ut(e, t) {
+  return {
+    ...e,
+    specialtyId: t,
+    specialtyIds: void 0,
+    serviceId: void 0,
+    serviceIds: void 0,
+    operatorId: void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function pt(e, t) {
+  return {
+    ...e,
+    specialtyId: void 0,
+    specialtyIds: t,
+    serviceId: void 0,
+    serviceIds: void 0,
+    operatorId: void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function mt(e, t) {
+  return {
+    ...e,
+    serviceId: t,
+    serviceIds: void 0,
+    // Default the operator to the "All operators" sentinel so a patient
+    // who doesn't care about picking lands on a satisfied step 4 without
+    // any further input.
+    operatorId: t ? X : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function gt(e, t) {
+  const s = !!t && t.length > 0;
+  return {
+    ...e,
+    serviceId: void 0,
+    serviceIds: t,
+    operatorId: s ? X : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function ft(e, t) {
+  return {
+    ...e,
+    operatorId: t,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function ht(e, t) {
+  return {
+    ...e,
+    operatorId: void 0,
+    operatorIds: t,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function ue(e) {
+  return e.specialtyIds && e.specialtyIds.length > 0 ? e.specialtyIds : e.specialtyId ? [e.specialtyId] : [];
+}
+function Be(e) {
+  return e.serviceIds && e.serviceIds.length > 0 ? e.serviceIds : e.serviceId ? [e.serviceId] : [];
+}
+function Ee(e, t) {
+  return {
+    ...e,
+    date: t,
+    slotKey: void 0
+    // Keep details — date/slot changes shouldn't wipe the patient form
+    // since the user has already filled some fields.
+  };
+}
+function vt(e, t) {
+  return {
+    ...e,
+    slotKey: t
+  };
+}
+function Bs(e, t) {
+  let s = e;
+  if (t.lockedOperatorId && s.operatorId !== t.lockedOperatorId && (s = { ...s, operatorId: t.lockedOperatorId }), (t.useSpecialties === void 0 ? t.specialties.length > 0 : t.useSpecialties) && t.specialties.length === 1 && s.specialtyId === void 0 && s.specialtyIds === void 0 && (s = { ...s, specialtyId: t.specialties[0].id }), t.autoSelectSingleService) {
+    const n = ue(s), o = n.length > 0 ? t.services.filter(
+      (l) => l.specialtyId && n.includes(l.specialtyId)
+    ) : t.services;
+    o.length === 1 && s.serviceId === void 0 && s.serviceIds === void 0 && (s = { ...s, serviceId: o[0].id }, s.operatorId === void 0 && s.operatorIds === void 0 && (s = { ...s, operatorId: X }));
+  }
+  return s;
+}
+function He(e) {
+  if (e.operatorId && e.operatorId !== X)
+    return e.operatorId;
+}
+function Es(e) {
+  if (!e) return !1;
+  const t = e.trim();
+  return /^\+?\d[\d\s\-()]{6,}$/.test(t);
+}
+function bt(e) {
+  const t = e && e.length > 0 ? e : ["email"], s = new Set(t);
+  return qe.filter((i) => s.has(i));
+}
+function Rs(e, t, s) {
+  const i = bt(e), n = new Set(i);
+  if (s)
+    return qe.filter(
+      (r) => s.includes(r) && n.has(r)
+    );
+  const o = [];
+  n.has("email") && o.push("email");
+  const l = Es(t), u = n.has("whatsapp");
+  u && l && o.push("whatsapp"), !u && n.has("sms") && o.push("sms");
+  const p = new Set(o);
+  return qe.filter((r) => p.has(r));
+}
+const it = 500, Vs = /^[A-Z0-9]{16}$/, Ls = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, nt = 300, Me = { state: "idle" }, Ye = ot(
+  ({
+    value: e,
+    onChange: t,
+    onSubmit: s,
+    requireCodiceFiscale: i = !1,
+    requireDateOfBirth: n = !1,
+    requireInsuranceNumber: o = !1,
+    insuranceType: l,
+    showNote: u = !1,
+    showReturningPatientFlag: p = !1,
+    privacyPolicyUrl: r,
+    termsUrl: c,
+    validateCodiceFiscale: m,
+    validateInsuranceNumber: k,
+    submitting: I = !1,
+    summarySlot: v,
+    defaultPhoneCountry: N,
+    confirmationChannels: D,
+    defaultConfirmationChannels: M,
+    submitError: y
+  }, b) => {
+    var we, re;
+    const { t: d } = O(), T = rt(), [x, g] = K(Me), [S, _] = K(Me), [A, G] = K({}), B = j(
+      (h) => G((C) => ({ ...C, [h]: !0 })),
+      []
+    ), E = ae(null), U = ae(
+      null
+    );
+    H(
+      () => () => {
+        E.current && clearTimeout(E.current), U.current && clearTimeout(U.current);
+      },
+      []
+    );
+    const P = j(
+      (h) => t({ ...e, ...h }),
+      [e, t]
+    ), Q = w(
+      () => bt(D),
+      [D]
+    ), q = Q.length >= 2, pe = ae(!1);
+    H(() => {
+      if (!q) {
+        e.confirmationChannels !== void 0 && P({ confirmationChannels: void 0 });
+        return;
+      }
+      if (e.confirmationChannels !== void 0) {
+        pe.current = !0;
+        return;
+      }
+      const h = Rs(
+        Q,
+        e.mobilePhone,
+        M
+      );
+      pe.current = !0, P({ confirmationChannels: h });
+    }, [
+      q,
+      Q,
+      e.mobilePhone,
+      M
+    ]);
+    const ee = w(
+      () => e.confirmationChannels ?? [],
+      [e.confirmationChannels]
+    ), xe = q && ee.length === 0;
+    H(() => {
+      const h = e.codiceFiscale;
+      if (!i || !m || !h) {
+        g(Me);
+        return;
+      }
+      if (!Vs.test(h)) {
+        g({
+          state: "invalid",
+          hint: d("booking.details.codiceFiscale.invalidFormat")
+        });
+        return;
+      }
+      g({ state: "pending" }), E.current && clearTimeout(E.current), E.current = setTimeout(() => {
+        m(h).then(
+          (C) => g(
+            C.valid ? { state: "valid" } : { state: "invalid", hint: C.hint }
+          )
+        ).catch(
+          () => g({
+            state: "invalid",
+            hint: d("booking.details.codiceFiscale.unavailable")
+          })
+        );
+      }, nt);
+    }, [i, m, e.codiceFiscale, d]);
+    const Y = o && l === "public";
+    H(() => {
+      const h = e.insuranceNumber;
+      if (!Y || !k || !h) {
+        _(Me);
+        return;
+      }
+      _({ state: "pending" }), U.current && clearTimeout(U.current), U.current = setTimeout(() => {
+        k(h).then(
+          (C) => _(
+            C.valid ? { state: "valid" } : { state: "invalid", hint: C.hint }
+          )
+        ).catch(
+          () => _({
+            state: "invalid",
+            hint: d("booking.details.insuranceNumber.unavailable")
+          })
+        );
+      }, nt);
+    }, [Y, k, e.insuranceNumber, d]);
+    const ne = w(
+      () => !!(e.email && Ls.test(e.email)),
+      [e.email]
+    ), me = w(
+      () => !!(e.mobilePhone && e.mobilePhone.length >= 6),
+      [e.mobilePhone]
+    ), Se = w(() => {
+      var h, C;
+      return !(!((h = e.firstName) != null && h.trim()) || !((C = e.lastName) != null && C.trim()) || !ne || !me || i && x.state !== "valid" || n && !e.dateOfBirth || Y && S.state !== "valid");
+    }, [
+      e.firstName,
+      e.lastName,
+      ne,
+      me,
+      i,
+      x.state,
+      n,
+      e.dateOfBirth,
+      Y,
+      S.state
+    ]), Ie = !!(e.privacyConsent && e.termsConsent), Re = !q || ee.length > 0, oe = Se && Ie && Re && !I, Ve = (h) => {
+      if (h.preventDefault(), G({
+        firstName: !0,
+        lastName: !0,
+        email: !0,
+        mobilePhone: !0,
+        codiceFiscale: !0,
+        dateOfBirth: !0,
+        insuranceNumber: !0
+      }), !oe) return;
+      const C = {
+        firstName: e.firstName.trim(),
+        lastName: e.lastName.trim(),
+        email: e.email.trim(),
+        mobilePhone: e.mobilePhone,
+        privacyConsent: !0,
+        termsConsent: !0,
+        codiceFiscale: e.codiceFiscale,
+        dateOfBirth: e.dateOfBirth,
+        insuranceNumber: e.insuranceNumber,
+        note: e.note,
+        returningPatient: e.returningPatient,
+        // Only include when the picker was visible; otherwise the single
+        // implicit channel is inferred backend-side from the practice
+        // config.
+        confirmationChannels: q ? ee : void 0
+      };
+      s(C);
+    }, Ne = (h, C) => {
+      const te = C && /^https?:\/\//i.test(C) ? C : void 0;
+      return te ? /* @__PURE__ */ a(
+        Pt,
+        {
+          i18nKey: h,
+          components: {
+            // The `<Trans>` runtime injects link text from the i18n
+            // string. The anchor renders empty at static-analysis time,
+            // so `jsx-a11y/anchor-has-content` would false-flag — silence
+            // it; the runtime content is the localised policy / terms
+            // label.
+            policyLink: (
+              // eslint-disable-next-line jsx-a11y/anchor-has-content
+              /* @__PURE__ */ a(
+                "a",
+                {
+                  href: te,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "ds:underline ds:text-[var(--primary)]"
+                }
+              )
+            )
+          }
+        }
+      ) : d(h);
+    };
+    return /* @__PURE__ */ f(
+      "form",
+      {
+        ref: b,
+        id: T,
+        noValidate: !0,
+        onSubmit: Ve,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+        children: [
+          v,
+          /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ a(
+              Z,
+              {
+                label: d("booking.details.firstName.label"),
+                required: !0,
+                error: A.firstName && !((we = e.firstName) != null && we.trim()) ? d("booking.details.firstName.required") : void 0,
+                children: /* @__PURE__ */ a(
+                  Ce,
+                  {
+                    autoComplete: "given-name",
+                    value: e.firstName ?? "",
+                    onChange: (h) => P({ firstName: h.target.value }),
+                    onBlur: () => B("firstName")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              Z,
+              {
+                label: d("booking.details.lastName.label"),
+                required: !0,
+                error: A.lastName && !((re = e.lastName) != null && re.trim()) ? d("booking.details.lastName.required") : void 0,
+                children: /* @__PURE__ */ a(
+                  Ce,
+                  {
+                    autoComplete: "family-name",
+                    value: e.lastName ?? "",
+                    onChange: (h) => P({ lastName: h.target.value }),
+                    onBlur: () => B("lastName")
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ a(
+              Z,
+              {
+                label: d("booking.details.email.label"),
+                required: !0,
+                error: A.email && !ne ? d("booking.details.email.invalid") : void 0,
+                children: /* @__PURE__ */ a(
+                  Rt,
+                  {
+                    value: e.email ?? "",
+                    onChange: (h) => P({ email: h.target.value }),
+                    onBlur: () => B("email")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              Z,
+              {
+                label: d("booking.details.mobilePhone.label"),
+                required: !0,
+                error: A.mobilePhone && !me ? d("booking.details.mobilePhone.invalid") : void 0,
+                children: /* @__PURE__ */ a(
+                  Vt,
+                  {
+                    value: e.mobilePhone ?? "",
+                    defaultCountry: N == null ? void 0 : N.toUpperCase(),
+                    onChange: (h) => {
+                      P({ mobilePhone: h }), B("mobilePhone");
+                    }
+                  }
+                )
+              }
+            )
+          ] }),
+          i || n ? /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            i ? /* @__PURE__ */ a(
+              Z,
+              {
+                label: d("booking.details.codiceFiscale.label"),
+                required: !0,
+                description: x.state === "pending" ? d("booking.details.codiceFiscale.checking") : d("booking.details.codiceFiscale.helper"),
+                error: A.codiceFiscale && x.state === "invalid" ? x.hint ?? d("booking.details.codiceFiscale.invalid") : void 0,
+                children: /* @__PURE__ */ a(
+                  Ce,
+                  {
+                    value: e.codiceFiscale ?? "",
+                    maxLength: 16,
+                    onChange: (h) => P({
+                      codiceFiscale: h.target.value.slice(0, 16).toUpperCase()
+                    }),
+                    onBlur: () => B("codiceFiscale")
+                  }
+                )
+              }
+            ) : null,
+            n ? /* @__PURE__ */ a(
+              Z,
+              {
+                label: d("booking.details.dateOfBirth.label"),
+                required: !0,
+                error: A.dateOfBirth && !e.dateOfBirth ? d("booking.details.dateOfBirth.required") : void 0,
+                children: /* @__PURE__ */ a(
+                  Et,
+                  {
+                    value: e.dateOfBirth ? new Date(e.dateOfBirth) : void 0,
+                    onChange: (h) => {
+                      P({
+                        dateOfBirth: h ? h.toISOString().slice(0, 10) : void 0
+                      }), B("dateOfBirth");
+                    }
+                  }
+                )
+              }
+            ) : null
+          ] }) : null,
+          Y ? /* @__PURE__ */ a(
+            Z,
+            {
+              label: d("booking.details.insuranceNumber.label"),
+              required: !0,
+              description: S.state === "pending" ? d("booking.details.insuranceNumber.checking") : void 0,
+              error: A.insuranceNumber && S.state === "invalid" ? S.hint ?? d("booking.details.insuranceNumber.invalid") : void 0,
+              children: /* @__PURE__ */ a(
+                Ce,
+                {
+                  value: e.insuranceNumber ?? "",
+                  onChange: (h) => P({ insuranceNumber: h.target.value }),
+                  onBlur: () => B("insuranceNumber")
+                }
+              )
+            }
+          ) : null,
+          u ? /* @__PURE__ */ a(
+            Z,
+            {
+              label: d("booking.details.note.label"),
+              description: d("booking.details.note.helper", {
+                max: it
+              }),
+              children: /* @__PURE__ */ a(
+                Lt,
+                {
+                  value: e.note ?? "",
+                  maxLength: it,
+                  rows: 3,
+                  onChange: (h) => P({ note: h.target.value })
+                }
+              )
+            }
+          ) : null,
+          p ? /* @__PURE__ */ a(
+            Ke,
+            {
+              checked: !!e.returningPatient,
+              onCheckedChange: (h) => P({ returningPatient: h === !0 }),
+              label: d("booking.details.returningPatient.label")
+            }
+          ) : null,
+          /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a(
+              Ke,
+              {
+                checked: !!e.privacyConsent,
+                onCheckedChange: (h) => P({ privacyConsent: h === !0 }),
+                label: /* @__PURE__ */ f(W, { children: [
+                  Ne(
+                    "booking.details.consent.privacy.label",
+                    r
+                  ),
+                  /* @__PURE__ */ a(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ a(
+              Ke,
+              {
+                checked: !!e.termsConsent,
+                onCheckedChange: (h) => P({ termsConsent: h === !0 }),
+                label: /* @__PURE__ */ f(W, { children: [
+                  Ne(
+                    "booking.details.consent.terms.label",
+                    c
+                  ),
+                  /* @__PURE__ */ a(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            )
+          ] }),
+          q ? /* @__PURE__ */ a(
+            "div",
+            {
+              "data-component": "booking-confirmation-channels",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+              children: /* @__PURE__ */ a(
+                Bt,
+                {
+                  label: d("booking.confirmation.heading"),
+                  helperText: d("booking.confirmation.helper"),
+                  value: ee,
+                  onChange: (h) => P({
+                    confirmationChannels: h
+                  }),
+                  orientation: "vertical",
+                  options: Q.map((h) => ({
+                    value: h,
+                    label: d(`booking.confirmation.channel.${h}`)
+                  })),
+                  error: xe ? d("booking.confirmation.atLeastOne") : void 0
+                }
+              )
+            }
+          ) : null,
+          y ? /* @__PURE__ */ a(z, { variant: "error", children: /* @__PURE__ */ a(z.Description, { children: y }) }) : null,
+          /* @__PURE__ */ a(
+            ie,
+            {
+              intent: "primary",
+              size: "md",
+              type: "submit",
+              disabled: !oe,
+              startIcon: I ? /* @__PURE__ */ a(Ft, { variant: "pulse", size: "sm" }) : void 0,
+              children: d("booking.details.submit")
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ye.displayName = "BookingDetailsForm";
+const Fs = Pe(
+  "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)]"
+      },
+      // `surface="elevated"` matches `Card variant="elevated"` — same
+      // tokens, same padding, same boundary behaviour — so consumers can
+      // drop their own Card wraps without a double-card look. Default
+      // `'flat'` preserves 0.30.x rendering.
+      surface: {
+        flat: "",
+        elevated: [
+          "ds:rounded-[var(--radius-lg)]",
+          "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
+          "ds:border ds:border-[color:var(--card-border)]",
+          "ds:shadow-[var(--shadow-card)]",
+          "ds:p-[var(--spacing-md)]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { variant: "inline-list", surface: "flat" }
+  }
+), $s = [
+  [
+    /\b(estetic|aesthetic|botox|filler|mesoterap|chirurgia\s*plastic)/i,
+    at
+  ],
+  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, Wt],
+  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, xs],
+  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, Xt],
+  [/\b(otorin|udito|orecchi|hearing|ear)/i, ms],
+  [/\b(neuro|brain|cervello)/i, ls],
+  [/\b(pediatr|child|bambin)/i, ns],
+  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, rs],
+  [/\b(lab|analis|test|sang|esami)/i, fs],
+  [/\b(farmaco|pharm|pillol|refill)/i, vs],
+  [/\b(chirurg|surg|intervent|operat)/i, ys],
+  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, Qt],
+  [/\b(vacc|inject|inie|punto)/i, at],
+  [/\b(derma|skin|pelle)/i, es],
+  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, ts],
+  [/\b(general|medicin|family|control|check[-\s]?up)/i, as]
+];
+function zs(e) {
+  for (const [t, s] of $s)
+    if (t.test(e)) return s;
+  return null;
+}
+function Ks(e) {
+  const t = zs(e.label) ?? Zt;
+  return /* @__PURE__ */ a(t, { "aria-hidden": "true", className: "ds:size-5" });
+}
+function se(e) {
+  return Te(e, "yyyy-MM-dd");
+}
+const js = [
+  "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(" "), qs = Pe(js, {
+  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 Hs({
+  availableDates: e,
+  selectedDate: t,
+  onSelectDate: s,
+  locale: i,
+  loading: n
+}) {
+  const { t: o } = O(), l = w(() => t ? ye(L(t)) : e.length > 0 ? ye(L(e[0])) : ye(/* @__PURE__ */ new Date()), [t, e]), [u, p] = K(l), [r, c] = K(null), m = w(() => {
+    const y = ye(u), b = qt(u), d = y.getDay(), T = b.getDate(), x = [];
+    for (let g = d; g > 0; g -= 1) {
+      const S = new Date(y);
+      S.setDate(y.getDate() - g), x.push(S);
+    }
+    for (let g = 0; g < T; g += 1) {
+      const S = new Date(y);
+      S.setDate(y.getDate() + g), x.push(S);
+    }
+    for (; x.length < 42; ) {
+      const g = x[x.length - 1], S = new Date(g);
+      S.setDate(g.getDate() + 1), x.push(S);
+    }
+    return x;
+  }, [u]), k = w(() => {
+    try {
+      return new Intl.DateTimeFormat(i, {
+        month: "long",
+        year: "numeric"
+      }).format(u);
+    } catch {
+      return Te(u, "MMMM yyyy");
+    }
+  }, [u, i]), I = w(() => {
+    const y = new Date(2024, 0, 7);
+    return Array.from({ length: 7 }, (b, d) => {
+      const T = new Date(y);
+      T.setDate(y.getDate() + d);
+      try {
+        return new Intl.DateTimeFormat(i, { weekday: "short" }).format(T);
+      } catch {
+        return Te(T, "EEE");
+      }
+    });
+  }, [i]), v = w(() => new Set(e), [e]), N = j(
+    (y) => v.has(se(y)),
+    [v]
+  ), D = w(() => {
+    if (r) return r;
+    if (t) return L(t);
+    const y = m.find(
+      (b) => De(b, u) && N(b)
+    );
+    return y || (m.find((b) => De(b, u)) ?? null);
+  }, [r, t, m, u, N]), M = j(
+    (y, b) => {
+      let d = null;
+      switch (y.key) {
+        case "ArrowLeft":
+          d = new Date(b), d.setDate(b.getDate() - 1);
+          break;
+        case "ArrowRight":
+          d = new Date(b), d.setDate(b.getDate() + 1);
+          break;
+        case "ArrowUp":
+          d = new Date(b), d.setDate(b.getDate() - 7);
+          break;
+        case "ArrowDown":
+          d = new Date(b), d.setDate(b.getDate() + 7);
+          break;
+        case "Home":
+          d = new Date(b), d.setDate(b.getDate() - b.getDay());
+          break;
+        case "End":
+          d = new Date(b), d.setDate(b.getDate() + (6 - b.getDay()));
+          break;
+        case "Enter":
+        case " ": {
+          y.preventDefault(), N(b) && s(se(b));
+          return;
+        }
+        default:
+          return;
+      }
+      d && (y.preventDefault(), De(d, u) || p(ye(d)), c(d));
+    },
+    [N, s, u]
+  );
+  return n ? /* @__PURE__ */ f(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": o("common.loading"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: [
+        /* @__PURE__ */ a(_e, { variant: "text", width: "40%" }),
+        /* @__PURE__ */ a("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (y, b) => /* @__PURE__ */ a(_e, { variant: "rounded", height: "2.5rem" }, `mg-skel-${b}`)) })
+      ]
+    }
+  ) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ a(
+        tt,
+        {
+          icon: /* @__PURE__ */ a(Gt, {}),
+          "aria-label": o("booking.previousMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            p((y) => ws(y)), c(null);
+          }
+        }
+      ),
+      /* @__PURE__ */ a(
+        "span",
+        {
+          className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+          "aria-live": "polite",
+          children: k
+        }
+      ),
+      /* @__PURE__ */ a(
+        tt,
+        {
+          icon: /* @__PURE__ */ a(Ut, {}),
+          "aria-label": o("booking.nextMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            p((y) => lt(y, 1)), c(null);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ f(
+      "div",
+      {
+        role: "grid",
+        "aria-label": o("booking.monthGridLabel"),
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+        children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              role: "row",
+              className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+              children: I.map((y, b) => /* @__PURE__ */ a(
+                "div",
+                {
+                  role: "columnheader",
+                  className: "type-meta ds:text-center ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-medium)]",
+                  children: y
+                },
+                `wd-${b}`
+              ))
+            }
+          ),
+          Array.from({ length: 6 }, (y, b) => /* @__PURE__ */ a(
+            "div",
+            {
+              role: "row",
+              className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+              children: m.slice(b * 7, b * 7 + 7).map((d, T) => {
+                const x = b * 7 + T, g = De(d, u), S = g && N(d), _ = t ? st(d, L(t)) : !1, A = g ? _ ? "selected" : S ? "available" : "unavailable" : "outside", G = D ? st(D, d) : !1, B = (() => {
+                  try {
+                    return new Intl.DateTimeFormat(i, {
+                      dateStyle: "full"
+                    }).format(d);
+                  } catch {
+                    return Te(d, "PPP");
+                  }
+                })();
+                return /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    role: "gridcell",
+                    "aria-label": B,
+                    "aria-selected": _ || void 0,
+                    "aria-disabled": !S || void 0,
+                    tabIndex: G ? 0 : -1,
+                    disabled: !S,
+                    onClick: () => {
+                      S && s(se(d));
+                    },
+                    onKeyDown: (E) => M(E, d),
+                    className: qs({ state: A }),
+                    children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: d.getDate() })
+                  },
+                  `mg-cell-${x}`
+                );
+              })
+            },
+            `mg-row-${b}`
+          ))
+        ]
+      }
+    )
+  ] });
+}
+const Gs = Pe(
+  [
+    "ds:relative ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-md)]",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-md)]",
+    "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,box-shadow]",
+    "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:[outline:1px_solid_CanvasText]",
+    "ds:cursor-pointer"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        idle: "ds:bg-[var(--card)] ds:shadow-[var(--shadow-sm)] ds:hover:shadow-[var(--shadow-md)]",
+        selected: "ds:bg-[color-mix(in_srgb,var(--primary)_8%,var(--card))] ds:shadow-[var(--shadow-sm)]"
+      }
+    },
+    defaultVariants: { state: "idle" }
+  }
+);
+function Us({
+  services: e,
+  selectedServiceId: t,
+  onSelect: s
+}) {
+  const { t: i } = O(), n = rt(), [o, l] = K(() => {
+    if (t) {
+      const c = e.findIndex((m) => m.id === t);
+      if (c >= 0) return c;
+    }
+    return 0;
+  }), u = ae(/* @__PURE__ */ new Map()), p = j((c) => {
+    var m;
+    (m = u.current.get(c)) == null || m.focus();
+  }, []), r = j(
+    (c, m, k) => {
+      const I = e.length;
+      if (I !== 0)
+        switch (c.key) {
+          case "ArrowDown":
+          case "ArrowRight": {
+            c.preventDefault();
+            const v = (m + 1) % I;
+            l(v), p(v);
+            break;
+          }
+          case "ArrowUp":
+          case "ArrowLeft": {
+            c.preventDefault();
+            const v = (m - 1 + I) % I;
+            l(v), p(v);
+            break;
+          }
+          case "Home": {
+            c.preventDefault(), l(0), p(0);
+            break;
+          }
+          case "End": {
+            c.preventDefault();
+            const v = I - 1;
+            l(v), p(v);
+            break;
+          }
+          case "Enter":
+          case " ": {
+            c.preventDefault(), s(k);
+            break;
+          }
+        }
+    },
+    [e.length, p, s]
+  );
+  return e.length === 0 ? null : /* @__PURE__ */ a(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": i("booking.serviceListLabel"),
+      id: n,
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: e.map((c, m) => {
+        const k = t === c.id, I = o === m, v = i("booking.serviceCardLabel", {
+          label: c.label,
+          duration: c.durationMin
+        }), N = Ks(c);
+        return /* @__PURE__ */ f(
+          "button",
+          {
+            ref: (D) => {
+              D ? u.current.set(m, D) : u.current.delete(m);
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": k,
+            "aria-label": v,
+            tabIndex: I ? 0 : -1,
+            onClick: () => s(c.id),
+            onFocus: () => l(m),
+            onKeyDown: (D) => r(D, m, c.id),
+            className: Gs({
+              state: k ? "selected" : "idle"
+            }),
+            children: [
+              /* @__PURE__ */ a(
+                "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__ */ f("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ a("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: c.label }),
+                /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: i("booking.serviceSummary", { minutes: c.durationMin }) })
+              ] })
+            ]
+          },
+          c.id
+        );
+      })
+    }
+  );
+}
+const Ys = Pe(
+  [
+    "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:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-medium)]",
+    "ds:transition-[background-color,color,box-shadow] 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:1px_solid_ButtonText] ds:forced-colors:text-[ButtonText]"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        idle: "ds:bg-[color:var(--card)] ds:text-[color:var(--foreground)] ds:shadow-[var(--shadow-sm)] ds:hover:enabled:bg-[color:var(--muted)]/40 ds:hover:enabled:shadow-[var(--shadow-md)]",
+        selected: "ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:shadow-[var(--shadow-sm)]",
+        unavailable: "ds:[outline:1px_dashed_color:var(--border)] ds:[outline-offset:-1px] ds:bg-transparent ds:text-[color:var(--muted-foreground)]"
+      }
+    },
+    defaultVariants: { state: "idle" }
+  }
+);
+function Js(e) {
+  const [t] = e.split(":").map((i) => parseInt(i, 10)), s = Number.isFinite(t) ? t : 0;
+  return s < 12 ? "morning" : s < 17 ? "afternoon" : "evening";
+}
+const Zs = {
+  morning: Jt,
+  afternoon: Is,
+  evening: Yt
+};
+function Ws({
+  date: e,
+  slots: t,
+  selectedSlotKey: s,
+  onSelect: i,
+  loading: n,
+  locale: o
+}) {
+  const { t: l } = O(), u = w(() => {
+    try {
+      return new Intl.DateTimeFormat(o, {
+        weekday: "long",
+        day: "numeric",
+        month: "long"
+      }).format(L(e));
+    } catch {
+      return e;
+    }
+  }, [e, o]), p = w(() => {
+    const m = {
+      morning: [],
+      afternoon: [],
+      evening: []
+    };
+    for (const k of t)
+      m[Js(k.time)].push(k);
+    return m;
+  }, [t]), r = t.filter((m) => m.available).length, c = ["morning", "afternoon", "evening"];
+  return n ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ a(_e, { variant: "text", width: "60%" }),
+    [0, 1].map((m) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)]",
+        children: [0, 1, 2].map((k) => /* @__PURE__ */ a(_e, { variant: "rounded", height: "44px" }, k))
+      },
+      m
+    ))
+  ] }) : r === 0 ? /* @__PURE__ */ a(dt, { variant: "no-results", title: l("booking.noSlotsForDate") }) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ f("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ a(
+          us,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-4 ds:text-[color:var(--accent)]"
+          }
+        ),
+        /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: u })
+      ] }),
+      /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: l("booking.slotsAvailable", { count: r }) })
+    ] }),
+    c.map((m) => {
+      const k = p[m];
+      if (k.length === 0) return null;
+      const I = Zs[m];
+      return /* @__PURE__ */ f(
+        "div",
+        {
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          children: [
+            /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ a(I, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              /* @__PURE__ */ a("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: l(`booking.timeOfDay.${m}`) })
+            ] }),
+            /* @__PURE__ */ a(
+              "div",
+              {
+                role: "group",
+                "aria-label": l(`booking.timeOfDay.${m}`),
+                className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)] ds:sm:grid-cols-4",
+                children: k.map((v) => {
+                  const N = v.key === s, D = v.available ? N ? "selected" : "idle" : "unavailable";
+                  return /* @__PURE__ */ a(
+                    "button",
+                    {
+                      type: "button",
+                      "data-slot-id": v.key,
+                      disabled: !v.available,
+                      "aria-pressed": N,
+                      "aria-label": l("booking.slotAvailableLabel", {
+                        time: v.time
+                      }),
+                      onClick: () => v.available && i(v),
+                      className: Ys({ state: D }),
+                      children: v.time
+                    },
+                    v.key
+                  );
+                })
+              }
+            )
+          ]
+        },
+        m
+      );
+    })
+  ] });
+}
+const Ae = 4;
+function Xs({
+  availableDates: e,
+  availableSlots: t,
+  value: s,
+  onChange: i,
+  onDateSelect: n,
+  onWindowChange: o,
+  loadingDates: l,
+  loadingSlots: u,
+  locale: p
+}) {
+  const r = w(() => le(/* @__PURE__ */ new Date()), []), [c, m] = K(() => {
+    if (s.date) {
+      const g = le(L(s.date));
+      if (!ce(r, g)) return g;
+    }
+    if (e.length > 0) {
+      const g = le(L(e[0]));
+      if (ce(g, r)) return g;
+    }
+    return r;
+  }), k = w(
+    () => je(c, Ae - 1),
+    [c]
+  ), I = w(() => Array.from({ length: Ae }, (g, S) => {
+    const _ = je(c, S), A = se(_), B = (t[A] ?? []).map((E) => ({
+      id: E.key,
+      // SlotGrid formats `start` as a time via Intl.DateTimeFormat —
+      // compose a full ISO from the column's date + the slot's HH:mm
+      // so the locale-formatter has a real timestamp to work with.
+      start: `${A}T${E.time}:00`,
+      available: E.available
+    }));
+    return { date: A, slots: B };
+  }), [c, t]), v = ce(c, r), N = !0, D = j(() => {
+    m((g) => {
+      const S = Ht(g, Ae);
+      return ce(r, S) ? r : S;
+    });
+  }, [r]), M = j(() => {
+    m((g) => je(g, Ae));
+  }, []);
+  H(() => {
+    if (e.length === 0) return;
+    const g = le(L(e[0]));
+    !ce(g, r) || e.some((_) => {
+      const A = le(L(_));
+      return !ce(A, k) && !jt(A, c);
+    }) || m(g);
+  }, [e]), H(() => {
+    o == null || o(se(c), se(k));
+  }, [c, k, o]);
+  const y = j(
+    (g, S) => {
+      const _ = typeof S.date == "string" ? S.date : se(S.date);
+      i({
+        ...vt(Ee(s, _), g.id)
+      }), n == null || n(_);
+    },
+    [i, n, s]
+  ), b = l || u ? "loading" : "default", d = I.some((g) => g.slots.length > 0), T = e[0];
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    !d && !!T ? /* @__PURE__ */ a(
+      Je,
+      {
+        nextAvailableDate: T,
+        onJump: () => m(le(L(T))),
+        locale: p
+      }
+    ) : null,
+    /* @__PURE__ */ a(
+      Kt,
+      {
+        days: I,
+        state: b,
+        selectedSlotId: s.slotKey,
+        maxInitialSlotsPerDay: 6,
+        locale: p,
+        hasPrevious: v,
+        hasNext: N,
+        onSlotSelect: y,
+        onPreviousDays: D,
+        onNextDays: M
+      }
+    )
+  ] });
+}
+function yt(e) {
+  const {
+    inputs: t,
+    value: s,
+    onChange: i,
+    onDateSelect: n,
+    onWindowChange: o,
+    loadingDates: l,
+    loadingSlots: u,
+    locale: p,
+    datePickerStyle: r
+  } = e;
+  return r === "four-day-grid" ? /* @__PURE__ */ a(
+    Xs,
+    {
+      availableDates: t.availableDates,
+      availableSlots: t.availableSlots,
+      value: s,
+      onChange: i,
+      onDateSelect: n,
+      onWindowChange: o,
+      loadingDates: l,
+      loadingSlots: u,
+      locale: p
+    }
+  ) : /* @__PURE__ */ a(
+    Hs,
+    {
+      availableDates: t.availableDates,
+      selectedDate: s.date,
+      onSelectDate: (c) => {
+        i(Ee(s, c)), n == null || n(c);
+      },
+      locale: p,
+      loading: l ?? u
+    }
+  );
+}
+function kt(e) {
+  const { inputs: t, value: s, onChange: i, loadingSlots: n, locale: o, datePickerStyle: l } = e;
+  return l === "four-day-grid" || !s.date ? null : /* @__PURE__ */ a(
+    Ws,
+    {
+      date: s.date,
+      slots: t.availableSlots[s.date] ?? [],
+      selectedSlotKey: s.slotKey,
+      onSelect: (u) => i(vt(s, u.key)),
+      loading: n,
+      locale: o
+    }
+  );
+}
+function xt({ value: e, onChange: t }) {
+  const { t: s } = O(), i = [
+    { value: "private", label: s("booking.insurance.private") },
+    { value: "public", label: s("booking.insurance.public") }
+  ];
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: s("booking.insurance.heading") }),
+    /* @__PURE__ */ a(
+      Oe,
+      {
+        options: i,
+        value: e ?? "",
+        onValueChange: (n) => {
+          (n === "private" || n === "public") && t(n);
+        },
+        placeholder: s("booking.insurance.placeholder"),
+        "aria-label": s("booking.insurance.heading")
+      }
+    )
+  ] });
+}
+function St({
+  specialties: e,
+  value: t,
+  valueIds: s,
+  onChange: i,
+  onChangeIds: n,
+  pickerStyle: o = "select"
+}) {
+  const { t: l } = O(), u = e.map((r) => ({
+    value: r.id,
+    label: r.label
+  })), p = /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: l("booking.specialty.heading") });
+  return o === "multi-select" && n ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    p,
+    /* @__PURE__ */ a(
+      Ue,
+      {
+        options: u,
+        value: s ?? [],
+        onChange: n,
+        placeholder: l("booking.specialty.placeholder"),
+        "aria-label": l("booking.specialty.heading"),
+        allowClear: !0
+      }
+    )
+  ] }) : o === "combobox" ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    p,
+    /* @__PURE__ */ a(
+      Ge,
+      {
+        options: u,
+        value: t ?? "",
+        onValueChange: (r) => i(r === "" ? "" : r),
+        placeholder: l("booking.specialty.placeholder"),
+        "aria-label": l("booking.specialty.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    p,
+    /* @__PURE__ */ a(
+      Oe,
+      {
+        options: u,
+        value: t ?? "",
+        onValueChange: (r) => i(r),
+        placeholder: l("booking.specialty.placeholder"),
+        "aria-label": l("booking.specialty.heading")
+      }
+    )
+  ] });
+}
+function It({
+  services: e,
+  value: t,
+  valueIds: s,
+  onChange: i,
+  onChangeIds: n,
+  pickerStyle: o,
+  compact: l
+}) {
+  const { t: u } = O(), p = o ?? (l ? "select" : "cards"), r = e.map((m) => ({
+    value: m.id,
+    label: `${m.label} · ${u("booking.serviceSummary", {
+      minutes: m.durationMin
+    })}`
+  })), c = /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: u("booking.service.heading") });
+  return p === "multi-select" && n ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    c,
+    /* @__PURE__ */ a(
+      Ue,
+      {
+        options: r,
+        value: s ?? [],
+        onChange: n,
+        placeholder: u("booking.service.placeholder"),
+        "aria-label": u("booking.service.heading"),
+        allowClear: !0
+      }
+    )
+  ] }) : p === "combobox" ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    c,
+    /* @__PURE__ */ a(
+      Ge,
+      {
+        options: r,
+        value: t ?? "",
+        onValueChange: (m) => i(m === "" ? "" : m),
+        placeholder: u("booking.service.placeholder"),
+        "aria-label": u("booking.service.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : p === "select" ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    c,
+    /* @__PURE__ */ a(
+      Oe,
+      {
+        options: r,
+        value: t ?? "",
+        onValueChange: (m) => i(m),
+        placeholder: u("booking.service.placeholder"),
+        "aria-label": u("booking.service.heading")
+      }
+    )
+  ] }) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    c,
+    /* @__PURE__ */ a(
+      Us,
+      {
+        services: e,
+        selectedServiceId: t,
+        onSelect: i
+      }
+    )
+  ] });
+}
+function Nt({
+  operators: e,
+  value: t,
+  valueIds: s,
+  onChange: i,
+  onChangeIds: n,
+  pickerStyle: o = "select"
+}) {
+  const { t: l } = O(), u = /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: l("booking.operator.heading") });
+  if (o === "multi-select" && n) {
+    const r = e.map((c) => ({
+      value: c.id,
+      label: c.name
+    }));
+    return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      u,
+      /* @__PURE__ */ a(
+        Ue,
+        {
+          options: r,
+          value: s ?? [],
+          onChange: n,
+          placeholder: l("booking.operator.placeholder"),
+          "aria-label": l("booking.operator.heading"),
+          allowClear: !0
+        }
+      )
+    ] });
+  }
+  const p = [
+    { value: X, label: l("booking.operator.all") },
+    ...e.map((r) => ({ value: r.id, label: r.name }))
+  ];
+  return o === "combobox" ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    u,
+    /* @__PURE__ */ a(
+      Ge,
+      {
+        options: p,
+        value: t ?? X,
+        onValueChange: (r) => i(r === "" ? X : r),
+        placeholder: l("booking.operator.placeholder"),
+        "aria-label": l("booking.operator.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    u,
+    /* @__PURE__ */ a(
+      Oe,
+      {
+        options: p,
+        value: t ?? X,
+        onValueChange: (r) => i(r),
+        placeholder: l("booking.operator.placeholder"),
+        "aria-label": l("booking.operator.heading")
+      }
+    )
+  ] });
+}
+function wt({
+  customSlot: e
+}) {
+  const { t } = O();
+  return e ? /* @__PURE__ */ a(W, { children: e }) : /* @__PURE__ */ f(z, { variant: "warning", children: [
+    /* @__PURE__ */ a(z.Title, { as: "h4", children: t("booking.onboardingIncomplete.title") }),
+    /* @__PURE__ */ a(z.Description, { children: t("booking.onboardingIncomplete.description") })
+  ] });
+}
+function Je({
+  nextAvailableDate: e,
+  onJump: t,
+  locale: s
+}) {
+  const { t: i } = O(), n = w(() => {
+    try {
+      return new Intl.DateTimeFormat(s, { dateStyle: "long" }).format(
+        L(e)
+      );
+    } catch {
+      return e;
+    }
+  }, [e, s]);
+  return /* @__PURE__ */ f(z, { variant: "info", children: [
+    /* @__PURE__ */ a(z.Description, { children: i("booking.nextAvailable.description", { date: n }) }),
+    /* @__PURE__ */ a(z.Action, { children: /* @__PURE__ */ a(ie, { intent: "secondary", size: "sm", onClick: t, children: i("booking.nextAvailable.cta") }) })
+  ] });
+}
+function Qs({
+  snapshot: e,
+  operators: t,
+  specialties: s,
+  services: i,
+  locale: n,
+  mode: o,
+  showModify: l,
+  onReset: u,
+  onModify: p
+}) {
+  const { t: r } = O(), m = (e.details.confirmationChannels ?? ["email"]).map(
+    (M) => r(`booking.confirmation.channel.${M}`)
+  ), k = o === "demo" ? r("booking.success.descriptionDemo") : m.length > 1 ? r("booking.success.descriptionMultiple", {
+    channels: m.join(" · ")
+  }) : r("booking.success.descriptionSingle", { channel: m[0] }), I = w(() => {
+    if (e.date)
+      try {
+        return new Intl.DateTimeFormat(n, {
+          weekday: "long",
+          day: "numeric",
+          month: "long"
+        }).format(L(e.date));
+      } catch {
+        return e.date;
+      }
+  }, [e.date, n]), v = e.operatorId ? t.find((M) => M.id === e.operatorId) : void 0, N = e.specialtyId ? s.find((M) => M.id === e.specialtyId) : void 0, D = e.serviceId ? i.find((M) => M.id === e.serviceId) : void 0;
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      "data-component": "booking-success",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ f(z, { variant: "success", children: [
+          /* @__PURE__ */ a(z.Title, { as: "h3", children: r("booking.success.heading") }),
+          /* @__PURE__ */ a(z.Description, { children: k })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[var(--secondary)] ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ f("dl", { className: "ds:grid ds:grid-cols-[auto_minmax(0,1fr)] ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)] ds:m-0", children: [
+          N ? /* @__PURE__ */ f(W, { children: [
+            /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: r("booking.success.summarySpecialty") }),
+            /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: N.label })
+          ] }) : null,
+          D ? /* @__PURE__ */ f(W, { children: [
+            /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: r("booking.success.summaryService") }),
+            /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: D.label })
+          ] }) : null,
+          I ? /* @__PURE__ */ f(W, { children: [
+            /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: r("booking.success.summaryDate") }),
+            /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: I })
+          ] }) : null,
+          /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: r("booking.success.summaryTime") }),
+          /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: e.slot.time }),
+          v ? /* @__PURE__ */ f(W, { children: [
+            /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: r("booking.success.summaryProvider") }),
+            /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: v.name })
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ a(ie, { intent: "secondary", size: "md", onClick: u, children: r("booking.success.bookAnother") }),
+          l ? /* @__PURE__ */ a(ie, { intent: "ghost", size: "md", onClick: p, children: r("booking.success.modifyBooking") }) : null
+        ] })
+      ]
+    }
+  );
+}
+function Ct({ customSlot: e }) {
+  const { t } = O();
+  return e ? /* @__PURE__ */ a(W, { children: e }) : /* @__PURE__ */ a(
+    dt,
+    {
+      variant: "no-results",
+      title: t("booking.emptyServices.title"),
+      description: t("booking.emptyServices.description")
+    }
+  );
+}
+function ea(e) {
+  const {
+    cascade: t,
+    inputs: s,
+    value: i,
+    onChange: n,
+    onSubmit: o,
+    emptyServicesSlot: l,
+    onboardingIncompleteSlot: u,
+    loadingDates: p,
+    loadingSlots: r,
+    onDateSelect: c,
+    onWindowChange: m,
+    datePickerStyle: k,
+    specialtyPickerStyle: I,
+    servicePickerStyle: v,
+    operatorPickerStyle: N,
+    submitting: D,
+    locale: M,
+    detailsProps: y
+  } = e, { t: b } = O();
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    t.gates.insurance ? /* @__PURE__ */ a(
+      xt,
+      {
+        value: i.insuranceType,
+        onChange: (d) => n(ct(i, d))
+      }
+    ) : null,
+    t.gates.specialty ? /* @__PURE__ */ a(
+      St,
+      {
+        specialties: t.filtered.specialties,
+        value: i.specialtyId,
+        valueIds: i.specialtyIds,
+        onChange: (d) => n(ut(i, d)),
+        onChangeIds: (d) => n(pt(i, d)),
+        pickerStyle: I
+      }
+    ) : null,
+    t.gates.service ? t.filtered.services.length === 0 ? /* @__PURE__ */ a(Ct, { customSlot: l }) : /* @__PURE__ */ a(
+      It,
+      {
+        services: t.filtered.services,
+        value: i.serviceId,
+        valueIds: i.serviceIds,
+        onChange: (d) => n(mt(i, d)),
+        onChangeIds: (d) => n(gt(i, d)),
+        pickerStyle: v
+      }
+    ) : null,
+    t.gates.onboardingIncomplete ? /* @__PURE__ */ a(wt, { customSlot: u }) : null,
+    t.gates.operator ? /* @__PURE__ */ a(
+      Nt,
+      {
+        operators: t.filtered.operators,
+        value: i.operatorId,
+        valueIds: i.operatorIds,
+        onChange: (d) => n(ft(i, d)),
+        onChangeIds: (d) => n(ht(i, d)),
+        pickerStyle: N
+      }
+    ) : null,
+    t.gates.date ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: b("booking.date.heading") }),
+      s.availableDates.length === 0 && s.nextAvailableDate ? /* @__PURE__ */ a(
+        Je,
+        {
+          nextAvailableDate: s.nextAvailableDate,
+          onJump: () => n(Ee(i, s.nextAvailableDate)),
+          locale: M
+        }
+      ) : yt({
+        inputs: s,
+        value: i,
+        onChange: n,
+        onDateSelect: c,
+        onWindowChange: m,
+        loadingDates: p,
+        loadingSlots: r,
+        locale: M,
+        datePickerStyle: k
+      })
+    ] }) : null,
+    t.gates.slot && i.date && k === "month-calendar" ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: b("booking.slot.heading") }),
+      kt({
+        inputs: s,
+        value: i,
+        onChange: n,
+        loadingSlots: r,
+        locale: M,
+        datePickerStyle: k
+      })
+    ] }) : null,
+    t.gates.details && t.selectedSlot ? /* @__PURE__ */ a(
+      Ye,
+      {
+        ...y,
+        value: i.details ?? {},
+        onChange: (d) => n({ ...i, details: d }),
+        onSubmit: o,
+        submitting: D,
+        defaultPhoneCountry: e.policy.country
+      }
+    ) : null
+  ] });
+}
+function $(e, t, s = {}) {
+  const {
+    cascade: i,
+    inputs: n,
+    value: o,
+    onChange: l,
+    onSubmit: u,
+    emptyServicesSlot: p,
+    onboardingIncompleteSlot: r,
+    loadingDates: c,
+    loadingSlots: m,
+    onDateSelect: k,
+    onWindowChange: I,
+    datePickerStyle: v,
+    specialtyPickerStyle: N,
+    servicePickerStyle: D,
+    operatorPickerStyle: M,
+    submitting: y,
+    locale: b,
+    detailsProps: d,
+    policy: T
+  } = t;
+  switch (e) {
+    case 1:
+      return /* @__PURE__ */ a(
+        xt,
+        {
+          value: o.insuranceType,
+          onChange: (x) => l(ct(o, x))
+        }
+      );
+    case 2:
+      return /* @__PURE__ */ a(
+        St,
+        {
+          specialties: i.filtered.specialties,
+          value: o.specialtyId,
+          valueIds: o.specialtyIds,
+          onChange: (x) => l(ut(o, x)),
+          onChangeIds: (x) => l(pt(o, x)),
+          pickerStyle: N
+        }
+      );
+    case 3:
+      return i.filtered.services.length === 0 ? /* @__PURE__ */ a(Ct, { customSlot: p }) : i.gates.onboardingIncomplete ? /* @__PURE__ */ a(wt, { customSlot: r }) : /* @__PURE__ */ a(
+        It,
+        {
+          services: i.filtered.services,
+          value: o.serviceId,
+          valueIds: o.serviceIds,
+          onChange: (x) => l(mt(o, x)),
+          onChangeIds: (x) => l(gt(o, x)),
+          pickerStyle: D,
+          compact: s.compactService
+        }
+      );
+    case 4:
+      return /* @__PURE__ */ a(
+        Nt,
+        {
+          operators: i.filtered.operators,
+          value: o.operatorId,
+          valueIds: o.operatorIds,
+          onChange: (x) => l(ft(o, x)),
+          onChangeIds: (x) => l(ht(o, x)),
+          pickerStyle: M
+        }
+      );
+    case 5:
+      return n.availableDates.length === 0 && n.nextAvailableDate ? /* @__PURE__ */ a(
+        Je,
+        {
+          nextAvailableDate: n.nextAvailableDate,
+          onJump: () => l(Ee(o, n.nextAvailableDate)),
+          locale: b
+        }
+      ) : yt({
+        inputs: n,
+        value: o,
+        onChange: l,
+        onDateSelect: k,
+        onWindowChange: I,
+        loadingDates: c,
+        loadingSlots: m,
+        locale: b,
+        datePickerStyle: v
+      });
+    case 6:
+      return kt({
+        inputs: n,
+        value: o,
+        onChange: l,
+        loadingSlots: m,
+        locale: b,
+        datePickerStyle: v
+      });
+    case 7:
+      return i.selectedSlot ? /* @__PURE__ */ a(
+        Ye,
+        {
+          ...d,
+          value: o.details ?? {},
+          onChange: (x) => l({ ...o, details: x }),
+          onSubmit: u,
+          submitting: y,
+          defaultPhoneCountry: T.country
+        }
+      ) : null;
+    /* c8 ignore next 2 */
+    default:
+      return null;
+  }
+}
+function Ze() {
+  const { t: e } = O();
+  return w(
+    () => ({
+      1: e("booking.insurance.heading"),
+      2: e("booking.specialty.heading"),
+      3: e("booking.service.heading"),
+      4: e("booking.operator.heading"),
+      5: e("booking.date.heading"),
+      6: e("booking.slot.heading"),
+      7: e("booking.details.heading")
+    }),
+    [e]
+  );
+}
+function ta(e) {
+  const { cascade: t, value: s, activeStep: i, setActiveStep: n, datePickerStyle: o } = e, l = Ze(), u = w(
+    () => o === "four-day-grid" ? t.visibleSteps.filter((c) => c !== 6) : t.visibleSteps,
+    [t.visibleSteps, o]
+  ), p = w(
+    () => u.map((c) => ({
+      label: l[c],
+      summary: Dt(c, s, t),
+      status: ke(c, s) && c < t.currentStep ? "completed" : void 0,
+      content: $(c, e, { compactService: !0 })
+    })),
+    [u, s, l, t, e]
+  ), r = Math.max(0, t.visibleSteps.indexOf(i));
+  return /* @__PURE__ */ a(
+    $t,
+    {
+      activeStep: r,
+      steps: p,
+      onStepChange: (c) => {
+        const m = t.visibleSteps[c];
+        m && n(m);
+      }
+    }
+  );
+}
+function ke(e, t) {
+  switch (e) {
+    case 1:
+      return t.insuranceType !== void 0;
+    case 2:
+      return t.specialtyId !== void 0;
+    case 3:
+      return t.serviceId !== void 0;
+    case 4:
+      return t.operatorId !== void 0;
+    case 5:
+      return t.date !== void 0;
+    case 6:
+      return t.slotKey !== void 0;
+    case 7:
+      return !1;
+  }
+}
+function Dt(e, t, s) {
+  var i;
+  if (ke(e, t))
+    switch (e) {
+      case 1:
+        return t.insuranceType;
+      case 2: {
+        const n = s.filtered.specialties.find(
+          (o) => o.id === t.specialtyId
+        );
+        return n == null ? void 0 : n.label;
+      }
+      case 3: {
+        const n = s.filtered.services.find(
+          (o) => o.id === t.serviceId
+        );
+        return n == null ? void 0 : n.label;
+      }
+      case 4: {
+        const n = He(t);
+        if (!n) return;
+        const o = s.filtered.operators.find((l) => l.id === n);
+        return o == null ? void 0 : o.name;
+      }
+      case 5:
+        return t.date;
+      case 6:
+        return (i = s.selectedSlot) == null ? void 0 : i.time;
+      case 7:
+        return;
+    }
+}
+function sa(e) {
+  const { cascade: t, value: s, setActiveStep: i } = e, { t: n } = O(), o = Ze(), l = t.visibleSteps.filter(
+    (p) => p === 1 || p === 2 || p === 3 || p === 4
+  ), u = l.some(
+    (p) => !ke(p, s)
+  );
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    u ? l.filter((p) => !ke(p, s)).slice(0, 1).map((p) => /* @__PURE__ */ a("div", { children: $(p, e, { compactService: !0 }) }, `csf-${p}`)) : /* @__PURE__ */ a(
+      "div",
+      {
+        role: "group",
+        "aria-label": n("booking.regionLabel"),
+        className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+        children: l.map((p) => {
+          const r = Dt(p, s, t);
+          return r ? /* @__PURE__ */ f(
+            ie,
+            {
+              intent: "tonal",
+              size: "sm",
+              onClick: () => i(p),
+              children: [
+                o[p],
+                ": ",
+                r
+              ]
+            },
+            `csc-${p}`
+          ) : null;
+        })
+      }
+    ),
+    !u && t.gates.date ? (
+      // four-day-grid embeds slots inline with the day strip — the
+      // historic 2-col date|slot split collapses to a single column
+      // so the picker spans the full width instead of orphaning an
+      // empty right cell.
+      e.datePickerStyle === "four-day-grid" ? /* @__PURE__ */ a("div", { children: $(5, e) }) : /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+        /* @__PURE__ */ a("div", { className: "ds:min-w-0", children: $(5, e) }),
+        /* @__PURE__ */ a("div", { className: "ds:min-w-0", children: s.date ? $(6, e) : null })
+      ] })
+    ) : null,
+    t.gates.details ? /* @__PURE__ */ a("div", { children: $(7, e) }) : null
+  ] });
+}
+function aa(e) {
+  const { cascade: t, datePickerStyle: s } = e, i = t.visibleSteps.filter(
+    (o) => o === 1 || o === 2 || o === 3 || o === 4
+  );
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ f(
+      "div",
+      {
+        className: s === "four-day-grid" ? "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]" : "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2",
+        children: [
+          /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: i.map((o) => /* @__PURE__ */ a("div", { children: $(o, e, { compactService: !0 }) }, `fbf-${o}`)) }),
+          /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            t.gates.date ? $(5, e) : null,
+            t.gates.slot && e.value.date ? $(6, e) : null
+          ] })
+        ]
+      }
+    ),
+    t.gates.details ? $(7, e) : null
+  ] });
+}
+function ia(e) {
+  const { cascade: t, value: s, activeStep: i, setActiveStep: n, datePickerStyle: o } = e, { t: l } = O(), u = Ze(), p = w(
+    () => o === "four-day-grid" ? t.visibleSteps.filter((v) => v !== 6) : t.visibleSteps,
+    [t.visibleSteps, o]
+  ), r = Math.max(0, p.indexOf(i)), c = p.length, m = w(
+    () => p.map((v) => ({ label: u[v] })),
+    [p, u]
+  ), k = r > 0, I = r < c - 1 && ke(i, s);
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ a(zt, { activeStep: r, steps: m }),
+    /* @__PURE__ */ a("div", { children: $(i, e, { compactService: !0 }) }),
+    /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ a(
+        ie,
+        {
+          intent: "ghost",
+          size: "md",
+          disabled: !k,
+          onClick: () => {
+            const v = p[r - 1];
+            v && n(v);
+          },
+          children: l("booking.actions.back")
+        }
+      ),
+      i < 7 ? /* @__PURE__ */ a(
+        ie,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !I,
+          onClick: () => {
+            const v = p[r + 1];
+            v && n(v);
+          },
+          children: l("booking.actions.next")
+        }
+      ) : null
+    ] })
+  ] });
+}
+const na = [], oa = [], ra = ot(
+  ({
+    variant: e = "inline-list",
+    country: t,
+    // No default — the cascade engine treats `undefined` as "auto-on
+    // when `specialties` has items" so consumers who pass specialty
+    // data without the explicit flag still get the step.
+    useSpecialties: s,
+    allowOperatorSelection: i = !1,
+    lockedOperatorId: n,
+    autoSelectSingleService: o = !1,
+    specialties: l,
+    services: u,
+    operators: p,
+    availableDates: r,
+    availableSlots: c,
+    nextAvailableDate: m,
+    requireCodiceFiscale: k,
+    requireDateOfBirth: I,
+    requireInsuranceNumber: v,
+    showNote: N,
+    showReturningPatientFlag: D,
+    privacyPolicyUrl: M,
+    termsUrl: y,
+    validateCodiceFiscale: b,
+    validateInsuranceNumber: d,
+    confirmationChannels: T,
+    defaultConfirmationChannels: x,
+    value: g,
+    onChange: S,
+    onSubmit: _,
+    onStepChange: A,
+    onDateSelect: G,
+    onWindowChange: B,
+    datePickerStyle: E = "month-calendar",
+    specialtyPickerStyle: U,
+    servicePickerStyle: P,
+    operatorPickerStyle: Q,
+    loadingDates: q,
+    loadingSlots: pe,
+    submitting: ee,
+    submitError: xe,
+    mode: Y = "live",
+    showModifyOnSuccess: ne = !0,
+    surface: me = "flat",
+    emptyServicesSlot: Se,
+    onboardingIncompleteSlot: Ie,
+    "aria-label": Re,
+    id: oe,
+    className: Ve,
+    ...Ne
+  }, we) => {
+    const { t: re, i18n: h } = O(), C = e ?? "inline-list", te = h.language ?? "en", J = l ?? na, de = p ?? oa;
+    H(() => {
+      const V = Bs(g, {
+        useSpecialties: s,
+        lockedOperatorId: n,
+        autoSelectSingleService: o,
+        specialties: J,
+        services: u
+      });
+      (V.specialtyId !== g.specialtyId || V.operatorId !== g.operatorId || V.serviceId !== g.serviceId) && S(V);
+    }, [
+      n,
+      s,
+      o,
+      J,
+      u
+    ]);
+    const R = w(
+      () => Os({
+        country: t,
+        useSpecialties: s,
+        allowOperatorSelection: i,
+        lockedOperatorId: n,
+        specialties: J,
+        services: u,
+        operators: de,
+        availableSlots: c,
+        value: g
+      }),
+      [
+        t,
+        s,
+        i,
+        n,
+        o,
+        J,
+        u,
+        de,
+        r,
+        c,
+        g
+      ]
+    ), [We, ge] = K(
+      R.currentStep
+    ), Xe = ae(R.currentStep);
+    H(() => {
+      R.currentStep > Xe.current && ge(R.currentStep), Xe.current = R.currentStep;
+    }, [R.currentStep]);
+    const [fe, he] = K("idle"), [Le, Fe] = K(null), Qe = j(
+      async (V) => {
+        if (!R.selectedSlot) return;
+        const ze = {
+          slot: R.selectedSlot,
+          value: {
+            ...g,
+            details: V,
+            operatorId: He(g) ?? g.operatorId
+          },
+          details: V
+        };
+        he("submitting");
+        try {
+          await _(ze), Fe({
+            slot: R.selectedSlot,
+            details: V,
+            specialtyId: g.specialtyId,
+            serviceId: g.serviceId,
+            insuranceType: g.insuranceType,
+            operatorId: He(g),
+            date: g.date
+          }), he("success");
+        } catch {
+          throw he("error"), new Error("Booking submission failed");
+        }
+      },
+      [R.selectedSlot, _, g]
+    ), ve = ae(null);
+    _t(we, () => ve.current, []);
+    const be = fe === "success" ? 8 : R.currentStep, et = ae(null);
+    H(() => {
+      if (be !== et.current && (et.current = be, A == null || A(be), be === 8 && ve.current))
+        try {
+          ve.current.scrollIntoView({
+            behavior: "smooth",
+            block: "start"
+          });
+        } catch {
+          ve.current.scrollIntoView();
+        }
+    }, [be, A]);
+    const $e = w(
+      () => ({
+        getVariant: () => C,
+        reset: () => {
+          S({}), Fe(null), he("idle"), ge(1);
+        },
+        goToStep: (V) => {
+          ge(V);
+        }
+      }),
+      [C, S]
+    );
+    Ot(Cs, $e, oe);
+    const Mt = Re ?? re("booking.regionLabel"), At = w(() => fe !== "success" || !Le ? null : /* @__PURE__ */ a(
+      Qs,
+      {
+        snapshot: Le,
+        operators: de,
+        specialties: J,
+        services: u,
+        locale: te,
+        mode: Y,
+        showModify: ne,
+        onReset: () => $e.reset(),
+        onModify: () => {
+          Fe(null), he("idle"), ge(7);
+        }
+      }
+    ), [
+      fe,
+      Le,
+      de,
+      J,
+      u,
+      te,
+      Y,
+      ne,
+      $e
+    ]), Tt = w(() => {
+      if (fe === "success") return null;
+      const V = C === "accordion" ? ta : C === "calendar" ? sa : C === "flexible" ? aa : C === "progress" ? ia : ea, ze = {
+        cascade: R,
+        inputs: {
+          specialties: J,
+          services: u,
+          operators: de,
+          availableDates: r,
+          availableSlots: c,
+          nextAvailableDate: m
+        },
+        value: g,
+        onChange: S,
+        onSubmit: Qe,
+        policy: { country: t, lockedOperatorId: n },
+        detailsProps: {
+          requireCodiceFiscale: k,
+          requireDateOfBirth: I,
+          requireInsuranceNumber: v,
+          insuranceType: g.insuranceType,
+          showNote: N,
+          showReturningPatientFlag: D,
+          privacyPolicyUrl: M,
+          termsUrl: y,
+          validateCodiceFiscale: b,
+          validateInsuranceNumber: d,
+          confirmationChannels: T,
+          defaultConfirmationChannels: x,
+          submitError: xe
+        },
+        emptyServicesSlot: Se,
+        onboardingIncompleteSlot: Ie,
+        loadingDates: q,
+        loadingSlots: pe,
+        onDateSelect: G,
+        onWindowChange: B,
+        datePickerStyle: E,
+        specialtyPickerStyle: U,
+        servicePickerStyle: P,
+        operatorPickerStyle: Q,
+        submitting: ee,
+        locale: te,
+        activeStep: We,
+        setActiveStep: ge
+      };
+      return /* @__PURE__ */ a(V, { ...ze });
+    }, [
+      fe,
+      C,
+      R,
+      J,
+      u,
+      de,
+      r,
+      c,
+      m,
+      g,
+      S,
+      Qe,
+      t,
+      n,
+      k,
+      I,
+      v,
+      xe,
+      N,
+      D,
+      M,
+      y,
+      b,
+      d,
+      T,
+      x,
+      Se,
+      Ie,
+      q,
+      pe,
+      G,
+      B,
+      E,
+      U,
+      P,
+      Q,
+      ee,
+      te,
+      We
+    ]);
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: ve,
+        role: "region",
+        "aria-label": Mt,
+        id: oe,
+        "data-component": "booking",
+        "data-component-id": oe,
+        "data-variant": C,
+        className: Fs({
+          variant: C,
+          surface: me,
+          className: Ve
+        }),
+        ...Ne,
+        children: [
+          /* @__PURE__ */ f(
+            "div",
+            {
+              className: [
+                "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                "ds:rounded-[var(--radius-md)]",
+                "ds:bg-[color-mix(in_srgb,var(--primary)_35%,var(--background))]",
+                "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(" "),
+              children: [
+                /* @__PURE__ */ a("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: re("booking.regionLabel") }),
+                /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: re("booking.headingSubtitle") })
+              ]
+            }
+          ),
+          At ?? Tt
+        ]
+      }
+    );
+  }
+);
+ra.displayName = "Booking";
+export {
+  ra as B,
+  qe as C,
+  X as O,
+  Cs as b
+};
+//# sourceMappingURL=booking-B62CMY5k.js.map