@mci-ui/mci-ui 0.0.93 → 0.0.95

package/dist/shared/ui/mciUpload/MciUploadFileList.js

@@ -0,0 +1,167 @@
+import { jsxs as s, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { File as w, Star2 as y, Eye as F } from "@solar-icons/react";
+import j from "../../../assets/icons/close.svg.js";
+import { cn as r } from "../../lib/utils.js";
+import { getFileIcon as C, getFileIconByName as z, formatFileSize as S } from "./mci-upload.utils.js";
+function W({
+  files: c,
+  theme: i,
+  t: l,
+  darkMode: a = !1,
+  showPreview: p = !0,
+  showFileTypeIcon: h = !0,
+  disabled: n = !1,
+  isUploading: d = !1,
+  onPreview: x,
+  onRemove: b,
+  onClearAll: g,
+  className: N
+}) {
+  return c.length === 0 ? null : /* @__PURE__ */ s("div", { className: r("mt-4 space-y-3", N), children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ s("span", { className: r("text-sm font-medium", a ? "text-slate-300" : "text-slate-700"), children: [
+        l.selectedFiles,
+        " (",
+        c.length,
+        ")"
+      ] }),
+      c.length > 1 && /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: g,
+          disabled: n || d,
+          className: "cursor-pointer text-sm font-medium text-red-600 disabled:cursor-not-allowed disabled:opacity-50",
+          children: l.clearAll
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "space-y-3", children: c.map((e) => {
+      const v = !!e.preview ? i.fileIconImg : i.fileIconDoc, o = n || d || e.status === "uploading";
+      return /* @__PURE__ */ s(
+        "div",
+        {
+          className: r(
+            "flex items-center justify-between rounded-2xl border p-4",
+            a ? "border-neutral-700" : "border-slate-200",
+            e.status === "error" && (a ? "border-red-500" : "border-red-600")
+          ),
+          children: [
+            /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-4", children: [
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: r(
+                    "flex h-14 w-14 items-center justify-center rounded-2xl",
+                    v
+                  ),
+                  children: p && e.preview ? /* @__PURE__ */ t(
+                    "img",
+                    {
+                      src: e.preview,
+                      alt: e.name,
+                      className: "h-10 w-10 rounded-xl object-cover"
+                    }
+                  ) : h ? e.file ? C(e.file) : z(e.name) : /* @__PURE__ */ t(w, { className: "h-6 w-6 text-slate-500" })
+                }
+              ),
+              /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ t(
+                  "p",
+                  {
+                    className: r(
+                      "truncate text-lg font-semibold",
+                      a ? "text-slate-100" : "text-primary"
+                    ),
+                    children: e.name
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: r(
+                      "mt-1 flex flex-wrap items-center gap-2 text-sm",
+                      a ? "text-slate-400" : "text-slate-500"
+                    ),
+                    children: [
+                      /* @__PURE__ */ t("span", { children: S(e.size) }),
+                      e.status === "uploading" && /* @__PURE__ */ s(u, { children: [
+                        /* @__PURE__ */ t("span", { children: "•" }),
+                        /* @__PURE__ */ s("span", { className: "inline-flex items-center", children: [
+                          /* @__PURE__ */ t(y, { className: "mr-1 h-5 w-5 animate-spin" }),
+                          l.uploading
+                        ] })
+                      ] }),
+                      e.status === "success" && /* @__PURE__ */ s(u, { children: [
+                        /* @__PURE__ */ t("span", { children: "•" }),
+                        /* @__PURE__ */ t("span", { className: "font-normal text-green-600", children: l.success })
+                      ] })
+                    ]
+                  }
+                ),
+                e.status === "uploading" && /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: r(
+                      "mt-2 h-1.5 w-full rounded-full",
+                      a ? "bg-neutral-700" : "bg-slate-200"
+                    ),
+                    children: /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: r(
+                          "h-1.5 rounded-full transition-all duration-300",
+                          i.progressFill
+                        ),
+                        style: { width: `${e.progress}%` }
+                      }
+                    )
+                  }
+                ),
+                e.status === "error" && e.error && /* @__PURE__ */ t("p", { className: "mt-2 text-sm font-normal text-red-600", children: e.error })
+              ] })
+            ] }),
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: (m) => {
+                    m.stopPropagation(), o || x(e);
+                  },
+                  disabled: o,
+                  className: r(
+                    "cursor-pointer rounded-xl p-2 disabled:cursor-not-allowed disabled:opacity-50",
+                    a ? "hover:bg-neutral-800" : "hover:bg-slate-100"
+                  ),
+                  title: l.preview,
+                  children: /* @__PURE__ */ t(F, { size: 20, className: "text-slate-400" })
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  onClick: (m) => {
+                    m.stopPropagation(), b(e.id);
+                  },
+                  disabled: n || d,
+                  className: r(
+                    "cursor-pointer rounded-xl p-2 disabled:cursor-not-allowed disabled:opacity-50",
+                    a ? "text-slate-400 hover:bg-neutral-800" : "text-slate-base hover:bg-slate-100"
+                  ),
+                  title: l.remove,
+                  children: /* @__PURE__ */ t(j, { className: "h-6 w-6" })
+                }
+              )
+            ] })
+          ]
+        },
+        e.id
+      );
+    }) })
+  ] });
+}
+export {
+  W as MciUploadFileList
+};

package/dist/shared/ui/mciUpload/mci-upload.theme.js

@@ -0,0 +1,103 @@
+const e = {
+  blue: {
+    dropBorder: "border-blue-200 hover:border-blue-300",
+    dropBg: "bg-blue-50/40 hover:bg-blue-50/60",
+    dropActive: "border-blue-600 bg-blue-50",
+    iconWrap: "text-blue-600",
+    title: "text-blue-600",
+    hint: "text-slate-500",
+    progressFill: "bg-blue-600",
+    fileIconImg: "bg-blue-50 text-blue-600",
+    fileIconDoc: "bg-green-50 text-green-600",
+    buttonIconBg: "bg-blue-50",
+    buttonIcon: "text-slate-600",
+    buttonText: "text-slate-600",
+    buttonBorder: "border-slate-200 hover:border-slate-300",
+    buttonBg: "bg-white"
+  },
+  yellow: {
+    dropBorder: "border-yellow-300 hover:border-yellow-400",
+    dropBg: "bg-yellow-50/60 hover:bg-yellow-100/60",
+    dropActive: "border-yellow-500 bg-yellow-100/80",
+    iconWrap: "text-yellow-600",
+    title: "text-yellow-700",
+    hint: "text-slate-500",
+    progressFill: "bg-yellow-500",
+    fileIconImg: "bg-blue-50 text-blue-600",
+    fileIconDoc: "bg-green-50 text-green-600",
+    buttonIconBg: "bg-yellow-50",
+    buttonIcon: "text-slate-600",
+    buttonText: "text-slate-600",
+    buttonBorder: "border-slate-200 hover:border-slate-300",
+    buttonBg: "bg-white"
+  },
+  orange: {
+    dropBorder: "border-orange-200 hover:border-orange-300",
+    dropBg: "bg-orange-50/40 hover:bg-orange-50/60",
+    dropActive: "border-orange-600 bg-orange-50",
+    iconWrap: "text-orange-600",
+    title: "text-orange-600",
+    hint: "text-slate-500",
+    progressFill: "bg-orange-600",
+    fileIconImg: "bg-orange-50 text-orange-600",
+    fileIconDoc: "bg-green-50 text-green-600",
+    buttonIconBg: "bg-slate-100",
+    buttonIcon: "text-slate-600",
+    buttonText: "text-slate-600",
+    buttonBorder: "border-slate-200 hover:border-slate-300",
+    buttonBg: "bg-white"
+  }
+}, t = {
+  blue: {
+    dropBorder: "border-blue-800 hover:border-blue-700",
+    dropBg: "bg-blue-950/40 hover:bg-blue-950/60",
+    dropActive: "border-blue-500 bg-blue-950/60",
+    iconWrap: "text-blue-400",
+    title: "text-blue-400",
+    hint: "text-slate-400",
+    progressFill: "bg-blue-500",
+    fileIconImg: "bg-blue-950 text-blue-400",
+    fileIconDoc: "bg-green-950 text-green-400",
+    buttonIconBg: "bg-slate-800",
+    buttonIcon: "text-slate-300",
+    buttonText: "text-slate-300",
+    buttonBorder: "border-neutral-700 hover:border-neutral-600",
+    buttonBg: "bg-neutral-900"
+  },
+  yellow: {
+    dropBorder: "border-yellow-700 hover:border-yellow-600",
+    dropBg: "bg-yellow-950/45 hover:bg-yellow-950/65",
+    dropActive: "border-yellow-500 bg-yellow-950/70",
+    iconWrap: "text-yellow-300",
+    title: "text-yellow-300",
+    hint: "text-slate-400",
+    progressFill: "bg-yellow-400",
+    fileIconImg: "bg-blue-950 text-blue-400",
+    fileIconDoc: "bg-green-950 text-green-400",
+    buttonIconBg: "bg-slate-800",
+    buttonIcon: "text-slate-300",
+    buttonText: "text-slate-300",
+    buttonBorder: "border-neutral-700 hover:border-neutral-600",
+    buttonBg: "bg-neutral-900"
+  },
+  orange: {
+    dropBorder: "border-orange-800 hover:border-orange-700",
+    dropBg: "bg-orange-950/40 hover:bg-orange-950/60",
+    dropActive: "border-orange-600 bg-orange-950/60",
+    iconWrap: "text-orange-400",
+    title: "text-orange-400",
+    hint: "text-slate-400",
+    progressFill: "bg-orange-600",
+    fileIconImg: "bg-orange-950 text-orange-400",
+    fileIconDoc: "bg-green-950 text-green-400",
+    buttonIconBg: "bg-slate-800",
+    buttonIcon: "text-slate-300",
+    buttonText: "text-slate-300",
+    buttonBorder: "border-neutral-700 hover:border-neutral-600",
+    buttonBg: "bg-neutral-900"
+  }
+};
+export {
+  e as UPLOAD_THEME,
+  t as UPLOAD_THEME_DARK
+};

package/dist/shared/ui/mciUpload/mci-upload.utils.js

@@ -1,5 +1,5 @@
-import { jsx as a } from "react/jsx-runtime";
-import { FileText as c, File as m, MusicNote as f, VideoFramePlayHorizontal as u, Gallery as x } from "@solar-icons/react";
+import { jsx as s } from "react/jsx-runtime";
+import { FileText as r, File as u, MusicNote as h, VideoFramePlayHorizontal as g, Gallery as f } from "@solar-icons/react";
 const l = [
   "pdf",
   "doc",
@@ -14,7 +14,7 @@ const l = [
   "png",
   "bmp",
   "tiff"
-], h = [
+], w = [
   "zip",
   "rar",
   "7z",
@@ -54,10 +54,10 @@ const l = [
   "ksh",
   "csh",
   "fish"
-], r = new Set(l), p = new Set(h), g = l.map((e) => `.${e}`).join(","), w = {
+], c = new Set(l), p = new Set(w), E = l.map((e) => `.${e}`).join(","), z = {
   "image/*": ["jpg", "jpeg", "png", "bmp", "tiff"],
   "text/*": ["txt"]
-}, E = {
+}, N = {
   "application/pdf": ["pdf"],
   "application/msword": ["doc"],
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": ["docx"],
@@ -90,7 +90,7 @@ const l = [
   "text/x-shellscript",
   "application/x-powershell"
 ]);
-function z(e) {
+function m(e) {
   const t = e.trim().toLowerCase(), n = t.lastIndexOf(".");
   return n <= 0 || n === t.length - 1 ? "" : t.slice(n + 1);
 }
@@ -103,68 +103,68 @@ function d(e) {
   for (const i of t)
     if (i !== "*/*") {
       if (i.endsWith("/*")) {
-        const s = w[i];
-        if (!s) continue;
-        for (const o of s)
-          r.has(o) && !p.has(o) && n.add(o);
+        const a = z[i];
+        if (!a) continue;
+        for (const o of a)
+          c.has(o) && !p.has(o) && n.add(o);
         continue;
       }
       if (i.startsWith(".")) {
-        const s = i.slice(1);
-        r.has(s) && !p.has(s) && n.add(s);
+        const a = i.slice(1);
+        c.has(a) && !p.has(a) && n.add(a);
         continue;
       }
       if (i.includes("/")) {
-        const s = E[i];
-        if (!s) continue;
-        for (const o of s)
-          r.has(o) && !p.has(o) && n.add(o);
+        const a = N[i];
+        if (!a) continue;
+        for (const o of a)
+          c.has(o) && !p.has(o) && n.add(o);
         continue;
       }
-      r.has(i) && !p.has(i) && n.add(i);
+      c.has(i) && !p.has(i) && n.add(i);
     }
   return n.size > 0 ? n : null;
 }
-function T(e) {
+function b(e) {
   const t = d(e);
-  return t ? Array.from(t).map((n) => `.${n}`).join(",") : g;
+  return t ? Array.from(t).map((n) => `.${n}`).join(",") : E;
 }
-function b(e) {
+function _(e) {
   const t = d(e);
   return t ? Array.from(t).join(", ") : l.join(", ");
 }
-function v(e) {
+function A(e) {
   switch (e.type.split("/")[0]) {
     case "image":
-      return /* @__PURE__ */ a(x, { className: "h-5 w-5 text-blue-500" });
+      return /* @__PURE__ */ s(f, { className: "h-5 w-5 text-blue-500" });
     case "video":
-      return /* @__PURE__ */ a(u, { className: "h-5 w-5 text-purple-500" });
+      return /* @__PURE__ */ s(g, { className: "h-5 w-5 text-purple-500" });
     case "audio":
-      return /* @__PURE__ */ a(f, { className: "h-5 w-5 text-green-500" });
+      return /* @__PURE__ */ s(h, { className: "h-5 w-5 text-green-500" });
     default:
-      return e.type.includes("pdf") ? /* @__PURE__ */ a(c, { className: "h-5 w-5 text-red-500" }) : e.type.includes("word") || e.type.includes("document") ? /* @__PURE__ */ a(c, { className: "h-5 w-5 text-blue-600" }) : e.type.includes("excel") || e.type.includes("spreadsheet") ? /* @__PURE__ */ a(c, { className: "h-5 w-5 text-green-600" }) : /* @__PURE__ */ a(m, { className: "h-5 w-5 text-gray-500" });
+      return e.type.includes("pdf") ? /* @__PURE__ */ s(r, { className: "h-5 w-5 text-red-500" }) : e.type.includes("word") || e.type.includes("document") ? /* @__PURE__ */ s(r, { className: "h-5 w-5 text-blue-600" }) : e.type.includes("excel") || e.type.includes("spreadsheet") ? /* @__PURE__ */ s(r, { className: "h-5 w-5 text-green-600" }) : /* @__PURE__ */ s(u, { className: "h-5 w-5 text-gray-500" });
   }
 }
-function _(e) {
+function I(e) {
   if (e === 0) return "0 Bytes";
   const t = 1024, n = ["Bytes", "KB", "MB", "GB"], i = Math.floor(Math.log(e) / Math.log(t));
   return parseFloat((e / Math.pow(t, i)).toFixed(2)) + " " + n[i];
 }
-function F(e, t) {
+function O(e, t) {
   const n = t * 1024 * 1024;
   return e.size <= n;
 }
-function O(e, t) {
-  const n = z(e.name), i = e.type.trim().toLowerCase();
+function C(e, t) {
+  const n = m(e.name), i = e.type.trim().toLowerCase();
   if (i && S.has(i))
     return { isValid: !1, reason: "blocked" };
   if (!n) return { isValid: !1, reason: "not-allowed" };
   if (p.has(n)) return { isValid: !1, reason: "blocked" };
-  if (!r.has(n)) return { isValid: !1, reason: "not-allowed" };
-  const s = d(t);
-  return s && !s.has(n) ? { isValid: !1, reason: "not-allowed" } : { isValid: !0 };
+  if (!c.has(n)) return { isValid: !1, reason: "not-allowed" };
+  const a = d(t);
+  return a && !a.has(n) ? { isValid: !1, reason: "not-allowed" } : { isValid: !0 };
 }
-function A(e) {
+function L(e) {
   return new Promise((t) => {
     if (e.type.startsWith("image/")) {
       const n = new FileReader();
@@ -173,14 +173,63 @@ function A(e) {
       t("");
   });
 }
+const x = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "bmp", "tiff"]);
+function y(e) {
+  return x.has(m(e));
+}
+function M(e) {
+  const t = m(e);
+  return x.has(t) ? /* @__PURE__ */ s(f, { className: "h-5 w-5 text-blue-500" }) : t === "pdf" ? /* @__PURE__ */ s(r, { className: "h-5 w-5 text-red-500" }) : t === "doc" || t === "docx" ? /* @__PURE__ */ s(r, { className: "h-5 w-5 text-blue-600" }) : t === "xls" || t === "xlsx" ? /* @__PURE__ */ s(r, { className: "h-5 w-5 text-green-600" }) : t === "ppt" || t === "pptx" ? /* @__PURE__ */ s(r, { className: "h-5 w-5 text-orange-600" }) : /* @__PURE__ */ s(u, { className: "h-5 w-5 text-gray-500" });
+}
+function B(e) {
+  return e ? Array.isArray(e) ? e : [e] : [];
+}
+function v(e) {
+  const t = e.id ?? Math.random().toString(36).slice(2, 11), n = y(e.name) ? e.url : void 0;
+  return {
+    id: t,
+    name: e.name,
+    size: e.size ?? 0,
+    url: e.url,
+    preview: n,
+    progress: 100,
+    status: "success",
+    isRemote: !0
+  };
+}
+function D(e) {
+  return {
+    id: e.id,
+    name: e.name,
+    url: e.url ?? "",
+    size: e.size
+  };
+}
+function V(e, t, n, i) {
+  return {
+    id: Math.random().toString(36).slice(2, 11),
+    file: e,
+    name: e.name,
+    size: e.size,
+    preview: t,
+    progress: i,
+    status: n
+  };
+}
 export {
-  h as BLOCKED_EXTENSIONS,
+  w as BLOCKED_EXTENSIONS,
   l as SECURE_ALLOWED_EXTENSIONS,
-  T as buildSecureAccept,
-  A as createPreview,
-  _ as formatFileSize,
-  b as getAllowedFormatsHint,
-  v as getFileIcon,
-  F as validateFileSize,
-  O as validateFileType
+  b as buildSecureAccept,
+  V as createFileInfoFromFile,
+  v as createFileInfoFromValue,
+  L as createPreview,
+  D as fileInfoToUploadValue,
+  I as formatFileSize,
+  _ as getAllowedFormatsHint,
+  A as getFileIcon,
+  M as getFileIconByName,
+  y as isImageFileName,
+  B as normalizeUploadFileValues,
+  O as validateFileSize,
+  C as validateFileType
 };

package/dist/shared/ui/mciUpload/useMciUpload.js

@@ -0,0 +1,183 @@
+import { useState as O, useRef as I, useMemo as b, useCallback as n, useEffect as V } from "react";
+import { uploadLanguages as re } from "../../lib/uploadLanguage.js";
+import { UPLOAD_THEME_DARK as te, UPLOAD_THEME as ne } from "./mci-upload.theme.js";
+import { normalizeUploadFileValues as B, createFileInfoFromValue as S, buildSecureAccept as se, getAllowedFormatsHint as oe, fileInfoToUploadValue as le, validateFileSize as ie, validateFileType as ce, createPreview as ae, createFileInfoFromFile as fe } from "./mci-upload.utils.js";
+function me({
+  multiple: y = !1,
+  accept: u = "*/*",
+  maxSize: m = 10,
+  maxFiles: h = 5,
+  disabled: l = !1,
+  defaultValue: z,
+  value: A,
+  onFilesChange: j,
+  onValueChange: P,
+  onUpload: g,
+  locale: K = "uz",
+  variant: D = "orange",
+  darkMode: M = !1,
+  customValidator: E
+}) {
+  const _ = A !== void 0, [F, i] = O(
+    () => B(z).map(S)
+  ), [W, R] = O(!1), [L, H] = O(!1), v = I(null), c = re[K], q = b(
+    () => M ? te[D] : ne[D],
+    [D, M]
+  ), G = b(() => se(u), [u]), J = b(() => oe(u), [u]), p = I(/* @__PURE__ */ new Map()), U = n((e) => {
+    const r = p.current.get(e);
+    r && (URL.revokeObjectURL(r), p.current.delete(e));
+  }, []), w = n(() => {
+    for (const e of p.current.values())
+      URL.revokeObjectURL(e);
+    p.current.clear();
+  }, []);
+  V(() => () => {
+    w();
+  }, [w]), V(() => {
+    _ && i(B(A).map(S));
+  }, [_, A]);
+  const a = n(
+    (e) => {
+      P?.(e.map(le)), j?.(e.map((r) => r.file).filter((r) => !!r));
+    },
+    [j, P]
+  ), N = n(
+    (e) => {
+      if (e.url) {
+        window.open(e.url, "_blank", "noopener,noreferrer");
+        return;
+      }
+      if (!e.file) return;
+      let r = p.current.get(e.id);
+      r || (r = URL.createObjectURL(e.file), p.current.set(e.id, r), setTimeout(() => U(e.id), 5 * 6e4)), window.open(r, "_blank", "noopener,noreferrer");
+    },
+    [U]
+  ), k = n(
+    async (e) => {
+      const r = Array.from(e), s = [];
+      for (const t of r) {
+        if (F.length + s.length >= h) {
+          alert(c.maxFilesError(h));
+          break;
+        }
+        if (!ie(t, m)) {
+          alert(c.fileSizeError(t.name, m));
+          continue;
+        }
+        const o = ce(t, u);
+        if (!o.isValid) {
+          o.reason === "blocked" ? alert(c.blockedFileTypeError(t.name)) : alert(c.fileTypeError(t.name));
+          continue;
+        }
+        if (E) {
+          const C = E(t);
+          if (C) {
+            alert(C);
+            continue;
+          }
+        }
+        const d = await ae(t), f = g ? "uploading" : "success", T = g ? 0 : 100;
+        s.push(
+          fe(t, d, f, T)
+        );
+      }
+      if (s.length > 0) {
+        const t = y ? [...F, ...s] : s;
+        if (i(t), a(t), g) {
+          H(!0);
+          try {
+            const o = t.map((f, T) => ({
+              ...f,
+              progress: Math.min(100, (T + 1) / t.length * 100)
+            }));
+            i(o), await g(o);
+            const d = t.map((f) => ({
+              ...f,
+              status: "success",
+              progress: 100
+            }));
+            i(d), a(d);
+          } catch (o) {
+            i(
+              (d) => d.map((f) => ({
+                ...f,
+                status: "error",
+                error: o instanceof Error ? o.message : c.uploadFailed
+              }))
+            );
+          } finally {
+            H(!1);
+          }
+        }
+      }
+    },
+    [
+      F,
+      h,
+      E,
+      c,
+      u,
+      m,
+      y,
+      a,
+      g
+    ]
+  ), Q = n(
+    (e) => {
+      e.preventDefault(), l || R(!0);
+    },
+    [l]
+  ), X = n((e) => {
+    e.preventDefault(), R(!1);
+  }, []), Y = n(
+    (e) => {
+      if (e.preventDefault(), R(!1), l) return;
+      const r = e.dataTransfer.files;
+      r.length > 0 && k(r);
+    },
+    [l, k]
+  ), Z = n(
+    (e) => {
+      const r = e.target.files;
+      r && r.length > 0 && (k(r), v.current && (v.current.value = ""));
+    },
+    [k]
+  ), $ = n(
+    (e) => {
+      U(e), i((r) => {
+        const s = r.filter((t) => t.id !== e);
+        return a(s), s;
+      });
+    },
+    [a, U]
+  ), x = n(() => {
+    w(), i([]), a([]);
+  }, [a, w]), ee = n(() => {
+    !l && !L && v.current?.click();
+  }, [l, L]);
+  return {
+    files: F,
+    isDragging: W,
+    isUploading: L,
+    fileInputRef: v,
+    t: c,
+    theme: q,
+    secureAccept: G,
+    allowedFormatsHint: J,
+    multiple: y,
+    maxFiles: h,
+    maxSize: m,
+    disabled: l,
+    handleDragOver: Q,
+    handleDragLeave: X,
+    handleDrop: Y,
+    handleFileInput: Z,
+    handleRemoveFile: $,
+    handleClearAll: x,
+    handleUploadClick: ee,
+    openPreview: N
+  };
+}
+export {
+  me as useMciUpload
+};

package/dist/types/index.d.ts

@@ -4,12 +4,14 @@ export { default as MciCheck } from './shared/ui/mciCheck/MciCheck.tsx';
 export { default as MciCollapse } from './shared/ui/mciCollapse/MciCollapse.tsx';
 export { default as MciAccordion } from './shared/ui/mciAccordion/MciAccordion.tsx';
 export { default as MciDrawer } from './shared/ui/mciDrawer/MciDrawer.tsx';
+export { default as MciEmpty } from './shared/ui/mciEmpty/MciEmpty.tsx';
 export { default as MciInput } from './shared/ui/mciInput/MciInput.tsx';
 export { default as MciPicker } from './shared/ui/mciPicker/MciPicker.tsx';
 export { default as MciTimePicker } from './shared/ui/mciTimePicker/MciTimePicker.tsx';
 export { default as MciSelect } from './shared/ui/mciSelect/MciSelect.tsx';
 export { default as MciTable } from './shared/ui/mciTable/MciTable.tsx';
 export { default as MciUpload } from './shared/ui/mciUpload/MciUpload.tsx';
+export { default as MciUploadButton } from './shared/ui/mciUpload/MciUploadButton.tsx';
 export { default as MciModal } from './shared/ui/MciModal/MciModal.tsx';
 export { default as MciPagination } from './shared/ui/mciPagination/MciPagination.tsx';
 export { default as MciSkeleton } from './shared/ui/mciSkeleton/MciSkeleton.tsx';
@@ -29,4 +31,6 @@ export { default as useTableColumnSettings } from './shared/lib/hooks/useTableCo
 export type { MciTableColumn, MciTableProps, ColumnKey } from './shared/types/mci-table.types.ts';
 export type { Step as MciStep } from './shared/types/ui/stepper.types.ts';
 export type { NoteItem } from './shared/types/ui/note.types.ts';
+export type { MciEmptyLocale, MciEmptyProps } from './shared/types/ui/empty.types.ts';
+export type { FileInfo, MciUploadButtonProps, MciUploadFileValue, MciUploadProps } from './shared/types/ui/upload.types.ts';
 export type * from './shared/types/mci-ui.types.ts';