@fctc/sme-widget-ui 1.6.5 → 1.6.6

package/dist/hooks.d.mts

@@ -10,4 +10,37 @@ interface UseClickOutsideOptions {
 }
 declare const useClickOutside: ({ handler, events, nodes, refs, }: UseClickOutsideOptions) => RefObject<HTMLDivElement | null>;
 
-export { useClickOutside };
+/** Kiểu trả về của hook */
+type FileInfo = {
+    name?: string;
+    size?: number;
+    type?: string;
+    extension?: string | null;
+    dataUrl?: string | null;
+    text?: string | null;
+    arrayBuffer?: ArrayBuffer | null;
+    image?: {
+        width: number;
+        height: number;
+    } | null;
+    video?: {
+        width?: number;
+        height?: number;
+        duration?: number;
+    } | null;
+    audio?: {
+        duration?: number;
+    } | null;
+    rawBlob?: Blob | null;
+};
+type InputSource = string | File | Blob | null;
+declare function useFileInfo(source: InputSource, options?: {
+    readAs?: 'dataUrl' | 'text' | 'arrayBuffer' | 'all';
+}): {
+    info: FileInfo | null;
+    loading: boolean;
+    error: string | null;
+    reload: () => void;
+};
+
+export { useClickOutside, useFileInfo };

package/dist/hooks.d.ts

@@ -10,4 +10,37 @@ interface UseClickOutsideOptions {
 }
 declare const useClickOutside: ({ handler, events, nodes, refs, }: UseClickOutsideOptions) => RefObject<HTMLDivElement | null>;
 
-export { useClickOutside };
+/** Kiểu trả về của hook */
+type FileInfo = {
+    name?: string;
+    size?: number;
+    type?: string;
+    extension?: string | null;
+    dataUrl?: string | null;
+    text?: string | null;
+    arrayBuffer?: ArrayBuffer | null;
+    image?: {
+        width: number;
+        height: number;
+    } | null;
+    video?: {
+        width?: number;
+        height?: number;
+        duration?: number;
+    } | null;
+    audio?: {
+        duration?: number;
+    } | null;
+    rawBlob?: Blob | null;
+};
+type InputSource = string | File | Blob | null;
+declare function useFileInfo(source: InputSource, options?: {
+    readAs?: 'dataUrl' | 'text' | 'arrayBuffer' | 'all';
+}): {
+    info: FileInfo | null;
+    loading: boolean;
+    error: string | null;
+    reload: () => void;
+};
+
+export { useClickOutside, useFileInfo };

package/dist/hooks.js

@@ -20,7 +20,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/hooks.ts
 var hooks_exports = {};
 __export(hooks_exports, {
-  useClickOutside: () => useClickOutside
+  useClickOutside: () => useClickOutside,
+  useFileInfo: () => useFileInfo
 });
 module.exports = __toCommonJS(hooks_exports);
 
@@ -55,7 +56,222 @@ var useClickOutside = ({
   }, [handler, nodes, events]);
   return ref;
 };
+
+// src/hooks/use-get-file-infor.ts
+var import_react2 = require("react");
+function getFileName(source, mime) {
+  if (source instanceof File) return source.name;
+  if (typeof source === "string") {
+    if (source.startsWith("data:")) {
+      const ext2 = mime?.split("/")[1] || "bin";
+      return `file.${ext2}`;
+    }
+    try {
+      const pathname = new URL(source).pathname;
+      const filename = decodeURIComponent(pathname.split("/").pop() || "");
+      if (filename) return filename;
+    } catch {
+    }
+    return "file.bin";
+  }
+  const ext = mime?.split("/")[1] || "bin";
+  return `file.${ext}`;
+}
+function useFileInfo(source, options) {
+  const { readAs = "all" } = options ?? {};
+  const [info, setInfo] = (0, import_react2.useState)(null);
+  const [loading, setLoading] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const abortRef = (0, import_react2.useRef)({ aborted: false });
+  (0, import_react2.useEffect)(() => {
+    abortRef.current.aborted = false;
+    if (!source) {
+      setInfo(null);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+    let localUrl = null;
+    let fr = null;
+    let mediaEl = null;
+    const makeExtension = (name, type) => {
+      if (name) {
+        const idx = name.lastIndexOf(".");
+        if (idx > -1) return name.slice(idx + 1).toLowerCase();
+      }
+      if (type) {
+        const match = /\/([a-z0-9.+-]+)$/.exec(type);
+        return match ? match[1] : null;
+      }
+      return null;
+    };
+    const toBlobFromSource = async (src) => {
+      if (src instanceof Blob) return src;
+      if (typeof src === "string") {
+        const s = src.trim();
+        if (s.startsWith("data:")) {
+          const parts = s.split(",");
+          const meta = parts[0];
+          const isBase64 = meta.includes(";base64");
+          const mimeMatch = meta.match(/data:([^;]+)/);
+          const mime = mimeMatch ? mimeMatch[1] : "application/octet-stream";
+          const dataPart = parts.slice(1).join(",");
+          if (isBase64) {
+            const binary = atob(dataPart);
+            const len = binary.length;
+            const arr = new Uint8Array(len);
+            for (let i = 0; i < len; i++) arr[i] = binary.charCodeAt(i);
+            return new Blob([arr], { type: mime });
+          } else {
+            const decoded = decodeURIComponent(dataPart);
+            return new Blob([decoded], { type: mime });
+          }
+        }
+        const resp = await fetch(s);
+        if (!resp.ok) throw new Error(`Fetch failed with status ${resp.status}`);
+        const blob = await resp.blob();
+        return blob;
+      }
+      throw new Error("Unsupported source type");
+    };
+    const run = async () => {
+      setLoading(true);
+      setError(null);
+      setInfo(null);
+      try {
+        const blob = await toBlobFromSource(source);
+        if (abortRef.current.aborted) return;
+        const fileInfo = {
+          rawBlob: blob,
+          size: blob.size,
+          type: blob.type || "application/octet-stream",
+          dataUrl: null,
+          text: null,
+          arrayBuffer: null,
+          image: null,
+          video: null,
+          audio: null
+        };
+        if (source instanceof File || source instanceof Blob || typeof source === "string" && !source.startsWith("data:")) {
+          fileInfo.name = getFileName(source, fileInfo.type);
+        }
+        fileInfo.extension = makeExtension(fileInfo.name, fileInfo.type);
+        localUrl = URL.createObjectURL(blob);
+        const readPromises = [];
+        if (readAs === "dataUrl" || readAs === "all") {
+          fr = new FileReader();
+          const p = new Promise((resolve, reject) => {
+            fr.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.dataUrl = fr.result;
+              resolve();
+            };
+            fr.onerror = () => reject(fr.error);
+            fr.readAsDataURL(blob);
+          });
+          readPromises.push(p);
+        }
+        if (readAs === "text" || readAs === "all") {
+          const frText = new FileReader();
+          const p = new Promise((resolve, reject) => {
+            frText.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.text = frText.result;
+              resolve();
+            };
+            frText.onerror = () => reject(frText.error);
+            frText.readAsText(blob);
+          });
+          readPromises.push(p);
+        }
+        if (readAs === "arrayBuffer" || readAs === "all") {
+          const frBuf = new FileReader();
+          const p = new Promise((resolve, reject) => {
+            frBuf.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.arrayBuffer = frBuf.result;
+              resolve();
+            };
+            frBuf.onerror = () => reject(frBuf.error);
+            frBuf.readAsArrayBuffer(blob);
+          });
+          readPromises.push(p);
+        }
+        if (fileInfo?.type?.startsWith("image/")) {
+          const p = new Promise((resolve, reject) => {
+            const img = new Image();
+            img.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.image = {
+                width: img.naturalWidth,
+                height: img.naturalHeight
+              };
+              resolve();
+            };
+            img.onerror = () => resolve();
+            img.src = localUrl;
+          });
+          readPromises.push(p);
+        }
+        if (fileInfo && fileInfo?.type?.startsWith("video/") || fileInfo?.type?.startsWith("audio/")) {
+          const p = new Promise((resolve) => {
+            const el = document.createElement(
+              fileInfo?.type?.startsWith("video/") ? "video" : "audio"
+            );
+            mediaEl = el;
+            mediaEl.preload = "metadata";
+            mediaEl.onloadedmetadata = () => {
+              if (abortRef.current.aborted) return resolve();
+              const duration = isFinite(mediaEl.duration) ? mediaEl.duration : void 0;
+              if (fileInfo?.type?.startsWith("video/")) {
+                fileInfo.video = {
+                  width: mediaEl.videoWidth || void 0,
+                  height: mediaEl.videoHeight || void 0,
+                  duration
+                };
+              } else {
+                fileInfo.audio = { duration };
+              }
+              resolve();
+            };
+            mediaEl.onerror = () => resolve();
+            mediaEl.src = localUrl;
+          });
+          readPromises.push(p);
+        }
+        await Promise.all(readPromises);
+        if (abortRef.current.aborted) return;
+        setInfo(fileInfo);
+      } catch (err) {
+        if (!abortRef.current.aborted) setError(err?.message ?? String(err));
+      } finally {
+        if (!abortRef.current.aborted) setLoading(false);
+      }
+    };
+    run();
+    return () => {
+      abortRef.current.aborted = true;
+      if (fr && fr.readyState === 1) {
+        try {
+          fr.abort();
+        } catch {
+        }
+      }
+      if (mediaEl) {
+        try {
+          mediaEl.src = "";
+          mediaEl.load();
+        } catch {
+        }
+      }
+      if (localUrl) URL.revokeObjectURL(localUrl);
+    };
+  }, [source, readAs]);
+  return { info, loading, error, reload: () => {
+  } };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  useClickOutside
+  useClickOutside,
+  useFileInfo
 });

package/dist/hooks.mjs

@@ -29,6 +29,221 @@ var useClickOutside = ({
   }, [handler, nodes, events]);
   return ref;
 };
+
+// src/hooks/use-get-file-infor.ts
+import { useEffect as useEffect2, useRef as useRef2, useState } from "react";
+function getFileName(source, mime) {
+  if (source instanceof File) return source.name;
+  if (typeof source === "string") {
+    if (source.startsWith("data:")) {
+      const ext2 = mime?.split("/")[1] || "bin";
+      return `file.${ext2}`;
+    }
+    try {
+      const pathname = new URL(source).pathname;
+      const filename = decodeURIComponent(pathname.split("/").pop() || "");
+      if (filename) return filename;
+    } catch {
+    }
+    return "file.bin";
+  }
+  const ext = mime?.split("/")[1] || "bin";
+  return `file.${ext}`;
+}
+function useFileInfo(source, options) {
+  const { readAs = "all" } = options ?? {};
+  const [info, setInfo] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const abortRef = useRef2({ aborted: false });
+  useEffect2(() => {
+    abortRef.current.aborted = false;
+    if (!source) {
+      setInfo(null);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+    let localUrl = null;
+    let fr = null;
+    let mediaEl = null;
+    const makeExtension = (name, type) => {
+      if (name) {
+        const idx = name.lastIndexOf(".");
+        if (idx > -1) return name.slice(idx + 1).toLowerCase();
+      }
+      if (type) {
+        const match = /\/([a-z0-9.+-]+)$/.exec(type);
+        return match ? match[1] : null;
+      }
+      return null;
+    };
+    const toBlobFromSource = async (src) => {
+      if (src instanceof Blob) return src;
+      if (typeof src === "string") {
+        const s = src.trim();
+        if (s.startsWith("data:")) {
+          const parts = s.split(",");
+          const meta = parts[0];
+          const isBase64 = meta.includes(";base64");
+          const mimeMatch = meta.match(/data:([^;]+)/);
+          const mime = mimeMatch ? mimeMatch[1] : "application/octet-stream";
+          const dataPart = parts.slice(1).join(",");
+          if (isBase64) {
+            const binary = atob(dataPart);
+            const len = binary.length;
+            const arr = new Uint8Array(len);
+            for (let i = 0; i < len; i++) arr[i] = binary.charCodeAt(i);
+            return new Blob([arr], { type: mime });
+          } else {
+            const decoded = decodeURIComponent(dataPart);
+            return new Blob([decoded], { type: mime });
+          }
+        }
+        const resp = await fetch(s);
+        if (!resp.ok) throw new Error(`Fetch failed with status ${resp.status}`);
+        const blob = await resp.blob();
+        return blob;
+      }
+      throw new Error("Unsupported source type");
+    };
+    const run = async () => {
+      setLoading(true);
+      setError(null);
+      setInfo(null);
+      try {
+        const blob = await toBlobFromSource(source);
+        if (abortRef.current.aborted) return;
+        const fileInfo = {
+          rawBlob: blob,
+          size: blob.size,
+          type: blob.type || "application/octet-stream",
+          dataUrl: null,
+          text: null,
+          arrayBuffer: null,
+          image: null,
+          video: null,
+          audio: null
+        };
+        if (source instanceof File || source instanceof Blob || typeof source === "string" && !source.startsWith("data:")) {
+          fileInfo.name = getFileName(source, fileInfo.type);
+        }
+        fileInfo.extension = makeExtension(fileInfo.name, fileInfo.type);
+        localUrl = URL.createObjectURL(blob);
+        const readPromises = [];
+        if (readAs === "dataUrl" || readAs === "all") {
+          fr = new FileReader();
+          const p = new Promise((resolve, reject) => {
+            fr.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.dataUrl = fr.result;
+              resolve();
+            };
+            fr.onerror = () => reject(fr.error);
+            fr.readAsDataURL(blob);
+          });
+          readPromises.push(p);
+        }
+        if (readAs === "text" || readAs === "all") {
+          const frText = new FileReader();
+          const p = new Promise((resolve, reject) => {
+            frText.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.text = frText.result;
+              resolve();
+            };
+            frText.onerror = () => reject(frText.error);
+            frText.readAsText(blob);
+          });
+          readPromises.push(p);
+        }
+        if (readAs === "arrayBuffer" || readAs === "all") {
+          const frBuf = new FileReader();
+          const p = new Promise((resolve, reject) => {
+            frBuf.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.arrayBuffer = frBuf.result;
+              resolve();
+            };
+            frBuf.onerror = () => reject(frBuf.error);
+            frBuf.readAsArrayBuffer(blob);
+          });
+          readPromises.push(p);
+        }
+        if (fileInfo?.type?.startsWith("image/")) {
+          const p = new Promise((resolve, reject) => {
+            const img = new Image();
+            img.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.image = {
+                width: img.naturalWidth,
+                height: img.naturalHeight
+              };
+              resolve();
+            };
+            img.onerror = () => resolve();
+            img.src = localUrl;
+          });
+          readPromises.push(p);
+        }
+        if (fileInfo && fileInfo?.type?.startsWith("video/") || fileInfo?.type?.startsWith("audio/")) {
+          const p = new Promise((resolve) => {
+            const el = document.createElement(
+              fileInfo?.type?.startsWith("video/") ? "video" : "audio"
+            );
+            mediaEl = el;
+            mediaEl.preload = "metadata";
+            mediaEl.onloadedmetadata = () => {
+              if (abortRef.current.aborted) return resolve();
+              const duration = isFinite(mediaEl.duration) ? mediaEl.duration : void 0;
+              if (fileInfo?.type?.startsWith("video/")) {
+                fileInfo.video = {
+                  width: mediaEl.videoWidth || void 0,
+                  height: mediaEl.videoHeight || void 0,
+                  duration
+                };
+              } else {
+                fileInfo.audio = { duration };
+              }
+              resolve();
+            };
+            mediaEl.onerror = () => resolve();
+            mediaEl.src = localUrl;
+          });
+          readPromises.push(p);
+        }
+        await Promise.all(readPromises);
+        if (abortRef.current.aborted) return;
+        setInfo(fileInfo);
+      } catch (err) {
+        if (!abortRef.current.aborted) setError(err?.message ?? String(err));
+      } finally {
+        if (!abortRef.current.aborted) setLoading(false);
+      }
+    };
+    run();
+    return () => {
+      abortRef.current.aborted = true;
+      if (fr && fr.readyState === 1) {
+        try {
+          fr.abort();
+        } catch {
+        }
+      }
+      if (mediaEl) {
+        try {
+          mediaEl.src = "";
+          mediaEl.load();
+        } catch {
+        }
+      }
+      if (localUrl) URL.revokeObjectURL(localUrl);
+    };
+  }, [source, readAs]);
+  return { info, loading, error, reload: () => {
+  } };
+}
 export {
-  useClickOutside
+  useClickOutside,
+  useFileInfo
 };

package/dist/icons.d.mts

@@ -85,4 +85,6 @@ declare const GoogleIcon: ({ width, height, ...props }: React.SVGProps<SVGSVGEle
 
 declare const EyeClosedIcon: () => JSX.Element;
 
-export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalendarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon };
+declare const DeleteIconDanger: () => JSX.Element;
+
+export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalendarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DeleteIconDanger, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon };

package/dist/icons.d.ts

@@ -85,4 +85,6 @@ declare const GoogleIcon: ({ width, height, ...props }: React.SVGProps<SVGSVGEle
 
 declare const EyeClosedIcon: () => JSX.Element;
 
-export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalendarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon };
+declare const DeleteIconDanger: () => JSX.Element;
+
+export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalendarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DeleteIconDanger, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon };

package/dist/icons.js

@@ -32,6 +32,7 @@ __export(icons_exports, {
   CloseIcon: () => CloseIcon,
   CopyIcon: () => CopyIcon,
   DeleteIcon: () => DeleteIcon,
+  DeleteIconDanger: () => DeleteIconDanger,
   DownloadIcon: () => DownloadIcon,
   ExcelIcon: () => ExcelIcon,
   ExportIcon: () => ExportIcon,
@@ -385,37 +386,21 @@ var DeleteIcon = () => {
 // src/icons/download-icon.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var DownloadIcon = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "21",
+      width: "20",
       height: "20",
-      viewBox: "0 0 21 20",
+      viewBox: "0 0 20 20",
       fill: "none",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "path",
-          {
-            d: "M13.2169 18.5417H7.78356C3.69189 18.5417 1.94189 16.7917 1.94189 12.7V12.5917C1.94189 8.89167 3.40023 7.10833 6.66689 6.8C7.00023 6.775 7.31689 7.025 7.35023 7.36667C7.38356 7.70833 7.13356 8.01667 6.78356 8.05C4.16689 8.29167 3.19189 9.525 3.19189 12.6V12.7083C3.19189 16.1 4.39189 17.3 7.78356 17.3H13.2169C16.6086 17.3 17.8086 16.1 17.8086 12.7083V12.6C17.8086 9.50833 16.8169 8.275 14.1502 8.05C13.8086 8.01667 13.5502 7.71667 13.5836 7.375C13.6169 7.03333 13.9086 6.775 14.2586 6.80833C17.5752 7.09167 19.0586 8.88333 19.0586 12.6083V12.7167C19.0586 16.7917 17.3086 18.5417 13.2169 18.5417Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "path",
-          {
-            d: "M10.5 13.025C10.1583 13.025 9.875 12.7417 9.875 12.4V1.66667C9.875 1.32501 10.1583 1.04167 10.5 1.04167C10.8417 1.04167 11.125 1.32501 11.125 1.66667V12.4C11.125 12.75 10.8417 13.025 10.5 13.025Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "path",
-          {
-            d: "M10.5 13.9583C10.3417 13.9583 10.1834 13.9 10.0584 13.775L7.2667 10.9833C7.02503 10.7417 7.02503 10.3417 7.2667 10.1C7.50837 9.85833 7.90837 9.85833 8.15003 10.1L10.5 12.45L12.85 10.1C13.0917 9.85833 13.4917 9.85833 13.7334 10.1C13.975 10.3417 13.975 10.7417 13.7334 10.9833L10.9417 13.775C10.8167 13.9 10.6584 13.9583 10.5 13.9583Z",
-            fill: "currentColor"
-          }
-        )
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "path",
+        {
+          d: "M10.75 8.5H14.5L10 13L5.5 8.5H9.25V3.25H10.75V8.5ZM4 15.25H16V10H17.5V16C17.5 16.1989 17.421 16.3897 17.2803 16.5303C17.1397 16.671 16.9489 16.75 16.75 16.75H3.25C3.05109 16.75 2.86032 16.671 2.71967 16.5303C2.57902 16.3897 2.5 16.1989 2.5 16V10H4V15.25Z",
+          fill: "#060606"
+        }
+      )
     }
   );
 };
@@ -1802,6 +1787,28 @@ var EyeClosedIcon = () => {
     }
   );
 };
+
+// src/icons/delete-icon-danger.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var DeleteIconDanger = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        "path",
+        {
+          d: "M13.75 5.5H17.5V7H16V16.75C16 16.9489 15.921 17.1397 15.7803 17.2803C15.6397 17.421 15.4489 17.5 15.25 17.5H4.75C4.55109 17.5 4.36032 17.421 4.21967 17.2803C4.07902 17.1397 4 16.9489 4 16.75V7H2.5V5.5H6.25V3.25C6.25 3.05109 6.32902 2.86032 6.46967 2.71967C6.61032 2.57902 6.80109 2.5 7 2.5H13C13.1989 2.5 13.3897 2.57902 13.5303 2.71967C13.671 2.86032 13.75 3.05109 13.75 3.25V5.5ZM14.5 7H5.5V16H14.5V7ZM7.75 9.25H9.25V13.75H7.75V9.25ZM10.75 9.25H12.25V13.75H10.75V9.25ZM7.75 4V5.5H12.25V4H7.75Z",
+          fill: "#FB2B3D"
+        }
+      )
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddIcon,
@@ -1816,6 +1823,7 @@ var EyeClosedIcon = () => {
   CloseIcon,
   CopyIcon,
   DeleteIcon,
+  DeleteIconDanger,
   DownloadIcon,
   ExcelIcon,
   ExportIcon,