@wix/form-elements 1.72.0 → 1.73.0

package/dist/component/{signature-rac-TuOQR74M.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-VD2Og15y.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-BAVGL8JO.js";
-import { L as Ye } from "./field-label-headless-CwSCKtI1.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-Cac83bU5.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 { 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-Ct4NVia5.js → submit-button-rac-BqtcgVAn.js}

@@ -1,9 +1,9 @@
 import t from "react";
 import l from "classnames";
-import { ai as c } from "./form-VD2Og15y.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-DYdaPvQc.js → tags-field-rac-CemsTKWz.js}

@@ -1,17 +1,17 @@
 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-VD2Og15y.js";
+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 P } from "./find-child-C60k4CxG.js";
-import { E as x, D as B } from "./field-error-headless-BAVGL8JO.js";
-import { L as $ } from "./field-label-headless-CwSCKtI1.js";
+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, P as re, _ as le, $ as ie, a0 as ce, y as ue, q as de, j as me } from "./form-element-classes-BSMjWijd.js";
-import { T as pe } from "./form-element-keys-P3mtjfCv.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;
@@ -91,7 +91,7 @@ const N = "Other", he = (a, t) => {
   }, /* @__PURE__ */ e.createElement(ae, {
     className: t,
     "data-hook": `tags-${s ? N : c}`
-  }, P(F, {
+  }, x(F, {
     value: c,
     label: i,
     isOther: s,
@@ -118,7 +118,7 @@ const N = "Other", he = (a, t) => {
     "data-columns": d
   }, p.map((n, L) => {
     const E = n.value ?? n.label;
-    return P(o, {
+    return x(o, {
       key: n.isOther ? N : E,
       value: E,
       label: n.label,
@@ -140,7 +140,7 @@ const N = "Other", he = (a, t) => {
 }, 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, B), R = f(a, x);
+  ]), F = f(a, $), h = f(a, G), C = f(a, P), R = f(a, B);
   return /* @__PURE__ */ e.createElement(i, {
     fieldId: t,
     renderLabel: () => F,
@@ -169,8 +169,8 @@ r.Label = $;
 r.Control = G;
 r.Options = A;
 r.OtherInput = W;
-r.Description = B;
-r.Error = x;
+r.Description = P;
+r.Error = B;
 const be = "_control_1kvnw_1", fe = "_options_1kvnw_7", Le = "_option_1kvnw_7", y = {
   control: be,
   options: fe,
@@ -178,7 +178,7 @@ 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
-}), Pe = () => {
+}), xe = () => {
   const a = J(pe);
   return /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
     className: _(oe, S.label)
@@ -203,5 +203,5 @@ const be = "_control_1kvnw_1", fe = "_options_1kvnw_7", Le = "_option_1kvnw_7",
   }, _e));
 };
 export {
-  Pe as T
+  xe as T
 };

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

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./tags-field-rac-DYdaPvQc.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-YmesRjRH.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-VD2Og15y.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-BAVGL8JO.js";
-import { L as g } from "./field-label-headless-CwSCKtI1.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, P as B, y as P, q as k, j as U } from "./form-element-classes-BSMjWijd.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-Bk0bbyrK.js → text-area-rac-CRTORdZM.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./text-area-field-rac-YmesRjRH.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-CW0ZR1y2.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-C1m6gpFi.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-Cac83bU5.js";
-import { z as n, P as c, y as E, q as i, j as R } from "./form-element-classes-BSMjWijd.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-C1m6gpFi.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-VD2Og15y.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-BAVGL8JO.js";
-import { L as x } from "./field-label-headless-CwSCKtI1.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-5S5KE2Qr.js → text-input-rac-DSFkEmob.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { T as e } from "./text-input-field-rac-CW0ZR1y2.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-CfoKMXeX.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-VD2Og15y.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-BAVGL8JO.js";
-import { L as J } from "./field-label-headless-CwSCKtI1.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-Cac83bU5.js";
-import { z as W, P as X, y as Y, q as Z, j as $ } from "./form-element-classes-BSMjWijd.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,

package/dist/component/{url-input-field-rac-aQiV0Sti.js → url-input-field-rac-CqvgTc-F.js}

@@ -2,27 +2,27 @@ import { RicosViewer as O } from "@wix/ricos/viewer";
 import l from "classnames";
 import r, { useCallback as h, useRef as y } from "react";
 import { TextField as N, Input as A } from "react-aria-components";
-import { ai as E, af as d, ak as P } from "./form-VD2Og15y.js";
+import { ai as E, af as d, ak as k } from "./form-C6WwBcGP.js";
 import { f as u } from "./find-child-C60k4CxG.js";
-import { D as k, E as B } from "./field-error-headless-BAVGL8JO.js";
-import { L as M } from "./field-label-headless-CwSCKtI1.js";
+import { D as B, E as M } from "./field-error-headless-DQZ5XAdn.js";
+import { L as P } from "./field-label-headless-DoxfHHaj.js";
 import { u as T } from "./use-invoke-callback-UH73A_J3.js";
 import { E as q } from "./error-icon-hZxQ6DEy.js";
 import { s } from "./field-rac.module-Cac83bU5.js";
-import { z as v, P as U, y as g, q as x, j as w } from "./form-element-classes-BSMjWijd.js";
+import { z as v, R as U, y as g, q as x, j as w } from "./form-element-classes-DDKCTFQj.js";
 const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e = ({ children: t }) => {
-  const { id: o, value: n, onChange: a, disabled: m, readOnly: i, required: c, hasError: I, onBlur: f, onFocus: F, FieldLayout: L } = E(), { labelId: R } = d(), p = T(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = h(() => {
+  const { id: o, value: n, onChange: a, disabled: m, readOnly: i, required: c, hasError: I, onBlur: f, onFocus: R, FieldLayout: F } = E(), { labelId: L } = d(), p = T(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = h(() => {
     a(V(n)), p();
   }, [
     p,
     a,
     n
   ]);
-  return /* @__PURE__ */ r.createElement(L, {
+  return /* @__PURE__ */ r.createElement(F, {
     fieldId: o,
     renderLabel: () => b,
     renderInput: () => /* @__PURE__ */ r.createElement(N, {
-      "aria-labelledby": R,
+      "aria-labelledby": L,
       value: n ?? "",
       onChange: a,
       isDisabled: m,
@@ -30,13 +30,13 @@ const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
       isRequired: c,
       isInvalid: I,
       onBlur: S,
-      onFocus: F
+      onFocus: R
     }, D),
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, _)
   });
 }, W = ({ className: t }) => {
   const { id: o, placeholder: n } = E(), { inputId: a, ariaDescribedBy: m } = d(), i = y(null);
-  return P(() => {
+  return k(() => {
     var c;
     (c = i.current) == null || c.focus();
   }, o), /* @__PURE__ */ r.createElement(A, {
@@ -48,10 +48,10 @@ const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
     placeholder: n
   });
 };
-e.Label = M;
+e.Label = P;
 e.Input = W;
-e.Description = k;
-e.Error = B;
+e.Description = B;
+e.Error = M;
 const $ = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(O, {
   content: t,
   locale: o

package/dist/component/{url-input-rac-Ko5uylZw.js → url-input-rac-C45KOwnr.js}

@@ -1,5 +1,5 @@
 import r from "react";
-import { U as t } from "./url-input-field-rac-aQiV0Sti.js";
+import { U as t } from "./url-input-field-rac-CqvgTc-F.js";
 const n = () => /* @__PURE__ */ r.createElement(t, null);
 export {
   n as UrlInputRAC

package/dist/component/{use-service-options-base-BagPjcuW.js → use-service-options-base-D4Zl-iGW.js}

@@ -1,5 +1,5 @@
 import { useState as o, useCallback as D, useEffect as m, useMemo as b } from "react";
-import { ah as v } from "./form-VD2Og15y.js";
+import { ah as v } from "./form-C6WwBcGP.js";
 const k = (h) => {
   const { fieldType: I, isEditor: t = !1, postProcessOptions: i, customFetchLogic: a, onInitialDataLoaded: n } = h, [L, O] = o(!1), [g, p] = o([]), [E, u] = o(!1), [c, f] = o(!1), s = v(I), r = D((e) => {
     let d = e.map((l) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/form-elements",
-  "version": "1.72.0",
+  "version": "1.73.0",
   "description": "The Wix Forms rendering element for Builder apps, loaded at runtime as @wix/form-elements/Form",
   "license": "MIT",
   "files": [
@@ -151,5 +151,5 @@
       ]
     }
   },
-  "falconPackageHash": "bc715a40f19dbf6d99e496325c076986f9ec5bee59347fa7381e332a"
+  "falconPackageHash": "72ce2a6794445487f380a02a409cc5f78240e1520ce622b0ca881c2b"
 }

package/dist/component/form-element-keys-P3mtjfCv.js

@@ -1,7 +0,0 @@
-const E = "checkboxGroupIndicator", O = "tagsOption", o = "donationOption", _ = "imageChoiceOption";
-export {
-  E as C,
-  o as D,
-  _ as I,
-  O as T
-};