@wix/form-elements 1.63.0 → 1.64.0

package/dist/component/{multiline-address-field-rac-BY2SUp2d.js → multiline-address-field-rac-CsBLI9y-.js}

@@ -2,19 +2,19 @@ import { RicosViewer as X } from "@wix/ricos/viewer";
 import C from "classnames";
 import n, { useMemo as w, createContext as We, useContext as De, useState as ye, useRef as B, useCallback as D, useEffect as Ve } from "react";
 import { UNSAFE_PortalProvider as _t } from "react-aria";
-import { ac as bt, c as ft, a9 as Pt, ab as yt, G as Tt, H as qt, u as Mt, z as V, F as K, ar as qe, a2 as at, ah as P, ae as T, aj as le, ad as Ct, Q as wt, C as he, a0 as xt, a4 as Bt, ao as kt, ai as $t, an as Ut, a7 as Wt, Y as Vt, a6 as Kt, ak as Yt, j as Ht } from "./form-DzjdnO7t.js";
+import { ad as bt, c as ft, a9 as Pt, ab as yt, G as Tt, H as Mt, u as qt, z as V, F as K, as as Me, a2 as at, ai as P, af as T, ak as le, ae as Ct, Q as wt, C as he, a0 as xt, a4 as Bt, ap as kt, aj as $t, ao as Ut, a7 as Wt, Y as Vt, a6 as Kt, al as Yt, j as jt } from "./form-9yjqDnxY.js";
 import { f as E, a as h } from "./find-child-C60k4CxG.js";
-import { F as jt, V as Jt } from "./headless-styles-CmcyA_pi.js";
+import { F as Ht, V as Jt } from "./headless-styles-CmcyA_pi.js";
 import { TextField as Ce, Input as ie, ComboBoxStateContext as It, ComboBox as Re, Popover as Ae, ListBox as _e, ListBoxItem as Pe, Group as Lt, Button as Nt } from "react-aria-components";
-import { D as ce, E as de } from "./field-error-headless-DTKnr5Zx.js";
-import { L as ue } from "./field-label-headless-DV4aNd5Y.js";
-import { e as Gt, c as Xt, a as zt, r as Ot } from "./isObjectLike-B_1KizZV.js";
+import { D as ce, E as de } from "./field-error-headless-DrnFrGun.js";
+import { L as ue } from "./field-label-headless-BIYf1BIh.js";
+import { e as Gt, c as Xt, a as zt, r as Ot } from "./isObjectLike-srCDplej.js";
 import { u as Qt } from "./use-invoke-callback-UH73A_J3.js";
 import { C as lt } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as z } from "./error-icon-hZxQ6DEy.js";
 import { H as fe } from "./custom-focus-class-_483Pkwp.js";
-import { s as f } from "./field-rac.module-DtugsLiL.js";
-import { r as Q, H as Z, q as ee, u as ge, l as te, h as ne } from "./form-element-classes-Bi-nNM8q.js";
+import { s as f } from "./field-rac.module-CWkwwhq4.js";
+import { t as Q, J as Z, s as ee, w as ge, n as te, j as ne } from "./form-element-classes-KRzHUNLu.js";
 const Zt = (e, t, o) => {
   var a, l, i, s;
   const r = (a = e.steps) == null ? void 0 : a.map((d) => {
@@ -81,7 +81,7 @@ function Ne() {
   const e = De(vt);
   return e == null ? void 0 : e.countryCode;
 }
-function Me(e) {
+function qe(e) {
   return e != null;
 }
 function rn(e, t, o) {
@@ -95,10 +95,10 @@ function rn(e, t, o) {
           ...r.view,
           ...l
         },
-        ...Me(a) && {
+        ...qe(a) && {
           hidden: !a
         },
-        ...Me(i) && Me(r.validation) && {
+        ...qe(i) && qe(r.validation) && {
           validation: {
             ...r.validation,
             required: i
@@ -181,7 +181,7 @@ const on = (e, t) => e.map((o) => ({
   }, [
     i,
     s
-  ]), F = w(() => qt(), []);
+  ]), F = w(() => Mt(), []);
   return {
     form: w(() => {
       var _, O;
@@ -190,7 +190,7 @@ const on = (e, t) => e.map((o) => ({
           ...r,
           fields: on(r.fields, d)
         };
-      const g = Mt({
+      const g = qt({
         useFieldsV2: u,
         path: t,
         parentId: e,
@@ -201,10 +201,10 @@ const on = (e, t) => e.map((o) => ({
       });
       if (!g.fields.some((v) => v.properties.hidden))
         return g;
-      const q = un(g);
+      const M = un(g);
       return {
-        ...q,
-        fields: q.fields.filter((v) => !v.properties.hidden)
+        ...M,
+        fields: M.fields.filter((v) => !v.properties.hidden)
       };
     }, [
       p,
@@ -240,7 +240,7 @@ function me(e) {
   return t.fields[e];
 }
 function be(e) {
-  const { t } = qe(), o = Ne(), r = o && at.getCountryByShortKey(o), l = (r ? r.addressPartDisplayNames : at.getDefaultAddressDisplayNames())[e];
+  const { t } = Me(), o = Ne(), r = o && at.getCountryByShortKey(o), l = (r ? r.addressPartDisplayNames : at.getDefaultAddressDisplayNames())[e];
   return l ? t(l) : "";
 }
 const re = ({ children: e }) => {
@@ -384,7 +384,7 @@ function Nn() {
       var J = u, Ee = I;
       return u = I = void 0, N = A, b = s.apply(Ee, J), b;
     }
-    function q(A) {
+    function M(A) {
       return N = A, p = setTimeout(v, d), F ? R(A) : b;
     }
     function _(A) {
@@ -407,20 +407,20 @@ function Nn() {
     function x() {
       p !== void 0 && clearTimeout(p), N = 0, u = y = I = p = void 0;
     }
-    function M() {
+    function q() {
       return p === void 0 ? b : pe(t());
     }
-    function j() {
+    function H() {
       var A = t(), J = O(A);
       if (u = arguments, I = this, y = A, J) {
         if (p === void 0)
-          return q(y);
+          return M(y);
         if (S)
           return clearTimeout(p), p = setTimeout(v, d), R(y);
       }
       return p === void 0 && (p = setTimeout(v, d)), b;
     }
-    return j.cancel = x, j.flush = M, j;
+    return H.cancel = x, H.flush = q, H;
   }
   return Ue = i, Ue;
 }
@@ -576,7 +576,7 @@ const gn = /* @__PURE__ */ wt(On), vn = (e, t, o = 200) => {
     d == null || d();
   }, [
     d
-  ]), q = E(e, k.Input), _ = E(e, k.Options);
+  ]), M = E(e, k.Input), _ = E(e, k.Options);
   return /* @__PURE__ */ n.createElement(Re, {
     "aria-labelledby": m,
     inputValue: t ?? "",
@@ -592,7 +592,7 @@ const gn = /* @__PURE__ */ wt(On), vn = (e, t, o = 200) => {
     allowsCustomValue: !0,
     menuTrigger: "input",
     items: N
-  }, h(q, {
+  }, h(M, {
     onFocus: R
   }), h(_, {
     options: N
@@ -612,8 +612,8 @@ const gn = /* @__PURE__ */ wt(On), vn = (e, t, o = 200) => {
     placeholder: r,
     onFocus: i
   });
-}, He = ({ children: e, className: t }) => {
-  const o = E(e, He.Option);
+}, je = ({ children: e, className: t }) => {
+  const o = E(e, je.Option);
   return /* @__PURE__ */ n.createElement(Ae, {
     className: t,
     containerPadding: 0,
@@ -632,14 +632,14 @@ const gn = /* @__PURE__ */ wt(On), vn = (e, t, o = 200) => {
     textValue: r
   }, r);
 };
-He.Option = Dn;
+je.Option = Dn;
 k.Label = ue;
 k.Input = Sn;
-k.Options = He;
+k.Options = je;
 k.Description = ce;
 k.Error = de;
 const oe = ({ children: e }) => {
-  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u } = P(), { labelId: I } = T(), { t: L } = qe(), b = L("field.mla-apartment.label"), p = E(e, oe.Label), y = E(e, oe.Input), N = E(e, oe.Description), F = E(e, oe.Error);
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u } = P(), { labelId: I } = T(), { t: L } = Me(), b = L("field.mla-apartment.label"), p = E(e, oe.Label), y = E(e, oe.Input), N = E(e, oe.Description), F = E(e, oe.Error);
   return /* @__PURE__ */ n.createElement(u, {
     fieldId: t,
     renderLabel: () => h(p, {
@@ -765,10 +765,10 @@ const Dt = ({ readOnly: e, disabled: t } = {}) => {
     onInputKeyDown: I
   };
 }, Y = ({ children: e }) => {
-  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u, options: I } = P(), { labelId: L } = T(), { t: b } = qe(), { language: p } = yt(), y = w(() => (I || []).reduce((x, M) => (M.value && he.hasOwnProperty(M.value) && x.push({
-    value: M.value,
-    label: b(`locale-dataset.countries.${he[M.value].toUpperCase()}`)
-  }), x), []).sort((x, M) => x.label.localeCompare(M.label, p)), [
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u, options: I } = P(), { labelId: L } = T(), { t: b } = Me(), { language: p } = yt(), y = w(() => (I || []).reduce((x, q) => (q.value && he.hasOwnProperty(q.value) && x.push({
+    value: q.value,
+    label: b(`locale-dataset.countries.${he[q.value].toUpperCase()}`)
+  }), x), []).sort((x, q) => x.label.localeCompare(q.label, p)), [
     I,
     b,
     p
@@ -782,10 +782,10 @@ const Dt = ({ readOnly: e, disabled: t } = {}) => {
     commit: N,
     clear: F,
     onBlur: d
-  }), R = be("country"), q = E(e, Y.Label), _ = E(e, Y.Control), O = E(e, Y.Options), v = E(e, Y.Description), pe = E(e, Y.Error);
+  }), R = be("country"), M = E(e, Y.Label), _ = E(e, Y.Control), O = E(e, Y.Options), v = E(e, Y.Description), pe = E(e, Y.Error);
   return /* @__PURE__ */ n.createElement(u, {
     fieldId: t,
-    renderLabel: () => h(q, {
+    renderLabel: () => h(M, {
       label: R
     }),
     renderInput: () => /* @__PURE__ */ n.createElement(Re, {
@@ -835,8 +835,8 @@ const Dt = ({ readOnly: e, disabled: t } = {}) => {
 }, e);
 Fe.Input = Pn;
 Fe.Trigger = Tn;
-const je = ({ children: e, className: t, ...o }) => {
-  const { options: r } = o, a = E(e, je.Option);
+const He = ({ children: e, className: t, ...o }) => {
+  const { options: r } = o, a = E(e, He.Option);
   return /* @__PURE__ */ n.createElement(Ae, {
     className: t,
     containerPadding: 0,
@@ -846,7 +846,7 @@ const je = ({ children: e, className: t, ...o }) => {
     value: l.value,
     label: l.label
   }))));
-}, qn = ({ className: e, ...t }) => {
+}, Mn = ({ className: e, ...t }) => {
   const { value: o, label: r } = t;
   return /* @__PURE__ */ n.createElement(Pe, {
     className: e,
@@ -854,16 +854,16 @@ const je = ({ children: e, className: t, ...o }) => {
     textValue: r
   }, r);
 };
-je.Option = qn;
+He.Option = Mn;
 Y.Label = ue;
 Y.Control = Fe;
-Y.Options = je;
+Y.Options = He;
 Y.Description = ce;
 Y.Error = de;
-const Mn = /(\d{7})|(\d{3}-\d{4})/;
+const qn = /(\d{7})|(\d{3}-\d{4})/;
 function wn(e) {
   var t;
-  return (t = e.match(Mn)) == null ? void 0 : t[0];
+  return (t = e.match(qn)) == null ? void 0 : t[0];
 }
 function xn({ isAutocompleteEnabled: e }) {
   const t = B({
@@ -898,7 +898,7 @@ function xn({ isAutocompleteEnabled: e }) {
   };
 }
 const $ = ({ children: e }) => {
-  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u, autocomplete: I } = P(), { labelId: L } = T(), b = Ne(), { autocompleteEnabled: p } = Le(), y = !!(b && he[b] === he.JP), N = (I || p) && y, F = be("zipCode"), S = E(e, $.Label), g = E(e, $.Control), R = E(e, $.Options), q = E(e, $.Description), _ = E(e, $.Error);
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u, autocomplete: I } = P(), { labelId: L } = T(), b = Ne(), { autocompleteEnabled: p } = Le(), y = !!(b && he[b] === he.JP), N = (I || p) && y, F = be("zipCode"), S = E(e, $.Label), g = E(e, $.Control), R = E(e, $.Options), M = E(e, $.Description), _ = E(e, $.Error);
   return N ? /* @__PURE__ */ n.createElement(u, {
     fieldId: t,
     renderLabel: () => h(S, {
@@ -914,7 +914,7 @@ const $ = ({ children: e }) => {
       onBlur: d,
       onFocus: m
     }, g, R),
-    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, _, q)
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, _, M)
   }) : /* @__PURE__ */ n.createElement(u, {
     fieldId: t,
     renderLabel: () => h(S, {
@@ -931,7 +931,7 @@ const $ = ({ children: e }) => {
       onBlur: d,
       onFocus: m
     }, g),
-    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, _, q)
+    renderDescription: () => /* @__PURE__ */ n.createElement(n.Fragment, null, _, M)
   });
 }, Bn = ({ children: e, value: t, onChange: o, disabled: r, readOnly: a, required: l, hasError: i, onBlur: s, onFocus: d }) => {
   const { labelId: m } = T(), { onAddressSelect: u } = Le(), [I, L] = ye(!1), { searchByPostalCode: b } = xn({
@@ -963,7 +963,7 @@ const $ = ({ children: e }) => {
     L(!0), d == null || d();
   }, [
     d
-  ]), q = E(e, $.Control), _ = E(e, $.Options);
+  ]), M = E(e, $.Control), _ = E(e, $.Options);
   return /* @__PURE__ */ n.createElement(Re, {
     "aria-labelledby": m,
     inputValue: t ?? "",
@@ -979,7 +979,7 @@ const $ = ({ children: e }) => {
     allowsCustomValue: !0,
     menuTrigger: "input",
     items: N
-  }, h(q, {
+  }, h(M, {
     onFocus: R
   }), h(_, {
     options: N
@@ -1104,7 +1104,7 @@ const U = ({ children: e }) => {
     u,
     y,
     L
-  ]), q = D(() => {
+  ]), M = D(() => {
     y(), s == null || s();
   }, [
     s,
@@ -1124,7 +1124,7 @@ const U = ({ children: e }) => {
     isReadOnly: a,
     isRequired: l,
     isInvalid: i,
-    onBlur: q,
+    onBlur: M,
     onFocus: _,
     allowsCustomValue: !0,
     menuTrigger: "input",
@@ -1212,13 +1212,13 @@ ae.Label = ue;
 ae.Input = Kn;
 ae.Description = ce;
 ae.Error = de;
-const H = ({ children: e }) => {
-  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u } = P(), { labelId: I } = T(), { t: L } = qe(), b = Ne(), p = b ? he[b] : void 0, y = b && xt.getCountryByShortKey(b), N = w(() => {
-    var M;
-    return (Bt(((M = y == null ? void 0 : y.subdivisions) == null ? void 0 : M.list) || [], p) || []).map((j) => ({
-      value: j.key,
-      label: L(j.displayName)
-    })).sort((j, A) => j.label.localeCompare(A.label));
+const j = ({ children: e }) => {
+  const { id: t, value: o, onChange: r, disabled: a, readOnly: l, required: i, hasError: s, onBlur: d, onFocus: m, FieldLayout: u } = P(), { labelId: I } = T(), { t: L } = Me(), b = Ne(), p = b ? he[b] : void 0, y = b && xt.getCountryByShortKey(b), N = w(() => {
+    var q;
+    return (Bt(((q = y == null ? void 0 : y.subdivisions) == null ? void 0 : q.list) || [], p) || []).map((H) => ({
+      value: H.key,
+      label: L(H.displayName)
+    })).sort((H, A) => H.label.localeCompare(A.label));
   }, [
     p,
     L,
@@ -1231,10 +1231,10 @@ const H = ({ children: e }) => {
     commit: r,
     clear: F,
     onBlur: d
-  }), R = be("subdivision"), q = E(e, H.Label), _ = E(e, H.Control), O = E(e, H.Options), v = E(e, H.Description), pe = E(e, H.Error);
+  }), R = be("subdivision"), M = E(e, j.Label), _ = E(e, j.Control), O = E(e, j.Options), v = E(e, j.Description), pe = E(e, j.Error);
   return /* @__PURE__ */ n.createElement(u, {
     fieldId: t,
-    renderLabel: () => h(q, {
+    renderLabel: () => h(M, {
       label: R
     }),
     renderInput: () => /* @__PURE__ */ n.createElement(Re, {
@@ -1279,11 +1279,11 @@ const H = ({ children: e }) => {
     onClick: u,
     onKeyDown: d
   });
-}, Hn = ({ children: e, className: t }) => /* @__PURE__ */ n.createElement(Nt, {
+}, jn = ({ children: e, className: t }) => /* @__PURE__ */ n.createElement(Nt, {
   className: t
 }, e);
 Se.Input = Yn;
-Se.Trigger = Hn;
+Se.Trigger = jn;
 const ze = ({ children: e, className: t, ...o }) => {
   const { options: r } = o, a = E(e, ze.Option);
   return /* @__PURE__ */ n.createElement(Ae, {
@@ -1295,7 +1295,7 @@ const ze = ({ children: e, className: t, ...o }) => {
     value: l.value,
     label: l.label
   }))));
-}, jn = ({ className: e, ...t }) => {
+}, Hn = ({ className: e, ...t }) => {
   const { value: o, label: r } = t;
   return /* @__PURE__ */ n.createElement(Pe, {
     className: e,
@@ -1303,12 +1303,12 @@ const ze = ({ children: e, className: t, ...o }) => {
     textValue: r
   }, r);
 };
-ze.Option = jn;
-H.Label = ue;
-H.Control = Se;
-H.Options = ze;
-H.Description = ce;
-H.Error = de;
+ze.Option = Hn;
+j.Label = ue;
+j.Control = Se;
+j.Options = ze;
+j.Description = ce;
+j.Error = de;
 const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("city"), zn = () => me("addressLine"), Qn = () => me("addressLine2"), Zn = () => me("postalCode"), er = () => me("streetName"), tr = () => me("streetNumber"), nr = () => me("apartment"), rr = {
   [K.MLA_COUNTRY]: Jn,
   [K.MLA_SUBDIVISION]: Gn,
@@ -1325,7 +1325,7 @@ const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("cit
     ...rr
   }), [
     S
-  ]), { isExperimentEnabled: R } = bt(), q = R(ft.STREETLESS_LOCALITY_FALLBACK), { validateFields: _ } = $t(), O = Ut(), v = Ct(), pe = w(() => ({
+  ]), { isExperimentEnabled: R } = bt(), M = R(ft.STREETLESS_LOCALITY_FALLBACK), { validateFields: _ } = $t(), O = Ut(), v = Ct(), pe = w(() => ({
     ...v,
     actions: {
       predict: Kt,
@@ -1335,7 +1335,7 @@ const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("cit
     }
   }), [
     v
-  ]), { form: x, isMultilineAddressField: M } = pn({
+  ]), { form: x, isMultilineAddressField: q } = pn({
     id: t,
     target: L,
     fieldType: y,
@@ -1344,10 +1344,10 @@ const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("cit
     fieldSettings: m,
     validation: I,
     required: p
-  }), j = D((W) => {
+  }), H = D((W) => {
     if (!r)
       return;
-    const G = en(W, M, q), Te = {
+    const G = en(W, q, M), Te = {
       ...G,
       [Ie.COUNTRY]: G[Ie.COUNTRY] ?? r[Ie.COUNTRY]
     };
@@ -1355,10 +1355,10 @@ const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("cit
   }, [
     a,
     r,
-    M,
-    q
+    q,
+    M
   ]), A = D((W, G) => {
-    if (M && W === Ie.COUNTRY && (r == null ? void 0 : r[W]) !== G) {
+    if (q && W === Ie.COUNTRY && (r == null ? void 0 : r[W]) !== G) {
       a == null || a({
         [Ie.COUNTRY]: G
       });
@@ -1371,8 +1371,8 @@ const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("cit
   }, [
     a,
     r,
-    M
-  ]), J = D(async (W) => _(M ? [
+    q
+  ]), J = D(async (W) => _(q ? [
     ...W,
     {
       path: `${L}/${Ie.COUNTRY}`,
@@ -1382,7 +1382,7 @@ const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("cit
     r,
     L,
     _,
-    M
+    q
   ]);
   Yt(t, () => {
     var Te;
@@ -1416,7 +1416,7 @@ const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("cit
     countryCode: r == null ? void 0 : r.country
   }, /* @__PURE__ */ n.createElement(tn, {
     autocompleteEnabled: b,
-    onAddressSelect: j
+    onAddressSelect: H
   }, /* @__PURE__ */ n.createElement(En, {
     fields: At
   }, /* @__PURE__ */ n.createElement("div", {
@@ -1427,10 +1427,10 @@ const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("cit
   }), /* @__PURE__ */ n.createElement(_t, {
     getContainer: () => N
   }, /* @__PURE__ */ n.createElement("fieldset", {
-    style: jt
+    style: Ht
   }, /* @__PURE__ */ n.createElement("legend", {
     style: Jt
-  }, u), /* @__PURE__ */ n.createElement(Ht, {
+  }, u), /* @__PURE__ */ n.createElement(jt, {
     formSchema: O,
     form: x,
     values: r ?? or,
@@ -1444,7 +1444,7 @@ const Jn = () => me("country"), Gn = () => me("subdivision"), Xn = () => me("cit
   }))))))) : null;
 };
 c.Country = Y;
-c.Subdivision = H;
+c.Subdivision = j;
 c.City = se;
 c.AddressLine = k;
 c.AddressLine2 = re;

package/dist/component/{multiline-address-rac-BL8Yp4F0.js → multiline-address-rac-DFDPFfXh.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { M as t } from "./multiline-address-field-rac-BY2SUp2d.js";
+import { M as t } from "./multiline-address-field-rac-CsBLI9y-.js";
 const i = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   i as MultilineAddressRAC

package/dist/component/{number-input-field-rac-x0yFmXbe.js → number-input-field-rac-DZRR7gdt.js}

@@ -1,19 +1,19 @@
 import { RicosViewer as v } from "@wix/ricos/viewer";
 import m from "classnames";
-import r, { useState as U, useCallback as j, useEffect as H, useRef as Q } from "react";
+import r, { useState as U, useCallback as j, useEffect as J, useRef as Q } from "react";
 import { NumberField as $, Input as z } from "react-aria-components";
-import { ah as C, ae as S, ar as G, aj as J } from "./form-DzjdnO7t.js";
+import { ai as C, af as S, as as G, ak as H } from "./form-9yjqDnxY.js";
 import { f as d } from "./find-child-C60k4CxG.js";
-import { D as K, E as W } from "./field-error-headless-DTKnr5Zx.js";
-import { L as X } from "./field-label-headless-DV4aNd5Y.js";
+import { D as K, E as W } from "./field-error-headless-DrnFrGun.js";
+import { L as X } from "./field-label-headless-BIYf1BIh.js";
 import { g as Y, c as Z } from "./numeric-input-utils-CuBMi4-a.js";
 import { u as w } from "./use-invoke-callback-UH73A_J3.js";
 import { E as ee } from "./error-icon-hZxQ6DEy.js";
-import { s as i } from "./field-rac.module-DtugsLiL.js";
-import { r as re, H as te, q as ne, l as ae, h as se } from "./form-element-classes-Bi-nNM8q.js";
+import { s as i } from "./field-rac.module-CWkwwhq4.js";
+import { t as re, J as te, s as ne, n as ae, j as se } from "./form-element-classes-KRzHUNLu.js";
 const e = ({ children: n }) => {
   var D, L, R;
-  const { id: a, value: s, onChange: l, disabled: p, required: E, readOnly: o, onBlur: b, onFocus: f, FieldLayout: u, hasError: c, validation: t } = C(), { labelId: A } = S(), F = ((D = t == null ? void 0 : t.number) == null ? void 0 : D.multipleOf) || 1, h = (L = t == null ? void 0 : t.number) == null ? void 0 : L.maximum, y = (R = t == null ? void 0 : t.number) == null ? void 0 : R.minimum, q = _(s), [M, I] = U(q), T = w(b), V = d(n, e.Label), g = d(n, e.Input), x = d(n, e.Description), k = d(n, e.Error), B = j((N) => {
+  const { id: a, value: s, onChange: l, disabled: p, required: E, readOnly: o, onBlur: b, onFocus: f, FieldLayout: u, hasError: c, validation: t } = C(), { labelId: A } = S(), F = ((D = t == null ? void 0 : t.number) == null ? void 0 : D.multipleOf) || 1, y = (L = t == null ? void 0 : t.number) == null ? void 0 : L.maximum, M = (R = t == null ? void 0 : t.number) == null ? void 0 : R.minimum, T = _(s), [V, I] = U(T), g = w(b), h = d(n, e.Label), k = d(n, e.Input), q = d(n, e.Description), x = d(n, e.Error), B = j((N) => {
     if (N === void 0 || Number.isNaN(N)) {
       l(""), I(NaN);
       return;
@@ -24,34 +24,34 @@ const e = ({ children: n }) => {
     F,
     l
   ]);
-  return H(() => {
+  return J(() => {
     I(_(s));
   }, [
     s
   ]), /* @__PURE__ */ r.createElement(u, {
     fieldId: a,
-    renderLabel: () => V,
+    renderLabel: () => h,
     renderInput: () => /* @__PURE__ */ r.createElement($, {
       "aria-labelledby": A,
-      value: M,
+      value: V,
       onChange: B,
       isDisabled: p,
       isRequired: E,
       isReadOnly: o,
       isInvalid: c,
-      onBlur: T,
+      onBlur: g,
       onFocus: f,
-      minValue: y ?? void 0,
-      maxValue: h ?? void 0
-    }, g),
-    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, k, x)
+      minValue: M ?? void 0,
+      maxValue: y ?? void 0
+    }, k),
+    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, x, q)
   });
 }, le = ({ className: n }) => {
   var c;
   const { t: a } = G(), { inputId: s, ariaDescribedBy: l } = S(), { id: p, placeholder: E, validation: o, label: b, required: f } = C();
   (c = o == null ? void 0 : o.number) != null && c.multipleOf;
   const u = Q(null);
-  return J(() => {
+  return H(() => {
     var t;
     (t = u.current) == null || t.focus();
   }, p), /* @__PURE__ */ r.createElement(z, {

package/dist/component/{number-input-rac-pJXc2YsD.js → number-input-rac-BCS5lkff.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { N as r } from "./number-input-field-rac-x0yFmXbe.js";
+import { N as r } from "./number-input-field-rac-DZRR7gdt.js";
 const n = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   n as NumberInputRAC

package/dist/component/{password-rac-B4XCP64b.js → password-rac-ClDGgR3E.js}

@@ -1,17 +1,17 @@
-import e, { useState as w, useRef as N } from "react";
+import e, { useState as h, useRef as N } from "react";
 import { RicosViewer as O } from "@wix/ricos/viewer";
 import d from "classnames";
-import { ah as p, ae as I, aj as x, ar as A } from "./form-DzjdnO7t.js";
+import { ai as p, af as I, ak as x, as as A } from "./form-9yjqDnxY.js";
 import { TextField as B, Group as P, Input as V, Button as v } from "react-aria-components";
 import { f as E, a as g } from "./find-child-C60k4CxG.js";
-import { D as M, E as k } from "./field-error-headless-DTKnr5Zx.js";
-import { L as q } from "./field-label-headless-DV4aNd5Y.js";
+import { D as M, E as k } from "./field-error-headless-DrnFrGun.js";
+import { L as q } from "./field-label-headless-BIYf1BIh.js";
 import { E as U } from "./error-icon-hZxQ6DEy.js";
 import { H as j } from "./custom-focus-class-_483Pkwp.js";
-import { s as u } from "./field-rac.module-DtugsLiL.js";
-import { r as H, H as W, q as Z, l as G, h as Q } from "./form-element-classes-Bi-nNM8q.js";
+import { s as u } from "./field-rac.module-CWkwwhq4.js";
+import { t as H, J as W, s as Z, n as G, j as J } from "./form-element-classes-KRzHUNLu.js";
 const t = ({ children: r, className: o }) => {
-  const { id: i, value: s, onChange: c, disabled: l, readOnly: m, required: n, hasError: a, onBlur: f, onFocus: _, FieldLayout: y } = p(), { labelId: C } = I(), [F, L] = w(!1), R = E(r, t.Label), D = E(r, t.Control), T = E(r, t.Description), h = E(r, t.Error);
+  const { id: i, value: s, onChange: c, disabled: l, readOnly: m, required: n, hasError: a, onBlur: f, onFocus: _, FieldLayout: y } = p(), { labelId: C } = I(), [F, L] = h(!1), R = E(r, t.Label), D = E(r, t.Control), T = E(r, t.Description), S = E(r, t.Error);
   return /* @__PURE__ */ e.createElement(y, {
     fieldId: i,
     renderLabel: () => R,
@@ -28,11 +28,11 @@ const t = ({ children: r, className: o }) => {
       className: o
     }, g(D, {
       isVisible: F,
-      onToggleVisibility: () => L((S) => !S)
+      onToggleVisibility: () => L((w) => !w)
     })),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, T, h)
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, T, S)
   });
-}, $ = ({ children: r, className: o, ...i }) => {
+}, Q = ({ children: r, className: o, ...i }) => {
   const { isVisible: s, onToggleVisibility: c } = i, { disabled: l, hasError: m } = p(), n = E(r, t.Input), a = E(r, t.Toggle);
   return /* @__PURE__ */ e.createElement(P, {
     className: o,
@@ -44,7 +44,7 @@ const t = ({ children: r, className: o }) => {
     isVisible: s,
     onToggleVisibility: c
   }));
-}, z = ({ className: r, ...o }) => {
+}, $ = ({ className: r, ...o }) => {
   const { isVisible: i } = o, { id: s, placeholder: c } = p(), { inputId: l, ariaDescribedBy: m } = I(), n = N(null);
   return x(() => {
     var a;
@@ -57,7 +57,7 @@ const t = ({ children: r, className: o }) => {
     className: r,
     placeholder: c
   });
-}, J = ({ className: r, showPasswordTooltipText: o, hidePasswordTooltipText: i, children: s, ...c }) => {
+}, z = ({ className: r, showPasswordTooltipText: o, hidePasswordTooltipText: i, children: s, ...c }) => {
   const { isVisible: l, onToggleVisibility: m } = c, { disabled: n } = p(), a = l ? i : o;
   return /* @__PURE__ */ e.createElement(v, {
     type: "button",
@@ -71,9 +71,9 @@ const t = ({ children: r, className: o }) => {
   }));
 };
 t.Label = q;
-t.Control = $;
-t.Input = z;
-t.Toggle = J;
+t.Control = Q;
+t.Input = $;
+t.Toggle = z;
 t.Description = M;
 t.Error = k;
 const K = (r) => /* @__PURE__ */ e.createElement("svg", {
@@ -134,7 +134,7 @@ const K = (r) => /* @__PURE__ */ e.createElement("svg", {
   }, ({ isVisible: o }) => o ? /* @__PURE__ */ e.createElement(X, null) : /* @__PURE__ */ e.createElement(K, null))), /* @__PURE__ */ e.createElement(t.Error, {
     className: d(G, u.error)
   }, /* @__PURE__ */ e.createElement(U, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: d(Q, u.description)
+    className: d(J, u.description)
   }, te));
 }, ge = () => /* @__PURE__ */ e.createElement(re, null);
 export {