@wix/form-elements 1.78.0 → 1.80.0

package/dist/component/{header-field-rac-pd3cDG5d.js → header-field-rac-CN5SyZpH.js}

@@ -1,8 +1,8 @@
 import m from "classnames";
 import e from "react";
-import { ai as i, X as u, W as C, Z as R, L as T } from "./form-_3vjdih8.js";
-import { u as d, R as g, s as p, T as S } from "./rich-content-rac.module-CuxZg6ls.js";
-import { a6 as h } from "./form-element-classes-DZiFyihd.js";
+import { ai as i, X as u, W as C, Z as R, L as T } from "./form-BmioUKtQ.js";
+import { u as d, R as g, s as p, T as S } from "./rich-content-rac.module-ZXCfVPY-.js";
+import { a6 as h } from "./form-element-classes-BuM-vthE.js";
 const P = ({ truncate: t = !0 } = {}) => {
   const { content: a, maxShownParagraphs: s } = i(), o = e.useMemo(() => ({
     colorPalette: R(),

package/dist/component/{header-rac-fSMu24tQ.js → header-rac-B9ITu2YO.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { H as r } from "./header-field-rac-pd3cDG5d.js";
+import { H as r } from "./header-field-rac-CN5SyZpH.js";
 const a = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   a as HeaderRAC

package/dist/component/{image-choice-rac-B7kSWlmM.js → image-choice-rac-9ncRxwZd.js}

@@ -1,15 +1,15 @@
 import e, { useMemo as M, useCallback as y, useRef as x } from "react";
 import { RicosViewer as T } from "@wix/ricos/viewer";
 import d from "classnames";
-import { ai as L, af as k, ab as B, ak as H, ac as P } from "./form-_3vjdih8.js";
+import { ai as L, af as k, ab as B, ak as H, ac as P } from "./form-BmioUKtQ.js";
 import { CheckboxGroup as q, CheckboxField as G, CheckboxButton as U } from "react-aria-components";
 import { f as p, a as g } from "./find-child-C60k4CxG.js";
-import { L as w, g as z } from "./field-label-headless-DKn04-OM.js";
-import { D as V, E as K } from "./field-error-headless-DvmM1k0W.js";
+import { L as w, g as z } from "./field-label-headless-BQFy2iAr.js";
+import { D as V, E as K } from "./field-error-headless-C7IUibkK.js";
 import { F as Q } from "./fieldset-headless-CD3fds9J.js";
 import { E as Y } from "./error-icon-hZxQ6DEy.js";
-import { s as b } from "./field-rac.module-DjmaTYkc.js";
-import { z as $, P as j, t as J, u as W, v as X, p as Z, i as ee, F as te } from "./form-element-classes-DZiFyihd.js";
+import { s as b } from "./field-rac.module-ColNPUt0.js";
+import { z as $, P as j, t as J, u as W, v as X, p as Z, i as ee, F as te } from "./form-element-classes-BuM-vthE.js";
 const a = ({ children: t }) => {
   const { id: s, value: o, onChange: n, disabled: l, readOnly: i, required: r, onBlur: c, onFocus: m, hasError: E, FieldLayout: f } = L(), { inputId: C, labelId: _, ariaDescribedBy: O } = k(), R = p(t, a.Label), D = p(t, a.Options), N = p(t, a.Description), S = p(t, a.Error), A = M(() => o || [], [
     o

package/dist/component/{index-BTVyiZNf.js → index-3q1aCLZ8.js}

@@ -1,5 +1,5 @@
-import { a2 as n } from "./form-_3vjdih8.js";
-import { A as S, a as p, C as N, M as g, G as q, H as D, a4 as L } from "./form-_3vjdih8.js";
+import { a2 as n } from "./form-BmioUKtQ.js";
+import { A as S, a as p, C as N, M as g, G as q, H as D, a4 as L } from "./form-BmioUKtQ.js";
 const l = (e = !1) => ({
   country: {
     required: e

package/dist/component/{index-QsnKRW-J.js → index-CvWMG1x1.js}

@@ -1,13 +1,13 @@
-import { d as R, V as _, Q as de, s as O, g as Ge, B as Be, N as qe, I as He, l as A, P as Ee, v as re, S as Fe, b as B, m as M, a3 as Te, o as je, n as he, p as q } from "./form-_3vjdih8.js";
-import { _ as Mn } from "./form-_3vjdih8.js";
+import { d as R, V as _, Q as de, s as O, g as Ge, B as Be, N as qe, I as He, l as A, P as Ee, v as re, S as Fe, b as B, m as M, a3 as Te, o as je, n as he, p as q } from "./form-BmioUKtQ.js";
+import { _ as Mn } from "./form-BmioUKtQ.js";
 import Xe from "ajv";
 import ke from "ajv-errors";
 import We from "ajv-formats";
 import Ke from "fast-deep-equal";
 import { parsePhoneNumber as ze, parsePhoneNumberWithError as Ve, ParseError as Ze } from "libphonenumber-js/max";
 import Je from "libphonenumber-js/metadata.max.json";
-import { p as Qe, i as et } from "./date-availability-Vtj_pmEf.js";
-import { a as Sn } from "./date-availability-Vtj_pmEf.js";
+import { p as Qe, i as et } from "./date-availability-BbrBYxgL.js";
+import { a as Sn } from "./date-availability-BbrBYxgL.js";
 import { C as tt } from "./calling-country-codes-PyWuOTmF.js";
 function rt(e) {
   var t, r;

package/dist/component/{isObjectLike-YK6n3FVo.js → isObjectLike-xDv2bEeI.js}

@@ -1,4 +1,4 @@
-import { t as c } from "./form-_3vjdih8.js";
+import { t as c } from "./form-BmioUKtQ.js";
 var b, d;
 function k() {
   if (d) return b;

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

@@ -2,19 +2,19 @@ import { RicosViewer as G } from "@wix/ricos/viewer";
 import C from "classnames";
 import n, { useMemo as w, createContext as We, useContext as De, useState as ye, useRef as B, useCallback as D, useEffect as Ve } from "react";
 import { UNSAFE_PortalProvider as _t } from "react-aria";
-import { ad as bt, c as ft, a9 as Pt, ab as yt, G as Tt, H as Mt, u as qt, z as V, F as K, as as Me, a2 as at, ai as P, af as T, ak as le, ae as Ct, Q as wt, C as he, a0 as xt, a4 as Bt, ap as kt, aj as $t, ao as Ut, a7 as Wt, Y as Vt, a6 as Kt, al as Yt, j as Ht } from "./form-_3vjdih8.js";
+import { ad as bt, c as ft, a9 as Pt, ab as yt, G as Tt, H as Mt, u as qt, z as V, F as K, as as Me, a2 as at, ai as P, af as T, ak as le, ae as Ct, Q as wt, C as he, a0 as xt, a4 as Bt, ap as kt, aj as $t, ao as Ut, a7 as Wt, Y as Vt, a6 as Kt, al as Yt, j as Ht } from "./form-BmioUKtQ.js";
 import { f as E, a as h } from "./find-child-C60k4CxG.js";
 import { F as jt, V as Jt } from "./headless-styles-CmcyA_pi.js";
 import { TextField as Ce, Input as ie, ComboBoxStateContext as It, ComboBox as Re, Popover as Ae, ListBox as _e, ListBoxItem as Pe, Group as Lt, Button as Nt } from "react-aria-components";
-import { D as ce, E as de } from "./field-error-headless-DvmM1k0W.js";
-import { L as ue } from "./field-label-headless-DKn04-OM.js";
-import { e as zt, c as Gt, a as Xt, r as Ot } from "./isObjectLike-YK6n3FVo.js";
+import { D as ce, E as de } from "./field-error-headless-C7IUibkK.js";
+import { L as ue } from "./field-label-headless-BQFy2iAr.js";
+import { e as zt, c as Gt, a as Xt, r as Ot } from "./isObjectLike-xDv2bEeI.js";
 import { u as Qt } from "./use-invoke-callback-UH73A_J3.js";
 import { C as lt } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as X } from "./error-icon-hZxQ6DEy.js";
 import { H as fe } from "./custom-focus-class-_483Pkwp.js";
-import { s as f } from "./field-rac.module-DjmaTYkc.js";
-import { z as Q, P as Z, y as ee, B as ge, p as te, i as ne } from "./form-element-classes-DZiFyihd.js";
+import { s as f } from "./field-rac.module-ColNPUt0.js";
+import { z as Q, P as Z, y as ee, B as ge, p as te, i as ne } from "./form-element-classes-BuM-vthE.js";
 const Zt = (e, t, o) => {
   var a, l, i, s;
   const r = (a = e.steps) == null ? void 0 : a.map((d) => {

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

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

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

@@ -2,15 +2,15 @@ import { RicosViewer as v } from "@wix/ricos/viewer";
 import m from "classnames";
 import r, { useState as U, useCallback as z, useEffect as Q, useRef as $ } from "react";
 import { NumberField as j, Input as G } from "react-aria-components";
-import { ai as C, af as S, as as H, ak as J } from "./form-_3vjdih8.js";
+import { ai as C, af as S, as as H, ak as J } from "./form-BmioUKtQ.js";
 import { f as d } from "./find-child-C60k4CxG.js";
-import { D as K, E as W } from "./field-error-headless-DvmM1k0W.js";
-import { L as X } from "./field-label-headless-DKn04-OM.js";
+import { D as K, E as W } from "./field-error-headless-C7IUibkK.js";
+import { L as X } from "./field-label-headless-BQFy2iAr.js";
 import { g as Y, c as Z } from "./numeric-input-utils-CuBMi4-a.js";
 import { u as w } from "./use-invoke-callback-UH73A_J3.js";
 import { E as ee } from "./error-icon-hZxQ6DEy.js";
-import { s as i } from "./field-rac.module-DjmaTYkc.js";
-import { z as re, P as te, y as ne, p as ae, i as se } from "./form-element-classes-DZiFyihd.js";
+import { s as i } from "./field-rac.module-ColNPUt0.js";
+import { z as re, P as te, y as ne, p as ae, i as se } from "./form-element-classes-BuM-vthE.js";
 const e = ({ children: n }) => {
   var D, L, R;
   const { id: a, value: s, onChange: l, disabled: p, required: E, readOnly: o, onBlur: b, onFocus: f, FieldLayout: u, hasError: c, validation: t } = C(), { labelId: y } = S(), F = ((D = t == null ? void 0 : t.number) == null ? void 0 : D.multipleOf) || 1, A = (L = t == null ? void 0 : t.number) == null ? void 0 : L.maximum, M = (R = t == null ? void 0 : t.number) == null ? void 0 : R.minimum, T = _(s), [V, I] = U(T), g = w(b), h = d(n, e.Label), k = d(n, e.Input), q = d(n, e.Description), x = d(n, e.Error), B = z((N) => {

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

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

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

@@ -1,15 +1,15 @@
 import e, { useState as h, useRef as N } from "react";
 import { RicosViewer as O } from "@wix/ricos/viewer";
 import d from "classnames";
-import { ai as E, af as I, ak as x, as as A } from "./form-_3vjdih8.js";
+import { ai as E, af as I, ak as x, as as A } from "./form-BmioUKtQ.js";
 import { TextField as B, Group as P, Input as V, Button as v } from "react-aria-components";
 import { f as p, a as g } from "./find-child-C60k4CxG.js";
-import { D as M, E as k } from "./field-error-headless-DvmM1k0W.js";
-import { L as q } from "./field-label-headless-DKn04-OM.js";
+import { D as M, E as k } from "./field-error-headless-C7IUibkK.js";
+import { L as q } from "./field-label-headless-BQFy2iAr.js";
 import { E as U } from "./error-icon-hZxQ6DEy.js";
 import { H as j } from "./custom-focus-class-_483Pkwp.js";
-import { s as u } from "./field-rac.module-DjmaTYkc.js";
-import { z as H, P as W, y as Z, p as z, i as G } from "./form-element-classes-DZiFyihd.js";
+import { s as u } from "./field-rac.module-ColNPUt0.js";
+import { z as H, P as W, y as Z, p as z, i as G } from "./form-element-classes-BuM-vthE.js";
 const t = ({ children: r, className: o }) => {
   const { id: i, value: s, onChange: c, disabled: l, readOnly: m, required: n, hasError: a, onBlur: f, onFocus: _, FieldLayout: y } = E(), { labelId: C } = I(), [F, L] = h(!1), R = p(r, t.Label), D = p(r, t.Control), T = p(r, t.Description), S = p(r, t.Error);
   return /* @__PURE__ */ e.createElement(y, {

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

@@ -2,16 +2,16 @@ import r, { useCallback as V, useRef as Q } from "react";
 import { RicosViewer as j } from "@wix/ricos/viewer";
 import i from "classnames";
 import { TextField as w, Group as J, Input as K } from "react-aria-components";
-import { ai as D, af as S, ab as x, as as W, ak as X } from "./form-_3vjdih8.js";
+import { ai as D, af as S, ab as x, as as W, ak as X } from "./form-BmioUKtQ.js";
 import { f as m } from "./find-child-C60k4CxG.js";
-import { D as Y, E as Z } from "./field-error-headless-DvmM1k0W.js";
-import { L as ee } from "./field-label-headless-DKn04-OM.js";
+import { D as Y, E as Z } from "./field-error-headless-C7IUibkK.js";
+import { L as ee } from "./field-label-headless-BQFy2iAr.js";
 import { f as R, g as re } from "./payment-field-utils-DobiK5Xh.js";
 import { u as te } from "./use-synced-display-value-DcAxdn3M.js";
 import { E as ne } from "./error-icon-hZxQ6DEy.js";
 import { H as ae } from "./custom-focus-class-_483Pkwp.js";
-import { s as u } from "./field-rac.module-DjmaTYkc.js";
-import { z as se, P as oe, y as le, p as ce, i as ie } from "./form-element-classes-DZiFyihd.js";
+import { s as u } from "./field-rac.module-ColNPUt0.js";
+import { z as se, P as oe, y as le, p as ce, i as ie } from "./form-element-classes-BuM-vthE.js";
 function ue(e, t) {
   return {
     productId: e.id,

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

@@ -1,12 +1,12 @@
 import { RicosViewer as ye } from "@wix/ricos/viewer";
 import b from "classnames";
 import t, { useMemo as B, useState as V, useRef as P, useEffect as w, useCallback as j, createContext as te, useContext as q } from "react";
-import { a2 as Ee, as as v, ab as ne, ar as fe, ai as M, af as oe, ak as he } from "./form-_3vjdih8.js";
+import { a2 as Ee, as as v, ab as ne, ar as fe, ai as M, af as oe, ak as he } from "./form-BmioUKtQ.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 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-DvmM1k0W.js";
-import { L as Re } from "./field-label-headless-DKn04-OM.js";
+import { D as Fe, E as De } from "./field-error-headless-C7IUibkK.js";
+import { L as Re } from "./field-label-headless-BQFy2iAr.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-DjmaTYkc.js";
-import { z as ke, P as Ve, y as qe, B as ze, p as Ge, i as He } from "./form-element-classes-DZiFyihd.js";
+import { s as _ } from "./field-rac.module-ColNPUt0.js";
+import { z as ke, P as Ve, y as qe, B as ze, p as Ge, i as He } from "./form-element-classes-BuM-vthE.js";
 function X(e) {
   const n = e ? se(e) : void 0, r = n == null ? void 0 : n.country;
   if (r)

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

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

package/dist/component/{product-list-rac-BnXK6jhc.js → product-list-rac-DbftZgIh.js}

@@ -2,38 +2,39 @@ 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-_3vjdih8.js";
+import { ai as k, af as Y, ab as w, as as Z, ak as ee } from "./form-BmioUKtQ.js";
 import { f as b, a as I } from "./find-child-C60k4CxG.js";
-import { L as te, g as ne } from "./field-label-headless-DKn04-OM.js";
+import { L as te, g as ne } from "./field-label-headless-BQFy2iAr.js";
 import { f as ae } from "./format-currency-BwShJ9vM.js";
-import { D as oe, E as re } from "./field-error-headless-DvmM1k0W.js";
+import { D as oe, E as re } from "./field-error-headless-C7IUibkK.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, P 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-DZiFyihd.js";
+import { g as se } from "./payment-field-utils-DobiK5Xh.js";
+import { S as ie } from "./selection-indicator-XQ8MYHUQ.js";
+import { E as ce } from "./error-icon-hZxQ6DEy.js";
+import { C as ue } from "./checkbox-indicator-module-classes-DqzGZQRQ.js";
+import { s as T } from "./field-rac.module-ColNPUt0.js";
+import { z as me, P 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-BuM-vthE.js";
 import { o as Q } from "./options-rac.module-KM-VT_KY.js";
-import { u as Oe } from "./use-element-state-class-name-DVT9MJFT.js";
+import { u as Oe } from "./use-element-state-class-name-nCwOVSGM.js";
 var Le = /* @__PURE__ */ (function(e) {
   return e.crop = "CROP", e.fit = "FIT", e;
-})({}), k = /* @__PURE__ */ (function(e) {
+})({}), M = /* @__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) => {
+  return e === 1 ? M.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;
+  }) ? M.many : M.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 || [], [
+  const { id: a, value: l, onChange: n, disabled: r, readOnly: c, required: y, onBlur: O, onFocus: s, hasError: u, validation: m, FieldLayout: p } = k(), { 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((P, R) => {
-    const d = i.filter((G) => G.productId !== P.productId), z = R ? [
+  ]), A = Ce((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === M.many, F = x((S, R) => {
+    const d = i.filter((G) => G.productId !== S.productId), z = R ? [
       ...d,
-      P
+      S
     ] : d;
     n == null || n(z);
   }, [
@@ -61,12 +62,12 @@ const o = ({ children: e }) => {
     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);
+  const { allowMany: n, productValues: r, onProductChange: c, disabled: y, readOnly: O, hasError: s } = l, { options: u, validation: m, imageResize: p } = k(), { 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, P;
-    const v = ((P = (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 : P.price) || "0", L = ce(N, q), i = r.find((R) => R.productId === f.value);
+    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 = se(N, q), i = r.find((R) => R.productId === f.value);
     return I(h, {
       key: f.id || f.value || f.label,
       option: f,
@@ -84,7 +85,7 @@ const o = ({ children: e }) => {
     });
   }));
 }, 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);
+  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 } = k(), 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({
@@ -101,7 +102,7 @@ const o = ({ children: e }) => {
     s,
     n.value,
     r
-  ]), P = x((d) => {
+  ]), S = x((d) => {
     s({
       productId: n.value,
       price: r,
@@ -124,7 +125,7 @@ const o = ({ children: e }) => {
     price: r
   }) : null, F ? I(F, {
     quantity: c,
-    onQuantityChange: P,
+    onQuantityChange: S,
     disabled: u,
     readOnly: m,
     hasError: p,
@@ -218,7 +219,7 @@ const o = ({ children: e }) => {
 E.Image = Re;
 E.Label = ge;
 E.Price = Fe;
-E.Input = se;
+E.Input = ie;
 E.Quantity = De;
 V.Option = E;
 o.Label = te;
@@ -226,9 +227,9 @@ o.Options = V;
 o.Option = E;
 o.Description = oe;
 o.Error = re;
-const Pe = "_options_11x4v_1", Se = "_option_11x4v_1", Ne = "_optionInput_11x4v_21", he = "_optionImage_11x4v_32", ve = "_optionLabel_11x4v_66", Ae = "_optionPrice_11x4v_73", Te = "_quantity_11x4v_87", S = {
-  options: Pe,
-  option: Se,
+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,
@@ -240,32 +241,32 @@ const Pe = "_options_11x4v_1", Se = "_option_11x4v_1", Ne = "_optionInput_11x4v_
 }), xe = () => {
   const e = Oe({
     globalClasses: be,
-    moduleClasses: ie
+    moduleClasses: ue
   });
   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, S.options)
+    className: _(de, Q.options, P.options)
   }, /* @__PURE__ */ t.createElement(o.Option, {
-    className: _(T.checkbox, S.option)
+    className: _(T.checkbox, P.option)
   }, /* @__PURE__ */ t.createElement(o.Option.Image, {
-    className: S.optionImage
+    className: P.optionImage
   }), /* @__PURE__ */ t.createElement(o.Option.Label, {
-    className: _(Ee, Q.optionLabel, S.optionLabel)
+    className: _(Ee, Q.optionLabel, P.optionLabel)
   }), /* @__PURE__ */ t.createElement(o.Option.Price, {
-    className: _(ye, S.optionPrice)
+    className: _(ye, P.optionPrice)
   }), /* @__PURE__ */ t.createElement(o.Option.Input, {
-    className: (a) => _(e(a), S.optionInput)
+    className: (a) => _(e(a), P.optionInput)
   }), /* @__PURE__ */ t.createElement(o.Option.Quantity, {
-    className: _(fe, T.inputGroup, S.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, {
+  }, /* @__PURE__ */ t.createElement(ce, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
     className: _(Ie, T.description)
   }, qe));
-}, Ze = () => /* @__PURE__ */ t.createElement(xe, null);
+}, et = () => /* @__PURE__ */ t.createElement(xe, null);
 export {
-  Ze as ProductListRAC
+  et as ProductListRAC
 };

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

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

package/dist/component/radio-button-module-classes-Do4JmHrh.js

@@ -0,0 +1,132 @@
+import l, { useRef as S, useState as V, useEffect as B, useCallback as T } from "react";
+import { RadioGroup as H, RadioField as k, RadioButton as M, TextField as U, Input as A } from "react-aria-components";
+import { ai as v, af as G, as as F, ab as P, ak as $ } from "./form-BmioUKtQ.js";
+import { f as p, a as y } from "./find-child-C60k4CxG.js";
+import { D as q, E as x } from "./field-error-headless-C7IUibkK.js";
+import { L as j } from "./field-label-headless-BQFy2iAr.js";
+import { N as w } from "./options-layout-constants-DEfIEJWD.js";
+import { S as z } from "./selection-indicator-XQ8MYHUQ.js";
+const L = "Other", J = (e, t) => e == null ? void 0 : e.find((o) => (o.value ?? o.label) === t), R = (e, t) => !!t && !J(e, t), K = (e, t) => {
+  const a = t ? t.length + 2 : 0;
+  return e.slice(a);
+}, c = ({ children: e }) => {
+  const { id: t, value: o, onChange: a, disabled: O, readOnly: b, required: h, onBlur: f, onFocus: _, hasError: E, FieldLayout: r, options: s } = v(), { inputId: u, labelId: C, ariaDescribedBy: n } = G(), d = p(e, c.Label), i = p(e, c.Options), I = p(e, c.Description), N = p(e, c.Error), D = R(s, o) ? L : o || null;
+  return /* @__PURE__ */ l.createElement(r, {
+    fieldId: t,
+    renderLabel: () => y(d, {
+      as: "div"
+    }),
+    renderInput: () => /* @__PURE__ */ l.createElement(H, {
+      id: u,
+      "aria-labelledby": C,
+      "aria-describedby": n,
+      value: D,
+      onChange: a,
+      isDisabled: O,
+      isReadOnly: b,
+      isRequired: h,
+      isInvalid: E,
+      onBlur: f,
+      onFocus: _
+    }, i),
+    renderDescription: () => /* @__PURE__ */ l.createElement(l.Fragment, null, N, I)
+  });
+}, Q = ({ children: e, className: t }) => {
+  const { options: o, addOther: a, addOtherLabel: O, id: b, numberOfColumns: h, hasError: f } = v(), { t: _ } = F(), { isMobile: E } = P(), r = p(e, c.Option), s = S(null), u = O || _("add-other.default-other-option-label") || L, C = E ? w.ONE : h;
+  return $(() => {
+    var n;
+    (n = s.current) == null || n.focus();
+  }, b), /* @__PURE__ */ l.createElement("div", {
+    className: t,
+    "data-columns": C,
+    "data-invalid": f
+  }, o.map((n, d) => y(r, {
+    key: n.value ?? n.label,
+    value: n.value ?? n.label,
+    label: n.label,
+    index: d,
+    radioRef: d === 0 ? s : void 0
+  })), a && y(r, {
+    key: L,
+    value: L,
+    label: u,
+    isOther: !0
+  }));
+}, m = ({ children: e, className: t, ...o }) => {
+  var d;
+  const { value: a, label: O, isOther: b = !1, radioRef: h } = o, { value: f, options: _ } = v(), E = p(e, m.Label), r = p(e, m.Input), s = p(e, m.Control), u = p(e, m.OtherInput), C = b ? R(_, f) : f === a, n = (d = r == null ? void 0 : r.props) == null ? void 0 : d.className;
+  return /* @__PURE__ */ l.createElement("div", {
+    className: t
+  }, /* @__PURE__ */ l.createElement(k, {
+    value: a
+  }, /* @__PURE__ */ l.createElement(M, {
+    ref: h,
+    className: n
+  }, ({ isSelected: i, isHovered: I }) => /* @__PURE__ */ l.createElement(l.Fragment, null, y(s, {
+    isSelected: i,
+    isHovered: I
+  }), y(E, {
+    label: O
+  })))), b && C && u);
+}, W = ({ className: e, ...t }) => {
+  const { label: o } = t;
+  return /* @__PURE__ */ l.createElement("span", {
+    className: e
+  }, o);
+}, X = (e) => null, Y = ({ className: e }) => {
+  const { value: t, onChange: o, addOtherLabel: a, addOtherPlaceholder: O, otherInputCharacterLimit: b, disabled: h, readOnly: f, options: _ } = v(), { t: E } = F(), r = S(null), s = R(_, t), u = a || E("add-other.default-other-option-label") || L, [C, n] = V(s && t ? K(t, a) : "");
+  B(() => {
+    var i;
+    s && r.current && ((i = r.current) == null || i.focus());
+  }, [
+    s
+  ]);
+  const d = T((i) => {
+    let I;
+    i ? I = `${a}: ${i}` : I = u, o(I), n(i);
+  }, [
+    o,
+    a,
+    u
+  ]);
+  return /* @__PURE__ */ l.createElement(U, {
+    "aria-label": u,
+    value: C,
+    onChange: d,
+    isDisabled: h,
+    isReadOnly: f
+  }, /* @__PURE__ */ l.createElement(A, {
+    ref: r,
+    className: e,
+    placeholder: O,
+    maxLength: b
+  }));
+};
+m.Label = W;
+m.Input = X;
+m.Control = z;
+m.OtherInput = Y;
+c.Label = j;
+c.Options = Q;
+c.Option = m;
+c.Description = q;
+c.Error = x;
+const Z = "_labelImage_1neyf_1", ee = "_options_1neyf_26", te = "_option_1neyf_26", oe = "_optionInput_1neyf_46", ne = "_optionControl_1neyf_64", ae = "_optionControlHover_1neyf_86", le = "_optionControlSelected_1neyf_104", re = "_optionLabel_1neyf_139", g = {
+  labelImage: Z,
+  options: ee,
+  option: te,
+  optionInput: oe,
+  optionControl: ne,
+  optionControlHover: ae,
+  optionControlSelected: le,
+  optionLabel: re
+}, fe = {
+  base: g.optionControl,
+  selected: g.optionControlSelected,
+  hover: g.optionControlHover
+};
+export {
+  fe as R,
+  c as a,
+  g as s
+};

package/dist/component/radio-group-field-rac-BkoqJYp4.js

@@ -0,0 +1,47 @@
+import { RicosViewer as n } from "@wix/ricos/viewer";
+import t from "classnames";
+import e from "react";
+import { a, s as o, R as m } from "./radio-button-module-classes-Do4JmHrh.js";
+import { E as c } from "./error-icon-hZxQ6DEy.js";
+import { s } from "./field-rac.module-ColNPUt0.js";
+import { M as i, L as E, K as _, z as R, P as O, y as p, p as L, i as I } from "./form-element-classes-BuM-vthE.js";
+import { u as D } from "./use-element-state-class-name-nCwOVSGM.js";
+const N = ({ content: r, locale: l }) => /* @__PURE__ */ e.createElement(n, {
+  content: r,
+  locale: l
+}), f = ({ classes: r = {
+  container: _,
+  label: E,
+  radioButton: i
+} }) => {
+  const l = D({
+    globalClasses: r.radioButton,
+    moduleClasses: m
+  });
+  return /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement(a.Label, {
+    className: t(R, s.label)
+  }, /* @__PURE__ */ e.createElement(a.Label.Required, {
+    className: t(O, s.requiredMark)
+  }), /* @__PURE__ */ e.createElement(a.Label.Image, {
+    className: o.labelImage
+  })), /* @__PURE__ */ e.createElement(a.Options, {
+    className: t(r.container, o.options)
+  }, /* @__PURE__ */ e.createElement(a.Option, {
+    className: o.option
+  }, /* @__PURE__ */ e.createElement(a.Option.Input, {
+    className: o.optionInput
+  }), /* @__PURE__ */ e.createElement(a.Option.Control, {
+    className: l
+  }), /* @__PURE__ */ e.createElement(a.Option.Label, {
+    className: t(r.label, o.optionLabel)
+  }), /* @__PURE__ */ e.createElement(a.Option.OtherInput, {
+    className: t(p, s.input)
+  }))), /* @__PURE__ */ e.createElement(a.Error, {
+    className: t(L, s.error)
+  }, /* @__PURE__ */ e.createElement(c, null), /* @__PURE__ */ e.createElement(a.Error.Text, null)), /* @__PURE__ */ e.createElement(a.Description, {
+    className: t(I, s.description)
+  }, N));
+};
+export {
+  f as R
+};

package/dist/component/{radio-group-rac-DWJRHfZS.js → radio-group-rac-BGp1iRNt.js}

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

package/dist/component/{rating-input-field-rac-Bic4P2NB.js → rating-input-field-rac-Bozwq2E7.js}

@@ -1,15 +1,15 @@
 import { RicosViewer as N } from "@wix/ricos/viewer";
 import m from "classnames";
 import e, { useCallback as y, useState as O, useRef as A } from "react";
-import { ai as b, af as v, as as T } from "./form-_3vjdih8.js";
+import { ai as b, af as v, as as T } from "./form-BmioUKtQ.js";
 import { RadioGroup as H, RadioField as M, RadioButton as w } from "react-aria-components";
 import { f as u, a as P } from "./find-child-C60k4CxG.js";
-import { D as B, E as q } from "./field-error-headless-DvmM1k0W.js";
-import { L as G } from "./field-label-headless-DKn04-OM.js";
+import { D as B, E as q } from "./field-error-headless-C7IUibkK.js";
+import { L as G } from "./field-label-headless-BQFy2iAr.js";
 import { E as k } from "./error-icon-hZxQ6DEy.js";
-import { s as g } from "./field-rac.module-DjmaTYkc.js";
-import { z as x, P as z, N as U, p as Q, i as Z, O as j } from "./form-element-classes-DZiFyihd.js";
-import { u as J } from "./use-element-state-class-name-DVT9MJFT.js";
+import { s as g } from "./field-rac.module-ColNPUt0.js";
+import { z as x, P as z, N as U, p as Q, i as Z, O as j } from "./form-element-classes-BuM-vthE.js";
+import { u as J } from "./use-element-state-class-name-nCwOVSGM.js";
 const t = ({ children: a }) => {
   const { id: n, value: r, onChange: l, disabled: o, readOnly: d, required: c, hasError: i, onBlur: E, onFocus: C, FieldLayout: R } = b(), { labelId: _ } = v(), L = y((D) => l(Number(D)), [
     l

package/dist/component/{rating-input-rac-B9M2UXqM.js → rating-input-rac-Cxha4VPg.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { R as e } from "./rating-input-field-rac-Bic4P2NB.js";
+import { R as e } from "./rating-input-field-rac-Bozwq2E7.js";
 const o = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   o as RatingInputRAC