@alfadocs/ui-kit 0.33.11 → 0.34.0

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

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