@wix/form-elements 1.64.0 → 1.65.0

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

@@ -1,16 +1,16 @@
 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 { ai as b, af as v, as as A } from "./form-9yjqDnxY.js";
+import { ai as v, af as I, as as A } from "./form-CtWkUmxc.js";
 import { RadioGroup as w, RadioField as M, RadioButton as B } from "react-aria-components";
 import { f as m, a as T } from "./find-child-C60k4CxG.js";
-import { D as H, E as P } from "./field-error-headless-DrnFrGun.js";
-import { L as q } from "./field-label-headless-BIYf1BIh.js";
+import { D as P, E as q } from "./field-error-headless-D6iejMQP.js";
+import { L as H } from "./field-label-headless-BWLfU3YB.js";
 import { E as x } from "./error-icon-hZxQ6DEy.js";
-import { s as u } from "./field-rac.module-CWkwwhq4.js";
-import { t as k, J as z, I as G, n as j, j as J } from "./form-element-classes-KRzHUNLu.js";
+import { s as u } from "./field-rac.module-DnUIb9Oh.js";
+import { z, P as k, O as G, q as j, j as Q } from "./form-element-classes-BSMjWijd.js";
 const t = ({ children: r }) => {
-  const { id: n, value: 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)), [
+  const { id: n, value: s, onChange: o, disabled: l, required: c, hasError: i, onBlur: C, onFocus: L, FieldLayout: E } = v(), { labelId: p } = I(), R = N((F) => o(Number(F)), [
     o
   ]), f = m(r, t.Label), a = m(r, t.Ratings), g = m(r, t.Description), S = m(r, t.Error);
   return /* @__PURE__ */ e.createElement(E, {
@@ -30,7 +30,7 @@ const t = ({ children: r }) => {
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, S, g)
   });
 }, 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 = [
+  const { value: o, hasError: l } = v(), { inputId: c, ariaDescribedBy: i } = I(), [C, L] = y(), E = O(null), p = m(r, h.Rating), R = [
     "1",
     "2",
     "3",
@@ -50,7 +50,7 @@ const t = ({ children: r }) => {
     onHoverChange: (g) => L(g ? a : void 0),
     label: s == null ? void 0 : s(Number(a))
   })));
-}, Q = {
+}, U = {
   border: 0,
   clipPath: "inset(50%)",
   height: 1,
@@ -71,16 +71,16 @@ const t = ({ children: r }) => {
   }, typeof n == "function" ? n({
     isSelected: l
   }) : n, i ? /* @__PURE__ */ e.createElement("span", {
-    style: Q
+    style: U
   }, i) : null));
 };
 h.Rating = _;
-t.Label = q;
+t.Label = H;
 t.Ratings = h;
 t.Rating = _;
-t.Description = H;
-t.Error = P;
-const U = (r) => /* @__PURE__ */ e.createElement("svg", {
+t.Description = P;
+t.Error = q;
+const Z = (r) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 32 32",
   width: 32,
   height: 32,
@@ -90,7 +90,7 @@ const U = (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"
-})), Z = (r) => /* @__PURE__ */ e.createElement("svg", {
+})), J = (r) => /* @__PURE__ */ e.createElement("svg", {
   viewBox: "0 0 32 32",
   width: 32,
   height: 32,
@@ -100,7 +100,7 @@ const U = (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", I = {
+})), K = "_ratings_112z7_1", W = "_rating_112z7_1", b = {
   ratings: K,
   rating: W
 }, X = ({ content: r, locale: n }) => /* @__PURE__ */ e.createElement(D, {
@@ -109,20 +109,20 @@ const U = (r) => /* @__PURE__ */ e.createElement("svg", {
 }), i2 = () => {
   const { t: r } = A();
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: d(k, u.label)
+    className: d(z, u.label)
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: d(z, u.requiredMark)
+    className: d(k, u.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Ratings, {
-    className: I.ratings,
+    className: b.ratings,
     getReactionLabel: (n) => r("rating-input.a11y.reaction-label", {
       count: n
     })
   }, /* @__PURE__ */ e.createElement(t.Rating, {
-    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(G, b.rating)
+  }, ({ isSelected: n }) => n ? /* @__PURE__ */ e.createElement(Z, null) : /* @__PURE__ */ e.createElement(J, null))), /* @__PURE__ */ e.createElement(t.Error, {
     className: d(j, u.error)
   }, /* @__PURE__ */ e.createElement(x, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: d(J, u.description)
+    className: d(Q, u.description)
   }, X));
 };
 export {

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

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

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

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

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

@@ -1,12 +1,12 @@
 import l from "classnames";
 import e from "react";
-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";
+import { ai as m, L as i, W as u, Z as R } from "./form-CtWkUmxc.js";
+import { u as T, R as C, s as d, T as p } from "./rich-content-rac.module-BacYkzEv.js";
+import { a4 as g } from "./form-element-classes-BSMjWijd.js";
 const h = {
   colorPalette: R(),
   customStyles: u()
-}, _ = ({ truncate: t = !0 } = {}) => {
+}, 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(g, d.richContent),
@@ -18,5 +18,5 @@ const h = {
   })));
 };
 export {
-  _ as R
+  x as R
 };

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

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

package/dist/component/{service-dropdown-rac-DUiNIbdv.js → service-dropdown-rac-CebfMkGP.js}

@@ -1,16 +1,16 @@
-import t, { useRef as P, useMemo as g, useCallback as h, useEffect as T } from "react";
-import { RicosViewer as w } from "@wix/ricos/viewer";
+import t, { useRef as N, 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 A, as as b, F as M, ai as y, ab as U, h as V } from "./form-9yjqDnxY.js";
-import { u as x } from "./use-service-options-base-BYVuKRj2.js";
-import { D as d } from "./dropdown-field-headless-DReo519l.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-CWkwwhq4.js";
-import { t as B, J as W, s as j, w as J, n as Q, j as Y } from "./form-element-classes-KRzHUNLu.js";
-const z = "00000000-0000-0000-0000-000000000000", G = (e) => {
-  const { actions: r } = A(), { t: C } = b(), { addOther: i, addOtherLabel: p } = e, c = p || C("add-other.default-other-option-label"), a = P(!0), E = g(() => {
+import { ae as w, as as b, F as M, ai as y, ab as U, h as V } from "./form-CtWkUmxc.js";
+import { u as q } from "./use-service-options-base-CYAEJ75H.js";
+import { D as d } from "./dropdown-field-headless-DBl8vGed.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-DnUIb9Oh.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";
+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;
     return ((s = e.options) == null ? void 0 : s.map((u) => u.id ?? "")) ?? [];
   }, [
@@ -20,12 +20,12 @@ const z = "00000000-0000-0000-0000-000000000000", G = (e) => {
     {
       value: c,
       label: c,
-      id: z
+      id: G
     }
   ] : s, [
     i,
     c
-  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: _ } = x({
+  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: _ } = q({
     fieldType: M.SERVICES_DROPDOWN,
     isEditor: e.isEditor,
     postProcessOptions: O
@@ -72,7 +72,7 @@ const z = "00000000-0000-0000-0000-000000000000", G = (e) => {
   }, [
     R,
     e.onFocus
-  ]), N = h(
+  ]), P = h(
     (s) => {
       e.onChange && e.onChange(s), a.current = !0;
     },
@@ -86,11 +86,11 @@ const z = "00000000-0000-0000-0000-000000000000", G = (e) => {
     options: l,
     isEmpty: D,
     onFocus: v,
-    onChange: N,
+    onChange: P,
     shouldRender: I
   };
 }, o = ({ children: e }) => {
-  const r = y(), { addOther: C } = r, i = U(), p = r.isEditor || i.isEditor || i.isComposer, { isLoading: c, options: a, isEmpty: E, onFocus: O, onChange: f, shouldRender: l } = G({
+  const r = y(), { addOther: C } = r, i = U(), p = r.isEditor || i.isEditor || i.isComposer, { isLoading: c, options: a, isEmpty: E, onFocus: O, onChange: f, shouldRender: l } = J({
     ...r,
     isEditor: p
   }), D = g(() => ({
@@ -117,7 +117,7 @@ o.Trigger = d.Trigger;
 o.Options = d.Options;
 o.Description = d.Description;
 o.Error = d.Error;
-const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(w, {
+const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(A, {
   content: e,
   locale: r
 }), X = () => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(o.Label, {
@@ -126,15 +126,15 @@ const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(w, {
   className: m(W, n.requiredMark)
 })), /* @__PURE__ */ t.createElement(o.Trigger, {
   className: m(j, n.input, n.dropdownTrigger)
-}, /* @__PURE__ */ t.createElement(H, {
+}, /* @__PURE__ */ t.createElement(x, {
   className: n.dropdownIcon
 })), /* @__PURE__ */ t.createElement(o.Options, {
-  className: m(J, n.selectPopover, n.dropdownPopover)
+  className: m(z, n.selectPopover, n.dropdownPopover)
 }, /* @__PURE__ */ t.createElement(o.Options.Option, {
-  className: m(n.selectOption, q)
+  className: m(n.selectOption, k)
 })), /* @__PURE__ */ t.createElement(o.Error, {
   className: m(Q, n.error)
-}, /* @__PURE__ */ t.createElement(k, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
+}, /* @__PURE__ */ t.createElement(H, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
   className: m(Y, n.description)
 }, K)), le = () => /* @__PURE__ */ t.createElement(X, null);
 export {

package/dist/component/{services-multi-choice-rac-B7y9s2l8.js → services-multi-choice-rac-C4bF1xhB.js}

@@ -1,16 +1,16 @@
 import e, { useEffect as C, useMemo as I } from "react";
 import { RicosViewer as L } from "@wix/ricos/viewer";
-import r from "classnames";
-import { F as R, ai as F, h as d } from "./form-9yjqDnxY.js";
-import { u as D } from "./use-service-options-base-BYVuKRj2.js";
-import { C as i } from "./checkbox-group-field-headless-BDAFpX5F.js";
+import s from "classnames";
+import { F as R, ai as F, h as d } from "./form-CtWkUmxc.js";
+import { u as D } from "./use-service-options-base-CYAEJ75H.js";
+import { C as n } from "./checkbox-group-field-headless-BmKJbEi0.js";
 import { E as h } from "./error-icon-hZxQ6DEy.js";
-import { s as n } from "./field-rac.module-CWkwwhq4.js";
-import { t as f, J as N, N as b, O as M, P as A, s as v, n as x, j as P } from "./form-element-classes-KRzHUNLu.js";
+import { s as i } from "./field-rac.module-DnUIb9Oh.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 { o as _ } from "./options-rac.module-KM-VT_KY.js";
-const T = (o) => {
+const P = (o) => {
   var S;
-  const { isLoading: s, 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 } = D({
     fieldType: R.SERVICES_MULTI_CHOICE,
     isEditor: o.isEditor
   }), u = (S = o.options) == null ? void 0 : S.every((O) => O.label && O.id);
@@ -26,50 +26,50 @@ const T = (o) => {
     m,
     p
   ]), {
-    isLoading: s,
+    isLoading: r,
     options: a,
     isEmpty: c,
     shouldRender: E
   };
 }, t = ({ children: o }) => {
-  const s = F(), { options: a, isEmpty: c, shouldRender: E } = T(s), l = I(() => ({
-    ...s,
+  const r = F(), { options: a, isEmpty: c, shouldRender: E } = P(r), l = I(() => ({
+    ...r,
     options: a
   }), [
-    s,
+    r,
     a
   ]);
-  return !s.isEditor && c || !E ? null : /* @__PURE__ */ e.createElement(d.Provider, {
+  return !r.isEditor && c || !E ? null : /* @__PURE__ */ e.createElement(d.Provider, {
     value: {
       v2: l
     }
-  }, /* @__PURE__ */ e.createElement(i, null, o));
+  }, /* @__PURE__ */ e.createElement(n, null, o));
 };
-t.Label = i.Label;
-t.Options = i.Options;
-t.Description = i.Description;
-t.Error = i.Error;
-const k = ({ content: o, locale: s }) => /* @__PURE__ */ e.createElement(L, {
+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, {
   content: o,
-  locale: s
+  locale: r
 }), y = () => /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-  className: r(f, n.label)
+  className: s(f, i.label)
 }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-  className: r(N, n.requiredMark)
+  className: s(b, i.requiredMark)
 })), /* @__PURE__ */ e.createElement(t.Options, {
-  className: r(b, _.options)
+  className: s(M, _.options)
 }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
-  className: n.checkbox
+  className: i.checkbox
 }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
-  className: r(M, n.checkboxInput)
+  className: s(N, i.checkboxInput)
 }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
-  className: r(A, _.optionLabel)
+  className: s(A, _.optionLabel)
 })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
-  inputClassName: r(v, n.input)
+  inputClassName: s(v, i.input)
 }))), /* @__PURE__ */ e.createElement(t.Error, {
-  className: r(x, n.error)
+  className: s(x, i.error)
 }, /* @__PURE__ */ e.createElement(h, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-  className: r(P, n.description)
+  className: s(T, i.description)
 }, k)), Q = () => /* @__PURE__ */ e.createElement(y, null);
 export {
   Q as ServicesMultiChoiceRAC

package/dist/component/{signature-rac-CydpvQJZ.js → signature-rac-DWWT65Ez.js}

@@ -2,17 +2,17 @@ import s, { useRef as W, useCallback as I, useState as K, useEffect as Q, useMem
 import { RicosViewer as Re } from "@wix/ricos/viewer";
 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 { RadioGroup as Fe, Button as fe, TextField as Ae, Input as Pe, RadioField as _e, RadioButton as Ne } from "react-aria-components";
 import he from "signature_pad";
-import { z as Ue, ae as Oe, ab as Be, aq as ge, E as ce, e as G, ai as A, af as H, ak as Ee, as as Me } from "./form-9yjqDnxY.js";
+import { z as Ue, ae as Oe, ab as Be, aq as ge, E as ce, e as q, ai as A, af as H, ak as Ee, as as Me } from "./form-CtWkUmxc.js";
 import { f as T, a as F } from "./find-child-C60k4CxG.js";
-import { D as We, E as He } from "./field-error-headless-DrnFrGun.js";
-import { L as Ye } from "./field-label-headless-BIYf1BIh.js";
+import { D as We, E as He } from "./field-error-headless-D6iejMQP.js";
+import { L as Ye } from "./field-label-headless-BWLfU3YB.js";
 import { D as ke } from "./data-hooks-Dkw1pbRj.js";
 import { E as $e } from "./error-icon-hZxQ6DEy.js";
-import { s as z } from "./field-rac.module-CWkwwhq4.js";
-import { t as ue, J as ze, s as B, X as Ve, n as Xe, j as Ze } from "./form-element-classes-KRzHUNLu.js";
-const Ge = typeof s.useId == "function" ? s.useId : () => W(Ue()).current;
+import { s as z } from "./field-rac.module-DnUIb9Oh.js";
+import { z as ue, P as ze, y as B, a1 as Ve, q as Ze, j as Xe } from "./form-element-classes-BSMjWijd.js";
+const qe = 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 qe = (e) => {
+const Ge = (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 = qe(a), { setFormStatus: l } = ge(), c = W();
+  const [n, r] = K(e), { isRTL: o } = Be(), i = Ge(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, G.READY);
+      l(a, q.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, G.READY));
+      ]), p(E)) : (t == null || t(null), r(void 0), l(a, q.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, G.BUSY);
+    r(), d(e, q.BUSY);
   }, [
     r,
     d,
     e
   ]), f = I(() => {
-    r(), n(null), d(e, G.READY);
+    r(), n(null), d(e, q.READY);
   }, [
     r,
     n,
@@ -348,12 +348,12 @@ const dt = (e) => {
     renderInput: () => r,
     renderDescription: () => /* @__PURE__ */ s.createElement(s.Fragment, null, i, o)
   });
-}, X = ({ children: e }) => {
+}, Z = ({ children: e }) => {
   const { value: t, onChange: a, target: n, readOnly: r } = A(), { signatureMode: o, setSignatureMode: i, handleClear: l, clearable: c, signatureView: d, signatureValueForView: u, handleChange: f, handleBeforeChange: m } = lt({
     target: n,
     value: t,
     onChange: a
-  }), h = T(e, X.Header), E = T(e, X.Value), p = {
+  }), h = T(e, Z.Header), E = T(e, Z.Value), p = {
     signatureMode: o,
     setSignatureMode: i,
     handleClear: l,
@@ -364,8 +364,8 @@ const dt = (e) => {
     handleBeforeChange: m
   };
   return /* @__PURE__ */ s.createElement(s.Fragment, null, !r && F(h, p), F(E, p));
-}, Z = ({ children: e, className: t, ...a }) => {
-  const { signatureMode: n, setSignatureMode: r, clearable: o, handleClear: i } = a, { uploadEnabled: l } = A(), c = T(e, Z.Tabs), d = T(e, Z.Clear);
+}, X = ({ children: e, className: t, ...a }) => {
+  const { signatureMode: n, setSignatureMode: r, clearable: o, handleClear: i } = a, { uploadEnabled: l } = A(), c = T(e, X.Tabs), d = T(e, X.Clear);
   return /* @__PURE__ */ s.createElement("div", {
     className: t
   }, F(c, {
@@ -375,15 +375,15 @@ const dt = (e) => {
   }), o && F(d, {
     handleClear: i
   }));
-}, _ = ({ children: e, className: t, ...a }) => {
+}, P = ({ children: e, className: t, ...a }) => {
   const { signatureMode: n, setSignatureMode: r, uploadEnabled: o } = a, { disabled: i } = A(), { labelId: l, inputId: c } = H(), d = I((h) => {
     r(h);
   }, [
     r
   ]), u = {
-    [b.DRAW]: T(e, _.Draw),
-    [b.TYPE]: T(e, _.Type),
-    [b.UPLOAD]: o ? T(e, _.Upload) : null
+    [b.DRAW]: T(e, P.Draw),
+    [b.TYPE]: T(e, P.Type),
+    [b.UPLOAD]: o ? T(e, P.Upload) : null
   }, f = u[n], m = mt(f) ? f.props.description : void 0;
   return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("div", {
     role: "status",
@@ -404,7 +404,7 @@ const dt = (e) => {
     "data-hook": ke.SIGNATURE_FIELD_MODE_SELECT,
     className: t
   }, u[b.DRAW], u[b.TYPE], u[b.UPLOAD]));
-}, mt = (e) => /* @__PURE__ */ we(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(Pe, {
+}, mt = (e) => /* @__PURE__ */ we(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(_e, {
   value: e,
   "aria-label": n
 }, /* @__PURE__ */ s.createElement(Ne, {
@@ -429,8 +429,8 @@ const dt = (e) => {
     "data-hook": `clear-${i}`,
     className: t
   }, e);
-}, P = ({ children: e, className: t, ...a }) => {
-  const { signatureView: n, signatureValueForView: r, handleChange: o, handleBeforeChange: i } = a, { disabled: l, readOnly: c, onBlur: d, onFocus: u, hasError: f } = A(), m = T(e, P.Canvas), h = T(e, P.Type), E = T(e, P.Upload);
+}, _ = ({ children: e, className: t, ...a }) => {
+  const { signatureView: n, signatureValueForView: r, handleChange: o, handleBeforeChange: i } = a, { disabled: l, readOnly: c, onBlur: d, onFocus: u, hasError: f } = A(), m = T(e, _.Canvas), h = T(e, _.Type), E = T(e, _.Upload);
   return /* @__PURE__ */ s.createElement("div", {
     className: t,
     "data-hook": "signature-input",
@@ -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()) ?? "";
-  }, []), q = I(() => {
+  }, []), G = 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", q), typeof ResizeObserver < "u" && !y.current && (y.current = new ResizeObserver(() => {
+      p.current.addEventListener("beginStroke", j), p.current.addEventListener("endStroke", G), 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", q), (ie = p.current) == null || ie.removeEventListener("beginStroke", j);
+      ($ = y.current) == null || $.disconnect(), (se = p.current) == null || se.removeEventListener("endStroke", G), (ie = p.current) == null || ie.removeEventListener("beginStroke", j);
   }, [
     R,
     x,
     j,
-    q
+    G
   ]);
   return Q(() => {
     p.current && (c || l ? p.current.off() : p.current.on());
@@ -580,7 +580,7 @@ const dt = (e) => {
   })));
 }, Lt = ({ className: e, placeholder: t, ...a }) => {
   const { inputId: n, ariaDescribedBy: r } = a;
-  return /* @__PURE__ */ s.createElement(_e, {
+  return /* @__PURE__ */ s.createElement(Pe, {
     id: n,
     "data-hook": "signature-text",
     "aria-describedby": r,
@@ -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 = Ge(), m = I(() => {
+  const { fileInputRef: n, disabled: r, readOnly: o, onBlur: i, onFocus: l } = a, { inputId: c, ariaDescribedBy: d, labelId: u } = H(), f = qe(), m = I(() => {
     var h;
     (h = n.current) == null || h.click();
   }, [
@@ -653,19 +653,19 @@ const dt = (e) => {
   }, e));
 };
 g.Label = Ye;
-g.Input = X;
+g.Input = Z;
 g.Description = We;
 g.Error = He;
-X.Header = Z;
-X.Value = P;
-Z.Tabs = _;
-Z.Clear = gt;
-_.Draw = pt;
-_.Type = ft;
-_.Upload = ht;
-P.Canvas = Et;
-P.Type = ae;
-P.Upload = re;
+Z.Header = X;
+Z.Value = _;
+X.Tabs = P;
+X.Clear = gt;
+P.Draw = pt;
+P.Type = ft;
+P.Upload = ht;
+_.Canvas = Et;
+_.Type = ae;
+_.Upload = re;
 ae.Value = Lt;
 re.Button = yt;
 const Tt = () => {
@@ -724,15 +724,15 @@ const Tt = () => {
 }, /* @__PURE__ */ s.createElement("path", {
   fillRule: "evenodd",
   d: "M12,4 L12,5 L8,5 L8,16 L7,16 L7,5 L3,5 L3,4 L12,4 Z M18,8 L18,9 L15,9 L15,16 L14,16 L14,9 L11,9 L11,8 L18,8 Z"
-})), Rt = "_header_15ti0_1", vt = "_tabs_15ti0_8", xt = "_tab_15ti0_8", St = "_tabIcon_15ti0_74", Ft = "_clear_15ti0_81", At = "_value_15ti0_113", _t = "_box_15ti0_118", Pt = "_uploadBox_15ti0_119", Nt = "_typeInput_15ti0_230", C = {
+})), Rt = "_header_15ti0_1", vt = "_tabs_15ti0_8", xt = "_tab_15ti0_8", St = "_tabIcon_15ti0_74", Ft = "_clear_15ti0_81", At = "_value_15ti0_113", Pt = "_box_15ti0_118", _t = "_uploadBox_15ti0_119", Nt = "_typeInput_15ti0_230", C = {
   header: Rt,
   tabs: vt,
   tab: xt,
   tabIcon: St,
   clear: Ft,
   value: At,
-  box: _t,
-  uploadBox: Pt,
+  box: Pt,
+  uploadBox: _t,
   typeInput: Nt
 }, Ut = ({ content: e, locale: t }) => /* @__PURE__ */ s.createElement(Re, {
   content: e,
@@ -785,9 +785,9 @@ const Tt = () => {
   }, /* @__PURE__ */ s.createElement(g.Input.Value.Upload.Button, {
     className: v(Ve, z.uploadButton)
   }, e.uploadLabel)))), /* @__PURE__ */ s.createElement(g.Error, {
-    className: v(Xe, z.error)
+    className: v(Ze, z.error)
   }, /* @__PURE__ */ s.createElement($e, null), /* @__PURE__ */ s.createElement(g.Error.Text, null)), /* @__PURE__ */ s.createElement(g.Description, {
-    className: v(Ze, z.description)
+    className: v(Xe, z.description)
   }, Ut));
 }, Jt = () => /* @__PURE__ */ s.createElement(Ot, null);
 export {

package/dist/component/{submit-button-rac-OO53h4H8.js → submit-button-rac-_mgn4ChE.js}

@@ -1,9 +1,9 @@
 import t from "react";
 import l from "classnames";
-import { ai as c } from "./form-9yjqDnxY.js";
+import { ai as c } from "./form-CtWkUmxc.js";
 import { ProgressBar as N, Button as S } from "react-aria-components";
 import { f as i } from "./find-child-C60k4CxG.js";
-import { Z as d, Y as g, $ as f } from "./form-element-classes-KRzHUNLu.js";
+import { a3 as d, a2 as g, a5 as f } from "./form-element-classes-BSMjWijd.js";
 function x(e) {
   const s = "calc(50% - 2px)";
   return /* @__PURE__ */ t.createElement(N, {