@wix/form-elements 1.62.0 → 1.64.0

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

@@ -1,5 +1,5 @@
 import e from "react";
-import { M as t } from "./multiline-address-field-rac-_Sb56AEM.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-SaC7jFUi.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 H, useEffect as Q, useRef as $ } from "react";
-import { NumberField as j, Input as z } from "react-aria-components";
-import { ag as C, ad as S, aq as G, ai as J } from "./form-D6A2hUbV.js";
+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 { 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-DP4WSQU3.js";
-import { L as X } from "./field-label-headless-BKmi7Fjg.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, q = (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, g = _(s), [h, I] = U(g), M = w(b), T = d(n, e.Label), V = d(n, e.Input), x = d(n, e.Description), k = d(n, e.Error), B = H((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 Q(() => {
+  return J(() => {
     I(_(s));
   }, [
     s
   ]), /* @__PURE__ */ r.createElement(u, {
     fieldId: a,
-    renderLabel: () => T,
-    renderInput: () => /* @__PURE__ */ r.createElement(j, {
+    renderLabel: () => h,
+    renderInput: () => /* @__PURE__ */ r.createElement($, {
       "aria-labelledby": A,
-      value: h,
+      value: V,
       onChange: B,
       isDisabled: p,
       isRequired: E,
       isReadOnly: o,
       isInvalid: c,
-      onBlur: M,
+      onBlur: g,
       onFocus: f,
-      minValue: y ?? void 0,
-      maxValue: q ?? void 0
-    }, V),
-    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 = $(null);
-  return J(() => {
+  const u = Q(null);
+  return H(() => {
     var t;
     (t = u.current) == null || t.focus();
   }, p), /* @__PURE__ */ r.createElement(z, {

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

@@ -1,5 +1,5 @@
 import e from "react";
-import { N as r } from "./number-input-field-rac-SaC7jFUi.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-CD5bSL2g.js → password-rac-ClDGgR3E.js}

@@ -1,21 +1,21 @@
-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 { TextField as x, Group as A, Input as B, Button as P } from "react-aria-components";
-import { ag as p, ad as I, ai as V, aq as v } from "./form-D6A2hUbV.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 q } from "./field-error-headless-DP4WSQU3.js";
-import { L as k } from "./field-label-headless-BKmi7Fjg.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 } from "./custom-focus-class-_483Pkwp.js";
-import { s as u } from "./field-rac.module-DtugsLiL.js";
-import { r as j, H as W, q as Z, l as G, h as Q } from "./form-element-classes-Bi-nNM8q.js";
+import { H as j } from "./custom-focus-class-_483Pkwp.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), S = 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,
-    renderInput: () => /* @__PURE__ */ e.createElement(x, {
+    renderInput: () => /* @__PURE__ */ e.createElement(B, {
       "aria-labelledby": C,
       value: s ?? "",
       onChange: c,
@@ -28,13 +28,13 @@ const t = ({ children: r, className: o }) => {
       className: o
     }, g(D, {
       isVisible: F,
-      onToggleVisibility: () => L((h) => !h)
+      onToggleVisibility: () => L((w) => !w)
     })),
     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(A, {
+  return /* @__PURE__ */ e.createElement(P, {
     className: o,
     isDisabled: l,
     isInvalid: m
@@ -44,12 +44,12 @@ 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 V(() => {
+  return x(() => {
     var a;
     (a = n.current) == null || a.focus();
-  }, s), /* @__PURE__ */ e.createElement(B, {
+  }, s), /* @__PURE__ */ e.createElement(V, {
     ref: n,
     id: l,
     type: i ? "text" : "password",
@@ -57,9 +57,9 @@ 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(P, {
+  return /* @__PURE__ */ e.createElement(v, {
     type: "button",
     isDisabled: n,
     onPress: m,
@@ -70,12 +70,12 @@ const t = ({ children: r, className: o }) => {
     isVisible: l
   }));
 };
-t.Label = k;
-t.Control = $;
-t.Input = z;
-t.Toggle = J;
+t.Label = q;
+t.Control = Q;
+t.Input = $;
+t.Toggle = z;
 t.Description = M;
-t.Error = q;
+t.Error = k;
 const K = (r) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 24 24",
   width: "20",
@@ -118,15 +118,15 @@ const K = (r) => /* @__PURE__ */ e.createElement("svg", {
   content: r,
   locale: o
 }), re = () => {
-  const { t: r } = v();
+  const { t: r } = A();
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: d(j, u.label)
+    className: d(H, u.label)
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {
     className: d(W, u.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Control, {
     className: d(Z, u.input, b.control)
   }, /* @__PURE__ */ e.createElement(t.Input, {
-    className: d(u.innerInput, H)
+    className: d(u.innerInput, j)
   }), /* @__PURE__ */ e.createElement(t.Toggle, {
     className: b.toggleButton,
     showPasswordTooltipText: r("forms.widget.modals.show-password-tooltip"),
@@ -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 {

package/dist/component/{payment-input-rac-BlAscmFz.js → payment-input-rac-COydWmUE.js}

@@ -1,17 +1,17 @@
-import r, { useCallback as V, useRef as j } from "react";
-import { RicosViewer as w } from "@wix/ricos/viewer";
+import r, { useCallback as V, useRef as J } from "react";
+import { RicosViewer as Q } from "@wix/ricos/viewer";
 import i from "classnames";
-import { TextField as z, Group as J, Input as K } from "react-aria-components";
-import { ag as D, ad as S, aa as q, aq as W, ai as X } from "./form-D6A2hUbV.js";
+import { TextField as w, Group as z, Input as K } from "react-aria-components";
+import { ai as D, af as S, ab as x, as as W, ak as X } from "./form-9yjqDnxY.js";
 import { f as m } from "./find-child-C60k4CxG.js";
-import { D as Y, E as Z } from "./field-error-headless-DP4WSQU3.js";
-import { L as ee } from "./field-label-headless-BKmi7Fjg.js";
+import { D as Y, E as Z } from "./field-error-headless-DrnFrGun.js";
+import { L as ee } from "./field-label-headless-BIYf1BIh.js";
 import { f as R, g as re } from "./payment-field-utils-DobiK5Xh.js";
 import { u as te } from "./use-synced-display-value-DcAxdn3M.js";
 import { E as ne } from "./error-icon-hZxQ6DEy.js";
 import { H as ae } from "./custom-focus-class-_483Pkwp.js";
-import { s as u } from "./field-rac.module-DtugsLiL.js";
-import { r as se, H as oe, q as le, l as ce, h as ie } from "./form-element-classes-Bi-nNM8q.js";
+import { s as u } from "./field-rac.module-CWkwwhq4.js";
+import { t as se, J as oe, s as le, n as ce, j as ie } from "./form-element-classes-KRzHUNLu.js";
 function ue(e, t) {
   return {
     productId: e.id,
@@ -26,8 +26,8 @@ function h(e) {
   return Number.isNaN(t) ? void 0 : t;
 }
 const n = ({ children: e }) => {
-  var O, g, A, P;
-  const { id: t, value: a, onChange: s, disabled: p, readOnly: d, required: y, hasError: b, onBlur: o, onFocus: f, FieldLayout: x, validation: _ } = D(), { labelId: M, prefixId: G } = S(), { regionalFormat: c } = q(), N = (A = (g = (O = _ == null ? void 0 : _.predefined) == null ? void 0 : O.paymentOptions) == null ? void 0 : g.products) == null ? void 0 : A[0], C = (P = a == null ? void 0 : a.at(0)) == null ? void 0 : P.price, [F, I] = te({
+  var O, A, g, P;
+  const { id: t, value: a, onChange: s, disabled: p, readOnly: d, required: y, hasError: b, onBlur: o, onFocus: E, FieldLayout: M, validation: _ } = D(), { labelId: q, prefixId: G } = S(), { regionalFormat: c } = x(), N = (g = (A = (O = _ == null ? void 0 : _.predefined) == null ? void 0 : O.paymentOptions) == null ? void 0 : A.products) == null ? void 0 : g[0], C = (P = a == null ? void 0 : a.at(0)) == null ? void 0 : P.price, [F, I] = te({
     sourceValue: C,
     format: (l) => R(String(l ?? ""), c),
     regionalFormat: c
@@ -41,8 +41,8 @@ const n = ({ children: e }) => {
     I
   ]), U = V((l) => {
     I(l);
-    const L = h(R(l, c)), Q = h(C);
-    if (L !== Q) {
+    const L = h(R(l, c)), j = h(C);
+    if (L !== j) {
       if (L === void 0) {
         s(null);
         return;
@@ -57,12 +57,12 @@ const n = ({ children: e }) => {
     c,
     C,
     I
-  ]), B = m(e, n.Label), H = m(e, n.Input), k = m(e, n.Description), v = m(e, n.Error);
-  return /* @__PURE__ */ r.createElement(x, {
+  ]), k = m(e, n.Label), B = m(e, n.Input), v = m(e, n.Description), H = m(e, n.Error);
+  return /* @__PURE__ */ r.createElement(M, {
     fieldId: t,
-    renderLabel: () => B,
-    renderInput: () => /* @__PURE__ */ r.createElement(z, {
-      "aria-labelledby": `${M} ${G}`,
+    renderLabel: () => k,
+    renderInput: () => /* @__PURE__ */ r.createElement(w, {
+      "aria-labelledby": `${q} ${G}`,
       value: a ? F : "",
       onChange: U,
       isDisabled: p,
@@ -70,19 +70,19 @@ const n = ({ children: e }) => {
       isRequired: y,
       isInvalid: b,
       onBlur: $,
-      onFocus: f
-    }, H),
-    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, v, k)
+      onFocus: E
+    }, B),
+    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, H, v)
   });
-}, E = ({ children: e, className: t }) => {
-  const { disabled: a, hasError: s } = D(), p = m(e, E.Currency), d = m(e, E.Value);
-  return /* @__PURE__ */ r.createElement(J, {
+}, f = ({ children: e, className: t }) => {
+  const { disabled: a, hasError: s } = D(), p = m(e, f.Currency), d = m(e, f.Value);
+  return /* @__PURE__ */ r.createElement(z, {
     className: t,
     isDisabled: a,
     isInvalid: s
   }, p, d);
 }, me = ({ className: e }) => {
-  const { currency: t } = q(), { t: a } = W(), { prefixId: s } = S();
+  const { currency: t } = x(), { t: a } = W(), { prefixId: s } = S();
   return t ? /* @__PURE__ */ r.createElement("span", {
     id: s,
     "aria-hidden": !1,
@@ -90,10 +90,10 @@ const n = ({ children: e }) => {
     className: e
   }, t.sign || t.code) : null;
 }, pe = ({ className: e }) => {
-  const { id: t, placeholder: a, label: s } = D(), { inputId: p, labelId: d, prefixId: y, ariaDescribedBy: b } = S(), o = j(null);
+  const { id: t, placeholder: a, label: s } = D(), { inputId: p, labelId: d, prefixId: y, ariaDescribedBy: b } = S(), o = J(null);
   return X(() => {
-    var f;
-    (f = o.current) == null || f.focus();
+    var E;
+    (E = o.current) == null || E.focus();
   }, t), /* @__PURE__ */ r.createElement(K, {
     ref: o,
     id: p,
@@ -105,16 +105,16 @@ const n = ({ children: e }) => {
     autoComplete: "off"
   });
 };
-E.Currency = me;
-E.Value = pe;
+f.Currency = me;
+f.Value = pe;
 n.Label = ee;
-n.Input = E;
+n.Input = f;
 n.Description = Y;
 n.Error = Z;
-const de = "_inputGroup_vuy4u_1", Ee = "_currency_vuy4u_14", T = {
+const de = "_inputGroup_vuy4u_1", fe = "_currency_vuy4u_14", T = {
   inputGroup: de,
-  currency: Ee
-}, fe = ({ content: e, locale: t }) => /* @__PURE__ */ r.createElement(w, {
+  currency: fe
+}, Ee = ({ content: e, locale: t }) => /* @__PURE__ */ r.createElement(Q, {
   content: e,
   locale: t
 }), Ie = () => /* @__PURE__ */ r.createElement(n, null, /* @__PURE__ */ r.createElement(n.Label, {
@@ -131,7 +131,7 @@ const de = "_inputGroup_vuy4u_1", Ee = "_currency_vuy4u_14", T = {
   className: i(ce, u.error)
 }, /* @__PURE__ */ r.createElement(ne, null), /* @__PURE__ */ r.createElement(n.Error.Text, null)), /* @__PURE__ */ r.createElement(n.Description, {
   className: i(ie, u.description)
-}, fe)), Ve = () => /* @__PURE__ */ r.createElement(Ie, null);
+}, Ee)), Ve = () => /* @__PURE__ */ r.createElement(Ie, null);
 export {
   Ve as PaymentInputRAC
 };