impact-nova 1.5.14 → 1.6.0

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

@@ -1,58 +1,56 @@
 import { jsx as e, jsxs as m, Fragment as T } from "react/jsx-runtime";
-import * as o from "react";
+import * as n from "react";
 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";
 import { useImpactNovaI18n as z } from "../../i18n/ImpactNovaI18nContext.js";
-const R = o.createContext(
-  void 0
-), j = () => {
-  const a = o.useContext(R);
+const R = n.createContext(void 0), j = () => {
+  const a = n.useContext(R);
   if (!a)
     throw new Error("useFileUpload must be used within a FileUpload component");
   return a;
-}, S = o.forwardRef(
+}, S = n.forwardRef(
   ({
     className: a,
     children: t,
     onFilesChange: l,
-    maxFiles: r = 1,
+    maxFiles: o = 1,
     accept: d = [],
     disabled: c = !1,
     value: u = [],
     ...f
-  }, N) => {
-    const [x, h] = o.useState(u);
-    o.useEffect(() => {
+  }, w) => {
+    const [x, h] = n.useState(u);
+    n.useEffect(() => {
       h(u);
     }, [u]);
-    const i = (v) => {
+    const r = (g) => {
       if (c) return;
-      let n = v;
-      d.length > 0 && (n = n.filter((b) => {
-        const y = b.name.split(".").pop()?.toLowerCase();
+      let s = g;
+      d.length > 0 && (s = s.filter((N) => {
+        const y = N.name.split(".").pop()?.toLowerCase();
         return y && d.includes(y);
       }));
-      const F = r - x.length;
+      const F = o - x.length;
       if (F <= 0) return;
-      const w = n.slice(0, F);
-      if (w.length > 0) {
-        const b = [...x, ...w];
-        h(b), l?.(b);
+      const b = s.slice(0, F);
+      if (b.length > 0) {
+        const N = [...x, ...b];
+        h(N), l?.(N);
       }
-    }, g = (v) => {
+    }, v = (g) => {
       if (c) return;
-      const n = x.filter((F) => F !== v);
-      h(n), l?.(n);
+      const s = x.filter((F) => F !== g);
+      h(s), l?.(s);
     };
     return /* @__PURE__ */ e(
       R.Provider,
       {
-        value: { files: x, addFiles: i, removeFile: g, maxFiles: r, accept: d, disabled: c },
+        value: { files: x, addFiles: r, removeFile: v, maxFiles: o, accept: d, disabled: c },
         children: /* @__PURE__ */ e(
           "div",
           {
-            ref: N,
+            ref: w,
             className: p("w-full max-w-[550px]", a),
             "data-component": "file-upload",
             "data-disabled": c || void 0,
@@ -65,57 +63,63 @@ const R = o.createContext(
   }
 );
 S.displayName = "FileUpload";
-const _ = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+const E = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
+    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)]",
+      "flex flex-col gap-4 p-4 min-h-[274px] bg-canvas-elevated rounded-2xl shadow-elevation-header",
       a
     ),
     ...l,
     children: t
   }
 ));
-_.displayName = "FileUploadContent";
-const E = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+E.displayName = "FileUploadContent";
+const H = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
+    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 })
   }
 ));
-E.displayName = "FileUploadHeader";
-const H = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+H.displayName = "FileUploadHeader";
+const P = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "h3",
   {
-    ref: r,
-    className: p("text-base font-extrabold text-foreground leading-6", a),
+    ref: o,
+    className: p("text-base font-extrabold text-content leading-6", a),
     ...l,
     children: t
   }
 ));
-H.displayName = "FileUploadTitle";
-const P = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+P.displayName = "FileUploadTitle";
+const Z = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "p",
   {
-    ref: r,
-    className: p("text-sm font-medium text-[#7a8294] leading-5", a),
+    ref: o,
+    className: p(
+      "text-sm font-medium text-navigation-muted leading-5",
+      a
+    ),
     ...l,
     children: t
   }
 ));
-P.displayName = "FileUploadDescription";
-const Z = o.forwardRef(({ className: a, ...t }, l) => {
-  const { t: r } = z(), d = r("aria.close");
+Z.displayName = "FileUploadDescription";
+const $ = n.forwardRef(({ className: a, ...t }, l) => {
+  const { t: o } = z(), d = o("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),
+        className: p(
+          "text-content-tertiary hover:text-content transition-colors",
+          a
+        ),
         type: "button",
         "aria-label": d,
         ...t,
@@ -125,80 +129,78 @@ const Z = o.forwardRef(({ className: a, ...t }, l) => {
     /* @__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 v = (s) => {
-      s.preventDefault(), f || i(!0);
-    }, n = (s) => {
-      s.preventDefault(), i(!1);
-    }, F = (s) => {
-      s.preventDefault(), i(!1), !f && s.dataTransfer.files?.length && c(Array.from(s.dataTransfer.files));
-    }, w = () => {
-      f || g.current?.click();
-    }, b = (s) => {
-      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: d,
-        onClick: w,
-        onDragOver: v,
-        onDragLeave: n,
-        onDrop: F,
-        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",
-          h && "border-primary bg-primary/5",
-          f && "opacity-50 cursor-not-allowed",
-          a
+$.displayName = "FileUploadClose";
+const G = n.forwardRef(({ className: a, label: t, subLabel: l, ...o }, d) => {
+  const { addFiles: c, accept: u, disabled: f, files: w, maxFiles: x } = j(), [h, r] = n.useState(!1), v = n.useRef(null);
+  if (w.length >= x)
+    return null;
+  const g = (i) => {
+    i.preventDefault(), f || r(!0);
+  }, s = (i) => {
+    i.preventDefault(), r(!1);
+  }, F = (i) => {
+    i.preventDefault(), r(!1), !f && i.dataTransfer.files?.length && c(Array.from(i.dataTransfer.files));
+  }, b = () => {
+    f || v.current?.click();
+  }, N = (i) => {
+    i.target.files?.length && (c(Array.from(i.target.files)), i.target.value = "");
+  }, y = u.length > 0 ? u.map((i) => `.${i}`).join(",") : void 0;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: d,
+      onClick: b,
+      onDragOver: g,
+      onDragLeave: s,
+      onDrop: F,
+      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-stroke-accent bg-transparent cursor-pointer transition-colors",
+        h && "border-brand bg-brand/5",
+        f && "opacity-50 cursor-not-allowed",
+        a
+      ),
+      "data-component": "file-upload-dropzone",
+      "data-state": h ? "drag-over" : "idle",
+      ...o,
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: v,
+            type: "file",
+            multiple: !0,
+            className: "hidden",
+            accept: y,
+            onChange: N,
+            disabled: f
+          }
         ),
-        "data-component": "file-upload-dropzone",
-        "data-state": h ? "drag-over" : "idle",
-        ...r,
-        children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              ref: g,
-              type: "file",
-              multiple: !0,
-              className: "hidden",
-              accept: y,
-              onChange: b,
-              disabled: f
-            }
-          ),
-          /* @__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" })
-            ] }) }),
-            l && /* @__PURE__ */ e("p", { className: "text-xs font-medium text-[#7a8294]", children: l })
-          ] })
-        ]
-      }
-    );
-  }
-);
-$.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 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()) {
+        /* @__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-content leading-5", children: t || /* @__PURE__ */ m(T, { children: [
+            "Drag your files here or",
+            " ",
+            /* @__PURE__ */ e("span", { className: "text-brand text-sm font-medium hover:underline", children: "Choose File" })
+          ] }) }),
+          l && /* @__PURE__ */ e("p", { className: "text-xs font-medium text-navigation-muted", children: l })
+        ] })
+      ]
+    }
+  );
+});
+G.displayName = "FileUploadDropZone";
+const K = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e("div", { ref: o, className: p("flex flex-col gap-3", a), ...l, children: t }));
+K.displayName = "FileUploadList";
+const q = n.forwardRef(
+  ({ className: a, file: t, onRemove: l, ...o }, d) => {
+    const { t: c } = z(), { removeFile: u, disabled: f } = j(), w = (r) => {
+      r.stopPropagation(), l ? l() : u(t);
+    }, x = (r) => {
+      if (r === 0) return "0 B";
+      const v = 1024, g = ["B", "KB", "MB", "GB"], s = Math.floor(Math.log(r) / Math.log(v));
+      return parseFloat((r / Math.pow(v, s)).toFixed(2)) + " " + g[s];
+    }, h = (r) => {
+      switch (r.split(".").pop()?.toLowerCase()) {
         case "xls":
         case "xlsx":
           return /* @__PURE__ */ e(O, { size: 36 });
@@ -207,7 +209,7 @@ const K = o.forwardRef(
         case "txt":
           return /* @__PURE__ */ e(M, { size: 36 });
         default:
-          return /* @__PURE__ */ e(B, { size: 36, className: "text-gray-400" });
+          return /* @__PURE__ */ e(B, { size: 36, className: "text-content-icon" });
       }
     };
     return /* @__PURE__ */ e(
@@ -215,30 +217,30 @@ const K = o.forwardRef(
       {
         ref: d,
         className: p(
-          "flex flex-col justify-between items-stretch gap-2 p-4 border border-[#e7e7e7] rounded-xl bg-white",
+          "flex flex-col justify-between items-stretch gap-2 p-4 border border-stroke-hairline rounded-xl bg-canvas-elevated",
           a
         ),
         "data-component": "file-upload-item",
         "data-file-name": t.name,
         "data-file-size": t.size,
-        ...r,
+        ...o,
         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(C, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-xs font-bold text-content 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: x(t.size) })
+              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-content-muted leading-[16px]", children: x(t.size) })
             ] })
           ] }),
           !f && /* @__PURE__ */ m(U, { children: [
             /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
               "button",
               {
-                onClick: N,
-                className: "flex items-center justify-center text-[#60697d] hover:text-destructive transition-colors",
+                onClick: w,
+                className: "flex items-center justify-center text-content-tertiary hover:text-destructive transition-colors",
                 type: "button",
                 "aria-label": c("aria.removeFile"),
                 children: /* @__PURE__ */ e(L, { size: 14 })
@@ -251,26 +253,26 @@ const K = o.forwardRef(
     );
   }
 );
-K.displayName = "FileUploadItem";
-const q = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
+q.displayName = "FileUploadItem";
+const J = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
   "div",
   {
-    ref: r,
+    ref: o,
     className: p("flex items-center justify-end gap-4 mt-auto", a),
     ...l,
     children: t
   }
 ));
-q.displayName = "FileUploadFooter";
+J.displayName = "FileUploadFooter";
 export {
   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
+  $ as FileUploadClose,
+  E as FileUploadContent,
+  Z as FileUploadDescription,
+  G as FileUploadDropZone,
+  J as FileUploadFooter,
+  H as FileUploadHeader,
+  q as FileUploadItem,
+  K as FileUploadList,
+  P as FileUploadTitle
 };

package/dist/components/ui/filter-panel/filter-panel.d.ts

@@ -1,7 +1,7 @@
 import { FilterPanelHeaderProps, FilterPanelProps, FilterPanelSidebarProps, FilterPanelBodyProps, FilterPanelFooterProps } from '../types/filter-panel.types';
-declare const FilterPanelHeader: ({ title, children, className }: FilterPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterPanelHeader: ({ title, children, className, }: FilterPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
 declare const FilterPanel: ({ open, onOpenChange, title, children, header, sidebar, className, preventClose, }: FilterPanelProps) => import("react/jsx-runtime").JSX.Element;
 declare const FilterPanelSidebar: ({ items, activeTab, onTabChange, className, }: FilterPanelSidebarProps) => import("react/jsx-runtime").JSX.Element;
 declare const FilterPanelBody: ({ children, className }: FilterPanelBodyProps) => import("react/jsx-runtime").JSX.Element;
-declare const FilterPanelFooter: ({ children, className, leftAction }: FilterPanelFooterProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterPanelFooter: ({ children, className, leftAction, }: FilterPanelFooterProps) => import("react/jsx-runtime").JSX.Element;
 export { FilterPanel, FilterPanelHeader, FilterPanelSidebar, FilterPanelBody, FilterPanelFooter, };