@wix/form-elements 1.72.0 → 1.73.0

package/dist/component/{password-rac-DBk3CNX3.js → password-rac-D62npVHY.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-VD2Og15y.js";
+import { ai as p, af as I, ak as x, as as A } from "./form-C6WwBcGP.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-BAVGL8JO.js";
-import { L as q } from "./field-label-headless-CwSCKtI1.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 { 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, P as W, y as Z, q as z, j as G } from "./form-element-classes-BSMjWijd.js";
+import { z as H, R as W, y as Z, q as z, j as G } from "./form-element-classes-DDKCTFQj.js";
 const t = ({ children: r, className: o }) => {
-  const { id: i, value: s, onChange: c, disabled: l, readOnly: m, required: n, hasError: a, onBlur: f, onFocus: _, FieldLayout: y } = p(), { labelId: C } = I(), [F, L] = h(!1), R = E(r, t.Label), D = E(r, t.Control), T = E(r, t.Description), S = E(r, t.Error);
+  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);
   return /* @__PURE__ */ e.createElement(y, {
     fieldId: i,
-    renderLabel: () => R,
+    renderLabel: () => L,
     renderInput: () => /* @__PURE__ */ e.createElement(B, {
-      "aria-labelledby": C,
+      "aria-labelledby": R,
       value: s ?? "",
       onChange: c,
       isDisabled: l,
@@ -27,8 +27,8 @@ const t = ({ children: r, className: o }) => {
       onFocus: _,
       className: o
     }, g(D, {
-      isVisible: F,
-      onToggleVisibility: () => L((w) => !w)
+      isVisible: C,
+      onToggleVisibility: () => F((w) => !w)
     })),
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, T, S)
   });

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

@@ -2,16 +2,16 @@ import r, { useCallback as V, useRef as z } from "react";
 import { RicosViewer as Q } from "@wix/ricos/viewer";
 import i from "classnames";
 import { TextField as w, Group as 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-VD2Og15y.js";
+import { ai as D, af as S, ab as x, as as W, ak as X } from "./form-C6WwBcGP.js";
 import { f as m } from "./find-child-C60k4CxG.js";
-import { D as Y, E as Z } from "./field-error-headless-BAVGL8JO.js";
-import { L as ee } from "./field-label-headless-CwSCKtI1.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 { 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, P as oe, y as le, q as ce, j as ie } from "./form-element-classes-BSMjWijd.js";
+import { z as se, R as oe, y as le, q as ce, j as ie } from "./form-element-classes-DDKCTFQj.js";
 function ue(e, t) {
   return {
     productId: e.id,
@@ -26,8 +26,8 @@ function h(e) {
   return Number.isNaN(t) ? void 0 : t;
 }
 const n = ({ children: e }) => {
-  var O, A, P, g;
-  const { id: t, value: a, onChange: s, disabled: p, readOnly: d, required: y, hasError: b, onBlur: o, onFocus: E, FieldLayout: M, validation: _ } = D(), { labelId: q, prefixId: G } = S(), { regionalFormat: c } = x(), N = (P = (A = (O = _ == null ? void 0 : _.predefined) == null ? void 0 : O.paymentOptions) == null ? void 0 : A.products) == null ? void 0 : P[0], C = (g = a == null ? void 0 : a.at(0)) == null ? void 0 : g.price, [F, I] = te({
+  var O, A, g, P;
+  const { id: t, value: a, onChange: s, disabled: p, readOnly: d, required: y, hasError: b, onBlur: o, onFocus: E, FieldLayout: M, validation: _ } = D(), { labelId: q, prefixId: G } = S(), { regionalFormat: c } = x(), N = (g = (A = (O = _ == null ? void 0 : _.predefined) == null ? void 0 : O.paymentOptions) == null ? void 0 : A.products) == null ? void 0 : g[0], C = (P = a == null ? void 0 : a.at(0)) == null ? void 0 : P.price, [F, I] = te({
     sourceValue: C,
     format: (l) => R(String(l ?? ""), c),
     regionalFormat: c

package/dist/component/{phone-input-field-rac-C30S0p_Y.js → phone-input-field-rac-uHxR3ozd.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 P, useEffect as w, useCallback as Z, createContext as te, useContext as V } from "react";
-import { a2 as Ee, as as v, ab as ne, ar as fe, ai as M, af as oe, ak as he } from "./form-VD2Og15y.js";
+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 { 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 { 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 { f as h, a as ce } from "./find-child-C60k4CxG.js";
-import { D as Fe, E as De } from "./field-error-headless-BAVGL8JO.js";
-import { L as Re } from "./field-label-headless-CwSCKtI1.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 { 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";
@@ -16,7 +16,7 @@ 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, P as qe, y as Ve, C as ze, q as Ge, j as He } from "./form-element-classes-BSMjWijd.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";
 function X(e) {
   const n = e ? se(e) : void 0, r = n == null ? void 0 : n.country;
   if (r)
@@ -42,7 +42,7 @@ function ee(e, n) {
   return e;
 }
 function Ye() {
-  const { t: e } = v(), { language: n } = ne();
+  const { t: e } = P(), { language: n } = ne();
   return B(() => Object.keys(W).reduce((o, a) => {
     const c = W[a], l = z(c), u = e(`locale-dataset.countries.${c.toUpperCase()}`);
     return l && Te(a) && o.push({
@@ -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 = P(U(e ?? null) ?? ""), [u, i] = q(n);
+  const [a, c] = q(e || ""), l = v(U(e ?? null) ?? ""), [u, i] = q(n);
   fe(() => {
     c(""), l.current = "", i(n), o("");
   });
@@ -177,7 +177,7 @@ const le = /* @__PURE__ */ te(null), N = () => {
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, T)
   }));
 }, Y = ({ children: e, className: n }) => {
-  const { inputId: r, labelId: o } = oe(), { hasError: a, disabled: c, readOnly: l } = M(), { t: u } = v(), { selectedCountryCode: i, countries: m } = N(), C = `${r}-country`, p = i ? m.find((O) => O.shortCountryCode === i) : void 0, d = p && z(p.longCountryCode) || "", f = u("field.phone.country-code.aria-label"), y = p ? `${f}, ${p.countryName}, ${d}` : f;
+  const { inputId: r, labelId: o } = oe(), { hasError: a, disabled: c, readOnly: l } = M(), { t: u } = P(), { selectedCountryCode: i, countries: m } = N(), C = `${r}-country`, p = i ? m.find((O) => O.shortCountryCode === i) : void 0, d = p && z(p.longCountryCode) || "", f = u("field.phone.country-code.aria-label"), y = p ? `${f}, ${p.countryName}, ${d}` : f;
   return /* @__PURE__ */ t.createElement(Be, {
     isDisabled: c || l,
     id: C,
@@ -237,7 +237,7 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
     }
   }, e)))));
 }, ie = ({ children: e, listBoxProps: n }) => {
-  const { countries: r } = N(), o = h(e, g.Option), a = h(e, g.Search), c = h(e, g.EmptyState), l = /* @__PURE__ */ t.createElement(Pe, {
+  const { countries: r } = N(), o = h(e, g.Option), a = h(e, g.Search), c = h(e, g.EmptyState), l = /* @__PURE__ */ t.createElement(ve, {
     ...n,
     renderEmptyState: c ? () => c : void 0
   }, r.map((u) => {
@@ -250,7 +250,7 @@ const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a
       longCountryCode: u.longCountryCode
     });
   }));
-  return a ? /* @__PURE__ */ t.createElement(ve, {
+  return a ? /* @__PURE__ */ t.createElement(Pe, {
     filter: (u, i, m) => {
       const C = r.find((p) => p.shortCountryCode === m.key);
       return !!C && Ke(C, i);
@@ -309,7 +309,7 @@ $.Name = de;
 $.Code = pe;
 g.Option = $;
 const tt = ({ className: e }) => {
-  const { t: n } = v(), { inputId: r, ariaDescribedBy: o } = oe(), { id: a, placeholder: c, disabled: l, readOnly: u, required: i, label: m, hasError: C } = M(), { currentValue: p, handlePhoneChange: d } = N(), f = P(null);
+  const { t: n } = P(), { inputId: r, ariaDescribedBy: o } = oe(), { id: a, placeholder: c, disabled: l, readOnly: u, required: i, label: m, hasError: C } = M(), { currentValue: p, handlePhoneChange: d } = N(), f = v(null);
   return he(() => {
     var y;
     (y = f.current) == null || y.focus({
@@ -331,7 +331,7 @@ const tt = ({ className: e }) => {
     className: e
   });
 }, nt = ({ children: e, className: n }) => {
-  const r = P(null), o = P(null), a = P(!1), { disabled: c, readOnly: l, required: u, hasError: i, showFlag: m, onFocus: C, onBlur: p } = M(), d = Me(p), { t: f } = v(), { selectedCountryCode: y, handleCountryCodeChange: O, countries: S } = N(), A = h(e, s.CountryButton), F = h(e, s.CountryOptions.Modal), T = F ?? h(e, s.CountryOptions.Popover), D = h(e, s.PhoneNumber), R = {
+  const r = v(null), o = v(null), a = v(!1), { disabled: c, readOnly: l, required: u, hasError: i, showFlag: m, onFocus: C, onBlur: p } = M(), d = Me(p), { t: f } = P(), { selectedCountryCode: y, handleCountryCodeChange: O, countries: S } = N(), A = h(e, s.CountryButton), F = h(e, s.CountryOptions.Modal), T = F ?? h(e, s.CountryOptions.Popover), D = h(e, s.PhoneNumber), R = {
     onFocus: () => {
       a.current || (a.current = !0, C == null || C());
     },
@@ -421,7 +421,7 @@ const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
   className: E.chevron,
   "aria-hidden": "true"
 }, /* @__PURE__ */ t.createElement(we, null)), qt = () => {
-  const { t: e } = v(), { isMobile: n, PortalContainer: r } = ne(), o = /* @__PURE__ */ t.createElement(s.CountryOptions.Search, {
+  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")
   }, /* @__PURE__ */ t.createElement(rt, {

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

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

package/dist/component/{product-list-rac-DMdxtFZ1.js → product-list-rac-iRf6Ra7i.js}

@@ -2,16 +2,16 @@ import t, { useMemo as H, useCallback as x, useRef as B } from "react";
 import { RicosViewer as $ } from "@wix/ricos/viewer";
 import _ from "classnames";
 import { CheckboxField as K, CheckboxButton as j, NumberField as J, Group as W, Button as U, Input as X } from "react-aria-components";
-import { ai as M, af as Y, ab as w, as as Z, ak as ee } from "./form-VD2Og15y.js";
+import { ai as M, af as Y, ab as w, as as Z, ak as ee } from "./form-C6WwBcGP.js";
 import { f as b, a as L } from "./find-child-C60k4CxG.js";
-import { L as te, g as ne } from "./field-label-headless-CwSCKtI1.js";
+import { L as te, g as ne } from "./field-label-headless-DoxfHHaj.js";
 import { f as ae } from "./format-currency-BwShJ9vM.js";
-import { D as oe, E as re } from "./field-error-headless-BAVGL8JO.js";
+import { D as oe, E as re } from "./field-error-headless-DQZ5XAdn.js";
 import { F as ie } from "./fieldset-headless-CD3fds9J.js";
 import { g as le } from "./payment-field-utils-DobiK5Xh.js";
 import { E as se } from "./error-icon-hZxQ6DEy.js";
 import { s as S } from "./field-rac.module-Cac83bU5.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 { z as ce, R 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-DDKCTFQj.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;

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

@@ -1,6 +1,6 @@
 import _ from "react";
-import { R } from "./radio-group-field-rac-D7MwZqH6.js";
-import { K as o, J as r, I as O } from "./form-element-classes-BSMjWijd.js";
+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";
 const t = () => /* @__PURE__ */ _.createElement(R, {
   classes: {
     container: O,

package/dist/component/{radio-group-field-rac-D7MwZqH6.js → radio-group-field-rac-BWpTNAbO.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-DxEUzWwB.js";
+import { R as t, s as r } from "./radio-group-field-rac.module-WxU5zxvM.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
 import { s as l } from "./field-rac.module-Cac83bU5.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";
+import { z as c, R as i, N as E, M as _, L as R, y as p, q as O, j as L } from "./form-element-classes-DDKCTFQj.js";
 const I = ({ content: o, locale: n }) => /* @__PURE__ */ e.createElement(s, {
   content: o,
   locale: n

package/dist/component/{radio-group-field-rac.module-DxEUzWwB.js → radio-group-field-rac.module-WxU5zxvM.js}

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

package/dist/component/{radio-group-rac-BK7qn-h2.js → radio-group-rac-dA4WZ1Vj.js}

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

package/dist/component/rating-input-field-rac-CJnFsBvH.js

@@ -0,0 +1,127 @@
+import { RicosViewer as O } from "@wix/ricos/viewer";
+import c from "classnames";
+import e, { useCallback as h, useState as y, useRef as A } from "react";
+import { ai as b, af as F, as as T, ac as M } from "./form-C6WwBcGP.js";
+import { RadioGroup as P, RadioField as w, RadioButton as B } from "react-aria-components";
+import { f as E, a as q } from "./find-child-C60k4CxG.js";
+import { D as x, E as G } from "./field-error-headless-DQZ5XAdn.js";
+import { L as H } from "./field-label-headless-DoxfHHaj.js";
+import { E as k } from "./error-icon-hZxQ6DEy.js";
+import { s as p } from "./field-rac.module-Cac83bU5.js";
+import { z, R as Q, O as j, P as K, Q as U, q as Y, j as Z } from "./form-element-classes-DDKCTFQj.js";
+import { R as J } from "./form-element-keys-D0sEdpFo.js";
+const t = ({ children: a }) => {
+  const { id: r, value: n, onChange: i, disabled: o, readOnly: d, required: l, hasError: m, onBlur: u, onFocus: R, FieldLayout: C } = b(), { labelId: L } = F(), _ = h((D) => i(Number(D)), [
+    i
+  ]), f = E(a, t.Label), s = E(a, t.Ratings), g = E(a, t.Description), v = E(a, t.Error);
+  return /* @__PURE__ */ e.createElement(C, {
+    fieldId: r,
+    renderLabel: () => f,
+    renderInput: () => /* @__PURE__ */ e.createElement(P, {
+      "aria-labelledby": L,
+      value: n ? String(n) : void 0,
+      onChange: _,
+      isDisabled: o,
+      isReadOnly: d,
+      isRequired: l,
+      isInvalid: m,
+      onBlur: u,
+      onFocus: R,
+      orientation: "horizontal"
+    }, s),
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, v, g)
+  });
+}, I = ({ children: a, className: r, getReactionLabel: n }) => {
+  const { value: i, readOnly: o, hasError: d } = b(), { inputId: l, ariaDescribedBy: m } = F(), [u, R] = y(), C = A(null), L = E(a, I.Rating), _ = [
+    "1",
+    "2",
+    "3",
+    "4",
+    "5"
+  ], f = (s) => u && !o ? u >= s : !!i && i >= Number(s);
+  return /* @__PURE__ */ e.createElement("div", {
+    ref: C,
+    id: l,
+    "aria-describedby": m,
+    className: r,
+    "data-invalid": d,
+    "data-readonly": o
+  }, _.map((s) => q(L, {
+    key: s,
+    value: s,
+    isSelected: f(s),
+    onHoverChange: (g) => R(g ? s : void 0),
+    label: n == null ? void 0 : n(Number(s))
+  })));
+}, W = {
+  border: 0,
+  clipPath: "inset(50%)",
+  height: 1,
+  margin: -1,
+  overflow: "hidden",
+  padding: 0,
+  position: "absolute",
+  width: 1,
+  whiteSpace: "nowrap"
+}, N = ({ className: a, children: r, ...n }) => {
+  const { value: i, isSelected: o, onHoverChange: d, label: l } = n, m = typeof a == "function" ? a({
+    isSelected: o
+  }) : a;
+  return /* @__PURE__ */ e.createElement(w, {
+    value: i
+  }, /* @__PURE__ */ e.createElement(B, {
+    className: m,
+    "data-active": o || void 0,
+    onHoverChange: d
+  }, typeof r == "function" ? r({
+    isSelected: o
+  }) : r, l ? /* @__PURE__ */ e.createElement("span", {
+    style: W
+  }, l) : null));
+};
+I.Rating = N;
+t.Label = H;
+t.Ratings = I;
+t.Rating = N;
+t.Description = x;
+t.Error = G;
+const X = (a) => /* @__PURE__ */ e.createElement("svg", {
+  viewBox: "0 0 32 32",
+  width: 32,
+  height: 32,
+  fill: "currentColor",
+  "aria-hidden": "true",
+  ...a
+}, /* @__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"
+})), $ = "_ratings_1n24x_1", V = "_rating_1n24x_1", S = {
+  ratings: $,
+  rating: V
+}, ee = ({ content: a, locale: r }) => /* @__PURE__ */ e.createElement(O, {
+  content: a,
+  locale: r
+}), ue = () => {
+  const { t: a } = T(), r = M(J);
+  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
+    className: c(z, p.label)
+  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
+    className: c(Q, p.requiredMark)
+  })), /* @__PURE__ */ e.createElement(t.Ratings, {
+    className: c(j, S.ratings),
+    getReactionLabel: (n) => a("rating-input.a11y.reaction-label", {
+      count: n
+    })
+  }, /* @__PURE__ */ e.createElement(t.Rating, {
+    className: ({ isSelected: n }) => c(K, r, S.rating, {
+      [U]: n
+    })
+  }, /* @__PURE__ */ e.createElement(X, null))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: c(Y, p.error)
+  }, /* @__PURE__ */ e.createElement(k, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
+    className: c(Z, p.description)
+  }, ee));
+};
+export {
+  ue as R
+};

package/dist/component/{rating-input-rac-Dy335I62.js → rating-input-rac-DXVYozFV.js}

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

package/dist/component/{rich-content-rac.module-DrHi1MSI.js → rich-content-rac.module-DkKwzJS7.js}

@@ -1,5 +1,5 @@
 import c, { useState as u } from "react";
-import { ai as a, ab as i, as as T } from "./form-VD2Og15y.js";
+import { ai as a, ab as i, as as T } from "./form-C6WwBcGP.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-CMnH_2lB.js → rich-text-field-rac-8FWCRrpb.js}

@@ -1,8 +1,8 @@
 import l from "classnames";
 import e from "react";
-import { ai as m, L as i, W as u, Z as R } from "./form-VD2Og15y.js";
-import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-DrHi1MSI.js";
-import { a4 as g } from "./form-element-classes-BSMjWijd.js";
+import { ai as m, L as i, W as u, Z as R } from "./form-C6WwBcGP.js";
+import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-DkKwzJS7.js";
+import { a6 as g } from "./form-element-classes-DDKCTFQj.js";
 const h = {
   colorPalette: R(),
   customStyles: u()

package/dist/component/{rich-text-rac-Cebhj1Mq.js → rich-text-rac-OeM_mPRy.js}

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

package/dist/component/{service-dropdown-rac-BKsuPUHs.js → service-dropdown-rac-mvUMpcS_.js}

@@ -1,16 +1,16 @@
-import t, { useRef as N, useMemo as g, useCallback as h, useEffect as T } from "react";
+import t, { useRef as P, useMemo as g, useCallback as h, useEffect as T } from "react";
 import { RicosViewer as A } from "@wix/ricos/viewer";
 import m from "classnames";
-import { ae as w, as as b, F as M, ai as y, ab as U, h as V } from "./form-VD2Og15y.js";
-import { u as q } from "./use-service-options-base-BagPjcuW.js";
-import { D as d } from "./dropdown-field-headless-CiK1C6eu.js";
+import { ae as w, as as b, F as M, ai as y, ab as U, h as V } from "./form-C6WwBcGP.js";
+import { u as q } from "./use-service-options-base-D4Zl-iGW.js";
+import { D as d } from "./dropdown-field-headless-CTZ-zGqZ.js";
 import { C as x } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as H } from "./error-icon-hZxQ6DEy.js";
 import { H as k } from "./custom-focus-class-_483Pkwp.js";
 import { s as n } from "./field-rac.module-Cac83bU5.js";
-import { z as B, P as W, y as j, C as z, q as Q, j as Y } from "./form-element-classes-BSMjWijd.js";
+import { z as B, R as W, y as j, C as z, q as Q, j as Y } from "./form-element-classes-DDKCTFQj.js";
 const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
-  const { actions: r } = w(), { t: C } = b(), { addOther: i, addOtherLabel: p } = e, c = p || C("add-other.default-other-option-label"), a = N(!0), E = g(() => {
+  const { actions: r } = w(), { t: C } = b(), { addOther: i, addOtherLabel: p } = e, c = p || C("add-other.default-other-option-label"), a = P(!0), E = g(() => {
     var s;
     return ((s = e.options) == null ? void 0 : s.map((u) => u.id ?? "")) ?? [];
   }, [
@@ -25,11 +25,11 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   ] : s, [
     i,
     c
-  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: _ } = q({
+  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: R } = q({
     fieldType: M.SERVICES_DROPDOWN,
     isEditor: e.isEditor,
     postProcessOptions: O
-  }), R = h(async () => {
+  }), _ = h(async () => {
     if (a.current && (r != null && r.fetchServices) && E.length > 0) {
       a.current = !1, F(!0);
       let s;
@@ -41,7 +41,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
         console.error(u);
       }
       if (s) {
-        const u = _(s);
+        const u = R(s);
         S(!i && u.length === 0), L(u);
       } else
         a.current = !0;
@@ -50,7 +50,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   }, [
     r,
     E,
-    _,
+    R,
     i,
     F,
     L,
@@ -68,11 +68,11 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     e.isEditor
   ]);
   const v = h(() => {
-    e.onFocus && e.onFocus(), a.current && R();
+    e.onFocus && e.onFocus(), a.current && _();
   }, [
-    R,
+    _,
     e.onFocus
-  ]), P = h(
+  ]), N = h(
     (s) => {
       e.onChange && e.onChange(s), a.current = !0;
     },
@@ -86,7 +86,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     options: l,
     isEmpty: D,
     onFocus: v,
-    onChange: P,
+    onChange: N,
     shouldRender: I
   };
 }, o = ({ children: e }) => {

package/dist/component/{services-multi-choice-rac-BCzzyhJY.js → services-multi-choice-rac-DrgUrn_N.js}

@@ -1,14 +1,14 @@
 import e, { useEffect as C, useMemo as I } from "react";
 import { RicosViewer as L } from "@wix/ricos/viewer";
 import s from "classnames";
-import { F as R, ai as F, h as d } from "./form-VD2Og15y.js";
-import { u as D } from "./use-service-options-base-BagPjcuW.js";
-import { C as n } from "./checkbox-group-field-headless-DnI-niUS.js";
+import { F as R, ai as F, h as d } from "./form-C6WwBcGP.js";
+import { u as D } from "./use-service-options-base-D4Zl-iGW.js";
+import { C as n } from "./checkbox-group-field-headless-D_GG5LHM.js";
 import { E as h } from "./error-icon-hZxQ6DEy.js";
 import { s as i } from "./field-rac.module-Cac83bU5.js";
-import { z as f, P as b, T as M, U as N, V as A, y as v, q as x, j as T } from "./form-element-classes-BSMjWijd.js";
+import { z as f, R as b, V as M, W as N, X as A, y as v, q as x, j as T } from "./form-element-classes-DDKCTFQj.js";
 import { o as _ } from "./options-rac.module-KM-VT_KY.js";
-const P = (o) => {
+const k = (o) => {
   var S;
   const { isLoading: r, options: a, isEmpty: c, shouldRender: E, setOptions: l, setIsEmpty: m, setHasInitialDataLoaded: p } = D({
     fieldType: R.SERVICES_MULTI_CHOICE,
@@ -32,7 +32,7 @@ const P = (o) => {
     shouldRender: E
   };
 }, t = ({ children: o }) => {
-  const r = F(), { options: a, isEmpty: c, shouldRender: E } = P(r), l = I(() => ({
+  const r = F(), { options: a, isEmpty: c, shouldRender: E } = k(r), l = I(() => ({
     ...r,
     options: a
   }), [
@@ -49,10 +49,10 @@ t.Label = n.Label;
 t.Options = n.Options;
 t.Description = n.Description;
 t.Error = n.Error;
-const k = ({ content: o, locale: r }) => /* @__PURE__ */ e.createElement(L, {
+const y = ({ content: o, locale: r }) => /* @__PURE__ */ e.createElement(L, {
   content: o,
   locale: r
-}), y = () => /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
+}), P = () => /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
   className: s(f, i.label)
 }, /* @__PURE__ */ e.createElement(t.Label.Required, {
   className: s(b, i.requiredMark)
@@ -70,7 +70,7 @@ const k = ({ content: o, locale: r }) => /* @__PURE__ */ e.createElement(L, {
   className: s(x, i.error)
 }, /* @__PURE__ */ e.createElement(h, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
   className: s(T, i.description)
-}, k)), Q = () => /* @__PURE__ */ e.createElement(y, null);
+}, y)), Q = () => /* @__PURE__ */ e.createElement(P, null);
 export {
   Q as ServicesMultiChoiceRAC
 };