@alfadocs/ui-kit 1.53.0 → 1.54.0

package/dist/_chunks/booking-CPUjwxj0.js

@@ -0,0 +1,3710 @@
+import { jsx as s, jsxs as v, Fragment as se } from "react/jsx-runtime";
+import { forwardRef as ls, useId as Rt, useRef as _, useCallback as fe, useState as X, useEffect as V, useMemo as L, Fragment as Rs, useImperativeHandle as Ps } from "react";
+import { c as kt } from "./index-D2ZczOXr.js";
+import { useTranslation as U, Trans as Vs } from "react-i18next";
+import { u as $s } from "./registry-DvAUVLHh.js";
+import { A as Q } from "./alert-BhCstf2h.js";
+import { B as Je } from "./button-CYPx2xFq.js";
+import { C as rt } from "./checkbox--ndmyokr.js";
+import { C as qs } from "./checkbox-group-B0oZHNT3.js";
+import { D as Ks } from "./date-picker-BnhBmcH6.js";
+import { E as zs } from "./email-input-Cmeo4zdT.js";
+import { F as Ve } from "./form-field-D9WfDpYB.js";
+import { P as js } from "./phone-input-BzeUr49H.js";
+import { T as Us } from "./text-area-CDuItrvL.js";
+import { T as Tt } from "./text-input-lZ2-t-p2.js";
+import { A as Gs } from "./address-fields-1pD-8hML.js";
+import { S as us } from "./spinner-a0FTYX9Q.js";
+import { a as St } from "./format-price-DAbh61Lz.js";
+import { C as Hs } from "./credit-card-D9XZsHGA.js";
+import { B as ps } from "./badge-hnBt8o7n.js";
+import { I as ss } from "./icon-button-mKIvw90h.js";
+import { S as Pt } from "./select-DHPmASkG.js";
+import { C as Wt } from "./combobox-DppVSuUm.js";
+import { M as Yt } from "./multi-select-CVb6PJOK.js";
+import { S as Bt } from "./skeleton-B1KTdJ4N.js";
+import { E as ms } from "./empty-state-CgvmPPvW.js";
+import { S as Js } from "./stepper-accordion-BPNS6J6B.js";
+import { S as Ws } from "./stepper-progress-D6H8wQiV.js";
+import { S as Ys } from "./slot-grid-kCDoV3k4.js";
+import { p as me } from "./parseISO-y3LncvfO.js";
+import { C as Zs } from "./chevron-down-DWE7GSq9.js";
+import { r as at, f as Lt, b as ns } from "./format-D-1gTdHF.js";
+import { x as fs, d as ot, a as jt, i as Xs, s as bt, m as Qs, y as Dt } from "./date-picker-variants-B3AFKDSu.js";
+import { s as en } from "./subDays-XBMBTVOO.js";
+import { C as tn } from "./chevron-left-B8cOyH-V.js";
+import { C as sn } from "./chevron-right-I9AeSxH2.js";
+import { c as Ie } from "./createLucideIcon-DhHxpK9K.js";
+import { M as nn, S as rn } from "./sun-Bj9Mr553.js";
+import { S as an } from "./stethoscope-sZXGC43m.js";
+import { H as on } from "./heart-pulse-BCppJyN2.js";
+import { E as cn } from "./eye-BjhN2nYf.js";
+import { B as dn } from "./baby-Dku-Xvg9.js";
+import { S as ln } from "./scan-line-CNseIHQ0.js";
+import { A as un } from "./astroid-BN4f5VXU.js";
+import { C as pn } 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 mn = [
+  [
+    "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"
+    }
+  ]
+], fn = Ie("activity", mn);
+/**
+ * @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 gn = [
+  [
+    "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"
+    }
+  ]
+], hn = Ie("bone", gn);
+/**
+ * @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 vn = [
+  ["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" }]
+], bn = Ie("brain", vn);
+/**
+ * @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 yn = [
+  ["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" }]
+], kn = Ie("calendar-range", yn);
+/**
+ * @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 Sn = [
+  ["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" }]
+], xn = Ie("ear", Sn);
+/**
+ * @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 In = [
+  ["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" }]
+], Nn = Ie("microscope", In);
+/**
+ * @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 wn = [
+  [
+    "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" }]
+], Cn = Ie("pill", wn);
+/**
+ * @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 An = [
+  ["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" }]
+], Tn = Ie("scissors", An);
+/**
+ * @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 Dn = [
+  ["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" }]
+], On = Ie("smile", Dn);
+/**
+ * @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 Mn = [
+  ["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" }]
+], Fn = Ie("sunset", Mn);
+/**
+ * @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 _n = [
+  ["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" }]
+], is = Ie("syringe", _n);
+function Ln(e, t, n) {
+  return fs(e, -1, n);
+}
+const Bn = {
+  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.",
+        "Refused while a payment session is open (step 7): the consumer must cancel the hold first."
+      ],
+      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."
+    }
+  }
+}, Ht = [
+  "email",
+  "whatsapp",
+  "sms"
+], we = "all", En = "de";
+function Rn(e) {
+  const t = e.lockedOperatorId;
+  return [...t ? e.operatorsByService ? e.specialties.filter(
+    (r) => e.services.some(
+      (i) => {
+        var a;
+        return i.specialtyId === r.id && ((a = i.operatorIds) == null ? void 0 : a.includes(t));
+      }
+    )
+  ) : e.specialties.filter((r) => {
+    var i;
+    return (i = r.operatorIds) == null ? void 0 : i.includes(t);
+  }) : e.specialties].sort((r, i) => {
+    const a = r.sequenceNumber ?? Number.POSITIVE_INFINITY, d = i.sequenceNumber ?? Number.POSITIVE_INFINITY;
+    return a - d;
+  });
+}
+function Pn(e) {
+  let t = e.services;
+  if (e.lockedOperatorId && (t = t.filter(
+    (r) => {
+      var i;
+      return (i = r.operatorIds) == null ? void 0 : i.includes(e.lockedOperatorId);
+    }
+  )), e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) {
+    const r = $e(e.value);
+    r.length > 0 && (t = t.filter(
+      (i) => i.specialtyId !== void 0 && r.includes(i.specialtyId)
+    ));
+  }
+  return t;
+}
+function Vn(e) {
+  const t = e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties, n = Te(e.value);
+  if ((!t || e.operatorsByService) && n.length > 0)
+    return e.operators.filter(
+      (r) => {
+        var i;
+        return (i = r.appointmentBookingReasonIds) == null ? void 0 : i.some((a) => n.includes(a));
+      }
+    );
+  if (t) {
+    const r = $e(e.value);
+    if (r.length > 0)
+      return e.operators.filter(
+        (i) => {
+          var a;
+          return (a = i.specialtyIds) == null ? void 0 : a.some((d) => r.includes(d));
+        }
+      );
+  }
+  return [];
+}
+function $n(e, t) {
+  const n = e.country === En, r = !n || e.value.insuranceType !== void 0, a = (e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) && r, d = $e(e.value).length > 0, g = !a || d, p = Te(e.value).length > 0, h = !g || p, o = t.operators, c = !!e.allowOperatorSelection && h && p && !e.lockedOperatorId && o.length > 1, f = h && p, I = (!f || e.value.date !== void 0) && e.value.date !== void 0, E = (!I || e.value.slotKey !== void 0) && e.value.slotKey !== void 0, w = p && o.length === 0;
+  return {
+    insurance: n,
+    specialty: a,
+    service: g,
+    operator: c,
+    date: f,
+    slot: I,
+    details: E,
+    onboardingIncomplete: w
+  };
+}
+function qn(e, t) {
+  const n = [];
+  return t.insurance && n.push(1), t.specialty && n.push(2), n.push(3), t.operator && n.push(4), n.push(5), n.push(6), n.push(7), {
+    currentStep: n.find(
+      (i) => !Ae(i, e.value)
+    ) ?? 7,
+    visibleSteps: n
+  };
+}
+function Ae(e, t) {
+  switch (e) {
+    case 1:
+      return t.insuranceType !== void 0;
+    // 0.34.0: array-or-single — satisfied when EITHER form is present.
+    case 2:
+      return $e(t).length > 0;
+    case 3:
+      return Te(t).length > 0;
+    // Always satisfied, like its gate: "no preference" is a valid answer,
+    // whether it is the `'all'` sentinel or an empty multi-select.
+    case 4:
+      return !0;
+    case 5:
+      return t.date !== void 0;
+    case 6:
+      return t.slotKey !== void 0;
+    // Details fulfilment is owned by the form's own validation.
+    case 7:
+      return !1;
+  }
+}
+function Kn(e) {
+  const t = {
+    specialties: Rn(e),
+    services: Pn(e),
+    operators: Vn(e)
+  }, n = $n(e, t), { currentStep: r, visibleSteps: i } = qn(e, n);
+  let a;
+  if (e.value.date && e.value.slotKey) {
+    const h = e.availableSlots[e.value.date];
+    h && (a = h.find((o) => o.key === e.value.slotKey));
+  }
+  const d = Te(e.value), u = d.length > 0 ? e.services.find((h) => h.id === d[0]) : void 0, g = $e(e.value).length > 0, p = d.length > 0 && e.value.date !== void 0 && e.value.slotKey !== void 0 && (!n.insurance || e.value.insuranceType !== void 0) && (!n.specialty || g);
+  return {
+    gates: n,
+    filtered: t,
+    currentStep: r,
+    totalSteps: i.length,
+    visibleSteps: i,
+    isReadyToSubmit: p,
+    durationMin: u == null ? void 0 : u.durationMin,
+    selectedSlot: a
+  };
+}
+function gs(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 hs(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 vs(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 bs(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 ? we : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function ys(e, t) {
+  const n = !!t && t.length > 0;
+  return {
+    ...e,
+    serviceId: void 0,
+    serviceIds: t,
+    operatorId: n ? we : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function ks(e, t) {
+  return {
+    ...e,
+    operatorId: t,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Ss(e, t) {
+  return {
+    ...e,
+    operatorId: void 0,
+    operatorIds: t,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function $e(e) {
+  return e.specialtyIds && e.specialtyIds.length > 0 ? e.specialtyIds : e.specialtyId ? [e.specialtyId] : [];
+}
+function Te(e) {
+  return e.serviceIds && e.serviceIds.length > 0 ? e.serviceIds : e.serviceId ? [e.serviceId] : [];
+}
+function Jt(e) {
+  return e.operatorIds && e.operatorIds.length > 0 ? e.operatorIds : e.operatorId ? [e.operatorId] : [];
+}
+function Vt(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 xs(e, t) {
+  return {
+    ...e,
+    slotKey: t
+  };
+}
+function zn(e, t) {
+  let n = e;
+  if (t.lockedOperatorId && n.operatorId !== t.lockedOperatorId && (n = { ...n, operatorId: t.lockedOperatorId }), (t.useSpecialties === void 0 ? t.specialties.length > 0 : t.useSpecialties) && t.specialties.length === 1 && n.specialtyId === void 0 && n.specialtyIds === void 0 && (n = { ...n, specialtyId: t.specialties[0].id }), t.autoSelectSingleService) {
+    const i = $e(n), a = i.length > 0 ? t.services.filter(
+      (d) => d.specialtyId && i.includes(d.specialtyId)
+    ) : t.services;
+    a.length === 1 && n.serviceId === void 0 && n.serviceIds === void 0 && (n = { ...n, serviceId: a[0].id }, n.operatorId === void 0 && n.operatorIds === void 0 && (n = { ...n, operatorId: we }));
+  }
+  return n;
+}
+function Is(e) {
+  if (e.operatorId && e.operatorId !== we)
+    return e.operatorId;
+}
+function jn(e) {
+  if (!e) return !1;
+  const t = e.trim();
+  return /^\+?\d[\d\s\-()]{6,}$/.test(t);
+}
+function Ns(e) {
+  const t = e && e.length > 0 ? e : ["email"], n = new Set(t);
+  return Ht.filter((r) => n.has(r));
+}
+function Un(e, t, n) {
+  const r = Ns(e), i = new Set(r);
+  if (n)
+    return Ht.filter(
+      (p) => n.includes(p) && i.has(p)
+    );
+  const a = [];
+  i.has("email") && a.push("email");
+  const d = jn(t), u = i.has("whatsapp");
+  u && d && a.push("whatsapp"), !u && i.has("sms") && a.push("sms");
+  const g = new Set(a);
+  return Ht.filter((p) => g.has(p));
+}
+const Gn = /https?:\/\/(?:(?![.,;:!?'»›]https?:\/\/)[^\s<>"\u060C\u061B\u061F\u06D4\u2000-\u206F\u3000-\u303F\uFF00-\uFFEF])+/gi, Hn = /* @__PURE__ */ new Set([
+  ".",
+  ",",
+  ";",
+  ":",
+  "!",
+  "?",
+  "'",
+  "»",
+  "›"
+]), Jn = { ")": "(", "]": "[", "}": "{" }, rs = (e, t) => e.split(t).length - 1;
+function Wn(e) {
+  const t = {};
+  for (const [r, i] of Object.entries(Jn))
+    t[r] = rs(e, r) - rs(e, i);
+  let n = e.length;
+  for (; n > 0; ) {
+    const r = e[n - 1];
+    if (Hn.has(r))
+      n -= 1;
+    else if (r in t && t[r] > 0)
+      t[r] -= 1, n -= 1;
+    else
+      break;
+  }
+  return e.slice(0, n);
+}
+const Yn = /[\u0600-\u06FF\u3040-\u30FF\u3400-\u9FFF\uAC00-\uD7AF]/, Zn = /[A-Za-z0-9]/;
+function Xn(e) {
+  const t = e.search(Yn);
+  return t > 0 && Zn.test(e[t - 1]) ? e.slice(0, t) : e;
+}
+function Qn(e) {
+  try {
+    const { protocol: t, hostname: n } = new URL(e);
+    return (t === "http:" || t === "https:") && n !== "";
+  } catch {
+    return !1;
+  }
+}
+function ei(e) {
+  const t = [];
+  let n = 0;
+  const r = (i) => {
+    if (i === "") return;
+    const a = t[t.length - 1];
+    (a == null ? void 0 : a.kind) === "text" ? a.text += i : t.push({ kind: "text", text: i });
+  };
+  for (const i of e.matchAll(Gn)) {
+    const a = i.index ?? 0, d = Wn(Xn(i[0]));
+    Qn(d) && (r(e.slice(n, a)), t.push({ kind: "link", text: d, href: d }), n = a + d.length);
+  }
+  return r(e.slice(n)), t;
+}
+const as = 500, ti = /^[A-Z0-9]{16}$/, si = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, os = 300, Ut = "ds:rounded-[var(--radius-sm)] ds:underline ds:text-[var(--foreground)] ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]", Ot = (e) => e && /^https?:\/\//i.test(e) ? e : void 0, ni = (e, t) => ({
+  street: (e == null ? void 0 : e.address.line1) ?? "",
+  city: (e == null ? void 0 : e.address.city) ?? "",
+  postcode: (e == null ? void 0 : e.address.postalCode) ?? "",
+  province: (e == null ? void 0 : e.address.state) ?? "",
+  // The practice's country only until the patient has an address at all.
+  country: (e ? e.address.country : t).toLowerCase(),
+  formatted: ""
+}), ii = (e, t, n = null) => ({
+  name: t,
+  address: {
+    line1: e.street,
+    line2: n,
+    city: e.city,
+    state: e.province,
+    postalCode: e.postcode,
+    country: e.country.toUpperCase()
+  }
+}), ri = kt("ds:flex ds:flex-col ds:border", {
+  variants: {
+    noticeStyle: {
+      plain: "ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-md)] ds:border-[var(--border)] ds:bg-[var(--muted)] ds:p-[var(--spacing-sm)]",
+      highlighted: "ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-lg)] ds:border-[color-mix(in_srgb,var(--primary)_30%,var(--border))] ds:bg-[color-mix(in_srgb,var(--primary)_8%,var(--card))] ds:p-[var(--spacing-md)]"
+    }
+  },
+  defaultVariants: { noticeStyle: "plain" }
+}), ai = ["it", "ch", "de", "at", "fr", "sm"], yt = {
+  country: "billing.country",
+  street: "billing.street",
+  city: "billing.city",
+  postcode: "billing.postcode",
+  province: "billing.province"
+}, ws = /^\d{5}$/, oi = (e) => {
+  if (!e) return !1;
+  const { line1: t, city: n, postalCode: r, country: i, state: a } = e.address;
+  return !t.trim() || !n.trim() || !r.trim() || !i.trim() ? !1 : i.toUpperCase() !== "IT" ? !0 : !!a.trim() && ws.test(r.trim());
+}, ci = (e, t) => {
+  var n;
+  return {
+    name: t,
+    address: {
+      line1: e.address.line1.trim(),
+      line2: ((n = e.address.line2) == null ? void 0 : n.trim()) || null,
+      city: e.address.city.trim(),
+      state: e.address.state.trim(),
+      postalCode: e.address.postalCode.trim(),
+      country: e.address.country.trim().toUpperCase()
+    }
+  };
+}, Mt = { state: "idle" }, Zt = ls(
+  ({
+    value: e,
+    onChange: t,
+    onSubmit: n,
+    requireCodiceFiscale: r = !1,
+    requireDateOfBirth: i = !1,
+    requireInsuranceNumber: a = !1,
+    insuranceType: d,
+    showNote: u = !1,
+    showReturningPatientFlag: g = !1,
+    privacyPolicyUrl: p,
+    termsUrl: h,
+    practiceConsent: o,
+    payment: c,
+    paymentTermsUrl: f,
+    paymentBlocked: x = !1,
+    billingInDetails: I = !1,
+    paymentNoticeStyle: A = "plain",
+    criticalInformationToAccept: E,
+    validateCodiceFiscale: w,
+    validateInsuranceNumber: S,
+    submitting: N = !1,
+    summarySlot: T,
+    defaultPhoneCountry: D,
+    confirmationChannels: y,
+    defaultConfirmationChannels: k,
+    submitError: B
+  }, $) => {
+    var wt, gt, Ct, ht, vt;
+    const { t: b, i18n: ge } = U("ui"), O = Rt(), K = _(null), M = fe(
+      (l) => {
+        K.current = l, typeof $ == "function" ? $(l) : $ && ($.current = l);
+      },
+      [$]
+    ), [he, dt] = X(0);
+    V(() => {
+      var m;
+      if (he === 0) return;
+      const l = (m = K.current) == null ? void 0 : m.querySelectorAll(
+        '[aria-invalid="true"], [role="checkbox"][aria-required="true"][aria-checked="false"], [data-unanswered] [role="checkbox"]'
+      );
+      for (const C of l ?? [])
+        if (C.focus(), document.activeElement === C) return;
+    }, [he]);
+    const ve = _(!1), [qe, De] = X(!1), [G, Oe] = X(!1), be = N || qe, [H, ae] = X(Mt), [ye, ke] = X(Mt), [W, Me] = X({}), ne = fe(
+      (l) => Me((m) => ({ ...m, [l]: !0 })),
+      []
+    ), oe = _(null), Y = _(
+      null
+    );
+    V(
+      () => () => {
+        oe.current && clearTimeout(oe.current), Y.current && clearTimeout(Y.current);
+      },
+      []
+    );
+    const F = fe(
+      (l) => {
+        Oe(!1), t({ ...e, ...l });
+      },
+      [e, t]
+    ), Ce = c ? JSON.stringify([
+      c.serviceId,
+      c.kind,
+      c.amountCents,
+      c.currencyCode,
+      f
+    ]) : void 0, [Ke, xt] = X(
+      () => e.paymentAccepted ? Ce : void 0
+    ), We = _(Ce), Ye = !!(c && e.paymentAccepted && Ke === Ce);
+    V(() => {
+      We.current !== Ce && (We.current = Ce, xt(void 0), e.paymentAccepted !== void 0 && F({ paymentAccepted: c ? !1 : void 0 }));
+    }, [Ce, c, F, e.paymentAccepted]);
+    const Ze = typeof (o == null ? void 0 : o.label) == "string" && o.label.trim() !== "", Ne = o && Ze ? JSON.stringify([
+      o.label,
+      o.url ?? null,
+      o.required
+    ]) : void 0, [ee, It] = X(
+      () => e.practiceConsentAccepted ? Ne : void 0
+    ), ie = _(Ne), Fe = !!(Ne !== void 0 && e.practiceConsentAccepted && ee === Ne);
+    V(() => {
+      ie.current !== Ne && (ie.current = Ne, It(void 0), e.practiceConsentAccepted !== void 0 && F({ practiceConsentAccepted: void 0 }));
+    }, [Ne, F, e.practiceConsentAccepted]);
+    const ce = c ? St(c.amountCents, c.currencyCode, ge.language) : "", _e = Ot(f), R = I && !!c && !x, de = r, Xe = (D || "it").toLowerCase(), lt = !R || oi(e.billing), Z = ni(e.billing, Xe), le = Z.country === "it", ut = _(null), Le = _(
+      null
+    ), te = (wt = e.billing) == null ? void 0 : wt.address.line1.trim(), ze = ((Ct = (gt = e.billing) == null ? void 0 : gt.address.line2) == null ? void 0 : Ct.trim()) || null;
+    V(() => {
+      var l;
+      te !== void 0 && ze ? Le.current = { street: te, line2: ze } : (te === void 0 || te === ((l = Le.current) == null ? void 0 : l.street)) && (Le.current = null);
+    }, [te, ze]);
+    const Be = (l) => W[yt[l]] ? Z[l].trim() ? (
+      // The one format the block itself checks: an Italian CAP.
+      l === "postcode" && le && !ws.test(Z.postcode.trim()) ? b("inputs.postalCode.invalid") : void 0
+    ) : b("booking.details.fieldRequired") : void 0, qt = fe(
+      () => Me(
+        (l) => l[yt.province] ? l : {
+          ...l,
+          codiceFiscale: !0,
+          ...Object.fromEntries(
+            Object.values(yt).map((m) => [m, !0])
+          )
+        }
+      ),
+      []
+    ), Qe = L(
+      () => Ns(y),
+      [y]
+    ), ue = !c && !x && Qe.length >= 2, je = _(!1);
+    V(() => {
+      if (c || x) return;
+      if (!ue) {
+        e.confirmationChannels !== void 0 && F({ confirmationChannels: void 0 });
+        return;
+      }
+      if (e.confirmationChannels !== void 0) {
+        je.current = !0;
+        return;
+      }
+      const l = Un(
+        Qe,
+        e.mobilePhone,
+        k
+      );
+      je.current = !0, F({ confirmationChannels: l });
+    }, [
+      ue,
+      c,
+      x,
+      Qe,
+      e.mobilePhone,
+      k
+    ]);
+    const q = L(
+      () => e.confirmationChannels ?? [],
+      [e.confirmationChannels]
+    ), z = ue && q.length === 0, pt = _(w), et = _(S);
+    V(() => {
+      pt.current = w, et.current = S;
+    }, [w, S]);
+    const mt = !!w, ft = !!S;
+    V(() => {
+      const l = e.codiceFiscale;
+      if (!de || !mt || !l) {
+        ae(Mt);
+        return;
+      }
+      if (!ti.test(l)) {
+        ae({
+          state: "invalid",
+          hint: b("booking.details.codiceFiscale.invalidFormat")
+        });
+        return;
+      }
+      ae({ state: "pending" });
+      let m = !0;
+      return oe.current && clearTimeout(oe.current), oe.current = setTimeout(async () => {
+        try {
+          const C = pt.current;
+          if (!C) return;
+          const P = await C(l);
+          m && ae({
+            state: P.valid ? "valid" : "invalid",
+            hint: P.hint,
+            value: l
+          });
+        } catch {
+          m && ae({
+            state: "invalid",
+            hint: b("booking.details.codiceFiscale.unavailable"),
+            value: l
+          });
+        }
+      }, os), () => {
+        m = !1, oe.current && clearTimeout(oe.current);
+      };
+    }, [de, mt, e.codiceFiscale, b]);
+    const Ee = a && d === "public";
+    V(() => {
+      const l = e.insuranceNumber;
+      if (!Ee || !ft || !l) {
+        ke(Mt);
+        return;
+      }
+      ke({ state: "pending" }), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
+        const m = et.current;
+        m && m(l).then(
+          (C) => ke(
+            C.valid ? { state: "valid" } : { state: "invalid", hint: C.hint }
+          )
+        ).catch(
+          () => ke({
+            state: "invalid",
+            hint: b("booking.details.insuranceNumber.unavailable")
+          })
+        );
+      }, os);
+    }, [Ee, ft, e.insuranceNumber, b]);
+    const tt = L(
+      () => !!(e.email && si.test(e.email)),
+      [e.email]
+    ), st = L(
+      () => !!(e.mobilePhone && e.mobilePhone.length >= 6),
+      [e.mobilePhone]
+    ), Ue = L(() => {
+      var l, m;
+      return !(!((l = e.firstName) != null && l.trim()) || !((m = e.lastName) != null && m.trim()) || !tt || !st || de && (H.state !== "valid" || H.value !== e.codiceFiscale) || !lt || i && !e.dateOfBirth || Ee && ye.state !== "valid");
+    }, [
+      e.firstName,
+      e.lastName,
+      tt,
+      st,
+      de,
+      lt,
+      H.state,
+      H.value,
+      e.codiceFiscale,
+      i,
+      e.dateOfBirth,
+      Ee,
+      ye.state
+    ]), nt = E != null && E.trim() ? E : void 0, Re = nt !== void 0, Nt = !Re || !!e.criticalInformationAccepted, Kt = !Ze || !(o != null && o.required) || Fe, Se = !!(e.privacyConsent && e.termsConsent && Nt && Kt), zt = !ue || q.length > 0, it = Ue && Se && zt && (!c || Ye) && !x && !be, Ge = async (l) => {
+      if (l.preventDefault(), Me({
+        firstName: !0,
+        lastName: !0,
+        email: !0,
+        mobilePhone: !0,
+        codiceFiscale: !0,
+        dateOfBirth: !0,
+        insuranceNumber: !0,
+        ...Object.fromEntries(
+          Object.values(yt).map((C) => [C, !0])
+        )
+      }), be || ve.current) return;
+      if (!it) {
+        dt((C) => C + 1);
+        return;
+      }
+      const m = {
+        firstName: e.firstName.trim(),
+        lastName: e.lastName.trim(),
+        email: e.email.trim(),
+        mobilePhone: e.mobilePhone,
+        privacyConsent: !0,
+        termsConsent: !0,
+        // Only present when the service carried text to accept — a
+        // reason without it leaves the key out of the payload entirely.
+        ...Re ? { criticalInformationAccepted: !0 } : {},
+        // Sent whenever the practice's box is shown, ticked or not, so the
+        // server can record the answer; left out when there is no box.
+        ...Ze ? { practiceConsentAccepted: Fe } : {},
+        ...c ? { paymentAccepted: !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: ue ? q : void 0,
+        ...R && e.billing ? {
+          billing: ci(
+            e.billing,
+            `${e.firstName.trim()} ${e.lastName.trim()}`
+          )
+        } : {}
+      };
+      ve.current = !0, De(!0), Oe(!1);
+      try {
+        await n(m);
+      } catch {
+        Oe(!0);
+      } finally {
+        ve.current = !1, De(!1);
+      }
+    }, re = /* @__PURE__ */ s(
+      Ve,
+      {
+        label: b("booking.details.codiceFiscale.label"),
+        required: !0,
+        description: H.state === "pending" ? b("booking.details.codiceFiscale.checking") : b("booking.details.codiceFiscale.helper"),
+        error: W.codiceFiscale && H.state === "invalid" ? H.hint ?? b("booking.details.codiceFiscale.invalid") : W.codiceFiscale && !e.codiceFiscale ? b("booking.details.fieldRequired") : void 0,
+        children: /* @__PURE__ */ s(
+          Tt,
+          {
+            value: e.codiceFiscale ?? "",
+            maxLength: 16,
+            onChange: (l) => F({
+              codiceFiscale: l.target.value.slice(0, 16).toUpperCase()
+            }),
+            onBlur: () => ne("codiceFiscale")
+          }
+        )
+      }
+    ), Pe = (l, m) => {
+      const C = Ot(m);
+      return C ? /* @__PURE__ */ s(
+        Vs,
+        {
+          ns: "ui",
+          i18nKey: l,
+          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__ */ s(
+                "a",
+                {
+                  href: C,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: Ut
+                }
+              )
+            )
+          }
+        }
+      ) : b(l);
+    };
+    return /* @__PURE__ */ v(
+      "form",
+      {
+        ref: M,
+        id: O,
+        noValidate: !0,
+        onSubmit: Ge,
+        onFocus: (l) => {
+          const m = ut.current;
+          !m || !l.currentTarget.contains(l.target) || !m.contains(l.target) && m.compareDocumentPosition(l.target) & Node.DOCUMENT_POSITION_FOLLOWING && qt();
+        },
+        "aria-busy": be || void 0,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+        children: [
+          T,
+          /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ s(
+              Ve,
+              {
+                label: b("booking.details.firstName.label"),
+                required: !0,
+                error: W.firstName && !((ht = e.firstName) != null && ht.trim()) ? b("booking.details.firstName.required") : void 0,
+                children: /* @__PURE__ */ s(
+                  Tt,
+                  {
+                    autoComplete: "given-name",
+                    value: e.firstName ?? "",
+                    onChange: (l) => F({ firstName: l.target.value }),
+                    onBlur: () => ne("firstName")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ s(
+              Ve,
+              {
+                label: b("booking.details.lastName.label"),
+                required: !0,
+                error: W.lastName && !((vt = e.lastName) != null && vt.trim()) ? b("booking.details.lastName.required") : void 0,
+                children: /* @__PURE__ */ s(
+                  Tt,
+                  {
+                    autoComplete: "family-name",
+                    value: e.lastName ?? "",
+                    onChange: (l) => F({ lastName: l.target.value }),
+                    onBlur: () => ne("lastName")
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ s(
+              Ve,
+              {
+                label: b("booking.details.email.label"),
+                required: !0,
+                error: W.email && !tt ? b("booking.details.email.invalid") : void 0,
+                children: /* @__PURE__ */ s(
+                  zs,
+                  {
+                    value: e.email ?? "",
+                    onChange: (l) => F({ email: l.target.value }),
+                    onBlur: () => ne("email")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ s(
+              Ve,
+              {
+                label: b("booking.details.mobilePhone.label"),
+                required: !0,
+                error: W.mobilePhone && !st ? b("booking.details.mobilePhone.invalid") : void 0,
+                children: /* @__PURE__ */ s(
+                  js,
+                  {
+                    value: e.mobilePhone ?? "",
+                    defaultCountry: D == null ? void 0 : D.toUpperCase(),
+                    onChange: (l) => {
+                      F({ mobilePhone: l }), ne("mobilePhone");
+                    }
+                  }
+                )
+              }
+            )
+          ] }),
+          de && !R || i ? /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            de && !R ? re : null,
+            i ? /* @__PURE__ */ s(
+              Ve,
+              {
+                label: b("booking.details.dateOfBirth.label"),
+                required: !0,
+                error: W.dateOfBirth && !e.dateOfBirth ? b("booking.details.dateOfBirth.required") : void 0,
+                children: /* @__PURE__ */ s(
+                  Ks,
+                  {
+                    value: e.dateOfBirth ? new Date(e.dateOfBirth) : void 0,
+                    onChange: (l) => {
+                      F({
+                        dateOfBirth: l ? l.toISOString().slice(0, 10) : void 0
+                      }), ne("dateOfBirth");
+                    }
+                  }
+                )
+              }
+            ) : null
+          ] }) : null,
+          Ee ? /* @__PURE__ */ s(
+            Ve,
+            {
+              label: b("booking.details.insuranceNumber.label"),
+              required: !0,
+              description: ye.state === "pending" ? b("booking.details.insuranceNumber.checking") : void 0,
+              error: W.insuranceNumber && ye.state === "invalid" ? ye.hint ?? b("booking.details.insuranceNumber.invalid") : void 0,
+              children: /* @__PURE__ */ s(
+                Tt,
+                {
+                  value: e.insuranceNumber ?? "",
+                  onChange: (l) => F({ insuranceNumber: l.target.value }),
+                  onBlur: () => ne("insuranceNumber")
+                }
+              )
+            }
+          ) : null,
+          R ? /* @__PURE__ */ v(
+            "div",
+            {
+              ref: ut,
+              "data-component": "booking-billing",
+              role: "group",
+              "aria-labelledby": `${O}-billing-heading`,
+              "aria-describedby": `${O}-billing-intro`,
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)] ds:p-[var(--spacing-sm)]",
+              onBlur: (l) => {
+                var C;
+                const m = (C = l.target.closest("[data-address-field]")) == null ? void 0 : C.getAttribute("data-address-field");
+                (m === "street" || m === "city" || m === "postcode") && ne(yt[m]);
+              },
+              children: [
+                /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                  /* @__PURE__ */ s(
+                    "h3",
+                    {
+                      id: `${O}-billing-heading`,
+                      className: "type-label ds:m-0 ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+                      children: b("booking.details.billing.heading")
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    "p",
+                    {
+                      id: `${O}-billing-intro`,
+                      className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]",
+                      children: b("booking.details.billing.intro")
+                    }
+                  )
+                ] }),
+                de ? re : null,
+                /* @__PURE__ */ s(
+                  Gs,
+                  {
+                    value: Z,
+                    onChange: (l) => {
+                      var m;
+                      return (
+                        // The name is set from the patient's own on submit.
+                        F({
+                          billing: ii(
+                            l,
+                            "",
+                            // A second line belongs to its street: it goes when the
+                            // patient writes another, and returns with the first.
+                            l.street.trim() === ((m = Le.current) == null ? void 0 : m.street) ? Le.current.line2 : null
+                          )
+                        })
+                      );
+                    },
+                    popularCountries: ai,
+                    layout: "grid",
+                    fields: le ? void 0 : ["street", "city", "postcode"],
+                    required: le ? ["country", "street", "city", "postcode", "province"] : ["country", "street", "city", "postcode"],
+                    errors: {
+                      country: Be("country"),
+                      street: Be("street"),
+                      city: Be("city"),
+                      postcode: Be("postcode"),
+                      province: le ? Be("province") : void 0
+                    }
+                  }
+                )
+              ]
+            }
+          ) : null,
+          u ? /* @__PURE__ */ s(
+            Ve,
+            {
+              label: b("booking.details.note.label"),
+              description: b("booking.details.note.helper", {
+                max: as
+              }),
+              children: /* @__PURE__ */ s(
+                Us,
+                {
+                  value: e.note ?? "",
+                  maxLength: as,
+                  rows: 3,
+                  onChange: (l) => F({ note: l.target.value })
+                }
+              )
+            }
+          ) : null,
+          g ? /* @__PURE__ */ s(
+            rt,
+            {
+              checked: !!e.returningPatient,
+              onCheckedChange: (l) => F({ returningPatient: l === !0 }),
+              label: b("booking.details.returningPatient.label")
+            }
+          ) : null,
+          nt !== void 0 ? /* @__PURE__ */ v(
+            "div",
+            {
+              "data-component": "booking-critical-information",
+              role: "group",
+              "aria-labelledby": `${O}-critical-information-heading`,
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)] ds:bg-[var(--muted)] ds:p-[var(--spacing-sm)]",
+              children: [
+                /* @__PURE__ */ s(
+                  "h3",
+                  {
+                    id: `${O}-critical-information-heading`,
+                    className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0",
+                    children: b("booking.details.criticalInformation.heading")
+                  }
+                ),
+                /* @__PURE__ */ s("p", { className: "type-body-sm ds:m-0 ds:whitespace-pre-wrap ds:break-words ds:text-[var(--foreground)]", children: ei(nt).map(
+                  (l, m) => l.kind === "link" ? /* @__PURE__ */ s(
+                    "a",
+                    {
+                      href: l.href,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: Ut,
+                      children: l.text
+                    },
+                    m
+                  ) : /* @__PURE__ */ s(Rs, { children: l.text }, m)
+                ) }),
+                /* @__PURE__ */ s(
+                  rt,
+                  {
+                    checked: !!e.criticalInformationAccepted,
+                    onCheckedChange: (l) => F({ criticalInformationAccepted: l === !0 }),
+                    "aria-required": !0,
+                    label: /* @__PURE__ */ v(se, { children: [
+                      b("booking.details.criticalInformation.accept"),
+                      /* @__PURE__ */ s(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                          children: "*"
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ]
+            }
+          ) : null,
+          c ? /* @__PURE__ */ v(
+            "div",
+            {
+              "data-component": "booking-payment-notice",
+              role: "group",
+              "aria-labelledby": `${O}-payment-heading`,
+              "data-notice-style": A,
+              className: ri({
+                noticeStyle: A
+              }),
+              children: [
+                A === "highlighted" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                  /* @__PURE__ */ s("span", { className: "ds:flex ds:size-9 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-full ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]", children: /* @__PURE__ */ s(Hs, { "aria-hidden": "true", className: "ds:size-5" }) }),
+                  /* @__PURE__ */ s(
+                    "h3",
+                    {
+                      id: `${O}-payment-heading`,
+                      className: "type-title-item ds:m-0 ds:flex-1",
+                      children: b("booking.payment.noticeTitle")
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "type-title-card ds:shrink-0 ds:text-[var(--foreground)]",
+                      children: ce
+                    }
+                  )
+                ] }) : /* @__PURE__ */ s(
+                  "h3",
+                  {
+                    id: `${O}-payment-heading`,
+                    className: "type-label ds:m-0",
+                    children: b("booking.payment.noticeTitle")
+                  }
+                ),
+                /* @__PURE__ */ s("p", { className: "type-body-sm ds:m-0", children: b("booking.payment.noticeBody", { amount: ce }) }),
+                _e ? /* @__PURE__ */ s(
+                  "a",
+                  {
+                    href: _e,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "type-body-sm ds:inline-flex ds:items-center ds:self-start ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:underline ds:text-[var(--foreground)] ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+                    children: b("booking.payment.terms")
+                  }
+                ) : null,
+                /* @__PURE__ */ s(
+                  rt,
+                  {
+                    checked: Ye,
+                    onCheckedChange: (l) => {
+                      xt(
+                        l === !0 ? Ce : void 0
+                      ), F({ paymentAccepted: l === !0 });
+                    },
+                    "aria-required": !0,
+                    label: /* @__PURE__ */ v(se, { children: [
+                      b("booking.payment.accept", { amount: ce }),
+                      /* @__PURE__ */ s(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                          children: "*"
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ s(
+              rt,
+              {
+                checked: !!e.privacyConsent,
+                onCheckedChange: (l) => F({ privacyConsent: l === !0 }),
+                "aria-required": !0,
+                label: /* @__PURE__ */ v(se, { children: [
+                  Pe(
+                    "booking.details.consent.privacy.label",
+                    p
+                  ),
+                  /* @__PURE__ */ s(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ s(
+              rt,
+              {
+                checked: !!e.termsConsent,
+                onCheckedChange: (l) => F({ termsConsent: l === !0 }),
+                "aria-required": !0,
+                label: /* @__PURE__ */ v(se, { children: [
+                  Pe(
+                    "booking.details.consent.terms.label",
+                    h
+                  ),
+                  /* @__PURE__ */ s(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            ),
+            o && Ze ? /* @__PURE__ */ s(
+              rt,
+              {
+                checked: Fe,
+                onCheckedChange: (l) => {
+                  It(
+                    l === !0 ? Ne : void 0
+                  ), F({ practiceConsentAccepted: l === !0 });
+                },
+                "aria-required": o.required || void 0,
+                label: /* @__PURE__ */ v(se, { children: [
+                  Ot(o.url) ? /* @__PURE__ */ s(
+                    "a",
+                    {
+                      href: Ot(o.url),
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: Ut,
+                      children: o.label
+                    }
+                  ) : o.label,
+                  o.required ? /* @__PURE__ */ s(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  ) : null
+                ] })
+              }
+            ) : null
+          ] }),
+          ue ? /* @__PURE__ */ s(
+            "div",
+            {
+              "data-component": "booking-confirmation-channels",
+              "data-unanswered": z || void 0,
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+              children: /* @__PURE__ */ s(
+                qs,
+                {
+                  label: b("booking.confirmation.heading"),
+                  helperText: b("booking.confirmation.helper"),
+                  value: q,
+                  onChange: (l) => F({
+                    confirmationChannels: l
+                  }),
+                  orientation: "vertical",
+                  options: Qe.map((l) => ({
+                    value: l,
+                    label: b(`booking.confirmation.channel.${l}`)
+                  })),
+                  error: z ? b("booking.confirmation.atLeastOne") : void 0
+                }
+              )
+            }
+          ) : null,
+          B || G || x ? /* @__PURE__ */ s(Q, { variant: "error", children: /* @__PURE__ */ s(Q.Description, { children: B ?? b(
+            x ? "booking.payment.unavailable" : "booking.payment.submitFailed"
+          ) }) }) : null,
+          /* @__PURE__ */ s(
+            Je,
+            {
+              intent: "primary",
+              size: "md",
+              type: "submit",
+              disabled: be || x,
+              "aria-disabled": !it || void 0,
+              startIcon: be ? /* @__PURE__ */ s(us, { variant: "pulse", size: "sm" }) : void 0,
+              children: c ? b("booking.payment.submit", { amount: ce }) : b("booking.details.submit")
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Zt.displayName = "BookingDetailsForm";
+function Xt(e) {
+  const t = e.payment;
+  if (!t) return;
+  const n = (t.currencyCode ?? "EUR").toUpperCase();
+  if (!(!Number.isSafeInteger(t.amountCents) || t.amountCents <= 0 || !["full", "deposit"].includes(t.kind) || !/^[A-Z]{3}$/.test(n)))
+    return {
+      serviceId: e.id,
+      kind: t.kind,
+      amountCents: t.amountCents,
+      currencyCode: n
+    };
+}
+function di(e, t, n) {
+  const r = e.filter(
+    (a) => t.includes(a.id)
+  ), i = (n == null ? void 0 : n.serviceId) ?? (t.length === 1 ? t[0] : void 0);
+  if (i) {
+    const a = r.find((u) => u.id === i);
+    if (!a) return { blocked: !0 };
+    const d = Xt(a);
+    return { payment: d, blocked: !!(a.payment && !d) };
+  }
+  return { blocked: r.some((a) => !!a.payment) };
+}
+function Ft(e) {
+  return e ? JSON.stringify([
+    e.serviceId,
+    e.kind,
+    e.amountCents,
+    e.currencyCode
+  ]) : "";
+}
+function li({
+  services: e,
+  value: t,
+  availableSlots: n,
+  onSubmit: r,
+  onChange: i,
+  paymentState: a,
+  submitting: d,
+  paymentTermsUrl: u,
+  renderPayment: g
+}) {
+  var ve, qe, De;
+  const p = JSON.stringify([
+    t.insuranceType,
+    t.specialtyId,
+    t.specialtyIds,
+    Te(t),
+    t.operatorId,
+    t.operatorIds,
+    t.date,
+    t.slotKey
+  ]), h = _(
+    void 0
+  ), c = (t.date ? (ve = n[t.date]) == null ? void 0 : ve.find((G) => G.key === t.slotKey) : void 0) ?? (((qe = h.current) == null ? void 0 : qe.selection) === p ? h.current.slot : void 0), f = di(
+    e,
+    Te(t),
+    c
+  ), x = f.blocked || !!(f.payment && !g), I = JSON.stringify([
+    p,
+    c == null ? void 0 : c.serviceId,
+    Ft(f.payment),
+    u,
+    x
+  ]), A = f.payment ? JSON.stringify([Ft(f.payment), u]) : "", E = _(void 0), w = !!((De = t.details) != null && De.paymentAccepted);
+  V(() => {
+    if (!w) E.current = void 0;
+    else if (A) E.current === void 0 ? E.current = A : E.current !== A && (E.current = void 0, i({
+      ...t,
+      details: { ...t.details, paymentAccepted: !1 }
+    }));
+    else return;
+  }, [w, A, i, t]);
+  const S = _(I);
+  S.current = I;
+  const [N, T] = X({ status: "idle" }), D = _(0), y = _(!1), k = _(!0), B = _(!1), $ = _(void 0), b = _(I);
+  V(() => (k.current = !0, () => {
+    k.current = !1, D.current += 1;
+  }), []);
+  const ge = N.status === "payment" || N.status === "success";
+  V(() => {
+    b.current === I || B.current || ge || (b.current = I, D.current += 1, y.current = !1, T({ status: "idle" }));
+  }, [I, ge]);
+  const O = ge || b.current === I ? N.session : void 0, K = L(
+    () => O && (a == null ? void 0 : a.sessionId) === O.id ? a : O ? { sessionId: O.id, status: "ready" } : void 0,
+    [O, a]
+  );
+  O && K && "phase" in K && K.phase === "completion" && ($.current = O.id);
+  const M = L(
+    () => O && $.current === O.id && K && K.status !== "paid" && (!("phase" in K) || K.phase !== "completion") ? {
+      sessionId: O.id,
+      status: "processing",
+      phase: "completion"
+    } : K,
+    [O, K]
+  );
+  V(() => {
+    !O || !M || B.current || (M.status === "paid" ? (B.current = !0, T((G) => ({ ...G, status: "success" }))) : M.status === "cancelled" && (D.current += 1, y.current = !1, h.current = void 0, i({
+      ...t,
+      details: { ...t.details, paymentAccepted: !1 }
+    }), T({ status: "idle", cancelled: !0 })));
+  }, [O, M, i, t]);
+  const he = () => {
+    D.current += 1, y.current = !1, B.current = !1, $.current = void 0, h.current = void 0, b.current = S.current, T({ status: "idle" });
+  }, dt = async (G) => {
+    var ke, W, Me, ne, oe;
+    if (!(c != null && c.available) || x || d || y.current || N.status === "payment" || B.current || f.payment && !G.paymentAccepted) return;
+    y.current = !0, h.current = { selection: p, slot: { ...c } };
+    const Oe = ++D.current, be = I;
+    b.current = be;
+    const H = {
+      slot: { ...c, meta: c.meta ? { ...c.meta } : void 0 },
+      value: {
+        ...t,
+        serviceIds: (ke = t.serviceIds) == null ? void 0 : ke.slice(),
+        specialtyIds: (W = t.specialtyIds) == null ? void 0 : W.slice(),
+        operatorIds: (Me = t.operatorIds) == null ? void 0 : Me.slice(),
+        operatorId: Is(t) ?? t.operatorId,
+        details: { ...G }
+      },
+      details: {
+        ...G,
+        confirmationChannels: (ne = G.confirmationChannels) == null ? void 0 : ne.slice()
+      },
+      ...f.payment ? { payment: { ...f.payment } } : {}
+    }, ae = () => k.current && D.current === Oe && S.current === be;
+    T({ status: "submitting" });
+    let ye = !1;
+    try {
+      const Y = await r(H);
+      if (!ae()) return;
+      if (H.payment) {
+        const F = Y == null ? void 0 : Y.paymentSession;
+        if (!((oe = F == null ? void 0 : F.id) != null && oe.trim()) || Ft(F.payment) !== Ft(H.payment)) {
+          T({ status: "error" });
+          return;
+        }
+        ye = !0, T({
+          status: "payment",
+          snapshot: H,
+          session: { id: F.id, payment: { ...F.payment } }
+        });
+      } else Y != null && Y.paymentSession ? T({ status: "error" }) : (B.current = !0, T({ status: "success", snapshot: H }));
+    } catch {
+      ae() && T({ status: "error" });
+    } finally {
+      ae() && !ye && (y.current = !1);
+    }
+  };
+  return {
+    ...N,
+    payment: f.payment,
+    blocked: x,
+    state: M,
+    activeSession: O,
+    submit: dt,
+    reset: he
+  };
+}
+const ui = kt(
+  "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" }
+  }
+), pi = [
+  [
+    /\b(estetic|aesthetic|botox|filler|mesoterap|chirurgia\s*plastic)/i,
+    is
+  ],
+  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, on],
+  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, On],
+  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, cn],
+  [/\b(otorin|udito|orecchi|hearing|ear)/i, xn],
+  [/\b(neuro|brain|cervello)/i, bn],
+  [/\b(pediatr|child|bambin)/i, dn],
+  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, hn],
+  [/\b(lab|analis|test|sang|esami)/i, Nn],
+  [/\b(farmaco|pharm|pillol|refill)/i, Cn],
+  [/\b(chirurg|surg|intervent|operat)/i, Tn],
+  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, ln],
+  [/\b(vacc|inject|inie|punto)/i, is],
+  [/\b(derma|skin|pelle)/i, un],
+  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, pn],
+  [/\b(general|medicin|family|control|check[-\s]?up)/i, fn]
+];
+function mi(e) {
+  for (const [t, n] of pi)
+    if (t.test(e)) return n;
+  return null;
+}
+function fi(e) {
+  const t = mi(e.label) ?? an;
+  return /* @__PURE__ */ s(t, { "aria-hidden": "true", className: "ds:size-5" });
+}
+function Cs(e) {
+  var t;
+  return (t = e.priceLabel) != null && t.trim() ? e.priceLabel : void 0;
+}
+function He(e) {
+  return Lt(e, "yyyy-MM-dd");
+}
+const gi = [
+  "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(" "), hi = kt(gi, {
+  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 vi({
+  availableDates: e,
+  selectedDate: t,
+  onSelectDate: n,
+  locale: r,
+  loading: i
+}) {
+  const { t: a } = U("ui"), d = L(() => t ? bt(me(t)) : e.length > 0 ? bt(me(e[0])) : bt(/* @__PURE__ */ new Date()), [t, e]), [u, g] = X(d), [p, h] = X(null), o = L(() => {
+    const w = bt(u), S = Qs(u), N = w.getDay(), T = S.getDate(), D = [];
+    for (let y = N; y > 0; y -= 1) {
+      const k = new Date(w);
+      k.setDate(w.getDate() - y), D.push(k);
+    }
+    for (let y = 0; y < T; y += 1) {
+      const k = new Date(w);
+      k.setDate(w.getDate() + y), D.push(k);
+    }
+    for (; D.length < 42; ) {
+      const y = D[D.length - 1], k = new Date(y);
+      k.setDate(y.getDate() + 1), D.push(k);
+    }
+    return D;
+  }, [u]), c = L(() => {
+    try {
+      return new Intl.DateTimeFormat(r, {
+        month: "long",
+        year: "numeric"
+      }).format(u);
+    } catch {
+      return Lt(u, "MMMM yyyy");
+    }
+  }, [u, r]), f = L(() => {
+    const w = new Date(2024, 0, 7);
+    return Array.from({ length: 7 }, (S, N) => {
+      const T = new Date(w);
+      T.setDate(w.getDate() + N);
+      try {
+        return new Intl.DateTimeFormat(r, { weekday: "short" }).format(T);
+      } catch {
+        return Lt(T, "EEE");
+      }
+    });
+  }, [r]), x = L(() => new Set(e), [e]), I = fe(
+    (w) => x.has(He(w)),
+    [x]
+  ), A = L(() => {
+    if (p) return p;
+    if (t) return me(t);
+    const w = o.find(
+      (S) => Dt(S, u) && I(S)
+    );
+    return w || (o.find((S) => Dt(S, u)) ?? null);
+  }, [p, t, o, u, I]), E = fe(
+    (w, S) => {
+      let N = null;
+      switch (w.key) {
+        case "ArrowLeft":
+          N = new Date(S), N.setDate(S.getDate() - 1);
+          break;
+        case "ArrowRight":
+          N = new Date(S), N.setDate(S.getDate() + 1);
+          break;
+        case "ArrowUp":
+          N = new Date(S), N.setDate(S.getDate() - 7);
+          break;
+        case "ArrowDown":
+          N = new Date(S), N.setDate(S.getDate() + 7);
+          break;
+        case "Home":
+          N = new Date(S), N.setDate(S.getDate() - S.getDay());
+          break;
+        case "End":
+          N = new Date(S), N.setDate(S.getDate() + (6 - S.getDay()));
+          break;
+        case "Enter":
+        case " ": {
+          w.preventDefault(), I(S) && n(He(S));
+          return;
+        }
+        default:
+          return;
+      }
+      N && (w.preventDefault(), Dt(N, u) || g(bt(N)), h(N));
+    },
+    [I, n, u]
+  );
+  return i ? /* @__PURE__ */ v(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": a("common.loading"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: [
+        /* @__PURE__ */ s(Bt, { variant: "text", width: "40%" }),
+        /* @__PURE__ */ s("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (w, S) => /* @__PURE__ */ s(Bt, { variant: "rounded", height: "2.5rem" }, `mg-skel-${S}`)) })
+      ]
+    }
+  ) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ s(
+        ss,
+        {
+          icon: /* @__PURE__ */ s(tn, {}),
+          "aria-label": a("booking.previousMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            g((w) => Ln(w)), h(null);
+          }
+        }
+      ),
+      /* @__PURE__ */ s(
+        "span",
+        {
+          className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+          "aria-live": "polite",
+          children: c
+        }
+      ),
+      /* @__PURE__ */ s(
+        ss,
+        {
+          icon: /* @__PURE__ */ s(sn, {}),
+          "aria-label": a("booking.nextMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            g((w) => fs(w, 1)), h(null);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ v(
+      "div",
+      {
+        role: "grid",
+        "aria-label": a("booking.monthGridLabel"),
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+        children: [
+          /* @__PURE__ */ s(
+            "div",
+            {
+              role: "row",
+              className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+              children: f.map((w, S) => /* @__PURE__ */ s(
+                "div",
+                {
+                  role: "columnheader",
+                  className: "type-meta ds:text-center ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-medium)]",
+                  children: w
+                },
+                `wd-${S}`
+              ))
+            }
+          ),
+          Array.from({ length: 6 }, (w, S) => /* @__PURE__ */ s(
+            "div",
+            {
+              role: "row",
+              className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+              children: o.slice(S * 7, S * 7 + 7).map((N, T) => {
+                const D = S * 7 + T, y = Dt(N, u), k = y && I(N), B = t ? ns(N, me(t)) : !1, $ = y ? B ? "selected" : k ? "available" : "unavailable" : "outside", b = A ? ns(A, N) : !1, ge = (() => {
+                  try {
+                    return new Intl.DateTimeFormat(r, {
+                      dateStyle: "full"
+                    }).format(N);
+                  } catch {
+                    return Lt(N, "PPP");
+                  }
+                })();
+                return /* @__PURE__ */ s(
+                  "button",
+                  {
+                    type: "button",
+                    role: "gridcell",
+                    "aria-label": ge,
+                    "aria-selected": B || void 0,
+                    "aria-disabled": !k || void 0,
+                    tabIndex: b ? 0 : -1,
+                    disabled: !k,
+                    onClick: () => {
+                      k && n(He(N));
+                    },
+                    onKeyDown: (O) => E(O, N),
+                    className: hi({ state: $ }),
+                    children: /* @__PURE__ */ s("span", { "aria-hidden": "true", children: N.getDate() })
+                  },
+                  `mg-cell-${D}`
+                );
+              })
+            },
+            `mg-row-${S}`
+          ))
+        ]
+      }
+    )
+  ] });
+}
+const bi = kt(
+  [
+    "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 yi({
+  services: e,
+  selectedServiceId: t,
+  onSelect: n
+}) {
+  const { t: r, i18n: i } = U("ui"), a = Rt(), [d, u] = X(() => {
+    if (t) {
+      const o = e.findIndex((c) => c.id === t);
+      if (o >= 0) return o;
+    }
+    return 0;
+  }), g = _(/* @__PURE__ */ new Map()), p = fe((o) => {
+    var c;
+    (c = g.current.get(o)) == null || c.focus();
+  }, []), h = fe(
+    (o, c, f) => {
+      const x = e.length;
+      if (x !== 0)
+        switch (o.key) {
+          case "ArrowDown":
+          case "ArrowRight": {
+            o.preventDefault();
+            const I = (c + 1) % x;
+            u(I), p(I);
+            break;
+          }
+          case "ArrowUp":
+          case "ArrowLeft": {
+            o.preventDefault();
+            const I = (c - 1 + x) % x;
+            u(I), p(I);
+            break;
+          }
+          case "Home": {
+            o.preventDefault(), u(0), p(0);
+            break;
+          }
+          case "End": {
+            o.preventDefault();
+            const I = x - 1;
+            u(I), p(I);
+            break;
+          }
+          case "Enter":
+          case " ": {
+            o.preventDefault(), n(f);
+            break;
+          }
+        }
+    },
+    [e.length, p, n]
+  );
+  return e.length === 0 ? null : /* @__PURE__ */ s(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": r("booking.serviceListLabel"),
+      id: a,
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: e.map((o, c) => {
+        const f = t === o.id, x = d === c, I = Xt(o), A = o.payment ? I ? r(`booking.payment.${I.kind}`, {
+          amount: St(
+            I.amountCents,
+            I.currencyCode,
+            i.language
+          )
+        }) : r("booking.payment.unavailable") : Cs(o), E = A ? r("booking.serviceCardLabelPrice", {
+          label: o.label,
+          price: A
+        }) : r("booking.serviceCardLabel", {
+          label: o.label,
+          duration: o.durationMin
+        }), w = fi(o);
+        return /* @__PURE__ */ v(
+          "button",
+          {
+            ref: (S) => {
+              S ? g.current.set(c, S) : g.current.delete(c);
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": f,
+            "aria-label": E,
+            tabIndex: x ? 0 : -1,
+            onClick: () => n(o.id),
+            onFocus: () => u(c),
+            onKeyDown: (S) => h(S, c, o.id),
+            className: bi({
+              state: f ? "selected" : "idle"
+            }),
+            children: [
+              /* @__PURE__ */ s(
+                "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: w
+                }
+              ),
+              /* @__PURE__ */ v("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ s("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: o.label }),
+                A ? null : /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: r("booking.serviceSummary", {
+                  minutes: o.durationMin
+                }) })
+              ] }),
+              A ? /* @__PURE__ */ s(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "ds:inline-flex ds:shrink-0 ds:items-center ds:ms-auto",
+                  children: /* @__PURE__ */ s(ps, { variant: "accentSoft", size: "lg", children: A })
+                }
+              ) : null
+            ]
+          },
+          o.id
+        );
+      })
+    }
+  );
+}
+const ki = kt(
+  [
+    "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 Si(e) {
+  const [t] = e.split(":").map((r) => parseInt(r, 10)), n = Number.isFinite(t) ? t : 0;
+  return n < 12 ? "morning" : n < 17 ? "afternoon" : "evening";
+}
+const xi = {
+  morning: rn,
+  afternoon: Fn,
+  evening: nn
+};
+function Ii({
+  date: e,
+  slots: t,
+  selectedSlotKey: n,
+  onSelect: r,
+  loading: i,
+  locale: a
+}) {
+  const { t: d } = U("ui"), u = L(() => {
+    try {
+      return new Intl.DateTimeFormat(a, {
+        weekday: "long",
+        day: "numeric",
+        month: "long"
+      }).format(me(e));
+    } catch {
+      return e;
+    }
+  }, [e, a]), g = L(() => {
+    const o = {
+      morning: [],
+      afternoon: [],
+      evening: []
+    };
+    for (const c of t)
+      o[Si(c.time)].push(c);
+    return o;
+  }, [t]), p = t.filter((o) => o.available).length, h = ["morning", "afternoon", "evening"];
+  return i ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s(Bt, { variant: "text", width: "60%" }),
+    [0, 1].map((o) => /* @__PURE__ */ s(
+      "div",
+      {
+        className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)]",
+        children: [0, 1, 2].map((c) => /* @__PURE__ */ s(Bt, { variant: "rounded", height: "44px" }, c))
+      },
+      o
+    ))
+  ] }) : p === 0 ? /* @__PURE__ */ s(ms, { variant: "no-results", title: d("booking.noSlotsForDate") }) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ v("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ s(
+          kn,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-4 ds:text-[color:var(--accent)]"
+          }
+        ),
+        /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: u })
+      ] }),
+      /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: d("booking.slotsAvailable", { count: p }) })
+    ] }),
+    h.map((o) => {
+      const c = g[o];
+      if (c.length === 0) return null;
+      const f = xi[o];
+      return /* @__PURE__ */ v(
+        "div",
+        {
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          children: [
+            /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ s(f, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              /* @__PURE__ */ s("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: d(`booking.timeOfDay.${o}`) })
+            ] }),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                role: "group",
+                "aria-label": d(`booking.timeOfDay.${o}`),
+                className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)] ds:sm:grid-cols-4",
+                children: c.map((x) => {
+                  const I = x.key === n, A = x.available ? I ? "selected" : "idle" : "unavailable";
+                  return /* @__PURE__ */ s(
+                    "button",
+                    {
+                      type: "button",
+                      "data-slot-id": x.key,
+                      disabled: !x.available,
+                      "aria-pressed": I,
+                      "aria-label": d("booking.slotAvailableLabel", {
+                        time: x.time
+                      }),
+                      onClick: () => x.available && r(x),
+                      className: ki({ state: A }),
+                      children: x.time
+                    },
+                    x.key
+                  );
+                })
+              }
+            )
+          ]
+        },
+        o
+      );
+    })
+  ] });
+}
+const _t = 4;
+function Ni({
+  availableDates: e,
+  availableSlots: t,
+  value: n,
+  onChange: r,
+  onDateSelect: i,
+  onWindowChange: a,
+  loadingDates: d,
+  loadingSlots: u,
+  locale: g,
+  agentIdBase: p
+}) {
+  const h = L(() => at(/* @__PURE__ */ new Date()), []), [o, c] = X(() => {
+    if (n.date) {
+      const k = at(me(n.date));
+      if (!ot(h, k)) return k;
+    }
+    if (e.length > 0) {
+      const k = at(me(e[0]));
+      if (ot(k, h)) return k;
+    }
+    return h;
+  }), f = L(
+    () => jt(o, _t - 1),
+    [o]
+  ), x = L(() => Array.from({ length: _t }, (k, B) => {
+    const $ = jt(o, B), b = He($), O = (t[b] ?? []).map((K) => ({
+      id: K.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: `${b}T${K.time}:00`,
+      available: K.available
+    }));
+    return { date: b, slots: O };
+  }), [o, t]), I = ot(o, h), A = !0, E = fe(() => {
+    c((k) => {
+      const B = en(k, _t);
+      return ot(h, B) ? h : B;
+    });
+  }, [h]), w = fe(() => {
+    c((k) => jt(k, _t));
+  }, []);
+  V(() => {
+    if (e.length === 0) return;
+    const k = at(me(e[0]));
+    !ot(k, h) || e.some(($) => {
+      const b = at(me($));
+      return !ot(b, f) && !Xs(b, o);
+    }) || c(k);
+  }, [e]), V(() => {
+    a == null || a(He(o), He(f));
+  }, [o, f, a]);
+  const S = fe(
+    (k, B) => {
+      const $ = typeof B.date == "string" ? B.date : He(B.date);
+      r({
+        ...xs(Vt(n, $), k.id)
+      }), i == null || i($);
+    },
+    [r, i, n]
+  ), N = d || u ? "loading" : "default", T = x.some((k) => k.slots.length > 0), D = e[0];
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    !T && !!D ? /* @__PURE__ */ s(
+      Qt,
+      {
+        nextAvailableDate: D,
+        onJump: () => c(at(me(D))),
+        locale: g
+      }
+    ) : null,
+    /* @__PURE__ */ s(
+      Ys,
+      {
+        id: p ? `${p}-slots` : void 0,
+        days: x,
+        state: N,
+        selectedSlotId: n.slotKey,
+        maxInitialSlotsPerDay: 6,
+        locale: g,
+        hasPrevious: I,
+        hasNext: A,
+        onSlotSelect: S,
+        onPreviousDays: E,
+        onNextDays: w
+      }
+    )
+  ] });
+}
+function As(e) {
+  const {
+    inputs: t,
+    value: n,
+    onChange: r,
+    onDateSelect: i,
+    onWindowChange: a,
+    loadingDates: d,
+    loadingSlots: u,
+    locale: g,
+    datePickerStyle: p,
+    agentIdBase: h
+  } = e;
+  return p === "four-day-grid" ? /* @__PURE__ */ s(
+    Ni,
+    {
+      availableDates: t.availableDates,
+      availableSlots: t.availableSlots,
+      value: n,
+      onChange: r,
+      onDateSelect: i,
+      onWindowChange: a,
+      loadingDates: d,
+      loadingSlots: u,
+      locale: g,
+      agentIdBase: h
+    }
+  ) : /* @__PURE__ */ s(
+    vi,
+    {
+      availableDates: t.availableDates,
+      selectedDate: n.date,
+      onSelectDate: (o) => {
+        r(Vt(n, o)), i == null || i(o);
+      },
+      locale: g,
+      loading: d ?? u
+    }
+  );
+}
+function Ts(e) {
+  const { inputs: t, value: n, onChange: r, loadingSlots: i, locale: a, datePickerStyle: d } = e;
+  return d === "four-day-grid" || !n.date ? null : /* @__PURE__ */ s(
+    Ii,
+    {
+      date: n.date,
+      slots: t.availableSlots[n.date] ?? [],
+      selectedSlotKey: n.slotKey,
+      onSelect: (u) => r(xs(n, u.key)),
+      loading: i,
+      locale: a
+    }
+  );
+}
+function Ds({ value: e, onChange: t }) {
+  const { t: n } = U("ui"), r = [
+    { value: "private", label: n("booking.insurance.private") },
+    { value: "public", label: n("booking.insurance.public") }
+  ];
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: n("booking.insurance.heading") }),
+    /* @__PURE__ */ s(
+      Pt,
+      {
+        options: r,
+        value: e ?? "",
+        onValueChange: (i) => {
+          (i === "private" || i === "public") && t(i);
+        },
+        placeholder: n("booking.insurance.placeholder"),
+        "aria-label": n("booking.insurance.heading")
+      }
+    )
+  ] });
+}
+function Os({
+  specialties: e,
+  value: t,
+  valueIds: n,
+  onChange: r,
+  onChangeIds: i,
+  pickerStyle: a = "select"
+}) {
+  const { t: d } = U("ui"), u = e.map((p) => ({
+    value: p.id,
+    label: p.label
+  })), g = /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: d("booking.specialty.heading") });
+  return a === "multi-select" && i ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    g,
+    /* @__PURE__ */ s(
+      Yt,
+      {
+        options: u,
+        value: n ?? [],
+        onChange: i,
+        placeholder: d("booking.specialty.placeholder"),
+        "aria-label": d("booking.specialty.heading"),
+        allowClear: !0
+      }
+    )
+  ] }) : a === "combobox" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    g,
+    /* @__PURE__ */ s(
+      Wt,
+      {
+        options: u,
+        value: t ?? "",
+        onValueChange: (p) => r(p === "" ? "" : p),
+        placeholder: d("booking.specialty.placeholder"),
+        "aria-label": d("booking.specialty.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    g,
+    /* @__PURE__ */ s(
+      Pt,
+      {
+        options: u,
+        value: t ?? "",
+        onValueChange: (p) => r(p),
+        placeholder: d("booking.specialty.placeholder"),
+        "aria-label": d("booking.specialty.heading")
+      }
+    )
+  ] });
+}
+function Ms({
+  services: e,
+  value: t,
+  valueIds: n,
+  onChange: r,
+  onChangeIds: i,
+  pickerStyle: a,
+  compact: d
+}) {
+  const { t: u, i18n: g } = U("ui"), p = a ?? (d ? "select" : "cards"), h = e.map((c) => {
+    const f = Xt(c), x = c.payment ? f ? u(`booking.payment.${f.kind}`, {
+      amount: St(
+        f.amountCents,
+        f.currencyCode,
+        g.language
+      )
+    }) : u("booking.payment.unavailable") : Cs(c);
+    return x ? {
+      value: c.id,
+      label: c.label,
+      endContent: /* @__PURE__ */ s(ps, { variant: "accentSoft", size: "lg", children: x })
+    } : {
+      value: c.id,
+      label: `${c.label} · ${u("booking.serviceSummary", {
+        minutes: c.durationMin
+      })}`
+    };
+  }), o = /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: u("booking.service.heading") });
+  return p === "multi-select" && i ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    o,
+    /* @__PURE__ */ s(
+      Yt,
+      {
+        options: h,
+        value: n ?? [],
+        onChange: i,
+        placeholder: u("booking.service.placeholder"),
+        "aria-label": u("booking.service.heading"),
+        allowClear: !0
+      }
+    )
+  ] }) : p === "combobox" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    o,
+    /* @__PURE__ */ s(
+      Wt,
+      {
+        options: h,
+        value: t ?? "",
+        onValueChange: (c) => r(c === "" ? "" : c),
+        placeholder: u("booking.service.placeholder"),
+        "aria-label": u("booking.service.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : p === "select" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    o,
+    /* @__PURE__ */ s(
+      Pt,
+      {
+        options: h,
+        value: t ?? "",
+        onValueChange: (c) => r(c),
+        placeholder: u("booking.service.placeholder"),
+        "aria-label": u("booking.service.heading")
+      }
+    )
+  ] }) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    o,
+    /* @__PURE__ */ s(
+      yi,
+      {
+        services: e,
+        selectedServiceId: t,
+        onSelect: r
+      }
+    )
+  ] });
+}
+function Fs({
+  operators: e,
+  value: t,
+  valueIds: n,
+  onChange: r,
+  onChangeIds: i,
+  pickerStyle: a = "select"
+}) {
+  const { t: d } = U("ui"), u = /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: d("booking.operator.heading") });
+  if (a === "multi-select" && i) {
+    const p = e.map((h) => ({
+      value: h.id,
+      label: h.name
+    }));
+    return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      u,
+      /* @__PURE__ */ s(
+        Yt,
+        {
+          options: p,
+          value: n ?? [],
+          onChange: i,
+          placeholder: d("booking.operator.placeholder"),
+          "aria-label": d("booking.operator.heading"),
+          allowClear: !0
+        }
+      )
+    ] });
+  }
+  const g = [
+    { value: we, label: d("booking.operator.all") },
+    ...e.map((p) => ({ value: p.id, label: p.name }))
+  ];
+  return a === "combobox" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    u,
+    /* @__PURE__ */ s(
+      Wt,
+      {
+        options: g,
+        value: t ?? we,
+        onValueChange: (p) => r(p === "" ? we : p),
+        placeholder: d("booking.operator.placeholder"),
+        "aria-label": d("booking.operator.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    u,
+    /* @__PURE__ */ s(
+      Pt,
+      {
+        options: g,
+        value: t ?? we,
+        onValueChange: (p) => r(p),
+        placeholder: d("booking.operator.placeholder"),
+        "aria-label": d("booking.operator.heading")
+      }
+    )
+  ] });
+}
+function _s({
+  customSlot: e
+}) {
+  const { t } = U("ui");
+  return e ? /* @__PURE__ */ s(se, { children: e }) : /* @__PURE__ */ v(Q, { variant: "warning", children: [
+    /* @__PURE__ */ s(Q.Title, { as: "h4", children: t("booking.onboardingIncomplete.title") }),
+    /* @__PURE__ */ s(Q.Description, { children: t("booking.onboardingIncomplete.description") })
+  ] });
+}
+function Qt({
+  nextAvailableDate: e,
+  onJump: t,
+  locale: n
+}) {
+  const { t: r } = U("ui"), i = L(() => {
+    try {
+      return new Intl.DateTimeFormat(n, { dateStyle: "long" }).format(
+        me(e)
+      );
+    } catch {
+      return e;
+    }
+  }, [e, n]);
+  return /* @__PURE__ */ v(Q, { variant: "info", children: [
+    /* @__PURE__ */ s(Q.Description, { children: r("booking.nextAvailable.description", { date: i }) }),
+    /* @__PURE__ */ s(Q.Action, { children: /* @__PURE__ */ s(Je, { intent: "secondary", size: "sm", onClick: t, children: r("booking.nextAvailable.cta") }) })
+  ] });
+}
+function wi({
+  payment: e,
+  snapshot: t,
+  operators: n,
+  specialties: r,
+  services: i,
+  locale: a,
+  mode: d,
+  showModify: u,
+  onReset: g,
+  onModify: p,
+  focusWasLost: h
+}) {
+  const { t: o } = U("ui"), c = _(null);
+  V(() => {
+    const T = c.current, D = document.activeElement, y = T == null ? void 0 : T.closest('[data-component="booking"]');
+    !e || !T || (D && (y != null && y.contains(D)) || h()) && T.focus();
+  }, []);
+  const x = (t.details.confirmationChannels ?? ["email"]).map(
+    (T) => o(`booking.confirmation.channel.${T}`)
+  ), I = e ? St(e.amountCents, e.currencyCode, a) : "", A = e ? o(
+    d === "demo" ? "booking.payment.paidDemo" : "booking.payment.paidBody",
+    { amount: I }
+  ) : d === "demo" ? o("booking.success.descriptionDemo") : x.length > 1 ? o("booking.success.descriptionMultiple", {
+    channels: x.join(" · ")
+  }) : o("booking.success.descriptionSingle", { channel: x[0] }), E = L(() => {
+    if (t.date)
+      try {
+        return new Intl.DateTimeFormat(a, {
+          weekday: "long",
+          day: "numeric",
+          month: "long"
+        }).format(me(t.date));
+      } catch {
+        return t.date;
+      }
+  }, [t.date, a]), w = L(() => {
+    const D = (t.operatorIds && t.operatorIds.length > 0 ? t.operatorIds : t.operatorId ? [t.operatorId] : []).filter((y) => y !== we).map((y) => {
+      var k;
+      return (k = n.find((B) => B.id === y)) == null ? void 0 : k.name;
+    }).filter((y) => y !== void 0);
+    if (D.length === 0) return "";
+    try {
+      return new Intl.ListFormat(a === "en" ? "en-GB" : a, {
+        style: "long",
+        type: "conjunction"
+      }).format(D);
+    } catch {
+      return D.join(", ");
+    }
+  }, [t.operatorIds, t.operatorId, n, a]), S = t.specialtyId ? r.find((T) => T.id === t.specialtyId) : void 0, N = t.serviceId ? i.find((T) => T.id === t.serviceId) : void 0;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      "data-component": "booking-success",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ v(Q, { variant: "success", children: [
+          /* @__PURE__ */ s(
+            Q.Title,
+            {
+              as: "h3",
+              ref: c,
+              tabIndex: e ? -1 : void 0,
+              className: e ? Et : void 0,
+              children: o(
+                e ? d === "demo" ? "booking.payment.paidDemoTitle" : "booking.payment.paidTitle" : "booking.success.heading"
+              )
+            }
+          ),
+          /* @__PURE__ */ s(Q.Description, { children: A })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[var(--secondary)] ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ v("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: [
+          e && d !== "demo" ? /* @__PURE__ */ v(se, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.payment.summaryPaid") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: I })
+          ] }) : null,
+          S ? /* @__PURE__ */ v(se, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.success.summarySpecialty") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: S.label })
+          ] }) : null,
+          N ? /* @__PURE__ */ v(se, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.success.summaryService") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: N.label })
+          ] }) : null,
+          E ? /* @__PURE__ */ v(se, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.success.summaryDate") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: E })
+          ] }) : null,
+          /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.success.summaryTime") }),
+          /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: t.slot.time }),
+          w ? /* @__PURE__ */ v(se, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.success.summaryProvider") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: w })
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ s(Je, { intent: "secondary", size: "md", onClick: g, children: o("booking.success.bookAnother") }),
+          u ? /* @__PURE__ */ s(Je, { intent: "ghost", size: "md", onClick: p, children: o("booking.success.modifyBooking") }) : null
+        ] })
+      ]
+    }
+  );
+}
+function Ls({ customSlot: e }) {
+  const { t } = U("ui");
+  return e ? /* @__PURE__ */ s(se, { children: e }) : /* @__PURE__ */ s(
+    ms,
+    {
+      variant: "no-results",
+      title: t("booking.emptyServices.title"),
+      description: t("booking.emptyServices.description")
+    }
+  );
+}
+const Bs = "data-booking-step-active", Ci = `[${Bs}]`, Et = [
+  "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 j({
+  step: e,
+  active: t,
+  className: n,
+  id: r,
+  children: i
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      id: r,
+      "data-booking-step": String(e),
+      ...t ? { [Bs]: "" } : null,
+      tabIndex: -1,
+      className: n ? `${n} ${Et}` : Et,
+      children: i
+    }
+  );
+}
+function es(e, t) {
+  return t === "four-day-grid" ? e.filter((n) => n !== 6) : e;
+}
+function Ai(e) {
+  const {
+    cascade: t,
+    inputs: n,
+    value: r,
+    onChange: i,
+    onSubmit: a,
+    emptyServicesSlot: d,
+    onboardingIncompleteSlot: u,
+    loadingDates: g,
+    loadingSlots: p,
+    onDateSelect: h,
+    onWindowChange: o,
+    datePickerStyle: c,
+    specialtyPickerStyle: f,
+    servicePickerStyle: x,
+    operatorPickerStyle: I,
+    submitting: A,
+    locale: E,
+    detailsProps: w,
+    agentIdBase: S,
+    activeStep: N
+  } = e, { t: T } = U("ui"), D = ct(N, c), y = (k, B) => ({
+    step: k,
+    active: k === D,
+    className: B
+  });
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    t.gates.insurance ? /* @__PURE__ */ s(j, { ...y(1), children: /* @__PURE__ */ s(
+      Ds,
+      {
+        value: r.insuranceType,
+        onChange: (k) => i(gs(r, k))
+      }
+    ) }) : null,
+    t.gates.specialty ? /* @__PURE__ */ s(j, { ...y(2), children: /* @__PURE__ */ s(
+      Os,
+      {
+        specialties: t.filtered.specialties,
+        value: r.specialtyId,
+        valueIds: r.specialtyIds,
+        onChange: (k) => i(hs(r, k)),
+        onChangeIds: (k) => i(vs(r, k)),
+        pickerStyle: f
+      }
+    ) }) : null,
+    t.gates.service ? /* @__PURE__ */ s(j, { ...y(3), children: t.filtered.services.length === 0 ? /* @__PURE__ */ s(Ls, { customSlot: d }) : /* @__PURE__ */ s(
+      Ms,
+      {
+        services: t.filtered.services,
+        value: r.serviceId,
+        valueIds: r.serviceIds,
+        onChange: (k) => i(bs(r, k)),
+        onChangeIds: (k) => i(ys(r, k)),
+        pickerStyle: x
+      }
+    ) }) : null,
+    t.gates.onboardingIncomplete ? /* @__PURE__ */ s(_s, { customSlot: u }) : null,
+    t.gates.operator ? /* @__PURE__ */ s(j, { ...y(4), children: /* @__PURE__ */ s(
+      Fs,
+      {
+        operators: t.filtered.operators,
+        value: r.operatorId,
+        valueIds: r.operatorIds,
+        onChange: (k) => i(ks(r, k)),
+        onChangeIds: (k) => i(Ss(r, k)),
+        pickerStyle: I
+      }
+    ) }) : null,
+    t.gates.date ? /* @__PURE__ */ v(
+      j,
+      {
+        ...y(5, "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"),
+        children: [
+          /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: T("booking.date.heading") }),
+          n.availableDates.length === 0 && n.nextAvailableDate ? /* @__PURE__ */ s(
+            Qt,
+            {
+              nextAvailableDate: n.nextAvailableDate,
+              onJump: () => i(Vt(r, n.nextAvailableDate)),
+              locale: E
+            }
+          ) : As({
+            inputs: n,
+            value: r,
+            onChange: i,
+            onDateSelect: h,
+            onWindowChange: o,
+            loadingDates: g,
+            loadingSlots: p,
+            locale: E,
+            datePickerStyle: c,
+            agentIdBase: S
+          })
+        ]
+      }
+    ) : null,
+    t.gates.slot && r.date && c === "month-calendar" ? /* @__PURE__ */ v(
+      j,
+      {
+        ...y(6, "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"),
+        children: [
+          /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: T("booking.slot.heading") }),
+          Ts({
+            inputs: n,
+            value: r,
+            onChange: i,
+            loadingSlots: p,
+            locale: E,
+            datePickerStyle: c
+          })
+        ]
+      }
+    ) : null,
+    t.gates.details && t.selectedSlot ? /* @__PURE__ */ s(j, { ...y(7), children: /* @__PURE__ */ s(
+      Zt,
+      {
+        ...w,
+        value: r.details ?? {},
+        onChange: (k) => i({ ...r, details: k }),
+        onSubmit: a,
+        submitting: A,
+        defaultPhoneCountry: e.policy.country
+      }
+    ) }) : null
+  ] });
+}
+function xe(e, t, n = {}) {
+  const {
+    cascade: r,
+    inputs: i,
+    value: a,
+    onChange: d,
+    onSubmit: u,
+    emptyServicesSlot: g,
+    onboardingIncompleteSlot: p,
+    loadingDates: h,
+    loadingSlots: o,
+    onDateSelect: c,
+    onWindowChange: f,
+    datePickerStyle: x,
+    specialtyPickerStyle: I,
+    servicePickerStyle: A,
+    operatorPickerStyle: E,
+    submitting: w,
+    locale: S,
+    detailsProps: N,
+    policy: T,
+    agentIdBase: D
+  } = t;
+  switch (e) {
+    case 1:
+      return /* @__PURE__ */ s(
+        Ds,
+        {
+          value: a.insuranceType,
+          onChange: (y) => d(gs(a, y))
+        }
+      );
+    case 2:
+      return /* @__PURE__ */ s(
+        Os,
+        {
+          specialties: r.filtered.specialties,
+          value: a.specialtyId,
+          valueIds: a.specialtyIds,
+          onChange: (y) => d(hs(a, y)),
+          onChangeIds: (y) => d(vs(a, y)),
+          pickerStyle: I
+        }
+      );
+    case 3:
+      return r.filtered.services.length === 0 ? /* @__PURE__ */ s(Ls, { customSlot: g }) : r.gates.onboardingIncomplete ? /* @__PURE__ */ s(_s, { customSlot: p }) : /* @__PURE__ */ s(
+        Ms,
+        {
+          services: r.filtered.services,
+          value: a.serviceId,
+          valueIds: a.serviceIds,
+          onChange: (y) => d(bs(a, y)),
+          onChangeIds: (y) => d(ys(a, y)),
+          pickerStyle: A,
+          compact: n.compactService
+        }
+      );
+    case 4:
+      return /* @__PURE__ */ s(
+        Fs,
+        {
+          operators: r.filtered.operators,
+          value: a.operatorId,
+          valueIds: a.operatorIds,
+          onChange: (y) => d(ks(a, y)),
+          onChangeIds: (y) => d(Ss(a, y)),
+          pickerStyle: E
+        }
+      );
+    case 5:
+      return i.availableDates.length === 0 && i.nextAvailableDate ? /* @__PURE__ */ s(
+        Qt,
+        {
+          nextAvailableDate: i.nextAvailableDate,
+          onJump: () => d(Vt(a, i.nextAvailableDate)),
+          locale: S
+        }
+      ) : As({
+        inputs: i,
+        value: a,
+        onChange: d,
+        onDateSelect: c,
+        onWindowChange: f,
+        loadingDates: h,
+        loadingSlots: o,
+        locale: S,
+        datePickerStyle: x,
+        agentIdBase: D
+      });
+    case 6:
+      return Ts({
+        inputs: i,
+        value: a,
+        onChange: d,
+        loadingSlots: o,
+        locale: S,
+        datePickerStyle: x
+      });
+    case 7:
+      return r.selectedSlot ? /* @__PURE__ */ s(
+        Zt,
+        {
+          ...N,
+          value: a.details ?? {},
+          onChange: (y) => d({ ...a, details: y }),
+          onSubmit: u,
+          submitting: w,
+          defaultPhoneCountry: T.country
+        }
+      ) : null;
+    /* c8 ignore next 2 */
+    default:
+      return null;
+  }
+}
+function $t() {
+  const { t: e } = U("ui");
+  return L(
+    () => ({
+      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 ct(e, t) {
+  return t === "four-day-grid" && e === 6 ? 5 : e;
+}
+function Ti(e) {
+  const { cascade: t, value: n, activeStep: r, setActiveStep: i, datePickerStyle: a } = e, d = $t(), { t: u } = U("ui"), g = u("booking.operator.all"), p = L(
+    () => es(t.visibleSteps, a),
+    [t.visibleSteps, a]
+  ), h = ct(r, a), o = Math.max(0, p.indexOf(h)), c = L(
+    () => p.map((f) => ({
+      label: d[f],
+      summary: Es(f, n, t, g),
+      status: Di(f, n, t),
+      content: /* @__PURE__ */ s(j, { step: f, active: f === h, children: xe(f, e, { compactService: !0 }) })
+    })),
+    [
+      p,
+      n,
+      d,
+      t,
+      e,
+      h,
+      g
+    ]
+  );
+  return /* @__PURE__ */ s(
+    Js,
+    {
+      activeStep: o,
+      steps: c,
+      onStepChange: (f) => {
+        const x = p[f];
+        x && i(x);
+      }
+    }
+  );
+}
+function Di(e, t, n) {
+  return Ae(e, t) && e < n.currentStep ? "completed" : e <= n.currentStep ? "unlocked" : void 0;
+}
+function cs(e, t) {
+  return e !== 4 ? Ae(e, t) : t.operatorIds && t.operatorIds.length > 0 ? !0 : Is(t) !== void 0;
+}
+function Gt(e, t) {
+  const n = e.map((r) => {
+    var i;
+    return (i = t.find((a) => a.id === r)) == null ? void 0 : i.label;
+  }).filter((r) => r !== void 0);
+  return n.length > 0 ? n.join(", ") : void 0;
+}
+function Es(e, t, n, r) {
+  var i;
+  if (Ae(e, t))
+    switch (e) {
+      case 1:
+        return t.insuranceType;
+      case 2:
+        return Gt(
+          $e(t),
+          n.filtered.specialties
+        );
+      case 3:
+        return Gt(Te(t), n.filtered.services);
+      case 4: {
+        const d = Jt(t).filter((g) => g !== we), u = Gt(
+          d,
+          n.filtered.operators.map((g) => ({
+            id: g.id,
+            label: g.name
+          }))
+        );
+        return u !== void 0 ? u : d.length === 0 ? r : void 0;
+      }
+      case 5:
+        return t.date;
+      case 6:
+        return (i = n.selectedSlot) == null ? void 0 : i.time;
+      case 7:
+        return;
+    }
+}
+function Oi(e) {
+  const { cascade: t, value: n, activeStep: r, setActiveStep: i } = e, { t: a } = U("ui"), d = $t(), u = a("booking.operator.all"), g = `${Rt()}-filter`, p = ct(r, e.datePickerStyle), h = t.visibleSteps.filter(
+    (f) => f === 1 || f === 2 || f === 3 || f === 4
+  ), o = h.some(
+    (f) => !Ae(f, n)
+  ), c = h.some(
+    (f) => f === r
+  ) ? r : h.find((f) => !Ae(f, n));
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    h.length > 0 ? /* @__PURE__ */ s(
+      "div",
+      {
+        role: "group",
+        "aria-label": a("booking.filtersLabel"),
+        className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+        children: h.map((f) => {
+          const x = Es(
+            f,
+            n,
+            t,
+            u
+          ), I = f === c, A = Ae(f, n);
+          return /* @__PURE__ */ s(
+            Je,
+            {
+              intent: I ? "primary" : "outline",
+              size: "sm",
+              endIcon: /* @__PURE__ */ s(
+                Zs,
+                {
+                  "aria-hidden": "true",
+                  className: I ? "ds:rotate-180" : void 0
+                }
+              ),
+              "aria-expanded": A ? I : void 0,
+              "aria-controls": A && I ? g : void 0,
+              "aria-current": !A && I ? "step" : void 0,
+              onClick: () => i(
+                A && I ? t.currentStep : f
+              ),
+              children: x ? /* @__PURE__ */ v(se, { children: [
+                d[f],
+                ": ",
+                x
+              ] }) : d[f]
+            },
+            `csc-${f}`
+          );
+        })
+      }
+    ) : null,
+    c !== void 0 ? /* @__PURE__ */ s(
+      j,
+      {
+        step: c,
+        active: c === p,
+        id: g,
+        children: xe(c, e, { compactService: !0 })
+      }
+    ) : null,
+    !o && 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__ */ s(j, { step: 5, active: p === 5, children: xe(5, e) }) : /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+        /* @__PURE__ */ s(
+          j,
+          {
+            step: 5,
+            active: p === 5,
+            className: "ds:min-w-0",
+            children: xe(5, e)
+          }
+        ),
+        n.date ? /* @__PURE__ */ s(
+          j,
+          {
+            step: 6,
+            active: p === 6,
+            className: "ds:min-w-0",
+            children: xe(6, e)
+          }
+        ) : /* @__PURE__ */ s("div", { className: "ds:min-w-0" })
+      ] })
+    ) : null,
+    t.gates.details ? /* @__PURE__ */ s(j, { step: 7, active: p === 7, children: xe(7, e) }) : null
+  ] });
+}
+function Mi(e) {
+  const { cascade: t, datePickerStyle: n, activeStep: r } = e, i = ct(r, n), a = t.visibleSteps.filter(
+    (u) => u === 1 || u === 2 || u === 3 || u === 4
+  );
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ v(
+      "div",
+      {
+        className: n === "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__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: a.map((u) => /* @__PURE__ */ s(j, { step: u, active: u === i, children: xe(u, e, { compactService: !0 }) }, `fbf-${u}`)) }),
+          /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            t.gates.date ? /* @__PURE__ */ s(j, { step: 5, active: i === 5, children: xe(5, e) }) : null,
+            t.gates.slot && e.value.date && n === "month-calendar" ? /* @__PURE__ */ s(j, { step: 6, active: i === 6, children: xe(6, e) }) : null
+          ] })
+        ]
+      }
+    ),
+    t.gates.details ? /* @__PURE__ */ s(j, { step: 7, active: i === 7, children: xe(7, e) }) : null
+  ] });
+}
+function Fi(e) {
+  const { cascade: t, value: n, activeStep: r, setActiveStep: i, datePickerStyle: a } = e, { t: d } = U("ui"), u = $t(), g = L(
+    () => es(t.visibleSteps, a),
+    [t.visibleSteps, a]
+  ), p = ct(r, a), h = Math.max(0, g.indexOf(p)), o = g.length, c = L(
+    () => g.map((A) => ({ label: u[A] })),
+    [g, u]
+  ), f = h > 0, x = p === 5 && a === "four-day-grid", I = h < o - 1 && Ae(p, n) && (!x || Ae(6, n));
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ s(Ws, { activeStep: h, steps: c }),
+    /* @__PURE__ */ s(j, { step: p, active: !0, children: xe(p, e, { compactService: !0 }) }),
+    /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ s(
+        Je,
+        {
+          intent: "ghost",
+          size: "md",
+          disabled: !f,
+          onClick: () => {
+            const A = g[h - 1];
+            A && i(A);
+          },
+          children: d("booking.actions.back")
+        }
+      ),
+      p < 7 ? /* @__PURE__ */ s(
+        Je,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !I,
+          onClick: () => {
+            const A = g[h + 1];
+            A && i(A);
+          },
+          children: d("booking.actions.next")
+        }
+      ) : null
+    ] })
+  ] });
+}
+const _i = [], Li = [];
+function ds() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+const Bi = ls(
+  ({
+    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: n,
+    allowOperatorSelection: r = !1,
+    lockedOperatorId: i,
+    operatorsByService: a = !1,
+    autoSelectSingleService: d = !1,
+    specialties: u,
+    services: g,
+    operators: p,
+    availableDates: h,
+    availableSlots: o,
+    nextAvailableDate: c,
+    requireCodiceFiscale: f,
+    requireDateOfBirth: x,
+    requireInsuranceNumber: I,
+    billingInDetails: A = !1,
+    paymentNoticeStyle: E = "plain",
+    showNote: w,
+    showReturningPatientFlag: S,
+    privacyPolicyUrl: N,
+    termsUrl: T,
+    practiceConsent: D,
+    paymentTermsUrl: y,
+    paymentState: k,
+    renderPayment: B,
+    renderPaymentCompletion: $,
+    validateCodiceFiscale: b,
+    validateInsuranceNumber: ge,
+    confirmationChannels: O,
+    defaultConfirmationChannels: K,
+    value: M,
+    onChange: he,
+    onSubmit: dt,
+    onStepChange: ve,
+    onDateSelect: qe,
+    onWindowChange: De,
+    datePickerStyle: G = "month-calendar",
+    specialtyPickerStyle: Oe,
+    servicePickerStyle: be,
+    operatorPickerStyle: H,
+    loadingDates: ae,
+    loadingSlots: ye,
+    submitting: ke,
+    submitError: W,
+    mode: Me = "live",
+    showModifyOnSuccess: ne = !0,
+    surface: oe = "flat",
+    emptyServicesSlot: Y,
+    onboardingIncompleteSlot: F,
+    "aria-label": Ce,
+    id: Ke,
+    className: xt,
+    onFocus: We,
+    onBlur: Ye,
+    ...Ze
+  }, Ne) => {
+    var ht, vt, l;
+    const { t: ee, i18n: It } = U("ui"), ie = e ?? "inline-list", Fe = It.language ?? "en", ce = u ?? _i, _e = p ?? Li;
+    V(() => {
+      const m = zn(M, {
+        useSpecialties: n,
+        lockedOperatorId: i,
+        autoSelectSingleService: d,
+        specialties: ce,
+        services: g
+      });
+      (m.specialtyId !== M.specialtyId || m.operatorId !== M.operatorId || m.serviceId !== M.serviceId) && he(m);
+    }, [
+      i,
+      n,
+      d,
+      ce,
+      g
+    ]);
+    const R = L(
+      () => Kn({
+        country: t,
+        useSpecialties: n,
+        allowOperatorSelection: r,
+        lockedOperatorId: i,
+        operatorsByService: a,
+        specialties: ce,
+        services: g,
+        operators: _e,
+        availableSlots: o,
+        value: M
+      }),
+      [
+        t,
+        n,
+        r,
+        i,
+        a,
+        d,
+        ce,
+        g,
+        _e,
+        h,
+        o,
+        M
+      ]
+    ), de = L(
+      () => [
+        JSON.stringify(M.insuranceType),
+        JSON.stringify($e(M)),
+        JSON.stringify(Te(M)),
+        JSON.stringify(Jt(M)),
+        JSON.stringify(M.date),
+        JSON.stringify(M.slotKey)
+      ],
+      [M]
+    ), Xe = ie === "progress", lt = fe(
+      (m) => {
+        if (m === 4 && R.visibleSteps.includes(4) && Jt(M).length === 0)
+          return Math.min(4, R.currentStep);
+        if (!Xe) return R.currentStep;
+        const C = R.visibleSteps.find(
+          (P) => P > m && !cs(P, M)
+        );
+        return C === void 0 ? R.currentStep : Math.min(C, R.currentStep);
+      },
+      [Xe, R.visibleSteps, R.currentStep, M]
+    ), [Z, le] = X(
+      R.currentStep
+    ), ut = _(de), Le = _(R.visibleSteps);
+    V(() => {
+      const m = ut.current, C = Le.current;
+      ut.current = de, Le.current = R.visibleSteps;
+      const P = de.findIndex(
+        (pe, ts) => pe !== m[ts]
+      );
+      if (P !== -1) {
+        le(lt(P + 1));
+        return;
+      }
+      const J = Xe ? R.visibleSteps.find(
+        (pe) => pe < Z && !C.includes(pe) && !cs(pe, M)
+      ) : void 0;
+      if (J !== void 0) {
+        le(J);
+        return;
+      }
+      R.visibleSteps.includes(Z) || le(R.currentStep);
+    }, [
+      de,
+      lt,
+      Xe,
+      R.currentStep,
+      R.visibleSteps,
+      Z,
+      M
+    ]);
+    const te = _(null), ze = L(
+      () => es(R.visibleSteps, G),
+      [R.visibleSteps, G]
+    ), Be = $t(), [qt, Qe] = X(""), ue = _(null), je = _(null);
+    V(() => {
+      const m = ct(Z, G);
+      if (je.current === null) {
+        je.current = m;
+        return;
+      }
+      if (je.current === m) return;
+      je.current = m;
+      const C = ze.indexOf(m);
+      Qe(
+        C === -1 ? "" : ee("booking.stepAnnouncement", {
+          current: C + 1,
+          total: ze.length,
+          label: Be[m]
+        })
+      );
+      const P = ue.current;
+      if (!P || P.isConnected) return;
+      const J = te.current;
+      if (!J) return;
+      const pe = document.activeElement;
+      if (!(pe === null || pe === document.body || !J.contains(pe))) return;
+      const At = J.querySelector(Ci) ?? J;
+      if (At.focus({ preventScroll: !0 }), typeof At.scrollIntoView == "function")
+        try {
+          At.scrollIntoView({
+            behavior: ds() ? "auto" : "smooth",
+            block: "nearest"
+          });
+        } catch {
+          At.scrollIntoView();
+        }
+    }, [Z, G, ze, Be, ee]);
+    const q = li({
+      services: g,
+      value: M,
+      availableSlots: o,
+      onSubmit: dt,
+      onChange: he,
+      paymentState: k,
+      submitting: ke,
+      paymentTermsUrl: y,
+      renderPayment: B
+    }), z = q.status, pt = q.submit, et = _(q.reset);
+    et.current = q.reset;
+    const mt = Rt(), ft = _(null), Ee = _(null), tt = ((ht = q.state) == null ? void 0 : ht.status) === "failed", st = q.state && "phase" in q.state && q.state.phase === "completion";
+    V(() => {
+      var m, C;
+      if (z === "payment") {
+        const P = document.activeElement;
+        (!st || !P || P === document.body || !((m = te.current) != null && m.contains(P))) && ((C = ft.current) == null || C.focus());
+      }
+    }, [z, st]), V(() => {
+      var m;
+      z === "payment" && tt && ((m = Ee.current) == null || m.focus());
+    }, [z, tt]), Ps(Ne, () => te.current, []);
+    const Ue = z === "success" ? 8 : z === "payment" ? 7 : R.currentStep, nt = _(null);
+    V(() => {
+      if (Ue !== nt.current && (nt.current = Ue, ve == null || ve(Ue), Ue === 8 && te.current))
+        try {
+          te.current.scrollIntoView({
+            behavior: ds() ? "auto" : "smooth",
+            block: "start"
+          });
+        } catch {
+          te.current.scrollIntoView();
+        }
+    }, [Ue, ve]);
+    const Re = _({ activeStep: Z, cascade: R, submitState: z });
+    V(() => {
+      Re.current = { activeStep: Z, cascade: R, submitState: z };
+    }, [Z, R, z]);
+    const Nt = L(
+      () => ({
+        getVariant: () => ie,
+        getCurrentStep: () => {
+          const m = Re.current;
+          return m.submitState === "success" ? 8 : m.submitState === "payment" ? 7 : m.activeStep;
+        },
+        reset: () => {
+          Re.current.submitState !== "payment" && (he({}), et.current(), le(1));
+        },
+        goToStep: (m) => {
+          const C = Re.current, P = C.cascade.visibleSteps.includes(m), J = C.cascade.currentStep, pe = C.submitState === "payment" ? 7 : !P || m > J ? J : m;
+          Re.current = { ...C, activeStep: pe }, le(pe);
+        }
+      }),
+      [ie, he]
+    );
+    $s(Bn, Nt, Ke);
+    const Kt = Ce ?? ee("booking.regionLabel"), Se = q.snapshot, zt = z === "success" && Se ? /* @__PURE__ */ s(
+      wi,
+      {
+        payment: Se.payment,
+        snapshot: {
+          ...Se.value,
+          slot: Se.slot,
+          details: Se.details,
+          serviceId: ((vt = Se.payment) == null ? void 0 : vt.serviceId) ?? Se.slot.serviceId ?? Se.value.serviceId
+        },
+        operators: _e,
+        specialties: ce,
+        services: g,
+        locale: Fe,
+        mode: Me,
+        showModify: ne && !Se.payment,
+        onReset: () => Nt.reset(),
+        focusWasLost: () => {
+          const m = ue.current, C = document.activeElement;
+          return !!(m && !m.isConnected) && (!C || C === document.body);
+        },
+        onModify: () => {
+          et.current(), le(7);
+        }
+      }
+    ) : null, it = q.activeSession, Ge = q.state, re = it && Ge ? {
+      session: it,
+      payment: it.payment,
+      state: Ge,
+      billing: (l = q.snapshot) == null ? void 0 : l.details.billing
+    } : void 0, Pe = Ge && "phase" in Ge && Ge.phase === "completion", wt = z === "payment" && re ? /* @__PURE__ */ v(
+      "section",
+      {
+        "aria-labelledby": mt,
+        "data-component": "booking-payment",
+        "data-payment-status": re.state.status,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+        children: [
+          /* @__PURE__ */ s(
+            "h3",
+            {
+              ref: ft,
+              id: mt,
+              tabIndex: -1,
+              className: "type-title-card ds:m-0",
+              children: ee(
+                Pe ? "booking.payment.confirming" : "booking.payment.heading"
+              )
+            }
+          ),
+          Pe ? null : /* @__PURE__ */ s("p", { className: "type-body ds:m-0", children: ee("booking.payment.noticeBody", {
+            amount: St(
+              re.payment.amountCents,
+              re.payment.currencyCode,
+              Fe
+            )
+          }) }),
+          /* @__PURE__ */ s(
+            "p",
+            {
+              role: "status",
+              className: re.state.status === "processing" ? "type-body ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-sm)]" : "ds:sr-only",
+              children: re.state.status === "processing" ? /* @__PURE__ */ v(se, { children: [
+                /* @__PURE__ */ s(us, { variant: "pulse", size: "lg", "aria-hidden": "true" }),
+                /* @__PURE__ */ s("span", { children: ee(
+                  Pe ? "booking.payment.confirming" : "booking.payment.processing"
+                ) })
+              ] }) : null
+            }
+          ),
+          re.state.status === "failed" ? /* @__PURE__ */ s(
+            Q,
+            {
+              ref: Ee,
+              variant: "error",
+              tabIndex: -1,
+              className: Et,
+              children: /* @__PURE__ */ s(Q.Description, { children: re.state.error ?? ee(
+                Pe ? "booking.payment.completionFailed" : "booking.payment.failed"
+              ) })
+            }
+          ) : null,
+          Pe ? $ == null ? void 0 : $(re) : B == null ? void 0 : B(re)
+        ]
+      }
+    ) : null, gt = L(() => {
+      const m = new Set(Te(M)), C = g.filter((P) => m.has(P.id)).map((P) => {
+        var J;
+        return {
+          label: P.label,
+          text: ((J = P.criticalInformationToAccept) == null ? void 0 : J.trim()) ?? ""
+        };
+      }).filter((P) => P.text.length > 0);
+      if (C.length !== 0)
+        return C.length === 1 ? C[0].text : C.map((P) => `${P.label}: ${P.text}`).join(`
+
+`);
+    }, [g, M]), Ct = L(() => {
+      if (z === "success" || z === "payment") return null;
+      const m = ie === "accordion" ? Ti : ie === "calendar" ? Oi : ie === "flexible" ? Mi : ie === "progress" ? Fi : Ai, C = {
+        cascade: R,
+        inputs: {
+          specialties: ce,
+          services: g,
+          operators: _e,
+          availableDates: h,
+          availableSlots: o,
+          nextAvailableDate: c
+        },
+        value: M,
+        onChange: he,
+        onSubmit: pt,
+        policy: { country: t, lockedOperatorId: i },
+        detailsProps: {
+          requireCodiceFiscale: f,
+          requireDateOfBirth: x,
+          requireInsuranceNumber: I,
+          insuranceType: M.insuranceType,
+          showNote: w,
+          showReturningPatientFlag: S,
+          privacyPolicyUrl: N,
+          termsUrl: T,
+          practiceConsent: D,
+          criticalInformationToAccept: gt,
+          payment: q.payment,
+          paymentTermsUrl: y,
+          paymentBlocked: q.blocked,
+          billingInDetails: A,
+          paymentNoticeStyle: E,
+          validateCodiceFiscale: b,
+          validateInsuranceNumber: ge,
+          confirmationChannels: O,
+          defaultConfirmationChannels: K,
+          submitError: W ?? (z === "error" ? ee("booking.payment.submitFailed") : void 0)
+        },
+        emptyServicesSlot: Y,
+        onboardingIncompleteSlot: F,
+        loadingDates: ae,
+        loadingSlots: ye,
+        onDateSelect: qe,
+        onWindowChange: De,
+        datePickerStyle: G,
+        specialtyPickerStyle: Oe,
+        servicePickerStyle: be,
+        operatorPickerStyle: H,
+        submitting: ke || z === "submitting",
+        locale: Fe,
+        activeStep: Z,
+        setActiveStep: le,
+        agentIdBase: Ke
+      };
+      return /* @__PURE__ */ s(m, { ...C });
+    }, [
+      z,
+      q.payment,
+      q.blocked,
+      y,
+      ee,
+      ie,
+      R,
+      ce,
+      g,
+      _e,
+      h,
+      o,
+      c,
+      M,
+      he,
+      pt,
+      t,
+      i,
+      f,
+      x,
+      I,
+      A,
+      E,
+      W,
+      w,
+      S,
+      N,
+      T,
+      D,
+      gt,
+      b,
+      ge,
+      O,
+      K,
+      Y,
+      F,
+      ae,
+      ye,
+      qe,
+      De,
+      G,
+      Oe,
+      be,
+      H,
+      ke,
+      Fe,
+      Z,
+      Ke
+    ]);
+    return /* @__PURE__ */ v(
+      "div",
+      {
+        ref: te,
+        role: "region",
+        "aria-label": Kt,
+        id: Ke,
+        "data-component": "booking",
+        "data-component-id": Ke,
+        "data-variant": ie,
+        className: ui({
+          variant: ie,
+          surface: oe,
+          className: xt
+        }),
+        tabIndex: -1,
+        onFocus: (m) => {
+          ue.current = m.target, We == null || We(m);
+        },
+        onBlur: (m) => {
+          const C = m.target;
+          window.setTimeout(() => {
+            var J;
+            const P = document.activeElement;
+            ue.current === C && C.isConnected && !(P && ((J = te.current) != null && J.contains(P))) && (ue.current = null);
+          }), Ye == null || Ye(m);
+        },
+        ...Ze,
+        children: [
+          /* @__PURE__ */ s("div", { role: "status", className: "ds:sr-only", children: qt }),
+          /* @__PURE__ */ v(
+            "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__ */ s("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: ee("booking.regionLabel") }),
+                /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-[var(--foreground)] ds:m-0", children: ee("booking.headingSubtitle") })
+              ]
+            }
+          ),
+          q.cancelled ? /* @__PURE__ */ s(Q, { variant: "info", children: /* @__PURE__ */ s(Q.Description, { children: ee("booking.payment.cancelled") }) }) : null,
+          zt ?? wt ?? Ct
+        ]
+      }
+    );
+  }
+);
+Bi.displayName = "Booking";
+export {
+  Bi as B,
+  Ht as C,
+  we as O,
+  Bn as b
+};
+//# sourceMappingURL=booking-CPUjwxj0.js.map