@wix/form-elements 1.64.0 → 1.65.0

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

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

package/dist/component/{password-rac-ClDGgR3E.js → password-rac-BZPK1VkN.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 p, af as I, ak as x, as as A } from "./form-9yjqDnxY.js";
+import { ai as p, af as I, ak as x, as as A } from "./form-CtWkUmxc.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-DrnFrGun.js";
-import { L as q } from "./field-label-headless-BIYf1BIh.js";
+import { D as M, E as k } from "./field-error-headless-D6iejMQP.js";
+import { L as q } from "./field-label-headless-BWLfU3YB.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-CWkwwhq4.js";
-import { t as H, J as W, s as Z, n as G, j as J } from "./form-element-classes-KRzHUNLu.js";
+import { s as u } from "./field-rac.module-DnUIb9Oh.js";
+import { z as H, P as W, y as Z, q as z, j as G } from "./form-element-classes-BSMjWijd.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] = 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, {
@@ -57,7 +57,7 @@ const t = ({ children: r, className: o }) => {
     className: r,
     placeholder: c
   });
-}, z = ({ className: r, showPasswordTooltipText: o, hidePasswordTooltipText: i, children: s, ...c }) => {
+}, 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(v, {
     type: "button",
@@ -73,7 +73,7 @@ const t = ({ children: r, className: o }) => {
 t.Label = q;
 t.Control = Q;
 t.Input = $;
-t.Toggle = z;
+t.Toggle = J;
 t.Description = M;
 t.Error = k;
 const K = (r) => /* @__PURE__ */ e.createElement("svg", {
@@ -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(G, 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(J, u.description)
+    className: d(G, u.description)
   }, te));
 }, ge = () => /* @__PURE__ */ e.createElement(re, null);
 export {

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

@@ -1,17 +1,17 @@
-import r, { useCallback as V, useRef as J } from "react";
+import r, { useCallback as V, useRef as z } from "react";
 import { RicosViewer as Q } from "@wix/ricos/viewer";
 import i from "classnames";
-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 { 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-CtWkUmxc.js";
 import { f as m } from "./find-child-C60k4CxG.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 { D as Y, E as Z } from "./field-error-headless-D6iejMQP.js";
+import { L as ee } from "./field-label-headless-BWLfU3YB.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-CWkwwhq4.js";
-import { t as se, J as oe, s as le, n as ce, j as ie } from "./form-element-classes-KRzHUNLu.js";
+import { s as u } from "./field-rac.module-DnUIb9Oh.js";
+import { z as se, P as oe, y as le, q as ce, j as ie } from "./form-element-classes-BSMjWijd.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
@@ -76,7 +76,7 @@ const n = ({ children: e }) => {
   });
 }, 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, {
+  return /* @__PURE__ */ r.createElement(J, {
     className: t,
     isDisabled: a,
     isInvalid: s
@@ -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 = z(null);
   return X(() => {
     var E;
     (E = o.current) == null || E.focus();

package/dist/component/{phone-input-field-rac-DYCibqe1.js → phone-input-field-rac-DzUE1-RF.js}

@@ -1,22 +1,22 @@
 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-9yjqDnxY.js";
+import t, { useMemo as B, useState as q, useRef as P, useEffect as w, useCallback as Z, createContext as te, useContext as V } 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-CtWkUmxc.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-DrnFrGun.js";
-import { L as Re } from "./field-label-headless-BIYf1BIh.js";
+import { D as Fe, E as De } from "./field-error-headless-D6iejMQP.js";
+import { L as Re } from "./field-label-headless-BWLfU3YB.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";
 import "libphonenumber-js/metadata.min.json";
-import { C as Q } from "./calling-country-codes-PyWuOTmF.js";
+import { C as W } from "./calling-country-codes-PyWuOTmF.js";
 import { C as we } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as Ue } from "./error-icon-hZxQ6DEy.js";
-import { H as W } from "./custom-focus-class-_483Pkwp.js";
-import { s as _ } from "./field-rac.module-CWkwwhq4.js";
-import { t as ke, J as Ve, s as qe, w as Ge, n as He, j as Ye } from "./form-element-classes-KRzHUNLu.js";
+import { H as J } from "./custom-focus-class-_483Pkwp.js";
+import { s as _ } from "./field-rac.module-DnUIb9Oh.js";
+import { z as ke, P as qe, y as Ve, C as ze, q as Ge, j as He } from "./form-element-classes-BSMjWijd.js";
 function X(e) {
   const n = e ? se(e) : void 0, r = n == null ? void 0 : n.country;
   if (r)
@@ -24,7 +24,7 @@ function X(e) {
   const o = new $e();
   return e && o.input(e), o.getCountry();
 }
-function G(e) {
+function z(e) {
   var n;
   return e && ((n = Ee.getCountryByKey(e)) == null ? void 0 : n.dialCode);
 }
@@ -41,10 +41,10 @@ function ee(e, n) {
     }
   return e;
 }
-function je() {
-  const { t: e } = P(), { language: n } = ne();
-  return B(() => Object.keys(Q).reduce((o, a) => {
-    const c = Q[a], l = G(c), u = e(`locale-dataset.countries.${c.toUpperCase()}`);
+function Ye() {
+  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({
       countryName: u,
       longCountryCode: c,
@@ -56,7 +56,7 @@ function je() {
     n
   ]);
 }
-function ze(e, n) {
+function je(e, n) {
   return e.filter((r) => n && n.length > 0 ? n.includes(r.shortCountryCode) : !0);
 }
 function Ke(e, n) {
@@ -67,7 +67,7 @@ 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);
+  const [a, c] = q(e || ""), l = P(U(e ?? null) ?? ""), [u, i] = q(n);
   fe(() => {
     c(""), l.current = "", i(n), o("");
   });
@@ -119,16 +119,16 @@ function Ze({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange:
   };
 }
 const le = /* @__PURE__ */ te(null), N = () => {
-  const e = q(le);
+  const e = V(le);
   if (!e)
     throw new Error("Phone input components must be used within PhoneInput component");
   return e;
-}, ue = /* @__PURE__ */ te(null), H = () => {
-  const e = q(ue);
+}, ue = /* @__PURE__ */ te(null), G = () => {
+  const e = V(ue);
   if (!e)
     throw new Error("Option sub-components must be used within Option component");
   return e;
-}, Y = ({ longCountryCode: e, className: n }) => {
+}, H = ({ longCountryCode: e, className: n }) => {
   function r(c, l) {
     const u = "https://static.parastorage.com/services/linguist-flags/1.1005.0/assets/flags/square/", m = `${c}${l === "2x" ? "_2x" : ""}.png`;
     return `${u}${m}`;
@@ -144,7 +144,7 @@ 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] = V(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), [
+  const { id: n, value: r, onChange: o, FieldLayout: a, defaultCountry: c, validation: l } = M(), [u, i] = q(null), m = (L = (I = l == null ? void 0 : l.string) == null ? void 0 : I.phoneOptions) == null ? void 0 : L.allowedCountryCodes, C = Ye(), p = B(() => je(C, m), [
     C,
     m
   ]), d = B(() => p.map((x) => x.shortCountryCode), [
@@ -176,8 +176,8 @@ const le = /* @__PURE__ */ te(null), N = () => {
     }), F),
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, T)
   }));
-}, 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 && G(p.longCountryCode) || "", f = u("field.phone.country-code.aria-label"), y = p ? `${f}, ${p.countryName}, ${d}` : f;
+}, Y = ({ children: e, className: n }) => {
+  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,20 +186,20 @@ 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(Y, {
+  return o ? /* @__PURE__ */ t.createElement(H, {
     className: e,
     longCountryCode: o.longCountryCode
   }) : null;
-}, Qe = ({ children: e, className: n }) => {
+}, We = ({ children: e, className: n }) => {
   const { selectedCountryCode: r, countries: o } = N();
   return o.some((c) => c.shortCountryCode === r) ? null : /* @__PURE__ */ t.createElement("span", {
     className: n
   }, e);
 };
-j.Flag = Je;
-j.EmptyState = Qe;
+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);
   return /* @__PURE__ */ t.createElement(ge, {
@@ -214,8 +214,8 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
   }, m ? /* @__PURE__ */ t.createElement(re, {
     "aria-label": r
   }, C) : C));
-}, We = ({ children: e, className: n, overlayClassName: r, "aria-label": o, portalContainer: a = t.Fragment, ...c }) => {
-  const { optionsRef: l } = c, { selectedCountryCode: u, handleCountryCodeChange: i } = N(), m = q(be);
+}, Je = ({ children: e, className: n, overlayClassName: r, "aria-label": o, portalContainer: a = t.Fragment, ...c }) => {
+  const { optionsRef: l } = c, { selectedCountryCode: u, handleCountryCodeChange: i } = N(), m = V(be);
   return /* @__PURE__ */ t.createElement(_e, {
     className: r,
     isDismissable: !0
@@ -237,11 +237,11 @@ 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) => {
-    const i = G(u.longCountryCode) || "";
+    const i = z(u.longCountryCode) || "";
     return ce(o, {
       key: u.shortCountryCode,
       countryCode: u.shortCountryCode,
@@ -250,7 +250,7 @@ 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 && Ke(C, i);
@@ -258,7 +258,7 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
   }, a, l) : l;
 };
 g.Popover = g;
-g.Modal = We;
+g.Modal = Je;
 const me = ({ className: e, children: n, "aria-label": r }) => /* @__PURE__ */ t.createElement(Oe, {
   className: e,
   "aria-label": r,
@@ -288,18 +288,18 @@ const $ = ({ children: e, className: n, ...r }) => {
     value: u
   }, i));
 }, Ce = ({ className: e }) => {
-  const { longCountryCode: n } = H();
-  return /* @__PURE__ */ t.createElement(Y, {
+  const { longCountryCode: n } = G();
+  return /* @__PURE__ */ t.createElement(H, {
     className: e,
     longCountryCode: n
   });
 }, de = ({ className: e }) => {
-  const { countryName: n } = H();
+  const { countryName: n } = G();
   return /* @__PURE__ */ t.createElement("span", {
     className: e
   }, n);
 }, pe = ({ className: e }) => {
-  const { dialingCode: n } = H();
+  const { dialingCode: n } = G();
   return /* @__PURE__ */ t.createElement("span", {
     className: e
   }, n);
@@ -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,31 +331,31 @@ 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 z, K;
+      var j, K;
       const x = L.relatedTarget;
-      !((z = r.current) != null && z.contains(x)) && !((K = o.current) != null && K.contains(x)) && (a.current = !1, d());
+      !((j = r.current) != null && j.contains(x)) && !((K = o.current) != null && K.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,
       isInvalid: i,
       ...R
-    }, m && /* @__PURE__ */ t.createElement(Y, {
+    }, m && /* @__PURE__ */ t.createElement(H, {
       longCountryCode: S[0].longCountryCode
     }), D);
   const I = /* @__PURE__ */ t.createElement(t.Fragment, null, A, ce(T, {
     triggerRef: r,
     optionsRef: o
   }));
-  return /* @__PURE__ */ t.createElement(J, {
+  return /* @__PURE__ */ t.createElement(Q, {
     ref: r,
     className: n,
     isDisabled: c,
@@ -373,7 +373,7 @@ const tt = ({ className: e }) => {
 };
 s.Label = Re;
 s.Control = nt;
-s.CountryButton = j;
+s.CountryButton = Y;
 s.CountryOptions = g;
 s.PhoneNumber = tt;
 s.Description = Fe;
@@ -420,17 +420,17 @@ const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
 }), _t = () => /* @__PURE__ */ t.createElement("span", {
   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, {
+}, /* @__PURE__ */ t.createElement(we, null)), qt = () => {
+  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, {
     className: E.searchIcon
   }), /* @__PURE__ */ t.createElement(s.CountryOptions.Search.Input, {
-    className: b(E.countrySearch, W),
+    className: b(E.countrySearch, J),
     placeholder: e("field.phone.country-search-input.placeholder")
   })), a = /* @__PURE__ */ t.createElement(s.CountryOptions.EmptyState, null, e("field.phone.country-selector-dropdown.no-result")), c = /* @__PURE__ */ t.createElement(s.CountryOptions.Option, {
-    className: b(_.selectOption, _.selectOptionWithoutFocusRing, E.option, W)
+    className: b(_.selectOption, _.selectOptionWithoutFocusRing, E.option, J)
   }, /* @__PURE__ */ t.createElement(s.CountryOptions.Option.Flag, {
     className: E.flag
   }), /* @__PURE__ */ t.createElement(s.CountryOptions.Option.Name, {
@@ -441,9 +441,9 @@ const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
   return /* @__PURE__ */ t.createElement(s, null, /* @__PURE__ */ t.createElement(s.Label, {
     className: b(ke, _.label)
   }, /* @__PURE__ */ t.createElement(s.Label.Required, {
-    className: b(Ve, _.requiredMark)
+    className: b(qe, _.requiredMark)
   })), /* @__PURE__ */ t.createElement(s.Control, {
-    className: b(qe, _.input, E.control)
+    className: b(Ve, _.input, E.control)
   }, /* @__PURE__ */ t.createElement(s.CountryButton, {
     className: E.countryButton
   }, /* @__PURE__ */ t.createElement(s.CountryButton.Flag, {
@@ -458,16 +458,16 @@ const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
     portalContainer: r,
     "aria-label": e("field.phone.country-code.aria-label")
   }, o, a, c) : /* @__PURE__ */ t.createElement(s.CountryOptions.Popover, {
-    className: b(Ge, _.selectPopover, E.countryOptions),
+    className: b(ze, _.selectPopover, E.countryOptions),
     placement: "bottom start",
     offset: 0,
     "aria-label": e("field.phone.country-code.aria-label")
   }, o, a, c)), /* @__PURE__ */ t.createElement(s.Error, {
-    className: b(He, _.error)
+    className: b(Ge, _.error)
   }, /* @__PURE__ */ t.createElement(Ue, null), /* @__PURE__ */ t.createElement(s.Error.Text, null)), /* @__PURE__ */ t.createElement(s.Description, {
-    className: b(Ye, _.description)
+    className: b(He, _.description)
   }, bt));
 };
 export {
-  Vt as P
+  qt as P
 };

package/dist/component/{phone-rac-BS-dmWkJ.js → phone-rac-BovOZ7V5.js}

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

package/dist/component/{product-list-rac-hxOhaA-r.js → product-list-rac-CeGm1_WN.js}

@@ -1,17 +1,17 @@
-import t, { useMemo as G, useCallback as q, useRef as B } from "react";
-import { RicosViewer as H } from "@wix/ricos/viewer";
+import t, { useMemo as H, useCallback as x, useRef as B } from "react";
+import { RicosViewer as $ } from "@wix/ricos/viewer";
 import _ 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 { ai as M, af as Y, ab as w, as as Z, ak as ee } from "./form-9yjqDnxY.js";
+import { ai as M, af as Y, ab as w, as as Z, ak as ee } from "./form-CtWkUmxc.js";
 import { f as b, a as L } from "./find-child-C60k4CxG.js";
-import { L as te, g as ne } from "./field-label-headless-BIYf1BIh.js";
+import { L as te, g as ne } from "./field-label-headless-BWLfU3YB.js";
 import { f as ae } from "./format-currency-BwShJ9vM.js";
-import { D as oe, E as re } from "./field-error-headless-DrnFrGun.js";
+import { D as oe, E as re } from "./field-error-headless-D6iejMQP.js";
 import { F as ie } from "./fieldset-headless-CD3fds9J.js";
 import { g as le } from "./payment-field-utils-DobiK5Xh.js";
 import { E as se } from "./error-icon-hZxQ6DEy.js";
-import { s as S } from "./field-rac.module-CWkwwhq4.js";
-import { t as ce, J as ue, x as me, A as pe, z as de, y as Ee, s as ye, n as fe, j as _e } from "./form-element-classes-KRzHUNLu.js";
+import { s as S } from "./field-rac.module-DnUIb9Oh.js";
+import { z as ce, P as ue, D as me, H as pe, G as de, E as Ee, y as ye, q as fe, j as _e } from "./form-element-classes-BSMjWijd.js";
 import { o as Q } from "./options-rac.module-KM-VT_KY.js";
 var be = /* @__PURE__ */ (function(e) {
   return e.crop = "CROP", e.fit = "FIT", e;
@@ -26,10 +26,10 @@ function Ie({ maxItems: e, products: o } = {}) {
 }
 const a = ({ children: e }) => {
   var D;
-  const { id: o, value: i, onChange: n, disabled: r, readOnly: c, required: E, onBlur: I, onFocus: l, hasError: u, validation: m, FieldLayout: p } = M(), { inputId: T, 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 = G(() => i || [], [
+  const { id: o, value: i, onChange: n, disabled: r, readOnly: c, required: E, onBlur: I, onFocus: l, hasError: u, validation: m, FieldLayout: p } = M(), { inputId: T, 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 = H(() => i || [], [
     i
-  ]), x = Ie((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = q((P, C) => {
-    const f = s.filter(($) => $.productId !== P.productId), z = C ? [
+  ]), q = Ie((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = x((P, C) => {
+    const f = s.filter((G) => G.productId !== P.productId), z = C ? [
       ...f,
       P
     ] : f;
@@ -49,7 +49,7 @@ const a = ({ children: e }) => {
       onBlur: I,
       onFocus: l
     }, g ? L(g, {
-      allowMany: x,
+      allowMany: q,
       productValues: s,
       onProductChange: F,
       disabled: r,
@@ -63,8 +63,8 @@ const a = ({ children: e }) => {
   return /* @__PURE__ */ t.createElement("div", {
     className: o
   }, u == null ? void 0 : u.map((y, g) => {
-    var R, x, F, D, P;
-    const A = ((P = (D = (F = (x = (R = m == null ? void 0 : m.predefined) == null ? void 0 : R.paymentOptions) == null ? void 0 : x.products) == null ? void 0 : F.find((C) => C.id === y.value)) == null ? void 0 : D.fixedPriceOptions) == null ? void 0 : P.price) || "0", O = le(v, T), s = r.find((C) => C.productId === y.value);
+    var R, q, F, D, P;
+    const A = ((P = (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 : P.price) || "0", O = le(v, T), s = r.find((C) => C.productId === y.value);
     return L(N, {
       key: y.id || y.value || y.label,
       option: y,
@@ -82,14 +82,14 @@ const a = ({ children: e }) => {
     });
   }));
 }, d = ({ children: e, className: o, ...i }) => {
-  const { option: n, price: r, quantity: c = 0, isSelected: E, allowMany: I, onProductChange: l, disabled: u, readOnly: m, hasError: p, currencyAriaLabel: T, imageResize: v, isFirst: N } = i, { id: y } = M(), g = B(null), A = B(null), O = b(e, d.Image), s = b(e, d.Label), R = b(e, d.Price), x = b(e, d.Input), F = b(e, d.Quantity);
+  const { option: n, price: r, quantity: c = 0, isSelected: E, allowMany: I, onProductChange: l, disabled: u, readOnly: m, hasError: p, currencyAriaLabel: T, imageResize: v, isFirst: N } = i, { 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 f;
     N && ((f = g.current ?? A.current) == null || f.focus({
       preventScroll: !0
     }));
   }, y);
-  const D = q((f) => {
+  const D = x((f) => {
     l({
       productId: n.value,
       price: r,
@@ -99,7 +99,7 @@ const a = ({ children: e }) => {
     l,
     n.value,
     r
-  ]), P = q((f) => {
+  ]), P = x((f) => {
     l({
       productId: n.value,
       price: r,
@@ -146,7 +146,7 @@ const a = ({ children: e }) => {
     label: n.label
   }) : null, R ? L(R, {
     price: r
-  }) : null, x));
+  }) : null, q));
 }, Le = ({ className: e, ...o }) => {
   var l;
   const { option: i, imageResize: n } = o, r = (l = i.media) == null ? void 0 : l.image;
@@ -183,11 +183,11 @@ const a = ({ children: e }) => {
   "aria-hidden": "true",
   className: e
 }), ge = ({ className: e, ...o }) => {
-  const { quantity: i, onQuantityChange: n, disabled: r, readOnly: c, hasError: E, ariaLabel: I, inputRef: l } = o, u = q((p) => {
+  const { quantity: i, onQuantityChange: n, disabled: r, readOnly: c, hasError: E, ariaLabel: I, inputRef: l } = o, u = x((p) => {
     n(p < 0 ? 0 : p);
   }, [
     n
-  ]), m = q((p) => {
+  ]), m = x((p) => {
     p.key === "Home" && (p.preventDefault(), u(0));
   }, [
     u
@@ -232,10 +232,10 @@ const Fe = "_options_11x4v_1", De = "_option_11x4v_1", Pe = "_optionInput_11x4v_
   optionLabel: he,
   optionPrice: ve,
   quantity: Ne
-}, Ae = ({ content: e, locale: o }) => /* @__PURE__ */ t.createElement(H, {
+}, Ae = ({ content: e, locale: o }) => /* @__PURE__ */ t.createElement($, {
   content: e,
   locale: o
-}), xe = () => /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
+}), qe = () => /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
   className: _(ce, S.label)
 }, /* @__PURE__ */ t.createElement(a.Label.Required, {
   className: _(ue, S.requiredMark)
@@ -257,7 +257,7 @@ const Fe = "_options_11x4v_1", De = "_option_11x4v_1", Pe = "_optionInput_11x4v_
   className: _(fe, S.error)
 }, /* @__PURE__ */ t.createElement(se, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)), /* @__PURE__ */ t.createElement(a.Description, {
   className: _(_e, S.description)
-}, Ae)), Je = () => /* @__PURE__ */ t.createElement(xe, null);
+}, Ae)), Je = () => /* @__PURE__ */ t.createElement(qe, null);
 export {
   Je as ProductListRAC
 };

package/dist/component/quiz-radio-group-rac-Lw2thQqC.js

@@ -0,0 +1,13 @@
+import _ from "react";
+import { R } from "./radio-group-field-rac-BSVmjEgZ.js";
+import { K as o, J as r, I as O } from "./form-element-classes-BSMjWijd.js";
+const t = () => /* @__PURE__ */ _.createElement(R, {
+  classes: {
+    container: O,
+    label: r,
+    control: o
+  }
+});
+export {
+  t as QuizRadioGroupRAC
+};

package/dist/component/{radio-group-field-rac-DKqWnMBJ.js → radio-group-field-rac-BSVmjEgZ.js}

@@ -1,14 +1,14 @@
 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-BwUynK_5.js";
+import { R as t, s as r } from "./radio-group-field-rac.module-Cb3mm0f2.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
-import { s as l } from "./field-rac.module-CWkwwhq4.js";
-import { t as c, J as i, H as E, G as _, E as R, s as p, n as O, j as I } from "./form-element-classes-KRzHUNLu.js";
-const L = ({ content: o, locale: n }) => /* @__PURE__ */ e.createElement(s, {
+import { s as l } from "./field-rac.module-DnUIb9Oh.js";
+import { z as c, P as i, N as E, M as _, L as R, y as p, q as O, j as L } from "./form-element-classes-BSMjWijd.js";
+const I = ({ content: o, locale: n }) => /* @__PURE__ */ e.createElement(s, {
   content: o,
   locale: n
-}), b = ({ classes: o = {
+}), M = ({ classes: o = {
   container: R,
   label: _,
   control: E
@@ -33,8 +33,8 @@ const L = ({ content: o, locale: n }) => /* @__PURE__ */ e.createElement(s, {
 }))), /* @__PURE__ */ e.createElement(t.Error, {
   className: a(O, l.error)
 }, /* @__PURE__ */ e.createElement(m, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-  className: a(I, l.description)
-}, L));
+  className: a(L, l.description)
+}, I));
 export {
-  b as R
+  M as R
 };

package/dist/component/{radio-group-field-rac.module-BwUynK_5.js → radio-group-field-rac.module-Cb3mm0f2.js}

@@ -1,9 +1,9 @@
 import s, { useRef as y, useState as V, useEffect as S, useCallback as B } from "react";
 import { RadioGroup as T, RadioField as k, RadioButton as G, TextField as M, Input as P } from "react-aria-components";
-import { ai as C, af as $, as as F, ab as q, ak as x } from "./form-9yjqDnxY.js";
+import { ai as C, af as $, as as F, ab as q, ak as x } from "./form-CtWkUmxc.js";
 import { f as d, a as g } from "./find-child-C60k4CxG.js";
-import { D as U, E as A } from "./field-error-headless-DrnFrGun.js";
-import { L as H } from "./field-label-headless-BIYf1BIh.js";
+import { D as U, E as A } from "./field-error-headless-D6iejMQP.js";
+import { L as H } from "./field-label-headless-BWLfU3YB.js";
 import { N as j } from "./options-layout-constants-DEfIEJWD.js";
 const L = "Other", w = (e, t) => e == null ? void 0 : e.find((o) => (o.value ?? o.label) === t), R = (e, t) => !!t && !w(e, t), z = (e, t) => {
   const a = t ? t.length + 2 : 0;

package/dist/component/{radio-group-rac-DHURQZKK.js → radio-group-rac-BHhOCSQ2.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { R as r } from "./radio-group-field-rac-DKqWnMBJ.js";
+import { R as r } from "./radio-group-field-rac-BSVmjEgZ.js";
 const R = () => /* @__PURE__ */ o.createElement(r, null);
 export {
   R as RadioGroupRAC