@alfadocs/ui-kit 1.10.0 → 1.11.0

package/dist/_chunks/booking-CBHKdsZl.js

@@ -0,0 +1,2906 @@
+import { jsxs as b, jsx as a, Fragment as ee } from "react/jsx-runtime";
+import { forwardRef as wt, useId as it, useState as H, useCallback as Z, useRef as Y, useEffect as q, useMemo as C, useImperativeHandle as Qt } from "react";
+import { c as Ge } from "./index-D2ZczOXr.js";
+import { useTranslation as P, Trans as es } from "react-i18next";
+import { u as ts } from "./registry-DvAUVLHh.js";
+import { A as U } from "./alert-CiJT540z.js";
+import { B as pe } from "./button-nJaPh_HC.js";
+import { C as tt } from "./checkbox-BuZ1u__2.js";
+import { C as ss } from "./checkbox-group-CfqMv57d.js";
+import { D as as } from "./date-picker-CepI_oI2.js";
+import { E as ns } from "./email-input-Dpe63k0K.js";
+import { F as oe } from "./form-field-CahJzTxp.js";
+import { P as is } from "./phone-input-BsZIoE36.js";
+import { T as os } from "./text-area-Bt3p7Pt0.js";
+import { T as Fe } from "./text-input-CUvCb6ST.js";
+import { S as rs } from "./spinner-hbwuKwMf.js";
+import { I as vt } from "./icon-button-DA2CAGHZ.js";
+import { S as He } from "./select-BW5ecXlX.js";
+import { C as ot } from "./combobox-DiMLItyu.js";
+import { M as rt } from "./multi-select-DqL4o0qV.js";
+import { S as qe } from "./skeleton-CZbwyJAA.js";
+import { E as Ct } from "./empty-state-X0sVPfVo.js";
+import { S as ds } from "./stepper-accordion-DmVykr5F.js";
+import { S as ls } from "./stepper-progress-Bv0njx4g.js";
+import { S as cs } from "./slot-grid-BuZOKfcd.js";
+import { p as K } from "./parseISO-fOGpHKXm.js";
+import { C as us } from "./chevron-down-DWE7GSq9.js";
+import { l as ye, f as je, b as bt } from "./format-4HNwNGrN.js";
+import { w as Mt, c as ke, a as st, i as ps, s as Me, l as ms, x as $e } from "./date-picker-variants-DfuooXEK.js";
+import { s as fs } from "./subDays-BLl3y3pd.js";
+import { C as gs } from "./chevron-left-B8cOyH-V.js";
+import { C as hs } from "./chevron-right-I9AeSxH2.js";
+import { c as j } from "./createLucideIcon-DhHxpK9K.js";
+import { M as vs, S as bs } from "./sun-Bj9Mr553.js";
+import { S as ys } from "./stethoscope-sZXGC43m.js";
+import { H as ks } from "./heart-pulse-BCppJyN2.js";
+import { E as Ss } from "./eye-BjhN2nYf.js";
+import { S as xs } from "./scan-line-CNseIHQ0.js";
+import { A as Is } from "./astroid-BN4f5VXU.js";
+import { C as Ns } 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 ws = [
+  [
+    "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"
+    }
+  ]
+], Cs = j("activity", ws);
+/**
+ * @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 Ms = [
+  ["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" }]
+], Ds = j("baby", Ms);
+/**
+ * @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 As = [
+  [
+    "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"
+    }
+  ]
+], Ts = j("bone", As);
+/**
+ * @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 _s = [
+  ["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" }]
+], Os = j("brain", _s);
+/**
+ * @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 = [
+  ["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" }]
+], Ps = j("calendar-range", 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 Ls = [
+  ["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" }]
+], Es = j("ear", Ls);
+/**
+ * @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 Rs = [
+  ["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" }]
+], Vs = j("microscope", Rs);
+/**
+ * @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 Fs = [
+  [
+    "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" }]
+], $s = j("pill", Fs);
+/**
+ * @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 zs = [
+  ["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" }]
+], Ks = j("scissors", zs);
+/**
+ * @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 js = [
+  ["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" }]
+], qs = j("smile", 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 Gs = [
+  ["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" }]
+], Hs = j("sunset", 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 Us = [
+  ["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" }]
+], yt = j("syringe", Us);
+function Js(e, t, s) {
+  return Mt(e, -1, s);
+}
+const Ys = {
+  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()
+    },
+    currentStep: {
+      type: "number",
+      descriptionKey: "ui.agent.booking.state.currentStep",
+      description: "The step the flow is on — 1 insurance, 2 specialty, 3 service, 4 provider, 5 date, 6 time, 7 patient details, 8 confirmation (after a successful submit). Read this back after `goto_step` to see where the clamp landed.",
+      read: (e) => e.getCurrentStep()
+    }
+  },
+  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. A step that is hidden for this practice, or that sits ahead of the first incomplete step, clamps to that first incomplete step — read `currentStep` back to see where it landed.",
+      errors: [
+        "Requested step is not yet reachable — clamped to the first incomplete step.",
+        "Requested step is hidden for this practice (e.g. insurance outside Germany, or provider choice turned off) — 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."
+    }
+  }
+}, nt = [
+  "email",
+  "whatsapp",
+  "sms"
+], W = "all", Ws = "de";
+function Zs(e) {
+  return [...e.lockedOperatorId ? e.specialties.filter(
+    (s) => {
+      var n;
+      return (n = s.operatorIds) == null ? void 0 : n.includes(e.lockedOperatorId);
+    }
+  ) : e.specialties].sort((s, n) => {
+    const i = s.sequenceNumber ?? Number.POSITIVE_INFINITY, o = n.sequenceNumber ?? Number.POSITIVE_INFINITY;
+    return i - o;
+  });
+}
+function Xs(e) {
+  let t = e.services;
+  if (e.lockedOperatorId && (t = t.filter(
+    (n) => {
+      var i;
+      return (i = n.operatorIds) == null ? void 0 : i.includes(e.lockedOperatorId);
+    }
+  )), e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) {
+    const n = te(e.value);
+    n.length > 0 && (t = t.filter(
+      (i) => i.specialtyId !== void 0 && n.includes(i.specialtyId)
+    ));
+  }
+  return t;
+}
+function Qs(e) {
+  const t = e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties;
+  if (t) {
+    const s = te(e.value);
+    if (s.length > 0)
+      return e.operators.filter(
+        (n) => {
+          var i;
+          return (i = n.specialtyIds) == null ? void 0 : i.some((o) => s.includes(o));
+        }
+      );
+  }
+  if (!t) {
+    const s = me(e.value);
+    if (s.length > 0)
+      return e.operators.filter(
+        (n) => {
+          var i;
+          return (i = n.appointmentBookingReasonIds) == null ? void 0 : i.some((o) => s.includes(o));
+        }
+      );
+  }
+  return [];
+}
+function ea(e, t) {
+  const s = e.country === Ws, n = !s || e.value.insuranceType !== void 0, o = (e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) && n, c = te(e.value).length > 0, f = !o || c, r = me(e.value).length > 0, l = !f || r, u = t.operators, k = !!e.allowOperatorSelection && l && r && !e.lockedOperatorId && u.length > 1, h = l && r, I = (!h || e.value.date !== void 0) && e.value.date !== void 0, w = (!I || e.value.slotKey !== void 0) && e.value.slotKey !== void 0, x = r && u.length === 0;
+  return {
+    insurance: s,
+    specialty: o,
+    service: f,
+    operator: k,
+    date: h,
+    slot: I,
+    details: w,
+    onboardingIncomplete: x
+  };
+}
+function ta(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 n = {
+    1: e.value.insuranceType !== void 0,
+    // 0.34.0: array-or-single — satisfied when EITHER form is present.
+    2: te(e.value).length > 0,
+    3: me(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) => !n[o]) ?? 7,
+    visibleSteps: s
+  };
+}
+function sa(e) {
+  const t = {
+    specialties: Zs(e),
+    services: Xs(e),
+    operators: Qs(e)
+  }, s = ea(e, t), { currentStep: n, visibleSteps: i } = ta(e, s);
+  let o;
+  if (e.value.date && e.value.slotKey) {
+    const l = e.availableSlots[e.value.date];
+    l && (o = l.find((u) => u.key === e.value.slotKey));
+  }
+  const c = me(e.value), d = c.length > 0 ? e.services.find((l) => l.id === c[0]) : void 0, f = te(e.value).length > 0, r = c.length > 0 && e.value.date !== void 0 && e.value.slotKey !== void 0 && (!s.insurance || e.value.insuranceType !== void 0) && (!s.specialty || f);
+  return {
+    gates: s,
+    filtered: t,
+    currentStep: n,
+    totalSteps: i.length,
+    visibleSteps: i,
+    isReadyToSubmit: r,
+    durationMin: d == null ? void 0 : d.durationMin,
+    selectedSlot: o
+  };
+}
+function Dt(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 At(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 Tt(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 _t(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 ? W : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Ot(e, t) {
+  const s = !!t && t.length > 0;
+  return {
+    ...e,
+    serviceId: void 0,
+    serviceIds: t,
+    operatorId: s ? W : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Bt(e, t) {
+  return {
+    ...e,
+    operatorId: t,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Pt(e, t) {
+  return {
+    ...e,
+    operatorId: void 0,
+    operatorIds: t,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function te(e) {
+  return e.specialtyIds && e.specialtyIds.length > 0 ? e.specialtyIds : e.specialtyId ? [e.specialtyId] : [];
+}
+function me(e) {
+  return e.serviceIds && e.serviceIds.length > 0 ? e.serviceIds : e.serviceId ? [e.serviceId] : [];
+}
+function dt(e) {
+  return e.operatorIds && e.operatorIds.length > 0 ? e.operatorIds : e.operatorId ? [e.operatorId] : [];
+}
+function Ue(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 Lt(e, t) {
+  return {
+    ...e,
+    slotKey: t
+  };
+}
+function aa(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 i = te(s), o = i.length > 0 ? t.services.filter(
+      (c) => c.specialtyId && i.includes(c.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: W }));
+  }
+  return s;
+}
+function kt(e) {
+  if (e.operatorId && e.operatorId !== W)
+    return e.operatorId;
+}
+function na(e) {
+  if (!e) return !1;
+  const t = e.trim();
+  return /^\+?\d[\d\s\-()]{6,}$/.test(t);
+}
+function Et(e) {
+  const t = e && e.length > 0 ? e : ["email"], s = new Set(t);
+  return nt.filter((n) => s.has(n));
+}
+function ia(e, t, s) {
+  const n = Et(e), i = new Set(n);
+  if (s)
+    return nt.filter(
+      (r) => s.includes(r) && i.has(r)
+    );
+  const o = [];
+  i.has("email") && o.push("email");
+  const c = na(t), d = i.has("whatsapp");
+  d && c && o.push("whatsapp"), !d && i.has("sms") && o.push("sms");
+  const f = new Set(o);
+  return nt.filter((r) => f.has(r));
+}
+const St = 500, oa = /^[A-Z0-9]{16}$/, ra = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, xt = 300, ze = { state: "idle" }, lt = wt(
+  ({
+    value: e,
+    onChange: t,
+    onSubmit: s,
+    requireCodiceFiscale: n = !1,
+    requireDateOfBirth: i = !1,
+    requireInsuranceNumber: o = !1,
+    insuranceType: c,
+    showNote: d = !1,
+    showReturningPatientFlag: f = !1,
+    privacyPolicyUrl: r,
+    termsUrl: l,
+    validateCodiceFiscale: u,
+    validateInsuranceNumber: k,
+    submitting: h = !1,
+    summarySlot: y,
+    defaultPhoneCountry: I,
+    confirmationChannels: N,
+    defaultConfirmationChannels: w,
+    submitError: x
+  }, S) => {
+    var _e, Oe;
+    const { t: p } = P(), _ = it(), [D, m] = H(ze), [g, A] = H(ze), [T, V] = H({}), F = Z(
+      (v) => V((O) => ({ ...O, [v]: !0 })),
+      []
+    ), R = Y(null), $ = Y(
+      null
+    );
+    q(
+      () => () => {
+        R.current && clearTimeout(R.current), $.current && clearTimeout($.current);
+      },
+      []
+    );
+    const L = Z(
+      (v) => t({ ...e, ...v }),
+      [e, t]
+    ), re = C(
+      () => Et(N),
+      [N]
+    ), X = re.length >= 2, xe = Y(!1);
+    q(() => {
+      if (!X) {
+        e.confirmationChannels !== void 0 && L({ confirmationChannels: void 0 });
+        return;
+      }
+      if (e.confirmationChannels !== void 0) {
+        xe.current = !0;
+        return;
+      }
+      const v = ia(
+        re,
+        e.mobilePhone,
+        w
+      );
+      xe.current = !0, L({ confirmationChannels: v });
+    }, [
+      X,
+      re,
+      e.mobilePhone,
+      w
+    ]);
+    const de = C(
+      () => e.confirmationChannels ?? [],
+      [e.confirmationChannels]
+    ), De = X && de.length === 0;
+    q(() => {
+      const v = e.codiceFiscale;
+      if (!n || !u || !v) {
+        m(ze);
+        return;
+      }
+      if (!oa.test(v)) {
+        m({
+          state: "invalid",
+          hint: p("booking.details.codiceFiscale.invalidFormat")
+        });
+        return;
+      }
+      m({ state: "pending" }), R.current && clearTimeout(R.current), R.current = setTimeout(() => {
+        u(v).then(
+          (O) => m(
+            O.valid ? { state: "valid" } : { state: "invalid", hint: O.hint }
+          )
+        ).catch(
+          () => m({
+            state: "invalid",
+            hint: p("booking.details.codiceFiscale.unavailable")
+          })
+        );
+      }, xt);
+    }, [n, u, e.codiceFiscale, p]);
+    const se = o && c === "public";
+    q(() => {
+      const v = e.insuranceNumber;
+      if (!se || !k || !v) {
+        A(ze);
+        return;
+      }
+      A({ state: "pending" }), $.current && clearTimeout($.current), $.current = setTimeout(() => {
+        k(v).then(
+          (O) => A(
+            O.valid ? { state: "valid" } : { state: "invalid", hint: O.hint }
+          )
+        ).catch(
+          () => A({
+            state: "invalid",
+            hint: p("booking.details.insuranceNumber.unavailable")
+          })
+        );
+      }, xt);
+    }, [se, k, e.insuranceNumber, p]);
+    const fe = C(
+      () => !!(e.email && ra.test(e.email)),
+      [e.email]
+    ), Ie = C(
+      () => !!(e.mobilePhone && e.mobilePhone.length >= 6),
+      [e.mobilePhone]
+    ), Ae = C(() => {
+      var v, O;
+      return !(!((v = e.firstName) != null && v.trim()) || !((O = e.lastName) != null && O.trim()) || !fe || !Ie || n && D.state !== "valid" || i && !e.dateOfBirth || se && g.state !== "valid");
+    }, [
+      e.firstName,
+      e.lastName,
+      fe,
+      Ie,
+      n,
+      D.state,
+      i,
+      e.dateOfBirth,
+      se,
+      g.state
+    ]), Te = !!(e.privacyConsent && e.termsConsent), Ye = !X || de.length > 0, ae = Ae && Te && Ye && !h, We = (v) => {
+      if (v.preventDefault(), V({
+        firstName: !0,
+        lastName: !0,
+        email: !0,
+        mobilePhone: !0,
+        codiceFiscale: !0,
+        dateOfBirth: !0,
+        insuranceNumber: !0
+      }), !ae) return;
+      const O = {
+        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: X ? de : void 0
+      };
+      s(O);
+    }, ge = (v, O) => {
+      const z = O && /^https?:\/\//i.test(O) ? O : void 0;
+      return z ? /* @__PURE__ */ a(
+        es,
+        {
+          i18nKey: v,
+          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: z,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "ds:underline ds:text-[var(--primary)]"
+                }
+              )
+            )
+          }
+        }
+      ) : p(v);
+    };
+    return /* @__PURE__ */ b(
+      "form",
+      {
+        ref: S,
+        id: _,
+        noValidate: !0,
+        onSubmit: We,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+        children: [
+          y,
+          /* @__PURE__ */ b("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ a(
+              oe,
+              {
+                label: p("booking.details.firstName.label"),
+                required: !0,
+                error: T.firstName && !((_e = e.firstName) != null && _e.trim()) ? p("booking.details.firstName.required") : void 0,
+                children: /* @__PURE__ */ a(
+                  Fe,
+                  {
+                    autoComplete: "given-name",
+                    value: e.firstName ?? "",
+                    onChange: (v) => L({ firstName: v.target.value }),
+                    onBlur: () => F("firstName")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              oe,
+              {
+                label: p("booking.details.lastName.label"),
+                required: !0,
+                error: T.lastName && !((Oe = e.lastName) != null && Oe.trim()) ? p("booking.details.lastName.required") : void 0,
+                children: /* @__PURE__ */ a(
+                  Fe,
+                  {
+                    autoComplete: "family-name",
+                    value: e.lastName ?? "",
+                    onChange: (v) => L({ lastName: v.target.value }),
+                    onBlur: () => F("lastName")
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ b("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ a(
+              oe,
+              {
+                label: p("booking.details.email.label"),
+                required: !0,
+                error: T.email && !fe ? p("booking.details.email.invalid") : void 0,
+                children: /* @__PURE__ */ a(
+                  ns,
+                  {
+                    value: e.email ?? "",
+                    onChange: (v) => L({ email: v.target.value }),
+                    onBlur: () => F("email")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              oe,
+              {
+                label: p("booking.details.mobilePhone.label"),
+                required: !0,
+                error: T.mobilePhone && !Ie ? p("booking.details.mobilePhone.invalid") : void 0,
+                children: /* @__PURE__ */ a(
+                  is,
+                  {
+                    value: e.mobilePhone ?? "",
+                    defaultCountry: I == null ? void 0 : I.toUpperCase(),
+                    onChange: (v) => {
+                      L({ mobilePhone: v }), F("mobilePhone");
+                    }
+                  }
+                )
+              }
+            )
+          ] }),
+          n || i ? /* @__PURE__ */ b("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            n ? /* @__PURE__ */ a(
+              oe,
+              {
+                label: p("booking.details.codiceFiscale.label"),
+                required: !0,
+                description: D.state === "pending" ? p("booking.details.codiceFiscale.checking") : p("booking.details.codiceFiscale.helper"),
+                error: T.codiceFiscale && D.state === "invalid" ? D.hint ?? p("booking.details.codiceFiscale.invalid") : void 0,
+                children: /* @__PURE__ */ a(
+                  Fe,
+                  {
+                    value: e.codiceFiscale ?? "",
+                    maxLength: 16,
+                    onChange: (v) => L({
+                      codiceFiscale: v.target.value.slice(0, 16).toUpperCase()
+                    }),
+                    onBlur: () => F("codiceFiscale")
+                  }
+                )
+              }
+            ) : null,
+            i ? /* @__PURE__ */ a(
+              oe,
+              {
+                label: p("booking.details.dateOfBirth.label"),
+                required: !0,
+                error: T.dateOfBirth && !e.dateOfBirth ? p("booking.details.dateOfBirth.required") : void 0,
+                children: /* @__PURE__ */ a(
+                  as,
+                  {
+                    value: e.dateOfBirth ? new Date(e.dateOfBirth) : void 0,
+                    onChange: (v) => {
+                      L({
+                        dateOfBirth: v ? v.toISOString().slice(0, 10) : void 0
+                      }), F("dateOfBirth");
+                    }
+                  }
+                )
+              }
+            ) : null
+          ] }) : null,
+          se ? /* @__PURE__ */ a(
+            oe,
+            {
+              label: p("booking.details.insuranceNumber.label"),
+              required: !0,
+              description: g.state === "pending" ? p("booking.details.insuranceNumber.checking") : void 0,
+              error: T.insuranceNumber && g.state === "invalid" ? g.hint ?? p("booking.details.insuranceNumber.invalid") : void 0,
+              children: /* @__PURE__ */ a(
+                Fe,
+                {
+                  value: e.insuranceNumber ?? "",
+                  onChange: (v) => L({ insuranceNumber: v.target.value }),
+                  onBlur: () => F("insuranceNumber")
+                }
+              )
+            }
+          ) : null,
+          d ? /* @__PURE__ */ a(
+            oe,
+            {
+              label: p("booking.details.note.label"),
+              description: p("booking.details.note.helper", {
+                max: St
+              }),
+              children: /* @__PURE__ */ a(
+                os,
+                {
+                  value: e.note ?? "",
+                  maxLength: St,
+                  rows: 3,
+                  onChange: (v) => L({ note: v.target.value })
+                }
+              )
+            }
+          ) : null,
+          f ? /* @__PURE__ */ a(
+            tt,
+            {
+              checked: !!e.returningPatient,
+              onCheckedChange: (v) => L({ returningPatient: v === !0 }),
+              label: p("booking.details.returningPatient.label")
+            }
+          ) : null,
+          /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ a(
+              tt,
+              {
+                checked: !!e.privacyConsent,
+                onCheckedChange: (v) => L({ privacyConsent: v === !0 }),
+                label: /* @__PURE__ */ b(ee, { children: [
+                  ge(
+                    "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(
+              tt,
+              {
+                checked: !!e.termsConsent,
+                onCheckedChange: (v) => L({ termsConsent: v === !0 }),
+                label: /* @__PURE__ */ b(ee, { children: [
+                  ge(
+                    "booking.details.consent.terms.label",
+                    l
+                  ),
+                  /* @__PURE__ */ a(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            )
+          ] }),
+          X ? /* @__PURE__ */ a(
+            "div",
+            {
+              "data-component": "booking-confirmation-channels",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+              children: /* @__PURE__ */ a(
+                ss,
+                {
+                  label: p("booking.confirmation.heading"),
+                  helperText: p("booking.confirmation.helper"),
+                  value: de,
+                  onChange: (v) => L({
+                    confirmationChannels: v
+                  }),
+                  orientation: "vertical",
+                  options: re.map((v) => ({
+                    value: v,
+                    label: p(`booking.confirmation.channel.${v}`)
+                  })),
+                  error: De ? p("booking.confirmation.atLeastOne") : void 0
+                }
+              )
+            }
+          ) : null,
+          x ? /* @__PURE__ */ a(U, { variant: "error", children: /* @__PURE__ */ a(U.Description, { children: x }) }) : null,
+          /* @__PURE__ */ a(
+            pe,
+            {
+              intent: "primary",
+              size: "md",
+              type: "submit",
+              disabled: !ae,
+              startIcon: h ? /* @__PURE__ */ a(rs, { variant: "pulse", size: "sm" }) : void 0,
+              children: p("booking.details.submit")
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+lt.displayName = "BookingDetailsForm";
+const da = Ge(
+  "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" }
+  }
+), la = [
+  [
+    /\b(estetic|aesthetic|botox|filler|mesoterap|chirurgia\s*plastic)/i,
+    yt
+  ],
+  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, ks],
+  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, qs],
+  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, Ss],
+  [/\b(otorin|udito|orecchi|hearing|ear)/i, Es],
+  [/\b(neuro|brain|cervello)/i, Os],
+  [/\b(pediatr|child|bambin)/i, Ds],
+  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, Ts],
+  [/\b(lab|analis|test|sang|esami)/i, Vs],
+  [/\b(farmaco|pharm|pillol|refill)/i, $s],
+  [/\b(chirurg|surg|intervent|operat)/i, Ks],
+  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, xs],
+  [/\b(vacc|inject|inie|punto)/i, yt],
+  [/\b(derma|skin|pelle)/i, Is],
+  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, Ns],
+  [/\b(general|medicin|family|control|check[-\s]?up)/i, Cs]
+];
+function ca(e) {
+  for (const [t, s] of la)
+    if (t.test(e)) return s;
+  return null;
+}
+function ua(e) {
+  const t = ca(e.label) ?? ys;
+  return /* @__PURE__ */ a(t, { "aria-hidden": "true", className: "ds:size-5" });
+}
+function Rt(e) {
+  var t;
+  return (t = e.priceLabel) != null && t.trim() ? e.priceLabel : void 0;
+}
+function ce(e) {
+  return je(e, "yyyy-MM-dd");
+}
+const pa = [
+  "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(" "), ma = Ge(pa, {
+  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 fa({
+  availableDates: e,
+  selectedDate: t,
+  onSelectDate: s,
+  locale: n,
+  loading: i
+}) {
+  const { t: o } = P(), c = C(() => t ? Me(K(t)) : e.length > 0 ? Me(K(e[0])) : Me(/* @__PURE__ */ new Date()), [t, e]), [d, f] = H(c), [r, l] = H(null), u = C(() => {
+    const x = Me(d), S = ms(d), p = x.getDay(), _ = S.getDate(), D = [];
+    for (let m = p; m > 0; m -= 1) {
+      const g = new Date(x);
+      g.setDate(x.getDate() - m), D.push(g);
+    }
+    for (let m = 0; m < _; m += 1) {
+      const g = new Date(x);
+      g.setDate(x.getDate() + m), D.push(g);
+    }
+    for (; D.length < 42; ) {
+      const m = D[D.length - 1], g = new Date(m);
+      g.setDate(m.getDate() + 1), D.push(g);
+    }
+    return D;
+  }, [d]), k = C(() => {
+    try {
+      return new Intl.DateTimeFormat(n, {
+        month: "long",
+        year: "numeric"
+      }).format(d);
+    } catch {
+      return je(d, "MMMM yyyy");
+    }
+  }, [d, n]), h = C(() => {
+    const x = new Date(2024, 0, 7);
+    return Array.from({ length: 7 }, (S, p) => {
+      const _ = new Date(x);
+      _.setDate(x.getDate() + p);
+      try {
+        return new Intl.DateTimeFormat(n, { weekday: "short" }).format(_);
+      } catch {
+        return je(_, "EEE");
+      }
+    });
+  }, [n]), y = C(() => new Set(e), [e]), I = Z(
+    (x) => y.has(ce(x)),
+    [y]
+  ), N = C(() => {
+    if (r) return r;
+    if (t) return K(t);
+    const x = u.find(
+      (S) => $e(S, d) && I(S)
+    );
+    return x || (u.find((S) => $e(S, d)) ?? null);
+  }, [r, t, u, d, I]), w = Z(
+    (x, S) => {
+      let p = null;
+      switch (x.key) {
+        case "ArrowLeft":
+          p = new Date(S), p.setDate(S.getDate() - 1);
+          break;
+        case "ArrowRight":
+          p = new Date(S), p.setDate(S.getDate() + 1);
+          break;
+        case "ArrowUp":
+          p = new Date(S), p.setDate(S.getDate() - 7);
+          break;
+        case "ArrowDown":
+          p = new Date(S), p.setDate(S.getDate() + 7);
+          break;
+        case "Home":
+          p = new Date(S), p.setDate(S.getDate() - S.getDay());
+          break;
+        case "End":
+          p = new Date(S), p.setDate(S.getDate() + (6 - S.getDay()));
+          break;
+        case "Enter":
+        case " ": {
+          x.preventDefault(), I(S) && s(ce(S));
+          return;
+        }
+        default:
+          return;
+      }
+      p && (x.preventDefault(), $e(p, d) || f(Me(p)), l(p));
+    },
+    [I, s, d]
+  );
+  return i ? /* @__PURE__ */ b(
+    "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(qe, { variant: "text", width: "40%" }),
+        /* @__PURE__ */ a("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (x, S) => /* @__PURE__ */ a(qe, { variant: "rounded", height: "2.5rem" }, `mg-skel-${S}`)) })
+      ]
+    }
+  ) : /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ a(
+        vt,
+        {
+          icon: /* @__PURE__ */ a(gs, {}),
+          "aria-label": o("booking.previousMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            f((x) => Js(x)), l(null);
+          }
+        }
+      ),
+      /* @__PURE__ */ a(
+        "span",
+        {
+          className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+          "aria-live": "polite",
+          children: k
+        }
+      ),
+      /* @__PURE__ */ a(
+        vt,
+        {
+          icon: /* @__PURE__ */ a(hs, {}),
+          "aria-label": o("booking.nextMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            f((x) => Mt(x, 1)), l(null);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ b(
+      "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: h.map((x, S) => /* @__PURE__ */ a(
+                "div",
+                {
+                  role: "columnheader",
+                  className: "type-meta ds:text-center ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-medium)]",
+                  children: x
+                },
+                `wd-${S}`
+              ))
+            }
+          ),
+          Array.from({ length: 6 }, (x, S) => /* @__PURE__ */ a(
+            "div",
+            {
+              role: "row",
+              className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+              children: u.slice(S * 7, S * 7 + 7).map((p, _) => {
+                const D = S * 7 + _, m = $e(p, d), g = m && I(p), A = t ? bt(p, K(t)) : !1, T = m ? A ? "selected" : g ? "available" : "unavailable" : "outside", V = N ? bt(N, p) : !1, F = (() => {
+                  try {
+                    return new Intl.DateTimeFormat(n, {
+                      dateStyle: "full"
+                    }).format(p);
+                  } catch {
+                    return je(p, "PPP");
+                  }
+                })();
+                return /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    role: "gridcell",
+                    "aria-label": F,
+                    "aria-selected": A || void 0,
+                    "aria-disabled": !g || void 0,
+                    tabIndex: V ? 0 : -1,
+                    disabled: !g,
+                    onClick: () => {
+                      g && s(ce(p));
+                    },
+                    onKeyDown: (R) => w(R, p),
+                    className: ma({ state: T }),
+                    children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: p.getDate() })
+                  },
+                  `mg-cell-${D}`
+                );
+              })
+            },
+            `mg-row-${S}`
+          ))
+        ]
+      }
+    )
+  ] });
+}
+const ga = Ge(
+  [
+    "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 ha({
+  services: e,
+  selectedServiceId: t,
+  onSelect: s
+}) {
+  const { t: n } = P(), i = it(), [o, c] = H(() => {
+    if (t) {
+      const l = e.findIndex((u) => u.id === t);
+      if (l >= 0) return l;
+    }
+    return 0;
+  }), d = Y(/* @__PURE__ */ new Map()), f = Z((l) => {
+    var u;
+    (u = d.current.get(l)) == null || u.focus();
+  }, []), r = Z(
+    (l, u, k) => {
+      const h = e.length;
+      if (h !== 0)
+        switch (l.key) {
+          case "ArrowDown":
+          case "ArrowRight": {
+            l.preventDefault();
+            const y = (u + 1) % h;
+            c(y), f(y);
+            break;
+          }
+          case "ArrowUp":
+          case "ArrowLeft": {
+            l.preventDefault();
+            const y = (u - 1 + h) % h;
+            c(y), f(y);
+            break;
+          }
+          case "Home": {
+            l.preventDefault(), c(0), f(0);
+            break;
+          }
+          case "End": {
+            l.preventDefault();
+            const y = h - 1;
+            c(y), f(y);
+            break;
+          }
+          case "Enter":
+          case " ": {
+            l.preventDefault(), s(k);
+            break;
+          }
+        }
+    },
+    [e.length, f, s]
+  );
+  return e.length === 0 ? null : /* @__PURE__ */ a(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": n("booking.serviceListLabel"),
+      id: i,
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: e.map((l, u) => {
+        const k = t === l.id, h = o === u, y = Rt(l), I = y ? n("booking.serviceCardLabelPrice", {
+          label: l.label,
+          price: y
+        }) : n("booking.serviceCardLabel", {
+          label: l.label,
+          duration: l.durationMin
+        }), N = ua(l);
+        return /* @__PURE__ */ b(
+          "button",
+          {
+            ref: (w) => {
+              w ? d.current.set(u, w) : d.current.delete(u);
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": k,
+            "aria-label": I,
+            tabIndex: h ? 0 : -1,
+            onClick: () => s(l.id),
+            onFocus: () => c(u),
+            onKeyDown: (w) => r(w, u, l.id),
+            className: ga({
+              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__ */ b("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: l.label }),
+                /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: y ?? n("booking.serviceSummary", { minutes: l.durationMin }) })
+              ] })
+            ]
+          },
+          l.id
+        );
+      })
+    }
+  );
+}
+const va = Ge(
+  [
+    "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 ba(e) {
+  const [t] = e.split(":").map((n) => parseInt(n, 10)), s = Number.isFinite(t) ? t : 0;
+  return s < 12 ? "morning" : s < 17 ? "afternoon" : "evening";
+}
+const ya = {
+  morning: bs,
+  afternoon: Hs,
+  evening: vs
+};
+function ka({
+  date: e,
+  slots: t,
+  selectedSlotKey: s,
+  onSelect: n,
+  loading: i,
+  locale: o
+}) {
+  const { t: c } = P(), d = C(() => {
+    try {
+      return new Intl.DateTimeFormat(o, {
+        weekday: "long",
+        day: "numeric",
+        month: "long"
+      }).format(K(e));
+    } catch {
+      return e;
+    }
+  }, [e, o]), f = C(() => {
+    const u = {
+      morning: [],
+      afternoon: [],
+      evening: []
+    };
+    for (const k of t)
+      u[ba(k.time)].push(k);
+    return u;
+  }, [t]), r = t.filter((u) => u.available).length, l = ["morning", "afternoon", "evening"];
+  return i ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ a(qe, { variant: "text", width: "60%" }),
+    [0, 1].map((u) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)]",
+        children: [0, 1, 2].map((k) => /* @__PURE__ */ a(qe, { variant: "rounded", height: "44px" }, k))
+      },
+      u
+    ))
+  ] }) : r === 0 ? /* @__PURE__ */ a(Ct, { variant: "no-results", title: c("booking.noSlotsForDate") }) : /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ b("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ a(
+          Ps,
+          {
+            "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: d })
+      ] }),
+      /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: c("booking.slotsAvailable", { count: r }) })
+    ] }),
+    l.map((u) => {
+      const k = f[u];
+      if (k.length === 0) return null;
+      const h = ya[u];
+      return /* @__PURE__ */ b(
+        "div",
+        {
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          children: [
+            /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ a(h, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              /* @__PURE__ */ a("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: c(`booking.timeOfDay.${u}`) })
+            ] }),
+            /* @__PURE__ */ a(
+              "div",
+              {
+                role: "group",
+                "aria-label": c(`booking.timeOfDay.${u}`),
+                className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)] ds:sm:grid-cols-4",
+                children: k.map((y) => {
+                  const I = y.key === s, N = y.available ? I ? "selected" : "idle" : "unavailable";
+                  return /* @__PURE__ */ a(
+                    "button",
+                    {
+                      type: "button",
+                      "data-slot-id": y.key,
+                      disabled: !y.available,
+                      "aria-pressed": I,
+                      "aria-label": c("booking.slotAvailableLabel", {
+                        time: y.time
+                      }),
+                      onClick: () => y.available && n(y),
+                      className: va({ state: N }),
+                      children: y.time
+                    },
+                    y.key
+                  );
+                })
+              }
+            )
+          ]
+        },
+        u
+      );
+    })
+  ] });
+}
+const Ke = 4;
+function Sa({
+  availableDates: e,
+  availableSlots: t,
+  value: s,
+  onChange: n,
+  onDateSelect: i,
+  onWindowChange: o,
+  loadingDates: c,
+  loadingSlots: d,
+  locale: f,
+  agentIdBase: r
+}) {
+  const l = C(() => ye(/* @__PURE__ */ new Date()), []), [u, k] = H(() => {
+    if (s.date) {
+      const g = ye(K(s.date));
+      if (!ke(l, g)) return g;
+    }
+    if (e.length > 0) {
+      const g = ye(K(e[0]));
+      if (ke(g, l)) return g;
+    }
+    return l;
+  }), h = C(
+    () => st(u, Ke - 1),
+    [u]
+  ), y = C(() => Array.from({ length: Ke }, (g, A) => {
+    const T = st(u, A), V = ce(T), R = (t[V] ?? []).map(($) => ({
+      id: $.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: `${V}T${$.time}:00`,
+      available: $.available
+    }));
+    return { date: V, slots: R };
+  }), [u, t]), I = ke(u, l), N = !0, w = Z(() => {
+    k((g) => {
+      const A = fs(g, Ke);
+      return ke(l, A) ? l : A;
+    });
+  }, [l]), x = Z(() => {
+    k((g) => st(g, Ke));
+  }, []);
+  q(() => {
+    if (e.length === 0) return;
+    const g = ye(K(e[0]));
+    !ke(g, l) || e.some((T) => {
+      const V = ye(K(T));
+      return !ke(V, h) && !ps(V, u);
+    }) || k(g);
+  }, [e]), q(() => {
+    o == null || o(ce(u), ce(h));
+  }, [u, h, o]);
+  const S = Z(
+    (g, A) => {
+      const T = typeof A.date == "string" ? A.date : ce(A.date);
+      n({
+        ...Lt(Ue(s, T), g.id)
+      }), i == null || i(T);
+    },
+    [n, i, s]
+  ), p = c || d ? "loading" : "default", _ = y.some((g) => g.slots.length > 0), D = e[0];
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    !_ && !!D ? /* @__PURE__ */ a(
+      ct,
+      {
+        nextAvailableDate: D,
+        onJump: () => k(ye(K(D))),
+        locale: f
+      }
+    ) : null,
+    /* @__PURE__ */ a(
+      cs,
+      {
+        id: r ? `${r}-slots` : void 0,
+        days: y,
+        state: p,
+        selectedSlotId: s.slotKey,
+        maxInitialSlotsPerDay: 6,
+        locale: f,
+        hasPrevious: I,
+        hasNext: N,
+        onSlotSelect: S,
+        onPreviousDays: w,
+        onNextDays: x
+      }
+    )
+  ] });
+}
+function Vt(e) {
+  const {
+    inputs: t,
+    value: s,
+    onChange: n,
+    onDateSelect: i,
+    onWindowChange: o,
+    loadingDates: c,
+    loadingSlots: d,
+    locale: f,
+    datePickerStyle: r,
+    agentIdBase: l
+  } = e;
+  return r === "four-day-grid" ? /* @__PURE__ */ a(
+    Sa,
+    {
+      availableDates: t.availableDates,
+      availableSlots: t.availableSlots,
+      value: s,
+      onChange: n,
+      onDateSelect: i,
+      onWindowChange: o,
+      loadingDates: c,
+      loadingSlots: d,
+      locale: f,
+      agentIdBase: l
+    }
+  ) : /* @__PURE__ */ a(
+    fa,
+    {
+      availableDates: t.availableDates,
+      selectedDate: s.date,
+      onSelectDate: (u) => {
+        n(Ue(s, u)), i == null || i(u);
+      },
+      locale: f,
+      loading: c ?? d
+    }
+  );
+}
+function Ft(e) {
+  const { inputs: t, value: s, onChange: n, loadingSlots: i, locale: o, datePickerStyle: c } = e;
+  return c === "four-day-grid" || !s.date ? null : /* @__PURE__ */ a(
+    ka,
+    {
+      date: s.date,
+      slots: t.availableSlots[s.date] ?? [],
+      selectedSlotKey: s.slotKey,
+      onSelect: (d) => n(Lt(s, d.key)),
+      loading: i,
+      locale: o
+    }
+  );
+}
+function $t({ value: e, onChange: t }) {
+  const { t: s } = P(), n = [
+    { value: "private", label: s("booking.insurance.private") },
+    { value: "public", label: s("booking.insurance.public") }
+  ];
+  return /* @__PURE__ */ b("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(
+      He,
+      {
+        options: n,
+        value: e ?? "",
+        onValueChange: (i) => {
+          (i === "private" || i === "public") && t(i);
+        },
+        placeholder: s("booking.insurance.placeholder"),
+        "aria-label": s("booking.insurance.heading")
+      }
+    )
+  ] });
+}
+function zt({
+  specialties: e,
+  value: t,
+  valueIds: s,
+  onChange: n,
+  onChangeIds: i,
+  pickerStyle: o = "select"
+}) {
+  const { t: c } = P(), d = e.map((r) => ({
+    value: r.id,
+    label: r.label
+  })), f = /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: c("booking.specialty.heading") });
+  return o === "multi-select" && i ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    f,
+    /* @__PURE__ */ a(
+      rt,
+      {
+        options: d,
+        value: s ?? [],
+        onChange: i,
+        placeholder: c("booking.specialty.placeholder"),
+        "aria-label": c("booking.specialty.heading"),
+        allowClear: !0
+      }
+    )
+  ] }) : o === "combobox" ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    f,
+    /* @__PURE__ */ a(
+      ot,
+      {
+        options: d,
+        value: t ?? "",
+        onValueChange: (r) => n(r === "" ? "" : r),
+        placeholder: c("booking.specialty.placeholder"),
+        "aria-label": c("booking.specialty.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    f,
+    /* @__PURE__ */ a(
+      He,
+      {
+        options: d,
+        value: t ?? "",
+        onValueChange: (r) => n(r),
+        placeholder: c("booking.specialty.placeholder"),
+        "aria-label": c("booking.specialty.heading")
+      }
+    )
+  ] });
+}
+function Kt({
+  services: e,
+  value: t,
+  valueIds: s,
+  onChange: n,
+  onChangeIds: i,
+  pickerStyle: o,
+  compact: c
+}) {
+  const { t: d } = P(), f = o ?? (c ? "select" : "cards"), r = e.map((u) => ({
+    value: u.id,
+    label: `${u.label} · ${Rt(u) ?? d("booking.serviceSummary", {
+      minutes: u.durationMin
+    })}`
+  })), l = /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: d("booking.service.heading") });
+  return f === "multi-select" && i ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    l,
+    /* @__PURE__ */ a(
+      rt,
+      {
+        options: r,
+        value: s ?? [],
+        onChange: i,
+        placeholder: d("booking.service.placeholder"),
+        "aria-label": d("booking.service.heading"),
+        allowClear: !0
+      }
+    )
+  ] }) : f === "combobox" ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    l,
+    /* @__PURE__ */ a(
+      ot,
+      {
+        options: r,
+        value: t ?? "",
+        onValueChange: (u) => n(u === "" ? "" : u),
+        placeholder: d("booking.service.placeholder"),
+        "aria-label": d("booking.service.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : f === "select" ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    l,
+    /* @__PURE__ */ a(
+      He,
+      {
+        options: r,
+        value: t ?? "",
+        onValueChange: (u) => n(u),
+        placeholder: d("booking.service.placeholder"),
+        "aria-label": d("booking.service.heading")
+      }
+    )
+  ] }) : /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    l,
+    /* @__PURE__ */ a(
+      ha,
+      {
+        services: e,
+        selectedServiceId: t,
+        onSelect: n
+      }
+    )
+  ] });
+}
+function jt({
+  operators: e,
+  value: t,
+  valueIds: s,
+  onChange: n,
+  onChangeIds: i,
+  pickerStyle: o = "select"
+}) {
+  const { t: c } = P(), d = /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: c("booking.operator.heading") });
+  if (o === "multi-select" && i) {
+    const r = e.map((l) => ({
+      value: l.id,
+      label: l.name
+    }));
+    return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      d,
+      /* @__PURE__ */ a(
+        rt,
+        {
+          options: r,
+          value: s ?? [],
+          onChange: i,
+          placeholder: c("booking.operator.placeholder"),
+          "aria-label": c("booking.operator.heading"),
+          allowClear: !0
+        }
+      )
+    ] });
+  }
+  const f = [
+    { value: W, label: c("booking.operator.all") },
+    ...e.map((r) => ({ value: r.id, label: r.name }))
+  ];
+  return o === "combobox" ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    d,
+    /* @__PURE__ */ a(
+      ot,
+      {
+        options: f,
+        value: t ?? W,
+        onValueChange: (r) => n(r === "" ? W : r),
+        placeholder: c("booking.operator.placeholder"),
+        "aria-label": c("booking.operator.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    d,
+    /* @__PURE__ */ a(
+      He,
+      {
+        options: f,
+        value: t ?? W,
+        onValueChange: (r) => n(r),
+        placeholder: c("booking.operator.placeholder"),
+        "aria-label": c("booking.operator.heading")
+      }
+    )
+  ] });
+}
+function qt({
+  customSlot: e
+}) {
+  const { t } = P();
+  return e ? /* @__PURE__ */ a(ee, { children: e }) : /* @__PURE__ */ b(U, { variant: "warning", children: [
+    /* @__PURE__ */ a(U.Title, { as: "h4", children: t("booking.onboardingIncomplete.title") }),
+    /* @__PURE__ */ a(U.Description, { children: t("booking.onboardingIncomplete.description") })
+  ] });
+}
+function ct({
+  nextAvailableDate: e,
+  onJump: t,
+  locale: s
+}) {
+  const { t: n } = P(), i = C(() => {
+    try {
+      return new Intl.DateTimeFormat(s, { dateStyle: "long" }).format(
+        K(e)
+      );
+    } catch {
+      return e;
+    }
+  }, [e, s]);
+  return /* @__PURE__ */ b(U, { variant: "info", children: [
+    /* @__PURE__ */ a(U.Description, { children: n("booking.nextAvailable.description", { date: i }) }),
+    /* @__PURE__ */ a(U.Action, { children: /* @__PURE__ */ a(pe, { intent: "secondary", size: "sm", onClick: t, children: n("booking.nextAvailable.cta") }) })
+  ] });
+}
+function xa({
+  snapshot: e,
+  operators: t,
+  specialties: s,
+  services: n,
+  locale: i,
+  mode: o,
+  showModify: c,
+  onReset: d,
+  onModify: f
+}) {
+  const { t: r } = P(), u = (e.details.confirmationChannels ?? ["email"]).map(
+    (w) => r(`booking.confirmation.channel.${w}`)
+  ), k = o === "demo" ? r("booking.success.descriptionDemo") : u.length > 1 ? r("booking.success.descriptionMultiple", {
+    channels: u.join(" · ")
+  }) : r("booking.success.descriptionSingle", { channel: u[0] }), h = C(() => {
+    if (e.date)
+      try {
+        return new Intl.DateTimeFormat(i, {
+          weekday: "long",
+          day: "numeric",
+          month: "long"
+        }).format(K(e.date));
+      } catch {
+        return e.date;
+      }
+  }, [e.date, i]), y = e.operatorId ? t.find((w) => w.id === e.operatorId) : void 0, I = e.specialtyId ? s.find((w) => w.id === e.specialtyId) : void 0, N = e.serviceId ? n.find((w) => w.id === e.serviceId) : void 0;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      "data-component": "booking-success",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ b(U, { variant: "success", children: [
+          /* @__PURE__ */ a(U.Title, { as: "h3", children: r("booking.success.heading") }),
+          /* @__PURE__ */ a(U.Description, { children: k })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[var(--secondary)] ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ b("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: [
+          I ? /* @__PURE__ */ b(ee, { 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: I.label })
+          ] }) : null,
+          N ? /* @__PURE__ */ b(ee, { 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: N.label })
+          ] }) : null,
+          h ? /* @__PURE__ */ b(ee, { 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: h })
+          ] }) : 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 }),
+          y ? /* @__PURE__ */ b(ee, { 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: y.name })
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ a(pe, { intent: "secondary", size: "md", onClick: d, children: r("booking.success.bookAnother") }),
+          c ? /* @__PURE__ */ a(pe, { intent: "ghost", size: "md", onClick: f, children: r("booking.success.modifyBooking") }) : null
+        ] })
+      ]
+    }
+  );
+}
+function Gt({ customSlot: e }) {
+  const { t } = P();
+  return e ? /* @__PURE__ */ a(ee, { children: e }) : /* @__PURE__ */ a(
+    Ct,
+    {
+      variant: "no-results",
+      title: t("booking.emptyServices.title"),
+      description: t("booking.emptyServices.description")
+    }
+  );
+}
+const Ht = "data-booking-step-active", Ia = `[${Ht}]`, It = [
+  "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(" ");
+function B({
+  step: e,
+  active: t,
+  className: s,
+  id: n,
+  children: i
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      id: n,
+      "data-booking-step": String(e),
+      ...t ? { [Ht]: "" } : null,
+      tabIndex: -1,
+      className: s ? `${s} ${It}` : It,
+      children: i
+    }
+  );
+}
+function ut(e, t) {
+  return t === "four-day-grid" ? e.filter((s) => s !== 6) : e;
+}
+function Na(e) {
+  const {
+    cascade: t,
+    inputs: s,
+    value: n,
+    onChange: i,
+    onSubmit: o,
+    emptyServicesSlot: c,
+    onboardingIncompleteSlot: d,
+    loadingDates: f,
+    loadingSlots: r,
+    onDateSelect: l,
+    onWindowChange: u,
+    datePickerStyle: k,
+    specialtyPickerStyle: h,
+    servicePickerStyle: y,
+    operatorPickerStyle: I,
+    submitting: N,
+    locale: w,
+    detailsProps: x,
+    agentIdBase: S,
+    activeStep: p
+  } = e, { t: _ } = P(), D = Se(p, k), m = (g, A) => ({
+    step: g,
+    active: g === D,
+    className: A
+  });
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    t.gates.insurance ? /* @__PURE__ */ a(B, { ...m(1), children: /* @__PURE__ */ a(
+      $t,
+      {
+        value: n.insuranceType,
+        onChange: (g) => i(Dt(n, g))
+      }
+    ) }) : null,
+    t.gates.specialty ? /* @__PURE__ */ a(B, { ...m(2), children: /* @__PURE__ */ a(
+      zt,
+      {
+        specialties: t.filtered.specialties,
+        value: n.specialtyId,
+        valueIds: n.specialtyIds,
+        onChange: (g) => i(At(n, g)),
+        onChangeIds: (g) => i(Tt(n, g)),
+        pickerStyle: h
+      }
+    ) }) : null,
+    t.gates.service ? /* @__PURE__ */ a(B, { ...m(3), children: t.filtered.services.length === 0 ? /* @__PURE__ */ a(Gt, { customSlot: c }) : /* @__PURE__ */ a(
+      Kt,
+      {
+        services: t.filtered.services,
+        value: n.serviceId,
+        valueIds: n.serviceIds,
+        onChange: (g) => i(_t(n, g)),
+        onChangeIds: (g) => i(Ot(n, g)),
+        pickerStyle: y
+      }
+    ) }) : null,
+    t.gates.onboardingIncomplete ? /* @__PURE__ */ a(qt, { customSlot: d }) : null,
+    t.gates.operator ? /* @__PURE__ */ a(B, { ...m(4), children: /* @__PURE__ */ a(
+      jt,
+      {
+        operators: t.filtered.operators,
+        value: n.operatorId,
+        valueIds: n.operatorIds,
+        onChange: (g) => i(Bt(n, g)),
+        onChangeIds: (g) => i(Pt(n, g)),
+        pickerStyle: I
+      }
+    ) }) : null,
+    t.gates.date ? /* @__PURE__ */ b(
+      B,
+      {
+        ...m(5, "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: _("booking.date.heading") }),
+          s.availableDates.length === 0 && s.nextAvailableDate ? /* @__PURE__ */ a(
+            ct,
+            {
+              nextAvailableDate: s.nextAvailableDate,
+              onJump: () => i(Ue(n, s.nextAvailableDate)),
+              locale: w
+            }
+          ) : Vt({
+            inputs: s,
+            value: n,
+            onChange: i,
+            onDateSelect: l,
+            onWindowChange: u,
+            loadingDates: f,
+            loadingSlots: r,
+            locale: w,
+            datePickerStyle: k,
+            agentIdBase: S
+          })
+        ]
+      }
+    ) : null,
+    t.gates.slot && n.date && k === "month-calendar" ? /* @__PURE__ */ b(
+      B,
+      {
+        ...m(6, "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: _("booking.slot.heading") }),
+          Ft({
+            inputs: s,
+            value: n,
+            onChange: i,
+            loadingSlots: r,
+            locale: w,
+            datePickerStyle: k
+          })
+        ]
+      }
+    ) : null,
+    t.gates.details && t.selectedSlot ? /* @__PURE__ */ a(B, { ...m(7), children: /* @__PURE__ */ a(
+      lt,
+      {
+        ...x,
+        value: n.details ?? {},
+        onChange: (g) => i({ ...n, details: g }),
+        onSubmit: o,
+        submitting: N,
+        defaultPhoneCountry: e.policy.country
+      }
+    ) }) : null
+  ] });
+}
+function G(e, t, s = {}) {
+  const {
+    cascade: n,
+    inputs: i,
+    value: o,
+    onChange: c,
+    onSubmit: d,
+    emptyServicesSlot: f,
+    onboardingIncompleteSlot: r,
+    loadingDates: l,
+    loadingSlots: u,
+    onDateSelect: k,
+    onWindowChange: h,
+    datePickerStyle: y,
+    specialtyPickerStyle: I,
+    servicePickerStyle: N,
+    operatorPickerStyle: w,
+    submitting: x,
+    locale: S,
+    detailsProps: p,
+    policy: _,
+    agentIdBase: D
+  } = t;
+  switch (e) {
+    case 1:
+      return /* @__PURE__ */ a(
+        $t,
+        {
+          value: o.insuranceType,
+          onChange: (m) => c(Dt(o, m))
+        }
+      );
+    case 2:
+      return /* @__PURE__ */ a(
+        zt,
+        {
+          specialties: n.filtered.specialties,
+          value: o.specialtyId,
+          valueIds: o.specialtyIds,
+          onChange: (m) => c(At(o, m)),
+          onChangeIds: (m) => c(Tt(o, m)),
+          pickerStyle: I
+        }
+      );
+    case 3:
+      return n.filtered.services.length === 0 ? /* @__PURE__ */ a(Gt, { customSlot: f }) : n.gates.onboardingIncomplete ? /* @__PURE__ */ a(qt, { customSlot: r }) : /* @__PURE__ */ a(
+        Kt,
+        {
+          services: n.filtered.services,
+          value: o.serviceId,
+          valueIds: o.serviceIds,
+          onChange: (m) => c(_t(o, m)),
+          onChangeIds: (m) => c(Ot(o, m)),
+          pickerStyle: N,
+          compact: s.compactService
+        }
+      );
+    case 4:
+      return /* @__PURE__ */ a(
+        jt,
+        {
+          operators: n.filtered.operators,
+          value: o.operatorId,
+          valueIds: o.operatorIds,
+          onChange: (m) => c(Bt(o, m)),
+          onChangeIds: (m) => c(Pt(o, m)),
+          pickerStyle: w
+        }
+      );
+    case 5:
+      return i.availableDates.length === 0 && i.nextAvailableDate ? /* @__PURE__ */ a(
+        ct,
+        {
+          nextAvailableDate: i.nextAvailableDate,
+          onJump: () => c(Ue(o, i.nextAvailableDate)),
+          locale: S
+        }
+      ) : Vt({
+        inputs: i,
+        value: o,
+        onChange: c,
+        onDateSelect: k,
+        onWindowChange: h,
+        loadingDates: l,
+        loadingSlots: u,
+        locale: S,
+        datePickerStyle: y,
+        agentIdBase: D
+      });
+    case 6:
+      return Ft({
+        inputs: i,
+        value: o,
+        onChange: c,
+        loadingSlots: u,
+        locale: S,
+        datePickerStyle: y
+      });
+    case 7:
+      return n.selectedSlot ? /* @__PURE__ */ a(
+        lt,
+        {
+          ...p,
+          value: o.details ?? {},
+          onChange: (m) => c({ ...o, details: m }),
+          onSubmit: d,
+          submitting: x,
+          defaultPhoneCountry: _.country
+        }
+      ) : null;
+    /* c8 ignore next 2 */
+    default:
+      return null;
+  }
+}
+function Je() {
+  const { t: e } = P();
+  return C(
+    () => ({
+      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 Se(e, t) {
+  return t === "four-day-grid" && e === 6 ? 5 : e;
+}
+function wa(e) {
+  const { cascade: t, value: s, activeStep: n, setActiveStep: i, datePickerStyle: o } = e, c = Je(), { t: d } = P(), f = d("booking.operator.all"), r = C(
+    () => ut(t.visibleSteps, o),
+    [t.visibleSteps, o]
+  ), l = Se(n, o), u = Math.max(0, r.indexOf(l)), k = C(
+    () => r.map((h) => ({
+      label: c[h],
+      summary: Ut(h, s, t, f),
+      status: Ca(h, s, t),
+      content: /* @__PURE__ */ a(B, { step: h, active: h === l, children: G(h, e, { compactService: !0 }) })
+    })),
+    [
+      r,
+      s,
+      c,
+      t,
+      e,
+      l,
+      f
+    ]
+  );
+  return /* @__PURE__ */ a(
+    ds,
+    {
+      activeStep: u,
+      steps: k,
+      onStepChange: (h) => {
+        const y = r[h];
+        y && i(y);
+      }
+    }
+  );
+}
+function Ca(e, t, s) {
+  return ue(e, t) && e < s.currentStep ? "completed" : e <= s.currentStep ? "unlocked" : void 0;
+}
+function ue(e, t) {
+  switch (e) {
+    case 1:
+      return t.insuranceType !== void 0;
+    case 2:
+      return te(t).length > 0;
+    case 3:
+      return me(t).length > 0;
+    case 4:
+      return dt(t).length > 0;
+    case 5:
+      return t.date !== void 0;
+    case 6:
+      return t.slotKey !== void 0;
+    case 7:
+      return !1;
+  }
+}
+function at(e, t) {
+  const s = e.map((n) => {
+    var i;
+    return (i = t.find((o) => o.id === n)) == null ? void 0 : i.label;
+  }).filter((n) => n !== void 0);
+  return s.length > 0 ? s.join(", ") : void 0;
+}
+function Ut(e, t, s, n) {
+  var i;
+  if (ue(e, t))
+    switch (e) {
+      case 1:
+        return t.insuranceType;
+      case 2:
+        return at(
+          te(t),
+          s.filtered.specialties
+        );
+      case 3:
+        return at(me(t), s.filtered.services);
+      case 4: {
+        const o = dt(t), c = o.filter((f) => f !== W), d = at(
+          c,
+          s.filtered.operators.map((f) => ({
+            id: f.id,
+            label: f.name
+          }))
+        );
+        return d !== void 0 ? d : o.includes(W) ? n : void 0;
+      }
+      case 5:
+        return t.date;
+      case 6:
+        return (i = s.selectedSlot) == null ? void 0 : i.time;
+      case 7:
+        return;
+    }
+}
+function Ma(e) {
+  const { cascade: t, value: s, activeStep: n, setActiveStep: i } = e, { t: o } = P(), c = Je(), d = o("booking.operator.all"), f = `${it()}-filter`, r = Se(n, e.datePickerStyle), l = t.visibleSteps.filter(
+    (h) => h === 1 || h === 2 || h === 3 || h === 4
+  ), u = l.some(
+    (h) => !ue(h, s)
+  ), k = l.some(
+    (h) => h === n
+  ) ? n : l.find((h) => !ue(h, s));
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    l.length > 0 ? /* @__PURE__ */ a(
+      "div",
+      {
+        role: "group",
+        "aria-label": o("booking.filtersLabel"),
+        className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+        children: l.map((h) => {
+          const y = Ut(
+            h,
+            s,
+            t,
+            d
+          ), I = h === k, N = ue(h, s);
+          return /* @__PURE__ */ a(
+            pe,
+            {
+              intent: I ? "primary" : "outline",
+              size: "sm",
+              endIcon: /* @__PURE__ */ a(
+                us,
+                {
+                  "aria-hidden": "true",
+                  className: I ? "ds:rotate-180" : void 0
+                }
+              ),
+              "aria-expanded": N ? I : void 0,
+              "aria-controls": N && I ? f : void 0,
+              "aria-current": !N && I ? "step" : void 0,
+              onClick: () => i(
+                N && I ? t.currentStep : h
+              ),
+              children: y ? /* @__PURE__ */ b(ee, { children: [
+                c[h],
+                ": ",
+                y
+              ] }) : c[h]
+            },
+            `csc-${h}`
+          );
+        })
+      }
+    ) : null,
+    k !== void 0 ? /* @__PURE__ */ a(
+      B,
+      {
+        step: k,
+        active: k === r,
+        id: f,
+        children: G(k, e, { compactService: !0 })
+      }
+    ) : 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(B, { step: 5, active: r === 5, children: G(5, e) }) : /* @__PURE__ */ b("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+        /* @__PURE__ */ a(
+          B,
+          {
+            step: 5,
+            active: r === 5,
+            className: "ds:min-w-0",
+            children: G(5, e)
+          }
+        ),
+        s.date ? /* @__PURE__ */ a(
+          B,
+          {
+            step: 6,
+            active: r === 6,
+            className: "ds:min-w-0",
+            children: G(6, e)
+          }
+        ) : /* @__PURE__ */ a("div", { className: "ds:min-w-0" })
+      ] })
+    ) : null,
+    t.gates.details ? /* @__PURE__ */ a(B, { step: 7, active: r === 7, children: G(7, e) }) : null
+  ] });
+}
+function Da(e) {
+  const { cascade: t, datePickerStyle: s, activeStep: n } = e, i = Se(n, s), o = t.visibleSteps.filter(
+    (d) => d === 1 || d === 2 || d === 3 || d === 4
+  );
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ b(
+      "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: o.map((d) => /* @__PURE__ */ a(B, { step: d, active: d === i, children: G(d, e, { compactService: !0 }) }, `fbf-${d}`)) }),
+          /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            t.gates.date ? /* @__PURE__ */ a(B, { step: 5, active: i === 5, children: G(5, e) }) : null,
+            t.gates.slot && e.value.date && s === "month-calendar" ? /* @__PURE__ */ a(B, { step: 6, active: i === 6, children: G(6, e) }) : null
+          ] })
+        ]
+      }
+    ),
+    t.gates.details ? /* @__PURE__ */ a(B, { step: 7, active: i === 7, children: G(7, e) }) : null
+  ] });
+}
+function Aa(e) {
+  const { cascade: t, value: s, activeStep: n, setActiveStep: i, datePickerStyle: o } = e, { t: c } = P(), d = Je(), f = C(
+    () => ut(t.visibleSteps, o),
+    [t.visibleSteps, o]
+  ), r = Se(n, o), l = Math.max(0, f.indexOf(r)), u = f.length, k = C(
+    () => f.map((N) => ({ label: d[N] })),
+    [f, d]
+  ), h = l > 0, y = r === 5 && o === "four-day-grid", I = l < u - 1 && ue(r, s) && (!y || ue(6, s));
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ a(ls, { activeStep: l, steps: k }),
+    /* @__PURE__ */ a(B, { step: r, active: !0, children: G(r, e, { compactService: !0 }) }),
+    /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ a(
+        pe,
+        {
+          intent: "ghost",
+          size: "md",
+          disabled: !h,
+          onClick: () => {
+            const N = f[l - 1];
+            N && i(N);
+          },
+          children: c("booking.actions.back")
+        }
+      ),
+      r < 7 ? /* @__PURE__ */ a(
+        pe,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !I,
+          onClick: () => {
+            const N = f[l + 1];
+            N && i(N);
+          },
+          children: c("booking.actions.next")
+        }
+      ) : null
+    ] })
+  ] });
+}
+const Ta = [], _a = [];
+function Nt() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+const Oa = wt(
+  ({
+    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: n = !1,
+    lockedOperatorId: i,
+    autoSelectSingleService: o = !1,
+    specialties: c,
+    services: d,
+    operators: f,
+    availableDates: r,
+    availableSlots: l,
+    nextAvailableDate: u,
+    requireCodiceFiscale: k,
+    requireDateOfBirth: h,
+    requireInsuranceNumber: y,
+    showNote: I,
+    showReturningPatientFlag: N,
+    privacyPolicyUrl: w,
+    termsUrl: x,
+    validateCodiceFiscale: S,
+    validateInsuranceNumber: p,
+    confirmationChannels: _,
+    defaultConfirmationChannels: D,
+    value: m,
+    onChange: g,
+    onSubmit: A,
+    onStepChange: T,
+    onDateSelect: V,
+    onWindowChange: F,
+    datePickerStyle: R = "month-calendar",
+    specialtyPickerStyle: $,
+    servicePickerStyle: L,
+    operatorPickerStyle: re,
+    loadingDates: X,
+    loadingSlots: xe,
+    submitting: de,
+    submitError: De,
+    mode: se = "live",
+    showModifyOnSuccess: fe = !0,
+    surface: Ie = "flat",
+    emptyServicesSlot: Ae,
+    onboardingIncompleteSlot: Te,
+    "aria-label": Ye,
+    id: ae,
+    className: We,
+    onFocus: ge,
+    ..._e
+  }, Oe) => {
+    const { t: v, i18n: O } = P(), z = e ?? "inline-list", Be = O.language ?? "en", ne = c ?? Ta, he = f ?? _a;
+    q(() => {
+      const M = aa(m, {
+        useSpecialties: s,
+        lockedOperatorId: i,
+        autoSelectSingleService: o,
+        specialties: ne,
+        services: d
+      });
+      (M.specialtyId !== m.specialtyId || M.operatorId !== m.operatorId || M.serviceId !== m.serviceId) && g(M);
+    }, [
+      i,
+      s,
+      o,
+      ne,
+      d
+    ]);
+    const E = C(
+      () => sa({
+        country: t,
+        useSpecialties: s,
+        allowOperatorSelection: n,
+        lockedOperatorId: i,
+        specialties: ne,
+        services: d,
+        operators: he,
+        availableSlots: l,
+        value: m
+      }),
+      [
+        t,
+        s,
+        n,
+        i,
+        o,
+        ne,
+        d,
+        he,
+        r,
+        l,
+        m
+      ]
+    ), Pe = C(
+      () => JSON.stringify([
+        m.insuranceType,
+        te(m),
+        me(m),
+        dt(m),
+        m.date,
+        m.slotKey
+      ]),
+      [m]
+    ), [Q, Ne] = H(
+      E.currentStep
+    ), pt = Y(Pe);
+    q(() => {
+      const M = Pe !== pt.current;
+      pt.current = Pe, !(!M && E.visibleSteps.includes(Q)) && Ne(E.currentStep);
+    }, [
+      Pe,
+      E.currentStep,
+      E.visibleSteps,
+      Q
+    ]);
+    const ve = Y(null), Ze = C(
+      () => ut(E.visibleSteps, R),
+      [E.visibleSteps, R]
+    ), mt = Je(), [Jt, Yt] = H(""), ft = Y(null), Le = Y(null);
+    q(() => {
+      const M = Se(Q, R);
+      if (Le.current === null) {
+        Le.current = M;
+        return;
+      }
+      if (Le.current === M) return;
+      Le.current = M;
+      const J = Ze.indexOf(M);
+      Yt(
+        J === -1 ? "" : v("booking.stepAnnouncement", {
+          current: J + 1,
+          total: Ze.length,
+          label: mt[M]
+        })
+      );
+      const Re = ft.current;
+      if (!Re || Re.isConnected) return;
+      const le = ve.current;
+      if (!le) return;
+      const be = document.activeElement;
+      if (!(be === null || be === document.body || !le.contains(be))) return;
+      const Ve = le.querySelector(Ia) ?? le;
+      if (Ve.focus({ preventScroll: !0 }), typeof Ve.scrollIntoView == "function")
+        try {
+          Ve.scrollIntoView({
+            behavior: Nt() ? "auto" : "smooth",
+            block: "nearest"
+          });
+        } catch {
+          Ve.scrollIntoView();
+        }
+    }, [Q, R, Ze, mt, v]);
+    const [ie, we] = H("idle"), [Xe, Qe] = H(null), gt = Z(
+      async (M) => {
+        if (!E.selectedSlot) return;
+        const J = {
+          slot: E.selectedSlot,
+          value: {
+            ...m,
+            details: M,
+            operatorId: kt(m) ?? m.operatorId
+          },
+          details: M
+        };
+        we("submitting");
+        try {
+          await A(J), Qe({
+            slot: E.selectedSlot,
+            details: M,
+            specialtyId: m.specialtyId,
+            serviceId: m.serviceId,
+            insuranceType: m.insuranceType,
+            operatorId: kt(m),
+            date: m.date
+          }), we("success");
+        } catch {
+          throw we("error"), new Error("Booking submission failed");
+        }
+      },
+      [E.selectedSlot, A, m]
+    );
+    Qt(Oe, () => ve.current, []);
+    const Ce = ie === "success" ? 8 : E.currentStep, ht = Y(null);
+    q(() => {
+      if (Ce !== ht.current && (ht.current = Ce, T == null || T(Ce), Ce === 8 && ve.current))
+        try {
+          ve.current.scrollIntoView({
+            behavior: Nt() ? "auto" : "smooth",
+            block: "start"
+          });
+        } catch {
+          ve.current.scrollIntoView();
+        }
+    }, [Ce, T]);
+    const Ee = Y({ activeStep: Q, cascade: E, submitState: ie });
+    q(() => {
+      Ee.current = { activeStep: Q, cascade: E, submitState: ie };
+    }, [Q, E, ie]);
+    const et = C(
+      () => ({
+        getVariant: () => z,
+        getCurrentStep: () => {
+          const M = Ee.current;
+          return M.submitState === "success" ? 8 : M.activeStep;
+        },
+        reset: () => {
+          g({}), Qe(null), we("idle"), Ne(1);
+        },
+        goToStep: (M) => {
+          const J = Ee.current, Re = J.cascade.visibleSteps.includes(M), le = J.cascade.currentStep, be = !Re || M > le ? le : M;
+          Ee.current = { ...J, activeStep: be }, Ne(be);
+        }
+      }),
+      [z, g]
+    );
+    ts(Ys, et, ae);
+    const Wt = Ye ?? v("booking.regionLabel"), Zt = C(() => ie !== "success" || !Xe ? null : /* @__PURE__ */ a(
+      xa,
+      {
+        snapshot: Xe,
+        operators: he,
+        specialties: ne,
+        services: d,
+        locale: Be,
+        mode: se,
+        showModify: fe,
+        onReset: () => et.reset(),
+        onModify: () => {
+          Qe(null), we("idle"), Ne(7);
+        }
+      }
+    ), [
+      ie,
+      Xe,
+      he,
+      ne,
+      d,
+      Be,
+      se,
+      fe,
+      et
+    ]), Xt = C(() => {
+      if (ie === "success") return null;
+      const M = z === "accordion" ? wa : z === "calendar" ? Ma : z === "flexible" ? Da : z === "progress" ? Aa : Na, J = {
+        cascade: E,
+        inputs: {
+          specialties: ne,
+          services: d,
+          operators: he,
+          availableDates: r,
+          availableSlots: l,
+          nextAvailableDate: u
+        },
+        value: m,
+        onChange: g,
+        onSubmit: gt,
+        policy: { country: t, lockedOperatorId: i },
+        detailsProps: {
+          requireCodiceFiscale: k,
+          requireDateOfBirth: h,
+          requireInsuranceNumber: y,
+          insuranceType: m.insuranceType,
+          showNote: I,
+          showReturningPatientFlag: N,
+          privacyPolicyUrl: w,
+          termsUrl: x,
+          validateCodiceFiscale: S,
+          validateInsuranceNumber: p,
+          confirmationChannels: _,
+          defaultConfirmationChannels: D,
+          submitError: De
+        },
+        emptyServicesSlot: Ae,
+        onboardingIncompleteSlot: Te,
+        loadingDates: X,
+        loadingSlots: xe,
+        onDateSelect: V,
+        onWindowChange: F,
+        datePickerStyle: R,
+        specialtyPickerStyle: $,
+        servicePickerStyle: L,
+        operatorPickerStyle: re,
+        submitting: de,
+        locale: Be,
+        activeStep: Q,
+        setActiveStep: Ne,
+        agentIdBase: ae
+      };
+      return /* @__PURE__ */ a(M, { ...J });
+    }, [
+      ie,
+      z,
+      E,
+      ne,
+      d,
+      he,
+      r,
+      l,
+      u,
+      m,
+      g,
+      gt,
+      t,
+      i,
+      k,
+      h,
+      y,
+      De,
+      I,
+      N,
+      w,
+      x,
+      S,
+      p,
+      _,
+      D,
+      Ae,
+      Te,
+      X,
+      xe,
+      V,
+      F,
+      R,
+      $,
+      L,
+      re,
+      de,
+      Be,
+      Q,
+      ae
+    ]);
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        ref: ve,
+        role: "region",
+        "aria-label": Wt,
+        id: ae,
+        "data-component": "booking",
+        "data-component-id": ae,
+        "data-variant": z,
+        className: da({
+          variant: z,
+          surface: Ie,
+          className: We
+        }),
+        tabIndex: -1,
+        onFocus: (M) => {
+          ft.current = M.target, ge == null || ge(M);
+        },
+        ..._e,
+        children: [
+          /* @__PURE__ */ a("div", { role: "status", className: "ds:sr-only", children: Jt }),
+          /* @__PURE__ */ b(
+            "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: v("booking.regionLabel") }),
+                /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: v("booking.headingSubtitle") })
+              ]
+            }
+          ),
+          Zt ?? Xt
+        ]
+      }
+    );
+  }
+);
+Oa.displayName = "Booking";
+export {
+  Oa as B,
+  nt as C,
+  W as O,
+  Ys as b
+};
+//# sourceMappingURL=booking-CBHKdsZl.js.map