@wix/form-elements 1.62.0 → 1.63.0

package/dist/component/{radio-group-field-rac.module-wK26tCZq.js → radio-group-field-rac.module--sO0VqCA.js}

@@ -1,15 +1,15 @@
 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 q, TextField as G, Input as M } from "react-aria-components";
-import { ag as C, ad as P, aq as F, aa as $, ai as x } from "./form-D6A2hUbV.js";
+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 { f as d, a as g } from "./find-child-C60k4CxG.js";
-import { D as U, E as A } from "./field-error-headless-DP4WSQU3.js";
-import { L as H } from "./field-label-headless-BKmi7Fjg.js";
-import { N as j } from "./options-layout-constants-DEfIEJWD.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";
 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);
 }, i = ({ children: e }) => {
-  const { id: t, value: o, onChange: a, disabled: O, readOnly: m, required: f, onBlur: b, onFocus: E, hasError: v, FieldLayout: l, options: r } = C(), { inputId: c, labelId: I, ariaDescribedBy: n } = P(), u = d(e, i.Label), h = d(e, i.Options), _ = d(e, i.Description), N = d(e, i.Error), D = R(r, o) ? L : o || null;
+  const { id: t, value: o, onChange: a, disabled: O, readOnly: m, required: f, onBlur: b, onFocus: E, hasError: v, FieldLayout: l, options: r } = C(), { inputId: c, labelId: I, ariaDescribedBy: n } = $(), u = d(e, i.Label), h = d(e, i.Options), _ = d(e, i.Description), N = d(e, i.Error), D = R(r, o) ? L : o || null;
   return /* @__PURE__ */ s.createElement(l, {
     fieldId: t,
     renderLabel: () => g(u, {
@@ -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 } = $(), l = d(e, i.Option), r = y(null), c = O || E("add-other.default-other-option-label") || L, I = v ? j.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 ? H.ONE : f;
   return x(() => {
     var n;
     (n = r.current) == null || n.focus();
@@ -58,7 +58,7 @@ const L = "Other", w = (e, t) => e == null ? void 0 : e.find((o) => (o.value ??
     className: t
   }, /* @__PURE__ */ s.createElement(k, {
     value: a
-  }, /* @__PURE__ */ s.createElement(q, {
+  }, /* @__PURE__ */ s.createElement(G, {
     ref: f,
     className: n
   }, r, g(v, {
@@ -88,13 +88,13 @@ const L = "Other", w = (e, t) => e == null ? void 0 : e.find((o) => (o.value ??
     a,
     c
   ]);
-  return /* @__PURE__ */ s.createElement(G, {
+  return /* @__PURE__ */ s.createElement(M, {
     "aria-label": c,
     value: I,
     onChange: u,
     isDisabled: f,
     isReadOnly: b
-  }, /* @__PURE__ */ s.createElement(M, {
+  }, /* @__PURE__ */ s.createElement(P, {
     ref: l,
     className: e,
     placeholder: O,
@@ -105,11 +105,11 @@ p.Label = K;
 p.Input = Q;
 p.Control = W;
 p.OtherInput = X;
-i.Label = H;
+i.Label = A;
 i.Options = J;
 i.Option = p;
 i.Description = U;
-i.Error = A;
+i.Error = j;
 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-HalDjwk1.js → radio-group-rac-CqCmtkNQ.js}

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

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

@@ -1,11 +1,11 @@
 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 { RadioGroup as A, RadioField as w, RadioButton as M } from "react-aria-components";
-import { ag as v, ad as I, aq as B } from "./form-D6A2hUbV.js";
+import { ah as v, ae as I, ar as A } from "./form-DzjdnO7t.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 q } from "./field-error-headless-DP4WSQU3.js";
-import { L as P } from "./field-label-headless-BKmi7Fjg.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 { 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";
@@ -16,7 +16,7 @@ const t = ({ children: r }) => {
   return /* @__PURE__ */ e.createElement(E, {
     fieldId: n,
     renderLabel: () => g,
-    renderInput: () => /* @__PURE__ */ e.createElement(A, {
+    renderInput: () => /* @__PURE__ */ e.createElement(w, {
       "aria-labelledby": p,
       value: o ? String(o) : void 0,
       onChange: R,
@@ -62,9 +62,9 @@ const t = ({ children: r }) => {
   whiteSpace: "nowrap"
 }, _ = ({ className: r, children: n, ...o }) => {
   const { value: s, isSelected: l, onHoverChange: c, label: i } = o;
-  return /* @__PURE__ */ e.createElement(w, {
+  return /* @__PURE__ */ e.createElement(M, {
     value: s
-  }, /* @__PURE__ */ e.createElement(M, {
+  }, /* @__PURE__ */ e.createElement(B, {
     className: r,
     "data-active": l || void 0,
     onHoverChange: c
@@ -75,11 +75,11 @@ const t = ({ children: r }) => {
   }, i) : null));
 };
 h.Rating = _;
-t.Label = P;
+t.Label = q;
 t.Ratings = h;
 t.Rating = _;
 t.Description = H;
-t.Error = q;
+t.Error = P;
 const j = (r) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 32 32",
   width: 32,
@@ -107,7 +107,7 @@ const j = (r) => /* @__PURE__ */ e.createElement("svg", {
   content: r,
   locale: n
 }), i2 = () => {
-  const { t: r } = B();
+  const { t: r } = A();
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
     className: d(k, u.label)
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {

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

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

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

@@ -1,5 +1,5 @@
 import c, { useState as u } from "react";
-import { ag as a, aa as i, aq as T } from "./form-D6A2hUbV.js";
+import { ah as a, ab as i, ar as T } from "./form-DzjdnO7t.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";
@@ -14,13 +14,13 @@ const O = ({ children: e }) => {
     }),
     renderDescription: () => null
   });
-}, g = "_toggleTruncate_5jt03_1", f = {
-  toggleTruncate: g
+}, f = "_toggleTruncate_5jt03_1", g = {
+  toggleTruncate: f
 }, p = ({ isTruncated: e, onClick: t }) => {
   const { t: n } = T(), o = n(e ? "field.rich-text.read-more-button.label" : "field.rich-text.read-less-button.label"), s = e ? r.TOGGLE_TRUNCATE_BUTTON_READ_MORE : r.TOGGLE_TRUNCATE_BUTTON_READ_LESS;
   return /* @__PURE__ */ c.createElement(d, {
     onPress: t,
-    className: f.toggleTruncate,
+    className: g.toggleTruncate,
     "data-hook": s
   }, o);
 };

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

@@ -1,18 +1,18 @@
 import l from "classnames";
 import e from "react";
-import { ag as m, L as i, U as u, Y as R } from "./form-D6A2hUbV.js";
-import { u as T, R as C, s as d, T as g } from "./rich-content-rac.module-BgJ2fteu.js";
-import { Y as p } from "./form-element-classes-Bi-nNM8q.js";
+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";
 const h = {
   colorPalette: R(),
   customStyles: u()
 }, x = ({ 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(p, d.richContent),
+    className: l(g, d.richContent),
     content: n,
     customTheme: h
-  }), r && /* @__PURE__ */ e.createElement(g, {
+  }), r && /* @__PURE__ */ e.createElement(p, {
     isTruncated: o,
     onClick: c
   })));

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

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

package/dist/component/{service-dropdown-rac-Bc_y-R5O.js → service-dropdown-rac-BLnflnUr.js}

@@ -1,18 +1,18 @@
-import t, { useRef as P, useMemo as R, useCallback as S, useEffect as T } from "react";
+import t, { useRef as P, useMemo as g, useCallback as S, useEffect as T } from "react";
 import { RicosViewer as A } from "@wix/ricos/viewer";
 import u from "classnames";
-import { ac as w, aq as b, F as M, ag as y, aa as q, h as H } from "./form-D6A2hUbV.js";
-import { u as U } from "./use-service-options-base-Du6B6AP9.js";
-import { D as d } from "./dropdown-field-headless-CzoD076g.js";
-import { C as V } from "./chevron-down-icon-CcpVm6B-.js";
+import { ad as w, ar as b, F as M, ah as y, ab as H, h as U } from "./form-DzjdnO7t.js";
+import { u as V } from "./use-service-options-base-Ci9gIluo.js";
+import { D as m } from "./dropdown-field-headless-Js5TxdU4.js";
+import { C as q } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as x } from "./error-icon-hZxQ6DEy.js";
 import { H as k } from "./custom-focus-class-_483Pkwp.js";
 import { s as n } from "./field-rac.module-DtugsLiL.js";
 import { r as B, H as W, q as Q, u as Y, l as j, h as z } from "./form-element-classes-Bi-nNM8q.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 = P(!0), E = R(() => {
+  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((m) => m.id ?? "")) ?? [];
+    return ((s = e.options) == null ? void 0 : s.map((d) => d.id ?? "")) ?? [];
   }, [
     e.options
   ]), O = S((s) => i ? [
@@ -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: h, processOptions: _ } = U({
+  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: h, processOptions: _ } = V({
     fieldType: M.SERVICES_DROPDOWN,
     isEditor: e.isEditor,
     postProcessOptions: O
-  }), g = S(async () => {
+  }), R = S(async () => {
     if (a.current && (r != null && r.fetchServices) && E.length > 0) {
       a.current = !1, F(!0);
       let s;
@@ -37,12 +37,12 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
         s = await r.fetchServices({
           serviceIds: E
         });
-      } catch (m) {
-        console.error(m);
+      } catch (d) {
+        console.error(d);
       }
       if (s) {
-        const m = _(s);
-        h(!i && m.length === 0), L(m);
+        const d = _(s);
+        h(!i && d.length === 0), L(d);
       } else
         a.current = !0;
       F(!1);
@@ -68,9 +68,9 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     e.isEditor
   ]);
   const v = S(() => {
-    e.onFocus && e.onFocus(), a.current && g();
+    e.onFocus && e.onFocus(), a.current && R();
   }, [
-    g,
+    R,
     e.onFocus
   ]), N = S(
     (s) => {
@@ -90,10 +90,10 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     shouldRender: I
   };
 }, o = ({ children: e }) => {
-  const r = y(), { addOther: C } = r, i = q(), p = r.isEditor || i.isEditor || i.isComposer, { isLoading: c, options: a, isEmpty: E, onFocus: O, onChange: f, shouldRender: l } = J({
+  const r = y(), { addOther: C } = r, i = H(), p = r.isEditor || i.isEditor || i.isComposer, { isLoading: c, options: a, isEmpty: E, onFocus: O, onChange: f, shouldRender: l } = J({
     ...r,
     isEditor: p
-  }), D = R(() => ({
+  }), D = g(() => ({
     ...r,
     options: c ? [] : a,
     isLoading: c,
@@ -106,17 +106,17 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     O,
     f
   ]);
-  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(H.Provider, {
+  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(U.Provider, {
     value: {
       v2: D
     }
-  }, /* @__PURE__ */ t.createElement(d, null, e));
+  }, /* @__PURE__ */ t.createElement(m, null, e));
 };
-o.Label = d.Label;
-o.Trigger = d.Trigger;
-o.Options = d.Options;
-o.Description = d.Description;
-o.Error = d.Error;
+o.Label = m.Label;
+o.Trigger = m.Trigger;
+o.Options = m.Options;
+o.Description = m.Description;
+o.Error = m.Error;
 const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(A, {
   content: e,
   locale: r
@@ -126,7 +126,7 @@ const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(A, {
   className: u(W, n.requiredMark)
 })), /* @__PURE__ */ t.createElement(o.Trigger, {
   className: u(Q, n.input, n.dropdownTrigger)
-}, /* @__PURE__ */ t.createElement(V, {
+}, /* @__PURE__ */ t.createElement(q, {
   className: n.dropdownIcon
 })), /* @__PURE__ */ t.createElement(o.Options, {
   className: u(Y, n.selectPopover, n.dropdownPopover)

package/dist/component/{services-multi-choice-rac-BeBdZpRV.js → services-multi-choice-rac-C-bFjwx8.js}

@@ -1,16 +1,16 @@
 import e, { useEffect as _, useMemo as C } from "react";
 import { RicosViewer as I } from "@wix/ricos/viewer";
 import s from "classnames";
-import { F as R, ag as F, h as d } from "./form-D6A2hUbV.js";
-import { u as D } from "./use-service-options-base-Du6B6AP9.js";
-import { C as i } from "./checkbox-group-field-headless-EGVW3vG0.js";
-import { E as h } from "./error-icon-hZxQ6DEy.js";
+import { F as R, ah as F, h as d } from "./form-DzjdnO7t.js";
+import { u as h } from "./use-service-options-base-Ci9gIluo.js";
+import { C as i } from "./checkbox-group-field-headless-Cvia4lL6.js";
+import { E as D } from "./error-icon-hZxQ6DEy.js";
 import { s as n } from "./field-rac.module-DtugsLiL.js";
 import { r as f, H as M, L as N, M as b, N as A, q as v, l as x, h as T } from "./form-element-classes-Bi-nNM8q.js";
 import { o as L } from "./options-rac.module-KM-VT_KY.js";
 const k = (o) => {
   var S;
-  const { isLoading: r, options: a, isEmpty: c, shouldRender: E, setOptions: l, setIsEmpty: m, setHasInitialDataLoaded: p } = D({
+  const { isLoading: r, options: a, isEmpty: c, shouldRender: E, setOptions: l, setIsEmpty: m, setHasInitialDataLoaded: p } = h({
     fieldType: R.SERVICES_MULTI_CHOICE,
     isEditor: o.isEditor
   }), u = (S = o.options) == null ? void 0 : S.every((O) => O.label && O.id);
@@ -68,7 +68,7 @@ const P = ({ content: o, locale: r }) => /* @__PURE__ */ e.createElement(I, {
   inputClassName: s(v, n.input)
 }))), /* @__PURE__ */ e.createElement(t.Error, {
   className: s(x, n.error)
-}, /* @__PURE__ */ e.createElement(h, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
+}, /* @__PURE__ */ e.createElement(D, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
   className: s(T, n.description)
 }, P)), j = () => /* @__PURE__ */ e.createElement(y, null);
 export {

package/dist/component/{signature-rac-DNdpHxFp.js → signature-rac-Bb5IaS28.js}

@@ -4,15 +4,15 @@ import v from "classnames";
 import { useHover as ve, useFocusRing as xe, mergeProps as Se } from "react-aria";
 import { RadioGroup as Fe, Button as fe, TextField as Ae, Input as _e, RadioField as Pe, RadioButton as Ne } from "react-aria-components";
 import he from "signature_pad";
-import { y as Ue, ac as Oe, aa as Be, ao as ge, E as ce, e as q, ag as A, ad as H, ai as Ee, aq as Me } from "./form-D6A2hUbV.js";
+import { z as Ue, ad as Oe, ab as Be, ap as ge, E as ce, e as G, ah as A, ae as H, aj as Ee, ar as Me } from "./form-DzjdnO7t.js";
 import { f as T, a as F } from "./find-child-C60k4CxG.js";
-import { D as We, E as He } from "./field-error-headless-DP4WSQU3.js";
-import { L as Ye } from "./field-label-headless-BKmi7Fjg.js";
+import { D as We, E as He } from "./field-error-headless-DTKnr5Zx.js";
+import { L as Ye } from "./field-label-headless-DV4aNd5Y.js";
 import { D as ke } from "./data-hooks-Dkw1pbRj.js";
 import { E as $e } from "./error-icon-hZxQ6DEy.js";
 import { s as V } from "./field-rac.module-DtugsLiL.js";
 import { r as ue, H as Ve, q as B, V as ze, l as Ze, h as Xe } from "./form-element-classes-Bi-nNM8q.js";
-const qe = typeof s.useId == "function" ? s.useId : () => W(Ue()).current;
+const Ge = typeof s.useId == "function" ? s.useId : () => W(Ue()).current;
 var w = /* @__PURE__ */ (function(e) {
   return e.TEXT = "text/plain", e.POINTS = "points/json", e;
 })({}), b = /* @__PURE__ */ (function(e) {
@@ -20,7 +20,7 @@ var w = /* @__PURE__ */ (function(e) {
 })({}), S = /* @__PURE__ */ (function(e) {
   return e.DRAW = "draw", e.TYPE = "type", e.IMAGE = "image", e.UPLOAD = "upload", e;
 })({});
-const Ge = (e) => {
+const qe = (e) => {
   const { actions: t, formId: a } = Oe(), n = t == null ? void 0 : t.uploadFile;
   return I(async (r) => {
     if (!n)
@@ -216,7 +216,7 @@ async function st(e, t) {
     return rt(a, "signature");
 }
 const it = ({ value: e, onChange: t, target: a }) => {
-  const [n, r] = K(e), { isRTL: o } = Be(), i = Ge(a), { setFormStatus: l } = ge(), c = W();
+  const [n, r] = K(e), { isRTL: o } = Be(), i = qe(a), { setFormStatus: l } = ge(), c = W();
   Q(() => {
     e === ce && r(ce);
   }, [
@@ -239,7 +239,7 @@ const it = ({ value: e, onChange: t, target: a }) => {
       }
       c.current = null;
     } finally {
-      l(a, q.READY);
+      l(a, G.READY);
     }
   }, [
     l,
@@ -255,7 +255,7 @@ const it = ({ value: e, onChange: t, target: a }) => {
       };
       E ? (c.current && (clearTimeout(c.current), c.current = null), r([
         E
-      ]), p(E)) : (t == null || t(null), r(void 0), l(a, q.READY));
+      ]), p(E)) : (t == null || t(null), r(void 0), l(a, G.READY));
     }, [
       m,
       t,
@@ -283,13 +283,13 @@ const it = ({ value: e, onChange: t, target: a }) => {
         return b.UPLOAD;
     }
   }), { setFormStatus: d } = ge(), u = I(() => {
-    r(), d(e, q.BUSY);
+    r(), d(e, G.BUSY);
   }, [
     r,
     d,
     e
   ]), f = I(() => {
-    r(), n(null), d(e, q.READY);
+    r(), n(null), d(e, G.READY);
   }, [
     r,
     n,
@@ -480,7 +480,7 @@ const dt = (e) => {
       return "";
     const D = (k = p.current) == null ? void 0 : k.toData();
     return D ? et(D) : (($ = p.current) == null ? void 0 : $.toDataURL()) ?? "";
-  }, []), G = I(() => {
+  }, []), q = I(() => {
     var O;
     const D = (O = p.current) == null ? void 0 : O.isEmpty();
     Y(!D), o(ee(oe()));
@@ -502,16 +502,16 @@ const dt = (e) => {
         le && (p.current.fromData(le), Y(!0));
       } else
         p.current.clear(), Y(!1);
-      p.current.addEventListener("beginStroke", j), p.current.addEventListener("endStroke", G), typeof ResizeObserver < "u" && !y.current && (y.current = new ResizeObserver(() => {
+      p.current.addEventListener("beginStroke", j), p.current.addEventListener("endStroke", q), typeof ResizeObserver < "u" && !y.current && (y.current = new ResizeObserver(() => {
         L.current && me(L.current, p == null ? void 0 : p.current);
       })), (k = y.current) == null || k.observe(D);
     } else
-      ($ = y.current) == null || $.disconnect(), (se = p.current) == null || se.removeEventListener("endStroke", G), (ie = p.current) == null || ie.removeEventListener("beginStroke", j);
+      ($ = y.current) == null || $.disconnect(), (se = p.current) == null || se.removeEventListener("endStroke", q), (ie = p.current) == null || ie.removeEventListener("beginStroke", j);
   }, [
     R,
     x,
     j,
-    G
+    q
   ]);
   return Q(() => {
     p.current && (c || l ? p.current.off() : p.current.on());
@@ -632,7 +632,7 @@ const dt = (e) => {
     "data-hook": "signature-image"
   }, r.displayName || a)));
 }, yt = ({ children: e, className: t, ...a }) => {
-  const { fileInputRef: n, disabled: r, readOnly: o, onBlur: i, onFocus: l } = a, { inputId: c, ariaDescribedBy: d, labelId: u } = H(), f = qe(), m = I(() => {
+  const { fileInputRef: n, disabled: r, readOnly: o, onBlur: i, onFocus: l } = a, { inputId: c, ariaDescribedBy: d, labelId: u } = H(), f = Ge(), m = I(() => {
     var h;
     (h = n.current) == null || h.click();
   }, [

package/dist/component/{submit-button-rac-Bogk1xYc.js → submit-button-rac-Bjyi8sUA.js}

@@ -1,12 +1,12 @@
 import t from "react";
 import l from "classnames";
-import { ag as c } from "./form-D6A2hUbV.js";
-import { ProgressBar as v, Button as S } from "react-aria-components";
+import { ah as c } from "./form-DzjdnO7t.js";
+import { ProgressBar as N, Button as S } from "react-aria-components";
 import { f as i } from "./find-child-C60k4CxG.js";
-import { X as N, W as d, Z as f } from "./form-element-classes-Bi-nNM8q.js";
+import { X as d, W as g, Z as f } from "./form-element-classes-Bi-nNM8q.js";
 function x(e) {
   const s = "calc(50% - 2px)";
-  return /* @__PURE__ */ t.createElement(v, {
+  return /* @__PURE__ */ t.createElement(N, {
     ...e,
     isIndeterminate: !0
   }, ({ percentage: o, isIndeterminate: a }) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("svg", {
@@ -62,26 +62,26 @@ const u = ({ children: e }) => {
     onPress: s
   }, o) : null;
 }, B = ({ className: e, children: n }) => {
-  const { showSubmitButton: s, onSubmitClick: o, submitText: a, isDisabled: g, isInProgress: p } = c();
+  const { showSubmitButton: s, onSubmitClick: o, submitText: a, isDisabled: v, isInProgress: p } = c();
   if (!s)
     return null;
   const _ = i(n, B.Loader);
   return /* @__PURE__ */ t.createElement(S, {
     className: e,
     onPress: o,
-    isDisabled: g || p,
+    isDisabled: v || p,
     "data-in-progress": p
   }, p && _ ? _ : a);
-}, C = ({ className: e }) => /* @__PURE__ */ t.createElement("span", {
+}, h = ({ className: e }) => /* @__PURE__ */ t.createElement("span", {
   className: e
 }, /* @__PURE__ */ t.createElement(x, null));
-B.Loader = C;
+B.Loader = h;
 m.PreviousButton = b;
 m.NextButton = E;
 m.SubmitButton = B;
 u.SubmitButton = m;
-const h = "_navigationContainer_1yuje_1", y = "_rowSpacing_1yuje_6", P = "_navigationButton_1yuje_10", T = "_nextButton_1yuje_24", L = "_previousButton_1yuje_47", w = "_button_1yuje_90", j = "_buttonNoSteps_1yuje_122", k = "_buttonWithSteps_1yuje_126", F = "_progress_1yuje_153", r = {
-  navigationContainer: h,
+const C = "_navigationContainer_1yuje_1", y = "_rowSpacing_1yuje_6", P = "_navigationButton_1yuje_10", T = "_nextButton_1yuje_24", L = "_previousButton_1yuje_47", w = "_button_1yuje_90", j = "_buttonNoSteps_1yuje_122", k = "_buttonWithSteps_1yuje_126", F = "_progress_1yuje_153", r = {
+  navigationContainer: C,
   rowSpacing: y,
   navigationButton: P,
   nextButton: T,
@@ -98,9 +98,9 @@ const h = "_navigationContainer_1yuje_1", y = "_rowSpacing_1yuje_6", P = "_navig
       [r.rowSpacing]: n
     })
   }, /* @__PURE__ */ t.createElement(u.SubmitButton.PreviousButton, {
-    className: l(N, r.navigationButton, r.previousButton)
+    className: l(d, r.navigationButton, r.previousButton)
   }), /* @__PURE__ */ t.createElement(u.SubmitButton.NextButton, {
-    className: l(d, r.navigationButton, r.nextButton)
+    className: l(g, r.navigationButton, r.nextButton)
   }), /* @__PURE__ */ t.createElement(u.SubmitButton.SubmitButton, {
     className: l(f, r.button, {
       [r.buttonNoSteps]: !e,

package/dist/component/{tags-field-rac-COJG3T_9.js → tags-field-rac-C_VO3_69.js}

@@ -1,11 +1,11 @@
-import { RicosViewer as Q } from "@wix/ricos/viewer";
+import { RicosViewer as j } from "@wix/ricos/viewer";
 import _ from "classnames";
-import e, { useMemo as F, useState as j, useRef as M, useLayoutEffect as w, useCallback as q } from "react";
+import e, { useMemo as F, useState as Q, useRef as M, useLayoutEffect as w, useCallback as k } from "react";
 import { CheckboxGroup as z, TextField as J, Input as K, CheckboxField as X, CheckboxButton as Y } from "react-aria-components";
-import { ag as y, ad as Z, aq as T, aa as ee, ai as te } from "./form-D6A2hUbV.js";
-import { f, a as k } from "./find-child-C60k4CxG.js";
-import { E as x, D as B } from "./field-error-headless-DP4WSQU3.js";
-import { L as P } from "./field-label-headless-BKmi7Fjg.js";
+import { ah as y, ae as Z, ar as T, ab as ee, aj as te } from "./form-DzjdnO7t.js";
+import { f, a as q } from "./find-child-C60k4CxG.js";
+import { E as x, D as B } from "./field-error-headless-DTKnr5Zx.js";
+import { L as P } from "./field-label-headless-DV4aNd5Y.js";
 import { F as ae } from "./fieldset-headless-CD3fds9J.js";
 import { N as D } from "./options-layout-constants-DEfIEJWD.js";
 import { E as ne } from "./error-icon-hZxQ6DEy.js";
@@ -24,11 +24,11 @@ const g = "Other", pe = (t, a) => {
   const { value: a, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: r, disabled: u, readOnly: b, hasError: d } = y(), { t: m } = T(), o = c || m("add-other.default-other-option-label") || g, p = F(() => pe(a || [], o), [
     a,
     o
-  ]), [n, L] = j(p), h = M(l);
+  ]), [n, L] = Q(p), h = M(l);
   w(() => {
     h.current = l;
   });
-  const I = q((E) => {
+  const I = k((E) => {
     L(E);
     const C = (a || []).filter((O) => !O.startsWith(`${o}:`) && O !== o), R = E ? `${o}: ${E}` : o;
     h.current([
@@ -68,7 +68,7 @@ const g = "Other", pe = (t, a) => {
     E,
     i,
     c
-  ]), R = q((O) => {
+  ]), R = k((O) => {
     const G = he(o || []), V = E.filter((H) => G.includes(H));
     m(O ? [
       ...V,
@@ -90,7 +90,7 @@ const g = "Other", pe = (t, a) => {
   }, /* @__PURE__ */ e.createElement(Y, {
     className: a,
     "data-hook": `tags-${r ? g : c}`
-  }, k(I, {
+  }, q(I, {
     value: c,
     label: i,
     isOther: r,
@@ -117,7 +117,7 @@ const g = "Other", pe = (t, a) => {
     "data-columns": d
   }, p.map((n, L) => {
     const h = n.value ?? n.label;
-    return k(o, {
+    return q(o, {
       key: n.isOther ? g : h,
       value: h,
       label: n.label,
@@ -174,7 +174,7 @@ const Ee = "_control_lyoqm_1", Oe = "_options_lyoqm_7", be = "_option_lyoqm_7",
   control: Ee,
   options: Oe,
   option: be
-}, fe = ({ content: t, locale: a }) => /* @__PURE__ */ e.createElement(Q, {
+}, fe = ({ content: t, locale: a }) => /* @__PURE__ */ e.createElement(j, {
   content: t,
   locale: a
 }), Ve = () => /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement(s.Label, {

package/dist/component/{tags-rac-DsaUqJ4w.js → tags-rac-CKiutCWe.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./tags-field-rac-COJG3T_9.js";
+import { T as r } from "./tags-field-rac-C_VO3_69.js";
 const a = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   a as TagsRAC