@alfadocs/ui-kit 0.33.10 → 0.34.0

package/dist/_chunks/{booking-x4GlW5cb.js → booking-eM0y0NIR.js}

@@ -1,44 +1,46 @@
-import { jsxs as v, jsx as s, Fragment as W } from "react/jsx-runtime";
-import { forwardRef as Je, useId as Xe, useState as j, useCallback as q, useRef as te, useEffect as ee, useMemo as w, useImperativeHandle as kt } from "react";
-import { c as we } from "./index-D2ZczOXr.js";
-import { useTranslation as A, Trans as xt } from "react-i18next";
-import { u as St } from "./registry-nPAVE19X.js";
-import { A as $ } from "./alert-ywPR59NE.js";
-import { B as ae } from "./button-DD_0Xdmr.js";
-import { C as Re } from "./checkbox-DRcOdmXv.js";
-import { C as Nt } from "./checkbox-group-CpUwlHug.js";
-import { D as It } from "./date-picker-B94HAV4A.js";
-import { E as wt } from "./email-input-lQivsFrw.js";
-import { F as Y } from "./form-field-BOm9hK35.js";
-import { P as Ct } from "./phone-input-DfZbPPvh.js";
-import { T as Mt } from "./text-area-BIx0tZ05.js";
-import { T as ye } from "./text-input-BaClJL8Y.js";
-import { S as Dt } from "./spinner-CCByyvcb.js";
-import { I as Ge } from "./icon-button-CKEOrN37.js";
-import { S as Ce } from "./select-hsCaJSX3.js";
-import { S as Ie } from "./skeleton-CZbwyJAA.js";
-import { E as Qe } from "./empty-state-BLy7tigq.js";
-import { S as _t } from "./stepper-accordion-BfS6lUB9.js";
-import { S as Tt } from "./stepper-progress-DDjq5nei.js";
-import { p as K, S as At } from "./slot-grid-BlHHP9Qy.js";
-import { s as Ve, i as Ue } from "./isSameDay-DUEiAT0G.js";
-import { w as et, n as pe, a as Le, f as ge, d as Bt, h as Ne, x as ke } from "./react-day-picker-DsjfS7uI.js";
-import { s as Ot } from "./subDays-CANHP9hz.js";
-import { C as Pt } from "./chevron-left-CX1jqD2M.js";
-import { C as Et } from "./chevron-right-BrpYejk0.js";
-import { c as P } from "./createLucideIcon-CrFbzy84.js";
-import { M as Rt, S as Vt } from "./sun-BuXE0xUS.js";
-import { S as Lt } from "./stethoscope-DT5qCW8Y.js";
-import { H as Ft } from "./heart-pulse-CvuyFKHB.js";
-import { E as $t } from "./eye-LHlSU38h.js";
-import { S as zt } from "./sparkles-CuYXqQLg.js";
+import { jsxs as f, jsx as s, Fragment as W } from "react/jsx-runtime";
+import { forwardRef as ot, useId as rt, useState as K, useCallback as j, useRef as se, useEffect as H, useMemo as w, useImperativeHandle as Tt } from "react";
+import { c as Pe } from "./index-D2ZczOXr.js";
+import { useTranslation as O, Trans as Pt } from "react-i18next";
+import { u as Ot } from "./registry-nPAVE19X.js";
+import { A as z } from "./alert-ywPR59NE.js";
+import { B as ie } from "./button-DD_0Xdmr.js";
+import { C as Ke } from "./checkbox-DRcOdmXv.js";
+import { C as Bt } from "./checkbox-group-CpUwlHug.js";
+import { D as Et } from "./date-picker-B94HAV4A.js";
+import { E as Vt } from "./email-input-lQivsFrw.js";
+import { F as Z } from "./form-field-BOm9hK35.js";
+import { P as Lt } from "./phone-input-DfZbPPvh.js";
+import { T as Rt } from "./text-area-BIx0tZ05.js";
+import { T as Ce } from "./text-input-BaClJL8Y.js";
+import { S as Ft } from "./spinner-CCByyvcb.js";
+import { I as tt } from "./icon-button-CKEOrN37.js";
+import { S as Oe } from "./select-hsCaJSX3.js";
+import { C as Ge } from "./combobox-BC-DFx8G.js";
+import { M as Ue } from "./multi-select-DOLO3K_z.js";
+import { S as Te } from "./skeleton-CZbwyJAA.js";
+import { E as dt } from "./empty-state-BLy7tigq.js";
+import { S as $t } from "./stepper-accordion-BfS6lUB9.js";
+import { S as zt } from "./stepper-progress-DDjq5nei.js";
+import { p as F, S as Kt } from "./slot-grid-BlHHP9Qy.js";
+import { s as le, i as at } from "./isSameDay-DUEiAT0G.js";
+import { w as lt, n as ce, a as je, m as jt, f as ye, d as qt, h as _e, x as Me } from "./react-day-picker-DsjfS7uI.js";
+import { s as Ht } from "./subDays-CANHP9hz.js";
+import { C as Gt } from "./chevron-left-CX1jqD2M.js";
+import { C as Ut } from "./chevron-right-BrpYejk0.js";
+import { c as V } from "./createLucideIcon-CrFbzy84.js";
+import { M as Yt, S as Jt } from "./sun-BuXE0xUS.js";
+import { S as Zt } from "./stethoscope-DT5qCW8Y.js";
+import { H as Wt } from "./heart-pulse-CvuyFKHB.js";
+import { E as Xt } from "./eye-LHlSU38h.js";
+import { S as Qt } 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 Kt = [
+const ea = [
   [
     "path",
     {
@@ -46,14 +48,14 @@ const Kt = [
       key: "169zse"
     }
   ]
-], jt = P("activity", Kt);
+], ta = V("activity", ea);
 /**
  * @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 aa = [
   ["path", { d: "M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5", key: "1u7htd" }],
   ["path", { d: "M15 12h.01", key: "1k8ypt" }],
   [
@@ -64,14 +66,14 @@ const qt = [
     }
   ],
   ["path", { d: "M9 12h.01", key: "157uk2" }]
-], Ht = P("baby", qt);
+], sa = V("baby", aa);
 /**
  * @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 ia = [
   [
     "path",
     {
@@ -79,14 +81,14 @@ const Gt = [
       key: "w610uw"
     }
   ]
-], Ut = P("bone", Gt);
+], na = V("bone", ia);
 /**
  * @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 oa = [
   ["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" }],
@@ -95,14 +97,14 @@ const Yt = [
   ["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" }]
-], Wt = P("brain", Yt);
+], ra = V("brain", oa);
 /**
  * @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 da = [
   ["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" }],
@@ -111,14 +113,14 @@ const Zt = [
   ["path", { d: "M13 18H7", key: "bb0bb7" }],
   ["path", { d: "M7 14h.01", key: "1qa3f1" }],
   ["path", { d: "M17 18h.01", key: "1bdyru" }]
-], Jt = P("calendar-range", Zt);
+], la = V("calendar-range", da);
 /**
  * @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 ca = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -128,89 +130,89 @@ const Xt = [
     }
   ],
   ["path", { d: "m9 14 2 2 4-4", key: "df797q" }]
-], Qt = P("clipboard-check", Xt);
+], ua = V("clipboard-check", ca);
 /**
  * @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 ea = [
+const pa = [
   ["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" }]
-], ta = P("ear", ea);
+], ma = V("ear", pa);
 /**
  * @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 aa = [
+const ga = [
   ["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" }]
-], sa = P("microscope", aa);
+], fa = V("microscope", ga);
 /**
  * @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 ia = [
+const ha = [
   [
     "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" }]
-], na = P("pill", ia);
+], va = V("pill", ha);
 /**
  * @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 oa = [
+const ba = [
   ["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" }]
-], ra = P("scan-line", oa);
+], ya = V("scan-line", ba);
 /**
  * @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 da = [
+const ka = [
   ["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" }]
-], la = P("scissors", da);
+], xa = V("scissors", ka);
 /**
  * @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 ca = [
+const Sa = [
   ["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" }]
-], ua = P("smile", ca);
+], Ia = V("smile", 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 ma = [
+const Na = [
   ["path", { d: "M12 10V2", key: "16sf7g" }],
   ["path", { d: "m4.93 10.93 1.41 1.41", key: "2a7f42" }],
   ["path", { d: "M2 18h2", key: "j10viu" }],
@@ -219,25 +221,25 @@ const ma = [
   ["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" }]
-], pa = P("sunset", ma);
+], wa = V("sunset", Na);
 /**
  * @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 ga = [
+const Ca = [
   ["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" }]
-], Ye = P("syringe", ga);
-function fa(e, t, a) {
-  return et(e, -1, a);
+], st = V("syringe", Ca);
+function Ma(e, t, a) {
+  return lt(e, -1, a);
 }
-const ha = {
+const Da = {
   id: "booking",
   capabilities: ["navigate", "view_change"],
   state: {
@@ -279,12 +281,12 @@ const ha = {
       description: "Sourced from the id prop."
     }
   }
-}, Fe = [
+}, qe = [
   "email",
   "whatsapp",
   "sms"
-], he = "all", va = "de";
-function ba(e) {
+], X = "all", Aa = "de";
+function _a(e) {
   return [...e.lockedOperatorId ? e.specialties.filter(
     (a) => {
       var i;
@@ -295,58 +297,67 @@ function ba(e) {
     return n - o;
   });
 }
-function ya(e) {
+function Ta(e) {
   let t = e.services;
-  return e.lockedOperatorId && (t = t.filter(
+  if (e.lockedOperatorId && (t = t.filter(
     (i) => {
       var n;
       return (n = i.operatorIds) == null ? void 0 : n.includes(e.lockedOperatorId);
     }
-  )), (e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) && e.value.specialtyId && (t = t.filter((i) => i.specialtyId === e.value.specialtyId)), t;
+  )), e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) {
+    const i = ue(e.value);
+    i.length > 0 && (t = t.filter(
+      (n) => n.specialtyId !== void 0 && i.includes(n.specialtyId)
+    ));
+  }
+  return t;
 }
-function ka(e) {
+function Pa(e) {
   const t = e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties;
-  if (t && e.value.specialtyId) {
-    const a = e.value.specialtyId;
-    return e.operators.filter(
-      (i) => {
-        var n;
-        return (n = i.specialtyIds) == null ? void 0 : n.includes(a);
-      }
-    );
+  if (t) {
+    const a = ue(e.value);
+    if (a.length > 0)
+      return e.operators.filter(
+        (i) => {
+          var n;
+          return (n = i.specialtyIds) == null ? void 0 : n.some((o) => a.includes(o));
+        }
+      );
   }
-  if (!t && e.value.serviceId) {
-    const a = e.value.serviceId;
-    return e.operators.filter(
-      (i) => {
-        var n;
-        return (n = i.appointmentBookingReasonIds) == null ? void 0 : n.includes(a);
-      }
-    );
+  if (!t) {
+    const a = Be(e.value);
+    if (a.length > 0)
+      return e.operators.filter(
+        (i) => {
+          var n;
+          return (n = i.appointmentBookingReasonIds) == null ? void 0 : n.some((o) => a.includes(o));
+        }
+      );
   }
   return [];
 }
-function xa(e, t) {
-  const a = e.country === va, i = !a || e.value.insuranceType !== void 0, o = (e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) && i, m = !o || e.value.specialtyId !== void 0, d = !m || e.value.serviceId !== void 0, c = t.operators, p = !!e.allowOperatorSelection && d && e.value.serviceId !== void 0 && !e.lockedOperatorId && c.length > 1, u = d && e.value.serviceId !== void 0, k = (!u || e.value.date !== void 0) && e.value.date !== void 0, N = (!k || e.value.slotKey !== void 0) && e.value.slotKey !== void 0, x = !!e.value.serviceId && c.length === 0;
+function Oa(e, t) {
+  const a = e.country === Aa, i = !a || e.value.insuranceType !== void 0, o = (e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) && i, l = ue(e.value).length > 0, p = !o || l, r = Be(e.value).length > 0, c = !p || r, m = t.operators, k = !!e.allowOperatorSelection && c && r && !e.lockedOperatorId && m.length > 1, I = c && r, N = (!I || e.value.date !== void 0) && e.value.date !== void 0, D = (!N || e.value.slotKey !== void 0) && e.value.slotKey !== void 0, y = r && m.length === 0;
   return {
     insurance: a,
     specialty: o,
-    service: m,
-    operator: p,
-    date: u,
-    slot: k,
-    details: N,
-    onboardingIncomplete: x
+    service: p,
+    operator: k,
+    date: I,
+    slot: N,
+    details: D,
+    onboardingIncomplete: y
   };
 }
-function Sa(e, t) {
+function Ba(e, t) {
   const a = [];
   t.insurance && a.push(1), t.specialty && a.push(2), a.push(3), t.operator && a.push(4), a.push(5), a.push(6), a.push(7);
   const i = {
     1: e.value.insuranceType !== void 0,
-    2: e.value.specialtyId !== void 0,
-    3: e.value.serviceId !== void 0,
-    4: e.value.operatorId !== void 0,
+    // 0.34.0: array-or-single — satisfied when EITHER form is present.
+    2: ue(e.value).length > 0,
+    3: Be(e.value).length > 0,
+    4: e.value.operatorId !== void 0 || e.value.operatorIds !== void 0 && e.value.operatorIds.length > 0,
     5: e.value.date !== void 0,
     6: e.value.slotKey !== void 0,
     7: !1
@@ -357,30 +368,30 @@ function Sa(e, t) {
     visibleSteps: a
   };
 }
-function Na(e) {
+function Ea(e) {
   const t = {
-    specialties: ba(e),
-    services: ya(e),
-    operators: ka(e)
-  }, a = xa(e, t), { currentStep: i, visibleSteps: n } = Sa(e, a);
+    specialties: _a(e),
+    services: Ta(e),
+    operators: Pa(e)
+  }, a = Oa(e, t), { currentStep: i, visibleSteps: n } = Ba(e, a);
   let o;
   if (e.value.date && e.value.slotKey) {
-    const d = e.availableSlots[e.value.date];
-    d && (o = d.find((c) => c.key === e.value.slotKey));
+    const c = e.availableSlots[e.value.date];
+    c && (o = c.find((m) => m.key === e.value.slotKey));
   }
-  const l = e.value.serviceId ? e.services.find((d) => d.id === e.value.serviceId) : void 0, m = e.value.serviceId !== void 0 && e.value.date !== void 0 && e.value.slotKey !== void 0 && (!a.insurance || e.value.insuranceType !== void 0) && (!a.specialty || e.value.specialtyId !== void 0);
+  const l = Be(e.value), u = l.length > 0 ? e.services.find((c) => c.id === l[0]) : void 0, p = ue(e.value).length > 0, r = l.length > 0 && e.value.date !== void 0 && e.value.slotKey !== void 0 && (!a.insurance || e.value.insuranceType !== void 0) && (!a.specialty || p);
   return {
     gates: a,
     filtered: t,
     currentStep: i,
     totalSteps: n.length,
     visibleSteps: n,
-    isReadyToSubmit: m,
-    durationMin: l == null ? void 0 : l.durationMin,
+    isReadyToSubmit: r,
+    durationMin: u == null ? void 0 : u.durationMin,
     selectedSlot: o
   };
 }
-function tt(e, t) {
+function ct(e, t) {
   return {
     ...e,
     insuranceType: t,
@@ -392,40 +403,89 @@ function tt(e, t) {
     details: void 0
   };
 }
-function at(e, t) {
+function ut(e, t) {
   return {
     ...e,
     specialtyId: t,
+    specialtyIds: void 0,
     serviceId: void 0,
+    serviceIds: void 0,
     operatorId: void 0,
+    operatorIds: void 0,
     date: void 0,
     slotKey: void 0,
     details: void 0
   };
 }
-function st(e, t) {
+function pt(e, t) {
+  return {
+    ...e,
+    specialtyId: void 0,
+    specialtyIds: t,
+    serviceId: void 0,
+    serviceIds: void 0,
+    operatorId: void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function mt(e, t) {
   return {
     ...e,
     serviceId: t,
+    serviceIds: void 0,
     // Default the operator to the "All operators" sentinel so a patient
     // who doesn't care about picking lands on a satisfied step 4 without
     // any further input.
-    operatorId: t ? he : void 0,
+    operatorId: t ? X : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function gt(e, t) {
+  const a = !!t && t.length > 0;
+  return {
+    ...e,
+    serviceId: void 0,
+    serviceIds: t,
+    operatorId: a ? X : void 0,
+    operatorIds: void 0,
     date: void 0,
     slotKey: void 0,
     details: void 0
   };
 }
-function it(e, t) {
+function ft(e, t) {
   return {
     ...e,
     operatorId: t,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function ht(e, t) {
+  return {
+    ...e,
+    operatorId: void 0,
+    operatorIds: t,
     date: void 0,
     slotKey: void 0,
     details: void 0
   };
 }
-function Me(e, t) {
+function ue(e) {
+  return e.specialtyIds && e.specialtyIds.length > 0 ? e.specialtyIds : e.specialtyId ? [e.specialtyId] : [];
+}
+function Be(e) {
+  return e.serviceIds && e.serviceIds.length > 0 ? e.serviceIds : e.serviceId ? [e.serviceId] : [];
+}
+function Ee(e, t) {
   return {
     ...e,
     date: t,
@@ -434,47 +494,49 @@ function Me(e, t) {
     // since the user has already filled some fields.
   };
 }
-function nt(e, t) {
+function vt(e, t) {
   return {
     ...e,
     slotKey: t
   };
 }
-function Ia(e, t) {
+function Va(e, t) {
   let a = e;
-  if (t.lockedOperatorId && a.operatorId !== t.lockedOperatorId && (a = { ...a, operatorId: t.lockedOperatorId }), (t.useSpecialties === void 0 ? t.specialties.length > 0 : t.useSpecialties) && t.specialties.length === 1 && a.specialtyId === void 0 && (a = { ...a, specialtyId: t.specialties[0].id }), t.autoSelectSingleService) {
-    const n = a.specialtyId ? t.services.filter((o) => o.specialtyId === a.specialtyId) : t.services;
-    n.length === 1 && a.serviceId === void 0 && (a = { ...a, serviceId: n[0].id }, a.operatorId === void 0 && (a = { ...a, operatorId: he }));
+  if (t.lockedOperatorId && a.operatorId !== t.lockedOperatorId && (a = { ...a, operatorId: t.lockedOperatorId }), (t.useSpecialties === void 0 ? t.specialties.length > 0 : t.useSpecialties) && t.specialties.length === 1 && a.specialtyId === void 0 && a.specialtyIds === void 0 && (a = { ...a, specialtyId: t.specialties[0].id }), t.autoSelectSingleService) {
+    const n = ue(a), o = n.length > 0 ? t.services.filter(
+      (l) => l.specialtyId && n.includes(l.specialtyId)
+    ) : t.services;
+    o.length === 1 && a.serviceId === void 0 && a.serviceIds === void 0 && (a = { ...a, serviceId: o[0].id }, a.operatorId === void 0 && a.operatorIds === void 0 && (a = { ...a, operatorId: X }));
   }
   return a;
 }
-function $e(e) {
-  if (e.operatorId && e.operatorId !== he)
+function He(e) {
+  if (e.operatorId && e.operatorId !== X)
     return e.operatorId;
 }
-function wa(e) {
+function La(e) {
   if (!e) return !1;
   const t = e.trim();
   return /^\+?\d[\d\s\-()]{6,}$/.test(t);
 }
-function ot(e) {
+function bt(e) {
   const t = e && e.length > 0 ? e : ["email"], a = new Set(t);
-  return Fe.filter((i) => a.has(i));
+  return qe.filter((i) => a.has(i));
 }
-function Ca(e, t, a) {
-  const i = ot(e), n = new Set(i);
+function Ra(e, t, a) {
+  const i = bt(e), n = new Set(i);
   if (a)
-    return Fe.filter(
-      (c) => a.includes(c) && n.has(c)
+    return qe.filter(
+      (r) => a.includes(r) && n.has(r)
     );
   const o = [];
   n.has("email") && o.push("email");
-  const l = wa(t), m = n.has("whatsapp");
-  m && l && o.push("whatsapp"), !m && n.has("sms") && o.push("sms");
-  const d = new Set(o);
-  return Fe.filter((c) => d.has(c));
+  const l = La(t), u = n.has("whatsapp");
+  u && l && o.push("whatsapp"), !u && n.has("sms") && o.push("sms");
+  const p = new Set(o);
+  return qe.filter((r) => p.has(r));
 }
-const We = 500, Ma = /^[A-Z0-9]{16}$/, Da = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ze = 300, xe = { state: "idle" }, ze = Je(
+const it = 500, Fa = /^[A-Z0-9]{16}$/, $a = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, nt = 300, De = { state: "idle" }, Ye = ot(
   ({
     value: e,
     onChange: t,
@@ -483,132 +545,132 @@ const We = 500, Ma = /^[A-Z0-9]{16}$/, Da = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ze = 3
     requireDateOfBirth: n = !1,
     requireInsuranceNumber: o = !1,
     insuranceType: l,
-    showNote: m = !1,
-    showReturningPatientFlag: d = !1,
-    privacyPolicyUrl: c,
-    termsUrl: p,
-    validateCodiceFiscale: u,
-    validateInsuranceNumber: S,
-    submitting: k = !1,
-    summarySlot: h,
+    showNote: u = !1,
+    showReturningPatientFlag: p = !1,
+    privacyPolicyUrl: r,
+    termsUrl: c,
+    validateCodiceFiscale: m,
+    validateInsuranceNumber: k,
+    submitting: I = !1,
+    summarySlot: v,
     defaultPhoneCountry: N,
-    confirmationChannels: x,
+    confirmationChannels: M,
     defaultConfirmationChannels: D,
-    submitError: b
-  }, f) => {
-    var Q, L;
-    const { t: r } = A(), _ = Xe(), [M, y] = j(xe), [C, B] = j(xe), [O, Z] = j({}), E = q(
-      (g) => Z((I) => ({ ...I, [g]: !0 })),
+    submitError: y
+  }, b) => {
+    var we, re;
+    const { t: d } = O(), _ = rt(), [x, g] = K(De), [S, T] = K(De), [A, G] = K({}), B = j(
+      (h) => G((C) => ({ ...C, [h]: !0 })),
       []
-    ), z = te(null), G = te(
+    ), E = se(null), U = se(
       null
     );
-    ee(
+    H(
       () => () => {
-        z.current && clearTimeout(z.current), G.current && clearTimeout(G.current);
+        E.current && clearTimeout(E.current), U.current && clearTimeout(U.current);
       },
       []
     );
-    const T = q(
-      (g) => t({ ...e, ...g }),
+    const P = j(
+      (h) => t({ ...e, ...h }),
       [e, t]
-    ), J = w(
-      () => ot(x),
-      [x]
-    ), H = J.length >= 2, ne = te(!1);
-    ee(() => {
-      if (!H) {
-        e.confirmationChannels !== void 0 && T({ confirmationChannels: void 0 });
+    ), Q = w(
+      () => bt(M),
+      [M]
+    ), q = Q.length >= 2, pe = se(!1);
+    H(() => {
+      if (!q) {
+        e.confirmationChannels !== void 0 && P({ confirmationChannels: void 0 });
         return;
       }
       if (e.confirmationChannels !== void 0) {
-        ne.current = !0;
+        pe.current = !0;
         return;
       }
-      const g = Ca(
-        J,
+      const h = Ra(
+        Q,
         e.mobilePhone,
         D
       );
-      ne.current = !0, T({ confirmationChannels: g });
+      pe.current = !0, P({ confirmationChannels: h });
     }, [
-      H,
-      J,
+      q,
+      Q,
       e.mobilePhone,
       D
     ]);
-    const se = w(
+    const ee = w(
       () => e.confirmationChannels ?? [],
       [e.confirmationChannels]
-    ), be = H && se.length === 0;
-    ee(() => {
-      const g = e.codiceFiscale;
-      if (!i || !u || !g) {
-        y(xe);
+    ), xe = q && ee.length === 0;
+    H(() => {
+      const h = e.codiceFiscale;
+      if (!i || !m || !h) {
+        g(De);
         return;
       }
-      if (!Ma.test(g)) {
-        y({
+      if (!Fa.test(h)) {
+        g({
           state: "invalid",
-          hint: r("booking.details.codiceFiscale.invalidFormat")
+          hint: d("booking.details.codiceFiscale.invalidFormat")
         });
         return;
       }
-      y({ state: "pending" }), z.current && clearTimeout(z.current), z.current = setTimeout(() => {
-        u(g).then(
-          (I) => y(
-            I.valid ? { state: "valid" } : { state: "invalid", hint: I.hint }
+      g({ state: "pending" }), E.current && clearTimeout(E.current), E.current = setTimeout(() => {
+        m(h).then(
+          (C) => g(
+            C.valid ? { state: "valid" } : { state: "invalid", hint: C.hint }
           )
         ).catch(
-          () => y({
+          () => g({
             state: "invalid",
-            hint: r("booking.details.codiceFiscale.unavailable")
+            hint: d("booking.details.codiceFiscale.unavailable")
           })
         );
-      }, Ze);
-    }, [i, u, e.codiceFiscale, r]);
-    const U = o && l === "public";
-    ee(() => {
-      const g = e.insuranceNumber;
-      if (!U || !S || !g) {
-        B(xe);
+      }, nt);
+    }, [i, m, e.codiceFiscale, d]);
+    const Y = o && l === "public";
+    H(() => {
+      const h = e.insuranceNumber;
+      if (!Y || !k || !h) {
+        T(De);
         return;
       }
-      B({ state: "pending" }), G.current && clearTimeout(G.current), G.current = setTimeout(() => {
-        S(g).then(
-          (I) => B(
-            I.valid ? { state: "valid" } : { state: "invalid", hint: I.hint }
+      T({ state: "pending" }), U.current && clearTimeout(U.current), U.current = setTimeout(() => {
+        k(h).then(
+          (C) => T(
+            C.valid ? { state: "valid" } : { state: "invalid", hint: C.hint }
           )
         ).catch(
-          () => B({
+          () => T({
             state: "invalid",
-            hint: r("booking.details.insuranceNumber.unavailable")
+            hint: d("booking.details.insuranceNumber.unavailable")
           })
         );
-      }, Ze);
-    }, [U, S, e.insuranceNumber, r]);
-    const oe = w(
-      () => !!(e.email && Da.test(e.email)),
+      }, nt);
+    }, [Y, k, e.insuranceNumber, d]);
+    const ne = w(
+      () => !!(e.email && $a.test(e.email)),
       [e.email]
-    ), X = w(
+    ), me = w(
       () => !!(e.mobilePhone && e.mobilePhone.length >= 6),
       [e.mobilePhone]
-    ), De = w(() => {
-      var g, I;
-      return !(!((g = e.firstName) != null && g.trim()) || !((I = e.lastName) != null && I.trim()) || !oe || !X || i && M.state !== "valid" || n && !e.dateOfBirth || U && C.state !== "valid");
+    ), Se = w(() => {
+      var h, C;
+      return !(!((h = e.firstName) != null && h.trim()) || !((C = e.lastName) != null && C.trim()) || !ne || !me || i && x.state !== "valid" || n && !e.dateOfBirth || Y && S.state !== "valid");
     }, [
       e.firstName,
       e.lastName,
-      oe,
-      X,
+      ne,
+      me,
       i,
-      M.state,
+      x.state,
       n,
       e.dateOfBirth,
-      U,
-      C.state
-    ]), _e = !!(e.privacyConsent && e.termsConsent), Te = !H || se.length > 0, ie = De && _e && Te && !k, Ae = (g) => {
-      if (g.preventDefault(), Z({
+      Y,
+      S.state
+    ]), Ie = !!(e.privacyConsent && e.termsConsent), Ve = !q || ee.length > 0, oe = Se && Ie && Ve && !I, Le = (h) => {
+      if (h.preventDefault(), G({
         firstName: !0,
         lastName: !0,
         email: !0,
@@ -616,8 +678,8 @@ const We = 500, Ma = /^[A-Z0-9]{16}$/, Da = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ze = 3
         codiceFiscale: !0,
         dateOfBirth: !0,
         insuranceNumber: !0
-      }), !ie) return;
-      const I = {
+      }), !oe) return;
+      const C = {
         firstName: e.firstName.trim(),
         lastName: e.lastName.trim(),
         email: e.email.trim(),
@@ -632,15 +694,15 @@ const We = 500, Ma = /^[A-Z0-9]{16}$/, Da = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ze = 3
         // Only include when the picker was visible; otherwise the single
         // implicit channel is inferred backend-side from the practice
         // config.
-        confirmationChannels: H ? se : void 0
+        confirmationChannels: q ? ee : void 0
       };
-      a(I);
-    }, R = (g, I) => {
-      const re = I && /^https?:\/\//i.test(I) ? I : void 0;
-      return re ? /* @__PURE__ */ s(
-        xt,
+      a(C);
+    }, Ne = (h, C) => {
+      const te = C && /^https?:\/\//i.test(C) ? C : void 0;
+      return te ? /* @__PURE__ */ s(
+        Pt,
         {
-          i18nKey: g,
+          i18nKey: h,
           components: {
             // The `<Trans>` runtime injects link text from the i18n
             // string. The anchor renders empty at static-analysis time,
@@ -652,7 +714,7 @@ const We = 500, Ma = /^[A-Z0-9]{16}$/, Da = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ze = 3
               /* @__PURE__ */ s(
                 "a",
                 {
-                  href: re,
+                  href: te,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   className: "ds:underline ds:text-[var(--primary)]"
@@ -661,184 +723,184 @@ const We = 500, Ma = /^[A-Z0-9]{16}$/, Da = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ze = 3
             )
           }
         }
-      ) : r(g);
+      ) : d(h);
     };
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ f(
       "form",
       {
-        ref: f,
+        ref: b,
         id: _,
         noValidate: !0,
-        onSubmit: Ae,
+        onSubmit: Le,
         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
         children: [
-          h,
-          /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+          v,
+          /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
             /* @__PURE__ */ s(
-              Y,
+              Z,
               {
-                label: r("booking.details.firstName.label"),
+                label: d("booking.details.firstName.label"),
                 required: !0,
-                error: O.firstName && !((Q = e.firstName) != null && Q.trim()) ? r("booking.details.firstName.required") : void 0,
+                error: A.firstName && !((we = e.firstName) != null && we.trim()) ? d("booking.details.firstName.required") : void 0,
                 children: /* @__PURE__ */ s(
-                  ye,
+                  Ce,
                   {
                     autoComplete: "given-name",
                     value: e.firstName ?? "",
-                    onChange: (g) => T({ firstName: g.target.value }),
-                    onBlur: () => E("firstName")
+                    onChange: (h) => P({ firstName: h.target.value }),
+                    onBlur: () => B("firstName")
                   }
                 )
               }
             ),
             /* @__PURE__ */ s(
-              Y,
+              Z,
               {
-                label: r("booking.details.lastName.label"),
+                label: d("booking.details.lastName.label"),
                 required: !0,
-                error: O.lastName && !((L = e.lastName) != null && L.trim()) ? r("booking.details.lastName.required") : void 0,
+                error: A.lastName && !((re = e.lastName) != null && re.trim()) ? d("booking.details.lastName.required") : void 0,
                 children: /* @__PURE__ */ s(
-                  ye,
+                  Ce,
                   {
                     autoComplete: "family-name",
                     value: e.lastName ?? "",
-                    onChange: (g) => T({ lastName: g.target.value }),
-                    onBlur: () => E("lastName")
+                    onChange: (h) => P({ lastName: h.target.value }),
+                    onBlur: () => B("lastName")
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ v("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__ */ s(
-              Y,
+              Z,
               {
-                label: r("booking.details.email.label"),
+                label: d("booking.details.email.label"),
                 required: !0,
-                error: O.email && !oe ? r("booking.details.email.invalid") : void 0,
+                error: A.email && !ne ? d("booking.details.email.invalid") : void 0,
                 children: /* @__PURE__ */ s(
-                  wt,
+                  Vt,
                   {
                     value: e.email ?? "",
-                    onChange: (g) => T({ email: g.target.value }),
-                    onBlur: () => E("email")
+                    onChange: (h) => P({ email: h.target.value }),
+                    onBlur: () => B("email")
                   }
                 )
               }
             ),
             /* @__PURE__ */ s(
-              Y,
+              Z,
               {
-                label: r("booking.details.mobilePhone.label"),
+                label: d("booking.details.mobilePhone.label"),
                 required: !0,
-                error: O.mobilePhone && !X ? r("booking.details.mobilePhone.invalid") : void 0,
+                error: A.mobilePhone && !me ? d("booking.details.mobilePhone.invalid") : void 0,
                 children: /* @__PURE__ */ s(
-                  Ct,
+                  Lt,
                   {
                     value: e.mobilePhone ?? "",
                     defaultCountry: N == null ? void 0 : N.toUpperCase(),
-                    onChange: (g) => {
-                      T({ mobilePhone: g }), E("mobilePhone");
+                    onChange: (h) => {
+                      P({ mobilePhone: h }), B("mobilePhone");
                     }
                   }
                 )
               }
             )
           ] }),
-          i || n ? /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+          i || n ? /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
             i ? /* @__PURE__ */ s(
-              Y,
+              Z,
               {
-                label: r("booking.details.codiceFiscale.label"),
+                label: d("booking.details.codiceFiscale.label"),
                 required: !0,
-                description: M.state === "pending" ? r("booking.details.codiceFiscale.checking") : r("booking.details.codiceFiscale.helper"),
-                error: O.codiceFiscale && M.state === "invalid" ? M.hint ?? r("booking.details.codiceFiscale.invalid") : void 0,
+                description: x.state === "pending" ? d("booking.details.codiceFiscale.checking") : d("booking.details.codiceFiscale.helper"),
+                error: A.codiceFiscale && x.state === "invalid" ? x.hint ?? d("booking.details.codiceFiscale.invalid") : void 0,
                 children: /* @__PURE__ */ s(
-                  ye,
+                  Ce,
                   {
                     value: e.codiceFiscale ?? "",
                     maxLength: 16,
-                    onChange: (g) => T({
-                      codiceFiscale: g.target.value.slice(0, 16).toUpperCase()
+                    onChange: (h) => P({
+                      codiceFiscale: h.target.value.slice(0, 16).toUpperCase()
                     }),
-                    onBlur: () => E("codiceFiscale")
+                    onBlur: () => B("codiceFiscale")
                   }
                 )
               }
             ) : null,
             n ? /* @__PURE__ */ s(
-              Y,
+              Z,
               {
-                label: r("booking.details.dateOfBirth.label"),
+                label: d("booking.details.dateOfBirth.label"),
                 required: !0,
-                error: O.dateOfBirth && !e.dateOfBirth ? r("booking.details.dateOfBirth.required") : void 0,
+                error: A.dateOfBirth && !e.dateOfBirth ? d("booking.details.dateOfBirth.required") : void 0,
                 children: /* @__PURE__ */ s(
-                  It,
+                  Et,
                   {
                     value: e.dateOfBirth ? new Date(e.dateOfBirth) : void 0,
-                    onChange: (g) => {
-                      T({
-                        dateOfBirth: g ? g.toISOString().slice(0, 10) : void 0
-                      }), E("dateOfBirth");
+                    onChange: (h) => {
+                      P({
+                        dateOfBirth: h ? h.toISOString().slice(0, 10) : void 0
+                      }), B("dateOfBirth");
                     }
                   }
                 )
               }
             ) : null
           ] }) : null,
-          U ? /* @__PURE__ */ s(
-            Y,
+          Y ? /* @__PURE__ */ s(
+            Z,
             {
-              label: r("booking.details.insuranceNumber.label"),
+              label: d("booking.details.insuranceNumber.label"),
               required: !0,
-              description: C.state === "pending" ? r("booking.details.insuranceNumber.checking") : void 0,
-              error: O.insuranceNumber && C.state === "invalid" ? C.hint ?? r("booking.details.insuranceNumber.invalid") : void 0,
+              description: S.state === "pending" ? d("booking.details.insuranceNumber.checking") : void 0,
+              error: A.insuranceNumber && S.state === "invalid" ? S.hint ?? d("booking.details.insuranceNumber.invalid") : void 0,
               children: /* @__PURE__ */ s(
-                ye,
+                Ce,
                 {
                   value: e.insuranceNumber ?? "",
-                  onChange: (g) => T({ insuranceNumber: g.target.value }),
-                  onBlur: () => E("insuranceNumber")
+                  onChange: (h) => P({ insuranceNumber: h.target.value }),
+                  onBlur: () => B("insuranceNumber")
                 }
               )
             }
           ) : null,
-          m ? /* @__PURE__ */ s(
-            Y,
+          u ? /* @__PURE__ */ s(
+            Z,
             {
-              label: r("booking.details.note.label"),
-              description: r("booking.details.note.helper", {
-                max: We
+              label: d("booking.details.note.label"),
+              description: d("booking.details.note.helper", {
+                max: it
               }),
               children: /* @__PURE__ */ s(
-                Mt,
+                Rt,
                 {
                   value: e.note ?? "",
-                  maxLength: We,
+                  maxLength: it,
                   rows: 3,
-                  onChange: (g) => T({ note: g.target.value })
+                  onChange: (h) => P({ note: h.target.value })
                 }
               )
             }
           ) : null,
-          d ? /* @__PURE__ */ s(
-            Re,
+          p ? /* @__PURE__ */ s(
+            Ke,
             {
               checked: !!e.returningPatient,
-              onCheckedChange: (g) => T({ returningPatient: g === !0 }),
-              label: r("booking.details.returningPatient.label")
+              onCheckedChange: (h) => P({ returningPatient: h === !0 }),
+              label: d("booking.details.returningPatient.label")
             }
           ) : null,
-          /* @__PURE__ */ v("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__ */ s(
-              Re,
+              Ke,
               {
                 checked: !!e.privacyConsent,
-                onCheckedChange: (g) => T({ privacyConsent: g === !0 }),
-                label: /* @__PURE__ */ v(W, { children: [
-                  R(
+                onCheckedChange: (h) => P({ privacyConsent: h === !0 }),
+                label: /* @__PURE__ */ f(W, { children: [
+                  Ne(
                     "booking.details.consent.privacy.label",
-                    c
+                    r
                   ),
                   /* @__PURE__ */ s(
                     "span",
@@ -852,14 +914,14 @@ const We = 500, Ma = /^[A-Z0-9]{16}$/, Da = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ze = 3
               }
             ),
             /* @__PURE__ */ s(
-              Re,
+              Ke,
               {
                 checked: !!e.termsConsent,
-                onCheckedChange: (g) => T({ termsConsent: g === !0 }),
-                label: /* @__PURE__ */ v(W, { children: [
-                  R(
+                onCheckedChange: (h) => P({ termsConsent: h === !0 }),
+                label: /* @__PURE__ */ f(W, { children: [
+                  Ne(
                     "booking.details.consent.terms.label",
-                    p
+                    c
                   ),
                   /* @__PURE__ */ s(
                     "span",
@@ -873,40 +935,40 @@ const We = 500, Ma = /^[A-Z0-9]{16}$/, Da = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ze = 3
               }
             )
           ] }),
-          H ? /* @__PURE__ */ s(
+          q ? /* @__PURE__ */ s(
             "div",
             {
               "data-component": "booking-confirmation-channels",
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
               children: /* @__PURE__ */ s(
-                Nt,
+                Bt,
                 {
-                  label: r("booking.confirmation.heading"),
-                  helperText: r("booking.confirmation.helper"),
-                  value: se,
-                  onChange: (g) => T({
-                    confirmationChannels: g
+                  label: d("booking.confirmation.heading"),
+                  helperText: d("booking.confirmation.helper"),
+                  value: ee,
+                  onChange: (h) => P({
+                    confirmationChannels: h
                   }),
                   orientation: "vertical",
-                  options: J.map((g) => ({
-                    value: g,
-                    label: r(`booking.confirmation.channel.${g}`)
+                  options: Q.map((h) => ({
+                    value: h,
+                    label: d(`booking.confirmation.channel.${h}`)
                   })),
-                  error: be ? r("booking.confirmation.atLeastOne") : void 0
+                  error: xe ? d("booking.confirmation.atLeastOne") : void 0
                 }
               )
             }
           ) : null,
-          b ? /* @__PURE__ */ s($, { variant: "error", children: /* @__PURE__ */ s($.Description, { children: b }) }) : null,
+          y ? /* @__PURE__ */ s(z, { variant: "error", children: /* @__PURE__ */ s(z.Description, { children: y }) }) : null,
           /* @__PURE__ */ s(
-            ae,
+            ie,
             {
               intent: "primary",
               size: "md",
               type: "submit",
-              disabled: !ie,
-              startIcon: k ? /* @__PURE__ */ s(Dt, { size: "sm" }) : void 0,
-              children: r("booking.details.submit")
+              disabled: !oe,
+              startIcon: I ? /* @__PURE__ */ s(Ft, { size: "sm" }) : void 0,
+              children: d("booking.details.submit")
             }
           )
         ]
@@ -914,8 +976,8 @@ const We = 500, Ma = /^[A-Z0-9]{16}$/, Da = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ze = 3
     );
   }
 );
-ze.displayName = "BookingDetailsForm";
-const _a = we(
+Ye.displayName = "BookingDetailsForm";
+const za = Pe(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)]",
   {
     variants: {
@@ -943,40 +1005,40 @@ const _a = we(
     },
     defaultVariants: { variant: "inline-list", surface: "flat" }
   }
-), Ta = [
+), Ka = [
   [
     /\b(estetic|aesthetic|botox|filler|mesoterap|chirurgia\s*plastic)/i,
-    Ye
+    st
   ],
-  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, Ft],
-  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, ua],
-  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, $t],
-  [/\b(otorin|udito|orecchi|hearing|ear)/i, ta],
-  [/\b(neuro|brain|cervello)/i, Wt],
-  [/\b(pediatr|child|bambin)/i, Ht],
-  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, Ut],
-  [/\b(lab|analis|test|sang|esami)/i, sa],
-  [/\b(farmaco|pharm|pillol|refill)/i, na],
-  [/\b(chirurg|surg|intervent|operat)/i, la],
-  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, ra],
-  [/\b(vacc|inject|inie|punto)/i, Ye],
-  [/\b(derma|skin|pelle)/i, zt],
-  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, Qt],
-  [/\b(general|medicin|family|control|check[-\s]?up)/i, jt]
+  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, Wt],
+  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, Ia],
+  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, Xt],
+  [/\b(otorin|udito|orecchi|hearing|ear)/i, ma],
+  [/\b(neuro|brain|cervello)/i, ra],
+  [/\b(pediatr|child|bambin)/i, sa],
+  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, na],
+  [/\b(lab|analis|test|sang|esami)/i, fa],
+  [/\b(farmaco|pharm|pillol|refill)/i, va],
+  [/\b(chirurg|surg|intervent|operat)/i, xa],
+  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, ya],
+  [/\b(vacc|inject|inie|punto)/i, st],
+  [/\b(derma|skin|pelle)/i, Qt],
+  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, ua],
+  [/\b(general|medicin|family|control|check[-\s]?up)/i, ta]
 ];
-function Aa(e) {
-  for (const [t, a] of Ta)
+function ja(e) {
+  for (const [t, a] of Ka)
     if (t.test(e)) return a;
   return null;
 }
-function Ba(e) {
-  const t = Aa(e.label) ?? Lt;
+function qa(e) {
+  const t = ja(e.label) ?? Zt;
   return /* @__PURE__ */ s(t, { "aria-hidden": "true", className: "ds:size-5" });
 }
-function fe(e) {
-  return Ne(e, "yyyy-MM-dd");
+function ae(e) {
+  return _e(e, "yyyy-MM-dd");
 }
-const Oa = [
+const Ha = [
   "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)]",
@@ -986,7 +1048,7 @@ const Oa = [
   "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(" "), Pa = we(Oa, {
+].join(" "), Ga = Pe(Ha, {
   variants: {
     state: {
       available: "ds:cursor-pointer ds:text-[var(--foreground)] ds:hover:bg-[var(--muted)]/30",
@@ -997,93 +1059,93 @@ const Oa = [
   },
   defaultVariants: { state: "unavailable" }
 });
-function Ea({
+function Ua({
   availableDates: e,
   selectedDate: t,
   onSelectDate: a,
   locale: i,
   loading: n
 }) {
-  const { t: o } = A(), l = w(() => t ? ge(K(t)) : e.length > 0 ? ge(K(e[0])) : ge(/* @__PURE__ */ new Date()), [t, e]), [m, d] = j(l), [c, p] = j(null), u = w(() => {
-    const b = ge(m), f = Bt(m), r = b.getDay(), _ = f.getDate(), M = [];
-    for (let y = r; y > 0; y -= 1) {
-      const C = new Date(b);
-      C.setDate(b.getDate() - y), M.push(C);
+  const { t: o } = O(), l = w(() => t ? ye(F(t)) : e.length > 0 ? ye(F(e[0])) : ye(/* @__PURE__ */ new Date()), [t, e]), [u, p] = K(l), [r, c] = K(null), m = w(() => {
+    const y = ye(u), b = qt(u), d = y.getDay(), _ = b.getDate(), x = [];
+    for (let g = d; g > 0; g -= 1) {
+      const S = new Date(y);
+      S.setDate(y.getDate() - g), x.push(S);
     }
-    for (let y = 0; y < _; y += 1) {
-      const C = new Date(b);
-      C.setDate(b.getDate() + y), M.push(C);
+    for (let g = 0; g < _; g += 1) {
+      const S = new Date(y);
+      S.setDate(y.getDate() + g), x.push(S);
     }
-    for (; M.length < 42; ) {
-      const y = M[M.length - 1], C = new Date(y);
-      C.setDate(y.getDate() + 1), M.push(C);
+    for (; x.length < 42; ) {
+      const g = x[x.length - 1], S = new Date(g);
+      S.setDate(g.getDate() + 1), x.push(S);
     }
-    return M;
-  }, [m]), S = w(() => {
+    return x;
+  }, [u]), k = w(() => {
     try {
       return new Intl.DateTimeFormat(i, {
         month: "long",
         year: "numeric"
-      }).format(m);
+      }).format(u);
     } catch {
-      return Ne(m, "MMMM yyyy");
+      return _e(u, "MMMM yyyy");
     }
-  }, [m, i]), k = w(() => {
-    const b = new Date(2024, 0, 7);
-    return Array.from({ length: 7 }, (f, r) => {
-      const _ = new Date(b);
-      _.setDate(b.getDate() + r);
+  }, [u, i]), I = w(() => {
+    const y = new Date(2024, 0, 7);
+    return Array.from({ length: 7 }, (b, d) => {
+      const _ = new Date(y);
+      _.setDate(y.getDate() + d);
       try {
         return new Intl.DateTimeFormat(i, { weekday: "short" }).format(_);
       } catch {
-        return Ne(_, "EEE");
+        return _e(_, "EEE");
       }
     });
-  }, [i]), h = w(() => new Set(e), [e]), N = q(
-    (b) => h.has(fe(b)),
-    [h]
-  ), x = w(() => {
-    if (c) return c;
-    if (t) return K(t);
-    const b = u.find(
-      (f) => ke(f, m) && N(f)
+  }, [i]), v = w(() => new Set(e), [e]), N = j(
+    (y) => v.has(ae(y)),
+    [v]
+  ), M = w(() => {
+    if (r) return r;
+    if (t) return F(t);
+    const y = m.find(
+      (b) => Me(b, u) && N(b)
     );
-    return b || (u.find((f) => ke(f, m)) ?? null);
-  }, [c, t, u, m, N]), D = q(
-    (b, f) => {
-      let r = null;
-      switch (b.key) {
+    return y || (m.find((b) => Me(b, u)) ?? null);
+  }, [r, t, m, u, N]), D = j(
+    (y, b) => {
+      let d = null;
+      switch (y.key) {
         case "ArrowLeft":
-          r = new Date(f), r.setDate(f.getDate() - 1);
+          d = new Date(b), d.setDate(b.getDate() - 1);
           break;
         case "ArrowRight":
-          r = new Date(f), r.setDate(f.getDate() + 1);
+          d = new Date(b), d.setDate(b.getDate() + 1);
           break;
         case "ArrowUp":
-          r = new Date(f), r.setDate(f.getDate() - 7);
+          d = new Date(b), d.setDate(b.getDate() - 7);
           break;
         case "ArrowDown":
-          r = new Date(f), r.setDate(f.getDate() + 7);
+          d = new Date(b), d.setDate(b.getDate() + 7);
           break;
         case "Home":
-          r = new Date(f), r.setDate(f.getDate() - f.getDay());
+          d = new Date(b), d.setDate(b.getDate() - b.getDay());
           break;
         case "End":
-          r = new Date(f), r.setDate(f.getDate() + (6 - f.getDay()));
+          d = new Date(b), d.setDate(b.getDate() + (6 - b.getDay()));
           break;
         case "Enter":
         case " ": {
-          b.preventDefault(), N(f) && a(fe(f));
+          y.preventDefault(), N(b) && a(ae(b));
           return;
         }
         default:
           return;
       }
-      r && (b.preventDefault(), ke(r, m) || d(ge(r)), p(r));
+      d && (y.preventDefault(), Me(d, u) || p(ye(d)), c(d));
     },
-    [N, a, m]
+    [N, a, u]
   );
-  return n ? /* @__PURE__ */ v(
+  return n ? /* @__PURE__ */ f(
     "div",
     {
       role: "status",
@@ -1091,22 +1153,22 @@ function Ea({
       "aria-label": o("common.loading"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
       children: [
-        /* @__PURE__ */ s(Ie, { variant: "text", width: "40%" }),
-        /* @__PURE__ */ s("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (b, f) => /* @__PURE__ */ s(Ie, { variant: "rounded", height: "2.5rem" }, `mg-skel-${f}`)) })
+        /* @__PURE__ */ s(Te, { variant: "text", width: "40%" }),
+        /* @__PURE__ */ s("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (y, b) => /* @__PURE__ */ s(Te, { variant: "rounded", height: "2.5rem" }, `mg-skel-${b}`)) })
       ]
     }
-  ) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+  ) : /* @__PURE__ */ 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__ */ s(
-        Ge,
+        tt,
         {
-          icon: /* @__PURE__ */ s(Pt, {}),
+          icon: /* @__PURE__ */ s(Gt, {}),
           "aria-label": o("booking.previousMonth"),
           size: "sm",
           intent: "ghost",
           flipIconInRtl: !0,
           onClick: () => {
-            d((b) => fa(b)), p(null);
+            p((y) => Ma(y)), c(null);
           }
         }
       ),
@@ -1115,24 +1177,24 @@ function Ea({
         {
           className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
           "aria-live": "polite",
-          children: S
+          children: k
         }
       ),
       /* @__PURE__ */ s(
-        Ge,
+        tt,
         {
-          icon: /* @__PURE__ */ s(Et, {}),
+          icon: /* @__PURE__ */ s(Ut, {}),
           "aria-label": o("booking.nextMonth"),
           size: "sm",
           intent: "ghost",
           flipIconInRtl: !0,
           onClick: () => {
-            d((b) => et(b, 1)), p(null);
+            p((y) => lt(y, 1)), c(null);
           }
         }
       )
     ] }),
-    /* @__PURE__ */ v(
+    /* @__PURE__ */ f(
       "div",
       {
         role: "grid",
@@ -1144,30 +1206,30 @@ function Ea({
             {
               role: "row",
               className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
-              children: k.map((b, f) => /* @__PURE__ */ s(
+              children: I.map((y, b) => /* @__PURE__ */ s(
                 "div",
                 {
                   role: "columnheader",
                   className: "type-meta ds:text-center ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-medium)]",
-                  children: b
+                  children: y
                 },
-                `wd-${f}`
+                `wd-${b}`
               ))
             }
           ),
-          Array.from({ length: 6 }, (b, f) => /* @__PURE__ */ s(
+          Array.from({ length: 6 }, (y, b) => /* @__PURE__ */ s(
             "div",
             {
               role: "row",
               className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
-              children: u.slice(f * 7, f * 7 + 7).map((r, _) => {
-                const M = f * 7 + _, y = ke(r, m), C = y && N(r), B = t ? Ue(r, K(t)) : !1, O = y ? B ? "selected" : C ? "available" : "unavailable" : "outside", Z = x ? Ue(x, r) : !1, E = (() => {
+              children: m.slice(b * 7, b * 7 + 7).map((d, _) => {
+                const x = b * 7 + _, g = Me(d, u), S = g && N(d), T = t ? at(d, F(t)) : !1, A = g ? T ? "selected" : S ? "available" : "unavailable" : "outside", G = M ? at(M, d) : !1, B = (() => {
                   try {
                     return new Intl.DateTimeFormat(i, {
                       dateStyle: "full"
-                    }).format(r);
+                    }).format(d);
                   } catch {
-                    return Ne(r, "PPP");
+                    return _e(d, "PPP");
                   }
                 })();
                 return /* @__PURE__ */ s(
@@ -1175,30 +1237,30 @@ function Ea({
                   {
                     type: "button",
                     role: "gridcell",
-                    "aria-label": E,
-                    "aria-selected": B || void 0,
-                    "aria-disabled": !C || void 0,
-                    tabIndex: Z ? 0 : -1,
-                    disabled: !C,
+                    "aria-label": B,
+                    "aria-selected": T || void 0,
+                    "aria-disabled": !S || void 0,
+                    tabIndex: G ? 0 : -1,
+                    disabled: !S,
                     onClick: () => {
-                      C && a(fe(r));
+                      S && a(ae(d));
                     },
-                    onKeyDown: (z) => D(z, r),
-                    className: Pa({ state: O }),
-                    children: /* @__PURE__ */ s("span", { "aria-hidden": "true", children: r.getDate() })
+                    onKeyDown: (E) => D(E, d),
+                    className: Ga({ state: A }),
+                    children: /* @__PURE__ */ s("span", { "aria-hidden": "true", children: d.getDate() })
                   },
-                  `mg-cell-${M}`
+                  `mg-cell-${x}`
                 );
               })
             },
-            `mg-row-${f}`
+            `mg-row-${b}`
           ))
         ]
       }
     )
   ] });
 }
-const Ra = we(
+const Ya = Pe(
   [
     "ds:relative ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-md)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1224,57 +1286,57 @@ const Ra = we(
     defaultVariants: { state: "idle" }
   }
 );
-function Va({
+function Ja({
   services: e,
   selectedServiceId: t,
   onSelect: a
 }) {
-  const { t: i } = A(), n = Xe(), [o, l] = j(() => {
+  const { t: i } = O(), n = rt(), [o, l] = K(() => {
     if (t) {
-      const p = e.findIndex((u) => u.id === t);
-      if (p >= 0) return p;
+      const c = e.findIndex((m) => m.id === t);
+      if (c >= 0) return c;
     }
     return 0;
-  }), m = te(/* @__PURE__ */ new Map()), d = q((p) => {
-    var u;
-    (u = m.current.get(p)) == null || u.focus();
-  }, []), c = q(
-    (p, u, S) => {
-      const k = e.length;
-      if (k !== 0)
-        switch (p.key) {
+  }), u = se(/* @__PURE__ */ new Map()), p = j((c) => {
+    var m;
+    (m = u.current.get(c)) == null || m.focus();
+  }, []), r = j(
+    (c, m, k) => {
+      const I = e.length;
+      if (I !== 0)
+        switch (c.key) {
           case "ArrowDown":
           case "ArrowRight": {
-            p.preventDefault();
-            const h = (u + 1) % k;
-            l(h), d(h);
+            c.preventDefault();
+            const v = (m + 1) % I;
+            l(v), p(v);
             break;
           }
           case "ArrowUp":
           case "ArrowLeft": {
-            p.preventDefault();
-            const h = (u - 1 + k) % k;
-            l(h), d(h);
+            c.preventDefault();
+            const v = (m - 1 + I) % I;
+            l(v), p(v);
             break;
           }
           case "Home": {
-            p.preventDefault(), l(0), d(0);
+            c.preventDefault(), l(0), p(0);
             break;
           }
           case "End": {
-            p.preventDefault();
-            const h = k - 1;
-            l(h), d(h);
+            c.preventDefault();
+            const v = I - 1;
+            l(v), p(v);
             break;
           }
           case "Enter":
           case " ": {
-            p.preventDefault(), a(S);
+            c.preventDefault(), a(k);
             break;
           }
         }
     },
-    [e.length, d, a]
+    [e.length, p, a]
   );
   return e.length === 0 ? null : /* @__PURE__ */ s(
     "div",
@@ -1283,27 +1345,27 @@ function Va({
       "aria-label": i("booking.serviceListLabel"),
       id: n,
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-      children: e.map((p, u) => {
-        const S = t === p.id, k = o === u, h = i("booking.serviceCardLabel", {
-          label: p.label,
-          duration: p.durationMin
-        }), N = Ba(p);
-        return /* @__PURE__ */ v(
+      children: e.map((c, m) => {
+        const k = t === c.id, I = o === m, v = i("booking.serviceCardLabel", {
+          label: c.label,
+          duration: c.durationMin
+        }), N = qa(c);
+        return /* @__PURE__ */ f(
           "button",
           {
-            ref: (x) => {
-              x ? m.current.set(u, x) : m.current.delete(u);
+            ref: (M) => {
+              M ? u.current.set(m, M) : u.current.delete(m);
             },
             type: "button",
             role: "radio",
-            "aria-checked": S,
-            "aria-label": h,
-            tabIndex: k ? 0 : -1,
-            onClick: () => a(p.id),
-            onFocus: () => l(u),
-            onKeyDown: (x) => c(x, u, p.id),
-            className: Ra({
-              state: S ? "selected" : "idle"
+            "aria-checked": k,
+            "aria-label": v,
+            tabIndex: I ? 0 : -1,
+            onClick: () => a(c.id),
+            onFocus: () => l(m),
+            onKeyDown: (M) => r(M, m, c.id),
+            className: Ya({
+              state: k ? "selected" : "idle"
             }),
             children: [
               /* @__PURE__ */ s(
@@ -1314,19 +1376,19 @@ function Va({
                   children: N
                 }
               ),
-              /* @__PURE__ */ v("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ s("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: p.label }),
-                /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: i("booking.serviceSummary", { minutes: p.durationMin }) })
+              /* @__PURE__ */ f("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ s("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: c.label }),
+                /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: i("booking.serviceSummary", { minutes: c.durationMin }) })
               ] })
             ]
           },
-          p.id
+          c.id
         );
       })
     }
   );
 }
-const La = we(
+const Za = Pe(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1352,16 +1414,16 @@ const La = we(
     defaultVariants: { state: "idle" }
   }
 );
-function Fa(e) {
+function Wa(e) {
   const [t] = e.split(":").map((i) => parseInt(i, 10)), a = Number.isFinite(t) ? t : 0;
   return a < 12 ? "morning" : a < 17 ? "afternoon" : "evening";
 }
-const $a = {
-  morning: Vt,
-  afternoon: pa,
-  evening: Rt
+const Xa = {
+  morning: Jt,
+  afternoon: wa,
+  evening: Yt
 };
-function za({
+function Qa({
   date: e,
   slots: t,
   selectedSlotKey: a,
@@ -1369,225 +1431,246 @@ function za({
   loading: n,
   locale: o
 }) {
-  const { t: l } = A(), m = w(() => {
+  const { t: l } = O(), u = w(() => {
     try {
       return new Intl.DateTimeFormat(o, {
         weekday: "long",
         day: "numeric",
         month: "long"
-      }).format(K(e));
+      }).format(F(e));
     } catch {
       return e;
     }
-  }, [e, o]), d = w(() => {
-    const u = {
+  }, [e, o]), p = w(() => {
+    const m = {
       morning: [],
       afternoon: [],
       evening: []
     };
-    for (const S of t)
-      u[Fa(S.time)].push(S);
-    return u;
-  }, [t]), c = t.filter((u) => u.available).length, p = ["morning", "afternoon", "evening"];
-  return n ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ s(Ie, { variant: "text", width: "60%" }),
-    [0, 1].map((u) => /* @__PURE__ */ s(
+    for (const k of t)
+      m[Wa(k.time)].push(k);
+    return m;
+  }, [t]), r = t.filter((m) => m.available).length, c = ["morning", "afternoon", "evening"];
+  return n ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s(Te, { variant: "text", width: "60%" }),
+    [0, 1].map((m) => /* @__PURE__ */ s(
       "div",
       {
         className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)]",
-        children: [0, 1, 2].map((S) => /* @__PURE__ */ s(Ie, { variant: "rounded", height: "44px" }, S))
+        children: [0, 1, 2].map((k) => /* @__PURE__ */ s(Te, { variant: "rounded", height: "44px" }, k))
       },
-      u
+      m
     ))
-  ] }) : c === 0 ? /* @__PURE__ */ s(Qe, { variant: "no-results", title: l("booking.noSlotsForDate") }) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ v("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+  ] }) : r === 0 ? /* @__PURE__ */ s(dt, { 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__ */ s(
-          Jt,
+          la,
           {
             "aria-hidden": "true",
             className: "ds:size-4 ds:text-[color:var(--accent)]"
           }
         ),
-        /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: m })
+        /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: u })
       ] }),
-      /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: l("booking.slotsAvailable", { count: c }) })
+      /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: l("booking.slotsAvailable", { count: r }) })
     ] }),
-    p.map((u) => {
-      const S = d[u];
-      if (S.length === 0) return null;
-      const k = $a[u];
-      return /* @__PURE__ */ v(
+    c.map((m) => {
+      const k = p[m];
+      if (k.length === 0) return null;
+      const I = Xa[m];
+      return /* @__PURE__ */ f(
         "div",
         {
           className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
           children: [
-            /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
-              /* @__PURE__ */ s(k, { "aria-hidden": "true", className: "ds:size-3.5" }),
-              /* @__PURE__ */ s("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: l(`booking.timeOfDay.${u}`) })
+            /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ s(I, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              /* @__PURE__ */ s("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: l(`booking.timeOfDay.${m}`) })
             ] }),
             /* @__PURE__ */ s(
               "div",
               {
                 role: "group",
-                "aria-label": l(`booking.timeOfDay.${u}`),
+                "aria-label": l(`booking.timeOfDay.${m}`),
                 className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)] ds:sm:grid-cols-4",
-                children: S.map((h) => {
-                  const N = h.key === a, x = h.available ? N ? "selected" : "idle" : "unavailable";
+                children: k.map((v) => {
+                  const N = v.key === a, M = v.available ? N ? "selected" : "idle" : "unavailable";
                   return /* @__PURE__ */ s(
                     "button",
                     {
                       type: "button",
-                      "data-slot-id": h.key,
-                      disabled: !h.available,
+                      "data-slot-id": v.key,
+                      disabled: !v.available,
                       "aria-pressed": N,
                       "aria-label": l("booking.slotAvailableLabel", {
-                        time: h.time
+                        time: v.time
                       }),
-                      onClick: () => h.available && i(h),
-                      className: La({ state: x }),
-                      children: h.time
+                      onClick: () => v.available && i(v),
+                      className: Za({ state: M }),
+                      children: v.time
                     },
-                    h.key
+                    v.key
                   );
                 })
               }
             )
           ]
         },
-        u
+        m
       );
     })
   ] });
 }
-const Se = 4;
-function Ka({
+const Ae = 4;
+function es({
   availableDates: e,
   availableSlots: t,
   value: a,
   onChange: i,
   onDateSelect: n,
-  loadingDates: o,
-  loadingSlots: l,
-  locale: m
+  onWindowChange: o,
+  loadingDates: l,
+  loadingSlots: u,
+  locale: p
 }) {
-  const d = w(() => Ve(/* @__PURE__ */ new Date()), []), [c, p] = j(() => {
+  const r = w(() => le(/* @__PURE__ */ new Date()), []), [c, m] = K(() => {
     if (a.date) {
-      const f = Ve(K(a.date));
-      if (!pe(d, f)) return f;
+      const g = le(F(a.date));
+      if (!ce(r, g)) return g;
     }
     if (e.length > 0) {
-      const f = Ve(K(e[0]));
-      if (pe(f, d)) return f;
+      const g = le(F(e[0]));
+      if (ce(g, r)) return g;
     }
-    return d;
-  }), u = w(
-    () => Le(c, Se - 1),
+    return r;
+  }), k = w(
+    () => je(c, Ae - 1),
     [c]
-  ), S = w(() => Array.from({ length: Se }, (f, r) => {
-    const _ = Le(c, r), M = fe(_), C = (t[M] ?? []).map((B) => ({
-      id: B.key,
+  ), I = w(() => Array.from({ length: Ae }, (g, S) => {
+    const T = je(c, S), A = ae(T), B = (t[A] ?? []).map((E) => ({
+      id: E.key,
       // SlotGrid formats `start` as a time via Intl.DateTimeFormat —
       // compose a full ISO from the column's date + the slot's HH:mm
       // so the locale-formatter has a real timestamp to work with.
-      start: `${M}T${B.time}:00`,
-      available: B.available
+      start: `${A}T${E.time}:00`,
+      available: E.available
     }));
-    return { date: M, slots: C };
-  }), [c, t]), k = pe(c, d), h = w(
-    () => e.some((f) => pe(K(f), u)),
-    [e, u]
-  ), N = q(() => {
-    p((f) => {
-      const r = Ot(f, Se);
-      return pe(d, r) ? d : r;
+    return { date: A, slots: B };
+  }), [c, t]), v = ce(c, r), N = !0, M = j(() => {
+    m((g) => {
+      const S = Ht(g, Ae);
+      return ce(r, S) ? r : S;
     });
-  }, [d]), x = q(() => {
-    p((f) => Le(f, Se));
-  }, []), D = q(
-    (f, r) => {
-      const _ = typeof r.date == "string" ? r.date : fe(r.date);
+  }, [r]), D = j(() => {
+    m((g) => je(g, Ae));
+  }, []);
+  H(() => {
+    if (e.length === 0) return;
+    const g = le(F(e[0]));
+    !ce(g, r) || e.some((T) => {
+      const A = le(F(T));
+      return !ce(A, k) && !jt(A, c);
+    }) || m(g);
+  }, [e]), H(() => {
+    o == null || o(ae(c), ae(k));
+  }, [c, k, o]);
+  const y = j(
+    (g, S) => {
+      const T = typeof S.date == "string" ? S.date : ae(S.date);
       i({
-        ...nt(Me(a, _), f.id)
-      }), n == null || n(_);
+        ...vt(Ee(a, T), g.id)
+      }), n == null || n(T);
     },
     [i, n, a]
-  );
-  return /* @__PURE__ */ s(
-    At,
-    {
-      days: S,
-      state: o || l ? "loading" : "default",
-      selectedSlotId: a.slotKey,
-      maxInitialSlotsPerDay: 6,
-      locale: m,
-      hasPrevious: k,
-      hasNext: h,
-      onSlotSelect: D,
-      onPreviousDays: N,
-      onNextDays: x
-    }
-  );
+  ), b = l || u ? "loading" : "default", d = I.some((g) => g.slots.length > 0), _ = e[0];
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    !d && !!_ ? /* @__PURE__ */ s(
+      Je,
+      {
+        nextAvailableDate: _,
+        onJump: () => m(le(F(_))),
+        locale: p
+      }
+    ) : null,
+    /* @__PURE__ */ s(
+      Kt,
+      {
+        days: I,
+        state: b,
+        selectedSlotId: a.slotKey,
+        maxInitialSlotsPerDay: 6,
+        locale: p,
+        hasPrevious: v,
+        hasNext: N,
+        onSlotSelect: y,
+        onPreviousDays: M,
+        onNextDays: D
+      }
+    )
+  ] });
 }
-function rt(e) {
+function yt(e) {
   const {
     inputs: t,
     value: a,
     onChange: i,
     onDateSelect: n,
-    loadingDates: o,
-    loadingSlots: l,
-    locale: m,
-    datePickerStyle: d
+    onWindowChange: o,
+    loadingDates: l,
+    loadingSlots: u,
+    locale: p,
+    datePickerStyle: r
   } = e;
-  return d === "four-day-grid" ? /* @__PURE__ */ s(
-    Ka,
+  return r === "four-day-grid" ? /* @__PURE__ */ s(
+    es,
     {
       availableDates: t.availableDates,
       availableSlots: t.availableSlots,
       value: a,
       onChange: i,
       onDateSelect: n,
-      loadingDates: o,
-      loadingSlots: l,
-      locale: m
+      onWindowChange: o,
+      loadingDates: l,
+      loadingSlots: u,
+      locale: p
     }
   ) : /* @__PURE__ */ s(
-    Ea,
+    Ua,
     {
       availableDates: t.availableDates,
       selectedDate: a.date,
       onSelectDate: (c) => {
-        i(Me(a, c)), n == null || n(c);
+        i(Ee(a, c)), n == null || n(c);
       },
-      locale: m,
-      loading: o ?? l
+      locale: p,
+      loading: l ?? u
     }
   );
 }
-function dt(e) {
+function kt(e) {
   const { inputs: t, value: a, onChange: i, loadingSlots: n, locale: o, datePickerStyle: l } = e;
   return l === "four-day-grid" || !a.date ? null : /* @__PURE__ */ s(
-    za,
+    Qa,
     {
       date: a.date,
       slots: t.availableSlots[a.date] ?? [],
       selectedSlotKey: a.slotKey,
-      onSelect: (m) => i(nt(a, m.key)),
+      onSelect: (u) => i(vt(a, u.key)),
       loading: n,
       locale: o
     }
   );
 }
-function lt({ value: e, onChange: t }) {
-  const { t: a } = A(), i = [
+function xt({ value: e, onChange: t }) {
+  const { t: a } = O(), i = [
     { value: "private", label: a("booking.insurance.private") },
     { value: "public", label: a("booking.insurance.public") }
   ];
-  return /* @__PURE__ */ v("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__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: a("booking.insurance.heading") }),
     /* @__PURE__ */ s(
-      Ce,
+      Oe,
       {
         options: i,
         value: e ?? "",
@@ -1600,108 +1683,212 @@ function lt({ value: e, onChange: t }) {
     )
   ] });
 }
-function ct({ specialties: e, value: t, onChange: a }) {
-  const { t: i } = A(), n = e.map((o) => ({
-    value: o.id,
-    label: o.label
-  }));
-  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: i("booking.specialty.heading") }),
+function St({
+  specialties: e,
+  value: t,
+  valueIds: a,
+  onChange: i,
+  onChangeIds: n,
+  pickerStyle: o = "select"
+}) {
+  const { t: l } = O(), u = e.map((r) => ({
+    value: r.id,
+    label: r.label
+  })), p = /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: l("booking.specialty.heading") });
+  return o === "multi-select" && n ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    p,
+    /* @__PURE__ */ s(
+      Ue,
+      {
+        options: u,
+        value: a ?? [],
+        onChange: n,
+        placeholder: l("booking.specialty.placeholder"),
+        "aria-label": l("booking.specialty.heading"),
+        allowClear: !0
+      }
+    )
+  ] }) : o === "combobox" ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    p,
     /* @__PURE__ */ s(
-      Ce,
+      Ge,
       {
-        options: n,
+        options: u,
         value: t ?? "",
-        onValueChange: (o) => a(o),
-        placeholder: i("booking.specialty.placeholder"),
-        "aria-label": i("booking.specialty.heading")
+        onValueChange: (r) => i(r === "" ? "" : r),
+        placeholder: l("booking.specialty.placeholder"),
+        "aria-label": l("booking.specialty.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    p,
+    /* @__PURE__ */ s(
+      Oe,
+      {
+        options: u,
+        value: t ?? "",
+        onValueChange: (r) => i(r),
+        placeholder: l("booking.specialty.placeholder"),
+        "aria-label": l("booking.specialty.heading")
       }
     )
   ] });
 }
-function ut({ services: e, value: t, onChange: a, compact: i }) {
-  const { t: n } = A();
-  if (i) {
-    const o = e.map((l) => ({
-      value: l.id,
-      label: `${l.label} · ${n("booking.serviceSummary", {
-        minutes: l.durationMin
-      })}`
+function It({
+  services: e,
+  value: t,
+  valueIds: a,
+  onChange: i,
+  onChangeIds: n,
+  pickerStyle: o,
+  compact: l
+}) {
+  const { t: u } = O(), p = o ?? (l ? "select" : "cards"), r = e.map((m) => ({
+    value: m.id,
+    label: `${m.label} · ${u("booking.serviceSummary", {
+      minutes: m.durationMin
+    })}`
+  })), c = /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: u("booking.service.heading") });
+  return p === "multi-select" && n ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    c,
+    /* @__PURE__ */ s(
+      Ue,
+      {
+        options: r,
+        value: a ?? [],
+        onChange: n,
+        placeholder: u("booking.service.placeholder"),
+        "aria-label": u("booking.service.heading"),
+        allowClear: !0
+      }
+    )
+  ] }) : p === "combobox" ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    c,
+    /* @__PURE__ */ s(
+      Ge,
+      {
+        options: r,
+        value: t ?? "",
+        onValueChange: (m) => i(m === "" ? "" : m),
+        placeholder: u("booking.service.placeholder"),
+        "aria-label": u("booking.service.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : p === "select" ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    c,
+    /* @__PURE__ */ s(
+      Oe,
+      {
+        options: r,
+        value: t ?? "",
+        onValueChange: (m) => i(m),
+        placeholder: u("booking.service.placeholder"),
+        "aria-label": u("booking.service.heading")
+      }
+    )
+  ] }) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    c,
+    /* @__PURE__ */ s(
+      Ja,
+      {
+        services: e,
+        selectedServiceId: t,
+        onSelect: i
+      }
+    )
+  ] });
+}
+function Nt({
+  operators: e,
+  value: t,
+  valueIds: a,
+  onChange: i,
+  onChangeIds: n,
+  pickerStyle: o = "select"
+}) {
+  const { t: l } = O(), u = /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: l("booking.operator.heading") });
+  if (o === "multi-select" && n) {
+    const r = e.map((c) => ({
+      value: c.id,
+      label: c.name
     }));
-    return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: n("booking.service.heading") }),
+    return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      u,
       /* @__PURE__ */ s(
-        Ce,
+        Ue,
         {
-          options: o,
-          value: t ?? "",
-          onValueChange: (l) => a(l),
-          placeholder: n("booking.service.placeholder"),
-          "aria-label": n("booking.service.heading")
+          options: r,
+          value: a ?? [],
+          onChange: n,
+          placeholder: l("booking.operator.placeholder"),
+          "aria-label": l("booking.operator.heading"),
+          allowClear: !0
         }
       )
     ] });
   }
-  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: n("booking.service.heading") }),
+  const p = [
+    { value: X, label: l("booking.operator.all") },
+    ...e.map((r) => ({ value: r.id, label: r.name }))
+  ];
+  return o === "combobox" ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    u,
     /* @__PURE__ */ s(
-      Va,
+      Ge,
       {
-        services: e,
-        selectedServiceId: t,
-        onSelect: a
+        options: p,
+        value: t ?? X,
+        onValueChange: (r) => i(r === "" ? X : r),
+        placeholder: l("booking.operator.placeholder"),
+        "aria-label": l("booking.operator.heading"),
+        clearable: !0
       }
     )
-  ] });
-}
-function mt({ operators: e, value: t, onChange: a }) {
-  const { t: i } = A(), n = [
-    { value: he, label: i("booking.operator.all") },
-    ...e.map((o) => ({ value: o.id, label: o.name }))
-  ];
-  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: i("booking.operator.heading") }),
+  ] }) : /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    u,
     /* @__PURE__ */ s(
-      Ce,
+      Oe,
       {
-        options: n,
-        value: t ?? he,
-        onValueChange: (o) => a(o),
-        placeholder: i("booking.operator.placeholder"),
-        "aria-label": i("booking.operator.heading")
+        options: p,
+        value: t ?? X,
+        onValueChange: (r) => i(r),
+        placeholder: l("booking.operator.placeholder"),
+        "aria-label": l("booking.operator.heading")
       }
     )
   ] });
 }
-function pt({
+function wt({
   customSlot: e
 }) {
-  const { t } = A();
-  return e ? /* @__PURE__ */ s(W, { children: e }) : /* @__PURE__ */ v($, { variant: "warning", children: [
-    /* @__PURE__ */ s($.Title, { as: "h4", children: t("booking.onboardingIncomplete.title") }),
-    /* @__PURE__ */ s($.Description, { children: t("booking.onboardingIncomplete.description") })
+  const { t } = O();
+  return e ? /* @__PURE__ */ s(W, { children: e }) : /* @__PURE__ */ f(z, { variant: "warning", children: [
+    /* @__PURE__ */ s(z.Title, { as: "h4", children: t("booking.onboardingIncomplete.title") }),
+    /* @__PURE__ */ s(z.Description, { children: t("booking.onboardingIncomplete.description") })
   ] });
 }
-function gt({
+function Je({
   nextAvailableDate: e,
   onJump: t,
   locale: a
 }) {
-  const { t: i } = A(), n = w(() => {
+  const { t: i } = O(), n = w(() => {
     try {
       return new Intl.DateTimeFormat(a, { dateStyle: "long" }).format(
-        K(e)
+        F(e)
       );
     } catch {
       return e;
     }
   }, [e, a]);
-  return /* @__PURE__ */ v($, { variant: "info", children: [
-    /* @__PURE__ */ s($.Description, { children: i("booking.nextAvailable.description", { date: n }) }),
-    /* @__PURE__ */ s($.Action, { children: /* @__PURE__ */ s(ae, { intent: "secondary", size: "sm", onClick: t, children: i("booking.nextAvailable.cta") }) })
+  return /* @__PURE__ */ f(z, { variant: "info", children: [
+    /* @__PURE__ */ s(z.Description, { children: i("booking.nextAvailable.description", { date: n }) }),
+    /* @__PURE__ */ s(z.Action, { children: /* @__PURE__ */ s(ie, { intent: "secondary", size: "sm", onClick: t, children: i("booking.nextAvailable.cta") }) })
   ] });
 }
-function ja({
+function ts({
   snapshot: e,
   operators: t,
   specialties: a,
@@ -1709,67 +1896,67 @@ function ja({
   locale: n,
   mode: o,
   showModify: l,
-  onReset: m,
-  onModify: d
+  onReset: u,
+  onModify: p
 }) {
-  const { t: c } = A(), u = (e.details.confirmationChannels ?? ["email"]).map(
-    (D) => c(`booking.confirmation.channel.${D}`)
-  ), S = o === "demo" ? c("booking.success.descriptionDemo") : u.length > 1 ? c("booking.success.descriptionMultiple", {
-    channels: u.join(" · ")
-  }) : c("booking.success.descriptionSingle", { channel: u[0] }), k = w(() => {
+  const { t: r } = O(), m = (e.details.confirmationChannels ?? ["email"]).map(
+    (D) => r(`booking.confirmation.channel.${D}`)
+  ), k = o === "demo" ? r("booking.success.descriptionDemo") : m.length > 1 ? r("booking.success.descriptionMultiple", {
+    channels: m.join(" · ")
+  }) : r("booking.success.descriptionSingle", { channel: m[0] }), I = w(() => {
     if (e.date)
       try {
         return new Intl.DateTimeFormat(n, {
           weekday: "long",
           day: "numeric",
           month: "long"
-        }).format(K(e.date));
+        }).format(F(e.date));
       } catch {
         return e.date;
       }
-  }, [e.date, n]), h = e.operatorId ? t.find((D) => D.id === e.operatorId) : void 0, N = e.specialtyId ? a.find((D) => D.id === e.specialtyId) : void 0, x = e.serviceId ? i.find((D) => D.id === e.serviceId) : void 0;
-  return /* @__PURE__ */ v(
+  }, [e.date, n]), v = e.operatorId ? t.find((D) => D.id === e.operatorId) : void 0, N = e.specialtyId ? a.find((D) => D.id === e.specialtyId) : void 0, M = e.serviceId ? i.find((D) => D.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__ */ v($, { variant: "success", children: [
-          /* @__PURE__ */ s($.Title, { as: "h3", children: c("booking.success.heading") }),
-          /* @__PURE__ */ s($.Description, { children: S })
+        /* @__PURE__ */ f(z, { variant: "success", children: [
+          /* @__PURE__ */ s(z.Title, { as: "h3", children: r("booking.success.heading") }),
+          /* @__PURE__ */ s(z.Description, { children: k })
         ] }),
-        /* @__PURE__ */ s("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[var(--secondary)] ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ v("dl", { className: "ds:grid ds:grid-cols-[auto_minmax(0,1fr)] ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)] ds:m-0", children: [
-          N ? /* @__PURE__ */ v(W, { children: [
-            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: c("booking.success.summarySpecialty") }),
+        /* @__PURE__ */ s("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: [
+          N ? /* @__PURE__ */ f(W, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: r("booking.success.summarySpecialty") }),
             /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: N.label })
           ] }) : null,
-          x ? /* @__PURE__ */ v(W, { children: [
-            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: c("booking.success.summaryService") }),
-            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: x.label })
+          M ? /* @__PURE__ */ f(W, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: r("booking.success.summaryService") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: M.label })
           ] }) : null,
-          k ? /* @__PURE__ */ v(W, { children: [
-            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: c("booking.success.summaryDate") }),
-            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: k })
+          I ? /* @__PURE__ */ f(W, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: r("booking.success.summaryDate") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: I })
           ] }) : null,
-          /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: c("booking.success.summaryTime") }),
+          /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: r("booking.success.summaryTime") }),
           /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: e.slot.time }),
-          h ? /* @__PURE__ */ v(W, { children: [
-            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: c("booking.success.summaryProvider") }),
-            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: h.name })
+          v ? /* @__PURE__ */ f(W, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: r("booking.success.summaryProvider") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: v.name })
           ] }) : null
         ] }) }),
-        /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          /* @__PURE__ */ s(ae, { intent: "secondary", size: "md", onClick: m, children: c("booking.success.bookAnother") }),
-          l ? /* @__PURE__ */ s(ae, { intent: "ghost", size: "md", onClick: d, children: c("booking.success.modifyBooking") }) : null
+        /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ s(ie, { intent: "secondary", size: "md", onClick: u, children: r("booking.success.bookAnother") }),
+          l ? /* @__PURE__ */ s(ie, { intent: "ghost", size: "md", onClick: p, children: r("booking.success.modifyBooking") }) : null
         ] })
       ]
     }
   );
 }
-function ft({ customSlot: e }) {
-  const { t } = A();
+function Ct({ customSlot: e }) {
+  const { t } = O();
   return e ? /* @__PURE__ */ s(W, { children: e }) : /* @__PURE__ */ s(
-    Qe,
+    dt,
     {
       variant: "no-results",
       title: t("booking.emptyServices.title"),
@@ -1777,7 +1964,7 @@ function ft({ customSlot: e }) {
     }
   );
 }
-function qa(e) {
+function as(e) {
   const {
     cascade: t,
     inputs: a,
@@ -1785,184 +1972,212 @@ function qa(e) {
     onChange: n,
     onSubmit: o,
     emptyServicesSlot: l,
-    onboardingIncompleteSlot: m,
-    loadingDates: d,
-    loadingSlots: c,
-    onDateSelect: p,
-    datePickerStyle: u,
-    submitting: S,
-    locale: k,
-    detailsProps: h
-  } = e, { t: N } = A();
-  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    onboardingIncompleteSlot: u,
+    loadingDates: p,
+    loadingSlots: r,
+    onDateSelect: c,
+    onWindowChange: m,
+    datePickerStyle: k,
+    specialtyPickerStyle: I,
+    servicePickerStyle: v,
+    operatorPickerStyle: N,
+    submitting: M,
+    locale: D,
+    detailsProps: y
+  } = e, { t: b } = O();
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
     t.gates.insurance ? /* @__PURE__ */ s(
-      lt,
+      xt,
       {
         value: i.insuranceType,
-        onChange: (x) => n(tt(i, x))
+        onChange: (d) => n(ct(i, d))
       }
     ) : null,
     t.gates.specialty ? /* @__PURE__ */ s(
-      ct,
+      St,
       {
         specialties: t.filtered.specialties,
         value: i.specialtyId,
-        onChange: (x) => n(at(i, x))
+        valueIds: i.specialtyIds,
+        onChange: (d) => n(ut(i, d)),
+        onChangeIds: (d) => n(pt(i, d)),
+        pickerStyle: I
       }
     ) : null,
-    t.gates.service ? t.filtered.services.length === 0 ? /* @__PURE__ */ s(ft, { customSlot: l }) : /* @__PURE__ */ s(
-      ut,
+    t.gates.service ? t.filtered.services.length === 0 ? /* @__PURE__ */ s(Ct, { customSlot: l }) : /* @__PURE__ */ s(
+      It,
       {
         services: t.filtered.services,
         value: i.serviceId,
-        onChange: (x) => n(st(i, x))
+        valueIds: i.serviceIds,
+        onChange: (d) => n(mt(i, d)),
+        onChangeIds: (d) => n(gt(i, d)),
+        pickerStyle: v
       }
     ) : null,
-    t.gates.onboardingIncomplete ? /* @__PURE__ */ s(pt, { customSlot: m }) : null,
+    t.gates.onboardingIncomplete ? /* @__PURE__ */ s(wt, { customSlot: u }) : null,
     t.gates.operator ? /* @__PURE__ */ s(
-      mt,
+      Nt,
       {
         operators: t.filtered.operators,
         value: i.operatorId,
-        onChange: (x) => n(it(i, x))
+        valueIds: i.operatorIds,
+        onChange: (d) => n(ft(i, d)),
+        onChangeIds: (d) => n(ht(i, d)),
+        pickerStyle: N
       }
     ) : null,
-    t.gates.date ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: N("booking.date.heading") }),
+    t.gates.date ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: b("booking.date.heading") }),
       a.availableDates.length === 0 && a.nextAvailableDate ? /* @__PURE__ */ s(
-        gt,
+        Je,
         {
           nextAvailableDate: a.nextAvailableDate,
-          onJump: () => n(Me(i, a.nextAvailableDate)),
-          locale: k
+          onJump: () => n(Ee(i, a.nextAvailableDate)),
+          locale: D
         }
-      ) : rt({
+      ) : yt({
         inputs: a,
         value: i,
         onChange: n,
-        onDateSelect: p,
-        loadingDates: d,
-        loadingSlots: c,
-        locale: k,
-        datePickerStyle: u
+        onDateSelect: c,
+        onWindowChange: m,
+        loadingDates: p,
+        loadingSlots: r,
+        locale: D,
+        datePickerStyle: k
       })
     ] }) : null,
-    t.gates.slot && i.date && u === "month-calendar" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: N("booking.slot.heading") }),
-      dt({
+    t.gates.slot && i.date && k === "month-calendar" ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: b("booking.slot.heading") }),
+      kt({
         inputs: a,
         value: i,
         onChange: n,
-        loadingSlots: c,
-        locale: k,
-        datePickerStyle: u
+        loadingSlots: r,
+        locale: D,
+        datePickerStyle: k
       })
     ] }) : null,
     t.gates.details && t.selectedSlot ? /* @__PURE__ */ s(
-      ze,
+      Ye,
       {
-        ...h,
+        ...y,
         value: i.details ?? {},
-        onChange: (x) => n({ ...i, details: x }),
+        onChange: (d) => n({ ...i, details: d }),
         onSubmit: o,
-        submitting: S,
+        submitting: M,
         defaultPhoneCountry: e.policy.country
       }
     ) : null
   ] });
 }
-function F(e, t, a = {}) {
+function $(e, t, a = {}) {
   const {
     cascade: i,
     inputs: n,
     value: o,
     onChange: l,
-    onSubmit: m,
-    emptyServicesSlot: d,
-    onboardingIncompleteSlot: c,
-    loadingDates: p,
-    loadingSlots: u,
-    onDateSelect: S,
-    datePickerStyle: k,
-    submitting: h,
-    locale: N,
-    detailsProps: x,
-    policy: D
+    onSubmit: u,
+    emptyServicesSlot: p,
+    onboardingIncompleteSlot: r,
+    loadingDates: c,
+    loadingSlots: m,
+    onDateSelect: k,
+    onWindowChange: I,
+    datePickerStyle: v,
+    specialtyPickerStyle: N,
+    servicePickerStyle: M,
+    operatorPickerStyle: D,
+    submitting: y,
+    locale: b,
+    detailsProps: d,
+    policy: _
   } = t;
   switch (e) {
     case 1:
       return /* @__PURE__ */ s(
-        lt,
+        xt,
         {
           value: o.insuranceType,
-          onChange: (b) => l(tt(o, b))
+          onChange: (x) => l(ct(o, x))
         }
       );
     case 2:
       return /* @__PURE__ */ s(
-        ct,
+        St,
         {
           specialties: i.filtered.specialties,
           value: o.specialtyId,
-          onChange: (b) => l(at(o, b))
+          valueIds: o.specialtyIds,
+          onChange: (x) => l(ut(o, x)),
+          onChangeIds: (x) => l(pt(o, x)),
+          pickerStyle: N
         }
       );
     case 3:
-      return i.filtered.services.length === 0 ? /* @__PURE__ */ s(ft, { customSlot: d }) : i.gates.onboardingIncomplete ? /* @__PURE__ */ s(pt, { customSlot: c }) : /* @__PURE__ */ s(
-        ut,
+      return i.filtered.services.length === 0 ? /* @__PURE__ */ s(Ct, { customSlot: p }) : i.gates.onboardingIncomplete ? /* @__PURE__ */ s(wt, { customSlot: r }) : /* @__PURE__ */ s(
+        It,
         {
           services: i.filtered.services,
           value: o.serviceId,
-          onChange: (b) => l(st(o, b)),
+          valueIds: o.serviceIds,
+          onChange: (x) => l(mt(o, x)),
+          onChangeIds: (x) => l(gt(o, x)),
+          pickerStyle: M,
           compact: a.compactService
         }
       );
     case 4:
       return /* @__PURE__ */ s(
-        mt,
+        Nt,
         {
           operators: i.filtered.operators,
           value: o.operatorId,
-          onChange: (b) => l(it(o, b))
+          valueIds: o.operatorIds,
+          onChange: (x) => l(ft(o, x)),
+          onChangeIds: (x) => l(ht(o, x)),
+          pickerStyle: D
         }
       );
     case 5:
       return n.availableDates.length === 0 && n.nextAvailableDate ? /* @__PURE__ */ s(
-        gt,
+        Je,
         {
           nextAvailableDate: n.nextAvailableDate,
-          onJump: () => l(Me(o, n.nextAvailableDate)),
-          locale: N
+          onJump: () => l(Ee(o, n.nextAvailableDate)),
+          locale: b
         }
-      ) : rt({
+      ) : yt({
         inputs: n,
         value: o,
         onChange: l,
-        onDateSelect: S,
-        loadingDates: p,
-        loadingSlots: u,
-        locale: N,
-        datePickerStyle: k
+        onDateSelect: k,
+        onWindowChange: I,
+        loadingDates: c,
+        loadingSlots: m,
+        locale: b,
+        datePickerStyle: v
       });
     case 6:
-      return dt({
+      return kt({
         inputs: n,
         value: o,
         onChange: l,
-        loadingSlots: u,
-        locale: N,
-        datePickerStyle: k
+        loadingSlots: m,
+        locale: b,
+        datePickerStyle: v
       });
     case 7:
       return i.selectedSlot ? /* @__PURE__ */ s(
-        ze,
+        Ye,
         {
-          ...x,
+          ...d,
           value: o.details ?? {},
-          onChange: (b) => l({ ...o, details: b }),
-          onSubmit: m,
-          submitting: h,
-          defaultPhoneCountry: D.country
+          onChange: (x) => l({ ...o, details: x }),
+          onSubmit: u,
+          submitting: y,
+          defaultPhoneCountry: _.country
         }
       ) : null;
     /* c8 ignore next 2 */
@@ -1970,8 +2185,8 @@ function F(e, t, a = {}) {
       return null;
   }
 }
-function Ke() {
-  const { t: e } = A();
+function Ze() {
+  const { t: e } = O();
   return w(
     () => ({
       1: e("booking.insurance.heading"),
@@ -1985,32 +2200,32 @@ function Ke() {
     [e]
   );
 }
-function Ha(e) {
-  const { cascade: t, value: a, activeStep: i, setActiveStep: n, datePickerStyle: o } = e, l = Ke(), m = w(
-    () => o === "four-day-grid" ? t.visibleSteps.filter((p) => p !== 6) : t.visibleSteps,
+function ss(e) {
+  const { cascade: t, value: a, activeStep: i, setActiveStep: n, datePickerStyle: o } = e, l = Ze(), u = w(
+    () => o === "four-day-grid" ? t.visibleSteps.filter((c) => c !== 6) : t.visibleSteps,
     [t.visibleSteps, o]
-  ), d = w(
-    () => m.map((p) => ({
-      label: l[p],
-      summary: ht(p, a, t),
-      status: ve(p, a) && p < t.currentStep ? "completed" : void 0,
-      content: F(p, e, { compactService: !0 })
+  ), p = w(
+    () => u.map((c) => ({
+      label: l[c],
+      summary: Mt(c, a, t),
+      status: ke(c, a) && c < t.currentStep ? "completed" : void 0,
+      content: $(c, e, { compactService: !0 })
     })),
-    [m, a, l, t, e]
-  ), c = Math.max(0, t.visibleSteps.indexOf(i));
+    [u, a, l, t, e]
+  ), r = Math.max(0, t.visibleSteps.indexOf(i));
   return /* @__PURE__ */ s(
-    _t,
+    $t,
     {
-      activeStep: c,
-      steps: d,
-      onStepChange: (p) => {
-        const u = t.visibleSteps[p];
-        u && n(u);
+      activeStep: r,
+      steps: p,
+      onStepChange: (c) => {
+        const m = t.visibleSteps[c];
+        m && n(m);
       }
     }
   );
 }
-function ve(e, t) {
+function ke(e, t) {
   switch (e) {
     case 1:
       return t.insuranceType !== void 0;
@@ -2028,9 +2243,9 @@ function ve(e, t) {
       return !1;
   }
 }
-function ht(e, t, a) {
+function Mt(e, t, a) {
   var i;
-  if (ve(e, t))
+  if (ke(e, t))
     switch (e) {
       case 1:
         return t.insuranceType;
@@ -2047,7 +2262,7 @@ function ht(e, t, a) {
         return n == null ? void 0 : n.label;
       }
       case 4: {
-        const n = $e(t);
+        const n = He(t);
         if (!n) return;
         const o = a.filtered.operators.find((l) => l.id === n);
         return o == null ? void 0 : o.name;
@@ -2060,100 +2275,106 @@ function ht(e, t, a) {
         return;
     }
 }
-function Ga(e) {
-  const { cascade: t, value: a, setActiveStep: i } = e, { t: n } = A(), o = Ke(), l = t.visibleSteps.filter(
-    (d) => d === 1 || d === 2 || d === 3 || d === 4
-  ), m = l.some(
-    (d) => !ve(d, a)
+function is(e) {
+  const { cascade: t, value: a, setActiveStep: i } = e, { t: n } = O(), o = Ze(), l = t.visibleSteps.filter(
+    (p) => p === 1 || p === 2 || p === 3 || p === 4
+  ), u = l.some(
+    (p) => !ke(p, a)
   );
-  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    m ? l.filter((d) => !ve(d, a)).slice(0, 1).map((d) => /* @__PURE__ */ s("div", { children: F(d, e, { compactService: !0 }) }, `csf-${d}`)) : /* @__PURE__ */ s(
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    u ? l.filter((p) => !ke(p, a)).slice(0, 1).map((p) => /* @__PURE__ */ s("div", { children: $(p, e, { compactService: !0 }) }, `csf-${p}`)) : /* @__PURE__ */ s(
       "div",
       {
         role: "group",
         "aria-label": n("booking.regionLabel"),
         className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
-        children: l.map((d) => {
-          const c = ht(d, a, t);
-          return c ? /* @__PURE__ */ v(
-            ae,
+        children: l.map((p) => {
+          const r = Mt(p, a, t);
+          return r ? /* @__PURE__ */ f(
+            ie,
             {
               intent: "tonal",
               size: "sm",
-              onClick: () => i(d),
+              onClick: () => i(p),
               children: [
-                o[d],
+                o[p],
                 ": ",
-                c
+                r
               ]
             },
-            `csc-${d}`
+            `csc-${p}`
           ) : null;
         })
       }
     ),
-    !m && t.gates.date ? (
+    !u && t.gates.date ? (
       // four-day-grid embeds slots inline with the day strip — the
       // historic 2-col date|slot split collapses to a single column
       // so the picker spans the full width instead of orphaning an
       // empty right cell.
-      e.datePickerStyle === "four-day-grid" ? /* @__PURE__ */ s("div", { children: F(5, e) }) : /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
-        /* @__PURE__ */ s("div", { className: "ds:min-w-0", children: F(5, e) }),
-        /* @__PURE__ */ s("div", { className: "ds:min-w-0", children: a.date ? F(6, e) : null })
+      e.datePickerStyle === "four-day-grid" ? /* @__PURE__ */ s("div", { children: $(5, e) }) : /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+        /* @__PURE__ */ s("div", { className: "ds:min-w-0", children: $(5, e) }),
+        /* @__PURE__ */ s("div", { className: "ds:min-w-0", children: a.date ? $(6, e) : null })
       ] })
     ) : null,
-    t.gates.details ? /* @__PURE__ */ s("div", { children: F(7, e) }) : null
+    t.gates.details ? /* @__PURE__ */ s("div", { children: $(7, e) }) : null
   ] });
 }
-function Ua(e) {
-  const { cascade: t } = e, a = t.visibleSteps.filter(
-    (i) => i === 1 || i === 2 || i === 3 || i === 4
+function ns(e) {
+  const { cascade: t, datePickerStyle: a } = e, i = t.visibleSteps.filter(
+    (o) => o === 1 || o === 2 || o === 3 || o === 4
   );
-  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
-      /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: a.map((i) => /* @__PURE__ */ s("div", { children: F(i, e, { compactService: !0 }) }, `fbf-${i}`)) }),
-      /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-        t.gates.date ? F(5, e) : null,
-        t.gates.slot && e.value.date ? F(6, e) : null
-      ] })
-    ] }),
-    t.gates.details ? F(7, e) : null
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ f(
+      "div",
+      {
+        className: a === "four-day-grid" ? "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]" : "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2",
+        children: [
+          /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: i.map((o) => /* @__PURE__ */ s("div", { children: $(o, e, { compactService: !0 }) }, `fbf-${o}`)) }),
+          /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            t.gates.date ? $(5, e) : null,
+            t.gates.slot && e.value.date ? $(6, e) : null
+          ] })
+        ]
+      }
+    ),
+    t.gates.details ? $(7, e) : null
   ] });
 }
-function Ya(e) {
-  const { cascade: t, value: a, activeStep: i, setActiveStep: n, datePickerStyle: o } = e, { t: l } = A(), m = Ke(), d = w(
-    () => o === "four-day-grid" ? t.visibleSteps.filter((h) => h !== 6) : t.visibleSteps,
+function os(e) {
+  const { cascade: t, value: a, activeStep: i, setActiveStep: n, datePickerStyle: o } = e, { t: l } = O(), u = Ze(), p = w(
+    () => o === "four-day-grid" ? t.visibleSteps.filter((v) => v !== 6) : t.visibleSteps,
     [t.visibleSteps, o]
-  ), c = Math.max(0, d.indexOf(i)), p = d.length, u = w(
-    () => d.map((h) => ({ label: m[h] })),
-    [d, m]
-  ), S = c > 0, k = c < p - 1 && ve(i, a);
-  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ s(Tt, { activeStep: c, steps: u }),
-    /* @__PURE__ */ s("div", { children: F(i, e, { compactService: !0 }) }),
-    /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+  ), r = Math.max(0, p.indexOf(i)), c = p.length, m = w(
+    () => p.map((v) => ({ label: u[v] })),
+    [p, u]
+  ), k = r > 0, I = r < c - 1 && ke(i, a);
+  return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ s(zt, { activeStep: r, steps: m }),
+    /* @__PURE__ */ s("div", { children: $(i, e, { compactService: !0 }) }),
+    /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ s(
-        ae,
+        ie,
         {
           intent: "ghost",
           size: "md",
-          disabled: !S,
+          disabled: !k,
           onClick: () => {
-            const h = d[c - 1];
-            h && n(h);
+            const v = p[r - 1];
+            v && n(v);
           },
           children: l("booking.actions.back")
         }
       ),
       i < 7 ? /* @__PURE__ */ s(
-        ae,
+        ie,
         {
           intent: "primary",
           size: "md",
-          disabled: !k,
+          disabled: !I,
           onClick: () => {
-            const h = d[c + 1];
-            h && n(h);
+            const v = p[r + 1];
+            v && n(v);
           },
           children: l("booking.actions.next")
         }
@@ -2161,7 +2382,7 @@ function Ya(e) {
     ] })
   ] });
 }
-const Wa = [], Za = [], Ja = Je(
+const rs = [], ds = [], ls = ot(
   ({
     variant: e = "inline-list",
     country: t,
@@ -2173,70 +2394,74 @@ const Wa = [], Za = [], Ja = Je(
     lockedOperatorId: n,
     autoSelectSingleService: o = !1,
     specialties: l,
-    services: m,
-    operators: d,
-    availableDates: c,
-    availableSlots: p,
-    nextAvailableDate: u,
-    requireCodiceFiscale: S,
-    requireDateOfBirth: k,
-    requireInsuranceNumber: h,
+    services: u,
+    operators: p,
+    availableDates: r,
+    availableSlots: c,
+    nextAvailableDate: m,
+    requireCodiceFiscale: k,
+    requireDateOfBirth: I,
+    requireInsuranceNumber: v,
     showNote: N,
-    showReturningPatientFlag: x,
+    showReturningPatientFlag: M,
     privacyPolicyUrl: D,
-    termsUrl: b,
-    validateCodiceFiscale: f,
-    validateInsuranceNumber: r,
+    termsUrl: y,
+    validateCodiceFiscale: b,
+    validateInsuranceNumber: d,
     confirmationChannels: _,
-    defaultConfirmationChannels: M,
-    value: y,
-    onChange: C,
-    onSubmit: B,
-    onStepChange: O,
-    onDateSelect: Z,
+    defaultConfirmationChannels: x,
+    value: g,
+    onChange: S,
+    onSubmit: T,
+    onStepChange: A,
+    onDateSelect: G,
+    onWindowChange: B,
     datePickerStyle: E = "month-calendar",
-    loadingDates: z,
-    loadingSlots: G,
-    submitting: T,
-    submitError: J,
-    mode: H = "live",
+    specialtyPickerStyle: U,
+    servicePickerStyle: P,
+    operatorPickerStyle: Q,
+    loadingDates: q,
+    loadingSlots: pe,
+    submitting: ee,
+    submitError: xe,
+    mode: Y = "live",
     showModifyOnSuccess: ne = !0,
-    surface: se = "flat",
-    emptyServicesSlot: be,
-    onboardingIncompleteSlot: U,
-    "aria-label": oe,
-    id: X,
-    className: De,
-    ..._e
-  }, Te) => {
-    const { t: ie, i18n: Ae } = A(), R = e ?? "inline-list", Q = Ae.language ?? "en", L = l ?? Wa, g = d ?? Za;
-    ee(() => {
-      const V = Ia(y, {
+    surface: me = "flat",
+    emptyServicesSlot: Se,
+    onboardingIncompleteSlot: Ie,
+    "aria-label": Ve,
+    id: oe,
+    className: Le,
+    ...Ne
+  }, we) => {
+    const { t: re, i18n: h } = O(), C = e ?? "inline-list", te = h.language ?? "en", J = l ?? rs, de = p ?? ds;
+    H(() => {
+      const R = Va(g, {
         useSpecialties: a,
         lockedOperatorId: n,
         autoSelectSingleService: o,
-        specialties: L,
-        services: m
+        specialties: J,
+        services: u
       });
-      (V.specialtyId !== y.specialtyId || V.operatorId !== y.operatorId || V.serviceId !== y.serviceId) && C(V);
+      (R.specialtyId !== g.specialtyId || R.operatorId !== g.operatorId || R.serviceId !== g.serviceId) && S(R);
     }, [
       n,
       a,
       o,
-      L,
-      m
+      J,
+      u
     ]);
-    const I = w(
-      () => Na({
+    const L = w(
+      () => Ea({
         country: t,
         useSpecialties: a,
         allowOperatorSelection: i,
         lockedOperatorId: n,
-        specialties: L,
-        services: m,
-        operators: g,
-        availableSlots: p,
-        value: y
+        specialties: J,
+        services: u,
+        operators: de,
+        availableSlots: c,
+        value: g
       }),
       [
         t,
@@ -2244,197 +2469,205 @@ const Wa = [], Za = [], Ja = Je(
         i,
         n,
         o,
-        L,
-        m,
-        g,
+        J,
+        u,
+        de,
+        r,
         c,
-        p,
-        y
+        g
       ]
-    ), [re, de] = j(
-      I.currentStep
-    ), je = te(I.currentStep);
-    ee(() => {
-      I.currentStep > je.current && de(I.currentStep), je.current = I.currentStep;
-    }, [I.currentStep]);
-    const [le, ce] = j("idle"), [Be, Oe] = j(null), qe = q(
-      async (V) => {
-        if (!I.selectedSlot) return;
-        const Ee = {
-          slot: I.selectedSlot,
+    ), [We, ge] = K(
+      L.currentStep
+    ), Xe = se(L.currentStep);
+    H(() => {
+      L.currentStep > Xe.current && ge(L.currentStep), Xe.current = L.currentStep;
+    }, [L.currentStep]);
+    const [fe, he] = K("idle"), [Re, Fe] = K(null), Qe = j(
+      async (R) => {
+        if (!L.selectedSlot) return;
+        const ze = {
+          slot: L.selectedSlot,
           value: {
-            ...y,
-            details: V,
-            operatorId: $e(y) ?? y.operatorId
+            ...g,
+            details: R,
+            operatorId: He(g) ?? g.operatorId
           },
-          details: V
+          details: R
         };
-        ce("submitting");
+        he("submitting");
         try {
-          await B(Ee), Oe({
-            slot: I.selectedSlot,
-            details: V,
-            specialtyId: y.specialtyId,
-            serviceId: y.serviceId,
-            insuranceType: y.insuranceType,
-            operatorId: $e(y),
-            date: y.date
-          }), ce("success");
+          await T(ze), Fe({
+            slot: L.selectedSlot,
+            details: R,
+            specialtyId: g.specialtyId,
+            serviceId: g.serviceId,
+            insuranceType: g.insuranceType,
+            operatorId: He(g),
+            date: g.date
+          }), he("success");
         } catch {
-          throw ce("error"), new Error("Booking submission failed");
+          throw he("error"), new Error("Booking submission failed");
         }
       },
-      [I.selectedSlot, B, y]
-    ), ue = te(null);
-    kt(Te, () => ue.current, []);
-    const me = le === "success" ? 8 : I.currentStep, He = te(null);
-    ee(() => {
-      if (me !== He.current && (He.current = me, O == null || O(me), me === 8 && ue.current))
+      [L.selectedSlot, T, g]
+    ), ve = se(null);
+    Tt(we, () => ve.current, []);
+    const be = fe === "success" ? 8 : L.currentStep, et = se(null);
+    H(() => {
+      if (be !== et.current && (et.current = be, A == null || A(be), be === 8 && ve.current))
         try {
-          ue.current.scrollIntoView({
+          ve.current.scrollIntoView({
             behavior: "smooth",
             block: "start"
           });
         } catch {
-          ue.current.scrollIntoView();
+          ve.current.scrollIntoView();
         }
-    }, [me, O]);
-    const Pe = w(
+    }, [be, A]);
+    const $e = w(
       () => ({
-        getVariant: () => R,
+        getVariant: () => C,
         reset: () => {
-          C({}), Oe(null), ce("idle"), de(1);
+          S({}), Fe(null), he("idle"), ge(1);
         },
-        goToStep: (V) => {
-          de(V);
+        goToStep: (R) => {
+          ge(R);
         }
       }),
-      [R, C]
+      [C, S]
     );
-    St(ha, Pe, X);
-    const vt = oe ?? ie("booking.regionLabel"), bt = w(() => le !== "success" || !Be ? null : /* @__PURE__ */ s(
-      ja,
+    Ot(Da, $e, oe);
+    const Dt = Ve ?? re("booking.regionLabel"), At = w(() => fe !== "success" || !Re ? null : /* @__PURE__ */ s(
+      ts,
       {
-        snapshot: Be,
-        operators: g,
-        specialties: L,
-        services: m,
-        locale: Q,
-        mode: H,
+        snapshot: Re,
+        operators: de,
+        specialties: J,
+        services: u,
+        locale: te,
+        mode: Y,
         showModify: ne,
-        onReset: () => Pe.reset(),
+        onReset: () => $e.reset(),
         onModify: () => {
-          Oe(null), ce("idle"), de(7);
+          Fe(null), he("idle"), ge(7);
         }
       }
     ), [
-      le,
-      Be,
-      g,
-      L,
-      m,
-      Q,
-      H,
+      fe,
+      Re,
+      de,
+      J,
+      u,
+      te,
+      Y,
       ne,
-      Pe
-    ]), yt = w(() => {
-      if (le === "success") return null;
-      const V = R === "accordion" ? Ha : R === "calendar" ? Ga : R === "flexible" ? Ua : R === "progress" ? Ya : qa, Ee = {
-        cascade: I,
+      $e
+    ]), _t = w(() => {
+      if (fe === "success") return null;
+      const R = C === "accordion" ? ss : C === "calendar" ? is : C === "flexible" ? ns : C === "progress" ? os : as, ze = {
+        cascade: L,
         inputs: {
-          specialties: L,
-          services: m,
-          operators: g,
-          availableDates: c,
-          availableSlots: p,
-          nextAvailableDate: u
+          specialties: J,
+          services: u,
+          operators: de,
+          availableDates: r,
+          availableSlots: c,
+          nextAvailableDate: m
         },
-        value: y,
-        onChange: C,
-        onSubmit: qe,
+        value: g,
+        onChange: S,
+        onSubmit: Qe,
         policy: { country: t, lockedOperatorId: n },
         detailsProps: {
-          requireCodiceFiscale: S,
-          requireDateOfBirth: k,
-          requireInsuranceNumber: h,
-          insuranceType: y.insuranceType,
+          requireCodiceFiscale: k,
+          requireDateOfBirth: I,
+          requireInsuranceNumber: v,
+          insuranceType: g.insuranceType,
           showNote: N,
-          showReturningPatientFlag: x,
+          showReturningPatientFlag: M,
           privacyPolicyUrl: D,
-          termsUrl: b,
-          validateCodiceFiscale: f,
-          validateInsuranceNumber: r,
+          termsUrl: y,
+          validateCodiceFiscale: b,
+          validateInsuranceNumber: d,
           confirmationChannels: _,
-          defaultConfirmationChannels: M,
-          submitError: J
+          defaultConfirmationChannels: x,
+          submitError: xe
         },
-        emptyServicesSlot: be,
-        onboardingIncompleteSlot: U,
-        loadingDates: z,
-        loadingSlots: G,
-        onDateSelect: Z,
+        emptyServicesSlot: Se,
+        onboardingIncompleteSlot: Ie,
+        loadingDates: q,
+        loadingSlots: pe,
+        onDateSelect: G,
+        onWindowChange: B,
         datePickerStyle: E,
-        submitting: T,
-        locale: Q,
-        activeStep: re,
-        setActiveStep: de
+        specialtyPickerStyle: U,
+        servicePickerStyle: P,
+        operatorPickerStyle: Q,
+        submitting: ee,
+        locale: te,
+        activeStep: We,
+        setActiveStep: ge
       };
-      return /* @__PURE__ */ s(V, { ...Ee });
+      return /* @__PURE__ */ s(R, { ...ze });
     }, [
-      le,
-      R,
-      I,
+      fe,
+      C,
       L,
+      J,
+      u,
+      de,
+      r,
+      c,
       m,
       g,
-      c,
-      p,
-      u,
-      y,
-      C,
-      qe,
+      S,
+      Qe,
       t,
       n,
-      S,
       k,
-      h,
-      J,
+      I,
+      v,
+      xe,
       N,
-      x,
+      M,
       D,
+      y,
       b,
-      f,
-      r,
+      d,
       _,
-      M,
-      be,
-      U,
-      z,
+      x,
+      Se,
+      Ie,
+      q,
+      pe,
       G,
-      Z,
+      B,
       E,
-      T,
+      U,
+      P,
       Q,
-      re
+      ee,
+      te,
+      We
     ]);
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ f(
       "div",
       {
-        ref: ue,
+        ref: ve,
         role: "region",
-        "aria-label": vt,
-        id: X,
+        "aria-label": Dt,
+        id: oe,
         "data-component": "booking",
-        "data-component-id": X,
-        "data-variant": R,
-        className: _a({
-          variant: R,
-          surface: se,
-          className: De
+        "data-component-id": oe,
+        "data-variant": C,
+        className: za({
+          variant: C,
+          surface: me,
+          className: Le
         }),
-        ..._e,
+        ...Ne,
         children: [
-          /* @__PURE__ */ v(
+          /* @__PURE__ */ f(
             "div",
             {
               className: [
@@ -2446,22 +2679,22 @@ const Wa = [], Za = [], Ja = Je(
                 "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
               ].join(" "),
               children: [
-                /* @__PURE__ */ s("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: ie("booking.regionLabel") }),
-                /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: ie("booking.headingSubtitle") })
+                /* @__PURE__ */ s("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: re("booking.regionLabel") }),
+                /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: re("booking.headingSubtitle") })
               ]
             }
           ),
-          bt ?? yt
+          At ?? _t
         ]
       }
     );
   }
 );
-Ja.displayName = "Booking";
+ls.displayName = "Booking";
 export {
-  Ja as B,
-  Fe as C,
-  he as O,
-  ha as b
+  ls as B,
+  qe as C,
+  X as O,
+  Da as b
 };
-//# sourceMappingURL=booking-x4GlW5cb.js.map
+//# sourceMappingURL=booking-eM0y0NIR.js.map