@wix/form-elements 1.62.0 → 1.64.0

package/dist/component/{signature-rac-DNdpHxFp.js → signature-rac-CydpvQJZ.js}

@@ -4,15 +4,15 @@ import v from "classnames";
 import { useHover as ve, useFocusRing as xe, mergeProps as Se } from "react-aria";
 import { RadioGroup as Fe, Button as fe, TextField as Ae, Input as _e, RadioField as Pe, RadioButton as Ne } from "react-aria-components";
 import he from "signature_pad";
-import { y as Ue, ac as Oe, aa as Be, ao as ge, E as ce, e as q, ag as A, ad as H, ai as Ee, aq as Me } from "./form-D6A2hUbV.js";
+import { z as Ue, ae as Oe, ab as Be, aq as ge, E as ce, e as G, ai as A, af as H, ak as Ee, as as Me } from "./form-9yjqDnxY.js";
 import { f as T, a as F } from "./find-child-C60k4CxG.js";
-import { D as We, E as He } from "./field-error-headless-DP4WSQU3.js";
-import { L as Ye } from "./field-label-headless-BKmi7Fjg.js";
+import { D as We, E as He } from "./field-error-headless-DrnFrGun.js";
+import { L as Ye } from "./field-label-headless-BIYf1BIh.js";
 import { D as ke } from "./data-hooks-Dkw1pbRj.js";
 import { E as $e } from "./error-icon-hZxQ6DEy.js";
-import { s as V } from "./field-rac.module-DtugsLiL.js";
-import { r as ue, H as Ve, q as B, V as ze, l as Ze, h as Xe } from "./form-element-classes-Bi-nNM8q.js";
-const qe = typeof s.useId == "function" ? s.useId : () => W(Ue()).current;
+import { s as z } from "./field-rac.module-CWkwwhq4.js";
+import { t as ue, J as ze, s as B, X as Ve, n as Xe, j as Ze } from "./form-element-classes-KRzHUNLu.js";
+const Ge = typeof s.useId == "function" ? s.useId : () => W(Ue()).current;
 var w = /* @__PURE__ */ (function(e) {
   return e.TEXT = "text/plain", e.POINTS = "points/json", e;
 })({}), b = /* @__PURE__ */ (function(e) {
@@ -20,7 +20,7 @@ var w = /* @__PURE__ */ (function(e) {
 })({}), S = /* @__PURE__ */ (function(e) {
   return e.DRAW = "draw", e.TYPE = "type", e.IMAGE = "image", e.UPLOAD = "upload", e;
 })({});
-const Ge = (e) => {
+const qe = (e) => {
   const { actions: t, formId: a } = Oe(), n = t == null ? void 0 : t.uploadFile;
   return I(async (r) => {
     if (!n)
@@ -43,7 +43,7 @@ const Ge = (e) => {
   ]);
 };
 function je(e) {
-  const a = z(1, 1).getContext("2d");
+  const a = V(1, 1).getContext("2d");
   a.fillStyle = e, a.fillRect(0, 0, 1, 1);
   const n = a.getImageData(0, 0, 1, 1);
   return n.data[0] * 65536 + n.data[1] * 256 + n.data[2];
@@ -72,7 +72,7 @@ function J(e, t) {
   const p = a.getImageData(l, d, h, E), L = document.createElement("canvas"), y = L.getContext("2d");
   return L.width = h, L.height = E, t ? (y.fillStyle = t, y.fillRect(0, 0, h, E)) : y.clearRect(0, 0, h, E), y.putImageData(p, 0, 0), L;
 }
-function z(e, t, a) {
+function V(e, t, a) {
   const n = document.createElement("canvas");
   if (n.width = e, n.height = t, a) {
     const r = n.getContext("2d", {
@@ -86,7 +86,7 @@ function Qe(e, t) {
   return new Promise((a, n) => {
     const r = new Image();
     r.onload = () => {
-      const o = z(r.width, r.height), i = o.getContext("2d", {
+      const o = V(r.width, r.height), i = o.getContext("2d", {
         willReadFrequently: !0
       });
       i == null || i.drawImage(r, 0, 0), a(o);
@@ -94,7 +94,7 @@ function Qe(e, t) {
   });
 }
 function de(e, t, a, n) {
-  const r = e.width, o = e.height, i = 1, l = a / o, c = Math.min(l, i), d = r * c, u = o * c, f = z(d, u), m = f.getContext("2d");
+  const r = e.width, o = e.height, i = 1, l = a / o, c = Math.min(l, i), d = r * c, u = o * c, f = V(d, u), m = f.getContext("2d");
   return n && m && (m.fillStyle = n, m.fillRect(0, 0, d, u)), m == null || m.drawImage(e, 0, 0, r, o, 0, 0, d, u), f;
 }
 function me(e, t) {
@@ -187,7 +187,7 @@ async function ot(e, t) {
     return e;
   const n = a.mimeType;
   if (n === w.TEXT) {
-    const r = z(M * 20, M, 1);
+    const r = V(M * 20, M, 1);
     nt(r, a.data, "black", t, "white");
     const o = J(r, "white");
     return (o == null ? void 0 : o.toDataURL("image/jpeg", 0.7)) ?? null;
@@ -199,7 +199,7 @@ async function ot(e, t) {
     const o = r.map((u) => ({
       ...u,
       penColor: "black"
-    })), i = z(M * 20, M, Math.max(window.devicePixelRatio || 1, 1));
+    })), i = V(M * 20, M, Math.max(window.devicePixelRatio || 1, 1));
     new he(i).fromData(o);
     const c = J(i);
     return c ? de(c, void 0, M, "white").toDataURL("image/jpeg", 0.7) : null;
@@ -216,7 +216,7 @@ async function st(e, t) {
     return rt(a, "signature");
 }
 const it = ({ value: e, onChange: t, target: a }) => {
-  const [n, r] = K(e), { isRTL: o } = Be(), i = Ge(a), { setFormStatus: l } = ge(), c = W();
+  const [n, r] = K(e), { isRTL: o } = Be(), i = qe(a), { setFormStatus: l } = ge(), c = W();
   Q(() => {
     e === ce && r(ce);
   }, [
@@ -239,7 +239,7 @@ const it = ({ value: e, onChange: t, target: a }) => {
       }
       c.current = null;
     } finally {
-      l(a, q.READY);
+      l(a, G.READY);
     }
   }, [
     l,
@@ -255,7 +255,7 @@ const it = ({ value: e, onChange: t, target: a }) => {
       };
       E ? (c.current && (clearTimeout(c.current), c.current = null), r([
         E
-      ]), p(E)) : (t == null || t(null), r(void 0), l(a, q.READY));
+      ]), p(E)) : (t == null || t(null), r(void 0), l(a, G.READY));
     }, [
       m,
       t,
@@ -283,13 +283,13 @@ const it = ({ value: e, onChange: t, target: a }) => {
         return b.UPLOAD;
     }
   }), { setFormStatus: d } = ge(), u = I(() => {
-    r(), d(e, q.BUSY);
+    r(), d(e, G.BUSY);
   }, [
     r,
     d,
     e
   ]), f = I(() => {
-    r(), n(null), d(e, q.READY);
+    r(), n(null), d(e, G.READY);
   }, [
     r,
     n,
@@ -348,12 +348,12 @@ const dt = (e) => {
     renderInput: () => r,
     renderDescription: () => /* @__PURE__ */ s.createElement(s.Fragment, null, i, o)
   });
-}, Z = ({ children: e }) => {
+}, X = ({ children: e }) => {
   const { value: t, onChange: a, target: n, readOnly: r } = A(), { signatureMode: o, setSignatureMode: i, handleClear: l, clearable: c, signatureView: d, signatureValueForView: u, handleChange: f, handleBeforeChange: m } = lt({
     target: n,
     value: t,
     onChange: a
-  }), h = T(e, Z.Header), E = T(e, Z.Value), p = {
+  }), h = T(e, X.Header), E = T(e, X.Value), p = {
     signatureMode: o,
     setSignatureMode: i,
     handleClear: l,
@@ -364,8 +364,8 @@ const dt = (e) => {
     handleBeforeChange: m
   };
   return /* @__PURE__ */ s.createElement(s.Fragment, null, !r && F(h, p), F(E, p));
-}, X = ({ children: e, className: t, ...a }) => {
-  const { signatureMode: n, setSignatureMode: r, clearable: o, handleClear: i } = a, { uploadEnabled: l } = A(), c = T(e, X.Tabs), d = T(e, X.Clear);
+}, Z = ({ children: e, className: t, ...a }) => {
+  const { signatureMode: n, setSignatureMode: r, clearable: o, handleClear: i } = a, { uploadEnabled: l } = A(), c = T(e, Z.Tabs), d = T(e, Z.Clear);
   return /* @__PURE__ */ s.createElement("div", {
     className: t
   }, F(c, {
@@ -480,7 +480,7 @@ const dt = (e) => {
       return "";
     const D = (k = p.current) == null ? void 0 : k.toData();
     return D ? et(D) : (($ = p.current) == null ? void 0 : $.toDataURL()) ?? "";
-  }, []), G = I(() => {
+  }, []), q = I(() => {
     var O;
     const D = (O = p.current) == null ? void 0 : O.isEmpty();
     Y(!D), o(ee(oe()));
@@ -502,16 +502,16 @@ const dt = (e) => {
         le && (p.current.fromData(le), Y(!0));
       } else
         p.current.clear(), Y(!1);
-      p.current.addEventListener("beginStroke", j), p.current.addEventListener("endStroke", G), typeof ResizeObserver < "u" && !y.current && (y.current = new ResizeObserver(() => {
+      p.current.addEventListener("beginStroke", j), p.current.addEventListener("endStroke", q), typeof ResizeObserver < "u" && !y.current && (y.current = new ResizeObserver(() => {
         L.current && me(L.current, p == null ? void 0 : p.current);
       })), (k = y.current) == null || k.observe(D);
     } else
-      ($ = y.current) == null || $.disconnect(), (se = p.current) == null || se.removeEventListener("endStroke", G), (ie = p.current) == null || ie.removeEventListener("beginStroke", j);
+      ($ = y.current) == null || $.disconnect(), (se = p.current) == null || se.removeEventListener("endStroke", q), (ie = p.current) == null || ie.removeEventListener("beginStroke", j);
   }, [
     R,
     x,
     j,
-    G
+    q
   ]);
   return Q(() => {
     p.current && (c || l ? p.current.off() : p.current.on());
@@ -632,7 +632,7 @@ const dt = (e) => {
     "data-hook": "signature-image"
   }, r.displayName || a)));
 }, yt = ({ children: e, className: t, ...a }) => {
-  const { fileInputRef: n, disabled: r, readOnly: o, onBlur: i, onFocus: l } = a, { inputId: c, ariaDescribedBy: d, labelId: u } = H(), f = qe(), m = I(() => {
+  const { fileInputRef: n, disabled: r, readOnly: o, onBlur: i, onFocus: l } = a, { inputId: c, ariaDescribedBy: d, labelId: u } = H(), f = Ge(), m = I(() => {
     var h;
     (h = n.current) == null || h.click();
   }, [
@@ -653,13 +653,13 @@ const dt = (e) => {
   }, e));
 };
 g.Label = Ye;
-g.Input = Z;
+g.Input = X;
 g.Description = We;
 g.Error = He;
-Z.Header = X;
-Z.Value = P;
-X.Tabs = _;
-X.Clear = gt;
+X.Header = Z;
+X.Value = P;
+Z.Tabs = _;
+Z.Clear = gt;
 _.Draw = pt;
 _.Type = ft;
 _.Upload = ht;
@@ -740,9 +740,9 @@ const Tt = () => {
 }), Ot = () => {
   const e = Tt();
   return /* @__PURE__ */ s.createElement(g, null, /* @__PURE__ */ s.createElement(g.Label, {
-    className: v(ue, V.label)
+    className: v(ue, z.label)
   }, /* @__PURE__ */ s.createElement(g.Label.Required, {
-    className: v(Ve, V.requiredMark)
+    className: v(ze, z.requiredMark)
   })), /* @__PURE__ */ s.createElement(g.Input, null, /* @__PURE__ */ s.createElement(g.Input.Header, {
     className: C.header
   }, /* @__PURE__ */ s.createElement(g.Input.Header.Tabs, {
@@ -783,11 +783,11 @@ const Tt = () => {
     className: v(B, C.uploadBox),
     imageAlt: e.imageAlt
   }, /* @__PURE__ */ s.createElement(g.Input.Value.Upload.Button, {
-    className: v(ze, V.uploadButton)
+    className: v(Ve, z.uploadButton)
   }, e.uploadLabel)))), /* @__PURE__ */ s.createElement(g.Error, {
-    className: v(Ze, V.error)
+    className: v(Xe, z.error)
   }, /* @__PURE__ */ s.createElement($e, null), /* @__PURE__ */ s.createElement(g.Error.Text, null)), /* @__PURE__ */ s.createElement(g.Description, {
-    className: v(Xe, V.description)
+    className: v(Ze, z.description)
   }, Ut));
 }, Jt = () => /* @__PURE__ */ s.createElement(Ot, null);
 export {

package/dist/component/{submit-button-rac-Bogk1xYc.js → submit-button-rac-OO53h4H8.js}

@@ -1,12 +1,12 @@
 import t from "react";
 import l from "classnames";
-import { ag as c } from "./form-D6A2hUbV.js";
-import { ProgressBar as v, Button as S } from "react-aria-components";
+import { ai as c } from "./form-9yjqDnxY.js";
+import { ProgressBar as N, Button as S } from "react-aria-components";
 import { f as i } from "./find-child-C60k4CxG.js";
-import { X as N, W as d, Z as f } from "./form-element-classes-Bi-nNM8q.js";
+import { Z as d, Y as g, $ as f } from "./form-element-classes-KRzHUNLu.js";
 function x(e) {
   const s = "calc(50% - 2px)";
-  return /* @__PURE__ */ t.createElement(v, {
+  return /* @__PURE__ */ t.createElement(N, {
     ...e,
     isIndeterminate: !0
   }, ({ percentage: o, isIndeterminate: a }) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("svg", {
@@ -62,14 +62,14 @@ const u = ({ children: e }) => {
     onPress: s
   }, o) : null;
 }, B = ({ className: e, children: n }) => {
-  const { showSubmitButton: s, onSubmitClick: o, submitText: a, isDisabled: g, isInProgress: p } = c();
+  const { showSubmitButton: s, onSubmitClick: o, submitText: a, isDisabled: v, isInProgress: p } = c();
   if (!s)
     return null;
   const _ = i(n, B.Loader);
   return /* @__PURE__ */ t.createElement(S, {
     className: e,
     onPress: o,
-    isDisabled: g || p,
+    isDisabled: v || p,
     "data-in-progress": p
   }, p && _ ? _ : a);
 }, C = ({ className: e }) => /* @__PURE__ */ t.createElement("span", {
@@ -98,9 +98,9 @@ const h = "_navigationContainer_1yuje_1", y = "_rowSpacing_1yuje_6", P = "_navig
       [r.rowSpacing]: n
     })
   }, /* @__PURE__ */ t.createElement(u.SubmitButton.PreviousButton, {
-    className: l(N, r.navigationButton, r.previousButton)
+    className: l(d, r.navigationButton, r.previousButton)
   }), /* @__PURE__ */ t.createElement(u.SubmitButton.NextButton, {
-    className: l(d, r.navigationButton, r.nextButton)
+    className: l(g, r.navigationButton, r.nextButton)
   }), /* @__PURE__ */ t.createElement(u.SubmitButton.SubmitButton, {
     className: l(f, r.button, {
       [r.buttonNoSteps]: !e,

package/dist/component/{tags-field-rac-COJG3T_9.js → tags-field-rac-eX3d3JEH.js}

@@ -1,75 +1,75 @@
-import { RicosViewer as Q } from "@wix/ricos/viewer";
+import { RicosViewer as j } from "@wix/ricos/viewer";
 import _ from "classnames";
-import e, { useMemo as F, useState as j, useRef as M, useLayoutEffect as w, useCallback as q } from "react";
-import { CheckboxGroup as z, TextField as J, Input as K, CheckboxField as X, CheckboxButton as Y } from "react-aria-components";
-import { ag as y, ad as Z, aq as T, aa as ee, ai as te } from "./form-D6A2hUbV.js";
-import { f, a as k } from "./find-child-C60k4CxG.js";
-import { E as x, D as B } from "./field-error-headless-DP4WSQU3.js";
-import { L as P } from "./field-label-headless-BKmi7Fjg.js";
+import e, { useMemo as F, useState as J, useRef as M, useLayoutEffect as Q, useCallback as k } from "react";
+import { CheckboxGroup as w, TextField as z, Input as K, CheckboxField as X, CheckboxButton as Y } from "react-aria-components";
+import { ai as y, af as Z, as as v, ab as ee, ak as te } from "./form-9yjqDnxY.js";
+import { f, a as q } from "./find-child-C60k4CxG.js";
+import { E as x, D as B } from "./field-error-headless-DrnFrGun.js";
+import { L as P } from "./field-label-headless-BIYf1BIh.js";
 import { F as ae } from "./fieldset-headless-CD3fds9J.js";
 import { N as D } from "./options-layout-constants-DEfIEJWD.js";
 import { E as ne } from "./error-icon-hZxQ6DEy.js";
-import { s as S } from "./field-rac.module-DtugsLiL.js";
-import { r as re, H as oe, S as se, T as le, U as ie, q as ce, l as ue, h as de } from "./form-element-classes-Bi-nNM8q.js";
+import { s as S } from "./field-rac.module-CWkwwhq4.js";
+import { t as oe, J as re, U as se, V as le, W as ie, s as ce, n as ue, j as de } from "./form-element-classes-KRzHUNLu.js";
 import { o as me } from "./options-rac.module-KM-VT_KY.js";
 const g = "Other", pe = (t, a) => {
   const c = a.length + 2;
-  return (t.find((r) => r.startsWith(`${a}: `)) || "").slice(c);
-}, he = (t) => t.map((a) => a.value ?? a.label), $ = ({ className: t, ...a }) => {
+  return (t.find((o) => o.startsWith(`${a}: `)) || "").slice(c);
+}, he = (t) => t.map((a) => a.value ?? a.label), W = ({ className: t, ...a }) => {
   const { label: l } = a;
   return /* @__PURE__ */ e.createElement("span", {
     className: t
   }, l);
-}, W = ({ className: t }) => {
-  const { value: a, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: r, disabled: u, readOnly: b, hasError: d } = y(), { t: m } = T(), o = c || m("add-other.default-other-option-label") || g, p = F(() => pe(a || [], o), [
+}, $ = ({ className: t }) => {
+  const { value: a, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: o, disabled: u, readOnly: b, hasError: d } = y(), { t: m } = v(), r = c || m("add-other.default-other-option-label") || g, p = F(() => pe(a || [], r), [
     a,
-    o
-  ]), [n, L] = j(p), h = M(l);
-  w(() => {
+    r
+  ]), [n, L] = J(p), h = M(l);
+  Q(() => {
     h.current = l;
   });
-  const I = q((E) => {
+  const I = k((E) => {
     L(E);
-    const C = (a || []).filter((O) => !O.startsWith(`${o}:`) && O !== o), R = E ? `${o}: ${E}` : o;
+    const C = (a || []).filter((O) => !O.startsWith(`${r}:`) && O !== r), R = E ? `${r}: ${E}` : r;
     h.current([
       ...C,
       R
     ]);
   }, [
     a,
-    o
+    r
   ]);
-  return /* @__PURE__ */ e.createElement(J, {
+  return /* @__PURE__ */ e.createElement(z, {
     value: n,
     onChange: I,
     isDisabled: u,
     isReadOnly: b,
     isInvalid: d,
-    "aria-label": o
+    "aria-label": r
   }, /* @__PURE__ */ e.createElement(K, {
     "data-hook": "tags-other-input",
     "data-filled": n ? !0 : void 0,
     placeholder: i,
-    maxLength: r,
+    maxLength: o,
     className: t
   }));
-}, v = ({ children: t, className: a, ...l }) => {
-  const { value: c, label: i, isOther: r, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: o, disabled: p, readOnly: n, hasError: L } = y(), h = M(null);
+}, T = ({ children: t, className: a, ...l }) => {
+  const { value: c, label: i, isOther: o, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: r, disabled: p, readOnly: n, hasError: L } = y(), h = M(null);
   te(() => {
     var O;
     u && ((O = h.current) == null || O.focus({
       preventScroll: !0
     }));
   }, b);
-  const I = f(t, $), E = F(() => d || [], [
+  const I = f(t, W), E = F(() => d || [], [
     d
-  ]), C = F(() => r ? E.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
-    r,
+  ]), C = F(() => o ? E.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
+    o,
     E,
     i,
     c
-  ]), R = q((O) => {
-    const G = he(o || []), V = E.filter((H) => G.includes(H));
+  ]), R = k((O) => {
+    const G = he(r || []), V = E.filter((H) => G.includes(H));
     m(O ? [
       ...V,
       i
@@ -77,27 +77,27 @@ const g = "Other", pe = (t, a) => {
   }, [
     i,
     m,
-    o,
+    r,
     E
   ]);
   return /* @__PURE__ */ e.createElement(X, {
     inputRef: h,
     value: C,
-    onChange: r ? R : void 0,
+    onChange: o ? R : void 0,
     isDisabled: p,
     isReadOnly: n,
     isInvalid: L
   }, /* @__PURE__ */ e.createElement(Y, {
     className: a,
-    "data-hook": `tags-${r ? g : c}`
-  }, k(I, {
+    "data-hook": `tags-${o ? g : c}`
+  }, q(I, {
     value: c,
     label: i,
-    isOther: r,
+    isOther: o,
     isFirstOption: u
   })));
 }, A = ({ children: t, className: a }) => {
-  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: r = D.FREE_FLOW } = y(), { isMobile: u } = ee(), { t: b } = T(), d = u && r !== D.FREE_FLOW ? D.ONE : r, m = i || b("add-other.default-other-option-label") || g, o = f(t, v), p = F(() => {
+  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: o = D.FREE_FLOW } = y(), { isMobile: u } = ee(), { t: b } = v(), d = u && o !== D.FREE_FLOW ? D.ONE : o, m = i || b("add-other.default-other-option-label") || g, r = f(t, T), p = F(() => {
     const n = l || [];
     return c ? [
       ...n,
@@ -117,7 +117,7 @@ const g = "Other", pe = (t, a) => {
     "data-columns": d
   }, p.map((n, L) => {
     const h = n.value ?? n.label;
-    return k(o, {
+    return q(r, {
       key: n.isOther ? g : h,
       value: h,
       label: n.label,
@@ -126,7 +126,7 @@ const g = "Other", pe = (t, a) => {
     });
   }));
 }, U = ({ children: t, className: a }) => {
-  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: r, value: u } = y(), { t: b } = T(), d = c || b("add-other.default-other-option-label") || g, m = f(t, A), o = f(t, W), p = F(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
+  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: o, value: u } = y(), { t: b } = v(), d = c || b("add-other.default-other-option-label") || g, m = f(t, A), r = f(t, $), p = F(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
     l,
     u,
     d
@@ -134,10 +134,10 @@ const g = "Other", pe = (t, a) => {
   return /* @__PURE__ */ e.createElement("div", {
     className: a,
     "data-invalid": i,
-    "data-readonly": r
-  }, m, p && o);
+    "data-readonly": o
+  }, m, p && r);
 }, s = ({ children: t }) => {
-  const { id: a, value: l, onChange: c, FieldLayout: i, required: r, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = y(), { inputId: p, labelId: n, ariaDescribedBy: L } = Z(), h = F(() => l || [], [
+  const { id: a, value: l, onChange: c, FieldLayout: i, required: o, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: r } = y(), { inputId: p, labelId: n, ariaDescribedBy: L } = Z(), h = F(() => l || [], [
     l
   ]), I = f(t, P), E = f(t, U), C = f(t, B), R = f(t, x);
   return /* @__PURE__ */ e.createElement(i, {
@@ -147,40 +147,40 @@ const g = "Other", pe = (t, a) => {
       id: p,
       ariaLabelledBy: n,
       ariaDescribedBy: L,
-      required: r,
+      required: o,
       onBlur: m,
-      onFocus: o
-    }, /* @__PURE__ */ e.createElement(z, {
+      onFocus: r
+    }, /* @__PURE__ */ e.createElement(w, {
       "aria-labelledby": n,
       value: h,
       onChange: c,
       isDisabled: u,
       isReadOnly: b,
-      isRequired: r,
+      isRequired: o,
       isInvalid: d
     }, E)),
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, R, C)
   });
 };
-A.Option = v;
-v.Label = $;
+A.Option = T;
+T.Label = W;
 s.Label = P;
 s.Control = U;
 s.Options = A;
-s.OtherInput = W;
+s.OtherInput = $;
 s.Description = B;
 s.Error = x;
 const Ee = "_control_lyoqm_1", Oe = "_options_lyoqm_7", be = "_option_lyoqm_7", N = {
   control: Ee,
   options: Oe,
   option: be
-}, fe = ({ content: t, locale: a }) => /* @__PURE__ */ e.createElement(Q, {
+}, fe = ({ content: t, locale: a }) => /* @__PURE__ */ e.createElement(j, {
   content: t,
   locale: a
 }), Ve = () => /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement(s.Label, {
-  className: _(re, S.label)
+  className: _(oe, S.label)
 }, /* @__PURE__ */ e.createElement(s.Label.Required, {
-  className: _(oe, S.requiredMark)
+  className: _(re, S.requiredMark)
 })), /* @__PURE__ */ e.createElement(s.Control, {
   className: N.control
 }, /* @__PURE__ */ e.createElement(s.Options, {

package/dist/component/{tags-rac-DsaUqJ4w.js → tags-rac-CdIB_48Z.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./tags-field-rac-COJG3T_9.js";
+import { T as r } from "./tags-field-rac-eX3d3JEH.js";
 const a = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   a as TagsRAC

package/dist/component/{text-area-field-rac-BVq5p83p.js → text-area-field-rac-Bir5Q7gz.js}

@@ -2,20 +2,20 @@ import { RicosViewer as S } from "@wix/ricos/viewer";
 import n from "classnames";
 import r, { useCallback as O, useRef as T } from "react";
 import { TextField as N, TextArea as y } from "react-aria-components";
-import { ag as d, ad as E, ai as h } from "./form-D6A2hUbV.js";
+import { ai as E, af as d, ak as x } from "./form-9yjqDnxY.js";
 import { f as c } from "./find-child-C60k4CxG.js";
-import { D as x, E as g } from "./field-error-headless-DP4WSQU3.js";
-import { L as M } from "./field-label-headless-BKmi7Fjg.js";
-import { E as q } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-DtugsLiL.js";
-import { r as v, H as B, q as P, l as k, h as U } from "./form-element-classes-Bi-nNM8q.js";
+import { D as h, E as M } from "./field-error-headless-DrnFrGun.js";
+import { L as g } from "./field-label-headless-BIYf1BIh.js";
+import { E as v } from "./error-icon-hZxQ6DEy.js";
+import { s } from "./field-rac.module-CWkwwhq4.js";
+import { t as q, J as B, s as k, n as P, j as U } from "./form-element-classes-KRzHUNLu.js";
 const e = ({ children: t }) => {
-  const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: p, onFocus: I, FieldLayout: f, hasError: F } = d(), { labelId: L } = E(), R = O((C) => {
+  const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: p, onFocus: f, FieldLayout: I, hasError: F } = E(), { labelId: L } = d(), R = O((C) => {
     l(C);
   }, [
     l
   ]), _ = c(t, e.Label), b = c(t, e.Input), D = c(t, e.Description), A = c(t, e.Error);
-  return /* @__PURE__ */ r.createElement(f, {
+  return /* @__PURE__ */ r.createElement(I, {
     fieldId: a,
     renderLabel: () => _,
     renderInput: () => /* @__PURE__ */ r.createElement(N, {
@@ -27,13 +27,13 @@ const e = ({ children: t }) => {
       isRequired: o,
       isInvalid: F,
       onBlur: p,
-      onFocus: I
+      onFocus: f
     }, b),
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, A, D)
   });
 }, V = ({ className: t }) => {
-  const { inputId: a, ariaDescribedBy: m } = E(), { id: l, placeholder: u } = d(), o = T(null);
-  return h(() => {
+  const { inputId: a, ariaDescribedBy: m } = d(), { id: l, placeholder: u } = E(), o = T(null);
+  return x(() => {
     var i;
     (i = o.current) == null || i.focus();
   }, l), /* @__PURE__ */ r.createElement(y, {
@@ -44,26 +44,26 @@ const e = ({ children: t }) => {
     className: t
   });
 };
-e.Label = M;
+e.Label = g;
 e.Input = V;
-e.Description = x;
-e.Error = g;
-const w = "_input_ug5v8_1", H = {
-  input: w
-}, Q = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
+e.Description = h;
+e.Error = M;
+const j = "_input_ug5v8_1", w = {
+  input: j
+}, J = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
   content: t,
   locale: a
 }), re = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
-  className: n(v, s.label)
+  className: n(q, s.label)
 }, /* @__PURE__ */ r.createElement(e.Label.Required, {
   className: n(B, s.requiredMark)
 })), /* @__PURE__ */ r.createElement(e.Input, {
-  className: n(P, s.input, H.input)
+  className: n(k, s.input, w.input)
 }), /* @__PURE__ */ r.createElement(e.Error, {
-  className: n(k, s.error)
-}, /* @__PURE__ */ r.createElement(q, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
+  className: n(P, s.error)
+}, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
   className: n(U, s.description)
-}, Q));
+}, J));
 export {
   re as T
 };

package/dist/component/{text-area-rac-D-uiOy62.js → text-area-rac-Ct1UNU04.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./text-area-field-rac-BVq5p83p.js";
+import { T as r } from "./text-area-field-rac-Bir5Q7gz.js";
 const a = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   a as TextAreaRAC

package/dist/component/{text-input-field-rac-wYvY_eBR.js → text-input-field-rac-onGUXC9J.js}

@@ -1,13 +1,13 @@
 import { RicosViewer as m } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { T as r } from "./text-input-headless-BsL6OYhp.js";
+import { T as r } from "./text-input-headless-Bs9m7QFg.js";
 import { E as o } from "./error-icon-hZxQ6DEy.js";
-import { s as a } from "./field-rac.module-DtugsLiL.js";
-import { r as n, H as c, q as E, l as i, h as R } from "./form-element-classes-Bi-nNM8q.js";
-const _ = ({ content: l, locale: s }) => /* @__PURE__ */ e.createElement(m, {
-  content: l,
-  locale: s
+import { s as a } from "./field-rac.module-CWkwwhq4.js";
+import { t as n, J as c, s as E, n as i, j as R } from "./form-element-classes-KRzHUNLu.js";
+const _ = ({ content: s, locale: l }) => /* @__PURE__ */ e.createElement(m, {
+  content: s,
+  locale: l
 }), N = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
   className: t(n, a.label)
 }, /* @__PURE__ */ e.createElement(r.Label.Required, {