@alfadocs/ui-kit 0.30.0 → 0.30.2

package/dist/_chunks/{booking-BYuc_8HV.js → booking-CBaSujVP.js}

@@ -1,43 +1,43 @@
-import { jsxs as g, jsx as a, Fragment as ie } from "react/jsx-runtime";
-import { forwardRef as Ve, useId as Fe, useState as z, useCallback as ee, useRef as ne, useEffect as se, useMemo as I, useImperativeHandle as ot } from "react";
-import { c as xe } from "./index-D2ZczOXr.js";
-import { useTranslation as M, Trans as rt } from "react-i18next";
-import { u as dt } from "./registry-C9nwlNyL.js";
-import { B as oe } from "./button-DD_0Xdmr.js";
-import { C as we } from "./checkbox-mwbrPZDY.js";
-import { C as lt } from "./checkbox-group-Bwmt1ovQ.js";
-import { D as ct } from "./date-picker-D0Ry1dMz.js";
-import { E as mt } from "./email-input-DvJ_kPKL.js";
-import { F as U } from "./form-field-BOm9hK35.js";
-import { P as ut } from "./phone-input-DKSHX7NQ.js";
-import { T as pt } from "./text-area-D5GAe8pV.js";
-import { T as fe } from "./text-input-CakysYnD.js";
-import { S as gt } from "./spinner-CCByyvcb.js";
-import { A as $ } from "./alert-ywPR59NE.js";
-import { I as Be } from "./icon-button-BRHSSFmZ.js";
-import { S as Se } from "./select-C92AT_OZ.js";
-import { S as ye } from "./skeleton-CZbwyJAA.js";
-import { E as Re } from "./empty-state-BLy7tigq.js";
-import { S as ft } from "./stepper-accordion-BfS6lUB9.js";
-import { S as ht } from "./stepper-progress-jFY8BSf7.js";
-import { p as Q } from "./parseISO-Dk4xa7q6.js";
-import { o as ze, f as me, d as vt, h as be, q as he } from "./react-day-picker-D3yzgvDB.js";
-import { C as bt } from "./chevron-left-CX1jqD2M.js";
-import { C as yt } from "./chevron-right-BrpYejk0.js";
-import { i as Oe } from "./isSameDay-DHG8Xade.js";
+import { jsxs as f, jsx as a, Fragment as Z } from "react/jsx-runtime";
+import { forwardRef as qe, useId as He, useState as H, useCallback as ae, useRef as te, useEffect as Q, useMemo as I, useImperativeHandle as pt } from "react";
+import { c as Ie } from "./index-D2ZczOXr.js";
+import { useTranslation as T, Trans as gt } from "react-i18next";
+import { u as ft } from "./registry-C9nwlNyL.js";
+import { A as F } from "./alert-ywPR59NE.js";
+import { B as se } from "./button-DD_0Xdmr.js";
+import { C as Ae } from "./checkbox-mwbrPZDY.js";
+import { C as ht } from "./checkbox-group-Bwmt1ovQ.js";
+import { D as vt } from "./date-picker-D0Ry1dMz.js";
+import { E as bt } from "./email-input-DvJ_kPKL.js";
+import { F as Y } from "./form-field-BOm9hK35.js";
+import { P as yt } from "./phone-input-DKSHX7NQ.js";
+import { T as kt } from "./text-area-D5GAe8pV.js";
+import { T as be } from "./text-input-CakysYnD.js";
+import { S as xt } from "./spinner-CCByyvcb.js";
+import { I as Re } from "./icon-button-BRHSSFmZ.js";
+import { S as we } from "./select-C92AT_OZ.js";
+import { S as Se } from "./skeleton-CZbwyJAA.js";
+import { E as Ge } from "./empty-state-BLy7tigq.js";
+import { S as St } from "./stepper-accordion-BfS6lUB9.js";
+import { S as Nt } from "./stepper-progress-jFY8BSf7.js";
+import { p as ee } from "./parseISO-Dk4xa7q6.js";
+import { o as Ue, f as fe, d as It, h as xe, q as ye } from "./react-day-picker-D3yzgvDB.js";
+import { C as wt } from "./chevron-left-CX1jqD2M.js";
+import { C as Ct } from "./chevron-right-BrpYejk0.js";
+import { i as ze } from "./isSameDay-DHG8Xade.js";
 import { c as O } from "./createLucideIcon-CrFbzy84.js";
-import { M as kt, S as xt } from "./sun-BuXE0xUS.js";
-import { S as St } from "./stethoscope-DT5qCW8Y.js";
-import { H as Nt } from "./heart-pulse-CvuyFKHB.js";
-import { E as It } from "./eye-LHlSU38h.js";
-import { S as wt } from "./sparkles-CuYXqQLg.js";
+import { M as Mt, S as Dt } from "./sun-BuXE0xUS.js";
+import { S as Tt } from "./stethoscope-DT5qCW8Y.js";
+import { H as _t } from "./heart-pulse-CvuyFKHB.js";
+import { E as At } from "./eye-LHlSU38h.js";
+import { S as Bt } from "./sparkles-CuYXqQLg.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ct = [
+const Ot = [
   [
     "path",
     {
@@ -45,14 +45,14 @@ const Ct = [
       key: "169zse"
     }
   ]
-], Mt = O("activity", Ct);
+], Et = O("activity", Ot);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dt = [
+const Pt = [
   ["path", { d: "M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5", key: "1u7htd" }],
   ["path", { d: "M15 12h.01", key: "1k8ypt" }],
   [
@@ -63,14 +63,14 @@ const Dt = [
     }
   ],
   ["path", { d: "M9 12h.01", key: "157uk2" }]
-], Tt = O("baby", Dt);
+], Vt = O("baby", Pt);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _t = [
+const Lt = [
   [
     "path",
     {
@@ -78,14 +78,14 @@ const _t = [
       key: "w610uw"
     }
   ]
-], At = O("bone", _t);
+], Ft = O("bone", Lt);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bt = [
+const Rt = [
   ["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" }],
@@ -94,14 +94,14 @@ const Bt = [
   ["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" }]
-], Ot = O("brain", Bt);
+], zt = O("brain", Rt);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Et = [
+const $t = [
   ["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" }],
@@ -110,14 +110,14 @@ const Et = [
   ["path", { d: "M13 18H7", key: "bb0bb7" }],
   ["path", { d: "M7 14h.01", key: "1qa3f1" }],
   ["path", { d: "M17 18h.01", key: "1bdyru" }]
-], Pt = O("calendar-range", Et);
+], Kt = O("calendar-range", $t);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Lt = [
+const jt = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -127,89 +127,89 @@ const Lt = [
     }
   ],
   ["path", { d: "m9 14 2 2 4-4", key: "df797q" }]
-], Vt = O("clipboard-check", Lt);
+], qt = O("clipboard-check", jt);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ft = [
+const Ht = [
   ["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" }]
-], Rt = O("ear", Ft);
+], Gt = O("ear", Ht);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zt = [
+const Ut = [
   ["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" }]
-], $t = O("microscope", zt);
+], Yt = O("microscope", Ut);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kt = [
+const Zt = [
   [
     "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" }]
-], jt = O("pill", Kt);
+], Jt = O("pill", Zt);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qt = [
+const Xt = [
   ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
   ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
   ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
   ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }],
   ["path", { d: "M7 12h10", key: "b7w52i" }]
-], Ht = O("scan-line", qt);
+], Wt = O("scan-line", Xt);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gt = [
+const Qt = [
   ["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" }]
-], Ut = O("scissors", Gt);
+], ea = O("scissors", Qt);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yt = [
+const ta = [
   ["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" }]
-], Zt = O("smile", Yt);
+], aa = O("smile", ta);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jt = [
+const sa = [
   ["path", { d: "M12 10V2", key: "16sf7g" }],
   ["path", { d: "m4.93 10.93 1.41 1.41", key: "2a7f42" }],
   ["path", { d: "M2 18h2", key: "j10viu" }],
@@ -218,25 +218,25 @@ const Jt = [
   ["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" }]
-], Xt = O("sunset", Jt);
+], na = O("sunset", sa);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wt = [
+const ia = [
   ["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" }]
-], Ee = O("syringe", Wt);
-function Qt(e, t, s) {
-  return ze(e, -1, s);
+], $e = O("syringe", ia);
+function oa(e, t, s) {
+  return Ue(e, -1, s);
 }
-const ea = {
+const ra = {
   id: "booking",
   capabilities: ["navigate", "view_change"],
   state: {
@@ -278,12 +278,12 @@ const ea = {
       description: "Sourced from the id prop."
     }
   }
-}, Me = [
+}, Oe = [
   "email",
   "whatsapp",
   "sms"
-], ue = "all", ta = "de";
-function aa(e) {
+], he = "all", da = "de";
+function la(e) {
   return [...e.lockedOperatorId ? e.specialties.filter(
     (s) => {
       var n;
@@ -294,7 +294,7 @@ function aa(e) {
     return i - o;
   });
 }
-function sa(e) {
+function ca(e) {
   let t = e.services;
   return e.lockedOperatorId && (t = t.filter(
     (s) => {
@@ -303,7 +303,7 @@ function sa(e) {
     }
   )), e.useSpecialties && e.value.specialtyId && (t = t.filter((s) => s.specialtyId === e.value.specialtyId)), t;
 }
-function na(e) {
+function ma(e) {
   if (e.useSpecialties && e.value.specialtyId) {
     const t = e.value.specialtyId;
     return e.operators.filter(
@@ -324,20 +324,20 @@ function na(e) {
   }
   return [];
 }
-function ia(e, t) {
-  const s = e.country === ta, n = !s || e.value.insuranceType !== void 0, i = !!e.useSpecialties && n, l = !i || e.value.specialtyId !== void 0, c = !l || e.value.serviceId !== void 0, d = t.operators, h = !!e.allowOperatorSelection && c && e.value.serviceId !== void 0 && !e.lockedOperatorId && d.length > 1, u = c && e.value.serviceId !== void 0, y = (!u || e.value.date !== void 0) && e.value.date !== void 0, x = (!y || e.value.slotKey !== void 0) && e.value.slotKey !== void 0, k = !!e.value.serviceId && d.length === 0;
+function ua(e, t) {
+  const s = e.country === da, n = !s || e.value.insuranceType !== void 0, i = !!e.useSpecialties && n, l = !i || e.value.specialtyId !== void 0, c = !l || e.value.serviceId !== void 0, d = t.operators, p = !!e.allowOperatorSelection && c && e.value.serviceId !== void 0 && !e.lockedOperatorId && d.length > 1, g = c && e.value.serviceId !== void 0, k = (!g || e.value.date !== void 0) && e.value.date !== void 0, x = (!k || e.value.slotKey !== void 0) && e.value.slotKey !== void 0, y = !!e.value.serviceId && d.length === 0;
   return {
     insurance: s,
     specialty: i,
     service: l,
-    operator: h,
-    date: u,
-    slot: y,
+    operator: p,
+    date: g,
+    slot: k,
     details: x,
-    onboardingIncomplete: k
+    onboardingIncomplete: y
   };
 }
-function oa(e, t) {
+function pa(e, t) {
   const s = [];
   t.insurance && s.push(1), t.specialty && s.push(2), s.push(3), t.operator && s.push(4), s.push(5), s.push(6), s.push(7);
   const n = {
@@ -355,16 +355,16 @@ function oa(e, t) {
     visibleSteps: s
   };
 }
-function ra(e) {
+function ga(e) {
   const t = {
-    specialties: aa(e),
-    services: sa(e),
-    operators: na(e)
-  }, s = ia(e, t), { currentStep: n, visibleSteps: i } = oa(e, s);
+    specialties: la(e),
+    services: ca(e),
+    operators: ma(e)
+  }, s = ua(e, t), { currentStep: n, visibleSteps: i } = pa(e, s);
   let o;
   if (e.value.date && e.value.slotKey) {
     const d = e.availableSlots[e.value.date];
-    d && (o = d.find((h) => h.key === e.value.slotKey));
+    d && (o = d.find((p) => p.key === e.value.slotKey));
   }
   const l = e.value.serviceId ? e.services.find((d) => d.id === e.value.serviceId) : void 0, c = e.value.serviceId !== void 0 && e.value.date !== void 0 && e.value.slotKey !== void 0 && (!s.insurance || e.value.insuranceType !== void 0) && (!s.specialty || e.value.specialtyId !== void 0);
   return {
@@ -378,7 +378,7 @@ function ra(e) {
     selectedSlot: o
   };
 }
-function $e(e, t) {
+function Ye(e, t) {
   return {
     ...e,
     insuranceType: t,
@@ -390,7 +390,7 @@ function $e(e, t) {
     details: void 0
   };
 }
-function Ke(e, t) {
+function Ze(e, t) {
   return {
     ...e,
     specialtyId: t,
@@ -401,20 +401,20 @@ function Ke(e, t) {
     details: void 0
   };
 }
-function je(e, t) {
+function Je(e, t) {
   return {
     ...e,
     serviceId: t,
     // 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 ? ue : void 0,
+    operatorId: t ? he : void 0,
     date: void 0,
     slotKey: void 0,
     details: void 0
   };
 }
-function qe(e, t) {
+function Xe(e, t) {
   return {
     ...e,
     operatorId: t,
@@ -423,7 +423,7 @@ function qe(e, t) {
     details: void 0
   };
 }
-function ke(e, t) {
+function Ne(e, t) {
   return {
     ...e,
     date: t,
@@ -432,47 +432,47 @@ function ke(e, t) {
     // since the user has already filled some fields.
   };
 }
-function He(e, t) {
+function We(e, t) {
   return {
     ...e,
     slotKey: t
   };
 }
-function da(e, t) {
+function fa(e, t) {
   let s = e;
   if (t.lockedOperatorId && s.operatorId !== t.lockedOperatorId && (s = { ...s, operatorId: t.lockedOperatorId }), t.useSpecialties && t.specialties.length === 1 && s.specialtyId === void 0 && (s = { ...s, specialtyId: t.specialties[0].id }), t.autoSelectSingleService) {
     const n = s.specialtyId ? t.services.filter((i) => i.specialtyId === s.specialtyId) : t.services;
-    n.length === 1 && s.serviceId === void 0 && (s = { ...s, serviceId: n[0].id }, s.operatorId === void 0 && (s = { ...s, operatorId: ue }));
+    n.length === 1 && s.serviceId === void 0 && (s = { ...s, serviceId: n[0].id }, s.operatorId === void 0 && (s = { ...s, operatorId: he }));
   }
   return s;
 }
-function De(e) {
-  if (e.operatorId && e.operatorId !== ue)
+function Ee(e) {
+  if (e.operatorId && e.operatorId !== he)
     return e.operatorId;
 }
-function la(e) {
+function ha(e) {
   if (!e) return !1;
   const t = e.trim();
   return /^\+?\d[\d\s\-()]{6,}$/.test(t);
 }
-function Ge(e) {
+function Qe(e) {
   const t = e && e.length > 0 ? e : ["email"], s = new Set(t);
-  return Me.filter((n) => s.has(n));
+  return Oe.filter((n) => s.has(n));
 }
-function ca(e, t, s) {
-  const n = Ge(e), i = new Set(n);
+function va(e, t, s) {
+  const n = Qe(e), i = new Set(n);
   if (s)
-    return Me.filter(
-      (h) => s.includes(h) && i.has(h)
+    return Oe.filter(
+      (p) => s.includes(p) && i.has(p)
     );
   const o = [];
   i.has("email") && o.push("email");
-  const l = la(t), c = i.has("whatsapp");
+  const l = ha(t), c = i.has("whatsapp");
   c && l && o.push("whatsapp"), !c && i.has("sms") && o.push("sms");
   const d = new Set(o);
-  return Me.filter((h) => d.has(h));
+  return Oe.filter((p) => d.has(p));
 }
-const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 300, ve = { state: "idle" }, Te = Ve(
+const Ke = 500, ba = /^[A-Z0-9]{16}$/, ya = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, je = 300, ke = { state: "idle" }, Pe = qe(
   ({
     value: e,
     onChange: t,
@@ -483,129 +483,130 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
     insuranceType: l,
     showNote: c = !1,
     showReturningPatientFlag: d = !1,
-    privacyPolicyUrl: h,
-    termsUrl: u,
-    validateCodiceFiscale: p,
-    validateInsuranceNumber: y,
-    submitting: f = !1,
+    privacyPolicyUrl: p,
+    termsUrl: g,
+    validateCodiceFiscale: u,
+    validateInsuranceNumber: k,
+    submitting: h = !1,
     summarySlot: x,
-    defaultPhoneCountry: k,
-    confirmationChannels: _,
-    defaultConfirmationChannels: Y
-  }, S) => {
-    var X, W;
-    const { t: r } = M(), b = Fe(), [D, C] = z(ve), [v, N] = z(ve), [E, Z] = z({}), P = ee(
-      (m) => Z((w) => ({ ...w, [m]: !0 })),
+    defaultPhoneCountry: y,
+    confirmationChannels: C,
+    defaultConfirmationChannels: A,
+    submitError: S
+  }, v) => {
+    var _, me;
+    const { t: r } = T(), E = He(), [M, b] = H(ke), [N, R] = H(ke), [B, J] = H({}), P = ae(
+      (m) => J((w) => ({ ...w, [m]: !0 })),
       []
-    ), V = ne(null), F = ne(
+    ), z = te(null), G = te(
       null
     );
-    se(
+    Q(
       () => () => {
-        V.current && clearTimeout(V.current), F.current && clearTimeout(F.current);
+        z.current && clearTimeout(z.current), G.current && clearTimeout(G.current);
       },
       []
     );
-    const T = ee(
+    const D = ae(
       (m) => t({ ...e, ...m }),
       [e, t]
-    ), K = I(
-      () => Ge(_),
-      [_]
-    ), j = K.length >= 2, ge = ne(!1);
-    se(() => {
+    ), ne = I(
+      () => Qe(C),
+      [C]
+    ), j = ne.length >= 2, oe = te(!1);
+    Q(() => {
       if (!j) {
-        e.confirmationChannels !== void 0 && T({ confirmationChannels: void 0 });
+        e.confirmationChannels !== void 0 && D({ confirmationChannels: void 0 });
         return;
       }
       if (e.confirmationChannels !== void 0) {
-        ge.current = !0;
+        oe.current = !0;
         return;
       }
-      const m = ca(
-        K,
+      const m = va(
+        ne,
         e.mobilePhone,
-        Y
+        A
       );
-      ge.current = !0, T({ confirmationChannels: m });
+      oe.current = !0, D({ confirmationChannels: m });
     }, [
       j,
-      K,
+      ne,
       e.mobilePhone,
-      Y
+      A
     ]);
-    const te = I(
+    const ie = I(
       () => e.confirmationChannels ?? [],
       [e.confirmationChannels]
-    ), re = j && te.length === 0;
-    se(() => {
+    ), re = j && ie.length === 0;
+    Q(() => {
       const m = e.codiceFiscale;
-      if (!n || !p || !m) {
-        C(ve);
+      if (!n || !u || !m) {
+        b(ke);
         return;
       }
-      if (!ma.test(m)) {
-        C({
+      if (!ba.test(m)) {
+        b({
           state: "invalid",
           hint: r("booking.details.codiceFiscale.invalidFormat")
         });
         return;
       }
-      C({ state: "pending" }), V.current && clearTimeout(V.current), V.current = setTimeout(() => {
-        p(m).then(
-          (w) => C(
+      b({ state: "pending" }), z.current && clearTimeout(z.current), z.current = setTimeout(() => {
+        u(m).then(
+          (w) => b(
             w.valid ? { state: "valid" } : { state: "invalid", hint: w.hint }
           )
         ).catch(
-          () => C({
+          () => b({
             state: "invalid",
             hint: r("booking.details.codiceFiscale.unavailable")
           })
         );
-      }, Le);
-    }, [n, p, e.codiceFiscale, r]);
-    const J = o && l === "public";
-    se(() => {
+      }, je);
+    }, [n, u, e.codiceFiscale, r]);
+    const X = o && l === "public";
+    Q(() => {
       const m = e.insuranceNumber;
-      if (!J || !y || !m) {
-        N(ve);
+      if (!X || !k || !m) {
+        R(ke);
         return;
       }
-      N({ state: "pending" }), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
-        y(m).then(
-          (w) => N(
+      R({ state: "pending" }), G.current && clearTimeout(G.current), G.current = setTimeout(() => {
+        k(m).then(
+          (w) => R(
             w.valid ? { state: "valid" } : { state: "invalid", hint: w.hint }
           )
         ).catch(
-          () => N({
+          () => R({
             state: "invalid",
             hint: r("booking.details.insuranceNumber.unavailable")
           })
         );
-      }, Le);
-    }, [J, y, e.insuranceNumber, r]);
-    const A = I(
-      () => !!(e.email && ua.test(e.email)),
+      }, je);
+    }, [X, k, e.insuranceNumber, r]);
+    const de = I(
+      () => !!(e.email && ya.test(e.email)),
       [e.email]
-    ), q = I(
+    ), le = I(
       () => !!(e.mobilePhone && e.mobilePhone.length >= 6),
       [e.mobilePhone]
-    ), H = I(() => {
+    ), ce = I(() => {
       var m, w;
-      return !(!((m = e.firstName) != null && m.trim()) || !((w = e.lastName) != null && w.trim()) || !A || !q || n && D.state !== "valid" || i && !e.dateOfBirth || J && v.state !== "valid");
+      return !(!((m = e.firstName) != null && m.trim()) || !((w = e.lastName) != null && w.trim()) || !de || !le || n && M.state !== "valid" || i && !e.dateOfBirth || X && N.state !== "valid");
     }, [
       e.firstName,
       e.lastName,
-      A,
-      q,
+      de,
+      le,
       n,
-      D.state,
+      M.state,
       i,
       e.dateOfBirth,
-      J,
-      v.state
-    ]), G = !!(e.privacyConsent && e.termsConsent), B = !j || te.length > 0, de = H && G && B && !f, ae = (m) => {
-      if (m.preventDefault(), Z({
+      X,
+      N.state
+    ]), Ce = !!(e.privacyConsent && e.termsConsent), V = !j || ie.length > 0, W = ce && Ce && V && !h, $ = (m) => {
+      if (m.preventDefault(), J({
         firstName: !0,
         lastName: !0,
         email: !0,
@@ -613,7 +614,7 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
         codiceFiscale: !0,
         dateOfBirth: !0,
         insuranceNumber: !0
-      }), !de) return;
+      }), !W) return;
       const w = {
         firstName: e.firstName.trim(),
         lastName: e.lastName.trim(),
@@ -629,13 +630,13 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
         // Only include when the picker was visible; otherwise the single
         // implicit channel is inferred backend-side from the practice
         // config.
-        confirmationChannels: j ? te : void 0
+        confirmationChannels: j ? ie : void 0
       };
       s(w);
-    }, le = (m, w) => {
-      const ce = w && /^https?:\/\//i.test(w) ? w : void 0;
-      return ce ? /* @__PURE__ */ a(
-        rt,
+    }, q = (m, w) => {
+      const U = w && /^https?:\/\//i.test(w) ? w : void 0;
+      return U ? /* @__PURE__ */ a(
+        gt,
         {
           i18nKey: m,
           components: {
@@ -649,7 +650,7 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
               /* @__PURE__ */ a(
                 "a",
                 {
-                  href: ce,
+                  href: U,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   className: "ds:underline ds:text-[var(--primary)]"
@@ -660,102 +661,102 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
         }
       ) : r(m);
     };
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ f(
       "form",
       {
-        ref: S,
-        id: b,
+        ref: v,
+        id: E,
         noValidate: !0,
-        onSubmit: ae,
+        onSubmit: $,
         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
         children: [
           x,
-          /* @__PURE__ */ g("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+          /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
             /* @__PURE__ */ a(
-              U,
+              Y,
               {
                 label: r("booking.details.firstName.label"),
                 required: !0,
-                error: E.firstName && !((X = e.firstName) != null && X.trim()) ? r("booking.details.firstName.required") : void 0,
+                error: B.firstName && !((_ = e.firstName) != null && _.trim()) ? r("booking.details.firstName.required") : void 0,
                 children: /* @__PURE__ */ a(
-                  fe,
+                  be,
                   {
                     autoComplete: "given-name",
                     value: e.firstName ?? "",
-                    onChange: (m) => T({ firstName: m.target.value }),
+                    onChange: (m) => D({ firstName: m.target.value }),
                     onBlur: () => P("firstName")
                   }
                 )
               }
             ),
             /* @__PURE__ */ a(
-              U,
+              Y,
               {
                 label: r("booking.details.lastName.label"),
                 required: !0,
-                error: E.lastName && !((W = e.lastName) != null && W.trim()) ? r("booking.details.lastName.required") : void 0,
+                error: B.lastName && !((me = e.lastName) != null && me.trim()) ? r("booking.details.lastName.required") : void 0,
                 children: /* @__PURE__ */ a(
-                  fe,
+                  be,
                   {
                     autoComplete: "family-name",
                     value: e.lastName ?? "",
-                    onChange: (m) => T({ lastName: m.target.value }),
+                    onChange: (m) => D({ lastName: m.target.value }),
                     onBlur: () => P("lastName")
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ g("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+          /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
             /* @__PURE__ */ a(
-              U,
+              Y,
               {
                 label: r("booking.details.email.label"),
                 required: !0,
-                error: E.email && !A ? r("booking.details.email.invalid") : void 0,
+                error: B.email && !de ? r("booking.details.email.invalid") : void 0,
                 children: /* @__PURE__ */ a(
-                  mt,
+                  bt,
                   {
                     value: e.email ?? "",
-                    onChange: (m) => T({ email: m.target.value }),
+                    onChange: (m) => D({ email: m.target.value }),
                     onBlur: () => P("email")
                   }
                 )
               }
             ),
             /* @__PURE__ */ a(
-              U,
+              Y,
               {
                 label: r("booking.details.mobilePhone.label"),
                 required: !0,
-                error: E.mobilePhone && !q ? r("booking.details.mobilePhone.invalid") : void 0,
+                error: B.mobilePhone && !le ? r("booking.details.mobilePhone.invalid") : void 0,
                 children: /* @__PURE__ */ a(
-                  ut,
+                  yt,
                   {
                     value: e.mobilePhone ?? "",
-                    defaultCountry: k == null ? void 0 : k.toUpperCase(),
+                    defaultCountry: y == null ? void 0 : y.toUpperCase(),
                     onChange: (m) => {
-                      T({ mobilePhone: m }), P("mobilePhone");
+                      D({ mobilePhone: m }), P("mobilePhone");
                     }
                   }
                 )
               }
             )
           ] }),
-          n || i ? /* @__PURE__ */ g("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+          n || i ? /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
             n ? /* @__PURE__ */ a(
-              U,
+              Y,
               {
                 label: r("booking.details.codiceFiscale.label"),
                 required: !0,
-                description: D.state === "pending" ? r("booking.details.codiceFiscale.checking") : r("booking.details.codiceFiscale.helper"),
-                error: E.codiceFiscale && D.state === "invalid" ? D.hint ?? r("booking.details.codiceFiscale.invalid") : void 0,
+                description: M.state === "pending" ? r("booking.details.codiceFiscale.checking") : r("booking.details.codiceFiscale.helper"),
+                error: B.codiceFiscale && M.state === "invalid" ? M.hint ?? r("booking.details.codiceFiscale.invalid") : void 0,
                 children: /* @__PURE__ */ a(
-                  fe,
+                  be,
                   {
                     value: e.codiceFiscale ?? "",
                     maxLength: 16,
-                    onChange: (m) => T({
+                    onChange: (m) => D({
                       codiceFiscale: m.target.value.slice(0, 16).toUpperCase()
                     }),
                     onBlur: () => P("codiceFiscale")
@@ -764,17 +765,17 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
               }
             ) : null,
             i ? /* @__PURE__ */ a(
-              U,
+              Y,
               {
                 label: r("booking.details.dateOfBirth.label"),
                 required: !0,
-                error: E.dateOfBirth && !e.dateOfBirth ? r("booking.details.dateOfBirth.required") : void 0,
+                error: B.dateOfBirth && !e.dateOfBirth ? r("booking.details.dateOfBirth.required") : void 0,
                 children: /* @__PURE__ */ a(
-                  ct,
+                  vt,
                   {
                     value: e.dateOfBirth ? new Date(e.dateOfBirth) : void 0,
                     onChange: (m) => {
-                      T({
+                      D({
                         dateOfBirth: m ? m.toISOString().slice(0, 10) : void 0
                       }), P("dateOfBirth");
                     }
@@ -783,59 +784,59 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
               }
             ) : null
           ] }) : null,
-          J ? /* @__PURE__ */ a(
-            U,
+          X ? /* @__PURE__ */ a(
+            Y,
             {
               label: r("booking.details.insuranceNumber.label"),
               required: !0,
-              description: v.state === "pending" ? r("booking.details.insuranceNumber.checking") : void 0,
-              error: E.insuranceNumber && v.state === "invalid" ? v.hint ?? r("booking.details.insuranceNumber.invalid") : void 0,
+              description: N.state === "pending" ? r("booking.details.insuranceNumber.checking") : void 0,
+              error: B.insuranceNumber && N.state === "invalid" ? N.hint ?? r("booking.details.insuranceNumber.invalid") : void 0,
               children: /* @__PURE__ */ a(
-                fe,
+                be,
                 {
                   value: e.insuranceNumber ?? "",
-                  onChange: (m) => T({ insuranceNumber: m.target.value }),
+                  onChange: (m) => D({ insuranceNumber: m.target.value }),
                   onBlur: () => P("insuranceNumber")
                 }
               )
             }
           ) : null,
           c ? /* @__PURE__ */ a(
-            U,
+            Y,
             {
               label: r("booking.details.note.label"),
               description: r("booking.details.note.helper", {
-                max: Pe
+                max: Ke
               }),
               children: /* @__PURE__ */ a(
-                pt,
+                kt,
                 {
                   value: e.note ?? "",
-                  maxLength: Pe,
+                  maxLength: Ke,
                   rows: 3,
-                  onChange: (m) => T({ note: m.target.value })
+                  onChange: (m) => D({ note: m.target.value })
                 }
               )
             }
           ) : null,
           d ? /* @__PURE__ */ a(
-            we,
+            Ae,
             {
               checked: !!e.returningPatient,
-              onCheckedChange: (m) => T({ returningPatient: m === !0 }),
+              onCheckedChange: (m) => D({ returningPatient: m === !0 }),
               label: r("booking.details.returningPatient.label")
             }
           ) : null,
-          /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ a(
-              we,
+              Ae,
               {
                 checked: !!e.privacyConsent,
-                onCheckedChange: (m) => T({ privacyConsent: m === !0 }),
-                label: /* @__PURE__ */ g(ie, { children: [
-                  le(
+                onCheckedChange: (m) => D({ privacyConsent: m === !0 }),
+                label: /* @__PURE__ */ f(Z, { children: [
+                  q(
                     "booking.details.consent.privacy.label",
-                    h
+                    p
                   ),
                   /* @__PURE__ */ a(
                     "span",
@@ -849,14 +850,14 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
               }
             ),
             /* @__PURE__ */ a(
-              we,
+              Ae,
               {
                 checked: !!e.termsConsent,
-                onCheckedChange: (m) => T({ termsConsent: m === !0 }),
-                label: /* @__PURE__ */ g(ie, { children: [
-                  le(
+                onCheckedChange: (m) => D({ termsConsent: m === !0 }),
+                label: /* @__PURE__ */ f(Z, { children: [
+                  q(
                     "booking.details.consent.terms.label",
-                    u
+                    g
                   ),
                   /* @__PURE__ */ a(
                     "span",
@@ -876,16 +877,16 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
               "data-component": "booking-confirmation-channels",
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
               children: /* @__PURE__ */ a(
-                lt,
+                ht,
                 {
                   label: r("booking.confirmation.heading"),
                   helperText: r("booking.confirmation.helper"),
-                  value: te,
-                  onChange: (m) => T({
+                  value: ie,
+                  onChange: (m) => D({
                     confirmationChannels: m
                   }),
                   orientation: "vertical",
-                  options: K.map((m) => ({
+                  options: ne.map((m) => ({
                     value: m,
                     label: r(`booking.confirmation.channel.${m}`)
                   })),
@@ -894,14 +895,15 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
               )
             }
           ) : null,
+          S ? /* @__PURE__ */ a(F, { variant: "error", children: /* @__PURE__ */ a(F.Description, { children: S }) }) : null,
           /* @__PURE__ */ a(
-            oe,
+            se,
             {
               intent: "primary",
               size: "md",
               type: "submit",
-              disabled: !de,
-              startIcon: f ? /* @__PURE__ */ a(gt, { size: "sm" }) : void 0,
+              disabled: !W,
+              startIcon: h ? /* @__PURE__ */ a(xt, { size: "sm" }) : void 0,
               children: r("booking.details.submit")
             }
           )
@@ -910,8 +912,8 @@ const Pe = 500, ma = /^[A-Z0-9]{16}$/, ua = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Le = 3
     );
   }
 );
-Te.displayName = "BookingDetailsForm";
-const pa = xe(
+Pe.displayName = "BookingDetailsForm";
+const ka = Ie(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)]",
   {
     variants: {
@@ -921,44 +923,58 @@ const pa = xe(
         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" }
+    defaultVariants: { variant: "inline-list", surface: "flat" }
   }
-), ga = [
+), xa = [
   [
     /\b(estetic|aesthetic|botox|filler|mesoterap|chirurgia\s*plastic)/i,
-    Ee
+    $e
   ],
-  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, Nt],
-  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, Zt],
-  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, It],
-  [/\b(otorin|udito|orecchi|hearing|ear)/i, Rt],
-  [/\b(neuro|brain|cervello)/i, Ot],
-  [/\b(pediatr|child|bambin)/i, Tt],
-  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, At],
-  [/\b(lab|analis|test|sang|esami)/i, $t],
-  [/\b(farmaco|pharm|pillol|refill)/i, jt],
-  [/\b(chirurg|surg|intervent|operat)/i, Ut],
-  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, Ht],
-  [/\b(vacc|inject|inie|punto)/i, Ee],
-  [/\b(derma|skin|pelle)/i, wt],
-  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, Vt],
-  [/\b(general|medicin|family|control|check[-\s]?up)/i, Mt]
+  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, _t],
+  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, aa],
+  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, At],
+  [/\b(otorin|udito|orecchi|hearing|ear)/i, Gt],
+  [/\b(neuro|brain|cervello)/i, zt],
+  [/\b(pediatr|child|bambin)/i, Vt],
+  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, Ft],
+  [/\b(lab|analis|test|sang|esami)/i, Yt],
+  [/\b(farmaco|pharm|pillol|refill)/i, Jt],
+  [/\b(chirurg|surg|intervent|operat)/i, ea],
+  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, Wt],
+  [/\b(vacc|inject|inie|punto)/i, $e],
+  [/\b(derma|skin|pelle)/i, Bt],
+  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, qt],
+  [/\b(general|medicin|family|control|check[-\s]?up)/i, Et]
 ];
-function fa(e) {
-  for (const [t, s] of ga)
+function Sa(e) {
+  for (const [t, s] of xa)
     if (t.test(e)) return s;
   return null;
 }
-function ha(e) {
-  const t = fa(e.label) ?? St;
+function Na(e) {
+  const t = Sa(e.label) ?? Tt;
   return /* @__PURE__ */ a(t, { "aria-hidden": "true", className: "ds:size-5" });
 }
-function Ce(e) {
-  return be(e, "yyyy-MM-dd");
+function Be(e) {
+  return xe(e, "yyyy-MM-dd");
 }
-const va = [
+const Ia = [
   "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)]",
@@ -968,7 +984,7 @@ const va = [
   "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(" "), ba = xe(va, {
+].join(" "), wa = Ie(Ia, {
   variants: {
     state: {
       available: "ds:cursor-pointer ds:text-[var(--foreground)] ds:hover:bg-[var(--muted)]/30",
@@ -979,93 +995,93 @@ const va = [
   },
   defaultVariants: { state: "unavailable" }
 });
-function Ue({
+function et({
   availableDates: e,
   selectedDate: t,
   onSelectDate: s,
   locale: n,
   loading: i
 }) {
-  const { t: o } = M(), l = I(() => t ? me(Q(t)) : e.length > 0 ? me(Q(e[0])) : me(/* @__PURE__ */ new Date()), [t, e]), [c, d] = z(l), [h, u] = z(null), p = I(() => {
-    const S = me(c), r = vt(c), b = S.getDay(), D = r.getDate(), C = [];
-    for (let v = b; v > 0; v -= 1) {
+  const { t: o } = T(), l = I(() => t ? fe(ee(t)) : e.length > 0 ? fe(ee(e[0])) : fe(/* @__PURE__ */ new Date()), [t, e]), [c, d] = H(l), [p, g] = H(null), u = I(() => {
+    const S = fe(c), v = It(c), r = S.getDay(), E = v.getDate(), M = [];
+    for (let b = r; b > 0; b -= 1) {
       const N = new Date(S);
-      N.setDate(S.getDate() - v), C.push(N);
+      N.setDate(S.getDate() - b), M.push(N);
     }
-    for (let v = 0; v < D; v += 1) {
+    for (let b = 0; b < E; b += 1) {
       const N = new Date(S);
-      N.setDate(S.getDate() + v), C.push(N);
+      N.setDate(S.getDate() + b), M.push(N);
     }
-    for (; C.length < 42; ) {
-      const v = C[C.length - 1], N = new Date(v);
-      N.setDate(v.getDate() + 1), C.push(N);
+    for (; M.length < 42; ) {
+      const b = M[M.length - 1], N = new Date(b);
+      N.setDate(b.getDate() + 1), M.push(N);
     }
-    return C;
-  }, [c]), y = I(() => {
+    return M;
+  }, [c]), k = I(() => {
     try {
       return new Intl.DateTimeFormat(n, {
         month: "long",
         year: "numeric"
       }).format(c);
     } catch {
-      return be(c, "MMMM yyyy");
+      return xe(c, "MMMM yyyy");
     }
-  }, [c, n]), f = I(() => {
+  }, [c, n]), h = I(() => {
     const S = new Date(2024, 0, 7);
-    return Array.from({ length: 7 }, (r, b) => {
-      const D = new Date(S);
-      D.setDate(S.getDate() + b);
+    return Array.from({ length: 7 }, (v, r) => {
+      const E = new Date(S);
+      E.setDate(S.getDate() + r);
       try {
-        return new Intl.DateTimeFormat(n, { weekday: "short" }).format(D);
+        return new Intl.DateTimeFormat(n, { weekday: "short" }).format(E);
       } catch {
-        return be(D, "EEE");
+        return xe(E, "EEE");
       }
     });
-  }, [n]), x = I(() => new Set(e), [e]), k = ee(
-    (S) => x.has(Ce(S)),
+  }, [n]), x = I(() => new Set(e), [e]), y = ae(
+    (S) => x.has(Be(S)),
     [x]
-  ), _ = I(() => {
-    if (h) return h;
-    if (t) return Q(t);
-    const S = p.find(
-      (r) => he(r, c) && k(r)
+  ), C = I(() => {
+    if (p) return p;
+    if (t) return ee(t);
+    const S = u.find(
+      (v) => ye(v, c) && y(v)
     );
-    return S || (p.find((r) => he(r, c)) ?? null);
-  }, [h, t, p, c, k]), Y = ee(
-    (S, r) => {
-      let b = null;
+    return S || (u.find((v) => ye(v, c)) ?? null);
+  }, [p, t, u, c, y]), A = ae(
+    (S, v) => {
+      let r = null;
       switch (S.key) {
         case "ArrowLeft":
-          b = new Date(r), b.setDate(r.getDate() - 1);
+          r = new Date(v), r.setDate(v.getDate() - 1);
           break;
         case "ArrowRight":
-          b = new Date(r), b.setDate(r.getDate() + 1);
+          r = new Date(v), r.setDate(v.getDate() + 1);
           break;
         case "ArrowUp":
-          b = new Date(r), b.setDate(r.getDate() - 7);
+          r = new Date(v), r.setDate(v.getDate() - 7);
           break;
         case "ArrowDown":
-          b = new Date(r), b.setDate(r.getDate() + 7);
+          r = new Date(v), r.setDate(v.getDate() + 7);
           break;
         case "Home":
-          b = new Date(r), b.setDate(r.getDate() - r.getDay());
+          r = new Date(v), r.setDate(v.getDate() - v.getDay());
           break;
         case "End":
-          b = new Date(r), b.setDate(r.getDate() + (6 - r.getDay()));
+          r = new Date(v), r.setDate(v.getDate() + (6 - v.getDay()));
           break;
         case "Enter":
         case " ": {
-          S.preventDefault(), k(r) && s(Ce(r));
+          S.preventDefault(), y(v) && s(Be(v));
           return;
         }
         default:
           return;
       }
-      b && (S.preventDefault(), he(b, c) || d(me(b)), u(b));
+      r && (S.preventDefault(), ye(r, c) || d(fe(r)), g(r));
     },
-    [k, s, c]
+    [y, s, c]
   );
-  return i ? /* @__PURE__ */ g(
+  return i ? /* @__PURE__ */ f(
     "div",
     {
       role: "status",
@@ -1073,22 +1089,22 @@ function Ue({
       "aria-label": o("common.loading"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
       children: [
-        /* @__PURE__ */ a(ye, { variant: "text", width: "40%" }),
-        /* @__PURE__ */ a("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (S, r) => /* @__PURE__ */ a(ye, { variant: "rounded", height: "2.5rem" }, `mg-skel-${r}`)) })
+        /* @__PURE__ */ a(Se, { variant: "text", width: "40%" }),
+        /* @__PURE__ */ a("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (S, v) => /* @__PURE__ */ a(Se, { variant: "rounded", height: "2.5rem" }, `mg-skel-${v}`)) })
       ]
     }
-  ) : /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ g("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+  ) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ a(
-        Be,
+        Re,
         {
-          icon: /* @__PURE__ */ a(bt, {}),
+          icon: /* @__PURE__ */ a(wt, {}),
           "aria-label": o("booking.previousMonth"),
           size: "sm",
           intent: "ghost",
           flipIconInRtl: !0,
           onClick: () => {
-            d((S) => Qt(S)), u(null);
+            d((S) => oa(S)), g(null);
           }
         }
       ),
@@ -1097,24 +1113,24 @@ function Ue({
         {
           className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
           "aria-live": "polite",
-          children: y
+          children: k
         }
       ),
       /* @__PURE__ */ a(
-        Be,
+        Re,
         {
-          icon: /* @__PURE__ */ a(yt, {}),
+          icon: /* @__PURE__ */ a(Ct, {}),
           "aria-label": o("booking.nextMonth"),
           size: "sm",
           intent: "ghost",
           flipIconInRtl: !0,
           onClick: () => {
-            d((S) => ze(S, 1)), u(null);
+            d((S) => Ue(S, 1)), g(null);
           }
         }
       )
     ] }),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ f(
       "div",
       {
         role: "grid",
@@ -1126,30 +1142,30 @@ function Ue({
             {
               role: "row",
               className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
-              children: f.map((S, r) => /* @__PURE__ */ a(
+              children: h.map((S, v) => /* @__PURE__ */ a(
                 "div",
                 {
                   role: "columnheader",
                   className: "type-meta ds:text-center ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-medium)]",
                   children: S
                 },
-                `wd-${r}`
+                `wd-${v}`
               ))
             }
           ),
-          Array.from({ length: 6 }, (S, r) => /* @__PURE__ */ a(
+          Array.from({ length: 6 }, (S, v) => /* @__PURE__ */ a(
             "div",
             {
               role: "row",
               className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
-              children: p.slice(r * 7, r * 7 + 7).map((b, D) => {
-                const C = r * 7 + D, v = he(b, c), N = v && k(b), E = t ? Oe(b, Q(t)) : !1, Z = v ? E ? "selected" : N ? "available" : "unavailable" : "outside", P = _ ? Oe(_, b) : !1, V = (() => {
+              children: u.slice(v * 7, v * 7 + 7).map((r, E) => {
+                const M = v * 7 + E, b = ye(r, c), N = b && y(r), R = t ? ze(r, ee(t)) : !1, B = b ? R ? "selected" : N ? "available" : "unavailable" : "outside", J = C ? ze(C, r) : !1, P = (() => {
                   try {
                     return new Intl.DateTimeFormat(n, {
                       dateStyle: "full"
-                    }).format(b);
+                    }).format(r);
                   } catch {
-                    return be(b, "PPP");
+                    return xe(r, "PPP");
                   }
                 })();
                 return /* @__PURE__ */ a(
@@ -1157,30 +1173,30 @@ function Ue({
                   {
                     type: "button",
                     role: "gridcell",
-                    "aria-label": V,
-                    "aria-selected": E || void 0,
+                    "aria-label": P,
+                    "aria-selected": R || void 0,
                     "aria-disabled": !N || void 0,
-                    tabIndex: P ? 0 : -1,
+                    tabIndex: J ? 0 : -1,
                     disabled: !N,
                     onClick: () => {
-                      N && s(Ce(b));
+                      N && s(Be(r));
                     },
-                    onKeyDown: (F) => Y(F, b),
-                    className: ba({ state: Z }),
-                    children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: b.getDate() })
+                    onKeyDown: (z) => A(z, r),
+                    className: wa({ state: B }),
+                    children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: r.getDate() })
                   },
-                  `mg-cell-${C}`
+                  `mg-cell-${M}`
                 );
               })
             },
-            `mg-row-${r}`
+            `mg-row-${v}`
           ))
         ]
       }
     )
   ] });
 }
-const ya = xe(
+const Ca = Ie(
   [
     "ds:relative ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-md)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1206,52 +1222,52 @@ const ya = xe(
     defaultVariants: { state: "idle" }
   }
 );
-function ka({
+function Ma({
   services: e,
   selectedServiceId: t,
   onSelect: s
 }) {
-  const { t: n } = M(), i = Fe(), [o, l] = z(() => {
+  const { t: n } = T(), i = He(), [o, l] = H(() => {
     if (t) {
-      const u = e.findIndex((p) => p.id === t);
-      if (u >= 0) return u;
+      const g = e.findIndex((u) => u.id === t);
+      if (g >= 0) return g;
     }
     return 0;
-  }), c = ne(/* @__PURE__ */ new Map()), d = ee((u) => {
-    var p;
-    (p = c.current.get(u)) == null || p.focus();
-  }, []), h = ee(
-    (u, p, y) => {
-      const f = e.length;
-      if (f !== 0)
-        switch (u.key) {
+  }), c = te(/* @__PURE__ */ new Map()), d = ae((g) => {
+    var u;
+    (u = c.current.get(g)) == null || u.focus();
+  }, []), p = ae(
+    (g, u, k) => {
+      const h = e.length;
+      if (h !== 0)
+        switch (g.key) {
           case "ArrowDown":
           case "ArrowRight": {
-            u.preventDefault();
-            const x = (p + 1) % f;
+            g.preventDefault();
+            const x = (u + 1) % h;
             l(x), d(x);
             break;
           }
           case "ArrowUp":
           case "ArrowLeft": {
-            u.preventDefault();
-            const x = (p - 1 + f) % f;
+            g.preventDefault();
+            const x = (u - 1 + h) % h;
             l(x), d(x);
             break;
           }
           case "Home": {
-            u.preventDefault(), l(0), d(0);
+            g.preventDefault(), l(0), d(0);
             break;
           }
           case "End": {
-            u.preventDefault();
-            const x = f - 1;
+            g.preventDefault();
+            const x = h - 1;
             l(x), d(x);
             break;
           }
           case "Enter":
           case " ": {
-            u.preventDefault(), s(y);
+            g.preventDefault(), s(k);
             break;
           }
         }
@@ -1265,27 +1281,27 @@ function ka({
       "aria-label": n("booking.serviceListLabel"),
       id: i,
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-      children: e.map((u, p) => {
-        const y = t === u.id, f = o === p, x = n("booking.serviceCardLabel", {
-          label: u.label,
-          duration: u.durationMin
-        }), k = ha(u);
-        return /* @__PURE__ */ g(
+      children: e.map((g, u) => {
+        const k = t === g.id, h = o === u, x = n("booking.serviceCardLabel", {
+          label: g.label,
+          duration: g.durationMin
+        }), y = Na(g);
+        return /* @__PURE__ */ f(
           "button",
           {
-            ref: (_) => {
-              _ ? c.current.set(p, _) : c.current.delete(p);
+            ref: (C) => {
+              C ? c.current.set(u, C) : c.current.delete(u);
             },
             type: "button",
             role: "radio",
-            "aria-checked": y,
+            "aria-checked": k,
             "aria-label": x,
-            tabIndex: f ? 0 : -1,
-            onClick: () => s(u.id),
-            onFocus: () => l(p),
-            onKeyDown: (_) => h(_, p, u.id),
-            className: ya({
-              state: y ? "selected" : "idle"
+            tabIndex: h ? 0 : -1,
+            onClick: () => s(g.id),
+            onFocus: () => l(u),
+            onKeyDown: (C) => p(C, u, g.id),
+            className: Ca({
+              state: k ? "selected" : "idle"
             }),
             children: [
               /* @__PURE__ */ a(
@@ -1293,22 +1309,22 @@ function ka({
                 {
                   "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
+                  children: y
                 }
               ),
-              /* @__PURE__ */ g("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ a("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: u.label }),
-                /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: n("booking.serviceSummary", { minutes: u.durationMin }) })
+              /* @__PURE__ */ f("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ a("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: g.label }),
+                /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: n("booking.serviceSummary", { minutes: g.durationMin }) })
               ] })
             ]
           },
-          u.id
+          g.id
         );
       })
     }
   );
 }
-const xa = xe(
+const Da = Ie(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1334,16 +1350,16 @@ const xa = xe(
     defaultVariants: { state: "idle" }
   }
 );
-function Sa(e) {
+function Ta(e) {
   const [t] = e.split(":").map((n) => parseInt(n, 10)), s = Number.isFinite(t) ? t : 0;
   return s < 12 ? "morning" : s < 17 ? "afternoon" : "evening";
 }
-const Na = {
-  morning: xt,
-  afternoon: Xt,
-  evening: kt
+const _a = {
+  morning: Dt,
+  afternoon: na,
+  evening: Mt
 };
-function Ye({
+function tt({
   date: e,
   slots: t,
   selectedSlotKey: s,
@@ -1351,41 +1367,41 @@ function Ye({
   loading: i,
   locale: o
 }) {
-  const { t: l } = M(), c = I(() => {
+  const { t: l } = T(), c = I(() => {
     try {
       return new Intl.DateTimeFormat(o, {
         weekday: "long",
         day: "numeric",
         month: "long"
-      }).format(Q(e));
+      }).format(ee(e));
     } catch {
       return e;
     }
   }, [e, o]), d = I(() => {
-    const p = {
+    const u = {
       morning: [],
       afternoon: [],
       evening: []
     };
-    for (const y of t)
-      p[Sa(y.time)].push(y);
-    return p;
-  }, [t]), h = t.filter((p) => p.available).length, u = ["morning", "afternoon", "evening"];
-  return i ? /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ a(ye, { variant: "text", width: "60%" }),
-    [0, 1].map((p) => /* @__PURE__ */ a(
+    for (const k of t)
+      u[Ta(k.time)].push(k);
+    return u;
+  }, [t]), p = t.filter((u) => u.available).length, g = ["morning", "afternoon", "evening"];
+  return i ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ a(Se, { variant: "text", width: "60%" }),
+    [0, 1].map((u) => /* @__PURE__ */ a(
       "div",
       {
         className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)]",
-        children: [0, 1, 2].map((y) => /* @__PURE__ */ a(ye, { variant: "rounded", height: "44px" }, y))
+        children: [0, 1, 2].map((k) => /* @__PURE__ */ a(Se, { variant: "rounded", height: "44px" }, k))
       },
-      p
+      u
     ))
-  ] }) : h === 0 ? /* @__PURE__ */ a(Re, { variant: "no-results", title: l("booking.noSlotsForDate") }) : /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ g("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ g("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+  ] }) : p === 0 ? /* @__PURE__ */ a(Ge, { variant: "no-results", title: l("booking.noSlotsForDate") }) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ f("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
         /* @__PURE__ */ a(
-          Pt,
+          Kt,
           {
             "aria-hidden": "true",
             className: "ds:size-4 ds:text-[color:var(--accent)]"
@@ -1393,41 +1409,41 @@ function Ye({
         ),
         /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: c })
       ] }),
-      /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: l("booking.slotsAvailable", { count: h }) })
+      /* @__PURE__ */ a("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: l("booking.slotsAvailable", { count: p }) })
     ] }),
-    u.map((p) => {
-      const y = d[p];
-      if (y.length === 0) return null;
-      const f = Na[p];
-      return /* @__PURE__ */ g(
+    g.map((u) => {
+      const k = d[u];
+      if (k.length === 0) return null;
+      const h = _a[u];
+      return /* @__PURE__ */ f(
         "div",
         {
           className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
           children: [
-            /* @__PURE__ */ g("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
-              /* @__PURE__ */ a(f, { "aria-hidden": "true", className: "ds:size-3.5" }),
-              /* @__PURE__ */ a("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: l(`booking.timeOfDay.${p}`) })
+            /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ a(h, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              /* @__PURE__ */ a("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: l(`booking.timeOfDay.${u}`) })
             ] }),
             /* @__PURE__ */ a(
               "div",
               {
                 role: "group",
-                "aria-label": l(`booking.timeOfDay.${p}`),
+                "aria-label": l(`booking.timeOfDay.${u}`),
                 className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)] ds:sm:grid-cols-4",
-                children: y.map((x) => {
-                  const k = x.key === s, _ = x.available ? k ? "selected" : "idle" : "unavailable";
+                children: k.map((x) => {
+                  const y = x.key === s, C = x.available ? y ? "selected" : "idle" : "unavailable";
                   return /* @__PURE__ */ a(
                     "button",
                     {
                       type: "button",
                       "data-slot-id": x.key,
                       disabled: !x.available,
-                      "aria-pressed": k,
+                      "aria-pressed": y,
                       "aria-label": l("booking.slotAvailableLabel", {
                         time: x.time
                       }),
                       onClick: () => x.available && n(x),
-                      className: xa({ state: _ }),
+                      className: Da({ state: C }),
                       children: x.time
                     },
                     x.key
@@ -1437,20 +1453,20 @@ function Ye({
             )
           ]
         },
-        p
+        u
       );
     })
   ] });
 }
-function Ze({ value: e, onChange: t }) {
-  const { t: s } = M(), n = [
+function at({ value: e, onChange: t }) {
+  const { t: s } = T(), n = [
     { value: "private", label: s("booking.insurance.private") },
     { value: "public", label: s("booking.insurance.public") }
   ];
-  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: s("booking.insurance.heading") }),
     /* @__PURE__ */ a(
-      Se,
+      we,
       {
         options: n,
         value: e ?? "",
@@ -1463,15 +1479,15 @@ function Ze({ value: e, onChange: t }) {
     )
   ] });
 }
-function Je({ specialties: e, value: t, onChange: s }) {
-  const { t: n } = M(), i = e.map((o) => ({
+function st({ specialties: e, value: t, onChange: s }) {
+  const { t: n } = T(), i = e.map((o) => ({
     value: o.id,
     label: o.label
   }));
-  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: n("booking.specialty.heading") }),
     /* @__PURE__ */ a(
-      Se,
+      we,
       {
         options: i,
         value: t ?? "",
@@ -1482,8 +1498,8 @@ function Je({ specialties: e, value: t, onChange: s }) {
     )
   ] });
 }
-function Xe({ services: e, value: t, onChange: s, compact: n }) {
-  const { t: i } = M();
+function nt({ services: e, value: t, onChange: s, compact: n }) {
+  const { t: i } = T();
   if (n) {
     const o = e.map((l) => ({
       value: l.id,
@@ -1491,10 +1507,10 @@ function Xe({ services: e, value: t, onChange: s, compact: n }) {
         minutes: l.durationMin
       })}`
     }));
-    return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: i("booking.service.heading") }),
       /* @__PURE__ */ a(
-        Se,
+        we,
         {
           options: o,
           value: t ?? "",
@@ -1505,10 +1521,10 @@ function Xe({ services: e, value: t, onChange: s, compact: n }) {
       )
     ] });
   }
-  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: i("booking.service.heading") }),
     /* @__PURE__ */ a(
-      ka,
+      Ma,
       {
         services: e,
         selectedServiceId: t,
@@ -1517,18 +1533,18 @@ function Xe({ services: e, value: t, onChange: s, compact: n }) {
     )
   ] });
 }
-function We({ operators: e, value: t, onChange: s }) {
-  const { t: n } = M(), i = [
-    { value: ue, label: n("booking.operator.all") },
+function it({ operators: e, value: t, onChange: s }) {
+  const { t: n } = T(), i = [
+    { value: he, label: n("booking.operator.all") },
     ...e.map((o) => ({ value: o.id, label: o.name }))
   ];
-  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: n("booking.operator.heading") }),
     /* @__PURE__ */ a(
-      Se,
+      we,
       {
         options: i,
-        value: t ?? ue,
+        value: t ?? he,
         onValueChange: (o) => s(o),
         placeholder: n("booking.operator.placeholder"),
         "aria-label": n("booking.operator.heading")
@@ -1536,87 +1552,103 @@ function We({ operators: e, value: t, onChange: s }) {
     )
   ] });
 }
-function Qe({
+function ot({
   customSlot: e
 }) {
-  const { t } = M();
-  return e ? /* @__PURE__ */ a(ie, { children: e }) : /* @__PURE__ */ g($, { variant: "warning", children: [
-    /* @__PURE__ */ a($.Title, { as: "h4", children: t("booking.onboardingIncomplete.title") }),
-    /* @__PURE__ */ a($.Description, { children: t("booking.onboardingIncomplete.description") })
+  const { t } = T();
+  return e ? /* @__PURE__ */ a(Z, { children: e }) : /* @__PURE__ */ f(F, { variant: "warning", children: [
+    /* @__PURE__ */ a(F.Title, { as: "h4", children: t("booking.onboardingIncomplete.title") }),
+    /* @__PURE__ */ a(F.Description, { children: t("booking.onboardingIncomplete.description") })
   ] });
 }
-function et({
+function rt({
   nextAvailableDate: e,
   onJump: t,
   locale: s
 }) {
-  const { t: n } = M(), i = I(() => {
+  const { t: n } = T(), i = I(() => {
     try {
       return new Intl.DateTimeFormat(s, { dateStyle: "long" }).format(
-        Q(e)
+        ee(e)
       );
     } catch {
       return e;
     }
   }, [e, s]);
-  return /* @__PURE__ */ g($, { variant: "info", children: [
-    /* @__PURE__ */ a($.Description, { children: n("booking.nextAvailable.description", { date: i }) }),
-    /* @__PURE__ */ a($.Action, { children: /* @__PURE__ */ a(oe, { intent: "secondary", size: "sm", onClick: t, children: n("booking.nextAvailable.cta") }) })
+  return /* @__PURE__ */ f(F, { variant: "info", children: [
+    /* @__PURE__ */ a(F.Description, { children: n("booking.nextAvailable.description", { date: i }) }),
+    /* @__PURE__ */ a(F.Action, { children: /* @__PURE__ */ a(se, { intent: "secondary", size: "sm", onClick: t, children: n("booking.nextAvailable.cta") }) })
   ] });
 }
-function Ia({
+function Aa({
   snapshot: e,
   operators: t,
-  locale: s,
-  onReset: n
+  specialties: s,
+  services: n,
+  locale: i,
+  mode: o,
+  showModify: l,
+  onReset: c,
+  onModify: d
 }) {
-  const { t: i } = M(), l = (e.details.confirmationChannels ?? ["email"]).map(
-    (u) => i(`booking.confirmation.channel.${u}`)
-  ), c = l.length > 1 ? i("booking.success.descriptionMultiple", {
-    channels: l.join(" · ")
-  }) : i("booking.success.descriptionSingle", { channel: l[0] }), d = I(() => {
+  const { t: p } = T(), u = (e.details.confirmationChannels ?? ["email"]).map(
+    (A) => p(`booking.confirmation.channel.${A}`)
+  ), k = o === "demo" ? p("booking.success.descriptionDemo") : u.length > 1 ? p("booking.success.descriptionMultiple", {
+    channels: u.join(" · ")
+  }) : p("booking.success.descriptionSingle", { channel: u[0] }), h = I(() => {
     if (e.date)
       try {
-        return new Intl.DateTimeFormat(s, {
+        return new Intl.DateTimeFormat(i, {
           weekday: "long",
           day: "numeric",
           month: "long"
-        }).format(Q(e.date));
+        }).format(ee(e.date));
       } catch {
         return e.date;
       }
-  }, [e.date, s]), h = e.operatorId ? t.find((u) => u.id === e.operatorId) : void 0;
-  return /* @__PURE__ */ g(
+  }, [e.date, i]), x = e.operatorId ? t.find((A) => A.id === e.operatorId) : void 0, y = e.specialtyId ? s.find((A) => A.id === e.specialtyId) : void 0, C = e.serviceId ? n.find((A) => A.id === e.serviceId) : void 0;
+  return /* @__PURE__ */ f(
     "div",
     {
       "data-component": "booking-success",
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
       children: [
-        /* @__PURE__ */ g($, { variant: "success", children: [
-          /* @__PURE__ */ a($.Title, { as: "h3", children: i("booking.success.heading") }),
-          /* @__PURE__ */ a($.Description, { children: c })
+        /* @__PURE__ */ f(F, { variant: "success", children: [
+          /* @__PURE__ */ a(F.Title, { as: "h3", children: p("booking.success.heading") }),
+          /* @__PURE__ */ a(F.Description, { children: k })
         ] }),
-        /* @__PURE__ */ a("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[var(--secondary)] ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ g("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: [
-          d ? /* @__PURE__ */ g(ie, { children: [
-            /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: i("booking.success.summaryDate") }),
-            /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: d })
+        /* @__PURE__ */ a("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[var(--secondary)] ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ f("dl", { className: "ds:grid ds:grid-cols-[auto_minmax(0,1fr)] ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)] ds:m-0", children: [
+          y ? /* @__PURE__ */ f(Z, { children: [
+            /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: p("booking.success.summarySpecialty") }),
+            /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: y.label })
+          ] }) : null,
+          C ? /* @__PURE__ */ f(Z, { children: [
+            /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: p("booking.success.summaryService") }),
+            /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: C.label })
           ] }) : null,
-          /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: i("booking.success.summaryTime") }),
+          h ? /* @__PURE__ */ f(Z, { children: [
+            /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: p("booking.success.summaryDate") }),
+            /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: h })
+          ] }) : null,
+          /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: p("booking.success.summaryTime") }),
           /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: e.slot.time }),
-          h ? /* @__PURE__ */ g(ie, { children: [
-            /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: i("booking.success.summaryProvider") }),
-            /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: h.name })
+          x ? /* @__PURE__ */ f(Z, { children: [
+            /* @__PURE__ */ a("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: p("booking.success.summaryProvider") }),
+            /* @__PURE__ */ a("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: x.name })
           ] }) : null
         ] }) }),
-        /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(oe, { intent: "secondary", size: "md", onClick: n, children: i("booking.success.bookAnother") }) })
+        /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ a(se, { intent: "secondary", size: "md", onClick: c, children: p("booking.success.bookAnother") }),
+          l ? /* @__PURE__ */ a(se, { intent: "ghost", size: "md", onClick: d, children: p("booking.success.modifyBooking") }) : null
+        ] })
       ]
     }
   );
 }
-function tt({ customSlot: e }) {
-  const { t } = M();
-  return e ? /* @__PURE__ */ a(ie, { children: e }) : /* @__PURE__ */ a(
-    Re,
+function dt({ customSlot: e }) {
+  const { t } = T();
+  return e ? /* @__PURE__ */ a(Z, { children: e }) : /* @__PURE__ */ a(
+    Ge,
     {
       variant: "no-results",
       title: t("booking.emptyServices.title"),
@@ -1624,7 +1656,7 @@ function tt({ customSlot: e }) {
     }
   );
 }
-function wa(e) {
+function Ba(e) {
   const {
     cascade: t,
     inputs: s,
@@ -1634,91 +1666,91 @@ function wa(e) {
     emptyServicesSlot: l,
     onboardingIncompleteSlot: c,
     loadingSlots: d,
-    submitting: h,
-    locale: u,
-    detailsProps: p
-  } = e, { t: y } = M();
-  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    submitting: p,
+    locale: g,
+    detailsProps: u
+  } = e, { t: k } = T();
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
     t.gates.insurance ? /* @__PURE__ */ a(
-      Ze,
+      at,
       {
         value: n.insuranceType,
-        onChange: (f) => i($e(n, f))
+        onChange: (h) => i(Ye(n, h))
       }
     ) : null,
     t.gates.specialty ? /* @__PURE__ */ a(
-      Je,
+      st,
       {
         specialties: t.filtered.specialties,
         value: n.specialtyId,
-        onChange: (f) => i(Ke(n, f))
+        onChange: (h) => i(Ze(n, h))
       }
     ) : null,
-    t.gates.service ? t.filtered.services.length === 0 ? /* @__PURE__ */ a(tt, { customSlot: l }) : /* @__PURE__ */ a(
-      Xe,
+    t.gates.service ? t.filtered.services.length === 0 ? /* @__PURE__ */ a(dt, { customSlot: l }) : /* @__PURE__ */ a(
+      nt,
       {
         services: t.filtered.services,
         value: n.serviceId,
-        onChange: (f) => i(je(n, f))
+        onChange: (h) => i(Je(n, h))
       }
     ) : null,
-    t.gates.onboardingIncomplete ? /* @__PURE__ */ a(Qe, { customSlot: c }) : null,
+    t.gates.onboardingIncomplete ? /* @__PURE__ */ a(ot, { customSlot: c }) : null,
     t.gates.operator ? /* @__PURE__ */ a(
-      We,
+      it,
       {
         operators: t.filtered.operators,
         value: n.operatorId,
-        onChange: (f) => i(qe(n, f))
+        onChange: (h) => i(Xe(n, h))
       }
     ) : null,
-    t.gates.date ? /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: y("booking.date.heading") }),
+    t.gates.date ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: k("booking.date.heading") }),
       s.availableDates.length === 0 && s.nextAvailableDate ? /* @__PURE__ */ a(
-        et,
+        rt,
         {
           nextAvailableDate: s.nextAvailableDate,
-          onJump: () => i(ke(n, s.nextAvailableDate)),
-          locale: u
+          onJump: () => i(Ne(n, s.nextAvailableDate)),
+          locale: g
         }
       ) : /* @__PURE__ */ a(
-        Ue,
+        et,
         {
           availableDates: s.availableDates,
           selectedDate: n.date,
-          onSelectDate: (f) => i(ke(n, f)),
-          locale: u,
+          onSelectDate: (h) => i(Ne(n, h)),
+          locale: g,
           loading: d
         }
       )
     ] }) : null,
-    t.gates.slot && n.date ? /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: y("booking.slot.heading") }),
+    t.gates.slot && n.date ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ a("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: k("booking.slot.heading") }),
       /* @__PURE__ */ a(
-        Ye,
+        tt,
         {
           date: n.date,
           slots: s.availableSlots[n.date] ?? [],
           selectedSlotKey: n.slotKey,
-          onSelect: (f) => i(He(n, f.key)),
+          onSelect: (h) => i(We(n, h.key)),
           loading: d,
-          locale: u
+          locale: g
         }
       )
     ] }) : null,
     t.gates.details && t.selectedSlot ? /* @__PURE__ */ a(
-      Te,
+      Pe,
       {
-        ...p,
+        ...u,
         value: n.details ?? {},
-        onChange: (f) => i({ ...n, details: f }),
+        onChange: (h) => i({ ...n, details: h }),
         onSubmit: o,
-        submitting: h,
+        submitting: p,
         defaultPhoneCountry: e.policy.country
       }
     ) : null
   ] });
 }
-function R(e, t, s = {}) {
+function K(e, t, s = {}) {
   const {
     cascade: n,
     inputs: i,
@@ -1726,89 +1758,89 @@ function R(e, t, s = {}) {
     onChange: l,
     onSubmit: c,
     emptyServicesSlot: d,
-    onboardingIncompleteSlot: h,
-    loadingSlots: u,
-    submitting: p,
-    locale: y,
-    detailsProps: f,
+    onboardingIncompleteSlot: p,
+    loadingSlots: g,
+    submitting: u,
+    locale: k,
+    detailsProps: h,
     policy: x
   } = t;
   switch (e) {
     case 1:
       return /* @__PURE__ */ a(
-        Ze,
+        at,
         {
           value: o.insuranceType,
-          onChange: (k) => l($e(o, k))
+          onChange: (y) => l(Ye(o, y))
         }
       );
     case 2:
       return /* @__PURE__ */ a(
-        Je,
+        st,
         {
           specialties: n.filtered.specialties,
           value: o.specialtyId,
-          onChange: (k) => l(Ke(o, k))
+          onChange: (y) => l(Ze(o, y))
         }
       );
     case 3:
-      return n.filtered.services.length === 0 ? /* @__PURE__ */ a(tt, { customSlot: d }) : n.gates.onboardingIncomplete ? /* @__PURE__ */ a(Qe, { customSlot: h }) : /* @__PURE__ */ a(
-        Xe,
+      return n.filtered.services.length === 0 ? /* @__PURE__ */ a(dt, { customSlot: d }) : n.gates.onboardingIncomplete ? /* @__PURE__ */ a(ot, { customSlot: p }) : /* @__PURE__ */ a(
+        nt,
         {
           services: n.filtered.services,
           value: o.serviceId,
-          onChange: (k) => l(je(o, k)),
+          onChange: (y) => l(Je(o, y)),
           compact: s.compactService
         }
       );
     case 4:
       return /* @__PURE__ */ a(
-        We,
+        it,
         {
           operators: n.filtered.operators,
           value: o.operatorId,
-          onChange: (k) => l(qe(o, k))
+          onChange: (y) => l(Xe(o, y))
         }
       );
     case 5:
       return i.availableDates.length === 0 && i.nextAvailableDate ? /* @__PURE__ */ a(
-        et,
+        rt,
         {
           nextAvailableDate: i.nextAvailableDate,
-          onJump: () => l(ke(o, i.nextAvailableDate)),
-          locale: y
+          onJump: () => l(Ne(o, i.nextAvailableDate)),
+          locale: k
         }
       ) : /* @__PURE__ */ a(
-        Ue,
+        et,
         {
           availableDates: i.availableDates,
           selectedDate: o.date,
-          onSelectDate: (k) => l(ke(o, k)),
-          locale: y,
-          loading: u
+          onSelectDate: (y) => l(Ne(o, y)),
+          locale: k,
+          loading: g
         }
       );
     case 6:
       return o.date ? /* @__PURE__ */ a(
-        Ye,
+        tt,
         {
           date: o.date,
           slots: i.availableSlots[o.date] ?? [],
           selectedSlotKey: o.slotKey,
-          onSelect: (k) => l(He(o, k.key)),
-          loading: u,
-          locale: y
+          onSelect: (y) => l(We(o, y.key)),
+          loading: g,
+          locale: k
         }
       ) : null;
     case 7:
       return n.selectedSlot ? /* @__PURE__ */ a(
-        Te,
+        Pe,
         {
-          ...f,
+          ...h,
           value: o.details ?? {},
-          onChange: (k) => l({ ...o, details: k }),
+          onChange: (y) => l({ ...o, details: y }),
           onSubmit: c,
-          submitting: p,
+          submitting: u,
           defaultPhoneCountry: x.country
         }
       ) : null;
@@ -1817,8 +1849,8 @@ function R(e, t, s = {}) {
       return null;
   }
 }
-function _e() {
-  const { t: e } = M();
+function Ve() {
+  const { t: e } = T();
   return I(
     () => ({
       1: e("booking.insurance.heading"),
@@ -1832,29 +1864,29 @@ function _e() {
     [e]
   );
 }
-function Ca(e) {
-  const { cascade: t, value: s, activeStep: n, setActiveStep: i } = e, o = _e(), l = I(
+function Oa(e) {
+  const { cascade: t, value: s, activeStep: n, setActiveStep: i } = e, o = Ve(), l = I(
     () => t.visibleSteps.map((d) => ({
       label: o[d],
-      summary: at(d, s, t),
-      status: pe(d, s) && d < t.currentStep ? "completed" : void 0,
-      content: R(d, e, { compactService: !0 })
+      summary: lt(d, s, t),
+      status: ve(d, s) && d < t.currentStep ? "completed" : void 0,
+      content: K(d, e, { compactService: !0 })
     })),
     [t, s, o, e]
   ), c = Math.max(0, t.visibleSteps.indexOf(n));
   return /* @__PURE__ */ a(
-    ft,
+    St,
     {
       activeStep: c,
       steps: l,
       onStepChange: (d) => {
-        const h = t.visibleSteps[d];
-        h && i(h);
+        const p = t.visibleSteps[d];
+        p && i(p);
       }
     }
   );
 }
-function pe(e, t) {
+function ve(e, t) {
   switch (e) {
     case 1:
       return t.insuranceType !== void 0;
@@ -1872,9 +1904,9 @@ function pe(e, t) {
       return !1;
   }
 }
-function at(e, t, s) {
+function lt(e, t, s) {
   var n;
-  if (pe(e, t))
+  if (ve(e, t))
     switch (e) {
       case 1:
         return t.insuranceType;
@@ -1891,7 +1923,7 @@ function at(e, t, s) {
         return i == null ? void 0 : i.label;
       }
       case 4: {
-        const i = De(t);
+        const i = Ee(t);
         if (!i) return;
         const o = s.filtered.operators.find((l) => l.id === i);
         return o == null ? void 0 : o.name;
@@ -1904,23 +1936,23 @@ function at(e, t, s) {
         return;
     }
 }
-function Ma(e) {
-  const { cascade: t, value: s, setActiveStep: n } = e, { t: i } = M(), o = _e(), l = t.visibleSteps.filter(
+function Ea(e) {
+  const { cascade: t, value: s, setActiveStep: n } = e, { t: i } = T(), o = Ve(), l = t.visibleSteps.filter(
     (d) => d === 1 || d === 2 || d === 3 || d === 4
   ), c = l.some(
-    (d) => !pe(d, s)
+    (d) => !ve(d, s)
   );
-  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    c ? l.filter((d) => !pe(d, s)).slice(0, 1).map((d) => /* @__PURE__ */ a("div", { children: R(d, e, { compactService: !0 }) }, `csf-${d}`)) : /* @__PURE__ */ a(
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    c ? l.filter((d) => !ve(d, s)).slice(0, 1).map((d) => /* @__PURE__ */ a("div", { children: K(d, e, { compactService: !0 }) }, `csf-${d}`)) : /* @__PURE__ */ a(
       "div",
       {
         role: "group",
         "aria-label": i("booking.regionLabel"),
         className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
         children: l.map((d) => {
-          const h = at(d, s, t);
-          return h ? /* @__PURE__ */ g(
-            oe,
+          const p = lt(d, s, t);
+          return p ? /* @__PURE__ */ f(
+            se,
             {
               intent: "tonal",
               size: "sm",
@@ -1928,7 +1960,7 @@ function Ma(e) {
               children: [
                 o[d],
                 ": ",
-                h
+                p
               ]
             },
             `csc-${d}`
@@ -1936,59 +1968,59 @@ function Ma(e) {
         })
       }
     ),
-    !c && t.gates.date ? /* @__PURE__ */ g("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
-      /* @__PURE__ */ a("div", { className: "ds:min-w-0", children: R(5, e) }),
-      /* @__PURE__ */ a("div", { className: "ds:min-w-0", children: s.date ? R(6, e) : null })
+    !c && t.gates.date ? /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+      /* @__PURE__ */ a("div", { className: "ds:min-w-0", children: K(5, e) }),
+      /* @__PURE__ */ a("div", { className: "ds:min-w-0", children: s.date ? K(6, e) : null })
     ] }) : null,
-    t.gates.details ? /* @__PURE__ */ a("div", { children: R(7, e) }) : null
+    t.gates.details ? /* @__PURE__ */ a("div", { children: K(7, e) }) : null
   ] });
 }
-function Da(e) {
+function Pa(e) {
   const { cascade: t } = e, s = t.visibleSteps.filter(
     (n) => n === 1 || n === 2 || n === 3 || n === 4
   );
-  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ g("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
-      /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: s.map((n) => /* @__PURE__ */ a("div", { children: R(n, e, { compactService: !0 }) }, `fbf-${n}`)) }),
-      /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-        t.gates.date ? R(5, e) : null,
-        t.gates.slot && e.value.date ? R(6, e) : null
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+      /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: s.map((n) => /* @__PURE__ */ a("div", { children: K(n, e, { compactService: !0 }) }, `fbf-${n}`)) }),
+      /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+        t.gates.date ? K(5, e) : null,
+        t.gates.slot && e.value.date ? K(6, e) : null
       ] })
     ] }),
-    t.gates.details ? R(7, e) : null
+    t.gates.details ? K(7, e) : null
   ] });
 }
-function Ta(e) {
-  const { cascade: t, value: s, activeStep: n, setActiveStep: i } = e, { t: o } = M(), l = _e(), c = t.visibleSteps, d = Math.max(0, c.indexOf(n)), h = c.length, u = I(
-    () => c.map((f) => ({ label: l[f] })),
+function Va(e) {
+  const { cascade: t, value: s, activeStep: n, setActiveStep: i } = e, { t: o } = T(), l = Ve(), c = t.visibleSteps, d = Math.max(0, c.indexOf(n)), p = c.length, g = I(
+    () => c.map((h) => ({ label: l[h] })),
     [c, l]
-  ), p = d > 0, y = d < h - 1 && pe(n, s);
-  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ a(ht, { activeStep: d, steps: u }),
-    /* @__PURE__ */ a("div", { children: R(n, e, { compactService: !0 }) }),
-    /* @__PURE__ */ g("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+  ), u = d > 0, k = d < p - 1 && ve(n, s);
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ a(Nt, { activeStep: d, steps: g }),
+    /* @__PURE__ */ a("div", { children: K(n, e, { compactService: !0 }) }),
+    /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ a(
-        oe,
+        se,
         {
           intent: "ghost",
           size: "md",
-          disabled: !p,
+          disabled: !u,
           onClick: () => {
-            const f = c[d - 1];
-            f && i(f);
+            const h = c[d - 1];
+            h && i(h);
           },
           children: o("booking.actions.back")
         }
       ),
       n < 7 ? /* @__PURE__ */ a(
-        oe,
+        se,
         {
           intent: "primary",
           size: "md",
-          disabled: !y,
+          disabled: !k,
           onClick: () => {
-            const f = c[d + 1];
-            f && i(f);
+            const h = c[d + 1];
+            h && i(h);
           },
           children: o("booking.actions.next")
         }
@@ -1996,7 +2028,7 @@ function Ta(e) {
     ] })
   ] });
 }
-const _a = [], Aa = [], Ba = Ve(
+const La = [], Fa = [], Ra = qe(
   ({
     variant: e = "inline-list",
     country: t,
@@ -2007,60 +2039,65 @@ const _a = [], Aa = [], Ba = Ve(
     specialties: l,
     services: c,
     operators: d,
-    availableDates: h,
-    availableSlots: u,
-    nextAvailableDate: p,
-    requireCodiceFiscale: y,
-    requireDateOfBirth: f,
+    availableDates: p,
+    availableSlots: g,
+    nextAvailableDate: u,
+    requireCodiceFiscale: k,
+    requireDateOfBirth: h,
     requireInsuranceNumber: x,
-    showNote: k,
-    showReturningPatientFlag: _,
-    privacyPolicyUrl: Y,
+    showNote: y,
+    showReturningPatientFlag: C,
+    privacyPolicyUrl: A,
     termsUrl: S,
-    validateCodiceFiscale: r,
-    validateInsuranceNumber: b,
-    confirmationChannels: D,
-    defaultConfirmationChannels: C,
-    value: v,
+    validateCodiceFiscale: v,
+    validateInsuranceNumber: r,
+    confirmationChannels: E,
+    defaultConfirmationChannels: M,
+    value: b,
     onChange: N,
-    onSubmit: E,
-    loadingSlots: Z,
+    onSubmit: R,
+    onStepChange: B,
+    loadingSlots: J,
     submitting: P,
-    emptyServicesSlot: V,
-    onboardingIncompleteSlot: F,
-    "aria-label": T,
-    id: K,
-    className: j,
-    ...ge
-  }, te) => {
-    const { t: re, i18n: J } = M(), A = e ?? "inline-list", q = J.language ?? "en", H = l ?? _a, G = d ?? Aa;
-    se(() => {
-      const L = da(v, {
+    submitError: z,
+    mode: G = "live",
+    showModifyOnSuccess: D = !0,
+    surface: ne = "flat",
+    emptyServicesSlot: j,
+    onboardingIncompleteSlot: oe,
+    "aria-label": ie,
+    id: re,
+    className: X,
+    ...de
+  }, le) => {
+    const { t: ce, i18n: Ce } = T(), V = e ?? "inline-list", W = Ce.language ?? "en", $ = l ?? La, q = d ?? Fa;
+    Q(() => {
+      const L = fa(b, {
         useSpecialties: s,
         lockedOperatorId: i,
         autoSelectSingleService: o,
-        specialties: H,
+        specialties: $,
         services: c
       });
-      (L.specialtyId !== v.specialtyId || L.operatorId !== v.operatorId || L.serviceId !== v.serviceId) && N(L);
+      (L.specialtyId !== b.specialtyId || L.operatorId !== b.operatorId || L.serviceId !== b.serviceId) && N(L);
     }, [
       i,
       s,
       o,
-      H,
+      $,
       c
     ]);
-    const B = I(
-      () => ra({
+    const _ = I(
+      () => ga({
         country: t,
         useSpecialties: s,
         allowOperatorSelection: n,
         lockedOperatorId: i,
-        specialties: H,
+        specialties: $,
         services: c,
-        operators: G,
-        availableSlots: u,
-        value: v
+        operators: q,
+        availableSlots: g,
+        value: b
       }),
       [
         t,
@@ -2068,159 +2105,196 @@ const _a = [], Aa = [], Ba = Ve(
         n,
         i,
         o,
-        H,
+        $,
         c,
-        G,
-        h,
-        u,
-        v
+        q,
+        p,
+        g,
+        b
       ]
-    ), [de, ae] = z(
-      B.currentStep
-    ), le = ne(B.currentStep);
-    se(() => {
-      B.currentStep > le.current && ae(B.currentStep), le.current = B.currentStep;
-    }, [B.currentStep]);
-    const [X, W] = z("idle"), [m, w] = z(null), ce = ee(
+    ), [me, m] = H(
+      _.currentStep
+    ), w = te(_.currentStep);
+    Q(() => {
+      _.currentStep > w.current && m(_.currentStep), w.current = _.currentStep;
+    }, [_.currentStep]);
+    const [U, ue] = H("idle"), [Me, De] = H(null), Le = ae(
       async (L) => {
-        if (!B.selectedSlot) return;
-        const Ie = {
-          slot: B.selectedSlot,
+        if (!_.selectedSlot) return;
+        const _e = {
+          slot: _.selectedSlot,
           value: {
-            ...v,
+            ...b,
             details: L,
-            operatorId: De(v) ?? v.operatorId
+            operatorId: Ee(b) ?? b.operatorId
           },
           details: L
         };
-        W("submitting");
+        ue("submitting");
         try {
-          await E(Ie), w({
-            slot: B.selectedSlot,
+          await R(_e), De({
+            slot: _.selectedSlot,
             details: L,
-            insuranceType: v.insuranceType,
-            operatorId: De(v),
-            date: v.date
-          }), W("success");
+            specialtyId: b.specialtyId,
+            serviceId: b.serviceId,
+            insuranceType: b.insuranceType,
+            operatorId: Ee(b),
+            date: b.date
+          }), ue("success");
         } catch {
-          throw W("error"), new Error("Booking submission failed");
+          throw ue("error"), new Error("Booking submission failed");
         }
       },
-      [B.selectedSlot, E, v]
-    ), Ae = ne(null);
-    ot(te, () => Ae.current, []);
-    const Ne = I(
+      [_.selectedSlot, R, b]
+    ), pe = te(null);
+    pt(le, () => pe.current, []);
+    const ge = U === "success" ? 8 : _.currentStep, Fe = te(null);
+    Q(() => {
+      if (ge !== Fe.current && (Fe.current = ge, B == null || B(ge), ge === 8 && pe.current))
+        try {
+          pe.current.scrollIntoView({
+            behavior: "smooth",
+            block: "start"
+          });
+        } catch {
+          pe.current.scrollIntoView();
+        }
+    }, [ge, B]);
+    const Te = I(
       () => ({
-        getVariant: () => A,
+        getVariant: () => V,
         reset: () => {
-          N({}), w(null), W("idle"), ae(1);
+          N({}), De(null), ue("idle"), m(1);
         },
         goToStep: (L) => {
-          ae(L);
+          m(L);
         }
       }),
-      [A, N]
+      [V, N]
     );
-    dt(ea, Ne, K);
-    const st = T ?? re("booking.regionLabel"), nt = I(() => X !== "success" || !m ? null : /* @__PURE__ */ a(
-      Ia,
+    ft(ra, Te, re);
+    const ct = ie ?? ce("booking.regionLabel"), mt = I(() => U !== "success" || !Me ? null : /* @__PURE__ */ a(
+      Aa,
       {
-        snapshot: m,
-        operators: G,
-        locale: q,
-        onReset: () => Ne.reset()
+        snapshot: Me,
+        operators: q,
+        specialties: $,
+        services: c,
+        locale: W,
+        mode: G,
+        showModify: D,
+        onReset: () => Te.reset(),
+        onModify: () => {
+          De(null), ue("idle"), m(7);
+        }
       }
-    ), [X, m, G, q, Ne]), it = I(() => {
-      if (X === "success") return null;
-      const L = A === "accordion" ? Ca : A === "calendar" ? Ma : A === "flexible" ? Da : A === "progress" ? Ta : wa, Ie = {
-        cascade: B,
+    ), [
+      U,
+      Me,
+      q,
+      $,
+      c,
+      W,
+      G,
+      D,
+      Te
+    ]), ut = I(() => {
+      if (U === "success") return null;
+      const L = V === "accordion" ? Oa : V === "calendar" ? Ea : V === "flexible" ? Pa : V === "progress" ? Va : Ba, _e = {
+        cascade: _,
         inputs: {
-          specialties: H,
+          specialties: $,
           services: c,
-          operators: G,
-          availableDates: h,
-          availableSlots: u,
-          nextAvailableDate: p
+          operators: q,
+          availableDates: p,
+          availableSlots: g,
+          nextAvailableDate: u
         },
-        value: v,
+        value: b,
         onChange: N,
-        onSubmit: ce,
+        onSubmit: Le,
         policy: { country: t, lockedOperatorId: i },
         detailsProps: {
-          requireCodiceFiscale: y,
-          requireDateOfBirth: f,
+          requireCodiceFiscale: k,
+          requireDateOfBirth: h,
           requireInsuranceNumber: x,
-          insuranceType: v.insuranceType,
-          showNote: k,
-          showReturningPatientFlag: _,
-          privacyPolicyUrl: Y,
+          insuranceType: b.insuranceType,
+          showNote: y,
+          showReturningPatientFlag: C,
+          privacyPolicyUrl: A,
           termsUrl: S,
-          validateCodiceFiscale: r,
-          validateInsuranceNumber: b,
-          confirmationChannels: D,
-          defaultConfirmationChannels: C
+          validateCodiceFiscale: v,
+          validateInsuranceNumber: r,
+          confirmationChannels: E,
+          defaultConfirmationChannels: M,
+          submitError: z
         },
-        emptyServicesSlot: V,
-        onboardingIncompleteSlot: F,
-        loadingSlots: Z,
+        emptyServicesSlot: j,
+        onboardingIncompleteSlot: oe,
+        loadingSlots: J,
         submitting: P,
-        locale: q,
-        activeStep: de,
-        setActiveStep: ae
+        locale: W,
+        activeStep: me,
+        setActiveStep: m
       };
-      return /* @__PURE__ */ a(L, { ...Ie });
+      return /* @__PURE__ */ a(L, { ..._e });
     }, [
-      X,
-      A,
-      B,
-      H,
+      U,
+      V,
+      _,
+      $,
       c,
-      G,
-      h,
-      u,
+      q,
       p,
-      v,
+      g,
+      u,
+      b,
       N,
-      ce,
+      Le,
       t,
       i,
-      y,
-      f,
-      x,
       k,
-      _,
-      Y,
+      h,
+      x,
+      z,
+      y,
+      C,
+      A,
       S,
+      v,
       r,
-      b,
-      D,
-      C,
-      V,
-      F,
-      Z,
+      E,
+      M,
+      j,
+      oe,
+      J,
       P,
-      q,
-      de
+      W,
+      me
     ]);
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ f(
       "div",
       {
-        ref: Ae,
+        ref: pe,
         role: "region",
-        "aria-label": st,
-        id: K,
+        "aria-label": ct,
+        id: re,
         "data-component": "booking",
-        "data-component-id": K,
-        "data-variant": A,
-        className: pa({ variant: A, className: j }),
-        ...ge,
+        "data-component-id": re,
+        "data-variant": V,
+        className: ka({
+          variant: V,
+          surface: ne,
+          className: X
+        }),
+        ...de,
         children: [
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ f(
             "div",
             {
               className: [
                 "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-                A === "inline-list" ? [
+                V === "inline-list" ? [
                   "ds:rounded-[var(--radius-md)]",
                   "ds:bg-[color-mix(in_srgb,var(--primary)_35%,var(--background))]",
                   "ds:bg-[image:var(--gradient-hero-brand)]",
@@ -2229,22 +2303,22 @@ const _a = [], Aa = [], Ba = Ve(
                 ].join(" ") : ""
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ a("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: re("booking.regionLabel") }),
-                /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: re("booking.headingSubtitle") })
+                /* @__PURE__ */ a("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: ce("booking.regionLabel") }),
+                /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: ce("booking.headingSubtitle") })
               ]
             }
           ),
-          nt ?? it
+          mt ?? ut
         ]
       }
     );
   }
 );
-Ba.displayName = "Booking";
+Ra.displayName = "Booking";
 export {
-  Ba as B,
-  Me as C,
-  ue as O,
-  ea as b
+  Ra as B,
+  Oe as C,
+  he as O,
+  ra as b
 };
-//# sourceMappingURL=booking-BYuc_8HV.js.map
+//# sourceMappingURL=booking-CBaSujVP.js.map