@wix/form-elements 1.82.0 → 1.83.0

package/dist/component/{multiline-address-rac-D82Gbj3n.js → multiline-address-rac-BwQOoejw.js}

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

package/dist/component/number-input-field-rac-CRqPXDl0.js

@@ -0,0 +1,93 @@
+import { RicosViewer as P } from "@wix/ricos/viewer";
+import u from "classnames";
+import r, { useState as Q, useCallback as U, useEffect as $, useRef as j } from "react";
+import { NumberField as z, Input as G } from "react-aria-components";
+import { ai as _, af as S, as as H, ak as J } from "./form-D0eeH0lX.js";
+import { f as c } from "./find-child-C60k4CxG.js";
+import { D as K, E as W } from "./field-error-headless-DAy-1oAQ.js";
+import { L as X } from "./field-label-headless-BWxHmO0c.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 p } from "./field-rac.module-D06m9T9x.js";
+import { y as re, O as te, o as ae, i as ne } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as se } from "./use-text-input-class-name-8gMUWeCb.js";
+const e = ({ children: t }) => {
+  var F, L, R;
+  const { id: n, value: s, onChange: l, disabled: d, required: E, readOnly: o, onBlur: f, onFocus: b, FieldLayout: m, hasError: i, validation: a } = _(), { labelId: y } = S(), D = ((F = a == null ? void 0 : a.number) == null ? void 0 : F.multipleOf) || 1, A = (L = a == null ? void 0 : a.number) == null ? void 0 : L.maximum, g = (R = a == null ? void 0 : a.number) == null ? void 0 : R.minimum, x = C(s), [T, I] = Q(x), V = w(f), h = c(t, e.Label), k = c(t, e.Input), q = c(t, e.Description), M = c(t, e.Error), B = U((N) => {
+    if (N === void 0 || Number.isNaN(N)) {
+      l(""), I(NaN);
+      return;
+    }
+    const v = Y(D), O = Number(N.toFixed(v));
+    l(O), I(O);
+  }, [
+    D,
+    l
+  ]);
+  return $(() => {
+    I(C(s));
+  }, [
+    s
+  ]), /* @__PURE__ */ r.createElement(m, {
+    fieldId: n,
+    renderLabel: () => h,
+    renderInput: () => /* @__PURE__ */ r.createElement(z, {
+      "aria-labelledby": y,
+      value: T,
+      onChange: B,
+      isDisabled: d,
+      isRequired: E,
+      isReadOnly: o,
+      isInvalid: i,
+      onBlur: V,
+      onFocus: b,
+      minValue: g ?? void 0,
+      maxValue: A ?? void 0
+    }, k),
+    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, M, q)
+  });
+}, le = ({ className: t }) => {
+  var i;
+  const { t: n } = H(), { inputId: s, ariaDescribedBy: l } = S(), { id: d, placeholder: E, validation: o, label: f, required: b } = _();
+  (i = o == null ? void 0 : o.number) != null && i.multipleOf;
+  const m = j(null);
+  return J(() => {
+    var a;
+    (a = m.current) == null || a.focus();
+  }, d), /* @__PURE__ */ r.createElement(G, {
+    ref: m,
+    id: s,
+    "aria-describedby": l,
+    "aria-label": f,
+    "aria-roledescription": n("field.number.aria-role-description"),
+    className: t,
+    inputMode: "decimal",
+    placeholder: E,
+    required: b
+  });
+};
+e.Label = X;
+e.Input = le;
+e.Description = K;
+e.Error = W;
+const C = (t) => Z(t) ?? NaN, oe = ({ content: t, locale: n }) => /* @__PURE__ */ r.createElement(P, {
+  content: t,
+  locale: n
+}), Re = () => {
+  const t = se();
+  return /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
+    className: u(re, p.label)
+  }, /* @__PURE__ */ r.createElement(e.Label.Required, {
+    className: u(te, p.requiredMark)
+  })), /* @__PURE__ */ r.createElement(e.Input, {
+    className: t
+  }), /* @__PURE__ */ r.createElement(e.Error, {
+    className: u(ae, p.error)
+  }, /* @__PURE__ */ r.createElement(ee, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
+    className: u(ne, p.description)
+  }, oe));
+};
+export {
+  Re as N
+};

package/dist/component/{number-input-rac-Bnsvb-SO.js → number-input-rac-0Y8K4e6K.js}

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

package/dist/component/password-rac-C7F6sEB3.js

@@ -0,0 +1,143 @@
+import e, { useState as N, useRef as S } from "react";
+import { RicosViewer as O } from "@wix/ricos/viewer";
+import d from "classnames";
+import { ai as E, af as f, ak as x, as as A } from "./form-D0eeH0lX.js";
+import { TextField as B, Group as V, Input as v, Button as P } from "react-aria-components";
+import { f as u, a as g } from "./find-child-C60k4CxG.js";
+import { D as M, E as k } from "./field-error-headless-DAy-1oAQ.js";
+import { L as q } from "./field-label-headless-BWxHmO0c.js";
+import { E as U } from "./error-icon-hZxQ6DEy.js";
+import { H as j } from "./custom-focus-class-_483Pkwp.js";
+import { s as p } from "./field-rac.module-D06m9T9x.js";
+import { y as H, O as W, o as Z, i as G } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as Q } from "./use-text-input-class-name-8gMUWeCb.js";
+const t = ({ children: o, className: r }) => {
+  const { id: l, value: s, onChange: c, disabled: n, readOnly: m, required: a, hasError: i, onBlur: I, onFocus: C, FieldLayout: y } = E(), { labelId: _ } = f(), [R, D] = N(!1), F = u(o, t.Label), L = u(o, t.Control), T = u(o, t.Description), w = u(o, t.Error);
+  return /* @__PURE__ */ e.createElement(y, {
+    fieldId: l,
+    renderLabel: () => F,
+    renderInput: () => /* @__PURE__ */ e.createElement(B, {
+      "aria-labelledby": _,
+      value: s ?? "",
+      onChange: c,
+      isDisabled: n,
+      isReadOnly: m,
+      isRequired: a,
+      isInvalid: i,
+      onBlur: I,
+      onFocus: C,
+      className: r
+    }, g(L, {
+      isVisible: R,
+      onToggleVisibility: () => D((h) => !h)
+    })),
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, T, w)
+  });
+}, $ = ({ children: o, className: r, ...l }) => {
+  const { isVisible: s, onToggleVisibility: c } = l, { disabled: n, hasError: m } = E(), a = u(o, t.Input), i = u(o, t.Toggle);
+  return /* @__PURE__ */ e.createElement(V, {
+    className: r,
+    isDisabled: n,
+    isInvalid: m
+  }, g(a, {
+    isVisible: s
+  }), g(i, {
+    isVisible: s,
+    onToggleVisibility: c
+  }));
+}, z = ({ className: o, ...r }) => {
+  const { isVisible: l } = r, { id: s, placeholder: c } = E(), { inputId: n, ariaDescribedBy: m } = f(), a = S(null);
+  return x(() => {
+    var i;
+    (i = a.current) == null || i.focus();
+  }, s), /* @__PURE__ */ e.createElement(v, {
+    ref: a,
+    id: n,
+    type: l ? "text" : "password",
+    "aria-describedby": m,
+    className: o,
+    placeholder: c
+  });
+}, J = ({ className: o, showPasswordTooltipText: r, hidePasswordTooltipText: l, children: s, ...c }) => {
+  const { isVisible: n, onToggleVisibility: m } = c, { disabled: a } = E(), i = n ? l : r;
+  return /* @__PURE__ */ e.createElement(P, {
+    type: "button",
+    isDisabled: a,
+    onPress: m,
+    "aria-label": i,
+    "aria-pressed": n,
+    className: o
+  }, s == null ? void 0 : s({
+    isVisible: n
+  }));
+};
+t.Label = q;
+t.Control = $;
+t.Input = z;
+t.Toggle = J;
+t.Description = M;
+t.Error = k;
+const K = (o) => /* @__PURE__ */ e.createElement("svg", {
+  viewBox: "0 0 24 24",
+  width: "20",
+  height: "20",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1.5",
+  "aria-hidden": "true",
+  ...o
+}, /* @__PURE__ */ e.createElement("path", {
+  d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z"
+}), /* @__PURE__ */ e.createElement("circle", {
+  cx: "12",
+  cy: "12",
+  r: "3"
+})), X = (o) => /* @__PURE__ */ e.createElement("svg", {
+  viewBox: "0 0 24 24",
+  width: "20",
+  height: "20",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1.5",
+  "aria-hidden": "true",
+  ...o
+}, /* @__PURE__ */ e.createElement("path", {
+  d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z"
+}), /* @__PURE__ */ e.createElement("circle", {
+  cx: "12",
+  cy: "12",
+  r: "3"
+}), /* @__PURE__ */ e.createElement("line", {
+  x1: "3",
+  y1: "21",
+  x2: "21",
+  y2: "3"
+})), Y = "_control_1malj_1", ee = "_toggleButton_1malj_15", b = {
+  control: Y,
+  toggleButton: ee
+}, te = ({ content: o, locale: r }) => /* @__PURE__ */ e.createElement(O, {
+  content: o,
+  locale: r
+}), oe = () => {
+  const { t: o } = A(), r = Q(b.control);
+  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
+    className: d(H, p.label)
+  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
+    className: d(W, p.requiredMark)
+  })), /* @__PURE__ */ e.createElement(t.Control, {
+    className: r
+  }, /* @__PURE__ */ e.createElement(t.Input, {
+    className: d(p.innerInput, j)
+  }), /* @__PURE__ */ e.createElement(t.Toggle, {
+    className: b.toggleButton,
+    showPasswordTooltipText: o("forms.widget.modals.show-password-tooltip"),
+    hidePasswordTooltipText: o("forms.widget.modals.hide-password-tooltip")
+  }, ({ isVisible: l }) => l ? /* @__PURE__ */ e.createElement(X, null) : /* @__PURE__ */ e.createElement(K, null))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: d(Z, p.error)
+  }, /* @__PURE__ */ e.createElement(U, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
+    className: d(G, p.description)
+  }, te));
+}, be = () => /* @__PURE__ */ e.createElement(oe, null);
+export {
+  be as PasswordRAC
+};

package/dist/component/payment-input-rac-CTJr4QTK.js

@@ -0,0 +1,141 @@
+import r, { useCallback as P, useRef as j } from "react";
+import { RicosViewer as w } from "@wix/ricos/viewer";
+import p from "classnames";
+import { TextField as z, Group as J, Input as K } from "react-aria-components";
+import { ai as R, af as D, ab as T, as as W, ak as X } from "./form-D0eeH0lX.js";
+import { f as i } from "./find-child-C60k4CxG.js";
+import { D as Y, E as Z } from "./field-error-headless-DAy-1oAQ.js";
+import { L as ee } from "./field-label-headless-BWxHmO0c.js";
+import { f as N, 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 d } from "./field-rac.module-D06m9T9x.js";
+import { y as se, O as oe, o as le, i as ce } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as ie } from "./use-text-input-class-name-8gMUWeCb.js";
+function ue(e, t) {
+  return {
+    productId: e.id,
+    price: t,
+    quantity: 1
+  };
+}
+function h(e) {
+  if (e == null || e === "")
+    return;
+  const t = Number(String(e).replace(/,/g, "."));
+  return Number.isNaN(t) ? void 0 : t;
+}
+const n = ({ children: e }) => {
+  var O, g, A, V;
+  const { id: t, value: a, onChange: s, disabled: u, readOnly: m, required: y, hasError: b, onBlur: o, onFocus: E, FieldLayout: M, validation: C } = R(), { labelId: q, prefixId: G } = D(), { regionalFormat: c } = T(), S = (A = (g = (O = C == null ? void 0 : C.predefined) == null ? void 0 : O.paymentOptions) == null ? void 0 : g.products) == null ? void 0 : A[0], _ = (V = a == null ? void 0 : a.at(0)) == null ? void 0 : V.price, [F, I] = te({
+    sourceValue: _,
+    format: (l) => N(String(l ?? ""), c),
+    regionalFormat: c
+  }), $ = P(() => {
+    const l = N(F, c);
+    I(l || ""), o == null || o();
+  }, [
+    F,
+    c,
+    o,
+    I
+  ]), k = P((l) => {
+    I(l);
+    const L = h(N(l, c)), Q = h(_);
+    if (L !== Q) {
+      if (L === void 0) {
+        s(null);
+        return;
+      }
+      s([
+        ue(S, L)
+      ]);
+    }
+  }, [
+    s,
+    S,
+    c,
+    _,
+    I
+  ]), B = i(e, n.Label), U = i(e, n.Input), v = i(e, n.Description), H = i(e, n.Error);
+  return /* @__PURE__ */ r.createElement(M, {
+    fieldId: t,
+    renderLabel: () => B,
+    renderInput: () => /* @__PURE__ */ r.createElement(z, {
+      "aria-labelledby": `${q} ${G}`,
+      value: a ? F : "",
+      onChange: k,
+      isDisabled: u,
+      isReadOnly: m,
+      isRequired: y,
+      isInvalid: b,
+      onBlur: $,
+      onFocus: E
+    }, U),
+    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, H, v)
+  });
+}, f = ({ children: e, className: t }) => {
+  const { disabled: a, hasError: s } = R(), u = i(e, f.Currency), m = i(e, f.Value);
+  return /* @__PURE__ */ r.createElement(J, {
+    className: t,
+    isDisabled: a,
+    isInvalid: s
+  }, u, m);
+}, me = ({ className: e }) => {
+  const { currency: t } = T(), { t: a } = W(), { prefixId: s } = D();
+  return t ? /* @__PURE__ */ r.createElement("span", {
+    id: s,
+    "aria-hidden": !1,
+    "aria-label": re(a, t),
+    className: e
+  }, t.sign || t.code) : null;
+}, pe = ({ className: e }) => {
+  const { id: t, placeholder: a, label: s } = R(), { inputId: u, labelId: m, prefixId: y, ariaDescribedBy: b } = D(), o = j(null);
+  return X(() => {
+    var E;
+    (E = o.current) == null || E.focus();
+  }, t), /* @__PURE__ */ r.createElement(K, {
+    ref: o,
+    id: u,
+    className: e,
+    placeholder: a,
+    "aria-label": s,
+    "aria-labelledby": `${m} ${y}`,
+    "aria-describedby": b,
+    autoComplete: "off"
+  });
+};
+f.Currency = me;
+f.Value = pe;
+n.Label = ee;
+n.Input = f;
+n.Description = Y;
+n.Error = Z;
+const de = "_inputGroup_vuy4u_1", fe = "_currency_vuy4u_14", x = {
+  inputGroup: de,
+  currency: fe
+}, Ee = ({ content: e, locale: t }) => /* @__PURE__ */ r.createElement(w, {
+  content: e,
+  locale: t
+}), Ie = () => {
+  const e = ie(x.inputGroup);
+  return /* @__PURE__ */ r.createElement(n, null, /* @__PURE__ */ r.createElement(n.Label, {
+    className: p(se, d.label)
+  }, /* @__PURE__ */ r.createElement(n.Label.Required, {
+    className: p(oe, d.requiredMark)
+  })), /* @__PURE__ */ r.createElement(n.Input, {
+    className: e
+  }, /* @__PURE__ */ r.createElement(n.Input.Currency, {
+    className: x.currency
+  }), /* @__PURE__ */ r.createElement(n.Input.Value, {
+    className: p(d.innerInput, ae)
+  })), /* @__PURE__ */ r.createElement(n.Error, {
+    className: p(le, d.error)
+  }, /* @__PURE__ */ r.createElement(ne, null), /* @__PURE__ */ r.createElement(n.Error.Text, null)), /* @__PURE__ */ r.createElement(n.Description, {
+    className: p(ce, d.description)
+  }, Ee));
+}, he = () => /* @__PURE__ */ r.createElement(Ie, null);
+export {
+  he as PaymentInputRAC
+};

package/dist/component/{phone-input-field-rac-Ce_wuE46.js → phone-input-field-rac-jjSmYCI1.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 v, useEffect as w, useCallback as j, createContext as te, useContext as q } from "react";
-import { a2 as Ee, as as P, ab as ne, ar as fe, ai as M, af as oe, ak as he } from "./form-f0tqdMye.js";
+import { a2 as Ee, as as P, ab as ne, ar as fe, ai as M, af as oe, ak as he } from "./form-D0eeH0lX.js";
 import { UNSAFE_PortalProvider as ge } from "react-aria";
 import { Dialog as re, OverlayTriggerStateContext as be, ModalOverlay as _e, Modal as Ne, SearchField as Oe, ListBoxItem as Se, Group as Q, DialogTrigger as Le, Select as Ie, Input as ae, ListBox as ve, Autocomplete as Pe } from "react-aria-components";
 import { f as h, a as ce } from "./find-child-C60k4CxG.js";
-import { D as Fe, E as De } from "./field-error-headless-BErhh9GG.js";
-import { L as xe } from "./field-label-headless-BGyK-5xW.js";
+import { D as Fe, E as De } from "./field-error-headless-DAy-1oAQ.js";
+import { L as xe } from "./field-label-headless-BWxHmO0c.js";
 import { N as Re, S as Be } from "./non-modal-popover-DtIMXHbe.js";
 import { u as Me } from "./use-invoke-callback-UH73A_J3.js";
 import se, { AsYouType as Ae, isValidPhoneNumber as $e, 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-ColNPUt0.js";
-import { y as ke, O as Ve, x as qe, A as Ge, o as He, i as Ye } from "./form-element-classes-jC8D0LnK.js";
+import { s as _ } from "./field-rac.module-D06m9T9x.js";
+import { y as ke, O as Ve, x as qe, A as Ge, o as He, i as Ye } from "./form-element-classes-Ct1UaxuQ.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-DslINtcH.js → phone-rac-BwSnmgYF.js}

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

package/dist/component/{product-list-rac-C4P_SOyG.js → product-list-rac-CTN2wvHE.js}

@@ -2,20 +2,20 @@ import t, { useMemo as $, useCallback as x, useRef as B } from "react";
 import { RicosViewer as z } from "@wix/ricos/viewer";
 import _ from "classnames";
 import { CheckboxField as G, CheckboxButton as X, NumberField as j, Group as J, Button as U, Input as W } from "react-aria-components";
-import { ai as k, af as Y, ab as w, as as Z, ak as ee } from "./form-f0tqdMye.js";
+import { ai as k, af as Y, ab as w, as as Z, ak as ee } from "./form-D0eeH0lX.js";
 import { f as O, a as I } from "./find-child-C60k4CxG.js";
-import { L as te, g as ne } from "./field-label-headless-BGyK-5xW.js";
+import { L as te, g as ne } from "./field-label-headless-BWxHmO0c.js";
 import { f as ae } from "./format-currency-BwShJ9vM.js";
-import { D as oe, E as re } from "./field-error-headless-BErhh9GG.js";
+import { D as oe, E as re } from "./field-error-headless-DAy-1oAQ.js";
 import { F as le } from "./fieldset-headless-CD3fds9J.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 { y as me, O as pe, B as de, E as Ee, D as ye, x as fe, o as _e, i as Ie, C as Oe } from "./form-element-classes-jC8D0LnK.js";
+import { C as ue } from "./checkbox-indicator-module-classes-Bb3xB1ve.js";
+import { s as T } from "./field-rac.module-D06m9T9x.js";
+import { y as me, O as pe, B as de, E as Ee, D as ye, x as fe, o as _e, i as Ie, C as Oe } from "./form-element-classes-Ct1UaxuQ.js";
 import { o as Q } from "./options-rac.module-KM-VT_KY.js";
-import { u as be } from "./use-element-state-class-name-BqmaTba3.js";
+import { u as be } from "./use-element-state-class-name-j8W1zbdG.js";
 var Le = /* @__PURE__ */ (function(e) {
   return e.crop = "CROP", e.fit = "FIT", e;
 })({}), M = /* @__PURE__ */ (function(e) {

package/dist/component/{quiz-radio-group-rac-noy4fmD8.js → quiz-radio-group-rac-CZHEDJxr.js}

@@ -1,6 +1,6 @@
 import _ from "react";
-import { R } from "./radio-group-field-rac-CYBDq7R1.js";
-import { I as o, H as r, G as O } from "./form-element-classes-jC8D0LnK.js";
+import { R } from "./radio-group-field-rac-60MF_9DO.js";
+import { I as o, H as r, G as O } from "./form-element-classes-Ct1UaxuQ.js";
 const e = () => /* @__PURE__ */ _.createElement(R, {
   classes: {
     container: O,

package/dist/component/{radio-button-module-classes-DXQ1UlmI.js → radio-button-module-classes-DCz6XS1X.js}

@@ -1,9 +1,9 @@
 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-f0tqdMye.js";
+import { ai as v, af as G, as as F, ab as P, ak as $ } from "./form-D0eeH0lX.js";
 import { f as p, a as y } from "./find-child-C60k4CxG.js";
-import { D as q, E as x } from "./field-error-headless-BErhh9GG.js";
-import { L as j } from "./field-label-headless-BGyK-5xW.js";
+import { D as q, E as x } from "./field-error-headless-DAy-1oAQ.js";
+import { L as j } from "./field-label-headless-BWxHmO0c.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) => {

package/dist/component/radio-group-field-rac-60MF_9DO.js

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

package/dist/component/{radio-group-rac-CGHQFyJY.js → radio-group-rac-Dqo-Earp.js}

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

package/dist/component/{rating-input-field-rac-elaferlI.js → rating-input-field-rac-CzWTwWT8.js}

@@ -1,15 +1,15 @@
 import { RicosViewer as D } from "@wix/ricos/viewer";
 import m from "classnames";
 import e, { useCallback as N, useState as O, useRef as A } from "react";
-import { ai as b, af as v, as as M } from "./form-f0tqdMye.js";
+import { ai as b, af as v, as as M } from "./form-D0eeH0lX.js";
 import { RadioGroup as T, RadioField as H, RadioButton as w } from "react-aria-components";
 import { f as u, a as B } from "./find-child-C60k4CxG.js";
-import { D as P, E as q } from "./field-error-headless-BErhh9GG.js";
-import { L as G } from "./field-label-headless-BGyK-5xW.js";
+import { D as P, E as q } from "./field-error-headless-DAy-1oAQ.js";
+import { L as G } from "./field-label-headless-BWxHmO0c.js";
 import { E as k } from "./error-icon-hZxQ6DEy.js";
-import { s as g } from "./field-rac.module-ColNPUt0.js";
-import { y as x, O as U, M as z, o as Q, i as Z, N as j } from "./form-element-classes-jC8D0LnK.js";
-import { u as J } from "./use-element-state-class-name-BqmaTba3.js";
+import { s as g } from "./field-rac.module-D06m9T9x.js";
+import { y as x, O as U, M as z, o as Q, i as Z, N as j } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as J } from "./use-element-state-class-name-j8W1zbdG.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 = N((y) => l(Number(y)), [
     l

package/dist/component/{rating-input-rac-fnOtTKN8.js → rating-input-rac-Nq4tll2Z.js}

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

package/dist/component/{rich-content-rac.module-DbwuwQeo.js → rich-content-rac.module-sUUSbcSy.js}

@@ -1,5 +1,5 @@
 import c, { useState as u } from "react";
-import { ai as a, ab as i, as as T } from "./form-f0tqdMye.js";
+import { ai as a, ab as i, as as T } from "./form-D0eeH0lX.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-DtcQC8zU.js → rich-text-field-rac-BvLfS4I5.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-f0tqdMye.js";
-import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-DbwuwQeo.js";
-import { a4 as g } from "./form-element-classes-jC8D0LnK.js";
+import { ai as m, L as i, W as u, Z as R } from "./form-D0eeH0lX.js";
+import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-sUUSbcSy.js";
+import { a5 as g } from "./form-element-classes-Ct1UaxuQ.js";
 const h = {
   colorPalette: R(),
   customStyles: u()

package/dist/component/{rich-text-rac-CuT97sby.js → rich-text-rac-BWkTbWk3.js}

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

package/dist/component/{service-dropdown-rac-rk2tzikX.js → service-dropdown-rac-DZ3USe7_.js}

@@ -1,14 +1,14 @@
 import t, { useRef as N, useMemo as g, useCallback as h, useEffect as P } from "react";
 import { RicosViewer as T } from "@wix/ricos/viewer";
 import m from "classnames";
-import { ae as w, as as b, F as M, ai as y, ab as x, h as U } from "./form-f0tqdMye.js";
-import { u as V } from "./use-service-options-base-CRgxxz7b.js";
-import { D as d } from "./dropdown-field-headless-JJzbZvps.js";
+import { ae as w, as as b, F as M, ai as y, ab as x, h as U } from "./form-D0eeH0lX.js";
+import { u as V } from "./use-service-options-base-BJZhzDyO.js";
+import { D as d } from "./dropdown-field-headless-DNhnTDlD.js";
 import { C as H } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as k } from "./error-icon-hZxQ6DEy.js";
 import { H as q } from "./custom-focus-class-_483Pkwp.js";
-import { s as n } from "./field-rac.module-ColNPUt0.js";
-import { y as B, O as W, x as Q, A as Y, o as j, i as z } from "./form-element-classes-jC8D0LnK.js";
+import { s as n } from "./field-rac.module-D06m9T9x.js";
+import { y as B, O as W, x as Q, A as Y, o as j, i as z } from "./form-element-classes-Ct1UaxuQ.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(() => {
     var s;

package/dist/component/{services-multi-choice-rac-BMQyF_xs.js → services-multi-choice-rac-D-og7fMo.js}

@@ -1,15 +1,15 @@
 import e, { useEffect as _, useMemo as I } from "react";
 import { RicosViewer as L } from "@wix/ricos/viewer";
 import r from "classnames";
-import { F as R, ai as d, h as D } from "./form-f0tqdMye.js";
-import { u as F } from "./use-service-options-base-CRgxxz7b.js";
-import { C as a } from "./checkbox-group-field-headless-Bx5Y-RMP.js";
+import { F as R, ai as d, h as D } from "./form-D0eeH0lX.js";
+import { u as F } from "./use-service-options-base-BJZhzDyO.js";
+import { C as a } from "./checkbox-group-field-headless-CP21R7_s.js";
 import { E as f } from "./error-icon-hZxQ6DEy.js";
-import { C as N } from "./checkbox-indicator-module-classes-DqzGZQRQ.js";
-import { s as i } from "./field-rac.module-ColNPUt0.js";
-import { y as h, O as M, S as b, U as A, x as T, o as v, i as x, T as y } from "./form-element-classes-jC8D0LnK.js";
+import { C as N } from "./checkbox-indicator-module-classes-Bb3xB1ve.js";
+import { s as i } from "./field-rac.module-D06m9T9x.js";
+import { y as h, O as M, S as b, U as A, x as T, o as v, i as x, T as y } from "./form-element-classes-Ct1UaxuQ.js";
 import { o as O } from "./options-rac.module-KM-VT_KY.js";
-import { u as P } from "./use-element-state-class-name-BqmaTba3.js";
+import { u as P } from "./use-element-state-class-name-j8W1zbdG.js";
 const k = (s) => {
   var C;
   const { isLoading: o, options: n, isEmpty: c, shouldRender: m, setOptions: l, setIsEmpty: E, setHasInitialDataLoaded: p } = F({