@wix/form-elements 1.79.0 → 1.81.0

package/dist/component/{appointment-rac-lokvpd_p.js → appointment-rac-DmwbqZse.js}

@@ -1,17 +1,17 @@
 import o, { useRef as J, useState as j, useEffect as H, createContext as $e, useContext as Ge, useMemo as P, useCallback as ie } from "react";
 import { RicosViewer as it } from "@wix/ricos/viewer";
 import M from "classnames";
-import { ab as ce, aa as lt, ae as ve, ad as ct, c as mt, as as ut, ar as dt, ai as me, af as Se, ak as ft, ah as Dt, F as Et } from "./form-1k13yOes.js";
+import { ab as ce, aa as lt, ae as ve, ad as ct, c as mt, as as ut, ar as dt, ai as me, af as Se, ak as ft, ah as Dt, F as Et } from "./form-f0tqdMye.js";
 import { C as Ce } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as St } from "./error-icon-hZxQ6DEy.js";
 import { H as fe } from "./custom-focus-class-_483Pkwp.js";
 import { s as De } from "./field-rac.module-ColNPUt0.js";
-import { z as pt, P as _t, a as Lt, x as We, h as yt, W as Nt, p as At, i as bt, a2 as It } from "./form-element-classes-BuM-vthE.js";
-import { u as Ot } from "./use-element-state-class-name-DkaI8J4Y.js";
+import { y as pt, O as _t, a as yt, w as We, h as Lt, V as Nt, o as At, i as bt, a0 as Ot } from "./form-element-classes-jC8D0LnK.js";
+import { u as It } from "./use-element-state-class-name-BqmaTba3.js";
 import { ListBox as gt, Button as ke, ListBoxItem as Tt, RadioGroup as vt, RadioField as kt, RadioButton as Rt } from "react-aria-components";
 import { f as T, a as le } from "./find-child-C60k4CxG.js";
-import { D as wt, E as Mt } from "./field-error-headless-Lb5aaoR3.js";
-import { L as Ft } from "./field-label-headless-C1VDQVhB.js";
+import { D as wt, E as Mt } from "./field-error-headless-BErhh9GG.js";
+import { L as Ft } from "./field-label-headless-BGyK-5xW.js";
 import { F as ht } from "./fieldset-headless-CD3fds9J.js";
 import { g as Ct } from "./get-first-day-of-the-week-DvnsxYhQ.js";
 import "date-fns";
@@ -19,7 +19,7 @@ import { V as Ze } from "./headless-styles-CmcyA_pi.js";
 function Wt(e) {
   return { evid: 40, src: 16, endpoint: "", params: e };
 }
-var Oe = /* @__PURE__ */ (function(e) {
+var Ie = /* @__PURE__ */ (function(e) {
   return e.BOOKING_NOT_INSTALL = "BOOKING_NOT_INSTALL", e.NO_AVAILABILITY_DATES_FOUND = "NO_AVAILABILITY_DATES_FOUND", e.GENERAL = "GENERAL", e;
 })({}), z = /* @__PURE__ */ (function(e) {
   return e.LOADING = "LOADING", e.DONE = "DONE", e.ERROR = "ERROR", e;
@@ -81,7 +81,7 @@ var Pe;
 const xt = (e) => {
   const { service: n } = e || {};
   return (n == null ? void 0 : n.id) ? null : {
-    type: Oe.GENERAL,
+    type: Ie.GENERAL,
     message: "Service ID is missing"
   };
 }, Pt = ({ appointmentFieldProps: e, isEditor: n, isComposer: t }) => {
@@ -164,7 +164,7 @@ function Kt(e) {
   return H(() => {
     u && !s && !r && c && (async () => {
       var W, N, A, Y, B;
-      const v = qe(), O = {
+      const v = qe(), I = {
         currentSlotBulkSize: V,
         timezone: v,
         dataStatus: z.LOADING
@@ -180,35 +180,35 @@ function Kt(e) {
             timeZone: v
           });
         };
-        if (O.availabilityDates = await U(2), (W = O.availabilityDates) != null && W.length || (O.availabilityDates = await U(6)), !((N = O.availabilityDates) != null && N.length)) {
+        if (I.availabilityDates = await U(2), (W = I.availabilityDates) != null && W.length || (I.availabilityDates = await U(6)), !((N = I.availabilityDates) != null && N.length)) {
           E == null || E.report({
             action: te.LOAD,
             component: Q.NO_AVAILABILITY_AT_ALL
           }), S({
             dataStatus: z.ERROR,
             error: {
-              type: Oe.NO_AVAILABILITY_DATES_FOUND,
+              type: Ie.NO_AVAILABILITY_DATES_FOUND,
               message: "No availability dates found"
             }
           });
           return;
         }
-        O.selectedDate = Ht(O.availabilityDates), O.selectedDate && (O.availabilitySlots = await ((Y = (A = l.current) == null ? void 0 : A.getAvailabilitySlots) == null ? void 0 : Y.call(A, {
+        I.selectedDate = Ht(I.availabilityDates), I.selectedDate && (I.availabilitySlots = await ((Y = (A = l.current) == null ? void 0 : A.getAvailabilitySlots) == null ? void 0 : Y.call(A, {
           serviceId: u,
           timeZone: v,
-          selectedDate: O.selectedDate
+          selectedDate: I.selectedDate
         }))), E == null || E.report({
           action: te.LOAD,
-          component: (B = O.availabilityDates) != null && B.length ? Q.FORM : Q.NO_AVAILABILITY_FOR_DATE
+          component: (B = I.availabilityDates) != null && B.length ? Q.FORM : Q.NO_AVAILABILITY_FOR_DATE
         }), a != null && a.startDate || t(void 0), S({
-          ...O,
+          ...I,
           dataStatus: z.DONE
         });
       } catch (U) {
         console.error(U), S({
           dataStatus: z.ERROR,
           error: {
-            type: Oe.GENERAL,
+            type: Ie.GENERAL,
             message: "An error occurred in initialAppointmentState"
           }
         });
@@ -390,14 +390,14 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
   return !!((a = t.slot) != null && a.startDate) && ne(new Date(t.slot.startDate), e);
 }), mn = () => {
   var he;
-  const { appointmentFieldProps: e, appointmentState: n, setAppointmentState: t } = Re(), { language: a, isEditor: s, isComposer: r, isMobile: u } = ce(), { t: i } = ut(), { actions: l } = ve(), c = Ve(), [d, S] = j(!1), [E, f] = j(!1), [g, v] = j(), [O, W] = j();
+  const { appointmentFieldProps: e, appointmentState: n, setAppointmentState: t } = Re(), { language: a, isEditor: s, isComposer: r, isMobile: u } = ce(), { t: i } = ut(), { actions: l } = ve(), c = Ve(), [d, S] = j(!1), [E, f] = j(!1), [g, v] = j(), [I, W] = j();
   jt({
     setIsReloadingSlots: S
   });
-  const { onChange: N, value: A, target: Y, initialData: B, formatDescription: U, locationType: oe, error: se } = e, { availabilityDates: $, availabilitySlots: k, timezone: _ = "", selectedDate: L, currentSlotBulkSize: R, dataStatus: G, error: ue } = n, K = (he = B == null ? void 0 : B.service) == null ? void 0 : he.id, Z = G === z.LOADING, X = d || E, pe = !!ue, Me = on({
+  const { onChange: N, value: A, target: Y, initialData: B, formatDescription: U, locationType: oe, error: se } = e, { availabilityDates: $, availabilitySlots: k, timezone: _ = "", selectedDate: y, currentSlotBulkSize: R, dataStatus: G, error: ue } = n, K = (he = B == null ? void 0 : B.service) == null ? void 0 : he.id, Z = G === z.LOADING, X = d || E, pe = !!ue, Me = on({
     error: se,
     selectedSlot: A
-  }), y = P(() => Qt(k, Me), [
+  }), L = P(() => Qt(k, Me), [
     k,
     Me
   ]);
@@ -410,40 +410,40 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
   ]), dt((D) => {
     const b = D == null ? void 0 : D[Y];
     k != null && k.length && t({
-      availabilitySlots: k.filter((I) => {
+      availabilitySlots: k.filter((O) => {
         var w;
-        return ((w = I == null ? void 0 : I.slot) == null ? void 0 : w.startDate) !== (b == null ? void 0 : b.startDate);
+        return ((w = O == null ? void 0 : O.slot) == null ? void 0 : w.startDate) !== (b == null ? void 0 : b.startDate);
       })
     });
   }), H(() => {
-    if (y != null && y.length && R) {
-      const D = en(Ee(A ?? void 0), y);
+    if (L != null && L.length && R) {
+      const D = en(Ee(A ?? void 0), L);
       D && D + 1 > R && t({
         currentSlotBulkSize: D + 1
       });
-    } else !(y != null && y.length) && A && (N == null || N(void 0));
+    } else !(L != null && L.length) && A && (N == null || N(void 0));
   }, [
     A,
-    y,
+    L,
     $
   ]);
   const _e = P(() => Ct(a), [
     a
-  ]), Fe = J(L);
+  ]), Fe = J(y);
   H(() => {
     const D = Fe.current;
-    Fe.current = L, !!L && (!D || !ne(D, L)) && v(void 0);
+    Fe.current = y, !!y && (!D || !ne(D, y)) && v(void 0);
   }, [
-    L
+    y
   ]);
-  const h = P(() => g ?? Ye(L ?? /* @__PURE__ */ new Date(), _e), [
+  const h = P(() => g ?? Ye(y ?? /* @__PURE__ */ new Date(), _e), [
     g,
-    L,
+    y,
     _e
   ]), Xe = P(() => {
     const D = Te(/* @__PURE__ */ new Date()), b = new Intl.DateTimeFormat(a, {
       weekday: u ? "narrow" : "short"
-    }), I = new Intl.DateTimeFormat(a, {
+    }), O = new Intl.DateTimeFormat(a, {
       day: "numeric"
     }), w = new Intl.DateTimeFormat(a, {
       weekday: "long",
@@ -453,15 +453,15 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     return Array.from({
       length: q
     }, (re, be) => {
-      const x = ee(h, be), Ie = !!L && ne(x, L), rt = Te(x) < D;
+      const x = ee(h, be), Oe = !!y && ne(x, y), rt = Te(x) < D;
       return {
         key: rn(x),
         date: x,
-        isSelected: Ie,
-        isAvailable: !Z && !X && !Ie && cn(x, $),
-        isDisabled: rt || X && !Ie,
+        isSelected: Oe,
+        isAvailable: !Z && !X && !Oe && cn(x, $),
+        isDisabled: rt || X && !Oe,
         isToday: ne(x, D),
-        dayOfMonthLabel: I.format(x),
+        dayOfMonthLabel: O.format(x),
         weekdayLabel: b.format(x),
         label: w.format(x),
         availabilityLabel: i("form.appointment.accessibility.calendar.has-availability.aria-label")
@@ -469,47 +469,47 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     });
   }, [
     h,
-    L,
+    y,
     $,
     Z,
     X,
     a,
     u,
     i
-  ]), Le = Ee(A ?? void 0) || void 0, ye = P(() => Z || d ? [] : (y ?? []).slice(0, R).flatMap((D) => {
-    const { startDate: b, endDate: I } = D.slot ?? {};
-    if (!b || !I)
+  ]), ye = Ee(A ?? void 0) || void 0, Le = P(() => Z || d ? [] : (L ?? []).slice(0, R).flatMap((D) => {
+    const { startDate: b, endDate: O } = D.slot ?? {};
+    if (!b || !O)
       return [];
     const w = Ee({
       startDate: b,
-      endDate: I
+      endDate: O
     });
     return [
       {
         key: w,
         startDate: b,
-        endDate: I,
+        endDate: O,
         timeRange: Jt({
           startDate: b,
-          endDate: I,
+          endDate: O,
           locale: a,
           timezone: _
         }),
-        isSelected: w === Le
+        isSelected: w === ye
       }
     ];
   }), [
-    y,
+    L,
     R,
     Z,
     d,
     a,
     _,
-    Le
-  ]), Ne = !d && !!(y != null && y.length) && (R || V) < y.length, Ae = h > Ye(/* @__PURE__ */ new Date(), _e), et = ie(
+    ye
+  ]), Ne = !d && !!(L != null && L.length) && (R || V) < L.length, Ae = h > Ye(/* @__PURE__ */ new Date(), _e), et = ie(
     async (D) => {
       var b;
-      if (!(X || L && ne(D, L))) {
+      if (!(X || y && ne(D, y))) {
         S(!0), N == null || N(void 0), t({
           currentSlotBulkSize: V,
           selectedDate: D,
@@ -519,7 +519,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
           component: Q.DATE
         });
         try {
-          const I = await ((b = l == null ? void 0 : l.getAvailabilitySlots) == null ? void 0 : b.call(l, {
+          const O = await ((b = l == null ? void 0 : l.getAvailabilitySlots) == null ? void 0 : b.call(l, {
             serviceId: K,
             timeZone: _,
             selectedDate: D
@@ -527,7 +527,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
           t({
             currentSlotBulkSize: V,
             selectedDate: D,
-            availabilitySlots: I
+            availabilitySlots: O
           });
         } catch {
         } finally {
@@ -538,7 +538,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       X,
-      L,
+      y,
       K,
       _,
       l,
@@ -550,8 +550,8 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
       var re;
       if (D < 0 && !Ae)
         return;
-      const b = h, I = ee(h, D * q);
-      if (v(I), s || r)
+      const b = h, O = ee(h, D * q);
+      if (v(O), s || r)
         return;
       const w = ++de.current;
       f(!0), c == null || c.report({
@@ -562,8 +562,8 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
         const be = await ((re = l == null ? void 0 : l.getAvailabilityDates) == null ? void 0 : re.call(l, {
           serviceId: K,
           timeZone: _,
-          fromDate: I,
-          toDate: sn(ee(I, q - 1))
+          fromDate: O,
+          toDate: sn(ee(O, q - 1))
         }));
         w === de.current && t({
           availabilityDates: be
@@ -587,24 +587,24 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     ]
   ), nt = ie(
     (D) => {
-      const b = ye.find((re) => re.key === D);
+      const b = Le.find((re) => re.key === D);
       if (!b)
         return;
-      const { startDate: I, endDate: w } = b;
+      const { startDate: O, endDate: w } = b;
       c == null || c.report({
         action: te.CLICK,
         component: Q.SLOT,
-        startTime: new Date(I).valueOf(),
+        startTime: new Date(O).valueOf(),
         endTime: new Date(w).valueOf()
       }), N == null || N({
-        startDate: I,
+        startDate: O,
         endDate: w,
         timeZone: _
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      ye,
+      Le,
       _,
       N,
       c
@@ -626,19 +626,19 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
   ]), ot = ie(() => W(void 0), []), st = P(() => {
     if (pe)
       return i("form.appointment.empty-state.notification.text");
-    if (!Z && !d && !(y != null && y.length))
+    if (!Z && !d && !(L != null && L.length))
       return i("form.appointment.slots-not-found.text");
   }, [
     pe,
     Z,
     d,
-    y == null ? void 0 : y.length,
+    L == null ? void 0 : L.length,
     i
   ]);
   return {
     days: Xe,
-    slots: ye,
-    selectedSlotKey: Le,
+    slots: Le,
+    selectedSlotKey: ye,
     selectDate: et,
     selectSlot: nt,
     changeWeek: tt,
@@ -655,7 +655,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
       endOfWeek: ee(h, q - 1)
     }, a),
     selectedDateLabel: Xt({
-      selectedDate: L,
+      selectedDate: y,
       locale: a,
       timezone: _
     }),
@@ -668,7 +668,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
     showMoreSlotsLabel: i("form.appointment.show-more-slots.text"),
     previousWeekLabel: i("form.appointment.accessibility.calendar.previous-week.aria-label"),
     nextWeekLabel: i("form.appointment.accessibility.calendar.next-week.aria-label"),
-    pendingFocusIndex: O,
+    pendingFocusIndex: I,
     consumePendingFocusIndex: ot
   };
 }, Qe = $e(void 0), Je = (e) => `${e}-timezone-note`, F = () => {
@@ -690,7 +690,7 @@ const nn = "SLOT_UNAVAILABLE", He = [], an = (e) => {
       return;
     const [g] = [
       ...f
-    ], v = t.find(({ key: O }) => O === g);
+    ], v = t.find(({ key: I }) => I === g);
     v && a(v.date);
   };
   return /* @__PURE__ */ o.createElement("div", {
@@ -770,12 +770,12 @@ C.Heading = fn;
 C.NextWeek = dn;
 C.Day = Dn;
 const Ke = 'input[type="radio"]', ae = ({ children: e, className: n, ...t }) => {
-  const { hasTimezoneNote: a } = t, { slots: s, selectedSlotKey: r, selectSlot: u, selectedDateLabel: i, isReloadingSlots: l, timezoneLabel: c, pendingFocusIndex: d, consumePendingFocusIndex: S } = F(), { id: E, disabled: f, readOnly: g, required: v, hasError: O } = me(), { inputId: W, labelId: N, ariaDescribedBy: A } = Se(), Y = J(null), B = `${W}-slots-label`, U = T(e, ae.Label), oe = T(e, ae.Slot) ?? /* @__PURE__ */ o.createElement(ae.Slot, null), se = !!U && !!i, $ = [
+  const { hasTimezoneNote: a } = t, { slots: s, selectedSlotKey: r, selectSlot: u, selectedDateLabel: i, isReloadingSlots: l, timezoneLabel: c, pendingFocusIndex: d, consumePendingFocusIndex: S } = F(), { id: E, disabled: f, readOnly: g, required: v, hasError: I } = me(), { inputId: W, labelId: N, ariaDescribedBy: A } = Se(), Y = J(null), B = `${W}-slots-label`, U = T(e, ae.Label), oe = T(e, ae.Slot) ?? /* @__PURE__ */ o.createElement(ae.Slot, null), se = !!U && !!i, $ = [
     A,
     a && c ? Je(W) : void 0
   ].filter(Boolean).join(" ") || void 0, k = (_) => {
-    var L, R, G;
-    (G = (R = (L = Y.current) == null ? void 0 : L.querySelectorAll(Ke)) == null ? void 0 : R[_]) == null || G.focus();
+    var y, R, G;
+    (G = (R = (y = Y.current) == null ? void 0 : y.querySelectorAll(Ke)) == null ? void 0 : R[_]) == null || G.focus();
   };
   return ft(() => {
     var G, ue;
@@ -783,7 +783,7 @@ const Ke = 'input[type="radio"]', ae = ({ children: e, className: n, ...t }) =>
       k(0);
       return;
     }
-    const L = Array.from(((ue = document.getElementById(W)) == null ? void 0 : ue.querySelectorAll('[role="option"]')) ?? []), R = L.find((K) => K.getAttribute("aria-selected") === "true") ?? L.find((K) => K.getAttribute("aria-disabled") !== "true");
+    const y = Array.from(((ue = document.getElementById(W)) == null ? void 0 : ue.querySelectorAll('[role="option"]')) ?? []), R = y.find((K) => K.getAttribute("aria-selected") === "true") ?? y.find((K) => K.getAttribute("aria-disabled") !== "true");
     R == null || R.focus();
   }, E), H(() => {
     d !== void 0 && (k(d), S());
@@ -801,7 +801,7 @@ const Ke = 'input[type="radio"]', ae = ({ children: e, className: n, ...t }) =>
     isDisabled: f,
     isReadOnly: g,
     isRequired: v,
-    isInvalid: O,
+    isInvalid: I,
     "aria-labelledby": se ? B : N,
     "aria-describedby": $,
     "data-refetch": l || void 0
@@ -877,7 +877,7 @@ const m = ({ children: e, className: n }) => {
   }, S, E, f, le(g, {
     hasTimezoneNote: !!E
   }), d, v)));
-}, Ln = ({ children: e, className: n }) => {
+}, yn = ({ children: e, className: n }) => {
   const { isLoading: t, isRefetching: a } = F();
   return !t && !a ? null : /* @__PURE__ */ o.createElement("div", {
     className: n,
@@ -886,7 +886,7 @@ const m = ({ children: e, className: n }) => {
     "data-initial": t || void 0,
     "data-refetch": !t && a || void 0
   }, e);
-}, yn = ({ children: e, className: n }) => {
+}, Ln = ({ children: e, className: n }) => {
   const { notificationMessage: t } = F();
   return t ? /* @__PURE__ */ o.createElement("div", {
     className: n,
@@ -920,8 +920,8 @@ const m = ({ children: e, className: n }) => {
   }) : s) : null;
 };
 m.Label = Ft;
-m.Loader = Ln;
-m.Notification = yn;
+m.Loader = yn;
+m.Notification = Ln;
 m.Dates = C;
 m.Timezone = Nn;
 m.Format = An;
@@ -929,9 +929,9 @@ m.Slots = ae;
 m.ShowMoreSlots = bn;
 m.Description = wt;
 m.Error = Mt;
-const In = "_appointment_743lv_1", On = "_dates_743lv_5", gn = "_weekHeading_743lv_26", Tn = "_weekButton_743lv_35", vn = "_previousWeek_743lv_67", kn = "_nextWeek_743lv_71", Rn = "_day_743lv_83", wn = "_weekdayLabel_743lv_97", Mn = "_dayNumber_743lv_109", Fn = "_indicator_743lv_174", hn = "_hint_743lv_204", Cn = "_slots_743lv_217", Wn = "_slotsMobile_743lv_226", Bn = "_slotsLabel_743lv_230", Un = "_slot_743lv_217", xn = "_slotHover_743lv_269", Pn = "_slotSelected_743lv_277", zn = "_showMoreSlots_743lv_331", Hn = "_loader_743lv_361", Yn = "_notification_743lv_397", p = {
-  appointment: In,
-  dates: On,
+const On = "_appointment_743lv_1", In = "_dates_743lv_5", gn = "_weekHeading_743lv_26", Tn = "_weekButton_743lv_35", vn = "_previousWeek_743lv_67", kn = "_nextWeek_743lv_71", Rn = "_day_743lv_83", wn = "_weekdayLabel_743lv_97", Mn = "_dayNumber_743lv_109", Fn = "_indicator_743lv_174", hn = "_hint_743lv_204", Cn = "_slots_743lv_217", Wn = "_slotsMobile_743lv_226", Bn = "_slotsLabel_743lv_230", Un = "_slot_743lv_217", xn = "_slotHover_743lv_269", Pn = "_slotSelected_743lv_277", zn = "_showMoreSlots_743lv_331", Hn = "_loader_743lv_361", Yn = "_notification_743lv_397", p = {
+  appointment: On,
+  dates: In,
   weekHeading: gn,
   weekButton: Tn,
   previousWeek: vn,
@@ -958,8 +958,8 @@ const In = "_appointment_743lv_1", On = "_dates_743lv_5", gn = "_weekHeading_743
   selected: p.slotSelected,
   hover: p.slotHover
 }, Gn = () => {
-  const { isMobile: e } = ce(), n = Ot({
-    globalClasses: It,
+  const { isMobile: e } = ce(), n = It({
+    globalClasses: Ot,
     moduleClasses: $n
   });
   return /* @__PURE__ */ o.createElement(m, {
@@ -971,7 +971,7 @@ const In = "_appointment_743lv_1", On = "_dates_743lv_5", gn = "_weekHeading_743
   })), /* @__PURE__ */ o.createElement(m.Loader, {
     className: p.loader
   }), /* @__PURE__ */ o.createElement(m.Dates, {
-    className: M(Lt, p.dates)
+    className: M(yt, p.dates)
   }, /* @__PURE__ */ o.createElement(m.Dates.PreviousWeek, {
     className: M(fe, p.weekButton, p.previousWeek)
   }, /* @__PURE__ */ o.createElement(Ce, null)), /* @__PURE__ */ o.createElement(m.Dates.Heading, {
@@ -995,7 +995,7 @@ const In = "_appointment_743lv_1", On = "_dates_743lv_5", gn = "_weekHeading_743
       [p.slotsMobile]: e
     })
   }, /* @__PURE__ */ o.createElement(m.Slots.Label, {
-    className: M(yt, p.slotsLabel)
+    className: M(Lt, p.slotsLabel)
   }), /* @__PURE__ */ o.createElement(m.Slots.Slot, {
     className: ({ isSelected: t, isHovered: a, isDisabled: s, isReadOnly: r }) => n({
       isSelected: t,

package/dist/component/{bookings-address-rac-CU5NjBsy.js → bookings-address-rac-RCzVU87c.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { M as o } from "./multiline-address-field-rac-CBhxL2MB.js";
+import { M as o } from "./multiline-address-field-rac-fcQYnPlO.js";
 const s = () => /* @__PURE__ */ e.createElement(o, null);
 export {
   s as BookingsAddressRAC

package/dist/component/{bookings-email-rac-h3VGXrSQ.js → bookings-email-rac-Df_Wte1_.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { E as e } from "./email-input-field-rac-DCKR6Yco.js";
+import { E as e } from "./email-input-field-rac-Btaa4O5T.js";
 const m = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   m as BookingsEmailRAC

package/dist/component/{bookings-first-name-rac-BtsTk_1b.js → bookings-first-name-rac-BmdRGYxF.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { T as e } from "./text-input-field-rac-TSY90sCu.js";
+import { T as e } from "./text-input-field-rac-C6fQYKhI.js";
 const m = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   m as BookingsFirstNameRAC

package/dist/component/{bookings-header-rac-BApE1hIE.js → bookings-header-rac-DewQWtkZ.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { H as r } from "./header-field-rac-BeFf5qfw.js";
+import { H as r } from "./header-field-rac-BXxFqu9u.js";
 const a = () => /* @__PURE__ */ e.createElement(r, {
   truncate: !1
 });

package/dist/component/{bookings-last-name-rac-BnO5iij1.js → bookings-last-name-rac-DmmNBuqy.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { T as e } from "./text-input-field-rac-TSY90sCu.js";
+import { T as e } from "./text-input-field-rac-C6fQYKhI.js";
 const m = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   m as BookingsLastNameRAC

package/dist/component/{bookings-login-bar-rac-BT1npKru.js → bookings-login-bar-rac-QskvFo0C.js}

@@ -1,9 +1,9 @@
 import o from "react";
 import E from "classnames";
-import { ai as d, as as B, ab as f, ae as p } from "./form-1k13yOes.js";
+import { ai as d, as as B, ab as f, ae as p } from "./form-f0tqdMye.js";
 import { Button as L } from "react-aria-components";
 import { a as i, f as g } from "./find-child-C60k4CxG.js";
-import { w as _ } from "./form-element-classes-BuM-vthE.js";
+import { v as _ } from "./form-element-classes-jC8D0LnK.js";
 const a = ({ children: n }) => {
   const { id: r, FieldLayout: t } = d();
   return /* @__PURE__ */ o.createElement(t, {
@@ -45,10 +45,10 @@ const a = ({ children: n }) => {
 a.LoginBar = x;
 a.Text = N;
 a.Button = F;
-const T = "_container_1mvrn_1", C = "_text_1mvrn_34", v = "_button_1mvrn_39", u = {
+const T = "_container_1mvrn_1", v = "_text_1mvrn_34", C = "_button_1mvrn_39", u = {
   container: T,
-  text: C,
-  button: v
+  text: v,
+  button: C
 }, A = () => {
   const { userData: n, language: r } = f(), { actions: t } = p();
   return /* @__PURE__ */ o.createElement(a, null, /* @__PURE__ */ o.createElement(a.LoginBar, {

package/dist/component/{bookings-phone-rac-DWf0haGa.js → bookings-phone-rac-7wn8IXna.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { P as e } from "./phone-input-field-rac-D1KzskYy.js";
+import { P as e } from "./phone-input-field-rac-Ce_wuE46.js";
 const r = () => /* @__PURE__ */ o.createElement(e, null);
 export {
   r as BookingsPhoneRAC

package/dist/component/{bookings-rich-text-rac-C79XHlRL.js → bookings-rich-text-rac-B5nk0BlD.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { R as t } from "./rich-text-field-rac-D0Klsdj7.js";
+import { R as t } from "./rich-text-field-rac-DtcQC8zU.js";
 const c = () => /* @__PURE__ */ e.createElement(t, {
   truncate: !1
 });

package/dist/component/{checkbox-field-rac-DNvhTChN.js → checkbox-field-rac-BnVNfYWL.js}

@@ -2,17 +2,17 @@ import { RicosViewer as $n } from "@wix/ricos/viewer";
 import U from "classnames";
 import b, { useMemo as Xn, useRef as Jn, useCallback as Yn } from "react";
 import { CheckboxField as Qn, CheckboxButton as Zn } from "react-aria-components";
-import { Q as ei, ai as Zr, q as Qr, R as fn, as as ri, ab as ti, $ as ai, af as ni, ak as ii, L as si } from "./form-1k13yOes.js";
+import { Q as ei, ai as Zr, q as Qr, R as fn, as as ri, ab as ti, $ as ai, af as ni, ak as ii, L as si } from "./form-f0tqdMye.js";
 import { f as W, a as oi } from "./find-child-C60k4CxG.js";
-import { D as ui, E as ci } from "./field-error-headless-Lb5aaoR3.js";
+import { D as ui, E as ci } from "./field-error-headless-BErhh9GG.js";
 import { Node_Type as fi } from "@wix/ricos/schema";
-import { c as re, r as X, e as R, a as J, d as li, b as _i } from "./isObjectLike-DOWF1bjK.js";
+import { c as re, r as X, e as R, a as J, d as li, b as _i } from "./isObjectLike-BYOX5XY4.js";
 import { S as vi } from "./selection-indicator-XQ8MYHUQ.js";
 import { E as hi } from "./error-icon-hZxQ6DEy.js";
 import { C as pi } from "./checkbox-indicator-module-classes-DqzGZQRQ.js";
 import { s as oe } from "./field-rac.module-ColNPUt0.js";
-import { f as di, g as yi, b as bi, P as gi, p as qi, i as Ci } from "./form-element-classes-BuM-vthE.js";
-import { u as Ai } from "./use-element-state-class-name-DkaI8J4Y.js";
+import { f as di, g as yi, b as bi, O as gi, o as qi, i as Ci } from "./form-element-classes-jC8D0LnK.js";
+import { u as Ai } from "./use-element-state-class-name-BqmaTba3.js";
 var ue, dt;
 function mi() {
   if (dt) return ue;

package/dist/component/{checkbox-group-field-headless-6hzWQkif.js → checkbox-group-field-headless-Bx5Y-RMP.js}

@@ -1,10 +1,10 @@
 import i, { useMemo as F, useCallback as _, useRef as P, useState as w, useEffect as U } from "react";
 import { CheckboxGroup as W, CheckboxField as A, CheckboxButton as j, TextField as z, Input as J } from "react-aria-components";
 import { debounce as K } from "ts-debounce";
-import { ai as N, af as Q, as as X, ab as Y, ak as Z } from "./form-1k13yOes.js";
+import { ai as N, af as Q, as as X, ab as Y, ak as Z } from "./form-f0tqdMye.js";
 import { f as L, a as k } from "./find-child-C60k4CxG.js";
-import { D as ee, E as te } from "./field-error-headless-Lb5aaoR3.js";
-import { L as ae } from "./field-label-headless-C1VDQVhB.js";
+import { D as ee, E as te } from "./field-error-headless-BErhh9GG.js";
+import { L as ae } from "./field-label-headless-BGyK-5xW.js";
 import { F as ne } from "./fieldset-headless-CD3fds9J.js";
 import { N as se } from "./options-layout-constants-DEfIEJWD.js";
 import { S as le } from "./selection-indicator-XQ8MYHUQ.js";

package/dist/component/{checkbox-group-field-rac-DbaB5Fx6.js → checkbox-group-field-rac-CZW28rj5.js}

@@ -1,17 +1,17 @@
 import { RicosViewer as n } from "@wix/ricos/viewer";
 import a from "classnames";
 import e from "react";
-import { C as t } from "./checkbox-group-field-headless-6hzWQkif.js";
+import { C as t } from "./checkbox-group-field-headless-Bx5Y-RMP.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
 import { C as c } from "./checkbox-indicator-module-classes-DqzGZQRQ.js";
 import { s } from "./field-rac.module-ColNPUt0.js";
-import { z as i, P as E, c as p, e as O, y as C, p as _, i as L, d as R } from "./form-element-classes-BuM-vthE.js";
+import { y as i, O as E, c as O, e as p, x as C, o as _, i as L, d as R } from "./form-element-classes-jC8D0LnK.js";
 import { o as r } from "./options-rac.module-KM-VT_KY.js";
-import { u as I } from "./use-element-state-class-name-DkaI8J4Y.js";
+import { u as I } from "./use-element-state-class-name-BqmaTba3.js";
 const S = ({ content: o, locale: l }) => /* @__PURE__ */ e.createElement(n, {
   content: o,
   locale: l
-}), x = () => {
+}), h = () => {
   const o = I({
     globalClasses: R,
     moduleClasses: c
@@ -21,13 +21,13 @@ const S = ({ content: o, locale: l }) => /* @__PURE__ */ e.createElement(n, {
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {
     className: a(E, s.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Options, {
-    className: a(p, r.options)
+    className: a(O, r.options)
   }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
     className: s.checkbox
   }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
     className: o
   }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
-    className: a(O, r.optionLabel)
+    className: a(p, r.optionLabel)
   })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
     inputClassName: a(C, s.input)
   }))), /* @__PURE__ */ e.createElement(t.Error, {
@@ -37,5 +37,5 @@ const S = ({ content: o, locale: l }) => /* @__PURE__ */ e.createElement(n, {
   }, S));
 };
 export {
-  x as C
+  h as C
 };

package/dist/component/{checkbox-group-rac-BsKKhTeh.js → checkbox-group-rac-B20t8dTB.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { C as o } from "./checkbox-group-field-rac-DbaB5Fx6.js";
+import { C as o } from "./checkbox-group-field-rac-CZW28rj5.js";
 const c = () => /* @__PURE__ */ e.createElement(o, null);
 export {
   c as CheckboxGroupRAC