@wix/form-elements 1.63.0 → 1.64.0

package/dist/component/{appointment-rac-B1VVk_Ui.js → appointment-rac-DojiZqx9.js}

@@ -1,15 +1,15 @@
 import o, { useRef as J, useState as j, useEffect as Y, createContext as Ge, useContext as Ze, useMemo as P, useCallback as ie } from "react";
 import { RicosViewer as lt } from "@wix/ricos/viewer";
 import T from "classnames";
-import { ab as ce, aa as ct, ad as ke, ac as mt, c as ut, ar as dt, aq as ft, ah as me, ae as Se, aj as Dt, ag as Et, F as St } from "./form-DzjdnO7t.js";
+import { ab as ce, aa as ct, ae as ke, ad as mt, c as ut, as as dt, ar as ft, ai as me, af as Se, ak as Dt, ah as Et, F as St } from "./form-9yjqDnxY.js";
 import { C as Be } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as pt } from "./error-icon-hZxQ6DEy.js";
-import { s as fe } from "./field-rac.module-DtugsLiL.js";
-import { r as De, H as yt, s as Ie, g as Lt, h as Oe, f as _t, t as Nt, l as At } from "./form-element-classes-Bi-nNM8q.js";
+import { s as fe } from "./field-rac.module-CWkwwhq4.js";
+import { t as De, J as yt, u as Ie, i as Lt, j as Oe, h as _t, v as Nt, n as At } from "./form-element-classes-KRzHUNLu.js";
 import { ListBox as bt, Button as Re, ListBoxItem as gt, RadioGroup as It, RadioField as Ot, RadioButton as Tt } from "react-aria-components";
-import { f as w, a as le } from "./find-child-C60k4CxG.js";
-import { D as wt, E as vt } from "./field-error-headless-DTKnr5Zx.js";
-import { L as kt } from "./field-label-headless-DV4aNd5Y.js";
+import { f as v, a as le } from "./find-child-C60k4CxG.js";
+import { D as vt, E as wt } from "./field-error-headless-DrnFrGun.js";
+import { L as kt } from "./field-label-headless-BIYf1BIh.js";
 import { F as Rt } from "./fieldset-headless-CD3fds9J.js";
 import { g as ht } from "./get-first-day-of-the-week-DvnsxYhQ.js";
 import "date-fns";
@@ -56,10 +56,10 @@ const Mt = (e) => {
       }))
     };
 };
-var we;
+var ve;
 (function(e) {
   e.UNDEFINED = "UNDEFINED", e.OWNER_BUSINESS = "OWNER_BUSINESS", e.OWNER_CUSTOM = "OWNER_CUSTOM", e.CUSTOM = "CUSTOM";
-})(we || (we = {}));
+})(ve || (ve = {}));
 var Ue;
 (function(e) {
   e.UNKNOWN_REQUESTED_GENDER = "UNKNOWN_REQUESTED_GENDER", e.ANY_MALE = "ANY_MALE", e.ANY_FEMALE = "ANY_FEMALE";
@@ -131,7 +131,7 @@ const Wt = (e) => {
         startDate: c.toISOString(),
         endDate: d.toISOString(),
         location: {
-          locationType: we.CUSTOM
+          locationType: ve.CUSTOM
         }
       },
       bookable: !0,
@@ -162,20 +162,20 @@ function zt(e) {
   return Y(() => {
     u && !s && !r && c && (async () => {
       var W, N, A, K, B;
-      const v = je(), I = {
+      const w = je(), I = {
         currentSlotBulkSize: V,
-        timezone: v,
+        timezone: w,
         dataStatus: z.LOADING
       };
       try {
         const U = async (oe) => {
           var k, p;
-          const { startDate: se, endDate: $ } = Ut(oe, v);
+          const { startDate: se, endDate: $ } = Ut(oe, w);
           return (p = (k = l.current) == null ? void 0 : k.getAvailabilityDates) == null ? void 0 : p.call(k, {
             serviceId: u,
             fromDate: se,
             toDate: $,
-            timeZone: v
+            timeZone: w
           });
         };
         if (I.availabilityDates = await U(2), (W = I.availabilityDates) != null && W.length || (I.availabilityDates = await U(6)), !((N = I.availabilityDates) != null && N.length)) {
@@ -193,7 +193,7 @@ function zt(e) {
         }
         I.selectedDate = xt(I.availabilityDates), I.selectedDate && (I.availabilitySlots = await ((K = (A = l.current) == null ? void 0 : A.getAvailabilitySlots) == null ? void 0 : K.call(A, {
           serviceId: u,
-          timeZone: v,
+          timeZone: w,
           selectedDate: I.selectedDate
         }))), E == null || E.report({
           action: te.LOAD,
@@ -365,7 +365,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
     u,
     i
   ]), a ? s : Ke;
-}, q = 7, ve = (e) => {
+}, q = 7, we = (e) => {
   const t = new Date(e);
   return t.setHours(0, 0, 0, 0), t;
 }, nn = (e) => {
@@ -375,7 +375,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
   const n = new Date(e);
   return n.setDate(n.getDate() + t), n;
 }, He = (e, t) => {
-  const n = ve(e), a = (n.getDay() - t + q) % q;
+  const n = we(e), a = (n.getDay() - t + q) % q;
   return ee(n, -a);
 }, an = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, on = (e, t, n) => {
   const a = new Intl.DateTimeFormat(n, {
@@ -388,7 +388,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
   return !!((a = n.slot) != null && a.startDate) && ne(new Date(n.slot.startDate), e);
 }), rn = () => {
   var We;
-  const { appointmentFieldProps: e, appointmentState: t, setAppointmentState: n } = he(), { language: a, isEditor: s, isComposer: r, isMobile: u } = ce(), { t: i } = dt(), { actions: l } = ke(), c = qe(), [d, S] = j(!1), [E, f] = j(!1), [O, v] = j(), [I, W] = j();
+  const { appointmentFieldProps: e, appointmentState: t, setAppointmentState: n } = he(), { language: a, isEditor: s, isComposer: r, isMobile: u } = ce(), { t: i } = dt(), { actions: l } = ke(), c = qe(), [d, S] = j(!1), [E, f] = j(!1), [O, w] = j(), [I, W] = j();
   Zt({
     setIsReloadingSlots: S
   });
@@ -430,7 +430,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
   ]), Ce = J(L);
   Y(() => {
     const D = Ce.current;
-    Ce.current = L, !!L && (!D || !ne(D, L)) && v(void 0);
+    Ce.current = L, !!L && (!D || !ne(D, L)) && w(void 0);
   }, [
     L
   ]);
@@ -439,7 +439,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
     L,
     ye
   ]), et = P(() => {
-    const D = ve(/* @__PURE__ */ new Date()), b = new Intl.DateTimeFormat(a, {
+    const D = we(/* @__PURE__ */ new Date()), b = new Intl.DateTimeFormat(a, {
       weekday: u ? "narrow" : "short"
     }), g = new Intl.DateTimeFormat(a, {
       day: "numeric"
@@ -451,7 +451,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
     return Array.from({
       length: q
     }, (re, be) => {
-      const x = ee(M, be), ge = !!L && ne(x, L), it = ve(x) < D;
+      const x = ee(M, be), ge = !!L && ne(x, L), it = we(x) < D;
       return {
         key: an(x),
         date: x,
@@ -549,7 +549,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
       if (D < 0 && !Ae)
         return;
       const b = M, g = ee(M, D * q);
-      if (v(g), s || r)
+      if (w(g), s || r)
         return;
       const h = ++de.current;
       f(!0), c == null || c.report({
@@ -567,7 +567,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
           availabilityDates: be
         });
       } catch {
-        h === de.current && v(b);
+        h === de.current && w(b);
       } finally {
         h === de.current && f(!1);
       }
@@ -678,7 +678,7 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
   const { disabled: e, readOnly: t } = me();
   return !!e || !!t;
 }, C = ({ children: e, className: t }) => {
-  const { days: n, selectDate: a, weekRangeLabel: s } = F(), r = w(e, C.PreviousWeek), u = w(e, C.Heading), i = w(e, C.NextWeek), l = w(e, C.Day) ?? /* @__PURE__ */ o.createElement(C.Day, null), c = P(() => n.filter((f) => f.isSelected).map((f) => f.key), [
+  const { days: n, selectDate: a, weekRangeLabel: s } = F(), r = v(e, C.PreviousWeek), u = v(e, C.Heading), i = v(e, C.NextWeek), l = v(e, C.Day) ?? /* @__PURE__ */ o.createElement(C.Day, null), c = P(() => n.filter((f) => f.isSelected).map((f) => f.key), [
     n
   ]), d = Fe(), S = P(() => n.filter((f) => d || f.isDisabled).map((f) => f.key), [
     n,
@@ -688,8 +688,8 @@ const Xt = "SLOT_UNAVAILABLE", Ke = [], en = (e) => {
       return;
     const [O] = [
       ...f
-    ], v = n.find(({ key: I }) => I === O);
-    v && a(v.date);
+    ], w = n.find(({ key: I }) => I === O);
+    w && a(w.date);
   };
   return /* @__PURE__ */ o.createElement("div", {
     className: t
@@ -768,7 +768,7 @@ C.Heading = mn;
 C.NextWeek = cn;
 C.Day = un;
 const $e = 'input[type="radio"]', ae = ({ children: e, className: t, ...n }) => {
-  const { hasTimezoneNote: a } = n, { slots: s, selectedSlotKey: r, selectSlot: u, selectedDateLabel: i, isReloadingSlots: l, timezoneLabel: c, pendingFocusIndex: d, consumePendingFocusIndex: S } = F(), { id: E, disabled: f, readOnly: O, required: v, hasError: I } = me(), { inputId: W, labelId: N, ariaDescribedBy: A } = Se(), K = J(null), B = `${W}-slots-label`, U = w(e, ae.Label), oe = w(e, ae.Slot) ?? /* @__PURE__ */ o.createElement(ae.Slot, null), se = !!U && !!i, $ = [
+  const { hasTimezoneNote: a } = n, { slots: s, selectedSlotKey: r, selectSlot: u, selectedDateLabel: i, isReloadingSlots: l, timezoneLabel: c, pendingFocusIndex: d, consumePendingFocusIndex: S } = F(), { id: E, disabled: f, readOnly: O, required: w, hasError: I } = me(), { inputId: W, labelId: N, ariaDescribedBy: A } = Se(), K = J(null), B = `${W}-slots-label`, U = v(e, ae.Label), oe = v(e, ae.Slot) ?? /* @__PURE__ */ o.createElement(ae.Slot, null), se = !!U && !!i, $ = [
     A,
     a && c ? Xe(W) : void 0
   ].filter(Boolean).join(" ") || void 0, k = (p) => {
@@ -798,7 +798,7 @@ const $e = 'input[type="radio"]', ae = ({ children: e, className: t, ...n }) =>
     onChange: u,
     isDisabled: f,
     isReadOnly: O,
-    isRequired: v,
+    isRequired: w,
     isInvalid: I,
     "aria-labelledby": se ? B : N,
     "aria-describedby": $,
@@ -843,7 +843,7 @@ const m = ({ children: e, className: t }) => {
     r,
     i,
     a
-  ]), d = w(e, m.Label), S = w(e, m.Description), E = w(e, m.Error);
+  ]), d = v(e, m.Label), S = v(e, m.Description), E = v(e, m.Error);
   return /* @__PURE__ */ o.createElement(s, {
     fieldId: a,
     renderLabel: () => le(d, {
@@ -859,7 +859,7 @@ const m = ({ children: e, className: t }) => {
 }, Dn = {
   visibility: "hidden"
 }, En = ({ children: e, className: t }) => {
-  const { required: n, onFocus: a, onBlur: s } = me(), { inputId: r, labelId: u, ariaDescribedBy: i } = Se(), l = rn(), c = w(e, m.Loader), d = w(e, m.Notification), S = w(e, m.Dates), E = w(e, m.Timezone), f = w(e, m.Format), O = w(e, m.Slots), v = w(e, m.ShowMoreSlots);
+  const { required: n, onFocus: a, onBlur: s } = me(), { inputId: r, labelId: u, ariaDescribedBy: i } = Se(), l = rn(), c = v(e, m.Loader), d = v(e, m.Notification), S = v(e, m.Dates), E = v(e, m.Timezone), f = v(e, m.Format), O = v(e, m.Slots), w = v(e, m.ShowMoreSlots);
   return /* @__PURE__ */ o.createElement(Je.Provider, {
     value: l
   }, /* @__PURE__ */ o.createElement(Rt, {
@@ -874,7 +874,7 @@ const m = ({ children: e, className: t }) => {
     style: l.isLoading ? Dn : void 0
   }, S, E, f, le(O, {
     hasTimezoneNote: !!E
-  }), d, v)));
+  }), d, w)));
 }, Sn = ({ children: e, className: t }) => {
   const { isLoading: n, isRefetching: a } = F();
   return !n && !a ? null : /* @__PURE__ */ o.createElement("div", {
@@ -925,9 +925,9 @@ m.Timezone = yn;
 m.Format = Ln;
 m.Slots = ae;
 m.ShowMoreSlots = _n;
-m.Description = wt;
-m.Error = vt;
-const Nn = "_appointment_1v1wg_1", An = "_dates_1v1wg_5", bn = "_weekHeading_1v1wg_23", gn = "_weekButton_1v1wg_32", In = "_previousWeek_1v1wg_64", On = "_nextWeek_1v1wg_68", Tn = "_day_1v1wg_80", wn = "_weekdayLabel_1v1wg_95", vn = "_dayNumber_1v1wg_107", kn = "_indicator_1v1wg_167", Rn = "_hint_1v1wg_186", hn = "_slots_1v1wg_199", Fn = "_slotsMobile_1v1wg_208", Mn = "_slotsLabel_1v1wg_212", Cn = "_slot_1v1wg_199", Wn = "_slotLabel_1v1wg_247", Bn = "_showMoreSlots_1v1wg_314", Un = "_loader_1v1wg_345", xn = "_notification_1v1wg_381", y = {
+m.Description = vt;
+m.Error = wt;
+const Nn = "_appointment_1v1wg_1", An = "_dates_1v1wg_5", bn = "_weekHeading_1v1wg_23", gn = "_weekButton_1v1wg_32", In = "_previousWeek_1v1wg_64", On = "_nextWeek_1v1wg_68", Tn = "_day_1v1wg_80", vn = "_weekdayLabel_1v1wg_95", wn = "_dayNumber_1v1wg_107", kn = "_indicator_1v1wg_167", Rn = "_hint_1v1wg_186", hn = "_slots_1v1wg_199", Fn = "_slotsMobile_1v1wg_208", Mn = "_slotsLabel_1v1wg_212", Cn = "_slot_1v1wg_199", Wn = "_slotLabel_1v1wg_247", Bn = "_showMoreSlots_1v1wg_314", Un = "_loader_1v1wg_345", xn = "_notification_1v1wg_381", y = {
   appointment: Nn,
   dates: An,
   weekHeading: bn,
@@ -935,8 +935,8 @@ const Nn = "_appointment_1v1wg_1", An = "_dates_1v1wg_5", bn = "_weekHeading_1v1
   previousWeek: In,
   nextWeek: On,
   day: Tn,
-  weekdayLabel: wn,
-  dayNumber: vn,
+  weekdayLabel: vn,
+  dayNumber: wn,
   indicator: kn,
   hint: Rn,
   slots: hn,

package/dist/component/{bookings-address-rac-IQeHFdHT.js → bookings-address-rac-Bm_lQchD.js}

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

package/dist/component/{bookings-email-rac-z26A790r.js → bookings-email-rac-vwuy0kW8.js}

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

package/dist/component/{bookings-first-name-rac-Djf0GPP4.js → bookings-first-name-rac-BbWuLoeg.js}

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

package/dist/component/{bookings-header-rac-CXOzAOpz.js → bookings-header-rac-DVknNH29.js}

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

package/dist/component/{bookings-last-name-rac-CbB8alM9.js → bookings-last-name-rac-BnT3Cq0b.js}

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

package/dist/component/{bookings-login-bar-rac-CXrLx7Pn.js → bookings-login-bar-rac-DKi-VAXc.js}

@@ -1,11 +1,11 @@
 import o from "react";
-import d from "classnames";
-import { ah as E, ar as B, ab as f, ad as p } from "./form-DzjdnO7t.js";
+import E from "classnames";
+import { ai as d, as as B, ab as f, ae as p } from "./form-9yjqDnxY.js";
 import { Button as L } from "react-aria-components";
 import { a as i, f as g } from "./find-child-C60k4CxG.js";
-import { p as _ } from "./form-element-classes-Bi-nNM8q.js";
+import { r as _ } from "./form-element-classes-KRzHUNLu.js";
 const a = ({ children: n }) => {
-  const { id: r, FieldLayout: t } = E();
+  const { id: r, FieldLayout: t } = d();
   return /* @__PURE__ */ o.createElement(t, {
     fieldId: r,
     renderLabel: () => null,
@@ -62,7 +62,7 @@ const T = "_container_1mvrn_1", C = "_text_1mvrn_34", v = "_button_1mvrn_39", u
       var e;
       return (e = t == null ? void 0 : t.requestLogout) == null ? void 0 : e.call(t);
     },
-    className: d(_, u.container)
+    className: E(_, u.container)
   }, /* @__PURE__ */ o.createElement(a.Text, {
     className: u.text
   }), /* @__PURE__ */ o.createElement(a.Button, {

package/dist/component/{bookings-phone-rac-DGYx7h5g.js → bookings-phone-rac-Bfy8rheB.js}

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

package/dist/component/{bookings-rich-text-rac-viJG57XF.js → bookings-rich-text-rac-DGiBDcXw.js}

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

package/dist/component/{checkbox-field-rac-e-RAmupX.js → checkbox-field-rac-CYADRY54.js}

@@ -2,14 +2,14 @@ import { RicosViewer as $n } from "@wix/ricos/viewer";
 import k 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, ah as Zr, q as Qr, R as fn, ar as ri, ab as ti, $ as ai, ae as ni, aj as ii, L as si } from "./form-DzjdnO7t.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-9yjqDnxY.js";
 import { f as W } from "./find-child-C60k4CxG.js";
-import { D as oi, E as ui } from "./field-error-headless-DTKnr5Zx.js";
+import { D as oi, E as ui } from "./field-error-headless-DrnFrGun.js";
 import { Node_Type as ci } from "@wix/ricos/schema";
-import { c as te, r as X, e as R, a as J, d as fi, b as li } from "./isObjectLike-B_1KizZV.js";
+import { c as te, r as X, e as R, a as J, d as fi, b as li } from "./isObjectLike-srCDplej.js";
 import { E as _i } from "./error-icon-hZxQ6DEy.js";
-import { s as re } from "./field-rac.module-DtugsLiL.js";
-import { d as vi, e as hi, F as pi, H as di, l as yi, h as bi } from "./form-element-classes-Bi-nNM8q.js";
+import { s as re } from "./field-rac.module-CWkwwhq4.js";
+import { f as vi, g as hi, F as pi, J as di, n as yi, j as bi } from "./form-element-classes-KRzHUNLu.js";
 var ue, dt;
 function gi() {
   if (dt) return ue;

package/dist/component/checkbox-group-field-headless-BDAFpX5F.js

@@ -0,0 +1,210 @@
+import r, { useMemo as F, useCallback as _, useRef as H, 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-9yjqDnxY.js";
+import { f as L, a as k } from "./find-child-C60k4CxG.js";
+import { D as ee, E as te } from "./field-error-headless-DrnFrGun.js";
+import { L as ne } from "./field-label-headless-BIYf1BIh.js";
+import { F as ae } from "./fieldset-headless-CD3fds9J.js";
+import { N as se } from "./options-layout-constants-DEfIEJWD.js";
+const R = "Other", le = (e, t) => e.some((l) => !t.includes(l)), B = (e, t) => e.length > 0 && le(e, t), oe = (e, t) => {
+  const l = t == null ? void 0 : t("add-other.default-other-option-label");
+  return e || l || R;
+}, P = (e, t) => {
+  const a = t ? t.length + 2 : 0;
+  return (e.find((c) => c.startsWith(`${t}: `)) || "").slice(a);
+}, D = (e) => e.map((t) => t.value ?? t.label), v = ({ children: e }) => {
+  const t = N(), { id: l, value: a, onChange: n, disabled: c, required: u, onBlur: I, onFocus: p, hasError: b, FieldLayout: i } = t, { inputId: f, labelId: d, ariaDescribedBy: o } = Q(), O = L(e, v.Label), h = L(e, v.Options), g = L(e, v.Description), C = L(e, v.Error), s = F(() => a || [], [
+    a
+  ]), E = _((V) => {
+    n == null || n(V);
+  }, [
+    n
+  ]);
+  return /* @__PURE__ */ r.createElement(i, {
+    fieldId: l,
+    renderLabel: () => O,
+    renderInput: () => /* @__PURE__ */ r.createElement(ae, {
+      id: f,
+      ariaLabelledBy: d,
+      ariaDescribedBy: o,
+      required: u,
+      onBlur: I,
+      onFocus: p
+    }, /* @__PURE__ */ r.createElement(W, {
+      "aria-labelledby": d,
+      value: s,
+      onChange: E,
+      isDisabled: c,
+      isRequired: u,
+      isInvalid: b
+    }, h)),
+    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, g)
+  });
+}, $ = ({ children: e, className: t }) => {
+  const l = N(), { id: a, options: n, addOther: c, addOtherLabel: u, numberOfColumns: I } = l, { t: p } = X(), { isMobile: b } = Y(), i = L(e, $.Option), f = oe(u, p), d = b ? se.ONE : I;
+  return /* @__PURE__ */ r.createElement("div", {
+    className: t,
+    "data-columns": d
+  }, n == null ? void 0 : n.map((o, O) => {
+    const h = o.value ?? o.label;
+    return k(i, {
+      key: o.id || o.label,
+      value: h,
+      label: o.label,
+      isFirst: O === 0,
+      fieldId: a
+    });
+  }), c && k(i, {
+    key: R,
+    value: R,
+    label: f,
+    isOther: !0
+  }));
+}, re = ({ className: e, ...t }) => {
+  const l = t;
+  return /* @__PURE__ */ r.createElement("div", {
+    "aria-hidden": "true",
+    className: typeof e == "function" ? e(l) : e
+  });
+}, ce = ({ className: e, ...t }) => {
+  const { label: l } = t;
+  return /* @__PURE__ */ r.createElement("span", {
+    className: e
+  }, l);
+}, x = ({ children: e, className: t, ...l }) => {
+  const { value: a, label: n, isFirst: c = !1, isOther: u = !1, fieldId: I } = l, p = N(), { value: b, onChange: i, disabled: f, readOnly: d, hasError: o, options: O } = p, h = H(null);
+  Z(() => {
+    var m;
+    c && ((m = h.current) == null || m.focus({
+      preventScroll: !0
+    }));
+  }, I);
+  const g = L(e, x.Label), C = L(e, x.Input), s = F(() => b || [], [
+    b
+  ]), E = F(() => u ? s.find((m) => m === n || m.startsWith(`${n}: `)) || n : a, [
+    u,
+    s,
+    n,
+    a
+  ]), V = _((m) => {
+    if (!u)
+      return;
+    const y = D(O || []), S = s.filter((G) => y.includes(G)), q = m ? [
+      ...S,
+      n
+    ] : S;
+    i == null || i(q);
+  }, [
+    u,
+    n,
+    i,
+    O,
+    s
+  ]);
+  return /* @__PURE__ */ r.createElement(A, {
+    value: E,
+    onChange: u ? V : void 0,
+    isDisabled: f,
+    isReadOnly: d,
+    isInvalid: o
+  }, /* @__PURE__ */ r.createElement(j, {
+    ref: h,
+    className: t,
+    "data-hook": `checkbox-${n}`
+  }, ({ isSelected: m, isHovered: y }) => /* @__PURE__ */ r.createElement(r.Fragment, null, k(C, {
+    isSelected: m,
+    isHovered: y
+  }), k(g, {
+    label: n
+  }))));
+};
+x.Label = ce;
+x.Input = re;
+const M = ({ children: e, ...t }) => {
+  const { value: l, label: a, isFirst: n = !1, isOther: c = !1, fieldId: u } = t, I = N(), { value: p, onChange: b, options: i, addOtherPlaceholder: f, otherInputCharacterLimit: d, disabled: o, readOnly: O, hasError: h } = I, g = L(e, x), C = L(e, T), s = F(() => p || [], [
+    p
+  ]), E = F(() => {
+    if (!c)
+      return !1;
+    const V = D(i || []);
+    return B(s, V);
+  }, [
+    c,
+    s,
+    i
+  ]);
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, k(g, {
+    value: l,
+    label: a,
+    isFirst: n,
+    isOther: c,
+    fieldId: u
+  }), c && E && k(C, {
+    fieldValue: s,
+    onChange: b,
+    label: a,
+    placeholder: f,
+    maxLength: d,
+    disabled: o,
+    readOnly: O,
+    hasError: h,
+    ariaLabel: a,
+    addOtherLabel: a,
+    options: i
+  }));
+}, T = ({ className: e, inputClassName: t, ...l }) => {
+  const { fieldValue: a, onChange: n, label: c, placeholder: u, maxLength: I, disabled: p, readOnly: b, hasError: i, ariaLabel: f, addOtherLabel: d, options: o } = l, [O, h] = w(() => {
+    const s = D(o || []);
+    return B(a, s) ? P(a, d) : "";
+  });
+  U(() => {
+    const s = D(o || []), E = B(a, s);
+    h(E ? P(a, d) : "");
+  }, [
+    a,
+    o,
+    d
+  ]);
+  const g = F(() => K((s) => {
+    const E = D(o || []), V = a.filter((S) => E.includes(S)), m = s ? `${d}: ${s}` : c, y = [
+      ...V,
+      m
+    ];
+    n(y);
+  }, 500), [
+    n,
+    o,
+    a,
+    d,
+    c
+  ]), C = _((s) => {
+    h(s), g(s);
+  }, [
+    g
+  ]);
+  return /* @__PURE__ */ r.createElement(z, {
+    "aria-label": f,
+    value: O,
+    onChange: C,
+    isDisabled: p,
+    isReadOnly: b,
+    isInvalid: i,
+    className: e
+  }, /* @__PURE__ */ r.createElement(J, {
+    className: t,
+    placeholder: u,
+    maxLength: I,
+    "aria-label": f
+  }));
+};
+v.Label = ne;
+v.Options = $;
+$.Option = M;
+M.Checkbox = x;
+M.OtherInput = T;
+v.Description = ee;
+v.Error = te;
+export {
+  v as C
+};

package/dist/component/checkbox-group-field-rac-2YUsOmDI.js

@@ -0,0 +1,40 @@
+import { RicosViewer as E } from "@wix/ricos/viewer";
+import a from "classnames";
+import e from "react";
+import { ac as l } from "./form-9yjqDnxY.js";
+import { C as t } from "./checkbox-group-field-headless-BDAFpX5F.js";
+import { E as _ } from "./error-icon-hZxQ6DEy.js";
+import { s as o } from "./field-rac.module-CWkwwhq4.js";
+import { t as m, J as O, a as C, b as i, c as p, d as R, e as I, s as L, n as S, j as D } from "./form-element-classes-KRzHUNLu.js";
+import { o as n } from "./options-rac.module-KM-VT_KY.js";
+const F = "checkboxGroupIndicator", N = ({ content: r, locale: s }) => /* @__PURE__ */ e.createElement(E, {
+  content: r,
+  locale: s
+}), k = () => {
+  const r = l(F);
+  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
+    className: a(m, o.label)
+  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
+    className: a(O, o.requiredMark)
+  })), /* @__PURE__ */ e.createElement(t.Options, {
+    className: a(C, n.options)
+  }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
+    className: o.checkbox
+  }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
+    className: ({ isSelected: s, isHovered: c }) => a(i, o.checkboxInput, r, {
+      [R]: s,
+      [p]: c
+    })
+  }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
+    className: a(I, n.optionLabel)
+  })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
+    inputClassName: a(L, o.input)
+  }))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: a(S, o.error)
+  }, /* @__PURE__ */ e.createElement(_, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
+    className: a(D, o.description)
+  }, N));
+};
+export {
+  k as C
+};

package/dist/component/{checkbox-group-rac-CDfDTWqz.js → checkbox-group-rac-CQf1C9H5.js}

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

package/dist/component/{checkbox-rac-BRBKYD_5.js → checkbox-rac-Bjv8jZjs.js}

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

package/dist/component/{contacts-address-rac-BtWWQi77.js → contacts-address-rac-BBTiEec9.js}

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

package/dist/component/{contacts-birthdate-rac-DaEUXJTf.js → contacts-birthdate-rac-XReeFHVW.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { D as e } from "./date-input-field-rac-GFgFcpX2.js";
+import { D as e } from "./date-input-field-rac-RL2a0xoD.js";
 const a = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   a as ContactsBirthdateRAC

package/dist/component/{contacts-company-rac-IgRyjtcM.js → contacts-company-rac-B-fUQszu.js}

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

package/dist/component/{contacts-email-rac-BS1MDrMk.js → contacts-email-rac-DBtcCcsV.js}

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

package/dist/component/{contacts-first-name-rac-BAvXypDF.js → contacts-first-name-rac-mkwU3706.js}

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

package/dist/component/{contacts-last-name-rac-C289RYPl.js → contacts-last-name-rac-DY5N-AZx.js}

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