@alfadocs/ui-kit 1.53.0 → 1.54.1

package/dist/_chunks/booking-BN7TXe27.js

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