@wix/form-elements 1.74.0 → 1.76.0

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

@@ -1,19 +1,19 @@
 import { RicosViewer as v } from "@wix/ricos/viewer";
 import m from "classnames";
-import r, { useState as U, useCallback as j, useEffect as z, useRef as Q } from "react";
-import { NumberField as $, Input as G } from "react-aria-components";
-import { ai as C, af as S, as as H, ak as J } from "./form-C6WwBcGP.js";
+import r, { useState as Q, useCallback as U, useEffect as z, 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 { f as d } from "./find-child-C60k4CxG.js";
-import { D as K, E as W } from "./field-error-headless-DQZ5XAdn.js";
-import { L as X } from "./field-label-headless-DoxfHHaj.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 { 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-Cac83bU5.js";
-import { z as re, R as te, y as ne, q as ae, j as se } from "./form-element-classes-DDKCTFQj.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";
 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, q = (R = t == null ? void 0 : t.number) == null ? void 0 : R.minimum, M = _(s), [T, I] = U(M), V = w(b), g = d(n, e.Label), h = d(n, e.Input), k = d(n, e.Description), x = d(n, e.Error), B = j((N) => {
+  const { id: a, value: s, onChange: l, disabled: p, required: E, readOnly: o, onBlur: b, onFocus: f, FieldLayout: u, hasError: c, validation: t } = C(), { labelId: 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) => {
     if (N === void 0 || Number.isNaN(N)) {
       l(""), I(NaN);
       return;
@@ -30,27 +30,27 @@ const e = ({ children: n }) => {
     s
   ]), /* @__PURE__ */ r.createElement(u, {
     fieldId: a,
-    renderLabel: () => g,
-    renderInput: () => /* @__PURE__ */ r.createElement($, {
+    renderLabel: () => h,
+    renderInput: () => /* @__PURE__ */ r.createElement(j, {
       "aria-labelledby": y,
-      value: T,
+      value: V,
       onChange: B,
       isDisabled: p,
       isRequired: E,
       isReadOnly: o,
       isInvalid: c,
-      onBlur: V,
+      onBlur: g,
       onFocus: f,
-      minValue: q ?? void 0,
+      minValue: M ?? void 0,
       maxValue: A ?? void 0
-    }, h),
-    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, x, k)
+    }, k),
+    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, x, q)
   });
 }, le = ({ className: n }) => {
   var c;
   const { t: a } = H(), { inputId: s, ariaDescribedBy: l } = S(), { id: p, placeholder: E, validation: o, label: b, required: f } = C();
   (c = o == null ? void 0 : o.number) != null && c.multipleOf;
-  const u = Q(null);
+  const u = $(null);
   return J(() => {
     var t;
     (t = u.current) == null || t.focus();

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

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

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

@@ -1,22 +1,22 @@
 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-C6WwBcGP.js";
+import { ai as E, af as I, ak as x, as as A } from "./form-BpHElSwH.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-DQZ5XAdn.js";
-import { L as q } from "./field-label-headless-DoxfHHaj.js";
+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 { 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-Cac83bU5.js";
-import { z as H, R as W, y as Z, q as z, j as G } from "./form-element-classes-DDKCTFQj.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";
 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: R } = I(), [C, F] = h(!1), L = 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 } = 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, {
     fieldId: i,
-    renderLabel: () => L,
+    renderLabel: () => R,
     renderInput: () => /* @__PURE__ */ e.createElement(B, {
-      "aria-labelledby": R,
+      "aria-labelledby": C,
       value: s ?? "",
       onChange: c,
       isDisabled: l,
@@ -27,13 +27,13 @@ const t = ({ children: r, className: o }) => {
       onFocus: _,
       className: o
     }, g(D, {
-      isVisible: C,
-      onToggleVisibility: () => F((w) => !w)
+      isVisible: F,
+      onToggleVisibility: () => L((w) => !w)
     })),
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, T, S)
   });
-}, Q = ({ children: r, className: o, ...i }) => {
-  const { isVisible: s, onToggleVisibility: c } = i, { disabled: l, hasError: m } = p(), n = E(r, t.Input), a = E(r, t.Toggle);
+}, G = ({ 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,
     isDisabled: l,
@@ -45,7 +45,7 @@ const t = ({ children: r, className: o }) => {
     onToggleVisibility: c
   }));
 }, $ = ({ className: r, ...o }) => {
-  const { isVisible: i } = o, { id: s, placeholder: c } = p(), { inputId: l, ariaDescribedBy: m } = I(), n = N(null);
+  const { isVisible: i } = o, { id: s, placeholder: c } = E(), { inputId: l, ariaDescribedBy: m } = I(), n = N(null);
   return x(() => {
     var a;
     (a = n.current) == null || a.focus();
@@ -58,7 +58,7 @@ const t = ({ children: r, className: o }) => {
     placeholder: c
   });
 }, J = ({ className: r, showPasswordTooltipText: o, hidePasswordTooltipText: i, children: s, ...c }) => {
-  const { isVisible: l, onToggleVisibility: m } = c, { disabled: n } = p(), a = l ? i : o;
+  const { isVisible: l, onToggleVisibility: m } = c, { disabled: n } = E(), a = l ? i : o;
   return /* @__PURE__ */ e.createElement(v, {
     type: "button",
     isDisabled: n,
@@ -71,7 +71,7 @@ const t = ({ children: r, className: o }) => {
   }));
 };
 t.Label = q;
-t.Control = Q;
+t.Control = G;
 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(W, u.requiredMark)
+    className: d(Q, u.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Control, {
-    className: d(Z, u.input, b.control)
+    className: d(W, 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(G, u.description)
+    className: d(z, u.description)
   }, te));
 }, ge = () => /* @__PURE__ */ e.createElement(re, null);
 export {

package/dist/component/{payment-input-rac-D4u-3vcW.js → payment-input-rac-DmO4s4ue.js}

@@ -1,17 +1,17 @@
 import r, { useCallback as V, useRef as z } from "react";
-import { RicosViewer as Q } from "@wix/ricos/viewer";
+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-C6WwBcGP.js";
+import { ai as D, af as S, ab as x, as as W, ak as X } from "./form-BpHElSwH.js";
 import { f as m } from "./find-child-C60k4CxG.js";
-import { D as Y, E as Z } from "./field-error-headless-DQZ5XAdn.js";
-import { L as ee } from "./field-label-headless-DoxfHHaj.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 { 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-Cac83bU5.js";
-import { z as se, R as oe, y as le, q as ce, j as ie } from "./form-element-classes-DDKCTFQj.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";
 function ue(e, t) {
   return {
     productId: e.id,
@@ -41,8 +41,8 @@ const n = ({ children: e }) => {
     I
   ]), U = V((l) => {
     I(l);
-    const L = h(R(l, c)), j = h(C);
-    if (L !== j) {
+    const L = h(R(l, c)), Q = h(C);
+    if (L !== Q) {
       if (L === void 0) {
         s(null);
         return;
@@ -114,7 +114,7 @@ n.Error = Z;
 const de = "_inputGroup_vuy4u_1", fe = "_currency_vuy4u_14", T = {
   inputGroup: de,
   currency: fe
-}, Ee = ({ content: e, locale: t }) => /* @__PURE__ */ r.createElement(Q, {
+}, Ee = ({ content: e, locale: t }) => /* @__PURE__ */ r.createElement(j, {
   content: e,
   locale: t
 }), Ie = () => /* @__PURE__ */ r.createElement(n, null, /* @__PURE__ */ r.createElement(n.Label, {

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

@@ -1,12 +1,12 @@
 import { RicosViewer as ye } from "@wix/ricos/viewer";
 import b from "classnames";
-import t, { useMemo as B, useState as q, useRef as v, useEffect as w, useCallback as Z, createContext as te, useContext as V } 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-C6WwBcGP.js";
+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 { 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 { 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 { f as h, a as ce } from "./find-child-C60k4CxG.js";
-import { D as Fe, E as De } from "./field-error-headless-DQZ5XAdn.js";
-import { L as Re } from "./field-label-headless-DoxfHHaj.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 { 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";
@@ -15,8 +15,8 @@ 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 J } from "./custom-focus-class-_483Pkwp.js";
-import { s as _ } from "./field-rac.module-Cac83bU5.js";
-import { z as ke, R as qe, y as Ve, C as ze, q as Ge, j as He } from "./form-element-classes-DDKCTFQj.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";
 function X(e) {
   const n = e ? se(e) : void 0, r = n == null ? void 0 : n.country;
   if (r)
@@ -56,10 +56,10 @@ function Ye() {
     n
   ]);
 }
-function je(e, n) {
+function Ke(e, n) {
   return e.filter((r) => n && n.length > 0 ? n.includes(r.shortCountryCode) : !0);
 }
-function Ke(e, n) {
+function Qe(e, n) {
   const { countryName: r, callingCode: o, shortCountryCode: a } = e;
   return !!(k(r, n) || k(o, n) || k(a, 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] = q(e || ""), l = v(U(e ?? null) ?? ""), [u, i] = q(n);
+  const [a, c] = V(e || ""), l = v(U(e ?? null) ?? ""), [u, i] = V(n);
   fe(() => {
     c(""), l.current = "", i(n), o("");
   });
@@ -119,12 +119,12 @@ function Ze({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange:
   };
 }
 const le = /* @__PURE__ */ te(null), N = () => {
-  const e = V(le);
+  const e = q(le);
   if (!e)
     throw new Error("Phone input components must be used within PhoneInput component");
   return e;
 }, ue = /* @__PURE__ */ te(null), G = () => {
-  const e = V(ue);
+  const e = q(ue);
   if (!e)
     throw new Error("Option sub-components must be used within Option component");
   return e;
@@ -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] = 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), [
+  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 = Ye(), p = B(() => Ke(C, m), [
     C,
     m
   ]), d = B(() => p.map((x) => x.shortCountryCode), [
@@ -186,7 +186,7 @@ const le = /* @__PURE__ */ te(null), N = () => {
     className: n,
     "data-invalid": a || void 0
   }, e);
-}, Qe = ({ className: e }) => {
+}, je = ({ 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 = Qe;
+Y.Flag = je;
 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);
@@ -215,7 +215,7 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
     "aria-label": r
   }, C) : C));
 }, 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);
+  const { optionsRef: l } = c, { selectedCountryCode: u, handleCountryCodeChange: i } = N(), m = q(be);
   return /* @__PURE__ */ t.createElement(_e, {
     className: r,
     isDismissable: !0
@@ -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 && Ke(C, i);
+      return !!C && Qe(C, i);
     }
   }, a, l) : l;
 };
@@ -336,13 +336,13 @@ const tt = ({ className: e }) => {
       a.current || (a.current = !0, C == null || C());
     },
     onBlur: (L) => {
-      var j, K;
+      var K, Q;
       const x = L.relatedTarget;
-      !((j = r.current) != null && j.contains(x)) && !((K = o.current) != null && K.contains(x)) && (a.current = !1, d());
+      !((K = r.current) != null && K.contains(x)) && !((Q = o.current) != null && Q.contains(x)) && (a.current = !1, d());
     }
   };
   if (S.length === 1)
-    return /* @__PURE__ */ t.createElement(Q, {
+    return /* @__PURE__ */ t.createElement(j, {
       ref: r,
       className: n,
       isDisabled: c,
@@ -355,7 +355,7 @@ const tt = ({ className: e }) => {
     triggerRef: r,
     optionsRef: o
   }));
-  return /* @__PURE__ */ t.createElement(Q, {
+  return /* @__PURE__ */ t.createElement(j, {
     ref: r,
     className: n,
     isDisabled: c,
@@ -420,7 +420,7 @@ const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
 }), _t = () => /* @__PURE__ */ t.createElement("span", {
   className: E.chevron,
   "aria-hidden": "true"
-}, /* @__PURE__ */ t.createElement(we, null)), qt = () => {
+}, /* @__PURE__ */ t.createElement(we, null)), Vt = () => {
   const { t: e } = P(), { 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")
@@ -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(qe, _.requiredMark)
+    className: b(Ve, _.requiredMark)
   })), /* @__PURE__ */ t.createElement(s.Control, {
-    className: b(Ve, _.input, E.control)
+    className: b(qe, _.input, E.control)
   }, /* @__PURE__ */ t.createElement(s.CountryButton, {
     className: E.countryButton
   }, /* @__PURE__ */ t.createElement(s.CountryButton.Flag, {
@@ -469,5 +469,5 @@ const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
   }, bt));
 };
 export {
-  qt as P
+  Vt as P
 };

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

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

package/dist/component/product-list-rac-CO0o3yOg.js

@@ -0,0 +1,271 @@
+import t, { useMemo as H, useCallback as x, useRef as B } from "react";
+import { RicosViewer as K } from "@wix/ricos/viewer";
+import _ from "classnames";
+import { CheckboxField as $, CheckboxButton as X, NumberField as j, Group as J, Button as U, Input as W } from "react-aria-components";
+import { ai as M, af as Y, ab as w, as as Z, ak as ee } from "./form-BpHElSwH.js";
+import { f as b, a as I } from "./find-child-C60k4CxG.js";
+import { L as te, g as ne } from "./field-label-headless-CS5OYsiI.js";
+import { f as ae } from "./format-currency-BwShJ9vM.js";
+import { D as oe, E as re } from "./field-error-headless-C5ZsFUKv.js";
+import { F as le } from "./fieldset-headless-CD3fds9J.js";
+import { a as se, C as ie } from "./checkbox-indicator-module-classes-BcScu147.js";
+import { g as ce } from "./payment-field-utils-DobiK5Xh.js";
+import { E as ue } from "./error-icon-hZxQ6DEy.js";
+import { s as T } from "./field-rac.module-DjmaTYkc.js";
+import { z as me, Q as pe, C as de, G as Ee, E as ye, y as fe, p as _e, i as Ie, D as be } from "./form-element-classes-BXNs5k3q.js";
+import { o as Q } from "./options-rac.module-KM-VT_KY.js";
+import { u as Oe } from "./use-element-state-class-name-CC65g9mT.js";
+var Le = /* @__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 Ce({ maxItems: e, products: a } = {}) {
+  return e === 1 ? k.onlyOne : a != null && a.length && a.every((l) => {
+    var n;
+    return typeof ((n = l.quantityLimit) == null ? void 0 : n.maximum) > "u";
+  }) ? k.many : k.oneByOne;
+}
+const o = ({ children: e }) => {
+  var D;
+  const { id: a, value: l, onChange: n, disabled: r, readOnly: c, required: y, onBlur: O, onFocus: s, hasError: u, validation: m, FieldLayout: p } = M(), { inputId: q, labelId: N, ariaDescribedBy: h } = Y(), f = b(e, o.Label), g = b(e, o.Options), v = b(e, o.Description), L = b(e, o.Error), i = H(() => l || [], [
+    l
+  ]), A = Ce((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = x((S, R) => {
+    const d = i.filter((G) => G.productId !== S.productId), z = R ? [
+      ...d,
+      S
+    ] : d;
+    n == null || n(z);
+  }, [
+    i,
+    n
+  ]);
+  return /* @__PURE__ */ t.createElement(p, {
+    fieldId: a,
+    renderLabel: () => f,
+    renderInput: () => /* @__PURE__ */ t.createElement(le, {
+      id: q,
+      ariaLabelledBy: N,
+      ariaDescribedBy: h,
+      required: y,
+      onBlur: O,
+      onFocus: s
+    }, g ? I(g, {
+      allowMany: A,
+      productValues: i,
+      onProductChange: F,
+      disabled: r,
+      readOnly: c,
+      hasError: u
+    }) : null),
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, L, v)
+  });
+}, V = ({ children: e, className: a, ...l }) => {
+  const { allowMany: n, productValues: r, onProductChange: c, disabled: y, readOnly: O, hasError: s } = l, { options: u, validation: m, imageResize: p } = M(), { currency: q } = w(), { t: N } = Z(), h = b(e, o.Option);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: a
+  }, u == null ? void 0 : u.map((f, g) => {
+    var C, A, F, D, S;
+    const v = ((S = (D = (F = (A = (C = m == null ? void 0 : m.predefined) == null ? void 0 : C.paymentOptions) == null ? void 0 : A.products) == null ? void 0 : F.find((R) => R.id === f.value)) == null ? void 0 : D.fixedPriceOptions) == null ? void 0 : S.price) || "0", L = ce(N, q), i = r.find((R) => R.productId === f.value);
+    return I(h, {
+      key: f.id || f.value || f.label,
+      option: f,
+      price: v,
+      quantity: i == null ? void 0 : i.quantity,
+      isSelected: !!i,
+      allowMany: n,
+      onProductChange: c,
+      disabled: y,
+      readOnly: O,
+      hasError: s,
+      currencyAriaLabel: L,
+      imageResize: p,
+      isFirst: g === 0
+    });
+  }));
+}, E = ({ children: e, className: a, ...l }) => {
+  const { option: n, price: r, quantity: c = 0, isSelected: y, allowMany: O, onProductChange: s, disabled: u, readOnly: m, hasError: p, currencyAriaLabel: q, imageResize: N, isFirst: h } = l, { id: f } = M(), g = B(null), v = B(null), L = b(e, E.Image), i = b(e, E.Label), C = b(e, E.Price), A = b(e, E.Input), F = b(e, E.Quantity);
+  ee(() => {
+    var d;
+    h && ((d = g.current ?? v.current) == null || d.focus({
+      preventScroll: !0
+    }));
+  }, f);
+  const D = x((d) => {
+    s({
+      productId: n.value,
+      price: r,
+      quantity: 1
+    }, d);
+  }, [
+    s,
+    n.value,
+    r
+  ]), S = x((d) => {
+    s({
+      productId: n.value,
+      price: r,
+      quantity: d
+    }, d > 0);
+  }, [
+    s,
+    n.value,
+    r
+  ]), R = `${n.label} ${q} ${r}`;
+  return O ? /* @__PURE__ */ t.createElement("div", {
+    className: a,
+    "data-hook": "product"
+  }, L ? I(L, {
+    option: n,
+    imageResize: N
+  }) : null, i ? I(i, {
+    label: n.label
+  }) : null, C ? I(C, {
+    price: r
+  }) : null, F ? I(F, {
+    quantity: c,
+    onQuantityChange: S,
+    disabled: u,
+    readOnly: m,
+    hasError: p,
+    ariaLabel: R,
+    inputRef: h ? v : void 0
+  }) : null) : /* @__PURE__ */ t.createElement($, {
+    isSelected: y,
+    onChange: D,
+    isDisabled: u,
+    isReadOnly: m,
+    isInvalid: p,
+    "aria-label": R
+  }, /* @__PURE__ */ t.createElement(X, {
+    ref: g,
+    className: a,
+    "data-hook": "product"
+  }, ({ isHovered: d }) => /* @__PURE__ */ t.createElement(t.Fragment, null, L ? I(L, {
+    option: n,
+    imageResize: N
+  }) : null, i ? I(i, {
+    label: n.label
+  }) : null, C ? I(C, {
+    price: r
+  }) : null, I(A, {
+    isSelected: y,
+    isHovered: d
+  }))));
+}, Re = ({ className: e, ...a }) => {
+  var s;
+  const { option: l, imageResize: n } = a, r = (s = l.media) == null ? void 0 : s.image;
+  if (!r)
+    return null;
+  const c = n === Le.fit, y = ne(r, 96, 96, c ? "fit" : "fill");
+  if (!y)
+    return null;
+  const O = r.altText || l.label || "";
+  return /* @__PURE__ */ t.createElement("img", {
+    className: e,
+    src: y,
+    alt: O,
+    "data-fit": c ? "contain" : "cover",
+    "data-hook": "product-image"
+  });
+}, ge = ({ className: e, ...a }) => {
+  const { label: l } = a;
+  return /* @__PURE__ */ t.createElement("span", {
+    className: e,
+    "data-hook": "product-label"
+  }, l || "");
+}, Fe = ({ className: e, ...a }) => {
+  const { price: l } = a, { currency: n, regionalFormat: r } = w(), c = ae({
+    amount: l,
+    currency: n == null ? void 0 : n.code,
+    locale: r
+  });
+  return /* @__PURE__ */ t.createElement("span", {
+    className: e,
+    "data-hook": "product-price"
+  }, c);
+}, De = ({ className: e, ...a }) => {
+  const { quantity: l, onQuantityChange: n, disabled: r, readOnly: c, hasError: y, ariaLabel: O, inputRef: s } = a, u = x((p) => {
+    n(p < 0 ? 0 : p);
+  }, [
+    n
+  ]), m = x((p) => {
+    p.key === "Home" && (p.preventDefault(), u(0));
+  }, [
+    u
+  ]);
+  return /* @__PURE__ */ t.createElement(j, {
+    value: l,
+    onChange: u,
+    minValue: 0,
+    step: 1,
+    isDisabled: r,
+    isReadOnly: c,
+    isInvalid: y,
+    "aria-label": O,
+    className: e,
+    "data-hook": "product-quantity"
+  }, /* @__PURE__ */ t.createElement(J, {
+    onKeyDown: m
+  }, /* @__PURE__ */ t.createElement(U, {
+    slot: "decrement"
+  }, "-"), /* @__PURE__ */ t.createElement(W, {
+    ref: s
+  }), /* @__PURE__ */ t.createElement(U, {
+    slot: "increment"
+  }, "+")));
+};
+E.Image = Re;
+E.Label = ge;
+E.Price = Fe;
+E.Input = se;
+E.Quantity = De;
+V.Option = E;
+o.Label = te;
+o.Options = V;
+o.Option = E;
+o.Description = oe;
+o.Error = re;
+const Se = "_options_11x4v_1", Pe = "_option_11x4v_1", Ne = "_optionInput_11x4v_21", he = "_optionImage_11x4v_32", ve = "_optionLabel_11x4v_66", Ae = "_optionPrice_11x4v_73", Te = "_quantity_11x4v_87", P = {
+  options: Se,
+  option: Pe,
+  optionInput: Ne,
+  optionImage: he,
+  optionLabel: ve,
+  optionPrice: Ae,
+  quantity: Te
+}, qe = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(K, {
+  content: e,
+  locale: a
+}), xe = () => {
+  const e = Oe({
+    globalClasses: be,
+    moduleClasses: ie
+  });
+  return /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(o.Label, {
+    className: _(me, T.label)
+  }, /* @__PURE__ */ t.createElement(o.Label.Required, {
+    className: _(pe, T.requiredMark)
+  })), /* @__PURE__ */ t.createElement(o.Options, {
+    className: _(de, Q.options, P.options)
+  }, /* @__PURE__ */ t.createElement(o.Option, {
+    className: _(T.checkbox, P.option)
+  }, /* @__PURE__ */ t.createElement(o.Option.Image, {
+    className: P.optionImage
+  }), /* @__PURE__ */ t.createElement(o.Option.Label, {
+    className: _(Ee, Q.optionLabel, P.optionLabel)
+  }), /* @__PURE__ */ t.createElement(o.Option.Price, {
+    className: _(ye, P.optionPrice)
+  }), /* @__PURE__ */ t.createElement(o.Option.Input, {
+    className: (a) => _(e(a), P.optionInput)
+  }), /* @__PURE__ */ t.createElement(o.Option.Quantity, {
+    className: _(fe, T.inputGroup, P.quantity)
+  }))), /* @__PURE__ */ t.createElement(o.Error, {
+    className: _(_e, T.error)
+  }, /* @__PURE__ */ t.createElement(ue, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
+    className: _(Ie, T.description)
+  }, qe));
+}, Ze = () => /* @__PURE__ */ t.createElement(xe, null);
+export {
+  Ze as ProductListRAC
+};

package/dist/component/{quiz-radio-group-rac-CPGS0LEb.js → quiz-radio-group-rac-Dhk7nkzb.js}

@@ -1,6 +1,6 @@
 import _ from "react";
-import { R } from "./radio-group-field-rac-BWpTNAbO.js";
-import { K as o, J as r, I as O } from "./form-element-classes-DDKCTFQj.js";
+import { R } from "./radio-group-field-rac-DdlyQ3m6.js";
+import { J as o, I as r, H as O } from "./form-element-classes-BXNs5k3q.js";
 const t = () => /* @__PURE__ */ _.createElement(R, {
   classes: {
     container: O,