@wix/form-elements 1.62.0 → 1.63.0

package/dist/component/{multiline-address-rac-B9yHNebZ.js → multiline-address-rac-BL8Yp4F0.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-BY2SUp2d.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-x0yFmXbe.js}

@@ -1,11 +1,11 @@
 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 H, 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 { 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-DTKnr5Zx.js";
+import { L as X } from "./field-label-headless-DV4aNd5Y.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";
@@ -13,7 +13,7 @@ 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";
 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, 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) => {
     if (N === void 0 || Number.isNaN(N)) {
       l(""), I(NaN);
       return;
@@ -24,33 +24,33 @@ const e = ({ children: n }) => {
     F,
     l
   ]);
-  return Q(() => {
+  return H(() => {
     I(_(s));
   }, [
     s
   ]), /* @__PURE__ */ r.createElement(u, {
     fieldId: a,
-    renderLabel: () => T,
-    renderInput: () => /* @__PURE__ */ r.createElement(j, {
+    renderLabel: () => V,
+    renderInput: () => /* @__PURE__ */ r.createElement($, {
       "aria-labelledby": A,
-      value: h,
+      value: M,
       onChange: B,
       isDisabled: p,
       isRequired: E,
       isReadOnly: o,
       isInvalid: c,
-      onBlur: M,
+      onBlur: T,
       onFocus: f,
       minValue: y ?? void 0,
-      maxValue: q ?? void 0
-    }, V),
+      maxValue: h ?? void 0
+    }, g),
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, k, x)
   });
 }, 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);
+  const u = Q(null);
   return J(() => {
     var t;
     (t = u.current) == null || t.focus();

package/dist/component/{number-input-rac-KYcJJPrs.js → number-input-rac-pJXc2YsD.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-x0yFmXbe.js";
 const n = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   n as NumberInputRAC

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

@@ -1,21 +1,21 @@
 import e, { useState as w, 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 { ah as p, ae as I, aj as x, ar as A } from "./form-DzjdnO7t.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-DTKnr5Zx.js";
+import { L as q } from "./field-label-headless-DV4aNd5Y.js";
 import { E as U } from "./error-icon-hZxQ6DEy.js";
-import { H } from "./custom-focus-class-_483Pkwp.js";
+import { H as j } 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 { r as H, H as W, q as Z, l as G, h as Q } from "./form-element-classes-Bi-nNM8q.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] = w(!1), R = E(r, t.Label), D = E(r, t.Control), T = E(r, t.Description), h = 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((S) => !S)
     })),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, T, S)
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, T, h)
   });
 }, $ = ({ 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
@@ -46,10 +46,10 @@ const t = ({ children: r, className: o }) => {
   }));
 }, z = ({ 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",
@@ -59,7 +59,7 @@ const t = ({ children: r, className: o }) => {
   });
 }, J = ({ 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.Label = q;
 t.Control = $;
 t.Input = z;
 t.Toggle = J;
 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"),

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

@@ -1,11 +1,11 @@
-import r, { useCallback as V, useRef as j } from "react";
+import r, { useCallback as V, useRef as Q } from "react";
 import { RicosViewer as w } 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 { ah as D, ae as S, ab as x, ar as W, aj as X } from "./form-DzjdnO7t.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-DTKnr5Zx.js";
+import { L as ee } from "./field-label-headless-DV4aNd5Y.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";
@@ -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: f, 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;
@@ -58,11 +58,11 @@ const n = ({ children: e }) => {
     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, {
+  return /* @__PURE__ */ r.createElement(M, {
     fieldId: t,
     renderLabel: () => B,
     renderInput: () => /* @__PURE__ */ r.createElement(z, {
-      "aria-labelledby": `${M} ${G}`,
+      "aria-labelledby": `${q} ${G}`,
       value: a ? F : "",
       onChange: U,
       isDisabled: p,
@@ -82,7 +82,7 @@ const n = ({ children: e }) => {
     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,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 = j(null);
+  const { id: t, placeholder: a, label: s } = D(), { inputId: p, labelId: d, prefixId: y, ariaDescribedBy: b } = S(), o = Q(null);
   return X(() => {
     var f;
     (f = o.current) == null || f.focus();

package/dist/component/{phone-input-field-rac-D-AosrgV.js → phone-input-field-rac-DO_V5Z_T.js}

@@ -1,12 +1,12 @@
 import { RicosViewer as ye } from "@wix/ricos/viewer";
 import b from "classnames";
-import t, { useMemo as B, useState as k, useRef as v, useEffect as w, useCallback as j, createContext as te, useContext as V } from "react";
-import { a1 as Ee, aq as P, aa as ne, ap as fe, ag as M, ad as oe, ai as he } from "./form-D6A2hUbV.js";
+import t, { useMemo as B, useState as k, useRef as v, useEffect as w, useCallback as Z, createContext as te, useContext as V } from "react";
+import { a2 as Ee, ar as P, ab as ne, aq as fe, ah as M, ae as oe, aj as he } from "./form-DzjdnO7t.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 Q, DialogTrigger as Le, Select as Ie, Input as ae, ListBox as ve, Autocomplete as Pe } 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-DP4WSQU3.js";
-import { L as Re } from "./field-label-headless-BKmi7Fjg.js";
+import { D as Fe, E as De } from "./field-error-headless-DTKnr5Zx.js";
+import { L as Re } from "./field-label-headless-DV4aNd5Y.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";
@@ -41,7 +41,7 @@ function ee(e, n) {
     }
   return e;
 }
-function ze() {
+function je() {
   const { t: e } = P(), { language: n } = ne();
   return B(() => Object.keys(W).reduce((o, a) => {
     const c = W[a], l = H(c), u = e(`locale-dataset.countries.${c.toUpperCase()}`);
@@ -56,17 +56,17 @@ function ze() {
     n
   ]);
 }
-function Ke(e, n) {
+function ze(e, n) {
   return e.filter((r) => n && n.length > 0 ? n.includes(r.shortCountryCode) : !0);
 }
-function Ze(e, n) {
+function Ke(e, n) {
   const { countryName: r, callingCode: o, shortCountryCode: a } = e;
   return !!(q(r, n) || q(o, n) || q(a, n));
 }
 function q(e, n) {
   return e.toLowerCase().includes(n.toLowerCase());
 }
-function je({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange: o }) {
+function Ze({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange: o }) {
   const [a, c] = k(e || ""), l = v(U(e ?? null) ?? ""), [u, i] = k(n);
   fe(() => {
     c(""), l.current = "", i(n), o("");
@@ -90,7 +90,7 @@ function je({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange:
     m,
     n
   ]);
-  const C = j((d) => {
+  const C = Z((d) => {
     if (c(d), !d) {
       l.current = "", o(null);
       return;
@@ -103,7 +103,7 @@ function je({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange:
   }, [
     r,
     o
-  ]), p = j((d) => {
+  ]), p = Z((d) => {
     i(d), c((f) => {
       const y = U(ee(f, d));
       return l.current = y ?? "", o(y), f;
@@ -144,12 +144,12 @@ const le = /* @__PURE__ */ te(null), N = () => {
   });
 }, s = ({ children: e }) => {
   var I, L;
-  const { id: n, value: r, onChange: o, FieldLayout: a, defaultCountry: c, validation: l } = M(), [u, i] = k(null), m = (L = (I = l == null ? void 0 : l.string) == null ? void 0 : I.phoneOptions) == null ? void 0 : L.allowedCountryCodes, C = ze(), p = B(() => Ke(C, m), [
+  const { id: n, value: r, onChange: o, FieldLayout: a, defaultCountry: c, validation: l } = M(), [u, i] = k(null), m = (L = (I = l == null ? void 0 : l.string) == null ? void 0 : I.phoneOptions) == null ? void 0 : L.allowedCountryCodes, C = je(), p = B(() => ze(C, m), [
     C,
     m
   ]), d = B(() => p.map((x) => x.shortCountryCode), [
     p
-  ]), { currentValue: f, selectedCountryCode: y, handlePhoneChange: O, handleCountryCodeChange: S } = je({
+  ]), { currentValue: f, selectedCountryCode: y, handlePhoneChange: O, handleCountryCodeChange: S } = Ze({
     value: r,
     defaultCountryCode: c,
     allowedCountryCodes: d,
@@ -176,7 +176,7 @@ const le = /* @__PURE__ */ te(null), N = () => {
     }), F),
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, T)
   }));
-}, z = ({ children: e, className: n }) => {
+}, j = ({ 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 && H(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,
@@ -198,8 +198,8 @@ const le = /* @__PURE__ */ te(null), N = () => {
     className: n
   }, e);
 };
-z.Flag = Qe;
-z.EmptyState = We;
+j.Flag = Qe;
+j.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);
   return /* @__PURE__ */ t.createElement(ge, {
@@ -253,7 +253,7 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
   return a ? /* @__PURE__ */ t.createElement(Pe, {
     filter: (u, i, m) => {
       const C = r.find((p) => p.shortCountryCode === m.key);
-      return !!C && Ze(C, i);
+      return !!C && Ke(C, i);
     }
   }, a, l) : l;
 };
@@ -336,9 +336,9 @@ const tt = ({ className: e }) => {
       a.current || (a.current = !0, C == null || C());
     },
     onBlur: (L) => {
-      var K, Z;
+      var z, K;
       const x = L.relatedTarget;
-      !((K = r.current) != null && K.contains(x)) && !((Z = o.current) != null && Z.contains(x)) && (a.current = !1, d());
+      !((z = r.current) != null && z.contains(x)) && !((K = o.current) != null && K.contains(x)) && (a.current = !1, d());
     }
   };
   if (S.length === 1)
@@ -373,7 +373,7 @@ const tt = ({ className: e }) => {
 };
 s.Label = Re;
 s.Control = nt;
-s.CountryButton = z;
+s.CountryButton = j;
 s.CountryOptions = g;
 s.PhoneNumber = tt;
 s.Description = Fe;

package/dist/component/{phone-rac-DXLYlz5G.js → phone-rac-D16nLDjP.js}

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

package/dist/component/{product-list-rac-CGt4Gnj4.js → product-list-rac-DER8gVqy.js}

@@ -2,23 +2,23 @@ import t, { useMemo as z, useCallback as T, useRef as B } from "react";
 import { RicosViewer as G } from "@wix/ricos/viewer";
 import f from "classnames";
 import { CheckboxField as K, CheckboxButton as j, NumberField as J, Group as W, Button as U, Input as X } from "react-aria-components";
-import { ag as M, ad as Y, aa as Q, aq as Z, ai as ee } from "./form-D6A2hUbV.js";
-import { f as I, a as L } from "./find-child-C60k4CxG.js";
-import { L as te, g as ne } from "./field-label-headless-BKmi7Fjg.js";
+import { ah as M, ae as Y, ab as Q, ar as Z, aj as ee } from "./form-DzjdnO7t.js";
+import { f as b, a as L } from "./find-child-C60k4CxG.js";
+import { L as te, g as ne } from "./field-label-headless-DV4aNd5Y.js";
 import { f as ae } from "./format-currency-BwShJ9vM.js";
-import { D as oe, E as re } from "./field-error-headless-DP4WSQU3.js";
+import { D as oe, E as re } from "./field-error-headless-DTKnr5Zx.js";
 import { F as le } from "./fieldset-headless-CD3fds9J.js";
 import { g as ie } from "./payment-field-utils-DobiK5Xh.js";
 import { E as se } from "./error-icon-hZxQ6DEy.js";
-import { s as h } from "./field-rac.module-DtugsLiL.js";
+import { s as P } from "./field-rac.module-DtugsLiL.js";
 import { r as ce, H as ue, v as me, y as pe, x as de, w as Ee, q as ye, l as _e, h as fe } from "./form-element-classes-Bi-nNM8q.js";
 import { o as w } from "./options-rac.module-KM-VT_KY.js";
-var Ie = /* @__PURE__ */ (function(e) {
+var be = /* @__PURE__ */ (function(e) {
   return e.crop = "CROP", e.fit = "FIT", e;
 })({}), k = /* @__PURE__ */ (function(e) {
   return e.oneByOne = "one-by-one", e.onlyOne = "only-one", e.many = "many", e;
 })({});
-function be({ maxItems: e, products: o } = {}) {
+function Ie({ maxItems: e, products: o } = {}) {
   return e === 1 ? k.onlyOne : o != null && o.length && o.every((l) => {
     var n;
     return typeof ((n = l.quantityLimit) == null ? void 0 : n.maximum) > "u";
@@ -26,12 +26,12 @@ function be({ maxItems: e, products: o } = {}) {
 }
 const a = ({ children: e }) => {
   var D;
-  const { id: o, value: l, onChange: n, disabled: r, readOnly: c, required: E, onBlur: b, onFocus: i, hasError: u, validation: m, FieldLayout: p } = M(), { inputId: x, labelId: v, ariaDescribedBy: N } = Y(), y = I(e, a.Label), g = I(e, a.Options), q = I(e, a.Description), O = I(e, a.Error), s = z(() => l || [], [
+  const { id: o, value: l, onChange: n, disabled: r, readOnly: c, required: E, onBlur: I, onFocus: i, hasError: u, validation: m, FieldLayout: p } = M(), { inputId: x, labelId: v, ariaDescribedBy: N } = Y(), y = b(e, a.Label), g = b(e, a.Options), A = b(e, a.Description), O = b(e, a.Error), s = z(() => l || [], [
     l
-  ]), A = be((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = T((P, C) => {
-    const _ = s.filter(($) => $.productId !== P.productId), H = C ? [
+  ]), q = Ie((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = T((h, C) => {
+    const _ = s.filter(($) => $.productId !== h.productId), H = C ? [
       ..._,
-      P
+      h
     ] : _;
     n == null || n(H);
   }, [
@@ -46,35 +46,35 @@ const a = ({ children: e }) => {
       ariaLabelledBy: v,
       ariaDescribedBy: N,
       required: E,
-      onBlur: b,
+      onBlur: I,
       onFocus: i
     }, g ? L(g, {
-      allowMany: A,
+      allowMany: q,
       productValues: s,
       onProductChange: F,
       disabled: r,
       readOnly: c,
       hasError: u
     }) : null),
-    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, O, q)
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, O, A)
   });
 }, V = ({ children: e, className: o, ...l }) => {
-  const { allowMany: n, productValues: r, onProductChange: c, disabled: E, readOnly: b, hasError: i } = l, { options: u, validation: m, imageResize: p } = M(), { currency: x } = Q(), { t: v } = Z(), N = I(e, a.Option);
+  const { allowMany: n, productValues: r, onProductChange: c, disabled: E, readOnly: I, hasError: i } = l, { options: u, validation: m, imageResize: p } = M(), { currency: x } = Q(), { t: v } = Z(), N = b(e, a.Option);
   return /* @__PURE__ */ t.createElement("div", {
     className: o
   }, u == null ? void 0 : u.map((y, g) => {
-    var R, A, F, D, P;
-    const q = ((P = (D = (F = (A = (R = m == null ? void 0 : m.predefined) == null ? void 0 : R.paymentOptions) == null ? void 0 : A.products) == null ? void 0 : F.find((C) => C.id === y.value)) == null ? void 0 : D.fixedPriceOptions) == null ? void 0 : P.price) || "0", O = ie(v, x), s = r.find((C) => C.productId === y.value);
+    var R, q, F, D, h;
+    const A = ((h = (D = (F = (q = (R = m == null ? void 0 : m.predefined) == null ? void 0 : R.paymentOptions) == null ? void 0 : q.products) == null ? void 0 : F.find((C) => C.id === y.value)) == null ? void 0 : D.fixedPriceOptions) == null ? void 0 : h.price) || "0", O = ie(v, x), s = r.find((C) => C.productId === y.value);
     return L(N, {
       key: y.id || y.value || y.label,
       option: y,
-      price: q,
+      price: A,
       quantity: s == null ? void 0 : s.quantity,
       isSelected: !!s,
       allowMany: n,
       onProductChange: c,
       disabled: E,
-      readOnly: b,
+      readOnly: I,
       hasError: i,
       currencyAriaLabel: O,
       imageResize: p,
@@ -82,10 +82,10 @@ const a = ({ children: e }) => {
     });
   }));
 }, d = ({ children: e, className: o, ...l }) => {
-  const { option: n, price: r, quantity: c = 0, isSelected: E, allowMany: b, onProductChange: i, disabled: u, readOnly: m, hasError: p, currencyAriaLabel: x, imageResize: v, isFirst: N } = l, { id: y } = M(), g = B(null), q = B(null), O = I(e, d.Image), s = I(e, d.Label), R = I(e, d.Price), A = I(e, d.Input), F = I(e, d.Quantity);
+  const { option: n, price: r, quantity: c = 0, isSelected: E, allowMany: I, onProductChange: i, disabled: u, readOnly: m, hasError: p, currencyAriaLabel: x, imageResize: v, isFirst: N } = l, { id: y } = M(), g = B(null), A = B(null), O = b(e, d.Image), s = b(e, d.Label), R = b(e, d.Price), q = b(e, d.Input), F = b(e, d.Quantity);
   ee(() => {
     var _;
-    N && ((_ = g.current ?? q.current) == null || _.focus({
+    N && ((_ = g.current ?? A.current) == null || _.focus({
       preventScroll: !0
     }));
   }, y);
@@ -99,7 +99,7 @@ const a = ({ children: e }) => {
     i,
     n.value,
     r
-  ]), P = T((_) => {
+  ]), h = T((_) => {
     i({
       productId: n.value,
       price: r,
@@ -110,7 +110,7 @@ const a = ({ children: e }) => {
     n.value,
     r
   ]), C = `${n.label} ${x} ${r}`;
-  return b ? /* @__PURE__ */ t.createElement("div", {
+  return I ? /* @__PURE__ */ t.createElement("div", {
     className: o,
     "data-hook": "product"
   }, O ? L(O, {
@@ -122,12 +122,12 @@ const a = ({ children: e }) => {
     price: r
   }) : null, F ? L(F, {
     quantity: c,
-    onQuantityChange: P,
+    onQuantityChange: h,
     disabled: u,
     readOnly: m,
     hasError: p,
     ariaLabel: C,
-    inputRef: N ? q : void 0
+    inputRef: N ? A : void 0
   }) : null) : /* @__PURE__ */ t.createElement(K, {
     isSelected: E,
     onChange: D,
@@ -146,20 +146,20 @@ const a = ({ children: e }) => {
     label: n.label
   }) : null, R ? L(R, {
     price: r
-  }) : null, A));
+  }) : null, q));
 }, Le = ({ className: e, ...o }) => {
   var i;
   const { option: l, imageResize: n } = o, r = (i = l.media) == null ? void 0 : i.image;
   if (!r)
     return null;
-  const c = n === Ie.fit, E = ne(r, 96, 96, c ? "fit" : "fill");
+  const c = n === be.fit, E = ne(r, 96, 96, c ? "fit" : "fill");
   if (!E)
     return null;
-  const b = r.altText || l.label || "";
+  const I = r.altText || l.label || "";
   return /* @__PURE__ */ t.createElement("img", {
     className: e,
     src: E,
-    alt: b,
+    alt: I,
     "data-fit": c ? "contain" : "cover",
     "data-hook": "product-image"
   });
@@ -183,7 +183,7 @@ const a = ({ children: e }) => {
   "aria-hidden": "true",
   className: e
 }), ge = ({ className: e, ...o }) => {
-  const { quantity: l, onQuantityChange: n, disabled: r, readOnly: c, hasError: E, ariaLabel: b, inputRef: i } = o, u = T((p) => {
+  const { quantity: l, onQuantityChange: n, disabled: r, readOnly: c, hasError: E, ariaLabel: I, inputRef: i } = o, u = T((p) => {
     n(p < 0 ? 0 : p);
   }, [
     n
@@ -200,7 +200,7 @@ const a = ({ children: e }) => {
     isDisabled: r,
     isReadOnly: c,
     isInvalid: E,
-    "aria-label": b,
+    "aria-label": I,
     className: e,
     "data-hook": "product-quantity"
   }, /* @__PURE__ */ t.createElement(W, {
@@ -224,25 +224,25 @@ a.Options = V;
 a.Option = d;
 a.Description = oe;
 a.Error = re;
-const Fe = "_options_11x4v_1", De = "_option_11x4v_1", Pe = "_optionInput_11x4v_21", he = "_optionImage_11x4v_32", Se = "_optionLabel_11x4v_66", ve = "_optionPrice_11x4v_73", Ne = "_quantity_11x4v_87", S = {
+const Fe = "_options_11x4v_1", De = "_option_11x4v_1", he = "_optionInput_11x4v_21", Pe = "_optionImage_11x4v_32", Se = "_optionLabel_11x4v_66", ve = "_optionPrice_11x4v_73", Ne = "_quantity_11x4v_87", S = {
   options: Fe,
   option: De,
-  optionInput: Pe,
-  optionImage: he,
+  optionInput: he,
+  optionImage: Pe,
   optionLabel: Se,
   optionPrice: ve,
   quantity: Ne
-}, qe = ({ content: e, locale: o }) => /* @__PURE__ */ t.createElement(G, {
+}, Ae = ({ content: e, locale: o }) => /* @__PURE__ */ t.createElement(G, {
   content: e,
   locale: o
-}), Ae = () => /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
-  className: f(ce, h.label)
+}), qe = () => /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
+  className: f(ce, P.label)
 }, /* @__PURE__ */ t.createElement(a.Label.Required, {
-  className: f(ue, h.requiredMark)
+  className: f(ue, P.requiredMark)
 })), /* @__PURE__ */ t.createElement(a.Options, {
   className: f(me, w.options, S.options)
 }, /* @__PURE__ */ t.createElement(a.Option, {
-  className: f(h.checkbox, S.option)
+  className: f(P.checkbox, S.option)
 }, /* @__PURE__ */ t.createElement(a.Option.Image, {
   className: S.optionImage
 }), /* @__PURE__ */ t.createElement(a.Option.Label, {
@@ -250,14 +250,14 @@ const Fe = "_options_11x4v_1", De = "_option_11x4v_1", Pe = "_optionInput_11x4v_
 }), /* @__PURE__ */ t.createElement(a.Option.Price, {
   className: f(de, S.optionPrice)
 }), /* @__PURE__ */ t.createElement(a.Option.Input, {
-  className: f(Ee, h.checkboxInput, S.optionInput)
+  className: f(Ee, P.checkboxInput, S.optionInput)
 }), /* @__PURE__ */ t.createElement(a.Option.Quantity, {
-  className: f(ye, h.inputGroup, S.quantity)
+  className: f(ye, P.inputGroup, S.quantity)
 }))), /* @__PURE__ */ t.createElement(a.Error, {
-  className: f(_e, h.error)
+  className: f(_e, P.error)
 }, /* @__PURE__ */ t.createElement(se, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)), /* @__PURE__ */ t.createElement(a.Description, {
-  className: f(fe, h.description)
-}, qe)), Je = () => /* @__PURE__ */ t.createElement(Ae, null);
+  className: f(fe, P.description)
+}, Ae)), Je = () => /* @__PURE__ */ t.createElement(qe, null);
 export {
   Je as ProductListRAC
 };

package/dist/component/{quiz-radio-group-rac-DaStzNZZ.js → quiz-radio-group-rac-BgTmHHi4.js}

@@ -1,5 +1,5 @@
 import _ from "react";
-import { R } from "./radio-group-field-rac-D8NS7qDq.js";
+import { R } from "./radio-group-field-rac-Dt2pU0VV.js";
 import { B as o, A as r, z as O } from "./form-element-classes-Bi-nNM8q.js";
 const A = () => /* @__PURE__ */ _.createElement(R, {
   classes: {

package/dist/component/{radio-group-field-rac-D8NS7qDq.js → radio-group-field-rac-Dt2pU0VV.js}

@@ -1,7 +1,7 @@
 import { RicosViewer as s } from "@wix/ricos/viewer";
 import a from "classnames";
 import e from "react";
-import { R as t, s as r } from "./radio-group-field-rac.module-wK26tCZq.js";
+import { R as t, s as r } from "./radio-group-field-rac.module--sO0VqCA.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
 import { s as l } from "./field-rac.module-DtugsLiL.js";
 import { r as c, H as i, E, D as _, C as R, q as p, l as O, h as I } from "./form-element-classes-Bi-nNM8q.js";