@wix/form-elements 1.61.0 → 1.63.0

package/dist/component/{dropdown-field-headless-C0Pk5_33.js → dropdown-field-headless-Js5TxdU4.js}

@@ -1,18 +1,18 @@
 import e, { useState as E, useCallback as g, useRef as q } from "react";
 import { UNSAFE_PortalProvider as A } from "react-aria";
-import { Select as w, SelectValue as M, ListBox as U, ListBoxItem as _ } from "react-aria-components";
-import { ag as p, ad as b, ai as j } from "./form-Cd3D7IPH.js";
+import { Select as j, SelectValue as w, ListBox as M, ListBoxItem as U } from "react-aria-components";
+import { ah as p, ae as b, aj as _ } from "./form-DzjdnO7t.js";
 import { f as d, a as z } from "./find-child-C60k4CxG.js";
-import { D as G, E as H } from "./field-error-headless-B5J2ESBQ.js";
-import { L as J } from "./field-label-headless-g8SR5uWH.js";
+import { D as G, E as H } from "./field-error-headless-DTKnr5Zx.js";
+import { L as J } from "./field-label-headless-DV4aNd5Y.js";
 import { S as K, N as Q } from "./non-modal-popover-DtIMXHbe.js";
 const n = ({ children: t }) => {
-  const { id: o, value: r, defaultValue: l, options: a = [], readOnly: s, onChange: u, placeholder: m, disabled: i, required: v, onBlur: O, onFocus: y, FieldLayout: F, hasError: C } = p(), [D, L] = E(!1), [h, I] = E(null), B = r && a.some((c) => (c.value ?? c.label) === r) ? r : l || null, { labelId: N } = b(), P = g((c) => {
+  const { id: o, value: r, defaultValue: l, options: a = [], readOnly: s, onChange: u, placeholder: m, disabled: i, required: v, onBlur: O, onFocus: y, FieldLayout: F, hasError: h } = p(), [C, D] = E(!1), [L, I] = E(null), B = r && a.some((c) => (c.value ?? c.label) === r) ? r : l || null, { labelId: N } = b(), P = g((c) => {
     s || u(typeof c == "string" ? c : null);
   }, [
     u,
     s
-  ]), S = g((c) => L(c && !i && !s), [
+  ]), S = g((c) => D(c && !i && !s), [
     i,
     s
   ]), T = d(t, n.Label), x = d(t, n.Trigger), V = d(t, n.Options), R = d(t, n.Description), k = d(t, n.Error);
@@ -25,15 +25,15 @@ const n = ({ children: t }) => {
         display: "contents"
       }
     }), /* @__PURE__ */ e.createElement(A, {
-      getContainer: () => h
-    }, /* @__PURE__ */ e.createElement(w, {
+      getContainer: () => L
+    }, /* @__PURE__ */ e.createElement(j, {
       "aria-labelledby": N,
       value: B,
-      isOpen: D && !i && !s,
+      isOpen: C && !i && !s,
       onOpenChange: S,
       onChange: P,
       isDisabled: i,
-      isInvalid: C,
+      isInvalid: h,
       isRequired: v,
       placeholder: m,
       onBlur: O,
@@ -43,7 +43,7 @@ const n = ({ children: t }) => {
   });
 }, W = ({ children: t, className: o }) => {
   const { inputId: r, ariaDescribedBy: l } = b(), { id: a, hasError: s, isLoading: u } = p(), m = q(null);
-  return j(() => {
+  return _(() => {
     var i;
     (i = m.current) == null || i.focus();
   }, a), /* @__PURE__ */ e.createElement(K, {
@@ -53,21 +53,21 @@ const n = ({ children: t }) => {
     className: o,
     "data-invalid": s || void 0,
     "data-loading": u || void 0
-  }, /* @__PURE__ */ e.createElement(M, null), t);
+  }, /* @__PURE__ */ e.createElement(w, null), t);
 }, f = ({ children: t, className: o }) => {
   const { options: r = [] } = p(), l = d(t, f.Option);
   return /* @__PURE__ */ e.createElement(Q, {
     className: o,
     containerPadding: 0,
     offset: 0
-  }, /* @__PURE__ */ e.createElement(U, null, r.map((a) => z(l, {
+  }, /* @__PURE__ */ e.createElement(M, null, r.map((a) => z(l, {
     key: a.value ?? a.label,
     value: a.value ?? a.label,
     label: a.label
   }))));
 }, X = ({ className: t, ...o }) => {
   const { value: r, label: l } = o;
-  return /* @__PURE__ */ e.createElement(_, {
+  return /* @__PURE__ */ e.createElement(U, {
     className: t,
     id: r,
     textValue: l

package/dist/component/{dropdown-field-rac-Gpctf74Y.js → dropdown-field-rac-BDxcvX00.js}

@@ -1,7 +1,7 @@
 import { RicosViewer as l } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { D as o } from "./dropdown-field-headless-C0Pk5_33.js";
+import { D as o } from "./dropdown-field-headless-Js5TxdU4.js";
 import { C as m } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as n } from "./error-icon-hZxQ6DEy.js";
 import { H as c } from "./custom-focus-class-_483Pkwp.js";

package/dist/component/{dropdown-rac-DKHO9H4r.js → dropdown-rac-B5UHNzV-.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { D as r } from "./dropdown-field-rac-Gpctf74Y.js";
+import { D as r } from "./dropdown-field-rac-BDxcvX00.js";
 const n = () => /* @__PURE__ */ o.createElement(r, null);
 export {
   n as DropdownRAC

package/dist/component/{ecom-address-rac-BR6IpZFw.js → ecom-address-rac-0zm4bX37.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { M as r } from "./multiline-address-field-rac-BWfGsGnK.js";
+import { M as r } from "./multiline-address-field-rac-BY2SUp2d.js";
 const l = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   l as EcomAddressRAC

package/dist/component/{ecom-subscription-checkbox-rac-v6GRysJr.js → ecom-subscription-checkbox-rac-DCXoI33l.js}

@@ -1,6 +1,6 @@
 import o, { useMemo as a } from "react";
-import { ag as n, aq as c, h as i } from "./form-Cd3D7IPH.js";
-import { C } from "./checkbox-field-rac-BPsvcqaB.js";
+import { ah as n, ar as c, h as i } from "./form-DzjdnO7t.js";
+import { C } from "./checkbox-field-rac-e-RAmupX.js";
 import { j as l, k as p, i as m } from "./form-element-classes-Bi-nNM8q.js";
 const _ = (e) => ({
   nodes: [

package/dist/component/{email-input-field-rac-CoD-mJA-.js → email-input-field-rac-svf6hUHF.js}

@@ -2,7 +2,7 @@ import { RicosViewer as ie } from "@wix/ricos/viewer";
 import x from "classnames";
 import u, { createContext as z, useContext as Z, createElement as H, isValidElement as U, cloneElement as R, useState as le, useCallback as me, useEffect as ue } from "react";
 import { TextField as pe } from "react-aria-components";
-import { ad as fe, aq as ge, ab as ve, c as ye, ag as Ee, ak as de, ae as be, f as Se } from "./form-Cd3D7IPH.js";
+import { ae as fe, ar as ge, ac as ve, c as ye, ah as Ee, al as de, af as be, f as Se } from "./form-DzjdnO7t.js";
 import { f as L } from "./find-child-C60k4CxG.js";
 import ee from "@babel/runtime/helpers/objectWithoutProperties";
 import M from "@babel/runtime/helpers/typeof";
@@ -10,7 +10,7 @@ import Oe from "@babel/runtime/helpers/defineProperty";
 import he from "html-parse-stringify";
 import Ie from "@babel/runtime/helpers/classCallCheck";
 import Ne from "@babel/runtime/helpers/createClass";
-import { T as B } from "./text-input-headless-CFi61Cyb.js";
+import { T as B } from "./text-input-headless-CkhvKrFp.js";
 import { E as Ae } from "./error-icon-hZxQ6DEy.js";
 import { s as C } from "./field-rac.module-DtugsLiL.js";
 import { r as Fe, H as ke, q as Te, l as De, h as xe, R as je } from "./form-element-classes-Bi-nNM8q.js";

package/dist/component/{events-repeater-rac-CH5fjXUm.js → events-repeater-rac-DMIqzuVK.js}

@@ -1,22 +1,22 @@
 import t, { useState as q, useMemo as B, useCallback as V, useRef as M } from "react";
 import v from "classnames";
 import { NumberField as z, Input as J, CheckboxField as Q, CheckboxButton as W, Button as w } from "react-aria-components";
-import { am as P, an as U, ac as H, ah as K, t as Y, ag as D, ad as X, ai as j, j as Z } from "./form-Cd3D7IPH.js";
+import { an as P, ao as U, ad as j, ai as H, u as Y, ah as D, ae as K, aj as X, j as Z } from "./form-DzjdnO7t.js";
 import { f as F, a as R } from "./find-child-C60k4CxG.js";
-import { L as ee } from "./field-label-headless-g8SR5uWH.js";
+import { L as ee } from "./field-label-headless-DV4aNd5Y.js";
 import { u as te } from "./use-invoke-callback-UH73A_J3.js";
 import { C as x } from "./chevron-down-icon-CcpVm6B-.js";
 import { s as L } from "./field-rac.module-DtugsLiL.js";
 import { r as se, q as ne, m as oe, n as re, o as ae } from "./form-element-classes-Bi-nNM8q.js";
-const ce = [], le = ({ id: e, fields: n, layout: c, value: r, onChange: s, errors: m = ce, validation: l }) => {
+const le = [], ce = ({ id: e, fields: n, layout: l, value: r, onChange: s, errors: m = le, validation: c }) => {
   const [i, E] = q((r == null ? void 0 : r.length) || 0), a = B(() => r ?? [], [
     r
-  ]), g = P(), C = U(), d = H(), { validateFields: u } = K(), G = l.predefined.objectArrayOptions.maxItems, _ = B(() => Y({
+  ]), g = P(), C = U(), d = j(), { validateFields: u } = H(), G = c.predefined.objectArrayOptions.maxItems, _ = B(() => Y({
     form: {
       fields: n,
       steps: [
         {
-          layout: c
+          layout: l
         }
       ]
     },
@@ -24,7 +24,7 @@ const ce = [], le = ({ id: e, fields: n, layout: c, value: r, onChange: s, error
     recursive: !1
   }), [
     n,
-    c,
+    l,
     e
   ]), f = B(() => m.reduce((p, I) => {
     const [S, N] = I.errorPath.split("/"), A = parseInt(S, 10);
@@ -70,7 +70,7 @@ const ce = [], le = ({ id: e, fields: n, layout: c, value: r, onChange: s, error
     changeGuestField: T
   };
 }, ue = [], me = {}, o = ({ children: e, className: n }) => {
-  const c = D(), { id: r, FieldLayout: s } = c, { guestLimit: m, guestCount: l, guests: i, errorsByIndex: E, formView: a, changeGuestCount: g, changeGuestField: C } = le(c), d = F(e, o.Label), u = F(e, o.GuestCount), G = F(e, o.GuestToggle), _ = F(e, o.Guests), f = m > 1;
+  const l = D(), { id: r, FieldLayout: s } = l, { guestLimit: m, guestCount: c, guests: i, errorsByIndex: E, formView: a, changeGuestCount: g, changeGuestField: C } = ce(l), d = F(e, o.Label), u = F(e, o.GuestCount), G = F(e, o.GuestToggle), _ = F(e, o.Guests), f = m > 1;
   return /* @__PURE__ */ t.createElement(s, {
     fieldId: r,
     renderLabel: () => f ? d : null,
@@ -78,13 +78,13 @@ const ce = [], le = ({ id: e, fields: n, layout: c, value: r, onChange: s, error
       className: n
     }, f ? R(u, {
       guestLimit: m,
-      guestCount: l,
+      guestCount: c,
       onGuestCountChange: g
     }) : R(G, {
-      guestCount: l,
+      guestCount: c,
       onGuestCountChange: g
     }), R(_, {
-      guestCount: l,
+      guestCount: c,
       guests: i,
       errorsByIndex: E,
       formView: a,
@@ -94,18 +94,18 @@ const ce = [], le = ({ id: e, fields: n, layout: c, value: r, onChange: s, error
   });
 }, ie = ({ className: e }) => /* @__PURE__ */ t.createElement(ee, {
   className: e
-}, null), h = ({ children: e, className: n, groupClassName: c, ...r }) => {
-  const { guestLimit: s, guestCount: m, onGuestCountChange: l } = r, { id: i, label: E, disabled: a, readOnly: g, onBlur: C, onFocus: d } = D(), { inputId: u, ariaDescribedBy: G } = X(), _ = te(C), f = M(null);
-  j(() => {
+}, null), h = ({ children: e, className: n, groupClassName: l, ...r }) => {
+  const { guestLimit: s, guestCount: m, onGuestCountChange: c } = r, { id: i, label: E, disabled: a, readOnly: g, onBlur: C, onFocus: d } = D(), { inputId: u, ariaDescribedBy: G } = K(), _ = te(C), f = M(null);
+  X(() => {
     var p;
     (p = f.current) == null || p.focus();
   }, i);
   const b = F(e, h.Decrement), T = F(e, h.Increment);
   return /* @__PURE__ */ t.createElement(z, {
-    className: c,
+    className: l,
     "aria-label": E,
     value: m,
-    onChange: l,
+    onChange: c,
     minValue: 0,
     maxValue: s,
     step: 1,
@@ -126,9 +126,9 @@ const ce = [], le = ({ id: e, fields: n, layout: c, value: r, onChange: s, error
 }, e), pe = ({ children: e, className: n }) => /* @__PURE__ */ t.createElement(w, {
   slot: "increment",
   className: n
-}, e), O = ({ children: e, className: n, ...c }) => {
-  const { guestCount: r, onGuestCountChange: s } = c, { id: m, label: l, disabled: i, readOnly: E, onBlur: a, onFocus: g } = D(), { inputId: C, ariaDescribedBy: d } = X(), u = M(null);
-  j(() => {
+}, e), O = ({ children: e, className: n, ...l }) => {
+  const { guestCount: r, onGuestCountChange: s } = l, { id: m, label: c, disabled: i, readOnly: E, onBlur: a, onFocus: g } = D(), { inputId: C, ariaDescribedBy: d } = K(), u = M(null);
+  X(() => {
     var b;
     (b = u.current) == null || b.focus();
   }, m);
@@ -150,20 +150,20 @@ const ce = [], le = ({ id: e, fields: n, layout: c, value: r, onChange: s, error
   }, /* @__PURE__ */ t.createElement(W, {
     className: n
   }, G, R(_, {
-    label: l
+    label: c
   })));
 }, Ee = ({ className: e }) => /* @__PURE__ */ t.createElement("div", {
   "aria-hidden": "true",
   className: e
 }), ge = ({ className: e, ...n }) => {
-  const { label: c } = n;
+  const { label: l } = n;
   return /* @__PURE__ */ t.createElement("span", {
     className: e
-  }, c);
-}, k = ({ children: e, className: n, ...c }) => {
-  const { guestCount: r, guests: s, errorsByIndex: m, formView: l, onGuestFieldChange: i } = c, { disabled: E, readOnly: a } = D(), g = B(() => ({
-    ...l,
-    fields: l.fields.map((d) => ({
+  }, l);
+}, k = ({ children: e, className: n, ...l }) => {
+  const { guestCount: r, guests: s, errorsByIndex: m, formView: c, onGuestFieldChange: i } = l, { disabled: E, readOnly: a } = D(), g = B(() => ({
+    ...c,
+    fields: c.fields.map((d) => ({
       ...d,
       properties: {
         ...d.properties,
@@ -172,7 +172,7 @@ const ce = [], le = ({ id: e, fields: n, layout: c, value: r, onChange: s, error
       }
     }))
   }), [
-    l,
+    c,
     E,
     a
   ]), C = F(e, k.Guest);
@@ -189,17 +189,17 @@ const ce = [], le = ({ id: e, fields: n, layout: c, value: r, onChange: s, error
     onFieldChange: i(u)
   }))) : null;
 }, Ce = ({ className: e, ...n }) => {
-  const { index: c, formView: r, values: s, errors: m, onFieldChange: l } = n, i = P(), E = U(), a = H(), { validateFields: g } = K();
+  const { index: l, formView: r, values: s, errors: m, onFieldChange: c } = n, i = P(), E = U(), a = j(), { validateFields: g } = H();
   return /* @__PURE__ */ t.createElement("div", {
     className: e,
-    "data-hook": `guest-${c}`
+    "data-hook": `guest-${l}`
   }, /* @__PURE__ */ t.createElement(Z, {
     form: r,
     formSchema: i,
     values: s,
     errors: m,
     validateFields: g,
-    onFieldChange: l,
+    onFieldChange: c,
     fields: E,
     fieldActions: a
   }));

package/dist/component/{events-rsvp-rac-HfajrqWn.js → events-rsvp-rac-B_YD4ckO.js}

@@ -1,7 +1,7 @@
 import t from "react";
 import { RicosViewer as c } from "@wix/ricos/viewer";
 import r from "classnames";
-import { R as a, s as o } from "./radio-group-field-rac.module-DAtE0KVG.js";
+import { R as a, s as o } from "./radio-group-field-rac.module--sO0VqCA.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
 import { s } from "./field-rac.module-DtugsLiL.js";
 import { r as i, H as E, I as p, K as R, J as _, l as L, h as O } from "./form-element-classes-Bi-nNM8q.js";

package/dist/component/{field-error-headless-B5J2ESBQ.js → field-error-headless-DTKnr5Zx.js}

@@ -1,11 +1,11 @@
 import t, { createContext as m, useContext as M } from "react";
-import { ag as c, ad as i, aa as f, Q as x, T as h } from "./form-Cd3D7IPH.js";
-const N = ({ className: r, children: e }) => {
+import { ah as c, ae as i, ab as f, T as h, U as x } from "./form-DzjdnO7t.js";
+const b = ({ className: r, children: e }) => {
   const { description: s, target: o } = c(), { descriptionId: a } = i(), { language: n } = f();
   return s ? /* @__PURE__ */ t.createElement("div", {
     className: r,
     id: a,
-    "data-hook": x(o)
+    "data-hook": h(o)
   }, e({
     content: s,
     locale: n
@@ -16,18 +16,18 @@ const N = ({ className: r, children: e }) => {
     className: r
   }, e ?? "");
 }, k = ({ className: r, children: e, ...s }) => {
-  const { hasError: o, errorMessage: a } = s, { target: n, hasError: d, errorMessage: E } = c(), { errorId: g } = i(), u = o ?? d, p = a ?? E;
+  const { hasError: o, errorMessage: a } = s, { target: n, hasError: E, errorMessage: d } = c(), { errorId: g } = i(), u = o ?? E, p = a ?? d;
   return u ? /* @__PURE__ */ t.createElement(v, {
     value: p
   }, /* @__PURE__ */ t.createElement("div", {
     id: g,
-    "data-hook": h(n),
+    "data-hook": x(n),
     className: r
   }, e)) : null;
 };
 k.Text = D;
 export {
-  N as D,
+  b as D,
   k as E,
   v as a,
   D as b

package/dist/component/{field-label-headless-g8SR5uWH.js → field-label-headless-DV4aNd5Y.js}

@@ -1,9 +1,9 @@
-import { ag as m, R as d, q as p, ad as D, aq as B } from "./form-Cd3D7IPH.js";
+import { ah as m, R as d, q as p, ae as D, ar as B } from "./form-DzjdnO7t.js";
 import l from "react";
-import { f as g } from "./find-child-C60k4CxG.js";
-import { sdk as L } from "@wix/image-kit";
+import { f as L } from "./find-child-C60k4CxG.js";
+import { sdk as R } from "@wix/image-kit";
 function N({ id: e, width: t, height: n }, a, r, o = "fill") {
-  return (o === "fit" ? L.getScaleToFitImageURL : L.getScaleToFillImageURL)(e, t, n, typeof a == "number" ? a : parseInt(a, 10), typeof r == "number" ? r : parseInt(r, 10));
+  return (o === "fit" ? R.getScaleToFitImageURL : R.getScaleToFillImageURL)(e, t, n, typeof a == "number" ? a : parseInt(a, 10), typeof r == "number" ? r : parseInt(r, 10));
 }
 var u = /* @__PURE__ */ (function(e) {
   return e.TOP = "top", e.BOTTOM = "bottom", e;
@@ -15,7 +15,7 @@ const S = {
   margin: 0,
   padding: 0
 }, U = "​", i = ({ children: e, className: t, ...n }) => {
-  const { as: a = "label", requiredIndicatorHidden: r = !1, label: o } = n, { label: T, required: R = !1, hideLabel: q = !1, requiredIndicatorType: F = d.ASTERISK, requiredIndicatorPlacement: O = p.AFTER_FIELD_TITLE, media: y, mediaSettings: s } = m(), { labelId: A, inputId: P } = D(), _ = a, E = R && !r ? g(e, i.Required) : null, c = y ? g(e, i.Image) : null, f = (s == null ? void 0 : s.imagePosition) ?? u.TOP, h = F === d.ASTERISK && O === p.BEFORE_FIELD_TITLE, I = (o ?? T) || U, b = /* @__PURE__ */ l.createElement(_, {
+  const { as: a = "label", requiredIndicatorHidden: r = !1, label: o } = n, { label: T, required: g = !1, hideLabel: q = !1, requiredIndicatorType: F = d.ASTERISK, requiredIndicatorPlacement: O = p.AFTER_FIELD_TITLE, media: y, mediaSettings: s } = m(), { labelId: A, inputId: P } = D(), _ = a, E = g && !r ? L(e, i.Required) : null, c = y ? L(e, i.Image) : null, f = (s == null ? void 0 : s.imagePosition) ?? u.TOP, h = F === d.ASTERISK && O === p.BEFORE_FIELD_TITLE, I = (o ?? T) || U, b = /* @__PURE__ */ l.createElement(_, {
     id: A,
     htmlFor: a === "label" ? P : void 0,
     className: t,

package/dist/component/{file-upload-rac-CuWH6kzP.js → file-upload-rac-lGKJjG3m.js}

@@ -1,13 +1,13 @@
 import t, { useState as Q, useRef as z, useMemo as oe, useEffect as se, useCallback as P, createContext as pe, useContext as fe } from "react";
 import { RicosViewer as Ee } from "@wix/ricos/viewer";
 import B from "classnames";
-import { E as Fe } from "./error-icon-hZxQ6DEy.js";
+import { ad as Fe, ar as ie, am as he, i as ge, ap as xe, e as re, aq as be, ae as ce, ah as j, aj as Ce } from "./form-DzjdnO7t.js";
+import { E as Le } from "./error-icon-hZxQ6DEy.js";
 import { s as I } from "./field-rac.module-DtugsLiL.js";
-import { r as re, H as ge, V as he, h as ne, l as le } from "./form-element-classes-Bi-nNM8q.js";
-import { ac as xe, aq as ie, al as be, i as Ce, ao as Le, e as ae, ap as De, ad as ce, ag as q, ai as Ne } from "./form-Cd3D7IPH.js";
-import { f as h, a as V } from "./find-child-C60k4CxG.js";
-import { b as ve, a as ye, D as _e, E as Te } from "./field-error-headless-B5J2ESBQ.js";
-import { L as Be } from "./field-label-headless-g8SR5uWH.js";
+import { r as ne, H as De, V as Ne, h as le, l as ae } from "./form-element-classes-Bi-nNM8q.js";
+import { f as g, a as V } from "./find-child-C60k4CxG.js";
+import { b as ve, a as ye, D as _e, E as Te } from "./field-error-headless-DTKnr5Zx.js";
+import { L as Be } from "./field-label-headless-DV4aNd5Y.js";
 import { DropZone as Re, Text as Se, FileTrigger as Me, Button as de, ProgressBar as Ie } from "react-aria-components";
 const we = {
   Video: "video/*",
@@ -17,7 +17,7 @@ const we = {
   Archive: ".zip, .rar, .tar, .tar.gz, .gz, .gzip, .jar, .7z, .fgz, .webarchive",
   Model3D: ".gltf, .glb"
 }, Ae = (e) => {
-  const { actions: r, formId: n } = xe();
+  const { actions: r, formId: n } = Fe();
   return async (o, i, d) => {
     if (!(r != null && r.uploadFile) || !o.length)
       return r != null && r.uploadFile || console.error("No uploadFile action"), o.length || console.error("No files to upload"), [];
@@ -43,13 +43,13 @@ const we = {
   };
 };
 function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onChange: i, uploadFileFormats: d, onBlur: x, onFilesCleared: D }) {
-  const [l, s] = Q(Ue(r)), [b, m] = Q(r || []), [c, N] = Q(), v = Ae(o), { t: E } = ie(), U = be().includes(Ce.BUTTONS_HOVER), { setFormStatus: y } = Le(), S = z(!1), _ = z(i);
+  const [l, s] = Q(Ue(r)), [b, m] = Q(r || []), [c, N] = Q(), v = Ae(o), { t: E } = ie(), U = he().includes(ge.BUTTONS_HOVER), { setFormStatus: y } = xe(), S = z(!1), _ = z(i);
   _.current = i;
   const C = oe(() => l.some((u) => u.state === "uploading"), [
     l
   ]);
   se(() => {
-    S.current !== C && (S.current = C, y(o, C ? ae.BUSY : ae.READY));
+    S.current !== C && (S.current = C, y(o, C ? re.BUSY : re.READY));
   }, [
     C,
     y,
@@ -60,9 +60,9 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
       return n;
     const F = l.filter((u) => u.state === "uploading").length;
     if (F) {
-      const u = l.filter((p) => p.state === "uploaded" && p.file.size > 0).length, g = u / (u + F);
+      const u = l.filter((p) => p.state === "uploaded" && p.file.size > 0).length, h = u / (u + F);
       return E("form.file-upload.uploading", {
-        count: Math.round(g * 100)
+        count: Math.round(h * 100)
       });
     }
     return n || E("form.file-upload.explanation-text", {
@@ -73,7 +73,7 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     n,
     E
   ]), M = P(async (F) => {
-    await v(F, ({ file: u, uploadedFile: g }) => {
+    await v(F, ({ file: u, uploadedFile: h }) => {
       s((p) => p.map((f) => f.file === u ? {
         file: u,
         state: "uploaded"
@@ -81,12 +81,12 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
         var L;
         const f = [
           ...p
-        ].concat(g);
+        ].concat(h);
         return (L = _.current) == null || L.call(_, f), f;
       });
-    }, (u, g) => {
-      s((p) => p.map((f) => f.file === g ? {
-        file: g,
+    }, (u, h) => {
+      s((p) => p.map((f) => f.file === h ? {
+        file: h,
         state: "error",
         errorMessage: E("form.file-upload.error.upload-failed")
       } : f));
@@ -111,29 +111,29 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
         ...p
       ]), await M(p);
     }
-  }, j = (F) => {
+  }, q = (F) => {
     const u = l[F];
     if (b && i && u.state !== "error") {
-      const g = b.filter((f) => f.displayName !== u.file.name);
-      i(g), m(g);
+      const h = b.filter((f) => f.displayName !== u.file.name);
+      i(h), m(h);
       const p = l.filter((f) => f.file.name !== u.file.name);
       s(p), p.length === 0 && D();
     } else {
-      const g = l.filter((p) => p !== u);
-      s(g), g.length === 0 && D();
+      const h = l.filter((p) => p !== u);
+      s(h), h.length === 0 && D();
     }
   }, $ = () => {
     c && N(void 0), x();
   }, K = d.map((F) => we[F]).join(), H = P(() => {
     s([]), m([]);
   }, []);
-  return De(H), {
+  return be(H), {
     files: l,
     limitError: c,
     hover: U,
     getExplanationText: k,
     handleChange: O,
-    handleDelete: j,
+    handleDelete: q,
     accept: K,
     handleBlur: $
   };
@@ -162,7 +162,7 @@ function Z() {
   return e;
 }
 const A = ({ children: e, className: r }) => {
-  const { ariaDescribedBy: n } = ce(), { disabled: o, hasError: i } = q(), { handleFileChange: d } = Z(), x = h(e, A.Title), D = h(e, A.Subtitle), l = h(e, A.Button);
+  const { ariaDescribedBy: n } = ce(), { disabled: o, hasError: i } = j(), { handleFileChange: d } = Z(), x = g(e, A.Title), D = g(e, A.Subtitle), l = g(e, A.Button);
   return /* @__PURE__ */ t.createElement(Re, {
     "aria-describedby": n,
     className: r,
@@ -198,7 +198,7 @@ const A = ({ children: e, className: r }) => {
     limitReached: n
   }));
 }, J = ({ className: e, children: r, "aria-roledescription": n }) => {
-  const { ariaDescribedBy: o, inputId: i, labelId: d, errorId: x } = ce(), { disabled: D, required: l, onFocus: s, hasError: b, errorMessage: m } = q(), { handleFileChange: c, accept: N, multiple: v, buttonRef: E, handleBlur: R, limitError: U, files: y } = Z(), S = (y == null ? void 0 : y.some((C) => C.errorMessage)) ?? !1, _ = !!(b || m || U || S);
+  const { ariaDescribedBy: o, inputId: i, labelId: d, errorId: x } = ce(), { disabled: D, required: l, onFocus: s, hasError: b, errorMessage: m } = j(), { handleFileChange: c, accept: N, multiple: v, buttonRef: E, handleBlur: R, limitError: U, files: y } = Z(), S = (y == null ? void 0 : y.some((C) => C.errorMessage)) ?? !1, _ = !!(b || m || U || S);
   return /* @__PURE__ */ t.createElement(Me, {
     acceptedFileTypes: N ? N.split(",") : void 0,
     allowsMultiple: v,
@@ -228,7 +228,7 @@ const A = ({ children: e, className: r }) => {
     onBlur: R
   }, r));
 }, Pe = ({ className: e }) => {
-  const { buttonText: r } = q();
+  const { buttonText: r } = j();
   return /* @__PURE__ */ t.createElement("span", {
     className: e
   }, r);
@@ -238,7 +238,7 @@ A.Title = ke;
 A.Subtitle = Oe;
 A.Button = J;
 const T = ({ children: e, className: r, ...n }) => {
-  const { file: o, index: i } = n, d = o.file.name, x = h(e, T.Name), D = h(e, T.Remove), l = h(e, T.Spinner), s = h(e, T.Error);
+  const { file: o, index: i } = n, d = o.file.name, x = g(e, T.Name), D = g(e, T.Remove), l = g(e, T.Spinner), s = g(e, T.Error);
   return /* @__PURE__ */ t.createElement("div", {
     className: r
   }, V(x, {
@@ -255,7 +255,7 @@ const T = ({ children: e, className: r, ...n }) => {
     className: e
   }, n);
 }, ze = ({ className: e, "aria-label": r, children: n, ...o }) => {
-  const { fileName: i, index: d } = o, { disabled: x } = q(), { handleDelete: D, fileRemoveButtonRefs: l } = Z(), s = z(null);
+  const { fileName: i, index: d } = o, { disabled: x } = j(), { handleDelete: D, fileRemoveButtonRefs: l } = Z(), s = z(null);
   se(() => {
     const m = l.current, c = i;
     return m[c] = s, () => {
@@ -285,18 +285,18 @@ const T = ({ children: e, className: r, ...n }) => {
     className: e,
     role: "alert"
   }, r)) : null;
-}, qe = ({ className: e, "aria-label": r, children: n }) => /* @__PURE__ */ t.createElement(Ie, {
+}, je = ({ className: e, "aria-label": r, children: n }) => /* @__PURE__ */ t.createElement(Ie, {
   "aria-label": r,
   className: e,
   isIndeterminate: !0
 }, n);
 T.Name = Ve;
 T.Remove = ze;
-T.Spinner = qe;
+T.Spinner = je;
 T.Error = ue;
 ue.Text = ve;
 const X = ({ children: e, className: r }) => {
-  const { files: n } = Z(), o = h(e, X.File);
+  const { files: n } = Z(), o = g(e, X.File);
   return !n || n.length === 0 ? null : /* @__PURE__ */ t.createElement("div", {
     className: r
   }, n.map((i, d) => V(o, {
@@ -307,7 +307,7 @@ const X = ({ children: e, className: r }) => {
 };
 X.File = T;
 const G = (e) => e.file.name, a = ({ children: e }) => {
-  const { id: r, value: n, onChange: o, uploadFileFormats: i, valueSliderLimit: d, target: x, explanationText: D, onBlur: l, hasError: s, errorMessage: b, FieldLayout: m } = q(), c = z(null), N = z({}), v = P(() => {
+  const { id: r, value: n, onChange: o, uploadFileFormats: i, valueSliderLimit: d, target: x, explanationText: D, onBlur: l, hasError: s, errorMessage: b, FieldLayout: m } = j(), c = z(null), N = z({}), v = P(() => {
     var L;
     (L = c.current) == null || L.focus();
   }, []), { files: E, limitError: R, hover: U, getExplanationText: y, handleBlur: S, handleChange: _, handleDelete: C, accept: k } = Ze({
@@ -326,13 +326,13 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
   }, [
     C,
     E
-  ]), O = d > 1, j = E.length >= d, $ = oe(() => ({
+  ]), O = d > 1, q = E.length >= d, $ = oe(() => ({
     handleFileChange: _,
     handleBlur: S,
     handleDelete: M,
     files: E,
     accept: k,
-    limitReached: j,
+    limitReached: q,
     multiple: O,
     getExplanationText: y,
     hover: U,
@@ -345,13 +345,13 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
     M,
     E,
     k,
-    j,
+    q,
     O,
     y,
     U,
     R
-  ]), K = h(e, a.Label), H = h(e, a.DropZone), F = h(e, a.Button), u = h(e, a.Explanation), g = h(e, a.Files), p = h(e, a.Description), f = h(e, a.Error);
-  return Ne(() => {
+  ]), K = g(e, a.Label), H = g(e, a.DropZone), F = g(e, a.Button), u = g(e, a.Explanation), h = g(e, a.Files), p = g(e, a.Description), f = g(e, a.Error);
+  return Ce(() => {
     var L;
     (L = c.current) == null || L.focus();
   }, r), /* @__PURE__ */ t.createElement(me.Provider, {
@@ -363,9 +363,9 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, V(f, {
       hasError: !!(s || R),
       errorMessage: R ?? b
-    }), p, u, g)
+    }), p, u, h)
   }));
-}, je = ({ className: e }) => {
+}, qe = ({ className: e }) => {
   const { getExplanationText: r } = Z(), n = r();
   return n ? /* @__PURE__ */ t.createElement("p", {
     className: e
@@ -374,7 +374,7 @@ const G = (e) => e.file.name, a = ({ children: e }) => {
 a.Label = Be;
 a.DropZone = A;
 a.Button = J;
-a.Explanation = je;
+a.Explanation = qe;
 a.Files = X;
 a.Description = _e;
 a.Error = Te;
@@ -451,16 +451,16 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
 }), nt = () => {
   const { t: e } = ie();
   return /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(a.Label, {
-    className: B(re, I.label)
+    className: B(ne, I.label)
   }, /* @__PURE__ */ t.createElement(a.Label.Required, {
-    className: B(ge, I.requiredMark)
+    className: B(De, I.requiredMark)
   })), /* @__PURE__ */ t.createElement(a.Button, {
-    className: B(he, I.uploadButton),
+    className: B(Ne, I.uploadButton),
     "aria-roledescription": e("file-upload.aria-roledescription")
   }, /* @__PURE__ */ t.createElement($e, null), /* @__PURE__ */ t.createElement(a.Button.Text, null)), /* @__PURE__ */ t.createElement(a.Explanation, {
-    className: B(ne, I.description, w.explanation)
+    className: B(le, I.description, w.explanation)
   }), /* @__PURE__ */ t.createElement(a.Files, {
-    className: B(re, w.files)
+    className: B(ne, w.files)
   }, /* @__PURE__ */ t.createElement(a.Files.File, {
     className: w.file
   }, /* @__PURE__ */ t.createElement(a.Files.File.Name, {
@@ -472,12 +472,12 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
     className: w.removeButton,
     "aria-label": e("file-upload.delete-file.aria-label")
   }, /* @__PURE__ */ t.createElement(He, null)), /* @__PURE__ */ t.createElement(a.Files.File.Error, {
-    className: B(le, I.error, w.fileError)
+    className: B(ae, I.error, w.fileError)
   }, /* @__PURE__ */ t.createElement(Ke, null), /* @__PURE__ */ t.createElement(a.Files.File.Error.Text, null)))), /* @__PURE__ */ t.createElement(a.Description, {
-    className: B(ne, I.description)
+    className: B(le, I.description)
   }, rt), /* @__PURE__ */ t.createElement(a.Error, {
-    className: B(le, I.error)
-  }, /* @__PURE__ */ t.createElement(Fe, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)));
+    className: B(ae, I.error)
+  }, /* @__PURE__ */ t.createElement(Le, null), /* @__PURE__ */ t.createElement(a.Error.Text, null)));
 }, Ft = () => /* @__PURE__ */ t.createElement(nt, null);
 export {
   Ft as FileUploadRAC