@wix/form-elements 1.71.0 → 1.73.0

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

@@ -1,19 +1,19 @@
-import s, { useRef as W, useCallback as I, useState as K, useEffect as Q, useMemo as De, isValidElement as we } from "react";
-import { RicosViewer as Re } from "@wix/ricos/viewer";
+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 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 Pe, RadioField as _e, RadioButton as Ne } from "react-aria-components";
+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-Pr0rklwH.js";
+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 { f as T, a as F } from "./find-child-C60k4CxG.js";
-import { D as We, E as He } from "./field-error-headless-DWbRjy6q.js";
-import { L as Ye } from "./field-label-headless-DUWK0CI-.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 ke } from "./data-hooks-Dkw1pbRj.js";
 import { E as $e } from "./error-icon-hZxQ6DEy.js";
-import { s as z } from "./field-rac.module-DnUIb9Oh.js";
-import { z as ue, P as ze, y as B, a1 as Ve, q as Ze, j as Xe } from "./form-element-classes-BSMjWijd.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 w = /* @__PURE__ */ (function(e) {
+var R = /* @__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;
@@ -103,10 +103,10 @@ function me(e, t) {
 }
 const M = 480, et = (e) => Ce({
   data: JSON.stringify(e),
-  mimeType: w.POINTS
+  mimeType: R.POINTS
 }), Le = (e) => {
   const t = N(e);
-  if ((t == null ? void 0 : t.mimeType) === w.POINTS)
+  if ((t == null ? void 0 : t.mimeType) === R.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 === w.TEXT) {
+  if (n === R.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 === w.POINTS) {
+  if (n === R.POINTS) {
     const r = Le(e);
     if (!r)
       return null;
@@ -275,9 +275,9 @@ const it = ({ value: e, onChange: t, target: a }) => {
     if (o == null)
       return b.DRAW;
     switch (i == null ? void 0 : i.mimeType) {
-      case w.POINTS:
+      case R.POINTS:
         return b.DRAW;
-      case w.TEXT:
+      case R.TEXT:
         return b.TYPE;
       default:
         return b.UPLOAD;
@@ -320,16 +320,16 @@ const it = ({ value: e, onChange: t, target: a }) => {
     handleClear: f
   };
 }, ct = {
-  [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
+  [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
 };
 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 !== w.POINTS && t.mimeType !== w.TEXT : !0;
+  return t ? t.mimeType !== R.POINTS && t.mimeType !== R.TEXT : !0;
 }, te = () => {
   const { hoverProps: e, isHovered: t } = ve({}), { focusProps: a, isFocused: n, isFocusVisible: r } = xe({
     within: !0
@@ -375,15 +375,15 @@ const dt = (e) => {
   }), o && F(d, {
     handleClear: i
   }));
-}, P = ({ children: e, className: t, ...a }) => {
+}, _ = ({ children: e, className: t, ...a }) => {
   const { signatureMode: n, setSignatureMode: r, uploadEnabled: o } = a, { disabled: i } = A(), { labelId: l, inputId: c } = H(), d = I((h) => {
     r(h);
   }, [
     r
   ]), u = {
-    [b.DRAW]: T(e, P.Draw),
-    [b.TYPE]: T(e, P.Type),
-    [b.UPLOAD]: o ? T(e, P.Upload) : null
+    [b.DRAW]: T(e, _.Draw),
+    [b.TYPE]: T(e, _.Type),
+    [b.UPLOAD]: o ? T(e, _.Upload) : null
   }, f = u[n], m = mt(f) ? f.props.description : void 0;
   return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("div", {
     role: "status",
@@ -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__ */ we(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(_e, {
+}, mt = (e) => /* @__PURE__ */ Re(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(Pe, {
   value: e,
   "aria-label": n
 }, /* @__PURE__ */ s.createElement(Ne, {
@@ -429,8 +429,8 @@ const dt = (e) => {
     "data-hook": `clear-${i}`,
     className: t
   }, e);
-}, _ = ({ children: e, className: t, ...a }) => {
-  const { signatureView: n, signatureValueForView: r, handleChange: o, handleBeforeChange: i } = a, { disabled: l, readOnly: c, onBlur: d, onFocus: u, hasError: f } = A(), m = T(e, _.Canvas), h = T(e, _.Type), E = T(e, _.Upload);
+}, P = ({ children: e, className: t, ...a }) => {
+  const { signatureView: n, signatureValueForView: r, handleChange: o, handleBeforeChange: i } = a, { disabled: l, readOnly: c, onBlur: d, onFocus: u, hasError: f } = A(), m = T(e, P.Canvas), h = T(e, P.Type), E = T(e, P.Upload);
   return /* @__PURE__ */ s.createElement("div", {
     className: t,
     "data-hook": "signature-input",
@@ -468,7 +468,7 @@ const dt = (e) => {
     var D;
     (D = L.current) == null || D.focus();
   }, f);
-  const R = De(() => ({
+  const w = De(() => ({
     throttle: 0,
     dotSize: 2,
     minWidth: 1,
@@ -495,7 +495,7 @@ const dt = (e) => {
     var k, $, se, ie;
     if (D != null) {
       if (L.current = D, p.current = new he(D, {
-        ...R,
+        ...w,
         penColor: getComputedStyle(D).color || void 0
       }), me(L.current, p.current), x) {
         const le = Le(x);
@@ -508,7 +508,7 @@ const dt = (e) => {
     } else
       ($ = y.current) == null || $.disconnect(), (se = p.current) == null || se.removeEventListener("endStroke", G), (ie = p.current) == null || ie.removeEventListener("beginStroke", j);
   }, [
-    R,
+    w,
     x,
     j,
     G
@@ -538,23 +538,23 @@ const dt = (e) => {
     data: ""
   };
   Ee(() => {
-    const R = document.getElementById(h);
-    R == null || R.focus({
+    const w = document.getElementById(h);
+    w == null || w.focus({
       preventScroll: !0
     });
   }, u), Q(() => {
     if (!n) {
-      const R = document.getElementById(h);
-      R && (R.value = "");
+      const w = document.getElementById(h);
+      w && (w.value = "");
     }
   }, [
     n,
     h
   ]);
-  const U = I((R) => {
-    o == null || o(), R.trim() ? r(ee(Ce({
-      data: R,
-      mimeType: w.TEXT
+  const U = I((w) => {
+    o == null || o(), w.trim() ? r(ee(Ce({
+      data: w,
+      mimeType: R.TEXT
     }))) : r(null);
   }, [
     o,
@@ -580,7 +580,7 @@ const dt = (e) => {
   })));
 }, Lt = ({ className: e, placeholder: t, ...a }) => {
   const { inputId: n, ariaDescribedBy: r } = a;
-  return /* @__PURE__ */ s.createElement(Pe, {
+  return /* @__PURE__ */ s.createElement(_e, {
     id: n,
     "data-hook": "signature-text",
     "aria-describedby": r,
@@ -657,15 +657,15 @@ g.Input = Z;
 g.Description = We;
 g.Error = He;
 Z.Header = X;
-Z.Value = _;
-X.Tabs = P;
+Z.Value = P;
+X.Tabs = _;
 X.Clear = gt;
-P.Draw = pt;
-P.Type = ft;
-P.Upload = ht;
-_.Canvas = Et;
-_.Type = ae;
-_.Upload = re;
+_.Draw = pt;
+_.Type = ft;
+_.Upload = ht;
+P.Canvas = Et;
+P.Type = ae;
+P.Upload = re;
 ae.Value = Lt;
 re.Button = yt;
 const Tt = () => {
@@ -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"
-})), wt = (e) => /* @__PURE__ */ s.createElement("svg", {
+})), Rt = (e) => /* @__PURE__ */ s.createElement("svg", {
   viewBox: "0 0 20 20",
   width: 24,
   height: 24,
@@ -724,17 +724,17 @@ 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"
-})), Rt = "_header_15ti0_1", vt = "_tabs_15ti0_8", xt = "_tab_15ti0_8", St = "_tabIcon_15ti0_74", Ft = "_clear_15ti0_81", At = "_value_15ti0_113", Pt = "_box_15ti0_118", _t = "_uploadBox_15ti0_119", Nt = "_typeInput_15ti0_230", C = {
-  header: Rt,
+})), 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,
   tabs: vt,
   tab: xt,
   tabIcon: St,
   clear: Ft,
   value: At,
-  box: Pt,
-  uploadBox: _t,
+  box: _t,
+  uploadBox: Pt,
   typeInput: Nt
-}, Ut = ({ content: e, locale: t }) => /* @__PURE__ */ s.createElement(Re, {
+}, Ut = ({ content: e, locale: t }) => /* @__PURE__ */ s.createElement(we, {
   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(wt, {
+  }, /* @__PURE__ */ s.createElement(Rt, {
     className: C.tabIcon
   })), /* @__PURE__ */ s.createElement(g.Input.Header.Tabs.Upload, {
     className: v(B, C.tab),

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

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

package/dist/component/tags-field-rac-CemsTKWz.js

@@ -0,0 +1,207 @@
+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 { 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 { 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 { 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 }) => {
+  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), [
+    t,
+    o
+  ]), [n, L] = j(p), E = V(l);
+  z(() => {
+    E.current = l;
+  });
+  const F = k((h) => {
+    L(h);
+    const C = (t || []).filter((O) => !O.startsWith(`${o}:`) && O !== o), R = h ? `${o}: ${h}` : o;
+    E.current([
+      ...C,
+      R
+    ]);
+  }, [
+    t,
+    o
+  ]);
+  return /* @__PURE__ */ e.createElement(Z, {
+    value: n,
+    onChange: F,
+    isDisabled: u,
+    isReadOnly: b,
+    isInvalid: d,
+    "aria-label": o
+  }, /* @__PURE__ */ e.createElement(ee, {
+    "data-hook": "tags-other-input",
+    "data-filled": n ? !0 : void 0,
+    placeholder: i,
+    maxLength: s,
+    className: a
+  }));
+}, v = ({ 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(() => {
+    var O;
+    u && ((O = E.current) == null || O.focus({
+      preventScroll: !0
+    }));
+  }, b);
+  const F = f(a, q), h = I(() => d || [], [
+    d
+  ]), C = I(() => s ? h.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
+    s,
+    h,
+    i,
+    c
+  ]), R = k((O) => {
+    const U = Oe(o || []), M = h.filter((w) => U.includes(w));
+    m(O ? [
+      ...M,
+      i
+    ] : M);
+  }, [
+    i,
+    m,
+    o,
+    h
+  ]);
+  return /* @__PURE__ */ e.createElement(te, {
+    inputRef: E,
+    value: C,
+    onChange: s ? R : void 0,
+    isDisabled: p,
+    isReadOnly: n,
+    isInvalid: L
+  }, /* @__PURE__ */ e.createElement(ae, {
+    className: t,
+    "data-hook": `tags-${s ? N : c}`
+  }, x(F, {
+    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 n = l || [];
+    return c ? [
+      ...n,
+      {
+        label: m,
+        value: m,
+        isOther: !0
+      }
+    ] : n;
+  }, [
+    l,
+    c,
+    m
+  ]);
+  return p.length === 0 ? null : /* @__PURE__ */ e.createElement("div", {
+    className: t,
+    "data-columns": d
+  }, p.map((n, L) => {
+    const E = n.value ?? n.label;
+    return x(o, {
+      key: n.isOther ? N : E,
+      value: E,
+      label: n.label,
+      isOther: n.isOther,
+      isFirstOption: L === 0
+    });
+  }));
+}, 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}:`)), [
+    l,
+    u,
+    d
+  ]);
+  return /* @__PURE__ */ e.createElement("div", {
+    className: t,
+    "data-invalid": i,
+    "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 || [], [
+    l
+  ]), F = f(a, $), h = f(a, G), C = f(a, P), R = f(a, B);
+  return /* @__PURE__ */ e.createElement(i, {
+    fieldId: t,
+    renderLabel: () => F,
+    renderInput: () => /* @__PURE__ */ e.createElement(ne, {
+      id: p,
+      ariaLabelledBy: n,
+      ariaDescribedBy: L,
+      required: s,
+      onBlur: m,
+      onFocus: o
+    }, /* @__PURE__ */ e.createElement(X, {
+      "aria-labelledby": n,
+      value: E,
+      onChange: c,
+      isDisabled: u,
+      isReadOnly: b,
+      isRequired: s,
+      isInvalid: d
+    }, h)),
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, R, C)
+  });
+};
+A.Option = v;
+v.Label = q;
+r.Label = $;
+r.Control = G;
+r.Options = A;
+r.OtherInput = W;
+r.Description = P;
+r.Error = B;
+const be = "_control_1kvnw_1", fe = "_options_1kvnw_7", Le = "_option_1kvnw_7", y = {
+  control: be,
+  options: fe,
+  option: Le
+}, _e = ({ content: a, locale: t }) => /* @__PURE__ */ e.createElement(H, {
+  content: a,
+  locale: t
+}), xe = () => {
+  const a = J(pe);
+  return /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
+    className: _(oe, S.label)
+  }, /* @__PURE__ */ e.createElement(r.Label.Required, {
+    className: _(re, S.requiredMark)
+  })), /* @__PURE__ */ e.createElement(r.Control, {
+    className: y.control
+  }, /* @__PURE__ */ e.createElement(r.Options, {
+    className: _(le, y.options)
+  }, /* @__PURE__ */ e.createElement(r.Options.Option, {
+    className: ({ isSelected: t }) => _(ie, y.option, a, {
+      [ce]: t
+    })
+  }, /* @__PURE__ */ e.createElement(r.Options.Option.Label, {
+    className: Ee.optionLabel
+  }))), /* @__PURE__ */ e.createElement(r.OtherInput, {
+    className: _(ue, S.input)
+  })), /* @__PURE__ */ e.createElement(r.Error, {
+    className: _(de, S.error)
+  }, /* @__PURE__ */ e.createElement(se, null), /* @__PURE__ */ e.createElement(r.Error.Text, null)), /* @__PURE__ */ e.createElement(r.Description, {
+    className: _(me, S.description)
+  }, _e));
+};
+export {
+  xe as T
+};

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

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

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

@@ -2,13 +2,13 @@ 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-Pr0rklwH.js";
+import { ai as E, af as d, ak as x } from "./form-C6WwBcGP.js";
 import { f as c } from "./find-child-C60k4CxG.js";
-import { D as h, E as M } from "./field-error-headless-DWbRjy6q.js";
-import { L as g } from "./field-label-headless-DUWK0CI-.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-DnUIb9Oh.js";
-import { z as v, P as B, y as P, q as k, j as U } from "./form-element-classes-BSMjWijd.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";
 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) => {
     l(C);
@@ -58,9 +58,9 @@ const j = "_input_ug5v8_1", w = {
 }, /* @__PURE__ */ r.createElement(e.Label.Required, {
   className: n(B, s.requiredMark)
 })), /* @__PURE__ */ r.createElement(e.Input, {
-  className: n(P, s.input, w.input)
+  className: n(k, s.input, w.input)
 }), /* @__PURE__ */ r.createElement(e.Error, {
-  className: n(k, s.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));

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

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

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

@@ -1,10 +1,10 @@
 import { RicosViewer as m } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { T as r } from "./text-input-headless-fTooOIqx.js";
+import { T as r } from "./text-input-headless-BQ3TWU9G.js";
 import { E as o } from "./error-icon-hZxQ6DEy.js";
-import { s as a } from "./field-rac.module-DnUIb9Oh.js";
-import { z as n, P as c, y as E, q as i, j as R } from "./form-element-classes-BSMjWijd.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, {
   content: s,
   locale: l

package/dist/component/{text-input-headless-fTooOIqx.js → text-input-headless-BQ3TWU9G.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-Pr0rklwH.js";
+import { ai as d, af as c, ak as T } from "./form-C6WwBcGP.js";
 import { f as a } from "./find-child-C60k4CxG.js";
-import { D as g, E as h } from "./field-error-headless-DWbRjy6q.js";
-import { L as x } from "./field-label-headless-DUWK0CI-.js";
+import { D as g, E as h } from "./field-error-headless-DQZ5XAdn.js";
+import { L as x } from "./field-label-headless-DoxfHHaj.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-DA0we6AY.js → text-input-rac-DSFkEmob.js}

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

package/dist/component/{time-input-rac-DQ9raFL_.js → time-input-rac-CGgs7ncp.js}

@@ -3,16 +3,16 @@ import { RicosViewer as k } from "@wix/ricos/viewer";
 import c from "classnames";
 import { parseTime as v } from "@internationalized/date";
 import { TimeField as x, DateInput as B, DateSegment as h, TimeFieldStateContext as U } from "react-aria-components";
-import { ai as p, af as j, as as T, ak as z } from "./form-Pr0rklwH.js";
+import { ai as p, af as j, as as T, ak as z } from "./form-C6WwBcGP.js";
 import { f as m, a as F } from "./find-child-C60k4CxG.js";
-import { D as Q, E as G } from "./field-error-headless-DWbRjy6q.js";
-import { L as J } from "./field-label-headless-DUWK0CI-.js";
+import { D as Q, E as G } from "./field-error-headless-DQZ5XAdn.js";
+import { L as J } from "./field-label-headless-DoxfHHaj.js";
 import { E as K } from "./error-icon-hZxQ6DEy.js";
 import { H as S } from "./custom-focus-class-_483Pkwp.js";
-import { s as E } from "./field-rac.module-DnUIb9Oh.js";
-import { z as W, P as X, y as Y, q as Z, j as $ } from "./form-element-classes-BSMjWijd.js";
+import { s as E } from "./field-rac.module-Cac83bU5.js";
+import { z as W, R as X, y as Y, q as Z, j as $ } from "./form-element-classes-DDKCTFQj.js";
 const r = ({ children: t }) => {
-  const { id: n, value: l, onChange: o, disabled: i, readOnly: s, required: a, onBlur: d, onFocus: f, use24HourFormat: b, FieldLayout: I, hasError: C } = p(), { inputId: L, ariaDescribedBy: g, labelId: D } = j(), R = H((M) => {
+  const { id: n, value: l, onChange: o, disabled: i, readOnly: s, required: a, onBlur: d, onFocus: f, use24HourFormat: b, FieldLayout: I, hasError: C } = p(), { inputId: L, ariaDescribedBy: R, labelId: g } = j(), D = H((M) => {
     const w = ae(M);
     o(w);
   }, [
@@ -22,11 +22,11 @@ const r = ({ children: t }) => {
     fieldId: n,
     renderLabel: () => y,
     renderInput: () => /* @__PURE__ */ e.createElement(x, {
-      "aria-labelledby": D,
+      "aria-labelledby": g,
       id: L,
-      "aria-describedby": g,
+      "aria-describedby": R,
       value: O,
-      onChange: R,
+      onChange: D,
       isDisabled: i,
       isReadOnly: s,
       isInvalid: C,