@wix/form-elements 1.73.0 → 1.75.0

package/dist/component/{signature-rac-D44U9Uyp.js → signature-rac-CIkm3SCW.js}

@@ -1,26 +1,26 @@
-import s, { useRef as W, useCallback as I, useState as K, useEffect as Q, useMemo as De, isValidElement as Re } from "react";
-import { RicosViewer as we } from "@wix/ricos/viewer";
+import s, { useRef as W, useCallback as I, useState as Q, useEffect as K, useMemo as De, isValidElement as we } from "react";
+import { RicosViewer as Re } from "@wix/ricos/viewer";
 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 { z as Ue, ae as Oe, ab as Be, aq as ge, E as ce, e as q, ai as A, af as H, ak as Ee, as as Me } from "./form-C6WwBcGP.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-DCmjj8mZ.js";
 import { f as T, a as F } from "./find-child-C60k4CxG.js";
-import { D as We, E as He } from "./field-error-headless-DQZ5XAdn.js";
-import { L as Ye } from "./field-label-headless-DoxfHHaj.js";
+import { D as We, E as He } from "./field-error-headless-uQOcm2Ak.js";
+import { L as Ye } from "./field-label-headless-Bzh7f2Ji.js";
 import { D as ke } from "./data-hooks-Dkw1pbRj.js";
 import { E as $e } from "./error-icon-hZxQ6DEy.js";
-import { s as z } from "./field-rac.module-Cac83bU5.js";
-import { z as ue, R as ze, y as B, a3 as Ve, q as Ze, j as Xe } from "./form-element-classes-DDKCTFQj.js";
-const qe = typeof s.useId == "function" ? s.useId : () => W(Ue()).current;
-var R = /* @__PURE__ */ (function(e) {
+import { s as z } from "./field-rac.module-DjmaTYkc.js";
+import { y as ue, Q as ze, x as B, a2 as Ve, p as Ze, i as Xe } from "./form-element-classes-Dn33C01k.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) {
   return e.DRAW = "draw", e.TYPE = "type", e.UPLOAD = "upload", 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)
@@ -54,14 +54,14 @@ const Je = (e, t) => {
     const o = (r * t.width + n) * 4;
     return t.data[o] * 65536 + t.data[o + 1] * 256 + t.data[o + 2] === a;
   };
-}, Ke = (e) => (t, a) => {
+}, Qe = (e) => (t, a) => {
   const n = (a * e.width + t) * 4;
   return e.data[n + 3] === 0;
 };
 function J(e, t) {
   const a = e.getContext("2d", {
     willReadFrequently: !0
-  }), n = e.width, r = e.height, o = a.getImageData(0, 0, n, r), i = t ? Je(t, o) : Ke(o);
+  }), n = e.width, r = e.height, o = a.getImageData(0, 0, n, r), i = t ? Je(t, o) : Qe(o);
   let l = n + 1, c = -1, d = r + 1, u = -1, f = 0, m = 0;
   for (m = 0; m < r; m++)
     for (f = 0; f < n; f++)
@@ -82,7 +82,7 @@ function V(e, t, a) {
   }
   return n;
 }
-function Qe(e, t) {
+function Ke(e, t) {
   return new Promise((a, n) => {
     const r = new Image();
     r.onload = () => {
@@ -103,10 +103,10 @@ function me(e, t) {
 }
 const M = 480, et = (e) => Ce({
   data: JSON.stringify(e),
-  mimeType: R.POINTS
+  mimeType: w.POINTS
 }), Le = (e) => {
   const t = N(e);
-  if ((t == null ? void 0 : t.mimeType) === R.POINTS)
+  if ((t == null ? void 0 : t.mimeType) === w.POINTS)
     try {
       return JSON.parse(t.data);
     } catch {
@@ -186,13 +186,13 @@ async function ot(e, t) {
   if (!a)
     return e;
   const n = a.mimeType;
-  if (n === R.TEXT) {
+  if (n === w.TEXT) {
     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;
   }
-  if (n === R.POINTS) {
+  if (n === w.POINTS) {
     const r = Le(e);
     if (!r)
       return null;
@@ -205,7 +205,7 @@ async function ot(e, t) {
     return c ? de(c, void 0, M, "white").toDataURL("image/jpeg", 0.7) : null;
   }
   if (n != null && n.startsWith("image/")) {
-    const r = await Qe(e), o = J(r);
+    const r = await Ke(e), o = J(r);
     return o ? de(o, void 0, M).toDataURL("image/jpeg", 0.7) : null;
   }
   return e;
@@ -216,8 +216,8 @@ 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();
-  Q(() => {
+  const [n, r] = Q(e), { isRTL: o } = Be(), i = qe(a), { setFormStatus: l } = ge(), c = W();
+  K(() => {
     e === ce && r(ce);
   }, [
     e
@@ -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,
@@ -271,25 +271,25 @@ const it = ({ value: e, onChange: t, target: a }) => {
     value: t,
     onChange: a,
     target: e
-  }), [l, c] = K(() => {
+  }), [l, c] = Q(() => {
     if (o == null)
       return b.DRAW;
     switch (i == null ? void 0 : i.mimeType) {
-      case R.POINTS:
+      case w.POINTS:
         return b.DRAW;
-      case R.TEXT:
+      case w.TEXT:
         return b.TYPE;
       default:
         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,
@@ -320,16 +320,16 @@ const it = ({ value: e, onChange: t, target: a }) => {
     handleClear: f
   };
 }, ct = {
-  [b.DRAW]: (e) => (e == null ? void 0 : e.mimeType) === R.POINTS,
-  [b.TYPE]: (e) => (e == null ? void 0 : e.mimeType) === R.TEXT,
-  [b.UPLOAD]: (e) => (e == null ? void 0 : e.mimeType) !== R.POINTS && (e == null ? void 0 : e.mimeType) !== R.TEXT
+  [b.DRAW]: (e) => (e == null ? void 0 : e.mimeType) === w.POINTS,
+  [b.TYPE]: (e) => (e == null ? void 0 : e.mimeType) === w.TEXT,
+  [b.UPLOAD]: (e) => (e == null ? void 0 : e.mimeType) !== w.POINTS && (e == null ? void 0 : e.mimeType) !== w.TEXT
 };
 function ut(e, t, a) {
   return t && ct[e](a) ? t : void 0;
 }
 const dt = (e) => {
   const t = e.url ? N(e.url) : void 0;
-  return t ? t.mimeType !== R.POINTS && t.mimeType !== R.TEXT : !0;
+  return t ? t.mimeType !== w.POINTS && t.mimeType !== w.TEXT : !0;
 }, te = () => {
   const { hoverProps: e, isHovered: t } = ve({}), { focusProps: a, isFocused: n, isFocusVisible: r } = xe({
     within: !0
@@ -404,7 +404,7 @@ const dt = (e) => {
     "data-hook": ke.SIGNATURE_FIELD_MODE_SELECT,
     className: t
   }, u[b.DRAW], u[b.TYPE], u[b.UPLOAD]));
-}, mt = (e) => /* @__PURE__ */ Re(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(Pe, {
+}, mt = (e) => /* @__PURE__ */ we(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(Pe, {
   value: e,
   "aria-label": n
 }, /* @__PURE__ */ s.createElement(Ne, {
@@ -463,12 +463,12 @@ const dt = (e) => {
     onFocus: u
   }));
 }, Et = ({ className: e, emptyLabel: t, signedLabel: a, ...n }) => {
-  const { value: r, onChange: o, onBeforeChange: i, disabled: l, readOnly: c, onBlur: d, onFocus: u } = n, { id: f } = A(), { inputId: m, ariaDescribedBy: h } = H(), E = te(), p = W(), L = W(), y = W(null), x = r == null ? void 0 : r.url, [U, Y] = K(!1);
+  const { value: r, onChange: o, onBeforeChange: i, disabled: l, readOnly: c, onBlur: d, onFocus: u } = n, { id: f } = A(), { inputId: m, ariaDescribedBy: h } = H(), E = te(), p = W(), L = W(), y = W(null), x = r == null ? void 0 : r.url, [U, Y] = Q(!1);
   Ee(() => {
     var D;
     (D = L.current) == null || D.focus();
   }, f);
-  const w = De(() => ({
+  const R = De(() => ({
     throttle: 0,
     dotSize: 2,
     minWidth: 1,
@@ -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()));
@@ -495,25 +495,25 @@ const dt = (e) => {
     var k, $, se, ie;
     if (D != null) {
       if (L.current = D, p.current = new he(D, {
-        ...w,
+        ...R,
         penColor: getComputedStyle(D).color || void 0
       }), me(L.current, p.current), x) {
         const le = Le(x);
         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);
   }, [
-    w,
+    R,
     x,
     j,
-    G
+    q
   ]);
-  return Q(() => {
+  return K(() => {
     p.current && (c || l ? p.current.off() : p.current.on());
   }, [
     l,
@@ -538,23 +538,23 @@ const dt = (e) => {
     data: ""
   };
   Ee(() => {
-    const w = document.getElementById(h);
-    w == null || w.focus({
+    const R = document.getElementById(h);
+    R == null || R.focus({
       preventScroll: !0
     });
-  }, u), Q(() => {
+  }, u), K(() => {
     if (!n) {
-      const w = document.getElementById(h);
-      w && (w.value = "");
+      const R = document.getElementById(h);
+      R && (R.value = "");
     }
   }, [
     n,
     h
   ]);
-  const U = I((w) => {
-    o == null || o(), w.trim() ? r(ee(Ce({
-      data: w,
-      mimeType: R.TEXT
+  const U = I((R) => {
+    o == null || o(), R.trim() ? r(ee(Ce({
+      data: R,
+      mimeType: w.TEXT
     }))) : r(null);
   }, [
     o,
@@ -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();
   }, [
@@ -714,7 +714,7 @@ const Tt = () => {
 }, /* @__PURE__ */ s.createElement("path", {
   fillRule: "evenodd",
   d: "M18.8525,7.543 L17.7515,8.644 L15.3565,6.248 L16.4575,5.147 C16.5555,5.05 16.6835,5.001 16.8105,5.001 C16.9385,5.001 17.0665,5.05 17.1645,5.147 L18.8525,6.835 C19.0475,7.03 19.0475,7.348 18.8525,7.543 L18.8525,7.543 Z M8.1895,18.206 C8.1185,18.276 8.0275,18.324 7.9295,18.344 L5.1275,18.873 L5.6575,16.07 C5.6755,15.972 5.7225,15.882 5.7945,15.811 L14.6495,6.955 L17.0445,9.351 L8.1895,18.206 Z M19.5595,6.128 L17.8715,4.44 C17.2865,3.856 16.3355,3.856 15.7505,4.44 L5.0875,15.103 C4.8735,15.317 4.7295,15.588 4.6745,15.886 L4.0085,19.407 C3.9775,19.569 4.0295,19.736 4.1465,19.854 C4.2415,19.948 4.3685,20 4.4995,20 C4.5305,20 4.5615,19.997 4.5925,19.991 L8.1165,19.326 C8.4145,19.269 8.6855,19.125 8.8965,18.912 L19.5595,8.25 C20.1445,7.665 20.1445,6.713 19.5595,6.128 L19.5595,6.128 Z"
-})), Rt = (e) => /* @__PURE__ */ s.createElement("svg", {
+})), wt = (e) => /* @__PURE__ */ s.createElement("svg", {
   viewBox: "0 0 20 20",
   width: 24,
   height: 24,
@@ -724,8 +724,8 @@ const Tt = () => {
 }, /* @__PURE__ */ s.createElement("path", {
   fillRule: "evenodd",
   d: "M12,4 L12,5 L8,5 L8,16 L7,16 L7,5 L3,5 L3,4 L12,4 Z M18,8 L18,9 L15,9 L15,16 L14,16 L14,9 L11,9 L11,8 L18,8 Z"
-})), wt = "_header_15ti0_1", vt = "_tabs_15ti0_8", xt = "_tab_15ti0_8", St = "_tabIcon_15ti0_74", Ft = "_clear_15ti0_81", At = "_value_15ti0_113", _t = "_box_15ti0_118", Pt = "_uploadBox_15ti0_119", Nt = "_typeInput_15ti0_230", C = {
-  header: wt,
+})), Rt = "_header_15ti0_1", vt = "_tabs_15ti0_8", xt = "_tab_15ti0_8", St = "_tabIcon_15ti0_74", Ft = "_clear_15ti0_81", At = "_value_15ti0_113", _t = "_box_15ti0_118", Pt = "_uploadBox_15ti0_119", Nt = "_typeInput_15ti0_230", C = {
+  header: Rt,
   tabs: vt,
   tab: xt,
   tabIcon: St,
@@ -734,7 +734,7 @@ const Tt = () => {
   box: _t,
   uploadBox: Pt,
   typeInput: Nt
-}, Ut = ({ content: e, locale: t }) => /* @__PURE__ */ s.createElement(we, {
+}, Ut = ({ content: e, locale: t }) => /* @__PURE__ */ s.createElement(Re, {
   content: e,
   locale: t
 }), Ot = () => {
@@ -757,7 +757,7 @@ const Tt = () => {
     className: v(B, C.tab),
     "aria-label": e.typeLabel,
     description: e.typeDescription
-  }, /* @__PURE__ */ s.createElement(Rt, {
+  }, /* @__PURE__ */ s.createElement(wt, {
     className: C.tabIcon
   })), /* @__PURE__ */ s.createElement(g.Input.Header.Tabs.Upload, {
     className: v(B, C.tab),

package/dist/component/{submit-button-rac-BqtcgVAn.js → submit-button-rac-Bz-X9Tbo.js}

@@ -1,9 +1,9 @@
 import t from "react";
 import l from "classnames";
-import { ai as c } from "./form-C6WwBcGP.js";
+import { ai as c } from "./form-DCmjj8mZ.js";
 import { ProgressBar as g, Button as b } from "react-aria-components";
 import { f as i } from "./find-child-C60k4CxG.js";
-import { a5 as v, a4 as N, a7 as f } from "./form-element-classes-DDKCTFQj.js";
+import { a4 as v, a3 as N, a6 as f } from "./form-element-classes-Dn33C01k.js";
 function C(e) {
   const s = "calc(50% - 2px)";
   return /* @__PURE__ */ t.createElement(g, {

package/dist/component/{tags-field-rac-CemsTKWz.js → tags-field-rac-Dn8VyPzT.js}

@@ -1,35 +1,34 @@
 import { RicosViewer as H } from "@wix/ricos/viewer";
 import _ from "classnames";
-import e, { useMemo as I, useState as j, useRef as V, useLayoutEffect as z, useCallback as k } from "react";
-import { ai as g, af as K, as as T, ab as Q, ak as Y, ac as J } from "./form-C6WwBcGP.js";
+import e, { useMemo as F, useState as Q, useRef as V, useLayoutEffect as K, useCallback as k } from "react";
+import { ai as g, af as Y, as as v, ab as j, ak as z, ac as J } from "./form-DCmjj8mZ.js";
 import { CheckboxGroup as X, TextField as Z, Input as ee, CheckboxField as te, CheckboxButton as ae } from "react-aria-components";
 import { f, a as x } from "./find-child-C60k4CxG.js";
-import { E as B, D as P } from "./field-error-headless-DQZ5XAdn.js";
-import { L as $ } from "./field-label-headless-DoxfHHaj.js";
+import { E as B, D as P } from "./field-error-headless-uQOcm2Ak.js";
+import { L as $ } from "./field-label-headless-Bzh7f2Ji.js";
 import { F as ne } from "./fieldset-headless-CD3fds9J.js";
 import { N as D } from "./options-layout-constants-DEfIEJWD.js";
 import { E as se } from "./error-icon-hZxQ6DEy.js";
-import { s as S } from "./field-rac.module-Cac83bU5.js";
-import { z as oe, R as re, a0 as le, a1 as ie, a2 as ce, y as ue, q as de, j as me } from "./form-element-classes-DDKCTFQj.js";
-import { T as pe } from "./form-element-keys-D0sEdpFo.js";
+import { s as S } from "./field-rac.module-DjmaTYkc.js";
+import { y as oe, Q as re, $ as le, a0 as ie, a1 as ce, x as ue, p as de, i as me, F as pe } from "./form-element-classes-Dn33C01k.js";
 import { o as Ee } from "./options-rac.module-KM-VT_KY.js";
 const N = "Other", he = (a, t) => {
   const c = t.length + 2;
   return (a.find((s) => s.startsWith(`${t}: `)) || "").slice(c);
-}, Oe = (a) => a.map((t) => t.value ?? t.label), q = ({ className: a, ...t }) => {
+}, Oe = (a) => a.map((t) => t.value ?? t.label), W = ({ className: a, ...t }) => {
   const { label: l } = t;
   return /* @__PURE__ */ e.createElement("span", {
     className: a
   }, l);
-}, W = ({ className: a }) => {
-  const { value: t, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: s, disabled: u, readOnly: b, hasError: d } = g(), { t: m } = T(), o = c || m("add-other.default-other-option-label") || N, p = I(() => he(t || [], o), [
+}, q = ({ className: a }) => {
+  const { value: t, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: s, disabled: u, readOnly: b, hasError: d } = g(), { t: m } = v(), o = c || m("add-other.default-other-option-label") || N, p = F(() => he(t || [], o), [
     t,
     o
-  ]), [n, L] = j(p), E = V(l);
-  z(() => {
+  ]), [n, L] = Q(p), E = V(l);
+  K(() => {
     E.current = l;
   });
-  const F = k((h) => {
+  const I = k((h) => {
     L(h);
     const C = (t || []).filter((O) => !O.startsWith(`${o}:`) && O !== o), R = h ? `${o}: ${h}` : o;
     E.current([
@@ -42,7 +41,7 @@ const N = "Other", he = (a, t) => {
   ]);
   return /* @__PURE__ */ e.createElement(Z, {
     value: n,
-    onChange: F,
+    onChange: I,
     isDisabled: u,
     isReadOnly: b,
     isInvalid: d,
@@ -54,17 +53,17 @@ const N = "Other", he = (a, t) => {
     maxLength: s,
     className: a
   }));
-}, v = ({ children: a, className: t, ...l }) => {
+}, T = ({ children: a, className: t, ...l }) => {
   const { value: c, label: i, isOther: s, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: o, disabled: p, readOnly: n, hasError: L } = g(), E = V(null);
-  Y(() => {
+  z(() => {
     var O;
     u && ((O = E.current) == null || O.focus({
       preventScroll: !0
     }));
   }, b);
-  const F = f(a, q), h = I(() => d || [], [
+  const I = f(a, W), h = F(() => d || [], [
     d
-  ]), C = I(() => s ? h.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
+  ]), C = F(() => s ? h.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
     s,
     h,
     i,
@@ -91,14 +90,14 @@ const N = "Other", he = (a, t) => {
   }, /* @__PURE__ */ e.createElement(ae, {
     className: t,
     "data-hook": `tags-${s ? N : c}`
-  }, x(F, {
+  }, x(I, {
     value: c,
     label: i,
     isOther: s,
     isFirstOption: u
   })));
 }, A = ({ children: a, className: t }) => {
-  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: s = D.FREE_FLOW } = g(), { isMobile: u } = Q(), { t: b } = T(), d = u && s !== D.FREE_FLOW ? D.ONE : s, m = i || b("add-other.default-other-option-label") || N, o = f(a, v), p = I(() => {
+  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: s = D.FREE_FLOW } = g(), { isMobile: u } = j(), { t: b } = v(), d = u && s !== D.FREE_FLOW ? D.ONE : s, m = i || b("add-other.default-other-option-label") || N, o = f(a, T), p = F(() => {
     const n = l || [];
     return c ? [
       ...n,
@@ -127,7 +126,7 @@ const N = "Other", he = (a, t) => {
     });
   }));
 }, G = ({ children: a, className: t }) => {
-  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: s, value: u } = g(), { t: b } = T(), d = c || b("add-other.default-other-option-label") || N, m = f(a, A), o = f(a, W), p = I(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
+  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: s, value: u } = g(), { t: b } = v(), d = c || b("add-other.default-other-option-label") || N, m = f(a, A), o = f(a, q), p = F(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
     l,
     u,
     d
@@ -138,12 +137,12 @@ const N = "Other", he = (a, t) => {
     "data-readonly": s
   }, m, p && o);
 }, r = ({ children: a }) => {
-  const { id: t, value: l, onChange: c, FieldLayout: i, required: s, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = g(), { inputId: p, labelId: n, ariaDescribedBy: L } = K(), E = I(() => l || [], [
+  const { id: t, value: l, onChange: c, FieldLayout: i, required: s, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = g(), { inputId: p, labelId: n, ariaDescribedBy: L } = Y(), E = F(() => l || [], [
     l
-  ]), F = f(a, $), h = f(a, G), C = f(a, P), R = f(a, B);
+  ]), I = f(a, $), h = f(a, G), C = f(a, P), R = f(a, B);
   return /* @__PURE__ */ e.createElement(i, {
     fieldId: t,
-    renderLabel: () => F,
+    renderLabel: () => I,
     renderInput: () => /* @__PURE__ */ e.createElement(ne, {
       id: p,
       ariaLabelledBy: n,
@@ -163,12 +162,12 @@ const N = "Other", he = (a, t) => {
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, R, C)
   });
 };
-A.Option = v;
-v.Label = q;
+A.Option = T;
+T.Label = W;
 r.Label = $;
 r.Control = G;
 r.Options = A;
-r.OtherInput = W;
+r.OtherInput = q;
 r.Description = P;
 r.Error = B;
 const be = "_control_1kvnw_1", fe = "_options_1kvnw_7", Le = "_option_1kvnw_7", y = {
@@ -178,8 +177,8 @@ const be = "_control_1kvnw_1", fe = "_options_1kvnw_7", Le = "_option_1kvnw_7",
 }, _e = ({ content: a, locale: t }) => /* @__PURE__ */ e.createElement(H, {
   content: a,
   locale: t
-}), xe = () => {
-  const a = J(pe);
+}), ke = () => {
+  const a = J(pe.TAGS_OPTION);
   return /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
     className: _(oe, S.label)
   }, /* @__PURE__ */ e.createElement(r.Label.Required, {
@@ -203,5 +202,5 @@ const be = "_control_1kvnw_1", fe = "_options_1kvnw_7", Le = "_option_1kvnw_7",
   }, _e));
 };
 export {
-  xe as T
+  ke as T
 };

package/dist/component/{tags-rac-fVjCf6qo.js → tags-rac-BJpVdunR.js}

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

package/dist/component/{text-area-field-rac-BPciZlZb.js → text-area-field-rac-Pp9HnCS5.js}

@@ -2,15 +2,15 @@ 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 y, TextArea as N } from "react-aria-components";
-import { ai as E, af as d, ak as x } from "./form-C6WwBcGP.js";
+import { ai as p, af as E, ak as x } from "./form-DCmjj8mZ.js";
 import { f as c } from "./find-child-C60k4CxG.js";
-import { D as h, E as M } from "./field-error-headless-DQZ5XAdn.js";
-import { L as g } from "./field-label-headless-DoxfHHaj.js";
-import { E as q } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-Cac83bU5.js";
-import { z as v, R as B, y as k, q as P, j as U } from "./form-element-classes-DDKCTFQj.js";
+import { D as h, E as M } from "./field-error-headless-uQOcm2Ak.js";
+import { L as g } from "./field-label-headless-Bzh7f2Ji.js";
+import { E as v } from "./error-icon-hZxQ6DEy.js";
+import { s } from "./field-rac.module-DjmaTYkc.js";
+import { y as q, Q as B, x as k, p as P, i as Q } from "./form-element-classes-Dn33C01k.js";
 const e = ({ children: t }) => {
-  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) => {
+  const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: d, onFocus: f, FieldLayout: I, hasError: F } = p(), { labelId: L } = E(), R = O((C) => {
     l(C);
   }, [
     l
@@ -26,13 +26,13 @@ const e = ({ children: t }) => {
       isReadOnly: i,
       isRequired: o,
       isInvalid: F,
-      onBlur: p,
+      onBlur: d,
       onFocus: f
     }, b),
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, A, D)
   });
-}, V = ({ className: t }) => {
-  const { inputId: a, ariaDescribedBy: m } = d(), { id: l, placeholder: u } = E(), o = T(null);
+}, U = ({ className: t }) => {
+  const { inputId: a, ariaDescribedBy: m } = E(), { id: l, placeholder: u } = p(), o = T(null);
   return x(() => {
     var i;
     (i = o.current) == null || i.focus();
@@ -45,25 +45,25 @@ const e = ({ children: t }) => {
   });
 };
 e.Label = g;
-e.Input = V;
+e.Input = U;
 e.Description = h;
 e.Error = M;
-const j = "_input_ug5v8_1", w = {
-  input: j
-}, z = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
+const V = "_input_ug5v8_1", w = {
+  input: V
+}, $ = ({ 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(k, s.input, w.input)
 }), /* @__PURE__ */ r.createElement(e.Error, {
   className: n(P, s.error)
-}, /* @__PURE__ */ r.createElement(q, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
-  className: n(U, s.description)
-}, z));
+}, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
+  className: n(Q, s.description)
+}, $));
 export {
   re as T
 };

package/dist/component/{text-area-rac-CRTORdZM.js → text-area-rac-DbwAFdel.js}

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

package/dist/component/{text-input-field-rac-CvFoWlRN.js → text-input-field-rac-x4ByKmBv.js}

@@ -1,11 +1,11 @@
 import { RicosViewer as m } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { T as r } from "./text-input-headless-BQ3TWU9G.js";
+import { T as r } from "./text-input-headless-fbiKci5q.js";
 import { E as o } from "./error-icon-hZxQ6DEy.js";
-import { s as a } from "./field-rac.module-Cac83bU5.js";
-import { z as n, R as c, y as E, q as i, j as R } from "./form-element-classes-DDKCTFQj.js";
-const _ = ({ content: s, locale: l }) => /* @__PURE__ */ e.createElement(m, {
+import { s as a } from "./field-rac.module-DjmaTYkc.js";
+import { y as n, Q as c, x as E, p as i, i as p } from "./form-element-classes-Dn33C01k.js";
+const R = ({ content: s, locale: l }) => /* @__PURE__ */ e.createElement(m, {
   content: s,
   locale: l
 }), N = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
@@ -17,8 +17,8 @@ const _ = ({ content: s, locale: l }) => /* @__PURE__ */ e.createElement(m, {
 }), /* @__PURE__ */ e.createElement(r.Error, {
   className: t(i, a.error)
 }, /* @__PURE__ */ e.createElement(o, null), /* @__PURE__ */ e.createElement(r.Error.Text, null)), /* @__PURE__ */ e.createElement(r.Description, {
-  className: t(R, a.description)
-}, _));
+  className: t(p, a.description)
+}, R));
 export {
   N as T
 };

package/dist/component/{text-input-headless-BQ3TWU9G.js → text-input-headless-fbiKci5q.js}

@@ -1,9 +1,9 @@
 import t, { useRef as L } from "react";
 import { TextField as R, Input as v } from "react-aria-components";
-import { ai as d, af as c, ak as T } from "./form-C6WwBcGP.js";
+import { ai as d, af as c, ak as T } from "./form-DCmjj8mZ.js";
 import { f as a } from "./find-child-C60k4CxG.js";
-import { D as g, E as h } from "./field-error-headless-DQZ5XAdn.js";
-import { L as x } from "./field-label-headless-DoxfHHaj.js";
+import { D as g, E as h } from "./field-error-headless-uQOcm2Ak.js";
+import { L as x } from "./field-label-headless-Bzh7f2Ji.js";
 const e = ({ children: r }) => {
   const { id: s, value: i, onChange: l, disabled: u, readOnly: n, required: o, hasError: p, onBlur: m, onFocus: f, FieldLayout: b } = d(), { labelId: E } = c(), I = a(r, e.Label), F = a(r, e.Input), y = a(r, e.Description), D = a(r, e.Error);
   return /* @__PURE__ */ t.createElement(b, {

package/dist/component/{text-input-rac-DSFkEmob.js → text-input-rac-jyCKxyCt.js}

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