impact-nova 0.1.13 → 1.1.0

package/dist/components/ui/empty-container.js

@@ -1,46 +1,39 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as r from "react";
-import { cn as i } from "../../lib/utils.js";
-import { EmptyState1 as E, EmptyState2 as C, EmptyState3 as w, EmptyState4 as b, EmptyState5 as N, EmptyState6 as I } from "../../icons/index.js";
-const l = [
+import { jsx as r } from "react/jsx-runtime";
+import * as m from "react";
+import { Slot as p } from "@radix-ui/react-slot";
+import { cn as s } from "../../lib/utils.js";
+import { EmptyState1 as E, EmptyState2 as w, EmptyState3 as b, EmptyState4 as N, EmptyState5 as S, EmptyState6 as I } from "../../icons/index.js";
+const c = [
   { Component: E, width: 225, height: 150 },
-  { Component: C, width: 200, height: 200 },
-  { Component: w, width: 225, height: 150 },
-  { Component: b, width: 250, height: 180 },
-  { Component: N, width: 225, height: 150 },
+  { Component: w, width: 200, height: 200 },
+  { Component: b, width: 225, height: 150 },
+  { Component: N, width: 250, height: 180 },
+  { Component: S, width: 225, height: 150 },
   { Component: I, width: 225, height: 150 }
-], S = r.forwardRef(
-  ({ className: a, children: t, ...e }, n) => /* @__PURE__ */ o(
-    "div",
+], R = m.forwardRef(
+  ({ className: o, children: t, asChild: e = !1, ...n }, a) => /* @__PURE__ */ r(
+    e ? p : "div",
     {
-      ref: n,
-      className: i(
+      ref: a,
+      className: s(
         "flex flex-col items-center justify-center py-10 px-5 text-center animate-in fade-in zoom-in duration-300 border border-border-subtle rounded-xl bg-card w-[884px] min-w-[884px] h-auto",
-        a
+        o
       ),
-      ...e,
-      children: /* @__PURE__ */ o("div", { className: "flex flex-col items-center max-w-[650px] gap-4", children: t })
+      "data-component": "empty-container",
+      ...n,
+      children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center max-w-[650px] gap-4", children: t })
     }
   )
 );
-S.displayName = "EmptyContainer";
-const R = r.forwardRef(
-  ({ className: a, children: t, width: e, height: n, ...d }, p) => {
-    const [m, c] = r.useState(
-      null
-    );
-    r.useEffect(() => {
-      if (!t) {
-        const s = Math.floor(Math.random() * l.length);
-        c(s);
-      }
-    }, [t]);
-    const h = () => {
+R.displayName = "EmptyContainer";
+const v = m.forwardRef(
+  ({ className: o, children: t, width: e, height: n, asChild: a = !1, ...i }, f) => {
+    const [l, M] = m.useState(() => t ? null : Math.floor(Math.random() * c.length)), h = () => {
       if (t) return t;
-      if (m !== null) {
-        const { Component: s, width: g, height: x } = l[m];
-        return /* @__PURE__ */ o(
-          s,
+      if (l !== null) {
+        const { Component: C, width: g, height: x } = c[l];
+        return /* @__PURE__ */ r(
+          C,
           {
             size: "100%",
             style: {
@@ -51,58 +44,70 @@ const R = r.forwardRef(
         );
       }
       return null;
-    }, f = m !== null ? l[m] : null, u = e || (t ? "auto" : f?.width || 225), y = n || (t ? "auto" : f?.height || 150);
-    return /* @__PURE__ */ o(
-      "div",
+    }, d = l !== null ? c[l] : null, u = e || (t ? "auto" : d?.width || 225), y = n || (t ? "auto" : d?.height || 150);
+    return /* @__PURE__ */ r(
+      a ? p : "div",
       {
-        ref: p,
-        className: i(
+        ref: f,
+        className: s(
           "mb-4 flex items-center justify-center relative",
           "after:absolute after:inset-0 after:bg-primary/5 after:blur-3xl after:-z-10 after:rounded-full",
-          a
+          o
         ),
         style: {
           width: u,
           height: y,
-          ...d.style
+          ...i.style
         },
-        ...d,
+        "data-component": "empty-container-image",
+        ...i,
         children: h()
       }
     );
   }
 );
-R.displayName = "EmptyContainerImage";
-const v = r.forwardRef(
-  ({ className: a, children: t, ...e }, n) => /* @__PURE__ */ o(
-    "h3",
+v.displayName = "EmptyContainerImage";
+const T = m.forwardRef(
+  ({ className: o, children: t, asChild: e = !1, ...n }, a) => /* @__PURE__ */ r(
+    e ? p : "h3",
     {
-      ref: n,
-      className: i("text-xl font-bold tracking-tight text-foreground", a),
-      ...e,
+      ref: a,
+      className: s("text-xl font-bold tracking-tight text-foreground", o),
+      "data-component": "empty-container-title",
+      ...n,
       children: t
     }
   )
 );
-v.displayName = "EmptyContainerTitle";
-const T = r.forwardRef(({ className: a, children: t, ...e }, n) => /* @__PURE__ */ o(
-  "p",
+T.displayName = "EmptyContainerTitle";
+const j = m.forwardRef(({ className: o, children: t, asChild: e = !1, ...n }, a) => /* @__PURE__ */ r(
+  e ? p : "p",
   {
-    ref: n,
-    className: i("text-base font-medium text-secondary-foreground leading-relaxed", a),
-    ...e,
+    ref: a,
+    className: s("text-base font-medium text-secondary-foreground leading-relaxed", o),
+    "data-component": "empty-container-description",
+    ...n,
     children: t
   }
 ));
-T.displayName = "EmptyContainerDescription";
-const j = r.forwardRef(
-  ({ className: a, children: t, ...e }, n) => /* @__PURE__ */ o("div", { ref: n, className: i("mt-6 flex flex-wrap items-center justify-center gap-3", a), ...e, children: t })
+j.displayName = "EmptyContainerDescription";
+const A = m.forwardRef(
+  ({ className: o, children: t, asChild: e = !1, ...n }, a) => /* @__PURE__ */ r(
+    e ? p : "div",
+    {
+      ref: a,
+      className: s("mt-6 flex flex-wrap items-center justify-center gap-3", o),
+      "data-component": "empty-container-action",
+      ...n,
+      children: t
+    }
+  )
 );
-j.displayName = "EmptyContainerAction";
+A.displayName = "EmptyContainerAction";
 export {
-  S as EmptyContainer,
-  j as EmptyContainerAction,
-  T as EmptyContainerDescription,
-  R as EmptyContainerImage,
-  v as EmptyContainerTitle
+  R as EmptyContainer,
+  A as EmptyContainerAction,
+  j as EmptyContainerDescription,
+  v as EmptyContainerImage,
+  T as EmptyContainerTitle
 };

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

@@ -1,59 +1,61 @@
-import { jsx as e, jsxs as N, Fragment as C } from "react/jsx-runtime";
-import * as s from "react";
-import { cn as c } from "../../lib/utils.js";
-import { FileUpload as R, Delete as z, Document as j, Text as k, Csv as T, Excel as B } from "../../icons/index.js";
-const U = s.createContext(
+import { jsx as e, jsxs as N, Fragment as z } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as p } from "../../lib/utils.js";
+import { FileUpload as C, Delete as R, Document as j, Text as k, Csv as T, Excel as B } from "../../icons/index.js";
+const U = r.createContext(
   void 0
 ), D = () => {
-  const t = s.useContext(U);
-  if (!t)
+  const a = r.useContext(U);
+  if (!a)
     throw new Error("useFileUpload must be used within a FileUpload component");
-  return t;
-}, I = s.forwardRef(
+  return a;
+}, I = r.forwardRef(
   ({
-    className: t,
-    children: l,
-    onFilesChange: a,
-    maxFiles: r = 1,
+    className: a,
+    children: t,
+    onFilesChange: l,
+    maxFiles: o = 1,
     accept: h = [],
-    disabled: p = !1,
+    disabled: n = !1,
     value: f = [],
-    ...n
+    ...d
   }, b) => {
-    const [m, o] = s.useState(f);
-    s.useEffect(() => {
-      o(f);
+    const [m, s] = r.useState(f);
+    r.useEffect(() => {
+      s(f);
     }, [f]);
-    const d = (x) => {
-      if (p) return;
-      let u = x;
-      h.length > 0 && (u = u.filter((v) => {
-        const y = v.name.split(".").pop()?.toLowerCase();
+    const c = (u) => {
+      if (n) return;
+      let x = u;
+      h.length > 0 && (x = x.filter((F) => {
+        const y = F.name.split(".").pop()?.toLowerCase();
         return y && h.includes(y);
       }));
-      const F = r - m.length;
-      if (F <= 0) return;
-      const w = u.slice(0, F);
+      const v = o - m.length;
+      if (v <= 0) return;
+      const w = x.slice(0, v);
       if (w.length > 0) {
-        const v = [...m, ...w];
-        o(v), a?.(v);
+        const F = [...m, ...w];
+        s(F), l?.(F);
       }
-    }, g = (x) => {
-      if (p) return;
-      const u = m.filter((F) => F !== x);
-      o(u), a?.(u);
+    }, g = (u) => {
+      if (n) return;
+      const x = m.filter((v) => v !== u);
+      s(x), l?.(x);
     };
     return /* @__PURE__ */ e(
       U.Provider,
       {
-        value: { files: m, addFiles: d, removeFile: g, maxFiles: r, accept: h, disabled: p },
+        value: { files: m, addFiles: c, removeFile: g, maxFiles: o, accept: h, disabled: n },
         children: /* @__PURE__ */ e(
           "div",
           {
             ref: b,
-            className: c("w-full max-w-[550px]", t),
-            ...n,
-            children: l
+            className: p("w-full max-w-[550px]", a),
+            "data-component": "file-upload",
+            "data-disabled": n || void 0,
+            ...d,
+            children: t
           }
         )
       }
@@ -61,80 +63,82 @@ const U = s.createContext(
   }
 );
 I.displayName = "FileUpload";
-const L = s.forwardRef(({ className: t, children: l, ...a }, r) => /* @__PURE__ */ e(
+const L = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
-    className: c(
+    ref: o,
+    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)]",
-      t
+      a
     ),
-    ...a,
-    children: l
+    ...l,
+    children: t
   }
 ));
 L.displayName = "FileUploadContent";
-const M = s.forwardRef(({ className: t, children: l, ...a }, r) => /* @__PURE__ */ e(
+const M = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
-    className: c("flex justify-between items-center w-full", t),
-    ...a,
-    children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-[2px] w-full", children: l })
+    ref: o,
+    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 })
   }
 ));
 M.displayName = "FileUploadHeader";
-const A = s.forwardRef(({ className: t, children: l, ...a }, r) => /* @__PURE__ */ e(
+const A = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "h3",
   {
-    ref: r,
-    className: c("text-base font-extrabold text-foreground leading-6", t),
-    ...a,
-    children: l
+    ref: o,
+    className: p("text-base font-extrabold text-foreground leading-6", a),
+    ...l,
+    children: t
   }
 ));
 A.displayName = "FileUploadTitle";
-const O = s.forwardRef(({ className: t, children: l, ...a }, r) => /* @__PURE__ */ e(
+const O = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "p",
   {
-    ref: r,
-    className: c("text-sm font-medium text-[#7a8294] leading-5", t),
-    ...a,
-    children: l
+    ref: o,
+    className: p("text-sm font-medium text-[#7a8294] leading-5", a),
+    ...l,
+    children: t
   }
 ));
 O.displayName = "FileUploadDescription";
-const S = s.forwardRef(
-  ({ className: t, label: l, subLabel: a, ...r }, h) => {
-    const { addFiles: p, accept: f, disabled: n, files: b, maxFiles: m } = D(), [o, d] = s.useState(!1), g = s.useRef(null);
+const S = r.forwardRef(
+  ({ className: a, label: t, subLabel: l, ...o }, h) => {
+    const { addFiles: n, accept: f, disabled: d, files: b, maxFiles: m } = D(), [s, c] = r.useState(!1), g = r.useRef(null);
     if (b.length >= m)
       return null;
-    const x = (i) => {
-      i.preventDefault(), n || d(!0);
-    }, u = (i) => {
-      i.preventDefault(), d(!1);
-    }, F = (i) => {
-      i.preventDefault(), d(!1), !n && i.dataTransfer.files?.length && p(Array.from(i.dataTransfer.files));
-    }, w = () => {
-      n || g.current?.click();
+    const u = (i) => {
+      i.preventDefault(), d || c(!0);
+    }, x = (i) => {
+      i.preventDefault(), c(!1);
     }, v = (i) => {
-      i.target.files?.length && (p(Array.from(i.target.files)), i.target.value = "");
+      i.preventDefault(), c(!1), !d && i.dataTransfer.files?.length && n(Array.from(i.dataTransfer.files));
+    }, w = () => {
+      d || g.current?.click();
+    }, F = (i) => {
+      i.target.files?.length && (n(Array.from(i.target.files)), i.target.value = "");
     }, y = f.length > 0 ? f.map((i) => `.${i}`).join(",") : void 0;
     return /* @__PURE__ */ N(
       "div",
       {
         ref: h,
         onClick: w,
-        onDragOver: x,
-        onDragLeave: u,
-        onDrop: F,
-        className: c(
+        onDragOver: u,
+        onDragLeave: x,
+        onDrop: v,
+        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",
-          o && "border-primary bg-primary/5",
-          n && "opacity-50 cursor-not-allowed",
-          t
+          s && "border-primary bg-primary/5",
+          d && "opacity-50 cursor-not-allowed",
+          a
         ),
-        ...r,
+        "data-component": "file-upload-dropzone",
+        "data-state": s ? "drag-over" : "idle",
+        ...o,
         children: [
           /* @__PURE__ */ e(
             "input",
@@ -144,18 +148,18 @@ const S = s.forwardRef(
               multiple: !0,
               className: "hidden",
               accept: y,
-              onChange: v,
-              disabled: n
+              onChange: F,
+              disabled: d
             }
           ),
-          /* @__PURE__ */ e("div", { className: "absolute top-[24px] left-1/2 -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ e(R, { size: 56 }) }),
+          /* @__PURE__ */ e("div", { className: "absolute top-[24px] left-1/2 -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ e(C, { size: 56 }) }),
           /* @__PURE__ */ N("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: l || /* @__PURE__ */ N(C, { children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-[#1f2b4d] leading-5", children: t || /* @__PURE__ */ N(z, { children: [
               "Drag your files here or",
               " ",
               /* @__PURE__ */ e("span", { className: "text-primary font-bold hover:underline", children: "Choose File" })
             ] }) }),
-            a && /* @__PURE__ */ e("p", { className: "text-xs font-medium text-[#7a8294]", children: a })
+            l && /* @__PURE__ */ e("p", { className: "text-xs font-medium text-[#7a8294]", children: l })
           ] })
         ]
       }
@@ -163,18 +167,18 @@ const S = s.forwardRef(
   }
 );
 S.displayName = "FileUploadDropZone";
-const _ = s.forwardRef(({ className: t, children: l, ...a }, r) => /* @__PURE__ */ e("div", { ref: r, className: c("flex flex-col gap-3", t), ...a, children: l }));
+const _ = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e("div", { ref: o, className: p("flex flex-col gap-3", a), ...l, children: t }));
 _.displayName = "FileUploadList";
-const E = s.forwardRef(
-  ({ className: t, file: l, onRemove: a, ...r }, h) => {
-    const { removeFile: p, disabled: f } = D(), n = (o) => {
-      o.stopPropagation(), a ? a() : p(l);
-    }, b = (o) => {
-      if (o === 0) return "0 B";
-      const d = 1024, g = ["B", "KB", "MB", "GB"], x = Math.floor(Math.log(o) / Math.log(d));
-      return parseFloat((o / Math.pow(d, x)).toFixed(2)) + " " + g[x];
-    }, m = (o) => {
-      switch (o.split(".").pop()?.toLowerCase()) {
+const E = r.forwardRef(
+  ({ className: a, file: t, onRemove: l, ...o }, h) => {
+    const { removeFile: n, disabled: f } = D(), d = (s) => {
+      s.stopPropagation(), l ? l() : n(t);
+    }, b = (s) => {
+      if (s === 0) return "0 B";
+      const c = 1024, g = ["B", "KB", "MB", "GB"], u = Math.floor(Math.log(s) / Math.log(c));
+      return parseFloat((s / Math.pow(c, u)).toFixed(2)) + " " + g[u];
+    }, m = (s) => {
+      switch (s.split(".").pop()?.toLowerCase()) {
         case "xls":
         case "xlsx":
           return /* @__PURE__ */ e(B, { size: 36 });
@@ -190,26 +194,29 @@ const E = s.forwardRef(
       "div",
       {
         ref: h,
-        className: c(
+        className: p(
           "flex flex-col justify-between items-stretch gap-2 p-4 border border-[#e7e7e7] rounded-xl bg-white",
-          t
+          a
         ),
-        ...r,
+        "data-component": "file-upload-item",
+        "data-file-name": t.name,
+        "data-file-size": t.size,
+        ...o,
         children: /* @__PURE__ */ N("div", { className: "flex justify-between items-center gap-2 z-10", children: [
           /* @__PURE__ */ N("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ e("div", { className: "w-9 h-9 shrink-0", children: m(l.name) }),
+            /* @__PURE__ */ e("div", { className: "w-9 h-9 shrink-0", children: m(t.name) }),
             /* @__PURE__ */ N("div", { className: "flex flex-col justify-between gap-[2px]", children: [
-              /* @__PURE__ */ e("span", { className: "text-xs font-bold text-[#0b0b0b] leading-[18px] line-clamp-1 break-all", children: l.name }),
-              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-[#6d6d6d] leading-[16px]", children: b(l.size) })
+              /* @__PURE__ */ e("span", { className: "text-xs font-bold text-[#0b0b0b] leading-[18px] line-clamp-1 break-all", children: t.name }),
+              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-[#6d6d6d] leading-[16px]", children: b(t.size) })
             ] })
           ] }),
           !f && /* @__PURE__ */ e(
             "button",
             {
-              onClick: n,
+              onClick: d,
               className: "flex items-center justify-center text-[#60697d] hover:text-destructive transition-colors",
               type: "button",
-              children: /* @__PURE__ */ e(z, { size: 14 })
+              children: /* @__PURE__ */ e(R, { size: 14 })
             }
           )
         ] })
@@ -218,13 +225,13 @@ const E = s.forwardRef(
   }
 );
 E.displayName = "FileUploadItem";
-const H = s.forwardRef(({ className: t, children: l, ...a }, r) => /* @__PURE__ */ e(
+const H = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
-    className: c("flex items-center justify-end gap-4 mt-auto", t),
-    ...a,
-    children: l
+    ref: o,
+    className: p("flex items-center justify-end gap-4 mt-auto", a),
+    ...l,
+    children: t
   }
 ));
 H.displayName = "FileUploadFooter";