impact-nova 1.3.0 → 1.5.2

package/dist/components/ui/drawer.js

@@ -1,86 +1,91 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import * as i from "react";
-import { Drawer as a } from "vaul";
-import { X as m } from "lucide-react";
+import { Drawer as t } from "vaul";
+import { X as f } from "lucide-react";
 import { cn as s } from "../../lib/utils.js";
-import { Tooltip as p, TooltipTrigger as f, TooltipContent as g } from "./tooltip.js";
-const w = ({
+import { Tooltip as g, TooltipTrigger as w, TooltipContent as u } from "./tooltip.js";
+import { useImpactNovaI18n as N } from "../../i18n/ImpactNovaI18nContext.js";
+const x = ({
   shouldScaleBackground: e = !0,
   ...r
-}) => /* @__PURE__ */ t(
-  a.Root,
+}) => /* @__PURE__ */ a(
+  t.Root,
   {
     shouldScaleBackground: e,
     ...r
   }
 );
-w.displayName = "Drawer";
-const k = a.Trigger, u = a.Portal, O = a.Close, l = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  a.Overlay,
+x.displayName = "Drawer";
+const F = t.Trigger, D = t.Portal, H = t.Close, c = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
+  t.Overlay,
   {
     ref: o,
     className: s("fixed inset-0 z-50 bg-black/80", e),
     ...r
   }
 ));
-l.displayName = a.Overlay.displayName;
-const N = i.forwardRef(({ className: e, children: r, hideClose: o, ...d }, c) => /* @__PURE__ */ n(u, { children: [
-  /* @__PURE__ */ t(l, {}),
-  /* @__PURE__ */ n(
-    a.Content,
-    {
-      ref: c,
-      "data-component": "drawer-content",
-      className: s(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
-        e
-      ),
-      ...d,
-      children: [
-        /* @__PURE__ */ t("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
-        r,
-        !o && /* @__PURE__ */ n(p, { children: [
-          /* @__PURE__ */ t(f, { asChild: !0, children: /* @__PURE__ */ n(
-            a.Close,
-            {
-              className: "absolute right-4 top-4 rounded-sm opacity-50 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-              children: [
-                /* @__PURE__ */ t(m, { className: "h-4 w-4" }),
-                /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ t(g, { variant: "tertiary", side: "top", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-N.displayName = "DrawerContent";
-const x = ({
+c.displayName = t.Overlay.displayName;
+const y = i.forwardRef(({ className: e, children: r, hideClose: o, ...d }, m) => {
+  const { t: p } = N(), l = p("aria.close");
+  return /* @__PURE__ */ n(D, { children: [
+    /* @__PURE__ */ a(c, {}),
+    /* @__PURE__ */ n(
+      t.Content,
+      {
+        ref: m,
+        "data-component": "drawer-content",
+        className: s(
+          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+          e
+        ),
+        ...d,
+        children: [
+          /* @__PURE__ */ a("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+          r,
+          !o && /* @__PURE__ */ n(g, { children: [
+            /* @__PURE__ */ a(w, { asChild: !0, children: /* @__PURE__ */ n(
+              t.Close,
+              {
+                className: "absolute right-4 top-4 rounded-sm opacity-50 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+                "aria-label": l,
+                children: [
+                  /* @__PURE__ */ a(f, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ a("span", { className: "sr-only", children: l })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ a(u, { variant: "tertiary", side: "top", children: l })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+y.displayName = "DrawerContent";
+const b = ({
   className: e,
   ...r
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ a(
   "div",
   {
     className: s("grid gap-1.5 p-4 text-center sm:text-left", e),
     ...r
   }
 );
-x.displayName = "DrawerHeader";
-const D = ({
+b.displayName = "DrawerHeader";
+const h = ({
   className: e,
   ...r
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ a(
   "div",
   {
     className: s("mt-auto flex flex-col gap-2 p-4", e),
     ...r
   }
 );
-D.displayName = "DrawerFooter";
-const y = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  a.Title,
+h.displayName = "DrawerFooter";
+const v = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
+  t.Title,
   {
     ref: o,
     "data-component": "drawer-title",
@@ -91,9 +96,9 @@ const y = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
     ...r
   }
 ));
-y.displayName = a.Title.displayName;
-const h = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  a.Description,
+v.displayName = t.Title.displayName;
+const T = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
+  t.Description,
   {
     ref: o,
     "data-component": "drawer-description",
@@ -101,16 +106,16 @@ const h = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
     ...r
   }
 ));
-h.displayName = a.Description.displayName;
+T.displayName = t.Description.displayName;
 export {
-  w as Drawer,
-  O as DrawerClose,
-  N as DrawerContent,
-  h as DrawerDescription,
-  D as DrawerFooter,
-  x as DrawerHeader,
-  l as DrawerOverlay,
-  u as DrawerPortal,
-  y as DrawerTitle,
-  k as DrawerTrigger
+  x as Drawer,
+  H as DrawerClose,
+  y as DrawerContent,
+  T as DrawerDescription,
+  h as DrawerFooter,
+  b as DrawerHeader,
+  c as DrawerOverlay,
+  D as DrawerPortal,
+  v as DrawerTitle,
+  F as DrawerTrigger
 };

package/dist/components/ui/file-upload.js

@@ -1,61 +1,62 @@
-import { jsx as e, jsxs as f, Fragment as j } from "react/jsx-runtime";
+import { jsx as e, jsxs as m, Fragment as T } from "react/jsx-runtime";
 import * as o from "react";
-import { cn as n } from "../../lib/utils.js";
-import { Cross as T, FileUpload as k, Delete as B, Document as I, Text as L, Csv as M, Excel as A } from "../../icons/index.js";
+import { cn as p } from "../../lib/utils.js";
+import { Cross as k, FileUpload as I, Delete as L, Document as B, Text as M, Csv as A, Excel as O } from "../../icons/index.js";
 import { Tooltip as U, TooltipTrigger as C, TooltipContent as D } from "./tooltip.js";
-const z = o.createContext(
+import { useImpactNovaI18n as z } from "../../i18n/ImpactNovaI18nContext.js";
+const R = o.createContext(
   void 0
-), R = () => {
-  const a = o.useContext(z);
+), j = () => {
+  const a = o.useContext(R);
   if (!a)
     throw new Error("useFileUpload must be used within a FileUpload component");
   return a;
-}, O = o.forwardRef(
+}, S = o.forwardRef(
   ({
     className: a,
     children: t,
     onFilesChange: l,
     maxFiles: r = 1,
-    accept: g = [],
-    disabled: d = !1,
-    value: m = [],
-    ...c
+    accept: d = [],
+    disabled: c = !1,
+    value: u = [],
+    ...f
   }, N) => {
-    const [u, i] = o.useState(m);
+    const [x, h] = o.useState(u);
     o.useEffect(() => {
-      i(m);
-    }, [m]);
-    const p = (x) => {
-      if (d) return;
-      let h = x;
-      g.length > 0 && (h = h.filter((b) => {
+      h(u);
+    }, [u]);
+    const i = (v) => {
+      if (c) return;
+      let n = v;
+      d.length > 0 && (n = n.filter((b) => {
         const y = b.name.split(".").pop()?.toLowerCase();
-        return y && g.includes(y);
+        return y && d.includes(y);
       }));
-      const F = r - u.length;
+      const F = r - x.length;
       if (F <= 0) return;
-      const w = h.slice(0, F);
+      const w = n.slice(0, F);
       if (w.length > 0) {
-        const b = [...u, ...w];
-        i(b), l?.(b);
+        const b = [...x, ...w];
+        h(b), l?.(b);
       }
-    }, v = (x) => {
-      if (d) return;
-      const h = u.filter((F) => F !== x);
-      i(h), l?.(h);
+    }, g = (v) => {
+      if (c) return;
+      const n = x.filter((F) => F !== v);
+      h(n), l?.(n);
     };
     return /* @__PURE__ */ e(
-      z.Provider,
+      R.Provider,
       {
-        value: { files: u, addFiles: p, removeFile: v, maxFiles: r, accept: g, disabled: d },
+        value: { files: x, addFiles: i, removeFile: g, maxFiles: r, accept: d, disabled: c },
         children: /* @__PURE__ */ e(
           "div",
           {
             ref: N,
-            className: n("w-full max-w-[550px]", a),
+            className: p("w-full max-w-[550px]", a),
             "data-component": "file-upload",
-            "data-disabled": d || void 0,
-            ...c,
+            "data-disabled": c || void 0,
+            ...f,
             children: t
           }
         )
@@ -63,12 +64,12 @@ const z = o.createContext(
     );
   }
 );
-O.displayName = "FileUpload";
-const S = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+S.displayName = "FileUpload";
+const _ = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,
-    className: n(
+    className: p(
       "flex flex-col gap-4 p-4 min-h-[274px] bg-card border border-border rounded-2xl shadow-[0px_0px_16px_2px_rgba(0,0,0,0.0588)]",
       a
     ),
@@ -76,101 +77,104 @@ const S = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__
     children: t
   }
 ));
-S.displayName = "FileUploadContent";
-const _ = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+_.displayName = "FileUploadContent";
+const E = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,
-    className: n("flex justify-between items-center w-full", a),
+    className: p("flex justify-between items-center w-full", a),
     ...l,
     children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-[2px] w-full", children: t })
   }
 ));
-_.displayName = "FileUploadHeader";
-const E = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+E.displayName = "FileUploadHeader";
+const H = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "h3",
   {
     ref: r,
-    className: n("text-base font-extrabold text-foreground leading-6", a),
+    className: p("text-base font-extrabold text-foreground leading-6", a),
     ...l,
     children: t
   }
 ));
-E.displayName = "FileUploadTitle";
-const H = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+H.displayName = "FileUploadTitle";
+const P = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "p",
   {
     ref: r,
-    className: n("text-sm font-medium text-[#7a8294] leading-5", a),
+    className: p("text-sm font-medium text-[#7a8294] leading-5", a),
     ...l,
     children: t
   }
 ));
-H.displayName = "FileUploadDescription";
-const P = o.forwardRef(({ className: a, ...t }, l) => /* @__PURE__ */ f(U, { children: [
-  /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
-    "button",
-    {
-      ref: l,
-      className: n("text-[#60697d] hover:text-[#0d152c] transition-colors", a),
-      type: "button",
-      "aria-label": "Close",
-      ...t,
-      children: /* @__PURE__ */ e(T, { size: 16 })
-    }
-  ) }),
-  /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: "Close" })
-] }));
-P.displayName = "FileUploadClose";
-const Z = o.forwardRef(
-  ({ className: a, label: t, subLabel: l, ...r }, g) => {
-    const { addFiles: d, accept: m, disabled: c, files: N, maxFiles: u } = R(), [i, p] = o.useState(!1), v = o.useRef(null);
-    if (N.length >= u)
+P.displayName = "FileUploadDescription";
+const Z = o.forwardRef(({ className: a, ...t }, l) => {
+  const { t: r } = z(), d = r("aria.close");
+  return /* @__PURE__ */ m(U, { children: [
+    /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
+      "button",
+      {
+        ref: l,
+        className: p("text-[#60697d] hover:text-[#0d152c] transition-colors", a),
+        type: "button",
+        "aria-label": d,
+        ...t,
+        children: /* @__PURE__ */ e(k, { size: 16 })
+      }
+    ) }),
+    /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: d })
+  ] });
+});
+Z.displayName = "FileUploadClose";
+const $ = o.forwardRef(
+  ({ className: a, label: t, subLabel: l, ...r }, d) => {
+    const { addFiles: c, accept: u, disabled: f, files: N, maxFiles: x } = j(), [h, i] = o.useState(!1), g = o.useRef(null);
+    if (N.length >= x)
       return null;
-    const x = (s) => {
-      s.preventDefault(), c || p(!0);
-    }, h = (s) => {
-      s.preventDefault(), p(!1);
+    const v = (s) => {
+      s.preventDefault(), f || i(!0);
+    }, n = (s) => {
+      s.preventDefault(), i(!1);
     }, F = (s) => {
-      s.preventDefault(), p(!1), !c && s.dataTransfer.files?.length && d(Array.from(s.dataTransfer.files));
+      s.preventDefault(), i(!1), !f && s.dataTransfer.files?.length && c(Array.from(s.dataTransfer.files));
     }, w = () => {
-      c || v.current?.click();
+      f || g.current?.click();
     }, b = (s) => {
-      s.target.files?.length && (d(Array.from(s.target.files)), s.target.value = "");
-    }, y = m.length > 0 ? m.map((s) => `.${s}`).join(",") : void 0;
-    return /* @__PURE__ */ f(
+      s.target.files?.length && (c(Array.from(s.target.files)), s.target.value = "");
+    }, y = u.length > 0 ? u.map((s) => `.${s}`).join(",") : void 0;
+    return /* @__PURE__ */ m(
       "div",
       {
-        ref: g,
+        ref: d,
         onClick: w,
-        onDragOver: x,
-        onDragLeave: h,
+        onDragOver: v,
+        onDragLeave: n,
         onDrop: F,
-        className: n(
+        className: p(
           "relative flex flex-col items-center justify-end p-4 pt-6 pb-6 gap-2 h-[148px] rounded-lg border border-dashed border-[#b3bdf8] bg-transparent cursor-pointer transition-colors",
-          i && "border-primary bg-primary/5",
-          c && "opacity-50 cursor-not-allowed",
+          h && "border-primary bg-primary/5",
+          f && "opacity-50 cursor-not-allowed",
           a
         ),
         "data-component": "file-upload-dropzone",
-        "data-state": i ? "drag-over" : "idle",
+        "data-state": h ? "drag-over" : "idle",
         ...r,
         children: [
           /* @__PURE__ */ e(
             "input",
             {
-              ref: v,
+              ref: g,
               type: "file",
               multiple: !0,
               className: "hidden",
               accept: y,
               onChange: b,
-              disabled: c
+              disabled: f
             }
           ),
-          /* @__PURE__ */ e("div", { className: "absolute top-[24px] left-1/2 -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ e(k, { size: 56 }) }),
-          /* @__PURE__ */ f("div", { className: "text-center space-y-1 z-10 mt-auto", children: [
-            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-[#1f2b4d] leading-5", children: t || /* @__PURE__ */ f(j, { children: [
+          /* @__PURE__ */ e("div", { className: "absolute top-[24px] left-1/2 -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ e(I, { size: 56 }) }),
+          /* @__PURE__ */ m("div", { className: "text-center space-y-1 z-10 mt-auto", children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-[#1f2b4d] leading-5", children: t || /* @__PURE__ */ m(T, { children: [
               "Drag your files here or",
               " ",
               /* @__PURE__ */ e("span", { className: "text-primary font-bold hover:underline", children: "Choose File" })
@@ -182,35 +186,35 @@ const Z = o.forwardRef(
     );
   }
 );
-Z.displayName = "FileUploadDropZone";
-const $ = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e("div", { ref: r, className: n("flex flex-col gap-3", a), ...l, children: t }));
-$.displayName = "FileUploadList";
-const G = o.forwardRef(
-  ({ className: a, file: t, onRemove: l, ...r }, g) => {
-    const { removeFile: d, disabled: m } = R(), c = (i) => {
-      i.stopPropagation(), l ? l() : d(t);
-    }, N = (i) => {
+$.displayName = "FileUploadDropZone";
+const G = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e("div", { ref: r, className: p("flex flex-col gap-3", a), ...l, children: t }));
+G.displayName = "FileUploadList";
+const K = o.forwardRef(
+  ({ className: a, file: t, onRemove: l, ...r }, d) => {
+    const { t: c } = z(), { removeFile: u, disabled: f } = j(), N = (i) => {
+      i.stopPropagation(), l ? l() : u(t);
+    }, x = (i) => {
       if (i === 0) return "0 B";
-      const p = 1024, v = ["B", "KB", "MB", "GB"], x = Math.floor(Math.log(i) / Math.log(p));
-      return parseFloat((i / Math.pow(p, x)).toFixed(2)) + " " + v[x];
-    }, u = (i) => {
+      const g = 1024, v = ["B", "KB", "MB", "GB"], n = Math.floor(Math.log(i) / Math.log(g));
+      return parseFloat((i / Math.pow(g, n)).toFixed(2)) + " " + v[n];
+    }, h = (i) => {
       switch (i.split(".").pop()?.toLowerCase()) {
         case "xls":
         case "xlsx":
-          return /* @__PURE__ */ e(A, { size: 36 });
+          return /* @__PURE__ */ e(O, { size: 36 });
         case "csv":
-          return /* @__PURE__ */ e(M, { size: 36 });
+          return /* @__PURE__ */ e(A, { size: 36 });
         case "txt":
-          return /* @__PURE__ */ e(L, { size: 36 });
+          return /* @__PURE__ */ e(M, { size: 36 });
         default:
-          return /* @__PURE__ */ e(I, { size: 36, className: "text-gray-400" });
+          return /* @__PURE__ */ e(B, { size: 36, className: "text-gray-400" });
       }
     };
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: g,
-        className: n(
+        ref: d,
+        className: p(
           "flex flex-col justify-between items-stretch gap-2 p-4 border border-[#e7e7e7] rounded-xl bg-white",
           a
         ),
@@ -218,55 +222,55 @@ const G = o.forwardRef(
         "data-file-name": t.name,
         "data-file-size": t.size,
         ...r,
-        children: /* @__PURE__ */ f("div", { className: "flex justify-between items-center gap-2 z-10", children: [
-          /* @__PURE__ */ f("div", { className: "flex gap-2 min-w-0", children: [
-            /* @__PURE__ */ e("div", { className: "w-9 h-9 shrink-0", children: u(t.name) }),
-            /* @__PURE__ */ f("div", { className: "flex flex-col justify-between gap-[2px] min-w-0", children: [
-              /* @__PURE__ */ f(U, { children: [
+        children: /* @__PURE__ */ m("div", { className: "flex justify-between items-center gap-2 z-10", children: [
+          /* @__PURE__ */ m("div", { className: "flex gap-2 min-w-0", children: [
+            /* @__PURE__ */ e("div", { className: "w-9 h-9 shrink-0", children: h(t.name) }),
+            /* @__PURE__ */ m("div", { className: "flex flex-col justify-between gap-[2px] min-w-0", children: [
+              /* @__PURE__ */ m(U, { children: [
                 /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-xs font-bold text-[#0b0b0b] leading-[18px] line-clamp-1 break-all cursor-default", children: t.name }) }),
                 /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: t.name })
               ] }),
-              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-[#6d6d6d] leading-[16px]", children: N(t.size) })
+              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-[#6d6d6d] leading-[16px]", children: x(t.size) })
             ] })
           ] }),
-          !m && /* @__PURE__ */ f(U, { children: [
+          !f && /* @__PURE__ */ m(U, { children: [
             /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: c,
+                onClick: N,
                 className: "flex items-center justify-center text-[#60697d] hover:text-destructive transition-colors",
                 type: "button",
-                "aria-label": "Remove file",
-                children: /* @__PURE__ */ e(B, { size: 14 })
+                "aria-label": c("aria.removeFile"),
+                children: /* @__PURE__ */ e(L, { size: 14 })
               }
             ) }),
-            /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: "Remove file" })
+            /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: c("aria.removeFile") })
           ] })
         ] })
       }
     );
   }
 );
-G.displayName = "FileUploadItem";
-const K = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+K.displayName = "FileUploadItem";
+const q = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,
-    className: n("flex items-center justify-end gap-4 mt-auto", a),
+    className: p("flex items-center justify-end gap-4 mt-auto", a),
     ...l,
     children: t
   }
 ));
-K.displayName = "FileUploadFooter";
+q.displayName = "FileUploadFooter";
 export {
-  O as FileUpload,
-  P as FileUploadClose,
-  S as FileUploadContent,
-  H as FileUploadDescription,
-  Z as FileUploadDropZone,
-  K as FileUploadFooter,
-  _ as FileUploadHeader,
-  G as FileUploadItem,
-  $ as FileUploadList,
-  E as FileUploadTitle
+  S as FileUpload,
+  Z as FileUploadClose,
+  _ as FileUploadContent,
+  P as FileUploadDescription,
+  $ as FileUploadDropZone,
+  q as FileUploadFooter,
+  E as FileUploadHeader,
+  K as FileUploadItem,
+  G as FileUploadList,
+  H as FileUploadTitle
 };