@wix/form-elements 1.76.0 → 1.78.0

package/dist/component/{multiline-address-field-rac-D4Ibno80.js → multiline-address-field-rac-CDKbEU14.js}

@@ -2,19 +2,19 @@ import { RicosViewer as G } 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 { 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 Ht } from "./form-BpHElSwH.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 Ht } from "./form-_3vjdih8.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 { 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-C5ZsFUKv.js";
-import { L as ue } from "./field-label-headless-CS5OYsiI.js";
-import { e as zt, c as Gt, a as Qt, r as Ot } from "./isObjectLike-jwHec4Ap.js";
-import { u as Xt } from "./use-invoke-callback-UH73A_J3.js";
+import { D as ce, E as de } from "./field-error-headless-DvmM1k0W.js";
+import { L as ue } from "./field-label-headless-DKn04-OM.js";
+import { e as zt, c as Gt, a as Xt, r as Ot } from "./isObjectLike-YK6n3FVo.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 Q } from "./error-icon-hZxQ6DEy.js";
+import { E as X } from "./error-icon-hZxQ6DEy.js";
 import { H as fe } from "./custom-focus-class-_483Pkwp.js";
 import { s as f } from "./field-rac.module-DjmaTYkc.js";
-import { z as X, Q as Z, y as ee, B as ge, p as te, i as ne } from "./form-element-classes-BXNs5k3q.js";
+import { z as Q, P as Z, y as ee, B as ge, p as te, i as ne } from "./form-element-classes-DZiFyihd.js";
 const Zt = (e, t, o) => {
   var a, l, i, s;
   const r = (a = e.steps) == null ? void 0 : a.map((d) => {
@@ -342,7 +342,7 @@ var ke, ut;
 function In() {
   if (ut) return ke;
   ut = 1;
-  var e = Gt(), t = Qt(), o = "[object Symbol]";
+  var e = Gt(), t = Xt(), o = "[object Symbol]";
   function r(a) {
     return typeof a == "symbol" || t(a) && e(a) == o;
   }
@@ -722,7 +722,7 @@ const Dt = ({ readOnly: e, disabled: t } = {}) => {
     t
   ]);
 }, _n = (e, t) => e.find((o) => o.label.toLocaleLowerCase() === t.toLocaleLowerCase().trim()), Rt = ({ options: e, value: t, commit: o, clear: r, onBlur: a }) => {
-  const [l, i] = ye(null), s = Xt(a), d = w(() => {
+  const [l, i] = ye(null), s = Qt(a), d = w(() => {
     var b;
     return t ? ((b = e.find((p) => p.value === t)) == null ? void 0 : b.label) ?? "" : "";
   }, [
@@ -1284,8 +1284,8 @@ const H = ({ children: e }) => {
 }, e);
 Se.Input = Yn;
 Se.Trigger = Hn;
-const Qe = ({ children: e, className: t, ...o }) => {
-  const { options: r } = o, a = E(e, Qe.Option);
+const Xe = ({ children: e, className: t, ...o }) => {
+  const { options: r } = o, a = E(e, Xe.Option);
   return /* @__PURE__ */ n.createElement(Ae, {
     className: t,
     containerPadding: 0,
@@ -1303,18 +1303,18 @@ const Qe = ({ children: e, className: t, ...o }) => {
     textValue: r
   }, r);
 };
-Qe.Option = jn;
+Xe.Option = jn;
 H.Label = ue;
 H.Control = Se;
-H.Options = Qe;
+H.Options = Xe;
 H.Description = ce;
 H.Error = de;
-const Jn = () => me("country"), zn = () => me("subdivision"), Gn = () => me("city"), Qn = () => me("addressLine"), Xn = () => me("addressLine2"), Zn = () => me("postalCode"), er = () => me("streetName"), tr = () => me("streetNumber"), nr = () => me("apartment"), rr = {
+const Jn = () => me("country"), zn = () => me("subdivision"), Gn = () => me("city"), Xn = () => 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]: zn,
   [K.MLA_CITY]: Gn,
-  [K.MLA_ADDRESS_LINE]: Qn,
-  [K.MLA_ADDRESS_LINE_2]: Xn,
+  [K.MLA_ADDRESS_LINE]: Xn,
+  [K.MLA_ADDRESS_LINE_2]: Qn,
   [K.MLA_POSTAL_CODE]: Zn,
   [K.MLA_STREET_NAME]: er,
   [K.MLA_STREET_NUMBER]: tr,
@@ -1389,10 +1389,10 @@ const Jn = () => me("country"), zn = () => me("subdivision"), Gn = () => me("cit
     const W = s == null ? void 0 : s[0], z = (Te = x == null ? void 0 : x.fields) == null ? void 0 : Te.find((st) => "target" in st && st.target === (W == null ? void 0 : W.errorPath));
     return z == null ? void 0 : z.id;
   });
-  const Ee = E(e, c.Country), Oe = E(e, c.Subdivision), Xe = E(e, c.City), Ze = E(e, c.AddressLine), et = E(e, c.AddressLine2), tt = E(e, c.PostalCode), nt = E(e, c.StreetName), rt = E(e, c.StreetNumber), ot = E(e, c.Apartment), At = w(() => ({
+  const Ee = E(e, c.Country), Oe = E(e, c.Subdivision), Qe = E(e, c.City), Ze = E(e, c.AddressLine), et = E(e, c.AddressLine2), tt = E(e, c.PostalCode), nt = E(e, c.StreetName), rt = E(e, c.StreetNumber), ot = E(e, c.Apartment), At = w(() => ({
     country: Ee,
     subdivision: Oe,
-    city: Xe,
+    city: Qe,
     addressLine: Ze,
     addressLine2: et,
     postalCode: tt,
@@ -1402,7 +1402,7 @@ const Jn = () => me("country"), zn = () => me("subdivision"), Gn = () => me("cit
   }), [
     Ee,
     Oe,
-    Xe,
+    Qe,
     Ze,
     et,
     tt,
@@ -1457,7 +1457,7 @@ const ar = "_postalCodeControl_1tire_1", lr = "_comboControl_1tire_5", ir = "_co
   comboControl: lr,
   comboTrigger: ir
 }, Fr = () => /* @__PURE__ */ n.createElement(c, null, /* @__PURE__ */ n.createElement(c.Country, null, /* @__PURE__ */ n.createElement(c.Country.Label, {
-  className: C(X, f.label)
+  className: C(Q, f.label)
 }, /* @__PURE__ */ n.createElement(c.Country.Label.Required, {
   className: C(Z, f.requiredMark)
 })), /* @__PURE__ */ n.createElement(c.Country.Control, {
@@ -1474,13 +1474,13 @@ const ar = "_postalCodeControl_1tire_1", lr = "_comboControl_1tire_5", ir = "_co
   className: C(f.selectOption, fe)
 })), /* @__PURE__ */ n.createElement(c.Country.Error, {
   className: C(te, f.error)
-}, /* @__PURE__ */ n.createElement(Q, null), /* @__PURE__ */ n.createElement(c.Country.Error.Text, null)), /* @__PURE__ */ n.createElement(c.Country.Description, {
+}, /* @__PURE__ */ n.createElement(X, null), /* @__PURE__ */ n.createElement(c.Country.Error.Text, null)), /* @__PURE__ */ n.createElement(c.Country.Description, {
   className: C(ne, f.description)
 }, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(G, {
   content: e,
   locale: t
 }))), /* @__PURE__ */ n.createElement(c.AddressLine, null, /* @__PURE__ */ n.createElement(c.AddressLine.Label, {
-  className: C(X, f.label)
+  className: C(Q, f.label)
 }, /* @__PURE__ */ n.createElement(c.AddressLine.Label.Required, {
   className: C(Z, f.requiredMark)
 })), /* @__PURE__ */ n.createElement(c.AddressLine.Input, {
@@ -1491,39 +1491,39 @@ const ar = "_postalCodeControl_1tire_1", lr = "_comboControl_1tire_5", ir = "_co
   className: C(f.selectOption, fe)
 })), /* @__PURE__ */ n.createElement(c.AddressLine.Error, {
   className: C(te, f.error)
-}, /* @__PURE__ */ n.createElement(Q, null), /* @__PURE__ */ n.createElement(c.AddressLine.Error.Text, null)), /* @__PURE__ */ n.createElement(c.AddressLine.Description, {
+}, /* @__PURE__ */ n.createElement(X, null), /* @__PURE__ */ n.createElement(c.AddressLine.Error.Text, null)), /* @__PURE__ */ n.createElement(c.AddressLine.Description, {
   className: C(ne, f.description)
 }, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(G, {
   content: e,
   locale: t
 }))), /* @__PURE__ */ n.createElement(c.AddressLine2, null, /* @__PURE__ */ n.createElement(c.AddressLine2.Label, {
-  className: C(X, f.label)
+  className: C(Q, f.label)
 }, /* @__PURE__ */ n.createElement(c.AddressLine2.Label.Required, {
   className: C(Z, f.requiredMark)
 })), /* @__PURE__ */ n.createElement(c.AddressLine2.Input, {
   className: C(ee, f.input)
 }), /* @__PURE__ */ n.createElement(c.AddressLine2.Error, {
   className: C(te, f.error)
-}, /* @__PURE__ */ n.createElement(Q, null), /* @__PURE__ */ n.createElement(c.AddressLine2.Error.Text, null)), /* @__PURE__ */ n.createElement(c.AddressLine2.Description, {
+}, /* @__PURE__ */ n.createElement(X, null), /* @__PURE__ */ n.createElement(c.AddressLine2.Error.Text, null)), /* @__PURE__ */ n.createElement(c.AddressLine2.Description, {
   className: C(ne, f.description)
 }, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(G, {
   content: e,
   locale: t
 }))), /* @__PURE__ */ n.createElement(c.City, null, /* @__PURE__ */ n.createElement(c.City.Label, {
-  className: C(X, f.label)
+  className: C(Q, f.label)
 }, /* @__PURE__ */ n.createElement(c.City.Label.Required, {
   className: C(Z, f.requiredMark)
 })), /* @__PURE__ */ n.createElement(c.City.Input, {
   className: C(ee, f.input)
 }), /* @__PURE__ */ n.createElement(c.City.Error, {
   className: C(te, f.error)
-}, /* @__PURE__ */ n.createElement(Q, null), /* @__PURE__ */ n.createElement(c.City.Error.Text, null)), /* @__PURE__ */ n.createElement(c.City.Description, {
+}, /* @__PURE__ */ n.createElement(X, null), /* @__PURE__ */ n.createElement(c.City.Error.Text, null)), /* @__PURE__ */ n.createElement(c.City.Description, {
   className: C(ne, f.description)
 }, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(G, {
   content: e,
   locale: t
 }))), /* @__PURE__ */ n.createElement(c.PostalCode, null, /* @__PURE__ */ n.createElement(c.PostalCode.Label, {
-  className: C(X, f.label)
+  className: C(Q, f.label)
 }, /* @__PURE__ */ n.createElement(c.PostalCode.Label.Required, {
   className: C(Z, f.requiredMark)
 })), /* @__PURE__ */ n.createElement(c.PostalCode.Control, {
@@ -1536,13 +1536,13 @@ const ar = "_postalCodeControl_1tire_1", lr = "_comboControl_1tire_5", ir = "_co
   className: C(f.selectOption, fe)
 })), /* @__PURE__ */ n.createElement(c.PostalCode.Error, {
   className: C(te, f.error)
-}, /* @__PURE__ */ n.createElement(Q, null), /* @__PURE__ */ n.createElement(c.PostalCode.Error.Text, null)), /* @__PURE__ */ n.createElement(c.PostalCode.Description, {
+}, /* @__PURE__ */ n.createElement(X, null), /* @__PURE__ */ n.createElement(c.PostalCode.Error.Text, null)), /* @__PURE__ */ n.createElement(c.PostalCode.Description, {
   className: C(ne, f.description)
 }, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(G, {
   content: e,
   locale: t
 }))), /* @__PURE__ */ n.createElement(c.Subdivision, null, /* @__PURE__ */ n.createElement(c.Subdivision.Label, {
-  className: C(X, f.label)
+  className: C(Q, f.label)
 }, /* @__PURE__ */ n.createElement(c.Subdivision.Label.Required, {
   className: C(Z, f.requiredMark)
 })), /* @__PURE__ */ n.createElement(c.Subdivision.Control, {
@@ -1559,13 +1559,13 @@ const ar = "_postalCodeControl_1tire_1", lr = "_comboControl_1tire_5", ir = "_co
   className: C(f.selectOption, fe)
 })), /* @__PURE__ */ n.createElement(c.Subdivision.Error, {
   className: C(te, f.error)
-}, /* @__PURE__ */ n.createElement(Q, null), /* @__PURE__ */ n.createElement(c.Subdivision.Error.Text, null)), /* @__PURE__ */ n.createElement(c.Subdivision.Description, {
+}, /* @__PURE__ */ n.createElement(X, null), /* @__PURE__ */ n.createElement(c.Subdivision.Error.Text, null)), /* @__PURE__ */ n.createElement(c.Subdivision.Description, {
   className: C(ne, f.description)
 }, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(G, {
   content: e,
   locale: t
 }))), /* @__PURE__ */ n.createElement(c.StreetName, null, /* @__PURE__ */ n.createElement(c.StreetName.Label, {
-  className: C(X, f.label)
+  className: C(Q, f.label)
 }, /* @__PURE__ */ n.createElement(c.StreetName.Label.Required, {
   className: C(Z, f.requiredMark)
 })), /* @__PURE__ */ n.createElement(c.StreetName.Input, {
@@ -1576,33 +1576,33 @@ const ar = "_postalCodeControl_1tire_1", lr = "_comboControl_1tire_5", ir = "_co
   className: C(f.selectOption, fe)
 })), /* @__PURE__ */ n.createElement(c.StreetName.Error, {
   className: C(te, f.error)
-}, /* @__PURE__ */ n.createElement(Q, null), /* @__PURE__ */ n.createElement(c.StreetName.Error.Text, null)), /* @__PURE__ */ n.createElement(c.StreetName.Description, {
+}, /* @__PURE__ */ n.createElement(X, null), /* @__PURE__ */ n.createElement(c.StreetName.Error.Text, null)), /* @__PURE__ */ n.createElement(c.StreetName.Description, {
   className: C(ne, f.description)
 }, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(G, {
   content: e,
   locale: t
 }))), /* @__PURE__ */ n.createElement(c.StreetNumber, null, /* @__PURE__ */ n.createElement(c.StreetNumber.Label, {
-  className: C(X, f.label)
+  className: C(Q, f.label)
 }, /* @__PURE__ */ n.createElement(c.StreetNumber.Label.Required, {
   className: C(Z, f.requiredMark)
 })), /* @__PURE__ */ n.createElement(c.StreetNumber.Input, {
   className: C(ee, f.input)
 }), /* @__PURE__ */ n.createElement(c.StreetNumber.Error, {
   className: C(te, f.error)
-}, /* @__PURE__ */ n.createElement(Q, null), /* @__PURE__ */ n.createElement(c.StreetNumber.Error.Text, null)), /* @__PURE__ */ n.createElement(c.StreetNumber.Description, {
+}, /* @__PURE__ */ n.createElement(X, null), /* @__PURE__ */ n.createElement(c.StreetNumber.Error.Text, null)), /* @__PURE__ */ n.createElement(c.StreetNumber.Description, {
   className: C(ne, f.description)
 }, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(G, {
   content: e,
   locale: t
 }))), /* @__PURE__ */ n.createElement(c.Apartment, null, /* @__PURE__ */ n.createElement(c.Apartment.Label, {
-  className: C(X, f.label)
+  className: C(Q, f.label)
 }, /* @__PURE__ */ n.createElement(c.Apartment.Label.Required, {
   className: C(Z, f.requiredMark)
 })), /* @__PURE__ */ n.createElement(c.Apartment.Input, {
   className: C(ee, f.input)
 }), /* @__PURE__ */ n.createElement(c.Apartment.Error, {
   className: C(te, f.error)
-}, /* @__PURE__ */ n.createElement(Q, null), /* @__PURE__ */ n.createElement(c.Apartment.Error.Text, null)), /* @__PURE__ */ n.createElement(c.Apartment.Description, {
+}, /* @__PURE__ */ n.createElement(X, null), /* @__PURE__ */ n.createElement(c.Apartment.Error.Text, null)), /* @__PURE__ */ n.createElement(c.Apartment.Description, {
   className: C(ne, f.description)
 }, ({ content: e, locale: t }) => /* @__PURE__ */ n.createElement(G, {
   content: e,

package/dist/component/{multiline-address-rac-CrTSjzBN.js → multiline-address-rac-DflLsZ5w.js}

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

package/dist/component/{number-input-field-rac-DW1SjB-Z.js → number-input-field-rac-Bc6vH-Nl.js}

@@ -1,19 +1,19 @@
 import { RicosViewer as v } from "@wix/ricos/viewer";
 import m from "classnames";
-import r, { useState as Q, useCallback as U, useEffect as z, useRef as $ } from "react";
+import r, { useState as U, useCallback as z, useEffect as Q, useRef as $ } from "react";
 import { NumberField as j, Input as G } from "react-aria-components";
-import { ai as C, af as S, as as H, ak as J } from "./form-BpHElSwH.js";
+import { ai as C, af as S, as as H, ak as J } from "./form-_3vjdih8.js";
 import { f as d } from "./find-child-C60k4CxG.js";
-import { D as K, E as W } from "./field-error-headless-C5ZsFUKv.js";
-import { L as X } from "./field-label-headless-CS5OYsiI.js";
+import { D as K, E as W } from "./field-error-headless-DvmM1k0W.js";
+import { L as X } from "./field-label-headless-DKn04-OM.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-DjmaTYkc.js";
-import { z as re, Q as te, y as ne, p as ae, i as se } from "./form-element-classes-BXNs5k3q.js";
+import { z as re, P as te, y as ne, p as ae, i as se } from "./form-element-classes-DZiFyihd.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: y } = S(), F = ((D = t == null ? void 0 : t.number) == null ? void 0 : D.multipleOf) || 1, A = (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] = Q(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 = U((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: y } = S(), F = ((D = t == null ? void 0 : t.number) == null ? void 0 : D.multipleOf) || 1, A = (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 = z((N) => {
     if (N === void 0 || Number.isNaN(N)) {
       l(""), I(NaN);
       return;
@@ -24,7 +24,7 @@ const e = ({ children: n }) => {
     F,
     l
   ]);
-  return z(() => {
+  return Q(() => {
     I(_(s));
   }, [
     s

package/dist/component/{number-input-rac-CdE_hRbA.js → number-input-rac-J3DpYc9U.js}

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

package/dist/component/{password-rac-BCxl5mMQ.js → password-rac-DUsCGTgT.js}

@@ -1,15 +1,15 @@
 import e, { useState as h, useRef as N } from "react";
 import { RicosViewer as O } from "@wix/ricos/viewer";
 import d from "classnames";
-import { ai as E, af as I, ak as x, as as A } from "./form-BpHElSwH.js";
+import { ai as E, af as I, ak as x, as as A } from "./form-_3vjdih8.js";
 import { TextField as B, Group as P, Input as V, Button as v } from "react-aria-components";
 import { f as p, a as g } from "./find-child-C60k4CxG.js";
-import { D as M, E as k } from "./field-error-headless-C5ZsFUKv.js";
-import { L as q } from "./field-label-headless-CS5OYsiI.js";
+import { D as M, E as k } from "./field-error-headless-DvmM1k0W.js";
+import { L as q } from "./field-label-headless-DKn04-OM.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-DjmaTYkc.js";
-import { z as H, Q, y as W, p as Z, i as z } from "./form-element-classes-BXNs5k3q.js";
+import { z as H, P as W, y as Z, p as z, i as G } from "./form-element-classes-DZiFyihd.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 } = E(), { labelId: C } = I(), [F, L] = h(!1), R = p(r, t.Label), D = p(r, t.Control), T = p(r, t.Description), S = p(r, t.Error);
   return /* @__PURE__ */ e.createElement(y, {
@@ -32,7 +32,7 @@ const t = ({ children: r, className: o }) => {
     })),
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, T, S)
   });
-}, G = ({ children: r, className: o, ...i }) => {
+}, Q = ({ children: r, className: o, ...i }) => {
   const { isVisible: s, onToggleVisibility: c } = i, { disabled: l, hasError: m } = E(), n = p(r, t.Input), a = p(r, t.Toggle);
   return /* @__PURE__ */ e.createElement(P, {
     className: o,
@@ -71,7 +71,7 @@ const t = ({ children: r, className: o }) => {
   }));
 };
 t.Label = q;
-t.Control = G;
+t.Control = Q;
 t.Input = $;
 t.Toggle = J;
 t.Description = M;
@@ -122,9 +122,9 @@ const K = (r) => /* @__PURE__ */ e.createElement("svg", {
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
     className: d(H, u.label)
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: d(Q, u.requiredMark)
+    className: d(W, u.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Control, {
-    className: d(W, u.input, b.control)
+    className: d(Z, u.input, b.control)
   }, /* @__PURE__ */ e.createElement(t.Input, {
     className: d(u.innerInput, j)
   }), /* @__PURE__ */ e.createElement(t.Toggle, {
@@ -132,9 +132,9 @@ const K = (r) => /* @__PURE__ */ e.createElement("svg", {
     showPasswordTooltipText: r("forms.widget.modals.show-password-tooltip"),
     hidePasswordTooltipText: r("forms.widget.modals.hide-password-tooltip")
   }, ({ isVisible: o }) => o ? /* @__PURE__ */ e.createElement(X, null) : /* @__PURE__ */ e.createElement(K, null))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: d(Z, u.error)
+    className: d(z, u.error)
   }, /* @__PURE__ */ e.createElement(U, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: d(z, u.description)
+    className: d(G, u.description)
   }, te));
 }, ge = () => /* @__PURE__ */ e.createElement(re, null);
 export {

package/dist/component/{payment-input-rac-DmO4s4ue.js → payment-input-rac-C7ir9WYG.js}

@@ -1,17 +1,17 @@
-import r, { useCallback as V, useRef as z } from "react";
+import r, { useCallback as V, useRef as Q } from "react";
 import { RicosViewer as j } from "@wix/ricos/viewer";
 import i from "classnames";
 import { TextField as w, Group as J, 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-BpHElSwH.js";
+import { ai as D, af as S, ab as x, as as W, ak as X } from "./form-_3vjdih8.js";
 import { f as m } from "./find-child-C60k4CxG.js";
-import { D as Y, E as Z } from "./field-error-headless-C5ZsFUKv.js";
-import { L as ee } from "./field-label-headless-CS5OYsiI.js";
+import { D as Y, E as Z } from "./field-error-headless-DvmM1k0W.js";
+import { L as ee } from "./field-label-headless-DKn04-OM.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-DjmaTYkc.js";
-import { z as se, Q as oe, y as le, p as ce, i as ie } from "./form-element-classes-BXNs5k3q.js";
+import { z as se, P as oe, y as le, p as ce, i as ie } from "./form-element-classes-DZiFyihd.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, 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({
+  var O, A, P, g;
+  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 = (P = (A = (O = _ == null ? void 0 : _.predefined) == null ? void 0 : O.paymentOptions) == null ? void 0 : A.products) == null ? void 0 : P[0], C = (g = a == null ? void 0 : a.at(0)) == null ? void 0 : g.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)), z = h(C);
+    if (L !== z) {
       if (L === void 0) {
         s(null);
         return;
@@ -90,7 +90,7 @@ 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 = z(null);
+  const { id: t, placeholder: a, label: s } = D(), { inputId: p, labelId: d, prefixId: y, ariaDescribedBy: b } = S(), o = Q(null);
   return X(() => {
     var E;
     (E = o.current) == null || E.focus();

package/dist/component/{phone-input-field-rac-BYAnwk5h.js → phone-input-field-rac-BTCDRtYe.js}

@@ -1,12 +1,12 @@
 import { RicosViewer as ye } from "@wix/ricos/viewer";
 import b from "classnames";
-import t, { useMemo as B, useState as V, useRef as v, useEffect as w, useCallback as Z, createContext as te, useContext as q } from "react";
-import { a2 as Ee, as as P, ab as ne, ar as fe, ai as M, af as oe, ak as he } from "./form-BpHElSwH.js";
+import t, { useMemo as B, useState as V, useRef as P, useEffect as w, useCallback as j, createContext as te, useContext as q } from "react";
+import { a2 as Ee, as as v, ab as ne, ar as fe, ai as M, af as oe, ak as he } from "./form-_3vjdih8.js";
 import { UNSAFE_PortalProvider as ge } from "react-aria";
-import { Dialog as re, OverlayTriggerStateContext as be, ModalOverlay as _e, Modal as Ne, SearchField as Oe, ListBoxItem as Se, Group as j, DialogTrigger as Le, Select as Ie, Input as ae, ListBox as ve, Autocomplete as Pe } from "react-aria-components";
+import { Dialog as re, OverlayTriggerStateContext as be, ModalOverlay as _e, Modal as Ne, SearchField as Oe, ListBoxItem as Se, Group as Q, DialogTrigger as Le, Select as Ie, Input as ae, ListBox as Pe, Autocomplete as ve } from "react-aria-components";
 import { f as h, a as ce } from "./find-child-C60k4CxG.js";
-import { D as Fe, E as De } from "./field-error-headless-C5ZsFUKv.js";
-import { L as Re } from "./field-label-headless-CS5OYsiI.js";
+import { D as Fe, E as De } from "./field-error-headless-DvmM1k0W.js";
+import { L as Re } from "./field-label-headless-DKn04-OM.js";
 import { N as xe, S as Be } from "./non-modal-popover-DtIMXHbe.js";
 import { u as Me } from "./use-invoke-callback-UH73A_J3.js";
 import se, { AsYouType as $e, isValidPhoneNumber as Ae, isSupportedCountry as Te } from "libphonenumber-js";
@@ -16,7 +16,7 @@ import { C as we } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as Ue } from "./error-icon-hZxQ6DEy.js";
 import { H as J } from "./custom-focus-class-_483Pkwp.js";
 import { s as _ } from "./field-rac.module-DjmaTYkc.js";
-import { z as ke, Q as Ve, y as qe, B as ze, p as Ge, i as He } from "./form-element-classes-BXNs5k3q.js";
+import { z as ke, P as Ve, y as qe, B as ze, p as Ge, i as He } from "./form-element-classes-DZiFyihd.js";
 function X(e) {
   const n = e ? se(e) : void 0, r = n == null ? void 0 : n.country;
   if (r)
@@ -42,7 +42,7 @@ function ee(e, n) {
   return e;
 }
 function Ye() {
-  const { t: e } = P(), { language: n } = ne();
+  const { t: e } = v(), { language: n } = ne();
   return B(() => Object.keys(W).reduce((o, a) => {
     const c = W[a], l = z(c), u = e(`locale-dataset.countries.${c.toUpperCase()}`);
     return l && Te(a) && o.push({
@@ -59,15 +59,15 @@ function Ye() {
 function Ke(e, n) {
   return e.filter((r) => n && n.length > 0 ? n.includes(r.shortCountryCode) : !0);
 }
-function Qe(e, n) {
+function Ze(e, n) {
   const { countryName: r, callingCode: o, shortCountryCode: a } = e;
   return !!(k(r, n) || k(o, n) || k(a, n));
 }
 function k(e, n) {
   return e.toLowerCase().includes(n.toLowerCase());
 }
-function Ze({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange: o }) {
-  const [a, c] = V(e || ""), l = v(U(e ?? null) ?? ""), [u, i] = V(n);
+function je({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange: o }) {
+  const [a, c] = V(e || ""), l = P(U(e ?? null) ?? ""), [u, i] = V(n);
   fe(() => {
     c(""), l.current = "", i(n), o("");
   });
@@ -90,7 +90,7 @@ function Ze({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange:
     m,
     n
   ]);
-  const C = Z((d) => {
+  const C = j((d) => {
     if (c(d), !d) {
       l.current = "", o(null);
       return;
@@ -103,7 +103,7 @@ function Ze({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange:
   }, [
     r,
     o
-  ]), p = Z((d) => {
+  ]), p = j((d) => {
     i(d), c((f) => {
       const y = U(ee(f, d));
       return l.current = y ?? "", o(y), f;
@@ -149,7 +149,7 @@ const le = /* @__PURE__ */ te(null), N = () => {
     m
   ]), d = B(() => p.map((x) => x.shortCountryCode), [
     p
-  ]), { currentValue: f, selectedCountryCode: y, handlePhoneChange: O, handleCountryCodeChange: S } = Ze({
+  ]), { currentValue: f, selectedCountryCode: y, handlePhoneChange: O, handleCountryCodeChange: S } = je({
     value: r,
     defaultCountryCode: c,
     allowedCountryCodes: d,
@@ -177,7 +177,7 @@ const le = /* @__PURE__ */ te(null), N = () => {
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, T)
   }));
 }, Y = ({ children: e, className: n }) => {
-  const { inputId: r, labelId: o } = oe(), { hasError: a, disabled: c, readOnly: l } = M(), { t: u } = P(), { selectedCountryCode: i, countries: m } = N(), C = `${r}-country`, p = i ? m.find((O) => O.shortCountryCode === i) : void 0, d = p && z(p.longCountryCode) || "", f = u("field.phone.country-code.aria-label"), y = p ? `${f}, ${p.countryName}, ${d}` : f;
+  const { inputId: r, labelId: o } = oe(), { hasError: a, disabled: c, readOnly: l } = M(), { t: u } = v(), { selectedCountryCode: i, countries: m } = N(), C = `${r}-country`, p = i ? m.find((O) => O.shortCountryCode === i) : void 0, d = p && z(p.longCountryCode) || "", f = u("field.phone.country-code.aria-label"), y = p ? `${f}, ${p.countryName}, ${d}` : f;
   return /* @__PURE__ */ t.createElement(Be, {
     isDisabled: c || l,
     id: C,
@@ -186,7 +186,7 @@ const le = /* @__PURE__ */ te(null), N = () => {
     className: n,
     "data-invalid": a || void 0
   }, e);
-}, je = ({ className: e }) => {
+}, Qe = ({ className: e }) => {
   const { selectedCountryCode: n, countries: r } = N(), o = r.find((a) => a.shortCountryCode === n);
   return o ? /* @__PURE__ */ t.createElement(H, {
     className: e,
@@ -198,7 +198,7 @@ const le = /* @__PURE__ */ te(null), N = () => {
     className: n
   }, e);
 };
-Y.Flag = je;
+Y.Flag = Qe;
 Y.EmptyState = We;
 const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a, ...c }) => {
   const { triggerRef: l, optionsRef: u } = c, { popoverContainer: i } = N(), m = h(e, g.Search), C = /* @__PURE__ */ t.createElement(ie, null, e);
@@ -237,7 +237,7 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
     }
   }, e)))));
 }, ie = ({ children: e, listBoxProps: n }) => {
-  const { countries: r } = N(), o = h(e, g.Option), a = h(e, g.Search), c = h(e, g.EmptyState), l = /* @__PURE__ */ t.createElement(ve, {
+  const { countries: r } = N(), o = h(e, g.Option), a = h(e, g.Search), c = h(e, g.EmptyState), l = /* @__PURE__ */ t.createElement(Pe, {
     ...n,
     renderEmptyState: c ? () => c : void 0
   }, r.map((u) => {
@@ -250,10 +250,10 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
       longCountryCode: u.longCountryCode
     });
   }));
-  return a ? /* @__PURE__ */ t.createElement(Pe, {
+  return a ? /* @__PURE__ */ t.createElement(ve, {
     filter: (u, i, m) => {
       const C = r.find((p) => p.shortCountryCode === m.key);
-      return !!C && Qe(C, i);
+      return !!C && Ze(C, i);
     }
   }, a, l) : l;
 };
@@ -309,7 +309,7 @@ $.Name = de;
 $.Code = pe;
 g.Option = $;
 const tt = ({ className: e }) => {
-  const { t: n } = P(), { inputId: r, ariaDescribedBy: o } = oe(), { id: a, placeholder: c, disabled: l, readOnly: u, required: i, label: m, hasError: C } = M(), { currentValue: p, handlePhoneChange: d } = N(), f = v(null);
+  const { t: n } = v(), { inputId: r, ariaDescribedBy: o } = oe(), { id: a, placeholder: c, disabled: l, readOnly: u, required: i, label: m, hasError: C } = M(), { currentValue: p, handlePhoneChange: d } = N(), f = P(null);
   return he(() => {
     var y;
     (y = f.current) == null || y.focus({
@@ -331,18 +331,18 @@ const tt = ({ className: e }) => {
     className: e
   });
 }, nt = ({ children: e, className: n }) => {
-  const r = v(null), o = v(null), a = v(!1), { disabled: c, readOnly: l, required: u, hasError: i, showFlag: m, onFocus: C, onBlur: p } = M(), d = Me(p), { t: f } = P(), { selectedCountryCode: y, handleCountryCodeChange: O, countries: S } = N(), A = h(e, s.CountryButton), F = h(e, s.CountryOptions.Modal), T = F ?? h(e, s.CountryOptions.Popover), D = h(e, s.PhoneNumber), R = {
+  const r = P(null), o = P(null), a = P(!1), { disabled: c, readOnly: l, required: u, hasError: i, showFlag: m, onFocus: C, onBlur: p } = M(), d = Me(p), { t: f } = v(), { selectedCountryCode: y, handleCountryCodeChange: O, countries: S } = N(), A = h(e, s.CountryButton), F = h(e, s.CountryOptions.Modal), T = F ?? h(e, s.CountryOptions.Popover), D = h(e, s.PhoneNumber), R = {
     onFocus: () => {
       a.current || (a.current = !0, C == null || C());
     },
     onBlur: (L) => {
-      var K, Q;
+      var K, Z;
       const x = L.relatedTarget;
-      !((K = r.current) != null && K.contains(x)) && !((Q = o.current) != null && Q.contains(x)) && (a.current = !1, d());
+      !((K = r.current) != null && K.contains(x)) && !((Z = o.current) != null && Z.contains(x)) && (a.current = !1, d());
     }
   };
   if (S.length === 1)
-    return /* @__PURE__ */ t.createElement(j, {
+    return /* @__PURE__ */ t.createElement(Q, {
       ref: r,
       className: n,
       isDisabled: c,
@@ -355,7 +355,7 @@ const tt = ({ className: e }) => {
     triggerRef: r,
     optionsRef: o
   }));
-  return /* @__PURE__ */ t.createElement(j, {
+  return /* @__PURE__ */ t.createElement(Q, {
     ref: r,
     className: n,
     isDisabled: c,
@@ -421,7 +421,7 @@ const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
   className: E.chevron,
   "aria-hidden": "true"
 }, /* @__PURE__ */ t.createElement(we, null)), Vt = () => {
-  const { t: e } = P(), { isMobile: n, PortalContainer: r } = ne(), o = /* @__PURE__ */ t.createElement(s.CountryOptions.Search, {
+  const { t: e } = v(), { isMobile: n, PortalContainer: r } = ne(), o = /* @__PURE__ */ t.createElement(s.CountryOptions.Search, {
     className: E.countrySearchContainer,
     "aria-label": e("field.phone.country-search-input.aria-label")
   }, /* @__PURE__ */ t.createElement(rt, {

package/dist/component/{phone-rac-gS4k9Yn8.js → phone-rac-Dk5FzIxX.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { P as o } from "./phone-input-field-rac-BYAnwk5h.js";
+import { P as o } from "./phone-input-field-rac-BTCDRtYe.js";
 const r = () => /* @__PURE__ */ e.createElement(o, null);
 export {
   r as PhoneRAC