@wix/form-elements 1.74.0 → 1.75.0

package/dist/component/events-repeater-rac-BoxNl7gn.js

@@ -0,0 +1,254 @@
+import e, { useState as q, useMemo as v, useCallback as V, useRef as M } from "react";
+import T from "classnames";
+import { NumberField as z, Input as J, CheckboxField as Q, CheckboxButton as W, Button as w } from "react-aria-components";
+import { ao as U, ap as P, ae as H, aj as K, u as Y, ai as D, af as X, ak as j, j as Z } from "./form-DCmjj8mZ.js";
+import { f as b, a as L } from "./find-child-C60k4CxG.js";
+import { L as ee } from "./field-label-headless-Bzh7f2Ji.js";
+import { a as te, u as se, C as ne } from "./use-element-state-class-name-Bnw7sY9P.js";
+import { u as oe } from "./use-invoke-callback-UH73A_J3.js";
+import { C as x } from "./chevron-down-icon-CcpVm6B-.js";
+import { s as B } from "./field-rac.module-DjmaTYkc.js";
+import { y as re, x as ae, q as le, s as ce, r as ue } from "./form-element-classes-Dn33C01k.js";
+const me = [], ie = ({ id: t, fields: n, layout: l, value: r, onChange: s, errors: m = me, validation: c }) => {
+  const [i, E] = q((r == null ? void 0 : r.length) || 0), a = v(() => r ?? [], [
+    r
+  ]), C = U(), f = P(), d = H(), { validateFields: u } = K(), F = c.predefined.objectArrayOptions.maxItems, _ = v(() => Y({
+    form: {
+      fields: n,
+      steps: [
+        {
+          layout: l
+        }
+      ]
+    },
+    parentId: t,
+    recursive: !1
+  }), [
+    n,
+    l,
+    t
+  ]), G = v(() => m.reduce((p, I) => {
+    const [h, N] = I.errorPath.split("/"), A = parseInt(h, 10);
+    return p[A] || (p[A] = []), p[A].push({
+      ...I,
+      errorPath: N
+    }), p;
+  }, []), [
+    m
+  ]), g = V((p) => {
+    const I = Number.isNaN(p) ? 0 : Math.min(Math.max(p, 0), F);
+    E(I), s == null || s(Array.from({
+      length: I
+    }, (h, N) => a[N] ?? {}));
+  }, [
+    F,
+    a,
+    s
+  ]), y = V((p) => (I, h) => {
+    const N = Array.from({
+      length: i
+    }, (A, $) => a[$] ?? {});
+    N[p] = {
+      ...N[p],
+      [I]: h
+    }, s == null || s(N);
+  }, [
+    i,
+    a,
+    s
+  ]);
+  return {
+    guestLimit: F,
+    guestCount: i,
+    guests: a,
+    errorsByIndex: G,
+    formView: _,
+    formSchema: C,
+    formFields: f,
+    fieldActions: d,
+    validateFields: u,
+    changeGuestCount: g,
+    changeGuestField: y
+  };
+}, de = [], pe = {}, o = ({ children: t, className: n }) => {
+  const l = D(), { id: r, FieldLayout: s } = l, { guestLimit: m, guestCount: c, guests: i, errorsByIndex: E, formView: a, changeGuestCount: C, changeGuestField: f } = ie(l), d = b(t, o.Label), u = b(t, o.GuestCount), F = b(t, o.GuestToggle), _ = b(t, o.Guests), G = m > 1;
+  return /* @__PURE__ */ e.createElement(s, {
+    fieldId: r,
+    renderLabel: () => G ? d : null,
+    renderInput: () => /* @__PURE__ */ e.createElement("div", {
+      className: n
+    }, G ? L(u, {
+      guestLimit: m,
+      guestCount: c,
+      onGuestCountChange: C
+    }) : L(F, {
+      guestCount: c,
+      onGuestCountChange: C
+    }), L(_, {
+      guestCount: c,
+      guests: i,
+      errorsByIndex: E,
+      formView: a,
+      onGuestFieldChange: f
+    })),
+    renderDescription: () => null
+  });
+}, Ee = ({ className: t }) => /* @__PURE__ */ e.createElement(ee, {
+  className: t
+}, null), R = ({ children: t, className: n, groupClassName: l, ...r }) => {
+  const { guestLimit: s, guestCount: m, onGuestCountChange: c } = r, { id: i, label: E, disabled: a, readOnly: C, onBlur: f, onFocus: d } = D(), { inputId: u, ariaDescribedBy: F } = X(), _ = oe(f), G = M(null);
+  j(() => {
+    var p;
+    (p = G.current) == null || p.focus();
+  }, i);
+  const g = b(t, R.Decrement), y = b(t, R.Increment);
+  return /* @__PURE__ */ e.createElement(z, {
+    className: l,
+    "aria-label": E,
+    value: m,
+    onChange: c,
+    minValue: 0,
+    maxValue: s,
+    step: 1,
+    isDisabled: a,
+    isReadOnly: C,
+    onBlur: _,
+    onFocus: d
+  }, /* @__PURE__ */ e.createElement(J, {
+    ref: G,
+    id: u,
+    "aria-describedby": F,
+    className: n,
+    inputMode: "numeric"
+  }), y, g);
+}, Ce = ({ children: t, className: n }) => /* @__PURE__ */ e.createElement(w, {
+  slot: "decrement",
+  className: n
+}, t), ge = ({ children: t, className: n }) => /* @__PURE__ */ e.createElement(w, {
+  slot: "increment",
+  className: n
+}, t), S = ({ children: t, className: n, ...l }) => {
+  const { guestCount: r, onGuestCountChange: s } = l, { id: m, label: c, disabled: i, readOnly: E, onBlur: a, onFocus: C } = D(), { inputId: f, ariaDescribedBy: d } = X(), u = M(null);
+  j(() => {
+    var g;
+    (g = u.current) == null || g.focus();
+  }, m);
+  const F = b(t, S.Input), _ = b(t, S.Label), G = V((g) => {
+    s(g ? 1 : 0);
+  }, [
+    s
+  ]);
+  return /* @__PURE__ */ e.createElement(Q, {
+    inputRef: u,
+    id: f,
+    "aria-describedby": d,
+    isSelected: r > 0,
+    onChange: G,
+    isDisabled: i,
+    isReadOnly: E,
+    onBlur: a,
+    onFocus: C
+  }, /* @__PURE__ */ e.createElement(W, {
+    className: n
+  }, ({ isSelected: g, isHovered: y }) => /* @__PURE__ */ e.createElement(e.Fragment, null, L(F, {
+    isSelected: g,
+    isHovered: y
+  }), L(_, {
+    label: c
+  }))));
+}, fe = ({ className: t, ...n }) => {
+  const { label: l } = n;
+  return /* @__PURE__ */ e.createElement("span", {
+    className: t
+  }, l);
+}, k = ({ children: t, className: n, ...l }) => {
+  const { guestCount: r, guests: s, errorsByIndex: m, formView: c, onGuestFieldChange: i } = l, { disabled: E, readOnly: a } = D(), C = v(() => ({
+    ...c,
+    fields: c.fields.map((d) => ({
+      ...d,
+      properties: {
+        ...d.properties,
+        disabled: !!(E || d.properties.disabled),
+        readOnly: !!(a || d.properties.readOnly)
+      }
+    }))
+  }), [
+    c,
+    E,
+    a
+  ]), f = b(t, k.Guest);
+  return r ? /* @__PURE__ */ e.createElement("div", {
+    className: n
+  }, Array.from({
+    length: r
+  }, (d, u) => L(f, {
+    key: u,
+    index: u,
+    formView: C,
+    values: s[u] ?? pe,
+    errors: m[u] ?? de,
+    onFieldChange: i(u)
+  }))) : null;
+}, Fe = ({ className: t, ...n }) => {
+  const { index: l, formView: r, values: s, errors: m, onFieldChange: c } = n, i = U(), E = P(), a = H(), { validateFields: C } = K();
+  return /* @__PURE__ */ e.createElement("div", {
+    className: t,
+    "data-hook": `guest-${l}`
+  }, /* @__PURE__ */ e.createElement(Z, {
+    form: r,
+    formSchema: i,
+    values: s,
+    errors: m,
+    validateFields: C,
+    onFieldChange: c,
+    fields: E,
+    fieldActions: a
+  }));
+};
+R.Decrement = Ce;
+R.Increment = ge;
+S.Input = te;
+S.Label = fe;
+k.Guest = Fe;
+o.Label = Ee;
+o.GuestCount = R;
+o.GuestToggle = S;
+o.Guests = k;
+const Ge = "_container_11veo_1", be = "_countGroup_11veo_8", _e = "_increment_11veo_28", Ie = "_decrement_11veo_29", O = {
+  container: Ge,
+  countGroup: be,
+  increment: _e,
+  decrement: Ie
+}, Ne = () => {
+  const t = se({
+    globalClasses: ue,
+    moduleClasses: ne
+  });
+  return /* @__PURE__ */ e.createElement(o, {
+    className: O.container
+  }, /* @__PURE__ */ e.createElement(o.Label, {
+    className: T(re, B.label)
+  }), /* @__PURE__ */ e.createElement(o.GuestCount, {
+    className: B.innerInput,
+    groupClassName: T(ae, B.input, O.countGroup)
+  }, /* @__PURE__ */ e.createElement(o.GuestCount.Increment, {
+    className: O.increment
+  }, /* @__PURE__ */ e.createElement(x, {
+    style: {
+      transform: "rotate(180deg)"
+    }
+  })), /* @__PURE__ */ e.createElement(o.GuestCount.Decrement, {
+    className: O.decrement
+  }, /* @__PURE__ */ e.createElement(x, null))), /* @__PURE__ */ e.createElement(o.GuestToggle, {
+    className: T(le, B.checkbox)
+  }, /* @__PURE__ */ e.createElement(o.GuestToggle.Input, {
+    className: t
+  }), /* @__PURE__ */ e.createElement(o.GuestToggle.Label, {
+    className: ce
+  })), /* @__PURE__ */ e.createElement(o.Guests, {
+    className: O.container
+  }, /* @__PURE__ */ e.createElement(o.Guests.Guest, null)));
+}, Ve = () => /* @__PURE__ */ e.createElement(Ne, null);
+export {
+  Ve as EventsRepeaterRAC
+};

package/dist/component/{events-rsvp-rac-BmjboAco.js → events-rsvp-rac-BU5d2n4k.js}

@@ -1,10 +1,10 @@
 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-WxU5zxvM.js";
+import { R as a, s as o } from "./radio-group-field-rac.module-CeBLm9QF.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-Cac83bU5.js";
-import { z as i, R as E, S as p, U as R, T as _, q as L, j as O } from "./form-element-classes-DDKCTFQj.js";
+import { s } from "./field-rac.module-DjmaTYkc.js";
+import { y as i, Q as E, R as p, T as R, S as _, p as L, i as O } from "./form-element-classes-Dn33C01k.js";
 const e = ({ children: n }) => /* @__PURE__ */ t.createElement(a, null, n);
 e.Label = a.Label;
 e.Options = a.Options;

package/dist/component/{field-error-headless-DQZ5XAdn.js → field-error-headless-uQOcm2Ak.js}

@@ -1,5 +1,5 @@
 import t, { createContext as m, useContext as M } from "react";
-import { ai as c, af as i, ab as f, T as x, U as h } from "./form-C6WwBcGP.js";
+import { ai as c, af as i, ab as f, T as x, U as h } from "./form-DCmjj8mZ.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", {

package/dist/component/{field-label-headless-DoxfHHaj.js → field-label-headless-Bzh7f2Ji.js}

@@ -1,4 +1,4 @@
-import { ai as m, R as d, q as p, af as D, as as B } from "./form-C6WwBcGP.js";
+import { ai as m, R as d, q as p, af as D, as as B } from "./form-DCmjj8mZ.js";
 import l from "react";
 import { f as L } from "./find-child-C60k4CxG.js";
 import { sdk as R } from "@wix/image-kit";

package/dist/component/field-rac.module-DjmaTYkc.js

@@ -0,0 +1,23 @@
+const o = "_label_10aij_1", e = "_requiredMark_10aij_11", t = "_input_10aij_16", n = "_inputGroup_10aij_17", c = "_innerInput_10aij_129", _ = "_dropdownTrigger_10aij_177", r = "_dropdownIcon_10aij_187", i = "_dropdownPopover_10aij_206", p = "_selectPopover_10aij_210", s = "_selectOption_10aij_237", u = "_selectOptionWithoutFocusRing_10aij_261", d = "_description_10aij_267", a = "_error_10aij_283", l = "_checkbox_10aij_302", j = "_checkboxInput_10aij_325", h = "_checkboxInputSelected_10aij_364", b = "_checkboxInputHover_10aij_368", k = "_uploadButton_10aij_418", I = {
+  label: o,
+  requiredMark: e,
+  input: t,
+  inputGroup: n,
+  innerInput: c,
+  dropdownTrigger: _,
+  dropdownIcon: r,
+  dropdownPopover: i,
+  selectPopover: p,
+  selectOption: s,
+  selectOptionWithoutFocusRing: u,
+  description: d,
+  error: a,
+  checkbox: l,
+  checkboxInput: j,
+  checkboxInputSelected: h,
+  checkboxInputHover: b,
+  uploadButton: k
+};
+export {
+  I as s
+};

package/dist/component/{file-upload-rac-YEQ7uXhm.js → file-upload-rac-BTt-rJE5.js}

@@ -1,14 +1,14 @@
-import t, { useState as Q, useRef as V, useMemo as oe, useEffect as se, useCallback as z, createContext as pe, useContext as fe } from "react";
+import t, { useState as H, useRef as V, 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 T from "classnames";
-import { ae as Fe, as as ie, an as ge, i as he, aq as xe, e as re, ar as be, af as ce, ai as q, ak as Ce } from "./form-C6WwBcGP.js";
+import B from "classnames";
+import { ae as Fe, as as ie, an as ge, i as he, aq as xe, e as re, ar as be, af as ce, ai as q, ak as Ce } from "./form-DCmjj8mZ.js";
 import { E as Le } from "./error-icon-hZxQ6DEy.js";
-import { s as I } from "./field-rac.module-Cac83bU5.js";
-import { z as ne, R as De, a3 as Ne, j as ae, q as le } from "./form-element-classes-DDKCTFQj.js";
-import { f as h, a as P } from "./find-child-C60k4CxG.js";
-import { b as ve, a as ye, D as _e, E as Re } from "./field-error-headless-DQZ5XAdn.js";
-import { L as Te } from "./field-label-headless-DoxfHHaj.js";
-import { DropZone as Be, Text as Se, FileTrigger as Me, Button as de, ProgressBar as Ie } from "react-aria-components";
+import { s as I } from "./field-rac.module-DjmaTYkc.js";
+import { y as ne, Q as De, a2 as Ne, i as ae, p as le } from "./form-element-classes-Dn33C01k.js";
+import { f as h, a as z } from "./find-child-C60k4CxG.js";
+import { b as ye, a as ve, D as _e, E as Te } from "./field-error-headless-uQOcm2Ak.js";
+import { L as Be } from "./field-label-headless-Bzh7f2Ji.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/*",
   Image: "image/*",
@@ -26,7 +26,7 @@ const we = {
       formId: n,
       uploadTarget: e
     }).then((s) => {
-      const { id: b, displayName: m, url: c, isPrivate: N } = s, v = {
+      const { id: b, displayName: m, url: c, isPrivate: N } = s, y = {
         fileId: b,
         displayName: m || a.name,
         url: N ? void 0 : c,
@@ -34,8 +34,8 @@ const we = {
       };
       return i({
         file: a,
-        uploadedFile: v
-      }), v;
+        uploadedFile: y
+      }), y;
     }).catch((s) => {
       d(s, a);
     }));
@@ -43,19 +43,19 @@ const we = {
   };
 };
 function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onChange: i, uploadFileFormats: d, onBlur: x, onFilesCleared: D }) {
-  const [a, s] = Q(ke(r)), [b, m] = Q(r || []), [c, N] = Q(), v = Ae(o), { t: E } = ie(), k = ge().includes(he.BUTTONS_HOVER), { setFormStatus: y } = xe(), S = V(!1), _ = V(i);
+  const [a, s] = H(ke(r)), [b, m] = H(r || []), [c, N] = H(), y = Ae(o), { t: E } = ie(), k = ge().includes(he.BUTTONS_HOVER), { setFormStatus: v } = xe(), S = V(!1), _ = V(i);
   _.current = i;
   const C = oe(() => a.some((u) => u.state === "uploading"), [
     a
   ]);
   se(() => {
-    S.current !== C && (S.current = C, y(o, C ? re.BUSY : re.READY));
+    S.current !== C && (S.current = C, v(o, C ? re.BUSY : re.READY));
   }, [
     C,
-    y,
+    v,
     o
   ]);
-  const U = z(() => {
+  const U = P(() => {
     if (!a.length)
       return n;
     const F = a.filter((u) => u.state === "uploading").length;
@@ -72,8 +72,8 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     a,
     n,
     E
-  ]), M = z(async (F) => {
-    await v(F, ({ file: u, uploadedFile: g }) => {
+  ]), M = P(async (F) => {
+    await y(F, ({ file: u, uploadedFile: g }) => {
       s((p) => p.map((f) => f.file === u ? {
         file: u,
         state: "uploaded"
@@ -92,7 +92,7 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
       } : f));
     });
   }, [
-    v,
+    y,
     E
   ]), O = async (F) => {
     if (c && N(void 0), F) {
@@ -102,7 +102,7 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
         }));
         return;
       }
-      const p = Array.from(F).reduce((f, L) => (a.some((Y) => Y.file.name === L.name) || f.push({
+      const p = Array.from(F).reduce((f, L) => (a.some((W) => W.file.name === L.name) || f.push({
         file: L,
         state: "uploading"
       }), f), []);
@@ -124,10 +124,10 @@ function Ze({ valueSliderLimit: e, value: r, explanationText: n, target: o, onCh
     }
   }, $ = () => {
     c && N(void 0), x();
-  }, K = d.map((F) => we[F]).join(), W = z(() => {
+  }, K = d.map((F) => we[F]).join(), Q = P(() => {
     s([]), m([]);
   }, []);
-  return be(W), {
+  return be(Q), {
     files: a,
     limitError: c,
     hover: k,
@@ -163,7 +163,7 @@ function Z() {
 }
 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), a = h(e, A.Button);
-  return /* @__PURE__ */ t.createElement(Be, {
+  return /* @__PURE__ */ t.createElement(Re, {
     "aria-describedby": n,
     className: r,
     "data-invalid": i,
@@ -198,10 +198,10 @@ 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: a, onFocus: s, hasError: b, errorMessage: m } = q(), { handleFileChange: c, accept: N, multiple: v, buttonRef: E, handleBlur: B, limitError: k, files: y } = Z(), S = (y == null ? void 0 : y.some((C) => C.errorMessage)) ?? !1, _ = !!(b || m || k || S);
+  const { ariaDescribedBy: o, inputId: i, labelId: d, errorId: x } = ce(), { disabled: D, required: a, onFocus: s, hasError: b, errorMessage: m } = q(), { handleFileChange: c, accept: N, multiple: y, buttonRef: E, handleBlur: R, limitError: k, files: v } = Z(), S = (v == null ? void 0 : v.some((C) => C.errorMessage)) ?? !1, _ = !!(b || m || k || S);
   return /* @__PURE__ */ t.createElement(Me, {
     acceptedFileTypes: N ? N.split(",") : void 0,
-    allowsMultiple: v,
+    allowsMultiple: y,
     onSelect: (C) => {
       if (C) {
         const U = Array.from(C), M = new DataTransfer();
@@ -225,31 +225,31 @@ const A = ({ children: e, className: r }) => {
     isDisabled: D,
     className: e,
     onFocus: s,
-    onBlur: B
+    onBlur: R
   }, r));
-}, ze = ({ className: e }) => {
+}, Pe = ({ className: e }) => {
   const { buttonText: r } = q();
   return /* @__PURE__ */ t.createElement("span", {
     className: e
   }, r);
 };
-J.Text = ze;
+J.Text = Pe;
 A.Title = Ue;
 A.Subtitle = Oe;
 A.Button = J;
-const R = ({ children: e, className: r, ...n }) => {
-  const { file: o, index: i } = n, d = o.file.name, x = h(e, R.Name), D = h(e, R.Remove), a = h(e, R.Spinner), s = h(e, R.Error);
+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), a = h(e, T.Spinner), s = h(e, T.Error);
   return /* @__PURE__ */ t.createElement("div", {
     className: r
-  }, P(x, {
+  }, z(x, {
     fileName: d
-  }), o.state === "uploading" ? a : P(D, {
+  }), o.state === "uploading" ? a : z(D, {
     index: i,
     fileName: d
-  }), o.errorMessage && P(s, {
+  }), o.errorMessage && z(s, {
     errorMessage: o.errorMessage
   }));
-}, Pe = ({ className: e, ...r }) => {
+}, ze = ({ className: e, ...r }) => {
   const { fileName: n } = r;
   return /* @__PURE__ */ t.createElement("span", {
     className: e
@@ -279,7 +279,7 @@ const R = ({ children: e, className: r, ...n }) => {
   }, n);
 }, ue = ({ className: e, children: r, ...n }) => {
   const { errorMessage: o } = n;
-  return o ? /* @__PURE__ */ t.createElement(ye, {
+  return o ? /* @__PURE__ */ t.createElement(ve, {
     value: o
   }, /* @__PURE__ */ t.createElement("div", {
     className: e,
@@ -290,27 +290,27 @@ const R = ({ children: e, className: r, ...n }) => {
   className: e,
   isIndeterminate: !0
 }, n);
-R.Name = Pe;
-R.Remove = Ve;
-R.Spinner = qe;
-R.Error = ue;
-ue.Text = ve;
+T.Name = ze;
+T.Remove = Ve;
+T.Spinner = qe;
+T.Error = ue;
+ue.Text = ye;
 const X = ({ children: e, className: r }) => {
   const { files: n } = Z(), o = h(e, X.File);
   return !n || n.length === 0 ? null : /* @__PURE__ */ t.createElement("div", {
     className: r
-  }, n.map((i, d) => P(o, {
+  }, n.map((i, d) => z(o, {
     key: i.file.name || d,
     file: i,
     index: d
   })));
 };
-X.File = R;
+X.File = T;
 const G = (e) => e.file.name, l = ({ children: e }) => {
-  const { id: r, value: n, onChange: o, uploadFileFormats: i, valueSliderLimit: d, target: x, explanationText: D, onBlur: a, hasError: s, errorMessage: b, FieldLayout: m } = q(), c = V(null), N = V({}), v = z(() => {
+  const { id: r, value: n, onChange: o, uploadFileFormats: i, valueSliderLimit: d, target: x, explanationText: D, onBlur: a, hasError: s, errorMessage: b, FieldLayout: m } = q(), c = V(null), N = V({}), y = P(() => {
     var L;
     (L = c.current) == null || L.focus();
-  }, []), { files: E, limitError: B, hover: k, getExplanationText: y, handleBlur: S, handleChange: _, handleDelete: C, accept: U } = Ze({
+  }, []), { files: E, limitError: R, hover: k, getExplanationText: v, handleBlur: S, handleChange: _, handleDelete: C, accept: U } = Ze({
     valueSliderLimit: d,
     value: n,
     explanationText: D,
@@ -318,11 +318,11 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     onChange: o,
     uploadFileFormats: i,
     onBlur: a,
-    onFilesCleared: v
-  }), M = z((L) => {
+    onFilesCleared: y
+  }), M = P((L) => {
     var te;
-    const ee = E[L], Y = G(ee);
-    E.length > 1 && ((te = (E.filter((H) => G(H) !== Y).map((H) => N.current[G(H)]).find(Boolean) ?? c).current) == null || te.focus()), C(L);
+    const ee = E[L], W = G(ee);
+    E.length > 1 && ((te = (E.filter((Y) => G(Y) !== W).map((Y) => N.current[G(Y)]).find(Boolean) ?? c).current) == null || te.focus()), C(L);
   }, [
     C,
     E
@@ -334,9 +334,9 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     accept: U,
     limitReached: j,
     multiple: O,
-    getExplanationText: y,
+    getExplanationText: v,
     hover: k,
-    limitError: B,
+    limitError: R,
     buttonRef: c,
     fileRemoveButtonRefs: N
   }), [
@@ -347,10 +347,10 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     U,
     j,
     O,
-    y,
+    v,
     k,
-    B
-  ]), K = h(e, l.Label), W = h(e, l.DropZone), F = h(e, l.Button), u = h(e, l.Explanation), g = h(e, l.Files), p = h(e, l.Description), f = h(e, l.Error);
+    R
+  ]), K = h(e, l.Label), Q = h(e, l.DropZone), F = h(e, l.Button), u = h(e, l.Explanation), g = h(e, l.Files), p = h(e, l.Description), f = h(e, l.Error);
   return Ce(() => {
     var L;
     (L = c.current) == null || L.focus();
@@ -359,10 +359,10 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
   }, /* @__PURE__ */ t.createElement(m, {
     fieldId: r,
     renderLabel: () => K,
-    renderInput: () => W ?? F,
-    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, P(f, {
-      hasError: !!(s || B),
-      errorMessage: B ?? b
+    renderInput: () => Q ?? F,
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, z(f, {
+      hasError: !!(s || R),
+      errorMessage: R ?? b
     }), p, u, g)
   }));
 }, je = ({ className: e }) => {
@@ -371,13 +371,13 @@ const G = (e) => e.file.name, l = ({ children: e }) => {
     className: e
   }, n) : null;
 };
-l.Label = Te;
+l.Label = Be;
 l.DropZone = A;
 l.Button = J;
 l.Explanation = je;
 l.Files = X;
 l.Description = _e;
-l.Error = Re;
+l.Error = Te;
 const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   viewBox: "0 0 24 24",
   width: 24,
@@ -396,7 +396,7 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   ...e
 }, /* @__PURE__ */ t.createElement("path", {
   d: "M12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 Z M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z M12.7287834,7.27532214 C12.9203342,7.46687299 13.0199347,7.73174979 13.0020527,8.00205275 L13.0020527,12.0020527 C13.0199347,12.2723557 12.9203342,12.5372325 12.7287834,12.7287834 C12.5372325,12.9203342 12.2723557,13.0199347 12.0020527,13.0020527 C11.7317498,13.0199347 11.466873,12.9203342 11.2753221,12.7287834 C11.0837713,12.5372325 10.9841708,12.2723557 11.0020527,12.0020527 L11.0020527,8.00205275 C10.9841708,7.73174979 11.0837713,7.46687299 11.2753221,7.27532214 C11.466873,7.08377129 11.7317498,6.98417081 12.0020527,7.00205275 C12.2723557,6.98417081 12.5372325,7.08377129 12.7287834,7.27532214 Z M12.7287834,15.2753221 C12.9203342,15.466873 13.0199347,15.7317498 13.0020527,16.0020527 C13.0199347,16.2723557 12.9203342,16.5372325 12.7287834,16.7287834 C12.5372325,16.9203342 12.2723557,17.0199347 12.0020527,17.0020527 C11.7317498,17.0199347 11.466873,16.9203342 11.2753221,16.7287834 C11.0837713,16.5372325 10.9841708,16.2723557 11.0020527,16.0020527 C10.9841708,15.7317498 11.0837713,15.466873 11.2753221,15.2753221 C11.466873,15.0837713 11.7317498,14.9841708 12.0020527,15.0020527 C12.2723557,14.9841708 12.5372325,15.0837713 12.7287834,15.2753221 Z"
-})), We = (e) => /* @__PURE__ */ t.createElement("svg", {
+})), Qe = (e) => /* @__PURE__ */ t.createElement("svg", {
   viewBox: "0 0 24 24",
   width: 24,
   height: 24,
@@ -405,7 +405,7 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   ...e
 }, /* @__PURE__ */ t.createElement("path", {
   d: "M17,17 C17,18.6568542 15.6568542,20 14,20 L9,20 C7.34314575,20 6,18.6568542 6,17 L6,7 L5,7 L5,6 L18,6 L18,7 L17,7 L17,17 Z M9,9 L10,9 L10,16 L9,16 L9,9 Z M11,9 L12,9 L12,16 L11,16 L11,9 Z M13,9 L14,9 L14,16 L13,16 L13,9 Z M7,17 C7,18.1045695 7.8954305,19 9,19 L14,19 C15.1045695,19 16,18.1045695 16,17 L16,7 L7,7 L7,17 Z M13,6 L13,5 L10,5 L10,6 L9,6 L9,5 C9,4.44771525 9.44771525,4 10,4 L13,4 C13.5522847,4 14,4.44771525 14,5 L14,6 L13,6 Z"
-})), Ye = () => {
+})), We = () => {
   const r = "calc(50% - 2px)";
   return /* @__PURE__ */ t.createElement("svg", {
     fill: "none",
@@ -437,9 +437,9 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
     values: "0;360",
     repeatCount: "indefinite"
   })));
-}, He = "_explanation_16me0_1", Qe = "_files_16me0_5", Ge = "_file_16me0_5", Je = "_fileName_16me0_24", Xe = "_removeButton_16me0_32", et = "_spinner_16me0_72", tt = "_fileError_16me0_88", w = {
-  explanation: He,
-  files: Qe,
+}, Ye = "_explanation_16me0_1", He = "_files_16me0_5", Ge = "_file_16me0_5", Je = "_fileName_16me0_24", Xe = "_removeButton_16me0_32", et = "_spinner_16me0_72", tt = "_fileError_16me0_88", w = {
+  explanation: Ye,
+  files: He,
   file: Ge,
   fileName: Je,
   removeButton: Xe,
@@ -451,16 +451,16 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
 }), nt = () => {
   const { t: e } = ie();
   return /* @__PURE__ */ t.createElement(l, null, /* @__PURE__ */ t.createElement(l.Label, {
-    className: T(ne, I.label)
+    className: B(ne, I.label)
   }, /* @__PURE__ */ t.createElement(l.Label.Required, {
-    className: T(De, I.requiredMark)
+    className: B(De, I.requiredMark)
   })), /* @__PURE__ */ t.createElement(l.Button, {
-    className: T(Ne, I.uploadButton),
+    className: B(Ne, I.uploadButton),
     "aria-roledescription": e("file-upload.aria-roledescription")
   }, /* @__PURE__ */ t.createElement($e, null), /* @__PURE__ */ t.createElement(l.Button.Text, null)), /* @__PURE__ */ t.createElement(l.Explanation, {
-    className: T(ae, I.description, w.explanation)
+    className: B(ae, I.description, w.explanation)
   }), /* @__PURE__ */ t.createElement(l.Files, {
-    className: T(ne, w.files)
+    className: B(ne, w.files)
   }, /* @__PURE__ */ t.createElement(l.Files.File, {
     className: w.file
   }, /* @__PURE__ */ t.createElement(l.Files.File.Name, {
@@ -468,15 +468,15 @@ const $e = (e) => /* @__PURE__ */ t.createElement("svg", {
   }), /* @__PURE__ */ t.createElement(l.Files.File.Spinner, {
     className: w.spinner,
     "aria-label": e("file-upload.file.uploading-spinner.aria-label")
-  }, /* @__PURE__ */ t.createElement(Ye, null)), /* @__PURE__ */ t.createElement(l.Files.File.Remove, {
+  }, /* @__PURE__ */ t.createElement(We, null)), /* @__PURE__ */ t.createElement(l.Files.File.Remove, {
     className: w.removeButton,
     "aria-label": e("file-upload.delete-file.aria-label")
-  }, /* @__PURE__ */ t.createElement(We, null)), /* @__PURE__ */ t.createElement(l.Files.File.Error, {
-    className: T(le, I.error, w.fileError)
+  }, /* @__PURE__ */ t.createElement(Qe, null)), /* @__PURE__ */ t.createElement(l.Files.File.Error, {
+    className: B(le, I.error, w.fileError)
   }, /* @__PURE__ */ t.createElement(Ke, null), /* @__PURE__ */ t.createElement(l.Files.File.Error.Text, null)))), /* @__PURE__ */ t.createElement(l.Description, {
-    className: T(ae, I.description)
+    className: B(ae, I.description)
   }, rt), /* @__PURE__ */ t.createElement(l.Error, {
-    className: T(le, I.error)
+    className: B(le, I.error)
   }, /* @__PURE__ */ t.createElement(Le, null), /* @__PURE__ */ t.createElement(l.Error.Text, null)));
 }, Ft = () => /* @__PURE__ */ t.createElement(nt, null);
 export {