@alfadocs/ui-kit 0.30.1 → 0.30.2

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

@@ -1,43 +1,43 @@
 import { jsxs as f, jsx as a, Fragment as Z } from "react/jsx-runtime";
-import { forwardRef as ze, useId as $e, useState as q, useCallback as te, useRef as de, useEffect as re, useMemo as w, useImperativeHandle as lt } from "react";
-import { c as xe } from "./index-D2ZczOXr.js";
-import { useTranslation as T, Trans as ct } from "react-i18next";
-import { u as mt } from "./registry-C9nwlNyL.js";
+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 ae } from "./button-DD_0Xdmr.js";
-import { C as Me } from "./checkbox-mwbrPZDY.js";
-import { C as ut } from "./checkbox-group-Bwmt1ovQ.js";
-import { D as pt } from "./date-picker-D0Ry1dMz.js";
-import { E as gt } from "./email-input-DvJ_kPKL.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 ft } from "./phone-input-DKSHX7NQ.js";
-import { T as ht } from "./text-area-D5GAe8pV.js";
-import { T as fe } from "./text-input-CakysYnD.js";
-import { S as vt } from "./spinner-CCByyvcb.js";
-import { I as Pe } 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 Ke } from "./empty-state-BLy7tigq.js";
-import { S as bt } from "./stepper-accordion-BfS6lUB9.js";
-import { S as yt } from "./stepper-progress-jFY8BSf7.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 je, f as ue, d as kt, h as be, q as he } from "./react-day-picker-D3yzgvDB.js";
-import { C as xt } from "./chevron-left-CX1jqD2M.js";
-import { C as St } from "./chevron-right-BrpYejk0.js";
-import { i as Le } from "./isSameDay-DHG8Xade.js";
-import { c as B } from "./createLucideIcon-CrFbzy84.js";
-import { M as Nt, S as It } from "./sun-BuXE0xUS.js";
-import { S as wt } from "./stethoscope-DT5qCW8Y.js";
-import { H as Ct } from "./heart-pulse-CvuyFKHB.js";
-import { E as Mt } from "./eye-LHlSU38h.js";
-import { S as Dt } from "./sparkles-CuYXqQLg.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 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 Tt = [
+const Ot = [
   [
     "path",
     {
@@ -45,14 +45,14 @@ const Tt = [
       key: "169zse"
     }
   ]
-], _t = B("activity", Tt);
+], 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 At = [
+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 At = [
     }
   ],
   ["path", { d: "M9 12h.01", key: "157uk2" }]
-], Bt = B("baby", At);
+], 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 Ot = [
+const Lt = [
   [
     "path",
     {
@@ -78,14 +78,14 @@ const Ot = [
       key: "w610uw"
     }
   ]
-], Et = B("bone", Ot);
+], 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 Pt = [
+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 Pt = [
   ["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" }]
-], Lt = B("brain", Pt);
+], 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 Vt = [
+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 Vt = [
   ["path", { d: "M13 18H7", key: "bb0bb7" }],
   ["path", { d: "M7 14h.01", key: "1qa3f1" }],
   ["path", { d: "M17 18h.01", key: "1bdyru" }]
-], Ft = B("calendar-range", Vt);
+], 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 Rt = [
+const jt = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -127,89 +127,89 @@ const Rt = [
     }
   ],
   ["path", { d: "m9 14 2 2 4-4", key: "df797q" }]
-], zt = B("clipboard-check", Rt);
+], 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 $t = [
+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" }]
-], Kt = B("ear", $t);
+], 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 jt = [
+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" }]
-], qt = B("microscope", jt);
+], 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 Ht = [
+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" }]
-], Gt = B("pill", Ht);
+], 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 Ut = [
+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" }]
-], Yt = B("scan-line", Ut);
+], 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 Zt = [
+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" }]
-], Jt = B("scissors", Zt);
+], 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 Xt = [
+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" }]
-], Wt = B("smile", Xt);
+], 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 Qt = [
+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 Qt = [
   ["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" }]
-], ea = B("sunset", Qt);
+], 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 ta = [
+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" }]
-], Ve = B("syringe", ta);
-function aa(e, t, s) {
-  return je(e, -1, s);
+], $e = O("syringe", ia);
+function oa(e, t, s) {
+  return Ue(e, -1, s);
 }
-const sa = {
+const ra = {
   id: "booking",
   capabilities: ["navigate", "view_change"],
   state: {
@@ -278,12 +278,12 @@ const sa = {
       description: "Sourced from the id prop."
     }
   }
-}, Te = [
+}, Oe = [
   "email",
   "whatsapp",
   "sms"
-], pe = "all", na = "de";
-function ia(e) {
+], he = "all", da = "de";
+function la(e) {
   return [...e.lockedOperatorId ? e.specialties.filter(
     (s) => {
       var n;
@@ -294,7 +294,7 @@ function ia(e) {
     return i - o;
   });
 }
-function oa(e) {
+function ca(e) {
   let t = e.services;
   return e.lockedOperatorId && (t = t.filter(
     (s) => {
@@ -303,7 +303,7 @@ function oa(e) {
     }
   )), e.useSpecialties && e.value.specialtyId && (t = t.filter((s) => s.specialtyId === e.value.specialtyId)), t;
 }
-function ra(e) {
+function ma(e) {
   if (e.useSpecialties && e.value.specialtyId) {
     const t = e.value.specialtyId;
     return e.operators.filter(
@@ -324,8 +324,8 @@ function ra(e) {
   }
   return [];
 }
-function da(e, t) {
-  const s = e.country === na, 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;
+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,
@@ -337,7 +337,7 @@ function da(e, t) {
     onboardingIncomplete: y
   };
 }
-function la(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,12 +355,12 @@ function la(e, t) {
     visibleSteps: s
   };
 }
-function ca(e) {
+function ga(e) {
   const t = {
-    specialties: ia(e),
-    services: oa(e),
-    operators: ra(e)
-  }, s = da(e, t), { currentStep: n, visibleSteps: i } = la(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];
@@ -378,7 +378,7 @@ function ca(e) {
     selectedSlot: o
   };
 }
-function qe(e, t) {
+function Ye(e, t) {
   return {
     ...e,
     insuranceType: t,
@@ -390,7 +390,7 @@ function qe(e, t) {
     details: void 0
   };
 }
-function He(e, t) {
+function Ze(e, t) {
   return {
     ...e,
     specialtyId: t,
@@ -401,20 +401,20 @@ function He(e, t) {
     details: void 0
   };
 }
-function Ge(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 ? pe : void 0,
+    operatorId: t ? he : void 0,
     date: void 0,
     slotKey: void 0,
     details: void 0
   };
 }
-function Ue(e, t) {
+function Xe(e, t) {
   return {
     ...e,
     operatorId: t,
@@ -423,7 +423,7 @@ function Ue(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 Ye(e, t) {
+function We(e, t) {
   return {
     ...e,
     slotKey: t
   };
 }
-function ma(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: pe }));
+    n.length === 1 && s.serviceId === void 0 && (s = { ...s, serviceId: n[0].id }, s.operatorId === void 0 && (s = { ...s, operatorId: he }));
   }
   return s;
 }
-function _e(e) {
-  if (e.operatorId && e.operatorId !== pe)
+function Ee(e) {
+  if (e.operatorId && e.operatorId !== he)
     return e.operatorId;
 }
-function ua(e) {
+function ha(e) {
   if (!e) return !1;
   const t = e.trim();
   return /^\+?\d[\d\s\-()]{6,}$/.test(t);
 }
-function Ze(e) {
+function Qe(e) {
   const t = e && e.length > 0 ? e : ["email"], s = new Set(t);
-  return Te.filter((n) => s.has(n));
+  return Oe.filter((n) => s.has(n));
 }
-function pa(e, t, s) {
-  const n = Ze(e), i = new Set(n);
+function va(e, t, s) {
+  const n = Qe(e), i = new Set(n);
   if (s)
-    return Te.filter(
+    return Oe.filter(
       (p) => s.includes(p) && i.has(p)
     );
   const o = [];
   i.has("email") && o.push("email");
-  const l = ua(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 Te.filter((p) => d.has(p));
+  return Oe.filter((p) => d.has(p));
 }
-const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 300, ve = { state: "idle" }, Ae = ze(
+const Ke = 500, ba = /^[A-Z0-9]{16}$/, ya = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, je = 300, ke = { state: "idle" }, Pe = qe(
   ({
     value: e,
     onChange: t,
@@ -491,61 +491,61 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
     summarySlot: x,
     defaultPhoneCountry: y,
     confirmationChannels: C,
-    defaultConfirmationChannels: _,
+    defaultConfirmationChannels: A,
     submitError: S
   }, v) => {
-    var U, me;
-    const { t: r } = T(), O = $e(), [M, b] = q(ve), [N, R] = q(ve), [E, J] = q({}), P = te(
-      (m) => J((I) => ({ ...I, [m]: !0 })),
+    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 })),
       []
-    ), z = de(null), H = de(
+    ), z = te(null), G = te(
       null
     );
-    re(
+    Q(
       () => () => {
-        z.current && clearTimeout(z.current), H.current && clearTimeout(H.current);
+        z.current && clearTimeout(z.current), G.current && clearTimeout(G.current);
       },
       []
     );
-    const D = te(
+    const D = ae(
       (m) => t({ ...e, ...m }),
       [e, t]
-    ), X = w(
-      () => Ze(C),
+    ), ne = I(
+      () => Qe(C),
       [C]
-    ), G = X.length >= 2, se = de(!1);
-    re(() => {
-      if (!G) {
+    ), j = ne.length >= 2, oe = te(!1);
+    Q(() => {
+      if (!j) {
         e.confirmationChannels !== void 0 && D({ confirmationChannels: void 0 });
         return;
       }
       if (e.confirmationChannels !== void 0) {
-        se.current = !0;
+        oe.current = !0;
         return;
       }
-      const m = pa(
-        X,
+      const m = va(
+        ne,
         e.mobilePhone,
-        _
+        A
       );
-      se.current = !0, D({ confirmationChannels: m });
+      oe.current = !0, D({ confirmationChannels: m });
     }, [
-      G,
-      X,
+      j,
+      ne,
       e.mobilePhone,
-      _
+      A
     ]);
-    const ne = w(
+    const ie = I(
       () => e.confirmationChannels ?? [],
       [e.confirmationChannels]
-    ), Ne = G && ne.length === 0;
-    re(() => {
+    ), re = j && ie.length === 0;
+    Q(() => {
       const m = e.codiceFiscale;
       if (!n || !u || !m) {
-        b(ve);
+        b(ke);
         return;
       }
-      if (!ga.test(m)) {
+      if (!ba.test(m)) {
         b({
           state: "invalid",
           hint: r("booking.details.codiceFiscale.invalidFormat")
@@ -554,8 +554,8 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
       }
       b({ state: "pending" }), z.current && clearTimeout(z.current), z.current = setTimeout(() => {
         u(m).then(
-          (I) => b(
-            I.valid ? { state: "valid" } : { state: "invalid", hint: I.hint }
+          (w) => b(
+            w.valid ? { state: "valid" } : { state: "invalid", hint: w.hint }
           )
         ).catch(
           () => b({
@@ -563,19 +563,19 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
             hint: r("booking.details.codiceFiscale.unavailable")
           })
         );
-      }, Re);
+      }, je);
     }, [n, u, e.codiceFiscale, r]);
-    const W = o && l === "public";
-    re(() => {
+    const X = o && l === "public";
+    Q(() => {
       const m = e.insuranceNumber;
-      if (!W || !k || !m) {
-        R(ve);
+      if (!X || !k || !m) {
+        R(ke);
         return;
       }
-      R({ state: "pending" }), H.current && clearTimeout(H.current), H.current = setTimeout(() => {
+      R({ state: "pending" }), G.current && clearTimeout(G.current), G.current = setTimeout(() => {
         k(m).then(
-          (I) => R(
-            I.valid ? { state: "valid" } : { state: "invalid", hint: I.hint }
+          (w) => R(
+            w.valid ? { state: "valid" } : { state: "invalid", hint: w.hint }
           )
         ).catch(
           () => R({
@@ -583,29 +583,29 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
             hint: r("booking.details.insuranceNumber.unavailable")
           })
         );
-      }, Re);
-    }, [W, k, e.insuranceNumber, r]);
-    const Q = w(
-      () => !!(e.email && fa.test(e.email)),
+      }, je);
+    }, [X, k, e.insuranceNumber, r]);
+    const de = I(
+      () => !!(e.email && ya.test(e.email)),
       [e.email]
-    ), le = w(
+    ), le = I(
       () => !!(e.mobilePhone && e.mobilePhone.length >= 6),
       [e.mobilePhone]
-    ), L = w(() => {
-      var m, I;
-      return !(!((m = e.firstName) != null && m.trim()) || !((I = e.lastName) != null && I.trim()) || !Q || !le || n && M.state !== "valid" || i && !e.dateOfBirth || W && N.state !== "valid");
+    ), ce = I(() => {
+      var m, w;
+      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,
-      Q,
+      de,
       le,
       n,
       M.state,
       i,
       e.dateOfBirth,
-      W,
+      X,
       N.state
-    ]), ie = !!(e.privacyConsent && e.termsConsent), $ = !G || ne.length > 0, j = L && ie && $ && !h, A = (m) => {
+    ]), Ce = !!(e.privacyConsent && e.termsConsent), V = !j || ie.length > 0, W = ce && Ce && V && !h, $ = (m) => {
       if (m.preventDefault(), J({
         firstName: !0,
         lastName: !0,
@@ -614,8 +614,8 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
         codiceFiscale: !0,
         dateOfBirth: !0,
         insuranceNumber: !0
-      }), !j) return;
-      const I = {
+      }), !W) return;
+      const w = {
         firstName: e.firstName.trim(),
         lastName: e.lastName.trim(),
         email: e.email.trim(),
@@ -630,13 +630,13 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
         // Only include when the picker was visible; otherwise the single
         // implicit channel is inferred backend-side from the practice
         // config.
-        confirmationChannels: G ? ne : void 0
+        confirmationChannels: j ? ie : void 0
       };
-      s(I);
-    }, ce = (m, I) => {
-      const oe = I && /^https?:\/\//i.test(I) ? I : void 0;
-      return oe ? /* @__PURE__ */ a(
-        ct,
+      s(w);
+    }, q = (m, w) => {
+      const U = w && /^https?:\/\//i.test(w) ? w : void 0;
+      return U ? /* @__PURE__ */ a(
+        gt,
         {
           i18nKey: m,
           components: {
@@ -650,7 +650,7 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
               /* @__PURE__ */ a(
                 "a",
                 {
-                  href: oe,
+                  href: U,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   className: "ds:underline ds:text-[var(--primary)]"
@@ -665,9 +665,9 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
       "form",
       {
         ref: v,
-        id: O,
+        id: E,
         noValidate: !0,
-        onSubmit: A,
+        onSubmit: $,
         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
         children: [
           x,
@@ -677,9 +677,9 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
               {
                 label: r("booking.details.firstName.label"),
                 required: !0,
-                error: E.firstName && !((U = e.firstName) != null && U.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 ?? "",
@@ -694,9 +694,9 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
               {
                 label: r("booking.details.lastName.label"),
                 required: !0,
-                error: E.lastName && !((me = e.lastName) != null && me.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 ?? "",
@@ -713,9 +713,9 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
               {
                 label: r("booking.details.email.label"),
                 required: !0,
-                error: E.email && !Q ? r("booking.details.email.invalid") : void 0,
+                error: B.email && !de ? r("booking.details.email.invalid") : void 0,
                 children: /* @__PURE__ */ a(
-                  gt,
+                  bt,
                   {
                     value: e.email ?? "",
                     onChange: (m) => D({ email: m.target.value }),
@@ -729,9 +729,9 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
               {
                 label: r("booking.details.mobilePhone.label"),
                 required: !0,
-                error: E.mobilePhone && !le ? r("booking.details.mobilePhone.invalid") : void 0,
+                error: B.mobilePhone && !le ? r("booking.details.mobilePhone.invalid") : void 0,
                 children: /* @__PURE__ */ a(
-                  ft,
+                  yt,
                   {
                     value: e.mobilePhone ?? "",
                     defaultCountry: y == null ? void 0 : y.toUpperCase(),
@@ -750,9 +750,9 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
                 label: r("booking.details.codiceFiscale.label"),
                 required: !0,
                 description: M.state === "pending" ? r("booking.details.codiceFiscale.checking") : r("booking.details.codiceFiscale.helper"),
-                error: E.codiceFiscale && M.state === "invalid" ? M.hint ?? r("booking.details.codiceFiscale.invalid") : void 0,
+                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,
@@ -769,9 +769,9 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
               {
                 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(
-                  pt,
+                  vt,
                   {
                     value: e.dateOfBirth ? new Date(e.dateOfBirth) : void 0,
                     onChange: (m) => {
@@ -784,15 +784,15 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
               }
             ) : null
           ] }) : null,
-          W ? /* @__PURE__ */ a(
+          X ? /* @__PURE__ */ a(
             Y,
             {
               label: r("booking.details.insuranceNumber.label"),
               required: !0,
               description: N.state === "pending" ? r("booking.details.insuranceNumber.checking") : void 0,
-              error: E.insuranceNumber && N.state === "invalid" ? N.hint ?? r("booking.details.insuranceNumber.invalid") : 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) => D({ insuranceNumber: m.target.value }),
@@ -806,13 +806,13 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
             {
               label: r("booking.details.note.label"),
               description: r("booking.details.note.helper", {
-                max: Fe
+                max: Ke
               }),
               children: /* @__PURE__ */ a(
-                ht,
+                kt,
                 {
                   value: e.note ?? "",
-                  maxLength: Fe,
+                  maxLength: Ke,
                   rows: 3,
                   onChange: (m) => D({ note: m.target.value })
                 }
@@ -820,7 +820,7 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
             }
           ) : null,
           d ? /* @__PURE__ */ a(
-            Me,
+            Ae,
             {
               checked: !!e.returningPatient,
               onCheckedChange: (m) => D({ returningPatient: m === !0 }),
@@ -829,12 +829,12 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
           ) : null,
           /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ a(
-              Me,
+              Ae,
               {
                 checked: !!e.privacyConsent,
                 onCheckedChange: (m) => D({ privacyConsent: m === !0 }),
                 label: /* @__PURE__ */ f(Z, { children: [
-                  ce(
+                  q(
                     "booking.details.consent.privacy.label",
                     p
                   ),
@@ -850,12 +850,12 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
               }
             ),
             /* @__PURE__ */ a(
-              Me,
+              Ae,
               {
                 checked: !!e.termsConsent,
                 onCheckedChange: (m) => D({ termsConsent: m === !0 }),
                 label: /* @__PURE__ */ f(Z, { children: [
-                  ce(
+                  q(
                     "booking.details.consent.terms.label",
                     g
                   ),
@@ -871,39 +871,39 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
               }
             )
           ] }),
-          G ? /* @__PURE__ */ a(
+          j ? /* @__PURE__ */ a(
             "div",
             {
               "data-component": "booking-confirmation-channels",
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
               children: /* @__PURE__ */ a(
-                ut,
+                ht,
                 {
                   label: r("booking.confirmation.heading"),
                   helperText: r("booking.confirmation.helper"),
-                  value: ne,
+                  value: ie,
                   onChange: (m) => D({
                     confirmationChannels: m
                   }),
                   orientation: "vertical",
-                  options: X.map((m) => ({
+                  options: ne.map((m) => ({
                     value: m,
                     label: r(`booking.confirmation.channel.${m}`)
                   })),
-                  error: Ne ? r("booking.confirmation.atLeastOne") : void 0
+                  error: re ? r("booking.confirmation.atLeastOne") : void 0
                 }
               )
             }
           ) : null,
           S ? /* @__PURE__ */ a(F, { variant: "error", children: /* @__PURE__ */ a(F.Description, { children: S }) }) : null,
           /* @__PURE__ */ a(
-            ae,
+            se,
             {
               intent: "primary",
               size: "md",
               type: "submit",
-              disabled: !j,
-              startIcon: h ? /* @__PURE__ */ a(vt, { size: "sm" }) : void 0,
+              disabled: !W,
+              startIcon: h ? /* @__PURE__ */ a(xt, { size: "sm" }) : void 0,
               children: r("booking.details.submit")
             }
           )
@@ -912,8 +912,8 @@ const Fe = 500, ga = /^[A-Z0-9]{16}$/, fa = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Re = 3
     );
   }
 );
-Ae.displayName = "BookingDetailsForm";
-const ha = xe(
+Pe.displayName = "BookingDetailsForm";
+const ka = Ie(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)]",
   {
     variants: {
@@ -923,44 +923,58 @@ const ha = 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" }
   }
-), va = [
+), xa = [
   [
     /\b(estetic|aesthetic|botox|filler|mesoterap|chirurgia\s*plastic)/i,
-    Ve
+    $e
   ],
-  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, Ct],
-  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, Wt],
-  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, Mt],
-  [/\b(otorin|udito|orecchi|hearing|ear)/i, Kt],
-  [/\b(neuro|brain|cervello)/i, Lt],
-  [/\b(pediatr|child|bambin)/i, Bt],
-  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, Et],
-  [/\b(lab|analis|test|sang|esami)/i, qt],
-  [/\b(farmaco|pharm|pillol|refill)/i, Gt],
-  [/\b(chirurg|surg|intervent|operat)/i, Jt],
-  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, Yt],
-  [/\b(vacc|inject|inie|punto)/i, Ve],
-  [/\b(derma|skin|pelle)/i, Dt],
-  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, zt],
-  [/\b(general|medicin|family|control|check[-\s]?up)/i, _t]
+  [/\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 ba(e) {
-  for (const [t, s] of va)
+function Sa(e) {
+  for (const [t, s] of xa)
     if (t.test(e)) return s;
   return null;
 }
-function ya(e) {
-  const t = ba(e.label) ?? wt;
+function Na(e) {
+  const t = Sa(e.label) ?? Tt;
   return /* @__PURE__ */ a(t, { "aria-hidden": "true", className: "ds:size-5" });
 }
-function De(e) {
-  return be(e, "yyyy-MM-dd");
+function Be(e) {
+  return xe(e, "yyyy-MM-dd");
 }
-const ka = [
+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)]",
@@ -970,7 +984,7 @@ const ka = [
   "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(" "), xa = xe(ka, {
+].join(" "), wa = Ie(Ia, {
   variants: {
     state: {
       available: "ds:cursor-pointer ds:text-[var(--foreground)] ds:hover:bg-[var(--muted)]/30",
@@ -981,20 +995,20 @@ const ka = [
   },
   defaultVariants: { state: "unavailable" }
 });
-function Je({
+function et({
   availableDates: e,
   selectedDate: t,
   onSelectDate: s,
   locale: n,
   loading: i
 }) {
-  const { t: o } = T(), l = w(() => t ? ue(ee(t)) : e.length > 0 ? ue(ee(e[0])) : ue(/* @__PURE__ */ new Date()), [t, e]), [c, d] = q(l), [p, g] = q(null), u = w(() => {
-    const S = ue(c), v = kt(c), r = S.getDay(), O = v.getDate(), M = [];
+  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() - b), M.push(N);
     }
-    for (let b = 0; b < O; b += 1) {
+    for (let b = 0; b < E; b += 1) {
       const N = new Date(S);
       N.setDate(S.getDate() + b), M.push(N);
     }
@@ -1003,37 +1017,37 @@ function Je({
       N.setDate(b.getDate() + 1), M.push(N);
     }
     return M;
-  }, [c]), k = w(() => {
+  }, [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]), h = w(() => {
+  }, [c, n]), h = I(() => {
     const S = new Date(2024, 0, 7);
     return Array.from({ length: 7 }, (v, r) => {
-      const O = new Date(S);
-      O.setDate(S.getDate() + r);
+      const E = new Date(S);
+      E.setDate(S.getDate() + r);
       try {
-        return new Intl.DateTimeFormat(n, { weekday: "short" }).format(O);
+        return new Intl.DateTimeFormat(n, { weekday: "short" }).format(E);
       } catch {
-        return be(O, "EEE");
+        return xe(E, "EEE");
       }
     });
-  }, [n]), x = w(() => new Set(e), [e]), y = te(
-    (S) => x.has(De(S)),
+  }, [n]), x = I(() => new Set(e), [e]), y = ae(
+    (S) => x.has(Be(S)),
     [x]
-  ), C = w(() => {
+  ), C = I(() => {
     if (p) return p;
     if (t) return ee(t);
     const S = u.find(
-      (v) => he(v, c) && y(v)
+      (v) => ye(v, c) && y(v)
     );
-    return S || (u.find((v) => he(v, c)) ?? null);
-  }, [p, t, u, c, y]), _ = te(
+    return S || (u.find((v) => ye(v, c)) ?? null);
+  }, [p, t, u, c, y]), A = ae(
     (S, v) => {
       let r = null;
       switch (S.key) {
@@ -1057,13 +1071,13 @@ function Je({
           break;
         case "Enter":
         case " ": {
-          S.preventDefault(), y(v) && s(De(v));
+          S.preventDefault(), y(v) && s(Be(v));
           return;
         }
         default:
           return;
       }
-      r && (S.preventDefault(), he(r, c) || d(ue(r)), g(r));
+      r && (S.preventDefault(), ye(r, c) || d(fe(r)), g(r));
     },
     [y, s, c]
   );
@@ -1075,22 +1089,22 @@ function Je({
       "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, v) => /* @__PURE__ */ a(ye, { variant: "rounded", height: "2.5rem" }, `mg-skel-${v}`)) })
+        /* @__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__ */ 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(
-        Pe,
+        Re,
         {
-          icon: /* @__PURE__ */ a(xt, {}),
+          icon: /* @__PURE__ */ a(wt, {}),
           "aria-label": o("booking.previousMonth"),
           size: "sm",
           intent: "ghost",
           flipIconInRtl: !0,
           onClick: () => {
-            d((S) => aa(S)), g(null);
+            d((S) => oa(S)), g(null);
           }
         }
       ),
@@ -1103,15 +1117,15 @@ function Je({
         }
       ),
       /* @__PURE__ */ a(
-        Pe,
+        Re,
         {
-          icon: /* @__PURE__ */ a(St, {}),
+          icon: /* @__PURE__ */ a(Ct, {}),
           "aria-label": o("booking.nextMonth"),
           size: "sm",
           intent: "ghost",
           flipIconInRtl: !0,
           onClick: () => {
-            d((S) => je(S, 1)), g(null);
+            d((S) => Ue(S, 1)), g(null);
           }
         }
       )
@@ -1144,14 +1158,14 @@ function Je({
             {
               role: "row",
               className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
-              children: u.slice(v * 7, v * 7 + 7).map((r, O) => {
-                const M = v * 7 + O, b = he(r, c), N = b && y(r), R = t ? Le(r, ee(t)) : !1, E = b ? R ? "selected" : N ? "available" : "unavailable" : "outside", J = C ? Le(C, r) : !1, P = (() => {
+              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(r);
                   } catch {
-                    return be(r, "PPP");
+                    return xe(r, "PPP");
                   }
                 })();
                 return /* @__PURE__ */ a(
@@ -1165,10 +1179,10 @@ function Je({
                     tabIndex: J ? 0 : -1,
                     disabled: !N,
                     onClick: () => {
-                      N && s(De(r));
+                      N && s(Be(r));
                     },
-                    onKeyDown: (z) => _(z, r),
-                    className: xa({ state: E }),
+                    onKeyDown: (z) => A(z, r),
+                    className: wa({ state: B }),
                     children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: r.getDate() })
                   },
                   `mg-cell-${M}`
@@ -1182,7 +1196,7 @@ function Je({
     )
   ] });
 }
-const Sa = 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)]",
@@ -1208,21 +1222,21 @@ const Sa = xe(
     defaultVariants: { state: "idle" }
   }
 );
-function Na({
+function Ma({
   services: e,
   selectedServiceId: t,
   onSelect: s
 }) {
-  const { t: n } = T(), i = $e(), [o, l] = q(() => {
+  const { t: n } = T(), i = He(), [o, l] = H(() => {
     if (t) {
       const g = e.findIndex((u) => u.id === t);
       if (g >= 0) return g;
     }
     return 0;
-  }), c = de(/* @__PURE__ */ new Map()), d = te((g) => {
+  }), c = te(/* @__PURE__ */ new Map()), d = ae((g) => {
     var u;
     (u = c.current.get(g)) == null || u.focus();
-  }, []), p = te(
+  }, []), p = ae(
     (g, u, k) => {
       const h = e.length;
       if (h !== 0)
@@ -1271,7 +1285,7 @@ function Na({
         const k = t === g.id, h = o === u, x = n("booking.serviceCardLabel", {
           label: g.label,
           duration: g.durationMin
-        }), y = ya(g);
+        }), y = Na(g);
         return /* @__PURE__ */ f(
           "button",
           {
@@ -1286,7 +1300,7 @@ function Na({
             onClick: () => s(g.id),
             onFocus: () => l(u),
             onKeyDown: (C) => p(C, u, g.id),
-            className: Sa({
+            className: Ca({
               state: k ? "selected" : "idle"
             }),
             children: [
@@ -1310,7 +1324,7 @@ function Na({
     }
   );
 }
-const Ia = 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)]",
@@ -1336,16 +1350,16 @@ const Ia = xe(
     defaultVariants: { state: "idle" }
   }
 );
-function wa(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 Ca = {
-  morning: It,
-  afternoon: ea,
-  evening: Nt
+const _a = {
+  morning: Dt,
+  afternoon: na,
+  evening: Mt
 };
-function Xe({
+function tt({
   date: e,
   slots: t,
   selectedSlotKey: s,
@@ -1353,7 +1367,7 @@ function Xe({
   loading: i,
   locale: o
 }) {
-  const { t: l } = T(), c = w(() => {
+  const { t: l } = T(), c = I(() => {
     try {
       return new Intl.DateTimeFormat(o, {
         weekday: "long",
@@ -1363,31 +1377,31 @@ function Xe({
     } catch {
       return e;
     }
-  }, [e, o]), d = w(() => {
+  }, [e, o]), d = I(() => {
     const u = {
       morning: [],
       afternoon: [],
       evening: []
     };
     for (const k of t)
-      u[wa(k.time)].push(k);
+      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(ye, { variant: "text", width: "60%" }),
+    /* @__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((k) => /* @__PURE__ */ a(ye, { variant: "rounded", height: "44px" }, k))
+        children: [0, 1, 2].map((k) => /* @__PURE__ */ a(Se, { variant: "rounded", height: "44px" }, k))
       },
       u
     ))
-  ] }) : p === 0 ? /* @__PURE__ */ a(Ke, { variant: "no-results", title: l("booking.noSlotsForDate") }) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", 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(
-          Ft,
+          Kt,
           {
             "aria-hidden": "true",
             className: "ds:size-4 ds:text-[color:var(--accent)]"
@@ -1400,7 +1414,7 @@ function Xe({
     g.map((u) => {
       const k = d[u];
       if (k.length === 0) return null;
-      const h = Ca[u];
+      const h = _a[u];
       return /* @__PURE__ */ f(
         "div",
         {
@@ -1429,7 +1443,7 @@ function Xe({
                         time: x.time
                       }),
                       onClick: () => x.available && n(x),
-                      className: Ia({ state: C }),
+                      className: Da({ state: C }),
                       children: x.time
                     },
                     x.key
@@ -1444,7 +1458,7 @@ function Xe({
     })
   ] });
 }
-function We({ value: e, onChange: t }) {
+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") }
@@ -1452,7 +1466,7 @@ function We({ value: e, onChange: t }) {
   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 ?? "",
@@ -1465,7 +1479,7 @@ function We({ value: e, onChange: t }) {
     )
   ] });
 }
-function Qe({ specialties: e, value: t, onChange: s }) {
+function st({ specialties: e, value: t, onChange: s }) {
   const { t: n } = T(), i = e.map((o) => ({
     value: o.id,
     label: o.label
@@ -1473,7 +1487,7 @@ function Qe({ specialties: e, value: t, onChange: s }) {
   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 ?? "",
@@ -1484,7 +1498,7 @@ function Qe({ specialties: e, value: t, onChange: s }) {
     )
   ] });
 }
-function et({ services: e, value: t, onChange: s, compact: n }) {
+function nt({ services: e, value: t, onChange: s, compact: n }) {
   const { t: i } = T();
   if (n) {
     const o = e.map((l) => ({
@@ -1496,7 +1510,7 @@ function et({ services: e, value: t, onChange: s, compact: n }) {
     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 ?? "",
@@ -1510,7 +1524,7 @@ function et({ services: e, value: t, onChange: s, compact: n }) {
   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(
-      Na,
+      Ma,
       {
         services: e,
         selectedServiceId: t,
@@ -1519,18 +1533,18 @@ function et({ services: e, value: t, onChange: s, compact: n }) {
     )
   ] });
 }
-function tt({ operators: e, value: t, onChange: s }) {
+function it({ operators: e, value: t, onChange: s }) {
   const { t: n } = T(), i = [
-    { value: pe, label: n("booking.operator.all") },
+    { value: he, label: n("booking.operator.all") },
     ...e.map((o) => ({ value: o.id, label: o.name }))
   ];
   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 ?? pe,
+        value: t ?? he,
         onValueChange: (o) => s(o),
         placeholder: n("booking.operator.placeholder"),
         "aria-label": n("booking.operator.heading")
@@ -1538,7 +1552,7 @@ function tt({ operators: e, value: t, onChange: s }) {
     )
   ] });
 }
-function at({
+function ot({
   customSlot: e
 }) {
   const { t } = T();
@@ -1547,12 +1561,12 @@ function at({
     /* @__PURE__ */ a(F.Description, { children: t("booking.onboardingIncomplete.description") })
   ] });
 }
-function st({
+function rt({
   nextAvailableDate: e,
   onJump: t,
   locale: s
 }) {
-  const { t: n } = T(), i = w(() => {
+  const { t: n } = T(), i = I(() => {
     try {
       return new Intl.DateTimeFormat(s, { dateStyle: "long" }).format(
         ee(e)
@@ -1563,10 +1577,10 @@ function st({
   }, [e, s]);
   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(ae, { intent: "secondary", size: "sm", onClick: t, children: n("booking.nextAvailable.cta") }) })
+    /* @__PURE__ */ a(F.Action, { children: /* @__PURE__ */ a(se, { intent: "secondary", size: "sm", onClick: t, children: n("booking.nextAvailable.cta") }) })
   ] });
 }
-function Ma({
+function Aa({
   snapshot: e,
   operators: t,
   specialties: s,
@@ -1578,10 +1592,10 @@ function Ma({
   onModify: d
 }) {
   const { t: p } = T(), u = (e.details.confirmationChannels ?? ["email"]).map(
-    (_) => p(`booking.confirmation.channel.${_}`)
+    (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 = w(() => {
+  }) : p("booking.success.descriptionSingle", { channel: u[0] }), h = I(() => {
     if (e.date)
       try {
         return new Intl.DateTimeFormat(i, {
@@ -1592,7 +1606,7 @@ function Ma({
       } catch {
         return e.date;
       }
-  }, [e.date, i]), x = e.operatorId ? t.find((_) => _.id === e.operatorId) : void 0, y = e.specialtyId ? s.find((_) => _.id === e.specialtyId) : void 0, C = e.serviceId ? n.find((_) => _.id === e.serviceId) : void 0;
+  }, [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",
     {
@@ -1624,17 +1638,17 @@ function Ma({
           ] }) : null
         ] }) }),
         /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          /* @__PURE__ */ a(ae, { intent: "secondary", size: "md", onClick: c, children: p("booking.success.bookAnother") }),
-          l ? /* @__PURE__ */ a(ae, { intent: "ghost", size: "md", onClick: d, children: p("booking.success.modifyBooking") }) : null
+          /* @__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 nt({ customSlot: e }) {
+function dt({ customSlot: e }) {
   const { t } = T();
   return e ? /* @__PURE__ */ a(Z, { children: e }) : /* @__PURE__ */ a(
-    Ke,
+    Ge,
     {
       variant: "no-results",
       title: t("booking.emptyServices.title"),
@@ -1642,7 +1656,7 @@ function nt({ customSlot: e }) {
     }
   );
 }
-function Da(e) {
+function Ba(e) {
   const {
     cascade: t,
     inputs: s,
@@ -1658,52 +1672,52 @@ function Da(e) {
   } = 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(
-      We,
+      at,
       {
         value: n.insuranceType,
-        onChange: (h) => i(qe(n, h))
+        onChange: (h) => i(Ye(n, h))
       }
     ) : null,
     t.gates.specialty ? /* @__PURE__ */ a(
-      Qe,
+      st,
       {
         specialties: t.filtered.specialties,
         value: n.specialtyId,
-        onChange: (h) => i(He(n, h))
+        onChange: (h) => i(Ze(n, h))
       }
     ) : null,
-    t.gates.service ? t.filtered.services.length === 0 ? /* @__PURE__ */ a(nt, { customSlot: l }) : /* @__PURE__ */ a(
-      et,
+    t.gates.service ? t.filtered.services.length === 0 ? /* @__PURE__ */ a(dt, { customSlot: l }) : /* @__PURE__ */ a(
+      nt,
       {
         services: t.filtered.services,
         value: n.serviceId,
-        onChange: (h) => i(Ge(n, h))
+        onChange: (h) => i(Je(n, h))
       }
     ) : null,
-    t.gates.onboardingIncomplete ? /* @__PURE__ */ a(at, { customSlot: c }) : null,
+    t.gates.onboardingIncomplete ? /* @__PURE__ */ a(ot, { customSlot: c }) : null,
     t.gates.operator ? /* @__PURE__ */ a(
-      tt,
+      it,
       {
         operators: t.filtered.operators,
         value: n.operatorId,
-        onChange: (h) => i(Ue(n, h))
+        onChange: (h) => i(Xe(n, h))
       }
     ) : null,
     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(
-        st,
+        rt,
         {
           nextAvailableDate: s.nextAvailableDate,
-          onJump: () => i(ke(n, s.nextAvailableDate)),
+          onJump: () => i(Ne(n, s.nextAvailableDate)),
           locale: g
         }
       ) : /* @__PURE__ */ a(
-        Je,
+        et,
         {
           availableDates: s.availableDates,
           selectedDate: n.date,
-          onSelectDate: (h) => i(ke(n, h)),
+          onSelectDate: (h) => i(Ne(n, h)),
           locale: g,
           loading: d
         }
@@ -1712,19 +1726,19 @@ function Da(e) {
     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(
-        Xe,
+        tt,
         {
           date: n.date,
           slots: s.availableSlots[n.date] ?? [],
           selectedSlotKey: n.slotKey,
-          onSelect: (h) => i(Ye(n, h.key)),
+          onSelect: (h) => i(We(n, h.key)),
           loading: d,
           locale: g
         }
       )
     ] }) : null,
     t.gates.details && t.selectedSlot ? /* @__PURE__ */ a(
-      Ae,
+      Pe,
       {
         ...u,
         value: n.details ?? {},
@@ -1754,73 +1768,73 @@ function K(e, t, s = {}) {
   switch (e) {
     case 1:
       return /* @__PURE__ */ a(
-        We,
+        at,
         {
           value: o.insuranceType,
-          onChange: (y) => l(qe(o, y))
+          onChange: (y) => l(Ye(o, y))
         }
       );
     case 2:
       return /* @__PURE__ */ a(
-        Qe,
+        st,
         {
           specialties: n.filtered.specialties,
           value: o.specialtyId,
-          onChange: (y) => l(He(o, y))
+          onChange: (y) => l(Ze(o, y))
         }
       );
     case 3:
-      return n.filtered.services.length === 0 ? /* @__PURE__ */ a(nt, { customSlot: d }) : n.gates.onboardingIncomplete ? /* @__PURE__ */ a(at, { customSlot: p }) : /* @__PURE__ */ a(
-        et,
+      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: (y) => l(Ge(o, y)),
+          onChange: (y) => l(Je(o, y)),
           compact: s.compactService
         }
       );
     case 4:
       return /* @__PURE__ */ a(
-        tt,
+        it,
         {
           operators: n.filtered.operators,
           value: o.operatorId,
-          onChange: (y) => l(Ue(o, y))
+          onChange: (y) => l(Xe(o, y))
         }
       );
     case 5:
       return i.availableDates.length === 0 && i.nextAvailableDate ? /* @__PURE__ */ a(
-        st,
+        rt,
         {
           nextAvailableDate: i.nextAvailableDate,
-          onJump: () => l(ke(o, i.nextAvailableDate)),
+          onJump: () => l(Ne(o, i.nextAvailableDate)),
           locale: k
         }
       ) : /* @__PURE__ */ a(
-        Je,
+        et,
         {
           availableDates: i.availableDates,
           selectedDate: o.date,
-          onSelectDate: (y) => l(ke(o, y)),
+          onSelectDate: (y) => l(Ne(o, y)),
           locale: k,
           loading: g
         }
       );
     case 6:
       return o.date ? /* @__PURE__ */ a(
-        Xe,
+        tt,
         {
           date: o.date,
           slots: i.availableSlots[o.date] ?? [],
           selectedSlotKey: o.slotKey,
-          onSelect: (y) => l(Ye(o, y.key)),
+          onSelect: (y) => l(We(o, y.key)),
           loading: g,
           locale: k
         }
       ) : null;
     case 7:
       return n.selectedSlot ? /* @__PURE__ */ a(
-        Ae,
+        Pe,
         {
           ...h,
           value: o.details ?? {},
@@ -1835,9 +1849,9 @@ function K(e, t, s = {}) {
       return null;
   }
 }
-function Be() {
+function Ve() {
   const { t: e } = T();
-  return w(
+  return I(
     () => ({
       1: e("booking.insurance.heading"),
       2: e("booking.specialty.heading"),
@@ -1850,18 +1864,18 @@ function Be() {
     [e]
   );
 }
-function Ta(e) {
-  const { cascade: t, value: s, activeStep: n, setActiveStep: i } = e, o = Be(), l = w(
+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: it(d, s, t),
-      status: ge(d, s) && d < t.currentStep ? "completed" : void 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(
-    bt,
+    St,
     {
       activeStep: c,
       steps: l,
@@ -1872,7 +1886,7 @@ function Ta(e) {
     }
   );
 }
-function ge(e, t) {
+function ve(e, t) {
   switch (e) {
     case 1:
       return t.insuranceType !== void 0;
@@ -1890,9 +1904,9 @@ function ge(e, t) {
       return !1;
   }
 }
-function it(e, t, s) {
+function lt(e, t, s) {
   var n;
-  if (ge(e, t))
+  if (ve(e, t))
     switch (e) {
       case 1:
         return t.insuranceType;
@@ -1909,7 +1923,7 @@ function it(e, t, s) {
         return i == null ? void 0 : i.label;
       }
       case 4: {
-        const i = _e(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;
@@ -1922,23 +1936,23 @@ function it(e, t, s) {
         return;
     }
 }
-function _a(e) {
-  const { cascade: t, value: s, setActiveStep: n } = e, { t: i } = T(), o = Be(), 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) => !ge(d, s)
+    (d) => !ve(d, s)
   );
   return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    c ? l.filter((d) => !ge(d, s)).slice(0, 1).map((d) => /* @__PURE__ */ a("div", { children: K(d, e, { compactService: !0 }) }, `csf-${d}`)) : /* @__PURE__ */ a(
+    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 p = it(d, s, t);
+          const p = lt(d, s, t);
           return p ? /* @__PURE__ */ f(
-            ae,
+            se,
             {
               intent: "tonal",
               size: "sm",
@@ -1961,7 +1975,7 @@ function _a(e) {
     t.gates.details ? /* @__PURE__ */ a("div", { children: K(7, e) }) : null
   ] });
 }
-function Aa(e) {
+function Pa(e) {
   const { cascade: t } = e, s = t.visibleSteps.filter(
     (n) => n === 1 || n === 2 || n === 3 || n === 4
   );
@@ -1976,17 +1990,17 @@ function Aa(e) {
     t.gates.details ? K(7, e) : null
   ] });
 }
-function Ba(e) {
-  const { cascade: t, value: s, activeStep: n, setActiveStep: i } = e, { t: o } = T(), l = Be(), c = t.visibleSteps, d = Math.max(0, c.indexOf(n)), p = c.length, g = w(
+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]
-  ), u = d > 0, k = d < p - 1 && ge(n, s);
+  ), 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(yt, { activeStep: d, steps: g }),
+    /* @__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(
-        ae,
+        se,
         {
           intent: "ghost",
           size: "md",
@@ -1999,7 +2013,7 @@ function Ba(e) {
         }
       ),
       n < 7 ? /* @__PURE__ */ a(
-        ae,
+        se,
         {
           intent: "primary",
           size: "md",
@@ -2014,7 +2028,7 @@ function Ba(e) {
     ] })
   ] });
 }
-const Oa = [], Ea = [], Pa = ze(
+const La = [], Fa = [], Ra = qe(
   ({
     variant: e = "inline-list",
     country: t,
@@ -2033,37 +2047,39 @@ const Oa = [], Ea = [], Pa = ze(
     requireInsuranceNumber: x,
     showNote: y,
     showReturningPatientFlag: C,
-    privacyPolicyUrl: _,
+    privacyPolicyUrl: A,
     termsUrl: S,
     validateCodiceFiscale: v,
     validateInsuranceNumber: r,
-    confirmationChannels: O,
+    confirmationChannels: E,
     defaultConfirmationChannels: M,
     value: b,
     onChange: N,
     onSubmit: R,
-    loadingSlots: E,
-    submitting: J,
-    submitError: P,
-    mode: z = "live",
-    showModifyOnSuccess: H = !0,
-    emptyServicesSlot: D,
-    onboardingIncompleteSlot: X,
-    "aria-label": G,
-    id: se,
-    className: ne,
-    ...Ne
-  }, W) => {
-    const { t: Q, i18n: le } = T(), L = e ?? "inline-list", ie = le.language ?? "en", $ = l ?? Oa, j = d ?? Ea;
-    re(() => {
-      const V = ma(b, {
+    onStepChange: B,
+    loadingSlots: J,
+    submitting: P,
+    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: $,
         services: c
       });
-      (V.specialtyId !== b.specialtyId || V.operatorId !== b.operatorId || V.serviceId !== b.serviceId) && N(V);
+      (L.specialtyId !== b.specialtyId || L.operatorId !== b.operatorId || L.serviceId !== b.serviceId) && N(L);
     }, [
       i,
       s,
@@ -2071,15 +2087,15 @@ const Oa = [], Ea = [], Pa = ze(
       $,
       c
     ]);
-    const A = w(
-      () => ca({
+    const _ = I(
+      () => ga({
         country: t,
         useSpecialties: s,
         allowOperatorSelection: n,
         lockedOperatorId: i,
         specialties: $,
         services: c,
-        operators: j,
+        operators: q,
         availableSlots: g,
         value: b
       }),
@@ -2091,100 +2107,112 @@ const Oa = [], Ea = [], Pa = ze(
         o,
         $,
         c,
-        j,
+        q,
         p,
         g,
         b
       ]
-    ), [ce, U] = q(
-      A.currentStep
-    ), me = de(A.currentStep);
-    re(() => {
-      A.currentStep > me.current && U(A.currentStep), me.current = A.currentStep;
-    }, [A.currentStep]);
-    const [m, I] = q("idle"), [oe, Ie] = q(null), Oe = te(
-      async (V) => {
-        if (!A.selectedSlot) return;
-        const Ce = {
-          slot: A.selectedSlot,
+    ), [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 (!_.selectedSlot) return;
+        const _e = {
+          slot: _.selectedSlot,
           value: {
             ...b,
-            details: V,
-            operatorId: _e(b) ?? b.operatorId
+            details: L,
+            operatorId: Ee(b) ?? b.operatorId
           },
-          details: V
+          details: L
         };
-        I("submitting");
+        ue("submitting");
         try {
-          await R(Ce), Ie({
-            slot: A.selectedSlot,
-            details: V,
+          await R(_e), De({
+            slot: _.selectedSlot,
+            details: L,
             specialtyId: b.specialtyId,
             serviceId: b.serviceId,
             insuranceType: b.insuranceType,
-            operatorId: _e(b),
+            operatorId: Ee(b),
             date: b.date
-          }), I("success");
+          }), ue("success");
         } catch {
-          throw I("error"), new Error("Booking submission failed");
+          throw ue("error"), new Error("Booking submission failed");
         }
       },
-      [A.selectedSlot, R, b]
-    ), Ee = de(null);
-    lt(W, () => Ee.current, []);
-    const we = w(
+      [_.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: () => L,
+        getVariant: () => V,
         reset: () => {
-          N({}), Ie(null), I("idle"), U(1);
+          N({}), De(null), ue("idle"), m(1);
         },
-        goToStep: (V) => {
-          U(V);
+        goToStep: (L) => {
+          m(L);
         }
       }),
-      [L, N]
+      [V, N]
     );
-    mt(sa, we, se);
-    const ot = G ?? Q("booking.regionLabel"), rt = w(() => m !== "success" || !oe ? null : /* @__PURE__ */ a(
-      Ma,
+    ft(ra, Te, re);
+    const ct = ie ?? ce("booking.regionLabel"), mt = I(() => U !== "success" || !Me ? null : /* @__PURE__ */ a(
+      Aa,
       {
-        snapshot: oe,
-        operators: j,
+        snapshot: Me,
+        operators: q,
         specialties: $,
         services: c,
-        locale: ie,
-        mode: z,
-        showModify: H,
-        onReset: () => we.reset(),
+        locale: W,
+        mode: G,
+        showModify: D,
+        onReset: () => Te.reset(),
         onModify: () => {
-          Ie(null), I("idle"), U(7);
+          De(null), ue("idle"), m(7);
         }
       }
     ), [
-      m,
-      oe,
-      j,
+      U,
+      Me,
+      q,
       $,
       c,
-      ie,
-      z,
-      H,
-      we
-    ]), dt = w(() => {
-      if (m === "success") return null;
-      const V = L === "accordion" ? Ta : L === "calendar" ? _a : L === "flexible" ? Aa : L === "progress" ? Ba : Da, Ce = {
-        cascade: A,
+      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: $,
           services: c,
-          operators: j,
+          operators: q,
           availableDates: p,
           availableSlots: g,
           nextAvailableDate: u
         },
         value: b,
         onChange: N,
-        onSubmit: Oe,
+        onSubmit: Le,
         policy: { country: t, lockedOperatorId: i },
         detailsProps: {
           requireCodiceFiscale: k,
@@ -2193,76 +2221,80 @@ const Oa = [], Ea = [], Pa = ze(
           insuranceType: b.insuranceType,
           showNote: y,
           showReturningPatientFlag: C,
-          privacyPolicyUrl: _,
+          privacyPolicyUrl: A,
           termsUrl: S,
           validateCodiceFiscale: v,
           validateInsuranceNumber: r,
-          confirmationChannels: O,
+          confirmationChannels: E,
           defaultConfirmationChannels: M,
-          submitError: P
+          submitError: z
         },
-        emptyServicesSlot: D,
-        onboardingIncompleteSlot: X,
-        loadingSlots: E,
-        submitting: J,
-        locale: ie,
-        activeStep: ce,
-        setActiveStep: U
+        emptyServicesSlot: j,
+        onboardingIncompleteSlot: oe,
+        loadingSlots: J,
+        submitting: P,
+        locale: W,
+        activeStep: me,
+        setActiveStep: m
       };
-      return /* @__PURE__ */ a(V, { ...Ce });
+      return /* @__PURE__ */ a(L, { ..._e });
     }, [
-      m,
-      L,
-      A,
+      U,
+      V,
+      _,
       $,
       c,
-      j,
+      q,
       p,
       g,
       u,
       b,
       N,
-      Oe,
+      Le,
       t,
       i,
       k,
       h,
       x,
-      P,
+      z,
       y,
       C,
-      _,
+      A,
       S,
       v,
       r,
-      O,
-      M,
-      D,
-      X,
       E,
+      M,
+      j,
+      oe,
       J,
-      ie,
-      ce
+      P,
+      W,
+      me
     ]);
     return /* @__PURE__ */ f(
       "div",
       {
-        ref: Ee,
+        ref: pe,
         role: "region",
-        "aria-label": ot,
-        id: se,
+        "aria-label": ct,
+        id: re,
         "data-component": "booking",
-        "data-component-id": se,
-        "data-variant": L,
-        className: ha({ variant: L, className: ne }),
-        ...Ne,
+        "data-component-id": re,
+        "data-variant": V,
+        className: ka({
+          variant: V,
+          surface: ne,
+          className: X
+        }),
+        ...de,
         children: [
           /* @__PURE__ */ f(
             "div",
             {
               className: [
                 "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-                L === "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)]",
@@ -2271,22 +2303,22 @@ const Oa = [], Ea = [], Pa = ze(
                 ].join(" ") : ""
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ a("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: Q("booking.regionLabel") }),
-                /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: Q("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") })
               ]
             }
           ),
-          rt ?? dt
+          mt ?? ut
         ]
       }
     );
   }
 );
-Pa.displayName = "Booking";
+Ra.displayName = "Booking";
 export {
-  Pa as B,
-  Te as C,
-  pe as O,
-  sa as b
+  Ra as B,
+  Oe as C,
+  he as O,
+  ra as b
 };
-//# sourceMappingURL=booking-Bw9eOU4k.js.map
+//# sourceMappingURL=booking-CBaSujVP.js.map