@wix/form-elements 1.63.0 → 1.65.0

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

@@ -1,21 +1,21 @@
-import t, { useRef as P, useMemo as g, useCallback as S, useEffect as T } from "react";
+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 u from "classnames";
-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 m from "classnames";
+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-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";
+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 = P(!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 = N(!0), E = g(() => {
     var s;
-    return ((s = e.options) == null ? void 0 : s.map((d) => d.id ?? "")) ?? [];
+    return ((s = e.options) == null ? void 0 : s.map((u) => u.id ?? "")) ?? [];
   }, [
     e.options
-  ]), O = S((s) => i ? [
+  ]), O = h((s) => i ? [
     ...s,
     {
       value: c,
@@ -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: _ } = V({
+  ]), { 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
-  }), R = S(async () => {
+  }), R = h(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 (d) {
-        console.error(d);
+      } catch (u) {
+        console.error(u);
       }
       if (s) {
-        const d = _(s);
-        h(!i && d.length === 0), L(d);
+        const u = _(s);
+        S(!i && u.length === 0), L(u);
       } else
         a.current = !0;
       F(!1);
@@ -54,25 +54,25 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     i,
     F,
     L,
-    h
+    S
   ]);
   T(() => {
     if (!e.isEditor && l.length > 0) {
       const s = i ? l.length - 1 : l.length;
-      h(s === 0);
+      S(s === 0);
     }
   }, [
     l,
     i,
-    h,
+    S,
     e.isEditor
   ]);
-  const v = S(() => {
+  const v = h(() => {
     e.onFocus && e.onFocus(), a.current && R();
   }, [
     R,
     e.onFocus
-  ]), N = S(
+  ]), P = h(
     (s) => {
       e.onChange && e.onChange(s), a.current = !0;
     },
@@ -86,11 +86,11 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     options: l,
     isEmpty: D,
     onFocus: v,
-    onChange: N,
+    onChange: P,
     shouldRender: I
   };
 }, o = ({ children: e }) => {
-  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({
+  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(() => ({
@@ -106,36 +106,36 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     O,
     f
   ]);
-  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(U.Provider, {
+  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(V.Provider, {
     value: {
       v2: D
     }
-  }, /* @__PURE__ */ t.createElement(m, null, e));
+  }, /* @__PURE__ */ t.createElement(d, null, e));
 };
-o.Label = m.Label;
-o.Trigger = m.Trigger;
-o.Options = m.Options;
-o.Description = m.Description;
-o.Error = m.Error;
+o.Label = d.Label;
+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(A, {
   content: e,
   locale: r
 }), X = () => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(o.Label, {
-  className: u(B, n.label)
+  className: m(B, n.label)
 }, /* @__PURE__ */ t.createElement(o.Label.Required, {
-  className: u(W, n.requiredMark)
+  className: m(W, n.requiredMark)
 })), /* @__PURE__ */ t.createElement(o.Trigger, {
-  className: u(Q, n.input, n.dropdownTrigger)
-}, /* @__PURE__ */ t.createElement(q, {
+  className: m(j, n.input, n.dropdownTrigger)
+}, /* @__PURE__ */ t.createElement(x, {
   className: n.dropdownIcon
 })), /* @__PURE__ */ t.createElement(o.Options, {
-  className: u(Y, n.selectPopover, n.dropdownPopover)
+  className: m(z, n.selectPopover, n.dropdownPopover)
 }, /* @__PURE__ */ t.createElement(o.Options.Option, {
-  className: u(n.selectOption, k)
+  className: m(n.selectOption, k)
 })), /* @__PURE__ */ t.createElement(o.Error, {
-  className: u(j, n.error)
-}, /* @__PURE__ */ t.createElement(x, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
-  className: u(z, n.description)
+  className: m(Q, n.error)
+}, /* @__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 {
   le as ServiceDropdownRAC

package/dist/component/services-multi-choice-rac-C4bF1xhB.js

@@ -0,0 +1,76 @@
+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-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 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 P = (o) => {
+  var S;
+  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);
+  return C(() => {
+    if (u && o.options) {
+      l(o.options), m(o.options.length === 0), p(!0);
+      return;
+    }
+  }, [
+    u,
+    o.options,
+    l,
+    m,
+    p
+  ]), {
+    isLoading: r,
+    options: a,
+    isEmpty: c,
+    shouldRender: E
+  };
+}, t = ({ children: o }) => {
+  const r = F(), { options: a, isEmpty: c, shouldRender: E } = P(r), l = I(() => ({
+    ...r,
+    options: a
+  }), [
+    r,
+    a
+  ]);
+  return !r.isEditor && c || !E ? null : /* @__PURE__ */ e.createElement(d.Provider, {
+    value: {
+      v2: l
+    }
+  }, /* @__PURE__ */ e.createElement(n, null, o));
+};
+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: r
+}), y = () => /* @__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)
+})), /* @__PURE__ */ e.createElement(t.Options, {
+  className: s(M, _.options)
+}, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
+  className: i.checkbox
+}, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
+  className: s(N, i.checkboxInput)
+}), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
+  className: s(A, _.optionLabel)
+})), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
+  inputClassName: s(v, i.input)
+}))), /* @__PURE__ */ e.createElement(t.Error, {
+  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);
+export {
+  Q as ServicesMultiChoiceRAC
+};

package/dist/component/{signature-rac-Bb5IaS28.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, 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 { 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-DTKnr5Zx.js";
-import { L as Ye } from "./field-label-headless-DV4aNd5Y.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 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 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)
@@ -43,7 +43,7 @@ const qe = (e) => {
   ]);
 };
 function je(e) {
-  const a = z(1, 1).getContext("2d");
+  const a = V(1, 1).getContext("2d");
   a.fillStyle = e, a.fillRect(0, 0, 1, 1);
   const n = a.getImageData(0, 0, 1, 1);
   return n.data[0] * 65536 + n.data[1] * 256 + n.data[2];
@@ -72,7 +72,7 @@ function J(e, t) {
   const p = a.getImageData(l, d, h, E), L = document.createElement("canvas"), y = L.getContext("2d");
   return L.width = h, L.height = E, t ? (y.fillStyle = t, y.fillRect(0, 0, h, E)) : y.clearRect(0, 0, h, E), y.putImageData(p, 0, 0), L;
 }
-function z(e, t, a) {
+function V(e, t, a) {
   const n = document.createElement("canvas");
   if (n.width = e, n.height = t, a) {
     const r = n.getContext("2d", {
@@ -86,7 +86,7 @@ function Qe(e, t) {
   return new Promise((a, n) => {
     const r = new Image();
     r.onload = () => {
-      const o = z(r.width, r.height), i = o.getContext("2d", {
+      const o = V(r.width, r.height), i = o.getContext("2d", {
         willReadFrequently: !0
       });
       i == null || i.drawImage(r, 0, 0), a(o);
@@ -94,7 +94,7 @@ function Qe(e, t) {
   });
 }
 function de(e, t, a, n) {
-  const r = e.width, o = e.height, i = 1, l = a / o, c = Math.min(l, i), d = r * c, u = o * c, f = z(d, u), m = f.getContext("2d");
+  const r = e.width, o = e.height, i = 1, l = a / o, c = Math.min(l, i), d = r * c, u = o * c, f = V(d, u), m = f.getContext("2d");
   return n && m && (m.fillStyle = n, m.fillRect(0, 0, d, u)), m == null || m.drawImage(e, 0, 0, r, o, 0, 0, d, u), f;
 }
 function me(e, t) {
@@ -187,7 +187,7 @@ async function ot(e, t) {
     return e;
   const n = a.mimeType;
   if (n === w.TEXT) {
-    const r = z(M * 20, M, 1);
+    const r = V(M * 20, M, 1);
     nt(r, a.data, "black", t, "white");
     const o = J(r, "white");
     return (o == null ? void 0 : o.toDataURL("image/jpeg", 0.7)) ?? null;
@@ -199,7 +199,7 @@ async function ot(e, t) {
     const o = r.map((u) => ({
       ...u,
       penColor: "black"
-    })), i = z(M * 20, M, Math.max(window.devicePixelRatio || 1, 1));
+    })), i = V(M * 20, M, Math.max(window.devicePixelRatio || 1, 1));
     new he(i).fromData(o);
     const c = J(i);
     return c ? de(c, void 0, M, "white").toDataURL("image/jpeg", 0.7) : null;
@@ -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,
@@ -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();
   }, [
@@ -657,15 +657,15 @@ g.Input = Z;
 g.Description = We;
 g.Error = He;
 Z.Header = X;
-Z.Value = P;
-X.Tabs = _;
+Z.Value = _;
+X.Tabs = P;
 X.Clear = gt;
-_.Draw = pt;
-_.Type = ft;
-_.Upload = ht;
-P.Canvas = Et;
-P.Type = ae;
-P.Upload = re;
+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,
@@ -740,9 +740,9 @@ const Tt = () => {
 }), Ot = () => {
   const e = Tt();
   return /* @__PURE__ */ s.createElement(g, null, /* @__PURE__ */ s.createElement(g.Label, {
-    className: v(ue, V.label)
+    className: v(ue, z.label)
   }, /* @__PURE__ */ s.createElement(g.Label.Required, {
-    className: v(Ve, V.requiredMark)
+    className: v(ze, z.requiredMark)
   })), /* @__PURE__ */ s.createElement(g.Input, null, /* @__PURE__ */ s.createElement(g.Input.Header, {
     className: C.header
   }, /* @__PURE__ */ s.createElement(g.Input.Header.Tabs, {
@@ -783,11 +783,11 @@ const Tt = () => {
     className: v(B, C.uploadBox),
     imageAlt: e.imageAlt
   }, /* @__PURE__ */ s.createElement(g.Input.Value.Upload.Button, {
-    className: v(ze, V.uploadButton)
+    className: v(Ve, z.uploadButton)
   }, e.uploadLabel)))), /* @__PURE__ */ s.createElement(g.Error, {
-    className: v(Ze, V.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(Xe, V.description)
+    className: v(Xe, z.description)
   }, Ut));
 }, Jt = () => /* @__PURE__ */ s.createElement(Ot, null);
 export {

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

@@ -1,9 +1,9 @@
 import t from "react";
 import l from "classnames";
-import { ah as c } from "./form-DzjdnO7t.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 { X as d, W as g, Z as f } from "./form-element-classes-Bi-nNM8q.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, {
@@ -72,16 +72,16 @@ const u = ({ children: e }) => {
     isDisabled: v || p,
     "data-in-progress": p
   }, p && _ ? _ : a);
-}, h = ({ className: e }) => /* @__PURE__ */ t.createElement("span", {
+}, C = ({ className: e }) => /* @__PURE__ */ t.createElement("span", {
   className: e
 }, /* @__PURE__ */ t.createElement(x, null));
-B.Loader = h;
+B.Loader = C;
 m.PreviousButton = b;
 m.NextButton = E;
 m.SubmitButton = B;
 u.SubmitButton = m;
-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,
+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,
   rowSpacing: y,
   navigationButton: P,
   nextButton: T,