@cfx-dev/ui-components 4.5.0 → 4.5.3

package/dist/components/InputDropzone/InputDropzone.js

@@ -1,7 +1,7 @@
-import { jsxs as wa, jsx as U } from "react/jsx-runtime";
-import oa, { useMemo as L, useRef as ea, useReducer as hi, useEffect as ka, useCallback as y, forwardRef as yi, useImperativeHandle as wi, Fragment as ki } from "react";
+import { jsxs as wa, jsx as B } from "react/jsx-runtime";
+import oa, { useMemo as T, useRef as ea, useReducer as hi, useEffect as ka, useCallback as y, forwardRef as yi, useImperativeHandle as wi, Fragment as ki } from "react";
 import { P as s } from "../../index-DQMInta3.js";
-import { a as R } from "../../tslib.es6-CtHwNPxX.js";
+import { a as I } from "../../tslib.es6-CtHwNPxX.js";
 import { IconBig as ji } from "../IconBig/IconBig.js";
 import { Text as Na } from "../Text/Text.js";
 import { clsx as Di } from "../../utils/clsx.js";
@@ -1209,7 +1209,7 @@ const zi = /* @__PURE__ */ new Map([
   ["zmm", "application/vnd.handheld-entertainment+xml"],
   ["zsh", "text/x-scriptzsh"]
 ]);
-function M(a, i, t) {
+function L(a, i, t) {
   const n = Ai(a), { webkitRelativePath: p } = a, o = typeof i == "string" ? i : typeof p == "string" && p.length > 0 ? p : `./${a.name}`;
   return typeof n.path != "string" && Ba(n, "path", o), Ba(n, "relativePath", o), n;
 }
@@ -1242,7 +1242,7 @@ const _i = [
   // Windows
 ];
 function Ei(a) {
-  return R(this, void 0, void 0, function* () {
+  return I(this, void 0, void 0, function* () {
     return ca(a) && Fi(a.dataTransfer) ? Ri(a.dataTransfer, a.type) : Oi(a) ? Pi(a) : Array.isArray(a) && a.every((i) => "getFile" in i && typeof i.getFile == "function") ? Ii(a) : [];
   });
 }
@@ -1256,15 +1256,15 @@ function ca(a) {
   return typeof a == "object" && a !== null;
 }
 function Pi(a) {
-  return za(a.target.files).map((i) => M(i));
+  return za(a.target.files).map((i) => L(i));
 }
 function Ii(a) {
-  return R(this, void 0, void 0, function* () {
-    return (yield Promise.all(a.map((t) => t.getFile()))).map((t) => M(t));
+  return I(this, void 0, void 0, function* () {
+    return (yield Promise.all(a.map((t) => t.getFile()))).map((t) => L(t));
   });
 }
 function Ri(a, i) {
-  return R(this, void 0, void 0, function* () {
+  return I(this, void 0, void 0, function* () {
     if (a.items) {
       const t = za(a.items).filter((p) => p.kind === "file");
       if (i !== "drop")
@@ -1272,7 +1272,7 @@ function Ri(a, i) {
       const n = yield Promise.all(t.map(qi));
       return Ua(ti(n));
     }
-    return Ua(za(a.files).map((t) => M(t)));
+    return Ua(za(a.files).map((t) => L(t)));
   });
 }
 function Ua(a) {
@@ -1301,7 +1301,7 @@ function ti(a) {
   ], []);
 }
 function Ya(a, i) {
-  return R(this, void 0, void 0, function* () {
+  return I(this, void 0, void 0, function* () {
     var t;
     if (globalThis.isSecureContext && typeof a.getAsFileSystemHandle == "function") {
       const o = yield a.getAsFileSystemHandle();
@@ -1309,17 +1309,17 @@ function Ya(a, i) {
         throw new Error(`${a} is not a File`);
       if (o !== void 0) {
         const l = yield o.getFile();
-        return l.handle = o, M(l);
+        return l.handle = o, L(l);
       }
     }
     const n = a.getAsFile();
     if (!n)
       throw new Error(`${a} is not a File`);
-    return M(n, (t = i == null ? void 0 : i.fullPath) !== null && t !== void 0 ? t : void 0);
+    return L(n, (t = i == null ? void 0 : i.fullPath) !== null && t !== void 0 ? t : void 0);
   });
 }
 function Ci(a) {
-  return R(this, void 0, void 0, function* () {
+  return I(this, void 0, void 0, function* () {
     return a.isDirectory ? ni(a) : Si(a);
   });
 }
@@ -1328,7 +1328,7 @@ function ni(a) {
   return new Promise((t, n) => {
     const p = [];
     function o() {
-      i.readEntries((l) => R(this, void 0, void 0, function* () {
+      i.readEntries((l) => I(this, void 0, void 0, function* () {
         if (l.length) {
           const r = Promise.all(l.map(Ci));
           p.push(r), o();
@@ -1347,10 +1347,10 @@ function ni(a) {
   });
 }
 function Si(a) {
-  return R(this, void 0, void 0, function* () {
+  return I(this, void 0, void 0, function* () {
     return new Promise((i, t) => {
       a.file((n) => {
-        const p = M(n, a.fullPath);
+        const p = L(n, a.fullPath);
         i(p);
       }, (n) => {
         t(n);
@@ -1408,7 +1408,7 @@ function Va(a) {
 function ei(a, i, t) {
   return i in a ? Object.defineProperty(a, i, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[i] = t, a;
 }
-function Y(a, i) {
+function U(a, i) {
   return Hi(a) || Ki(a, i) || pi(a, i) || $i();
 }
 function $i() {
@@ -1476,24 +1476,24 @@ function oi(a, i) {
   return [t, t ? null : Gi(i)];
 }
 function ci(a, i, t) {
-  if (I(a.size))
-    if (I(i) && I(t)) {
+  if (P(a.size))
+    if (P(i) && P(t)) {
       if (a.size > t) return [!1, Qa(t)];
       if (a.size < i) return [!1, Xa(i)];
     } else {
-      if (I(i) && a.size < i) return [!1, Xa(i)];
-      if (I(t) && a.size > t) return [!1, Qa(t)];
+      if (P(i) && a.size < i) return [!1, Xa(i)];
+      if (P(t) && a.size > t) return [!1, Qa(t)];
     }
   return [!0, null];
 }
-function I(a) {
+function P(a) {
   return a != null;
 }
 function Vi(a) {
   var i = a.files, t = a.accept, n = a.minSize, p = a.maxSize, o = a.multiple, l = a.maxFiles, r = a.validator;
   return !o && i.length > 1 || o && l >= 1 && i.length > l ? !1 : i.every(function(u) {
-    var k = oi(u, t), z = Y(k, 1), j = z[0], A = ci(u, n, p), _ = Y(A, 1), E = _[0], F = r ? r(u) : null;
-    return j && E && !F;
+    var k = oi(u, t), z = U(k, 1), A = z[0], j = ci(u, n, p), _ = U(j, 1), E = _[0], F = r ? r(u) : null;
+    return A && E && !F;
   });
 }
 function la(a) {
@@ -1532,12 +1532,12 @@ function at() {
   return "showOpenFilePicker" in window;
 }
 function it(a) {
-  if (I(a)) {
+  if (P(a)) {
     var i = Object.entries(a).filter(function(t) {
-      var n = Y(t, 2), p = n[0], o = n[1], l = !0;
+      var n = U(t, 2), p = n[0], o = n[1], l = !0;
       return li(p) || (console.warn('Skipped "'.concat(p, '" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')), l = !1), (!Array.isArray(o) || !o.every(ri)) && (console.warn('Skipped "'.concat(p, '" because an invalid file extension was provided.')), l = !1), l;
     }).reduce(function(t, n) {
-      var p = Y(n, 2), o = p[0], l = p[1];
+      var p = U(n, 2), o = p[0], l = p[1];
       return Va(Va({}, t), {}, ei({}, o, l));
     }, {});
     return [{
@@ -1549,9 +1549,9 @@ function it(a) {
   return a;
 }
 function tt(a) {
-  if (I(a))
+  if (P(a))
     return Object.entries(a).reduce(function(i, t) {
-      var n = Y(t, 2), p = n[0], o = n[1];
+      var n = U(t, 2), p = n[0], o = n[1];
       return [].concat(Ga(i), [p], Ga(o));
     }, []).filter(function(i) {
       return li(i) || ri(i);
@@ -1873,19 +1873,19 @@ var Fa = {
   fileRejections: []
 };
 function mi() {
-  var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i = d(d({}, di), a), t = i.accept, n = i.disabled, p = i.getFilesFromEvent, o = i.maxSize, l = i.minSize, r = i.multiple, u = i.maxFiles, k = i.onDragEnter, z = i.onDragLeave, j = i.onDragOver, A = i.onDrop, _ = i.onDropAccepted, E = i.onDropRejected, F = i.onFileDialogCancel, $ = i.onFileDialogOpen, G = i.useFsAccessApi, J = i.autoFocus, K = i.preventDropOnDocument, V = i.noClick, H = i.noKeyboard, b = i.noDrag, O = i.noDragEventsBubbling, sa = i.onError, N = i.validator, W = L(function() {
+  var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i = d(d({}, di), a), t = i.accept, n = i.disabled, p = i.getFilesFromEvent, o = i.maxSize, l = i.minSize, r = i.multiple, u = i.maxFiles, k = i.onDragEnter, z = i.onDragLeave, A = i.onDragOver, j = i.onDrop, _ = i.onDropAccepted, E = i.onDropRejected, F = i.onFileDialogCancel, M = i.onFileDialogOpen, Y = i.useFsAccessApi, G = i.autoFocus, $ = i.preventDropOnDocument, J = i.noClick, K = i.noKeyboard, V = i.noDrag, f = i.noDragEventsBubbling, sa = i.onError, H = i.validator, N = T(function() {
     return tt(t);
-  }, [t]), Pa = L(function() {
+  }, [t]), Pa = T(function() {
     return it(t);
-  }, [t]), da = L(function() {
-    return typeof $ == "function" ? $ : ii;
-  }, [$]), Q = L(function() {
+  }, [t]), da = T(function() {
+    return typeof M == "function" ? M : ii;
+  }, [M]), Q = T(function() {
     return typeof F == "function" ? F : ii;
-  }, [F]), f = ea(null), h = ea(null), vi = hi(gt, Fa), Ia = Da(vi, 2), ma = Ia[0], x = Ia[1], ui = ma.isFocused, Ra = ma.isFileDialogActive, X = ea(typeof window < "u" && window.isSecureContext && G && at()), qa = function() {
+  }, [F]), x = ea(null), h = ea(null), vi = hi(gt, Fa), Ia = Da(vi, 2), ma = Ia[0], g = Ia[1], ui = ma.isFocused, Ra = ma.isFileDialogActive, X = ea(typeof window < "u" && window.isSecureContext && Y && at()), qa = function() {
     !X.current && Ra && setTimeout(function() {
       if (h.current) {
         var c = h.current.files;
-        c.length || (x({
+        c.length || (g({
           type: "closeDialog"
         }), Q());
       }
@@ -1896,42 +1896,42 @@ function mi() {
       window.removeEventListener("focus", qa, !1);
     };
   }, [h, Ra, Q, X]);
-  var q = ea([]), Ca = function(c) {
-    f.current && f.current.contains(c.target) || (c.preventDefault(), q.current = []);
+  var R = ea([]), Ca = function(c) {
+    x.current && x.current.contains(c.target) || (c.preventDefault(), R.current = []);
   };
   ka(function() {
-    return K && (document.addEventListener("dragover", Za, !1), document.addEventListener("drop", Ca, !1)), function() {
-      K && (document.removeEventListener("dragover", Za), document.removeEventListener("drop", Ca));
+    return $ && (document.addEventListener("dragover", Za, !1), document.addEventListener("drop", Ca, !1)), function() {
+      $ && (document.removeEventListener("dragover", Za), document.removeEventListener("drop", Ca));
     };
-  }, [f, K]), ka(function() {
-    return !n && J && f.current && f.current.focus(), function() {
+  }, [x, $]), ka(function() {
+    return !n && G && x.current && x.current.focus(), function() {
     };
-  }, [f, J, n]);
-  var P = y(function(e) {
+  }, [x, G, n]);
+  var O = y(function(e) {
     sa ? sa(e) : console.error(e);
   }, [sa]), Sa = y(function(e) {
-    e.preventDefault(), e.persist(), ta(e), q.current = [].concat(rt(q.current), [e.target]), pa(e) && Promise.resolve(p(e)).then(function(c) {
-      if (!(la(e) && !O)) {
+    e.preventDefault(), e.persist(), ta(e), R.current = [].concat(rt(R.current), [e.target]), pa(e) && Promise.resolve(p(e)).then(function(c) {
+      if (!(la(e) && !f)) {
         var m = c.length, v = m > 0 && Vi({
           files: c,
-          accept: W,
+          accept: N,
           minSize: l,
           maxSize: o,
           multiple: r,
           maxFiles: u,
-          validator: N
-        }), g = m > 0 && !v;
-        x({
+          validator: H
+        }), b = m > 0 && !v;
+        g({
           isDragAccept: v,
-          isDragReject: g,
+          isDragReject: b,
           isDragActive: !0,
           type: "setDraggedFiles"
         }), k && k(e);
       }
     }).catch(function(c) {
-      return P(c);
+      return O(c);
     });
-  }, [p, k, P, O, W, l, o, r, u, N]), Ta = y(function(e) {
+  }, [p, k, O, f, N, l, o, r, u, H]), Ta = y(function(e) {
     e.preventDefault(), e.persist(), ta(e);
     var c = pa(e);
     if (c && e.dataTransfer)
@@ -1939,55 +1939,55 @@ function mi() {
         e.dataTransfer.dropEffect = "copy";
       } catch {
       }
-    return c && j && j(e), !1;
-  }, [j, O]), La = y(function(e) {
+    return c && A && A(e), !1;
+  }, [A, f]), La = y(function(e) {
     e.preventDefault(), e.persist(), ta(e);
-    var c = q.current.filter(function(v) {
-      return f.current && f.current.contains(v);
+    var c = R.current.filter(function(v) {
+      return x.current && x.current.contains(v);
     }), m = c.indexOf(e.target);
-    m !== -1 && c.splice(m, 1), q.current = c, !(c.length > 0) && (x({
+    m !== -1 && c.splice(m, 1), R.current = c, !(c.length > 0) && (g({
       type: "setDraggedFiles",
       isDragActive: !1,
       isDragAccept: !1,
       isDragReject: !1
     }), pa(e) && z && z(e));
-  }, [f, z, O]), Z = y(function(e, c) {
+  }, [x, z, f]), Z = y(function(e, c) {
     var m = [], v = [];
-    e.forEach(function(g) {
-      var B = oi(g, W), T = Da(B, 2), ua = T[0], fa = T[1], xa = ci(g, l, o), na = Da(xa, 2), ga = na[0], ba = na[1], ha = N ? N(g) : null;
+    e.forEach(function(b) {
+      var W = oi(b, N), S = Da(W, 2), ua = S[0], fa = S[1], xa = ci(b, l, o), na = Da(xa, 2), ga = na[0], ba = na[1], ha = H ? H(b) : null;
       if (ua && ga && !ha)
-        m.push(g);
+        m.push(b);
       else {
         var ya = [fa, ba];
         ha && (ya = ya.concat(ha)), v.push({
-          file: g,
+          file: b,
           errors: ya.filter(function(bi) {
             return bi;
           })
         });
       }
-    }), (!r && m.length > 1 || r && u >= 1 && m.length > u) && (m.forEach(function(g) {
+    }), (!r && m.length > 1 || r && u >= 1 && m.length > u) && (m.forEach(function(b) {
       v.push({
-        file: g,
+        file: b,
         errors: [Ji]
       });
-    }), m.splice(0)), x({
+    }), m.splice(0)), g({
       acceptedFiles: m,
       fileRejections: v,
       isDragReject: v.length > 0,
       type: "setFiles"
-    }), A && A(m, v, c), v.length > 0 && E && E(v, c), m.length > 0 && _ && _(m, c);
-  }, [x, r, W, l, o, u, A, _, E, N]), aa = y(function(e) {
-    e.preventDefault(), e.persist(), ta(e), q.current = [], pa(e) && Promise.resolve(p(e)).then(function(c) {
-      la(e) && !O || Z(c, e);
+    }), j && j(m, v, c), v.length > 0 && E && E(v, c), m.length > 0 && _ && _(m, c);
+  }, [g, r, N, l, o, u, j, _, E, H]), aa = y(function(e) {
+    e.preventDefault(), e.persist(), ta(e), R.current = [], pa(e) && Promise.resolve(p(e)).then(function(c) {
+      la(e) && !f || Z(c, e);
     }).catch(function(c) {
-      return P(c);
-    }), x({
+      return O(c);
+    }), g({
       type: "reset"
     });
-  }, [p, Z, P, O]), C = y(function() {
+  }, [p, Z, O, f]), q = y(function() {
     if (X.current) {
-      x({
+      g({
         type: "openDialog"
       }), da();
       var e = {
@@ -1997,62 +1997,62 @@ function mi() {
       window.showOpenFilePicker(e).then(function(c) {
         return p(c);
       }).then(function(c) {
-        Z(c, null), x({
+        Z(c, null), g({
           type: "closeDialog"
         });
       }).catch(function(c) {
-        nt(c) ? (Q(c), x({
+        nt(c) ? (Q(c), g({
           type: "closeDialog"
-        })) : et(c) ? (X.current = !1, h.current ? (h.current.value = null, h.current.click()) : P(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : P(c);
+        })) : et(c) ? (X.current = !1, h.current ? (h.current.value = null, h.current.click()) : O(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))) : O(c);
       });
       return;
     }
-    h.current && (x({
+    h.current && (g({
       type: "openDialog"
     }), da(), h.current.value = null, h.current.click());
-  }, [x, da, Q, G, Z, P, Pa, r]), Ma = y(function(e) {
-    !f.current || !f.current.isEqualNode(e.target) || (e.key === " " || e.key === "Enter" || e.keyCode === 32 || e.keyCode === 13) && (e.preventDefault(), C());
-  }, [f, C]), $a = y(function() {
-    x({
+  }, [g, da, Q, Y, Z, O, Pa, r]), Ma = y(function(e) {
+    !x.current || !x.current.isEqualNode(e.target) || (e.key === " " || e.key === "Enter" || e.keyCode === 32 || e.keyCode === 13) && (e.preventDefault(), q());
+  }, [x, q]), $a = y(function() {
+    g({
       type: "focus"
     });
   }, []), Ka = y(function() {
-    x({
+    g({
       type: "blur"
     });
   }, []), Ha = y(function() {
-    V || (Zi() ? setTimeout(C, 0) : C());
-  }, [V, C]), S = function(c) {
+    J || (Zi() ? setTimeout(q, 0) : q());
+  }, [J, q]), C = function(c) {
     return n ? null : c;
   }, va = function(c) {
-    return H ? null : S(c);
+    return K ? null : C(c);
   }, ia = function(c) {
-    return b ? null : S(c);
+    return V ? null : C(c);
   }, ta = function(c) {
-    O && c.stopPropagation();
-  }, fi = L(function() {
+    f && c.stopPropagation();
+  }, fi = T(function() {
     return function() {
-      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = e.refKey, m = c === void 0 ? "ref" : c, v = e.role, g = e.onKeyDown, B = e.onFocus, T = e.onBlur, ua = e.onClick, fa = e.onDragEnter, xa = e.onDragOver, na = e.onDragLeave, ga = e.onDrop, ba = ra(e, ct);
+      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = e.refKey, m = c === void 0 ? "ref" : c, v = e.role, b = e.onKeyDown, W = e.onFocus, S = e.onBlur, ua = e.onClick, fa = e.onDragEnter, xa = e.onDragOver, na = e.onDragLeave, ga = e.onDrop, ba = ra(e, ct);
       return d(d(Ea({
-        onKeyDown: va(w(g, Ma)),
-        onFocus: va(w(B, $a)),
-        onBlur: va(w(T, Ka)),
-        onClick: S(w(ua, Ha)),
+        onKeyDown: va(w(b, Ma)),
+        onFocus: va(w(W, $a)),
+        onBlur: va(w(S, Ka)),
+        onClick: C(w(ua, Ha)),
         onDragEnter: ia(w(fa, Sa)),
         onDragOver: ia(w(xa, Ta)),
         onDragLeave: ia(w(na, La)),
         onDrop: ia(w(ga, aa)),
         role: typeof v == "string" && v !== "" ? v : "presentation"
-      }, m, f), !n && !H ? {
+      }, m, x), !n && !K ? {
         tabIndex: 0
       } : {}), ba);
     };
-  }, [f, Ma, $a, Ka, Ha, Sa, Ta, La, aa, H, b, n]), xi = y(function(e) {
+  }, [x, Ma, $a, Ka, Ha, Sa, Ta, La, aa, K, V, n]), xi = y(function(e) {
     e.stopPropagation();
-  }, []), gi = L(function() {
+  }, []), gi = T(function() {
     return function() {
-      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = e.refKey, m = c === void 0 ? "ref" : c, v = e.onChange, g = e.onClick, B = ra(e, lt), T = Ea({
-        accept: W,
+      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = e.refKey, m = c === void 0 ? "ref" : c, v = e.onChange, b = e.onClick, W = ra(e, lt), S = Ea({
+        accept: N,
         multiple: r,
         type: "file",
         style: {
@@ -2067,20 +2067,20 @@ function mi() {
           width: "1px",
           whiteSpace: "nowrap"
         },
-        onChange: S(w(v, aa)),
-        onClick: S(w(g, xi)),
+        onChange: C(w(v, aa)),
+        onClick: C(w(b, xi)),
         tabIndex: -1
       }, m, h);
-      return d(d({}, T), B);
+      return d(d({}, S), W);
     };
   }, [h, t, r, aa, n]);
   return d(d({}, ma), {}, {
     isFocused: ui && !n,
     getRootProps: fi,
     getInputProps: gi,
-    rootRef: f,
+    rootRef: x,
     inputRef: h,
-    open: S(C)
+    open: C(q)
   });
 }
 function gt(a, i) {
@@ -2140,41 +2140,42 @@ function jt(a) {
     onRemoveRejection: u,
     dropzoneItemClassName: k,
     dropzoneClassName: z,
+    name: A,
     ...j
   } = a, {
-    isFocused: A,
-    isDragActive: _,
-    isDragAccept: E,
-    isDragReject: F,
-    isFileDialogActive: $,
+    isFocused: _,
+    isDragActive: E,
+    isDragAccept: F,
+    isDragReject: M,
+    isFileDialogActive: Y,
     getRootProps: G,
-    getInputProps: J
-  } = mi(j), K = oa.useCallback((b) => {
-    r && r(b);
-  }, [r]), V = oa.useCallback((b) => {
-    u && u(b);
-  }, [u]), H = Di(D.dropzone, z, {
+    getInputProps: $
+  } = mi(j), J = oa.useCallback((f) => {
+    r && r(f);
+  }, [r]), K = oa.useCallback((f) => {
+    u && u(f);
+  }, [u]), V = Di(D.dropzone, z, {
     [D.disabled]: j.disabled,
-    [D.focused]: A,
-    [D.dragActive]: _,
-    [D.dragAccept]: E,
-    [D.dragReject]: F,
-    [D.fileDialogActive]: $
+    [D.focused]: _,
+    [D.dragActive]: E,
+    [D.dragAccept]: F,
+    [D.dragReject]: M,
+    [D.fileDialogActive]: Y
   });
   return /* @__PURE__ */ wa("section", { children: [
     /* @__PURE__ */ wa(
       "div",
       {
-        className: H,
+        className: V,
         ...G({
           "aria-label": l
         }),
         children: [
-          /* @__PURE__ */ U("input", { ...J() }),
-          /* @__PURE__ */ U(ji, { name: "Upload" }),
+          /* @__PURE__ */ B("input", { ...$({ name: A }) }),
+          /* @__PURE__ */ B(ji, { name: "Upload" }),
           /* @__PURE__ */ wa(Na, { className: D.text, children: [
             p ? `${n} ` : n,
-            !!p && /* @__PURE__ */ U(
+            !!p && /* @__PURE__ */ B(
               Na,
               {
                 weight: "bold",
@@ -2187,28 +2188,28 @@ function jt(a) {
         ]
       }
     ),
-    i.map((b) => /* @__PURE__ */ U(
+    i.map((f) => /* @__PURE__ */ B(
       Wa,
       {
         removeAriaLabel: o,
-        file: b,
-        onRemoveFile: K,
+        file: f,
+        onRemoveFile: J,
         className: k
       },
-      b.path
+      f.path
     )),
     t.map(({
-      file: b
-    }) => /* @__PURE__ */ U(
+      file: f
+    }) => /* @__PURE__ */ B(
       Wa,
       {
         theme: "failed",
         removeAriaLabel: o,
-        file: b,
-        onRemoveFile: V,
+        file: f,
+        onRemoveFile: K,
         className: k
       },
-      b.path
+      f.path
     ))
   ] });
 }

package/dist/components/InputDropzone/InputDropzoneShowcase.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import n from "react";
 import d from "./InputDropzone.js";
 function R() {
-  const [l, i] = n.useState([]), [a, c] = n.useState([]), r = n.useCallback((o, t) => {
+  const [a, i] = n.useState([]), [l, c] = n.useState([]), r = n.useCallback((o, t) => {
     i(o), c(t);
   }, []), p = n.useCallback((o) => {
     i((t) => {
@@ -18,8 +18,9 @@ function R() {
   return /* @__PURE__ */ m(
     d,
     {
-      value: l,
-      rejections: a,
+      value: a,
+      rejections: l,
+      name: "InputDropzone",
       onRemoveFile: p,
       onRemoveRejection: u,
       onDrop: r,
@@ -31,7 +32,7 @@ function R() {
     }
   );
 }
-const D = n.memo(R);
+const j = n.memo(R);
 export {
-  D as default
+  j as default
 };

package/dist/components/Radio/Radio.d.ts

@@ -8,5 +8,6 @@ export interface RadioProps {
     size?: RadioSize;
     disabled?: boolean;
     className?: string;
+    name?: string;
 }
 export declare function Radio(props: RadioProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Radio/Radio.js

@@ -1,45 +1,47 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { jsxs as b, jsx as o } from "react/jsx-runtime";
 import a from "react";
-import { clsx as b } from "../../utils/clsx.js";
-const h = "cfxui__Radio__root__05f1c", R = "cfxui__Radio__indicator__2181e", p = "cfxui__Radio__disabled__c411f", o = {
-  root: h,
+import { clsx as h } from "../../utils/clsx.js";
+const R = "cfxui__Radio__root__05f1c", p = "cfxui__Radio__indicator__2181e", z = "cfxui__Radio__disabled__c411f", e = {
+  root: R,
   "size-normal": "cfxui__Radio__size-normal__6dccc",
   "size-large": "cfxui__Radio__size-large__0a074",
-  indicator: R,
-  disabled: p
+  indicator: p,
+  disabled: z
 };
 let t = 1;
-function C(d) {
+function N(d) {
   const {
     checked: i,
     onChange: n,
     label: _,
     size: l = "normal",
     className: r,
-    disabled: s = !1
-  } = d, f = a.useRef(t);
+    disabled: s = !1,
+    name: f
+  } = d, m = a.useRef(t);
   a.useEffect(() => {
     t += 1;
   }, []);
-  const m = () => {
+  const u = () => {
     n(!i);
-  }, c = a.useId(), u = b(o.root, r, o[`size-${l}`], { [o.disabled]: s });
-  return /* @__PURE__ */ x("label", { className: u, htmlFor: c, children: [
-    /* @__PURE__ */ e(
+  }, c = a.useId(), x = h(e.root, r, e[`size-${l}`], { [e.disabled]: s });
+  return /* @__PURE__ */ b("label", { className: x, htmlFor: c, children: [
+    /* @__PURE__ */ o(
       "input",
       {
         type: "radio",
-        tabIndex: f.current,
+        tabIndex: m.current,
         checked: i,
         disabled: s,
-        onChange: m,
-        id: c
+        onChange: u,
+        id: c,
+        name: f
       }
     ),
-    /* @__PURE__ */ e("div", { className: o.indicator }),
-    /* @__PURE__ */ e("div", { className: o.label, children: _ })
+    /* @__PURE__ */ o("div", { className: e.indicator }),
+    /* @__PURE__ */ o("div", { className: e.label, children: _ })
   ] });
 }
 export {
-  C as Radio
+  N as Radio
 };