@wix/form-elements 1.63.0 → 1.65.0

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

@@ -1,39 +1,39 @@
-import t, { useMemo as z, useCallback as T, useRef as B } from "react";
-import { RicosViewer as G } from "@wix/ricos/viewer";
-import f from "classnames";
+import 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 { ah as M, ae as Y, ab as Q, ar as Z, aj as ee } from "./form-DzjdnO7t.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-DV4aNd5Y.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-DTKnr5Zx.js";
-import { F as le } from "./fieldset-headless-CD3fds9J.js";
-import { g as ie } from "./payment-field-utils-DobiK5Xh.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 P } from "./field-rac.module-DtugsLiL.js";
-import { r as ce, H as ue, v as me, y as pe, x as de, w as Ee, q as ye, l as _e, h as fe } from "./form-element-classes-Bi-nNM8q.js";
-import { o as w } from "./options-rac.module-KM-VT_KY.js";
+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;
 })({}), k = /* @__PURE__ */ (function(e) {
   return e.oneByOne = "one-by-one", e.onlyOne = "only-one", e.many = "many", e;
 })({});
 function Ie({ maxItems: e, products: o } = {}) {
-  return e === 1 ? k.onlyOne : o != null && o.length && o.every((l) => {
+  return e === 1 ? k.onlyOne : o != null && o.length && o.every((i) => {
     var n;
-    return typeof ((n = l.quantityLimit) == null ? void 0 : n.maximum) > "u";
+    return typeof ((n = i.quantityLimit) == null ? void 0 : n.maximum) > "u";
   }) ? k.many : k.oneByOne;
 }
 const a = ({ children: e }) => {
   var D;
-  const { id: o, value: l, onChange: n, disabled: r, readOnly: c, required: E, onBlur: I, onFocus: i, hasError: u, validation: m, FieldLayout: p } = M(), { inputId: x, labelId: v, ariaDescribedBy: N } = Y(), y = b(e, a.Label), g = b(e, a.Options), A = b(e, a.Description), O = b(e, a.Error), s = z(() => l || [], [
-    l
-  ]), q = Ie((D = m == null ? void 0 : m.predefined) == null ? void 0 : D.paymentOptions) === k.many, F = T((h, C) => {
-    const _ = s.filter(($) => $.productId !== h.productId), H = C ? [
-      ..._,
-      h
-    ] : _;
-    n == null || n(H);
+  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
+  ]), 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;
+    n == null || n(z);
   }, [
     s,
     n
@@ -41,13 +41,13 @@ const a = ({ children: e }) => {
   return /* @__PURE__ */ t.createElement(p, {
     fieldId: o,
     renderLabel: () => y,
-    renderInput: () => /* @__PURE__ */ t.createElement(le, {
-      id: x,
+    renderInput: () => /* @__PURE__ */ t.createElement(ie, {
+      id: T,
       ariaLabelledBy: v,
       ariaDescribedBy: N,
       required: E,
       onBlur: I,
-      onFocus: i
+      onFocus: l
     }, g ? L(g, {
       allowMany: q,
       productValues: s,
@@ -58,13 +58,13 @@ const a = ({ children: e }) => {
     }) : null),
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, O, A)
   });
-}, V = ({ children: e, className: o, ...l }) => {
-  const { allowMany: n, productValues: r, onProductChange: c, disabled: E, readOnly: I, hasError: i } = l, { options: u, validation: m, imageResize: p } = M(), { currency: x } = Q(), { t: v } = Z(), N = b(e, a.Option);
+}, V = ({ children: e, className: o, ...i }) => {
+  const { allowMany: n, productValues: r, onProductChange: c, disabled: E, readOnly: I, hasError: l } = i, { options: u, validation: m, imageResize: p } = M(), { currency: T } = w(), { t: v } = Z(), N = b(e, a.Option);
   return /* @__PURE__ */ t.createElement("div", {
     className: o
   }, u == null ? void 0 : u.map((y, g) => {
-    var R, q, F, D, h;
-    const A = ((h = (D = (F = (q = (R = m == null ? void 0 : m.predefined) == null ? void 0 : R.paymentOptions) == null ? void 0 : q.products) == null ? void 0 : F.find((C) => C.id === y.value)) == null ? void 0 : D.fixedPriceOptions) == null ? void 0 : h.price) || "0", O = ie(v, x), s = r.find((C) => C.productId === y.value);
+    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,
@@ -75,41 +75,41 @@ const a = ({ children: e }) => {
       onProductChange: c,
       disabled: E,
       readOnly: I,
-      hasError: i,
+      hasError: l,
       currencyAriaLabel: O,
       imageResize: p,
       isFirst: g === 0
     });
   }));
-}, d = ({ children: e, className: o, ...l }) => {
-  const { option: n, price: r, quantity: c = 0, isSelected: E, allowMany: I, onProductChange: i, disabled: u, readOnly: m, hasError: p, currencyAriaLabel: x, imageResize: v, isFirst: N } = l, { id: y } = M(), g = B(null), A = B(null), O = b(e, d.Image), s = b(e, d.Label), R = b(e, d.Price), q = b(e, d.Input), F = b(e, d.Quantity);
+}, 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), q = b(e, d.Input), F = b(e, d.Quantity);
   ee(() => {
-    var _;
-    N && ((_ = g.current ?? A.current) == null || _.focus({
+    var f;
+    N && ((f = g.current ?? A.current) == null || f.focus({
       preventScroll: !0
     }));
   }, y);
-  const D = T((_) => {
-    i({
+  const D = x((f) => {
+    l({
       productId: n.value,
       price: r,
       quantity: 1
-    }, _);
+    }, f);
   }, [
-    i,
+    l,
     n.value,
     r
-  ]), h = T((_) => {
-    i({
+  ]), P = x((f) => {
+    l({
       productId: n.value,
       price: r,
-      quantity: _
-    }, _ > 0);
+      quantity: f
+    }, f > 0);
   }, [
-    i,
+    l,
     n.value,
     r
-  ]), C = `${n.label} ${x} ${r}`;
+  ]), C = `${n.label} ${T} ${r}`;
   return I ? /* @__PURE__ */ t.createElement("div", {
     className: o,
     "data-hook": "product"
@@ -122,7 +122,7 @@ const a = ({ children: e }) => {
     price: r
   }) : null, F ? L(F, {
     quantity: c,
-    onQuantityChange: h,
+    onQuantityChange: P,
     disabled: u,
     readOnly: m,
     hasError: p,
@@ -148,14 +148,14 @@ const a = ({ children: e }) => {
     price: r
   }) : null, q));
 }, Le = ({ className: e, ...o }) => {
-  var i;
-  const { option: l, imageResize: n } = o, r = (i = l.media) == null ? void 0 : i.image;
+  var l;
+  const { option: i, imageResize: n } = o, r = (l = i.media) == null ? void 0 : l.image;
   if (!r)
     return null;
   const c = n === be.fit, E = ne(r, 96, 96, c ? "fit" : "fill");
   if (!E)
     return null;
-  const I = r.altText || l.label || "";
+  const I = r.altText || i.label || "";
   return /* @__PURE__ */ t.createElement("img", {
     className: e,
     src: E,
@@ -164,14 +164,14 @@ const a = ({ children: e }) => {
     "data-hook": "product-image"
   });
 }, Oe = ({ className: e, ...o }) => {
-  const { label: l } = o;
+  const { label: i } = o;
   return /* @__PURE__ */ t.createElement("span", {
     className: e,
     "data-hook": "product-label"
-  }, l || "");
+  }, i || "");
 }, Re = ({ className: e, ...o }) => {
-  const { price: l } = o, { currency: n, regionalFormat: r } = Q(), c = ae({
-    amount: l,
+  const { price: i } = o, { currency: n, regionalFormat: r } = w(), c = ae({
+    amount: i,
     currency: n == null ? void 0 : n.code,
     locale: r
   });
@@ -183,17 +183,17 @@ const a = ({ children: e }) => {
   "aria-hidden": "true",
   className: e
 }), ge = ({ className: e, ...o }) => {
-  const { quantity: l, onQuantityChange: n, disabled: r, readOnly: c, hasError: E, ariaLabel: I, inputRef: i } = o, u = T((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 = T((p) => {
+  ]), m = x((p) => {
     p.key === "Home" && (p.preventDefault(), u(0));
   }, [
     u
   ]);
   return /* @__PURE__ */ t.createElement(J, {
-    value: l,
+    value: i,
     onChange: u,
     minValue: 0,
     step: 1,
@@ -208,7 +208,7 @@ const a = ({ children: e }) => {
   }, /* @__PURE__ */ t.createElement(U, {
     slot: "decrement"
   }, "-"), /* @__PURE__ */ t.createElement(X, {
-    ref: i
+    ref: l
   }), /* @__PURE__ */ t.createElement(U, {
     slot: "increment"
   }, "+")));
@@ -224,39 +224,39 @@ a.Options = V;
 a.Option = d;
 a.Description = oe;
 a.Error = re;
-const Fe = "_options_11x4v_1", De = "_option_11x4v_1", he = "_optionInput_11x4v_21", Pe = "_optionImage_11x4v_32", Se = "_optionLabel_11x4v_66", ve = "_optionPrice_11x4v_73", Ne = "_quantity_11x4v_87", S = {
+const Fe = "_options_11x4v_1", De = "_option_11x4v_1", Pe = "_optionInput_11x4v_21", Se = "_optionImage_11x4v_32", he = "_optionLabel_11x4v_66", ve = "_optionPrice_11x4v_73", Ne = "_quantity_11x4v_87", h = {
   options: Fe,
   option: De,
-  optionInput: he,
-  optionImage: Pe,
-  optionLabel: Se,
+  optionInput: Pe,
+  optionImage: Se,
+  optionLabel: he,
   optionPrice: ve,
   quantity: Ne
-}, Ae = ({ content: e, locale: o }) => /* @__PURE__ */ t.createElement(G, {
+}, Ae = ({ content: e, locale: o }) => /* @__PURE__ */ t.createElement($, {
   content: e,
   locale: o
 }), qe = () => /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
-  className: f(ce, P.label)
+  className: _(ce, S.label)
 }, /* @__PURE__ */ t.createElement(a.Label.Required, {
-  className: f(ue, P.requiredMark)
+  className: _(ue, S.requiredMark)
 })), /* @__PURE__ */ t.createElement(a.Options, {
-  className: f(me, w.options, S.options)
+  className: _(me, Q.options, h.options)
 }, /* @__PURE__ */ t.createElement(a.Option, {
-  className: f(P.checkbox, S.option)
+  className: _(S.checkbox, h.option)
 }, /* @__PURE__ */ t.createElement(a.Option.Image, {
-  className: S.optionImage
+  className: h.optionImage
 }), /* @__PURE__ */ t.createElement(a.Option.Label, {
-  className: f(pe, w.optionLabel, S.optionLabel)
+  className: _(pe, Q.optionLabel, h.optionLabel)
 }), /* @__PURE__ */ t.createElement(a.Option.Price, {
-  className: f(de, S.optionPrice)
+  className: _(de, h.optionPrice)
 }), /* @__PURE__ */ t.createElement(a.Option.Input, {
-  className: f(Ee, P.checkboxInput, S.optionInput)
+  className: _(Ee, S.checkboxInput, h.optionInput)
 }), /* @__PURE__ */ t.createElement(a.Option.Quantity, {
-  className: f(ye, P.inputGroup, S.quantity)
+  className: _(ye, S.inputGroup, h.quantity)
 }))), /* @__PURE__ */ t.createElement(a.Error, {
-  className: f(_e, P.error)
+  className: _(fe, S.error)
 }, /* @__PURE__ */ t.createElement(se, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)), /* @__PURE__ */ t.createElement(a.Description, {
-  className: f(fe, P.description)
+  className: _(_e, S.description)
 }, 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-Dt2pU0VV.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--sO0VqCA.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-DtugsLiL.js";
-import { r as c, H as i, E, D as _, C as R, q as p, l as O, h as I } from "./form-element-classes-Bi-nNM8q.js";
-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--sO0VqCA.js → radio-group-field-rac.module-Cb3mm0f2.js}

@@ -1,10 +1,10 @@
 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 { ah as C, ae as $, ar as F, ab as q, aj as x } from "./form-DzjdnO7t.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 j } from "./field-error-headless-DTKnr5Zx.js";
-import { L as A } from "./field-label-headless-DV4aNd5Y.js";
-import { N as H } from "./options-layout-constants-DEfIEJWD.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;
   return e.slice(a);
@@ -31,7 +31,7 @@ const L = "Other", w = (e, t) => e == null ? void 0 : e.find((o) => (o.value ??
     renderDescription: () => /* @__PURE__ */ s.createElement(s.Fragment, null, N, _)
   });
 }, J = ({ children: e, className: t }) => {
-  const { options: o, addOther: a, addOtherLabel: O, id: m, numberOfColumns: f, hasError: b } = C(), { t: E } = F(), { isMobile: v } = q(), l = d(e, i.Option), r = y(null), c = O || E("add-other.default-other-option-label") || L, I = v ? H.ONE : f;
+  const { options: o, addOther: a, addOtherLabel: O, id: m, numberOfColumns: f, hasError: b } = C(), { t: E } = F(), { isMobile: v } = q(), l = d(e, i.Option), r = y(null), c = O || E("add-other.default-other-option-label") || L, I = v ? j.ONE : f;
   return x(() => {
     var n;
     (n = r.current) == null || n.focus();
@@ -105,11 +105,11 @@ p.Label = K;
 p.Input = Q;
 p.Control = W;
 p.OtherInput = X;
-i.Label = A;
+i.Label = H;
 i.Options = J;
 i.Option = p;
 i.Description = U;
-i.Error = j;
+i.Error = A;
 const Y = "_labelImage_45itv_1", Z = "_options_45itv_26", ee = "_option_45itv_26", te = "_optionInput_45itv_46", oe = "_optionControl_45itv_64", ne = "_optionLabel_45itv_142", de = {
   labelImage: Y,
   options: Z,

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

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

package/dist/component/{rating-input-field-rac-xDrHHcL2.js → rating-input-field-rac-BvbBZZDO.js}

@@ -1,24 +1,24 @@
 import { RicosViewer as D } from "@wix/ricos/viewer";
 import d from "classnames";
 import e, { useCallback as N, useState as y, useRef as O } from "react";
-import { ah as v, ae as I, ar as A } from "./form-DzjdnO7t.js";
+import { ai as v, af as I, as as A } from "./form-CtWkUmxc.js";
 import { RadioGroup as w, RadioField as M, RadioButton as B } from "react-aria-components";
 import { f as m, a as T } from "./find-child-C60k4CxG.js";
-import { D as H, E as P } from "./field-error-headless-DTKnr5Zx.js";
-import { L as q } from "./field-label-headless-DV4aNd5Y.js";
+import { D as P, E as q } from "./field-error-headless-D6iejMQP.js";
+import { L as H } from "./field-label-headless-BWLfU3YB.js";
 import { E as x } from "./error-icon-hZxQ6DEy.js";
-import { s as u } from "./field-rac.module-DtugsLiL.js";
-import { r as k, H as z, G, l as Q, h as U } from "./form-element-classes-Bi-nNM8q.js";
+import { s as u } from "./field-rac.module-DnUIb9Oh.js";
+import { z, P as k, O as G, q as j, j as Q } from "./form-element-classes-BSMjWijd.js";
 const t = ({ children: r }) => {
-  const { id: n, value: o, onChange: s, disabled: l, required: c, hasError: i, onBlur: C, onFocus: L, FieldLayout: E } = v(), { labelId: p } = I(), R = N((F) => s(Number(F)), [
-    s
-  ]), g = m(r, t.Label), a = m(r, t.Ratings), f = m(r, t.Description), S = m(r, t.Error);
+  const { id: n, value: s, onChange: o, disabled: l, required: c, hasError: i, onBlur: C, onFocus: L, FieldLayout: E } = v(), { labelId: p } = I(), R = N((F) => o(Number(F)), [
+    o
+  ]), f = m(r, t.Label), a = m(r, t.Ratings), g = m(r, t.Description), S = m(r, t.Error);
   return /* @__PURE__ */ e.createElement(E, {
     fieldId: n,
-    renderLabel: () => g,
+    renderLabel: () => f,
     renderInput: () => /* @__PURE__ */ e.createElement(w, {
       "aria-labelledby": p,
-      value: o ? String(o) : void 0,
+      value: s ? String(s) : void 0,
       onChange: R,
       isDisabled: l,
       isRequired: c,
@@ -27,16 +27,16 @@ const t = ({ children: r }) => {
       onFocus: L,
       orientation: "horizontal"
     }, a),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, S, f)
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, S, g)
   });
-}, h = ({ children: r, className: n, getReactionLabel: o }) => {
-  const { value: s, hasError: l } = v(), { inputId: c, ariaDescribedBy: i } = I(), [C, L] = y(), E = O(null), p = m(r, h.Rating), R = [
+}, h = ({ children: r, className: n, getReactionLabel: s }) => {
+  const { value: o, hasError: l } = v(), { inputId: c, ariaDescribedBy: i } = I(), [C, L] = y(), E = O(null), p = m(r, h.Rating), R = [
     "1",
     "2",
     "3",
     "4",
     "5"
-  ], g = (a) => C ? C >= a : !!s && s >= Number(a);
+  ], f = (a) => C ? C >= a : !!o && o >= Number(a);
   return /* @__PURE__ */ e.createElement("div", {
     ref: E,
     id: c,
@@ -46,11 +46,11 @@ const t = ({ children: r }) => {
   }, R.map((a) => T(p, {
     key: a,
     value: a,
-    isSelected: g(a),
-    onHoverChange: (f) => L(f ? a : void 0),
-    label: o == null ? void 0 : o(Number(a))
+    isSelected: f(a),
+    onHoverChange: (g) => L(g ? a : void 0),
+    label: s == null ? void 0 : s(Number(a))
   })));
-}, Z = {
+}, U = {
   border: 0,
   clipPath: "inset(50%)",
   height: 1,
@@ -60,10 +60,10 @@ const t = ({ children: r }) => {
   position: "absolute",
   width: 1,
   whiteSpace: "nowrap"
-}, _ = ({ className: r, children: n, ...o }) => {
-  const { value: s, isSelected: l, onHoverChange: c, label: i } = o;
+}, _ = ({ className: r, children: n, ...s }) => {
+  const { value: o, isSelected: l, onHoverChange: c, label: i } = s;
   return /* @__PURE__ */ e.createElement(M, {
-    value: s
+    value: o
   }, /* @__PURE__ */ e.createElement(B, {
     className: r,
     "data-active": l || void 0,
@@ -71,16 +71,16 @@ const t = ({ children: r }) => {
   }, typeof n == "function" ? n({
     isSelected: l
   }) : n, i ? /* @__PURE__ */ e.createElement("span", {
-    style: Z
+    style: U
   }, i) : null));
 };
 h.Rating = _;
-t.Label = q;
+t.Label = H;
 t.Ratings = h;
 t.Rating = _;
-t.Description = H;
-t.Error = P;
-const j = (r) => /* @__PURE__ */ e.createElement("svg", {
+t.Description = P;
+t.Error = q;
+const Z = (r) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 32 32",
   width: 32,
   height: 32,
@@ -109,9 +109,9 @@ const j = (r) => /* @__PURE__ */ e.createElement("svg", {
 }), i2 = () => {
   const { t: r } = A();
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: d(k, u.label)
+    className: d(z, u.label)
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: d(z, u.requiredMark)
+    className: d(k, u.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Ratings, {
     className: b.ratings,
     getReactionLabel: (n) => r("rating-input.a11y.reaction-label", {
@@ -119,10 +119,10 @@ const j = (r) => /* @__PURE__ */ e.createElement("svg", {
     })
   }, /* @__PURE__ */ e.createElement(t.Rating, {
     className: d(G, b.rating)
-  }, ({ isSelected: n }) => n ? /* @__PURE__ */ e.createElement(j, null) : /* @__PURE__ */ e.createElement(J, null))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: d(Q, u.error)
+  }, ({ isSelected: n }) => n ? /* @__PURE__ */ e.createElement(Z, null) : /* @__PURE__ */ e.createElement(J, null))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: d(j, u.error)
   }, /* @__PURE__ */ e.createElement(x, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: d(U, u.description)
+    className: d(Q, u.description)
   }, X));
 };
 export {

package/dist/component/{rating-input-rac-Bo5E9N87.js → rating-input-rac-DDe1EBpt.js}

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

package/dist/component/{rich-content-rac.module-CJXbNca9.js → rich-content-rac.module-BacYkzEv.js}

@@ -1,5 +1,5 @@
 import c, { useState as u } from "react";
-import { ah as a, ab as i, ar as T } from "./form-DzjdnO7t.js";
+import { ai as a, ab as i, as as T } from "./form-CtWkUmxc.js";
 import { Button as d } from "react-aria-components";
 import { D as r } from "./data-hooks-Dkw1pbRj.js";
 import { truncateRichContent as _ } from "@wix/ricos/content";

package/dist/component/{rich-text-field-rac-CkV0Z9F-.js → rich-text-field-rac-D1W0mUjr.js}

@@ -1,8 +1,8 @@
 import l from "classnames";
 import e from "react";
-import { ah as m, L as i, W as u, Z as R } from "./form-DzjdnO7t.js";
-import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-CJXbNca9.js";
-import { Y as g } from "./form-element-classes-Bi-nNM8q.js";
+import { ai as m, L as i, W as u, Z as R } from "./form-CtWkUmxc.js";
+import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-BacYkzEv.js";
+import { a4 as g } from "./form-element-classes-BSMjWijd.js";
 const h = {
   colorPalette: R(),
   customStyles: u()

package/dist/component/{rich-text-rac-59DbKpXz.js → rich-text-rac-B-cOn0RU.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { R as t } from "./rich-text-field-rac-CkV0Z9F-.js";
+import { R as t } from "./rich-text-field-rac-D1W0mUjr.js";
 const R = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   R as RichTextRAC