@alfadocs/ui-kit-debug 1.74.0 → 1.75.1

package/dist/_chunks/booking-D2r19Lia.js

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