@wix/form-elements 1.63.0 → 1.64.0

package/dist/component/{product-list-rac-DER8gVqy.js → product-list-rac-hxOhaA-r.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 G, useCallback as q, useRef as B } from "react";
+import { RicosViewer as H } 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-9yjqDnxY.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-BIYf1BIh.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-DrnFrGun.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-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 { 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 = G(() => 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 ? [
+      ...f,
+      P
+    ] : f;
+    n == null || n(z);
   }, [
     s,
     n
@@ -41,15 +41,15 @@ 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,
+      allowMany: x,
       productValues: s,
       onProductChange: F,
       disabled: r,
@@ -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, 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);
     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), x = 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 = q((f) => {
+    l({
       productId: n.value,
       price: r,
       quantity: 1
-    }, _);
+    }, f);
   }, [
-    i,
+    l,
     n.value,
     r
-  ]), h = T((_) => {
-    i({
+  ]), P = q((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,
@@ -146,16 +146,16 @@ const a = ({ children: e }) => {
     label: n.label
   }) : null, R ? L(R, {
     price: r
-  }) : null, q));
+  }) : null, x));
 }, 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 = q((p) => {
     n(p < 0 ? 0 : p);
   }, [
     n
-  ]), m = T((p) => {
+  ]), m = q((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,40 +224,40 @@ 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(H, {
   content: e,
   locale: o
-}), qe = () => /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
-  className: f(ce, P.label)
+}), xe = () => /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.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)
-}, Ae)), Je = () => /* @__PURE__ */ t.createElement(qe, null);
+  className: _(_e, S.description)
+}, Ae)), Je = () => /* @__PURE__ */ t.createElement(xe, null);
 export {
   Je as ProductListRAC
 };

package/dist/component/quiz-radio-group-rac-BT-YZO2Q.js

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

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

@@ -1,10 +1,10 @@
 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-BwUynK_5.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";
+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, {
   content: o,
   locale: n

package/dist/component/{radio-group-field-rac.module--sO0VqCA.js → radio-group-field-rac.module-BwUynK_5.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-9yjqDnxY.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-DrnFrGun.js";
+import { L as H } from "./field-label-headless-BIYf1BIh.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-DHURQZKK.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-DKqWnMBJ.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-CZRdSVrf.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 b, af as v, as as A } from "./form-9yjqDnxY.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 H, E as P } from "./field-error-headless-DrnFrGun.js";
+import { L as q } from "./field-label-headless-BIYf1BIh.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-CWkwwhq4.js";
+import { t as k, J as z, I as G, n as j, j as J } from "./form-element-classes-KRzHUNLu.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 } = b(), { labelId: p } = v(), 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 } = b(), { inputId: c, ariaDescribedBy: i } = v(), [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 = {
+}, Q = {
   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,7 +71,7 @@ const t = ({ children: r }) => {
   }, typeof n == "function" ? n({
     isSelected: l
   }) : n, i ? /* @__PURE__ */ e.createElement("span", {
-    style: Z
+    style: Q
   }, i) : null));
 };
 h.Rating = _;
@@ -80,7 +80,7 @@ t.Ratings = h;
 t.Rating = _;
 t.Description = H;
 t.Error = P;
-const j = (r) => /* @__PURE__ */ e.createElement("svg", {
+const U = (r) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 32 32",
   width: 32,
   height: 32,
@@ -90,7 +90,7 @@ const j = (r) => /* @__PURE__ */ e.createElement("svg", {
 }, /* @__PURE__ */ e.createElement("path", {
   fillRule: "evenodd",
   d: "M28.6265,13.6325 C28.9655,13.3015 29.0845,12.8175 28.9385,12.3665 C28.7925,11.9165 28.4105,11.5945 27.9415,11.5265 L20.5785,10.4565 C20.5015,10.4445 20.4345,10.3965 20.4005,10.3275 L17.1075,3.6545 L17.1075,3.6535 C16.8975,3.2295 16.4735,2.9655 16.0005,2.9655 L15.9995,2.9655 C15.5255,2.9655 15.1025,3.2295 14.8925,3.6545 L11.5985,10.3275 C11.5645,10.3965 11.4985,10.4445 11.4225,10.4565 L4.0575,11.5265 C3.5895,11.5945 3.2075,11.9165 3.0615,12.3665 C2.9155,12.8175 3.0345,13.3015 3.3735,13.6325 L8.7025,18.8265 C8.7575,18.8805 8.7835,18.9585 8.7705,19.0345 L7.5125,26.3695 C7.4325,26.8355 7.6205,27.2985 8.0035,27.5765 C8.2195,27.7345 8.4735,27.8145 8.7285,27.8145 C8.9245,27.8145 9.1215,27.7665 9.3045,27.6705 L15.8895,24.2085 C15.9595,24.1725 16.0415,24.1725 16.1085,24.2075 L22.6955,27.6705 C23.1155,27.8915 23.6135,27.8555 23.9965,27.5765 C24.3795,27.2985 24.5675,26.8355 24.4875,26.3695 L23.2305,19.0355 C23.2165,18.9585 23.2425,18.8805 23.2975,18.8265 L28.6265,13.6325 Z"
-})), J = (r) => /* @__PURE__ */ e.createElement("svg", {
+})), Z = (r) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 32 32",
   width: 32,
   height: 32,
@@ -100,7 +100,7 @@ const j = (r) => /* @__PURE__ */ e.createElement("svg", {
 }, /* @__PURE__ */ e.createElement("path", {
   fillRule: "evenodd",
   d: "M16,3.966 C15.956,3.966 15.848,3.979 15.789,4.097 L12.496,10.77 C12.317,11.133 11.969,11.386 11.567,11.445 L4.202,12.515 C4.072,12.534 4.026,12.634 4.012,12.675 C3.999,12.717 3.978,12.824 4.072,12.917 L9.4,18.111 C9.691,18.394 9.824,18.803 9.755,19.204 L8.498,26.538 C8.476,26.668 8.556,26.742 8.591,26.768 C8.627,26.793 8.721,26.846 8.838,26.786 L15.426,23.323 C15.785,23.133 16.215,23.134 16.574,23.322 L23.162,26.786 C23.277,26.846 23.374,26.793 23.409,26.768 C23.444,26.742 23.524,26.668 23.502,26.538 L22.245,19.204 C22.176,18.803 22.309,18.394 22.6,18.111 L27.928,12.917 C28.022,12.824 28.001,12.717 27.988,12.675 C27.974,12.634 27.928,12.534 27.798,12.515 L20.434,11.445 C20.031,11.386 19.683,11.133 19.504,10.769 L16.211,4.097 C16.152,3.979 16.044,3.966 16,3.966 M8.728,27.814 C8.473,27.814 8.22,27.734 8.003,27.577 C7.62,27.299 7.432,26.836 7.512,26.369 L8.77,19.035 C8.783,18.958 8.758,18.881 8.702,18.826 L3.374,13.633 C3.035,13.302 2.915,12.817 3.061,12.367 C3.208,11.916 3.589,11.594 4.058,11.526 L11.422,10.456 C11.499,10.445 11.565,10.397 11.599,10.328 L14.893,3.654 C15.102,3.23 15.526,2.966 16,2.966 C16.474,2.966 16.898,3.23 17.107,3.654 L20.401,10.327 C20.435,10.397 20.501,10.445 20.579,10.456 L27.942,11.526 C28.411,11.594 28.792,11.916 28.939,12.367 C29.085,12.817 28.965,13.302 28.626,13.633 L23.298,18.826 C23.242,18.881 23.217,18.958 23.23,19.035 L24.488,26.369 C24.568,26.836 24.38,27.299 23.997,27.577 C23.614,27.855 23.116,27.892 22.696,27.671 L16.109,24.208 C16.042,24.173 15.959,24.172 15.891,24.208 L9.304,27.671 C9.122,27.767 8.924,27.814 8.728,27.814"
-})), K = "_ratings_112z7_1", W = "_rating_112z7_1", b = {
+})), K = "_ratings_112z7_1", W = "_rating_112z7_1", I = {
   ratings: K,
   rating: W
 }, X = ({ content: r, locale: n }) => /* @__PURE__ */ e.createElement(D, {
@@ -113,16 +113,16 @@ const j = (r) => /* @__PURE__ */ e.createElement("svg", {
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {
     className: d(z, u.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Ratings, {
-    className: b.ratings,
+    className: I.ratings,
     getReactionLabel: (n) => r("rating-input.a11y.reaction-label", {
       count: n
     })
   }, /* @__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)
+    className: d(G, I.rating)
+  }, ({ isSelected: n }) => n ? /* @__PURE__ */ e.createElement(U, null) : /* @__PURE__ */ e.createElement(Z, 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(J, u.description)
   }, X));
 };
 export {

package/dist/component/{rating-input-rac-Bo5E9N87.js → rating-input-rac-BaH52DYm.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-CZRdSVrf.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-ILBfxEmN.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-9yjqDnxY.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-B58q8Is7.js}

@@ -1,12 +1,12 @@
 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-9yjqDnxY.js";
+import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-ILBfxEmN.js";
+import { _ as g } from "./form-element-classes-KRzHUNLu.js";
 const h = {
   colorPalette: R(),
   customStyles: u()
-}, x = ({ truncate: t = !0 } = {}) => {
+}, _ = ({ truncate: t = !0 } = {}) => {
   const { content: a, maxShownParagraphs: s } = m(), { displayedContent: n, isTruncated: o, isTruncateButtonShown: r, toggleTruncate: c } = T(a, t ? s : void 0);
   return /* @__PURE__ */ e.createElement(C, null, () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(i, {
     className: l(g, d.richContent),
@@ -18,5 +18,5 @@ const h = {
   })));
 };
 export {
-  x as R
+  _ as R
 };

package/dist/component/{rich-text-rac-59DbKpXz.js → rich-text-rac-DGbZh1eX.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-B58q8Is7.js";
 const R = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   R as RichTextRAC