@wix/form-elements 1.63.0 → 1.65.0

package/dist/component/{appointment-rac-B1VVk_Ui.js → appointment-rac-0kUk8XQJ.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-CtWkUmxc.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-DnUIb9Oh.js";
+import { z as De, P as yt, A as Ie, i as Lt, j as Oe, h as _t, B as Nt, q as At } from "./form-element-classes-BSMjWijd.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 { D as wt, E as vt } from "./field-error-headless-D6iejMQP.js";
+import { L as kt } from "./field-label-headless-BWLfU3YB.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";

package/dist/component/{bookings-address-rac-IQeHFdHT.js → bookings-address-rac-BUM0wpw0.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-CObOc8KE.js";
 const s = () => /* @__PURE__ */ e.createElement(o, null);
 export {
   s as BookingsAddressRAC

package/dist/component/{bookings-email-rac-z26A790r.js → bookings-email-rac-BHlvupVS.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-Ui0p35z5.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-Bwn6xv1U.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-CgWadDfM.js";
 const m = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   m as BookingsFirstNameRAC

package/dist/component/{bookings-header-rac-CXOzAOpz.js → bookings-header-rac-BkRvQMi4.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-BLM8RCDY.js";
 const a = () => /* @__PURE__ */ e.createElement(r, {
   truncate: !1
 });

package/dist/component/{bookings-last-name-rac-CbB8alM9.js → bookings-last-name-rac-DRTj4VdX.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-CgWadDfM.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-D-2Bt7Kx.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-CtWkUmxc.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 { x as _ } from "./form-element-classes-BSMjWijd.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-CTcHHpDr.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-DzUE1-RF.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-n-w9iWII.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-D1W0mUjr.js";
 const c = () => /* @__PURE__ */ e.createElement(t, {
   truncate: !1
 });

package/dist/component/{checkbox-field-rac-e-RAmupX.js → checkbox-field-rac-BamOJv3P.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-CtWkUmxc.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-D6iejMQP.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-968AHV2b.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-DnUIb9Oh.js";
+import { f as vi, g as hi, F as pi, P as di, q as yi, j as bi } from "./form-element-classes-BSMjWijd.js";
 var ue, dt;
 function gi() {
   if (dt) return ue;
@@ -207,19 +207,19 @@ function Oi() {
   }
   return Ie = _, Ie;
 }
-var Te, wt;
+var Te, Pt;
 function xi() {
-  if (wt) return Te;
-  wt = 1;
+  if (Pt) return Te;
+  Pt = 1;
   function e(r, t) {
     return r == null ? void 0 : r[t];
   }
   return Te = e, Te;
 }
-var Re, Pt;
+var Re, wt;
 function L() {
-  if (Pt) return Re;
-  Pt = 1;
+  if (wt) return Re;
+  wt = 1;
   var e = Oi(), r = xi();
   function t(a, n) {
     var i = r(a, n);
@@ -252,7 +252,7 @@ function Di() {
   return je = r, je;
 }
 var Oe, Kt;
-function wi() {
+function Pi() {
   if (Kt) return Oe;
   Kt = 1;
   function e(r) {
@@ -262,7 +262,7 @@ function wi() {
   return Oe = e, Oe;
 }
 var xe, kt;
-function Pi() {
+function wi() {
   if (kt) return xe;
   kt = 1;
   var e = ie(), r = "__lodash_hash_undefined__", t = Object.prototype, a = t.hasOwnProperty;
@@ -287,22 +287,22 @@ function Li() {
   }
   return De = a, De;
 }
-var we, Nt;
+var Pe, Nt;
 function Fi() {
-  if (Nt) return we;
+  if (Nt) return Pe;
   Nt = 1;
   var e = ie(), r = "__lodash_hash_undefined__";
   function t(a, n) {
     var i = this.__data__;
     return this.size += this.has(a) ? 0 : 1, i[a] = e && n === void 0 ? r : n, this;
   }
-  return we = t, we;
+  return Pe = t, Pe;
 }
-var Pe, Gt;
+var we, Gt;
 function Mi() {
-  if (Gt) return Pe;
+  if (Gt) return we;
   Gt = 1;
-  var e = Di(), r = wi(), t = Pi(), a = Li(), n = Fi();
+  var e = Di(), r = Pi(), t = wi(), a = Li(), n = Fi();
   function i(s) {
     var o = -1, u = s == null ? 0 : s.length;
     for (this.clear(); ++o < u; ) {
@@ -310,7 +310,7 @@ function Mi() {
       this.set(c[0], c[1]);
     }
   }
-  return i.prototype.clear = e, i.prototype.delete = r, i.prototype.get = t, i.prototype.has = a, i.prototype.set = n, Pe = i, Pe;
+  return i.prototype.clear = e, i.prototype.delete = r, i.prototype.get = t, i.prototype.has = a, i.prototype.set = n, we = i, we;
 }
 var Le, Ut;
 function Ki() {
@@ -817,20 +817,20 @@ function ot() {
   } : r;
   return Ar = i, Ar;
 }
-var Cr, wa;
+var Cr, Pa;
 function ls() {
-  if (wa) return Cr;
-  wa = 1;
+  if (Pa) return Cr;
+  Pa = 1;
   var e = oe(), r = ot();
   function t(a, n) {
     return e(a, r(a), n);
   }
   return Cr = t, Cr;
 }
-var mr, Pa;
+var mr, wa;
 function Cn() {
-  if (Pa) return mr;
-  Pa = 1;
+  if (wa) return mr;
+  wa = 1;
   function e(r, t) {
     for (var a = -1, n = t.length, i = r.length; ++a < n; )
       r[i + a] = t[a];
@@ -918,16 +918,16 @@ function ys() {
   var e = L(), r = R(), t = e(r, "Set");
   return Dr = t, Dr;
 }
-var wr, Ha;
+var Pr, Ha;
 function bs() {
-  if (Ha) return wr;
+  if (Ha) return Pr;
   Ha = 1;
   var e = L(), r = R(), t = e(r, "WeakMap");
-  return wr = t, wr;
+  return Pr = t, Pr;
 }
-var Pr, Va;
+var wr, Va;
 function ut() {
-  if (Va) return Pr;
+  if (Va) return wr;
   Va = 1;
   var e = ps(), r = et(), t = ds(), a = ys(), n = bs(), i = te(), s = vn(), o = "[object Map]", u = "[object Object]", c = "[object Promise]", v = "[object Set]", _ = "[object WeakMap]", p = "[object DataView]", y = s(e), g = s(r), q = s(t), m = s(a), A = s(n), d = i;
   return (e && d(new e(new ArrayBuffer(1))) != p || r && d(new r()) != o || t && d(t.resolve()) != c || a && d(new a()) != v || n && d(new n()) != _) && (d = function(S) {
@@ -946,7 +946,7 @@ function ut() {
           return _;
       }
     return E;
-  }), Pr = d, Pr;
+  }), wr = d, wr;
 }
 var Lr, za;
 function gs() {
@@ -1127,8 +1127,8 @@ var Xr, on;
 function Ds() {
   if (on) return Xr;
   on = 1;
-  var e = zi(), r = Wi(), t = pn(), a = ns(), n = os(), i = us(), s = cs(), o = ls(), u = _s(), c = vs(), v = hs(), _ = ut(), p = gs(), y = Ts(), g = Ss(), q = rt(), m = dn(), A = js(), d = X(), S = xs(), E = it(), j = st(), O = 1, B = 2, N = 4, I = "[object Arguments]", G = "[object Array]", f = "[object Boolean]", x = "[object Date]", U = "[object Error]", ft = "[object Function]", Rn = "[object GeneratorFunction]", Sn = "[object Map]", En = "[object Number]", lt = "[object Object]", jn = "[object RegExp]", On = "[object Set]", xn = "[object String]", Dn = "[object Symbol]", wn = "[object WeakMap]", Pn = "[object ArrayBuffer]", Ln = "[object DataView]", Fn = "[object Float32Array]", Mn = "[object Float64Array]", Kn = "[object Int8Array]", kn = "[object Int16Array]", Bn = "[object Int32Array]", Nn = "[object Uint8Array]", Gn = "[object Uint8ClampedArray]", Un = "[object Uint16Array]", Hn = "[object Uint32Array]", h = {};
-  h[I] = h[G] = h[Pn] = h[Ln] = h[f] = h[x] = h[Fn] = h[Mn] = h[Kn] = h[kn] = h[Bn] = h[Sn] = h[En] = h[lt] = h[jn] = h[On] = h[xn] = h[Dn] = h[Nn] = h[Gn] = h[Un] = h[Hn] = !0, h[U] = h[ft] = h[wn] = !1;
+  var e = zi(), r = Wi(), t = pn(), a = ns(), n = os(), i = us(), s = cs(), o = ls(), u = _s(), c = vs(), v = hs(), _ = ut(), p = gs(), y = Ts(), g = Ss(), q = rt(), m = dn(), A = js(), d = X(), S = xs(), E = it(), j = st(), O = 1, B = 2, N = 4, I = "[object Arguments]", G = "[object Array]", f = "[object Boolean]", x = "[object Date]", U = "[object Error]", ft = "[object Function]", Rn = "[object GeneratorFunction]", Sn = "[object Map]", En = "[object Number]", lt = "[object Object]", jn = "[object RegExp]", On = "[object Set]", xn = "[object String]", Dn = "[object Symbol]", Pn = "[object WeakMap]", wn = "[object ArrayBuffer]", Ln = "[object DataView]", Fn = "[object Float32Array]", Mn = "[object Float64Array]", Kn = "[object Int8Array]", kn = "[object Int16Array]", Bn = "[object Int32Array]", Nn = "[object Uint8Array]", Gn = "[object Uint8ClampedArray]", Un = "[object Uint16Array]", Hn = "[object Uint32Array]", h = {};
+  h[I] = h[G] = h[wn] = h[Ln] = h[f] = h[x] = h[Fn] = h[Mn] = h[Kn] = h[kn] = h[Bn] = h[Sn] = h[En] = h[lt] = h[jn] = h[On] = h[xn] = h[Dn] = h[Nn] = h[Gn] = h[Un] = h[Hn] = !0, h[U] = h[ft] = h[Pn] = !1;
   function Y(l, F, M, Vn, Q, D) {
     var C, Z = F & O, ee = F & B, zn = F & N;
     if (M && (C = Q ? M(l, Vn, Q, D) : M(l)), C !== void 0)
@@ -1156,20 +1156,20 @@ function Ds() {
     var ht = D.get(l);
     if (ht)
       return ht;
-    D.set(l, C), S(l) ? l.forEach(function(w) {
-      C.add(Y(w, F, M, w, l, D));
-    }) : A(l) && l.forEach(function(w, P) {
-      C.set(P, Y(w, F, M, P, l, D));
+    D.set(l, C), S(l) ? l.forEach(function(P) {
+      C.add(Y(P, F, M, P, l, D));
+    }) : A(l) && l.forEach(function(P, w) {
+      C.set(w, Y(P, F, M, w, l, D));
     });
     var Wn = zn ? ee ? v : c : ee ? j : E, pt = _t ? void 0 : Wn(l);
-    return r(pt || l, function(w, P) {
-      pt && (P = w, w = l[P]), t(C, P, Y(w, F, M, P, l, D));
+    return r(pt || l, function(P, w) {
+      pt && (w = P, P = l[w]), t(C, w, Y(P, F, M, w, l, D));
     }), C;
   }
   return Xr = Y, Xr;
 }
 var Jr, un;
-function ws() {
+function Ps() {
   if (un) return Jr;
   un = 1;
   var e = Ds(), r = 1, t = 4;
@@ -1178,8 +1178,8 @@ function ws() {
   }
   return Jr = a, Jr;
 }
-var Ps = ws();
-const Ls = /* @__PURE__ */ ei(Ps), Fs = (e, r, t) => {
+var ws = Ps();
+const Ls = /* @__PURE__ */ ei(ws), Fs = (e, r, t) => {
   const a = e === fn.TEXT ? r("settings.required-indicator-text") : "*", n = (s) => ({
     stringValue: s
   }), i = {

package/dist/component/checkbox-group-field-headless-BmKJbEi0.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-CtWkUmxc.js";
+import { f as L, a as k } from "./find-child-C60k4CxG.js";
+import { D as ee, E as te } from "./field-error-headless-D6iejMQP.js";
+import { L as ne } from "./field-label-headless-BWLfU3YB.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-CC8qfj0Y.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-CtWkUmxc.js";
+import { C as t } from "./checkbox-group-field-headless-BmKJbEi0.js";
+import { E as _ } from "./error-icon-hZxQ6DEy.js";
+import { s as o } from "./field-rac.module-DnUIb9Oh.js";
+import { z as m, P as O, a as C, b as i, c as p, d as R, e as I, y as L, q as S, j as D } from "./form-element-classes-BSMjWijd.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
+}), d = () => {
+  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 {
+  d as C
+};

package/dist/component/{checkbox-group-rac-CDfDTWqz.js → checkbox-group-rac-CsrP7zD5.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-CC8qfj0Y.js";
 const c = () => /* @__PURE__ */ e.createElement(o, null);
 export {
   c as CheckboxGroupRAC

package/dist/component/{checkbox-rac-BRBKYD_5.js → checkbox-rac-X6E-fJ8k.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-BamOJv3P.js";
 const c = () => /* @__PURE__ */ e.createElement(o, null);
 export {
   c as CheckboxRAC

package/dist/component/{contacts-address-rac-BtWWQi77.js → contacts-address-rac-oYnkIZ6m.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-CgWadDfM.js";
 const n = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   n as ContactsAddressRAC

package/dist/component/{contacts-birthdate-rac-DaEUXJTf.js → contacts-birthdate-rac-B7p8LgYA.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-DojzGm-i.js";
 const a = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   a as ContactsBirthdateRAC

package/dist/component/{contacts-company-rac-IgRyjtcM.js → contacts-company-rac-cjLRO5J-.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-CgWadDfM.js";
 const n = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   n as ContactsCompanyRAC

package/dist/component/{contacts-email-rac-BS1MDrMk.js → contacts-email-rac-BlJJSkGK.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-Ui0p35z5.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-Nl-MDndn.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-CgWadDfM.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-DhxAobRI.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-CgWadDfM.js";
 const a = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   a as ContactsLastNameRAC

package/dist/component/{contacts-phone-rac-DIpyskam.js → contacts-phone-rac-CZLWlH0T.js}

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

package/dist/component/{contacts-position-rac-nPeh3lKU.js → contacts-position-rac-DlKC0lCU.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-CgWadDfM.js";
 const n = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   n as ContactsPositionRAC

package/dist/component/{contacts-subscribe-rac-Ci5OLk68.js → contacts-subscribe-rac-POSKh1Ta.js}

@@ -1,6 +1,6 @@
 import C from "react";
-import { C as _ } from "./checkbox-field-rac-e-RAmupX.js";
-import { P as e, Q as o, O as r } from "./form-element-classes-Bi-nNM8q.js";
+import { C as _ } from "./checkbox-field-rac-BamOJv3P.js";
+import { X as e, Y as o, W as r } from "./form-element-classes-BSMjWijd.js";
 const a = () => /* @__PURE__ */ C.createElement(_, {
   classes: {
     container: r,