impact-nova 1.1.1 → 1.1.2

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

@@ -1,60 +1,61 @@
-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(
+import { jsx as e, jsxs as f, Fragment as j } 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 { Tooltip as U, TooltipTrigger as C, TooltipContent as D } from "./tooltip.js";
+const z = o.createContext(
   void 0
-), D = () => {
-  const a = r.useContext(U);
+), R = () => {
+  const a = o.useContext(z);
   if (!a)
     throw new Error("useFileUpload must be used within a FileUpload component");
   return a;
-}, I = r.forwardRef(
+}, O = o.forwardRef(
   ({
     className: a,
     children: t,
     onFilesChange: l,
-    maxFiles: o = 1,
-    accept: h = [],
-    disabled: n = !1,
-    value: f = [],
-    ...d
-  }, b) => {
-    const [m, s] = r.useState(f);
-    r.useEffect(() => {
-      s(f);
-    }, [f]);
-    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);
+    maxFiles: r = 1,
+    accept: g = [],
+    disabled: d = !1,
+    value: m = [],
+    ...c
+  }, N) => {
+    const [u, i] = o.useState(m);
+    o.useEffect(() => {
+      i(m);
+    }, [m]);
+    const p = (x) => {
+      if (d) return;
+      let h = x;
+      g.length > 0 && (h = h.filter((b) => {
+        const y = b.name.split(".").pop()?.toLowerCase();
+        return y && g.includes(y);
       }));
-      const v = o - m.length;
-      if (v <= 0) return;
-      const w = x.slice(0, v);
+      const F = r - u.length;
+      if (F <= 0) return;
+      const w = h.slice(0, F);
       if (w.length > 0) {
-        const F = [...m, ...w];
-        s(F), l?.(F);
+        const b = [...u, ...w];
+        i(b), l?.(b);
       }
-    }, g = (u) => {
-      if (n) return;
-      const x = m.filter((v) => v !== u);
-      s(x), l?.(x);
+    }, v = (x) => {
+      if (d) return;
+      const h = u.filter((F) => F !== x);
+      i(h), l?.(h);
     };
     return /* @__PURE__ */ e(
-      U.Provider,
+      z.Provider,
       {
-        value: { files: m, addFiles: c, removeFile: g, maxFiles: o, accept: h, disabled: n },
+        value: { files: u, addFiles: p, removeFile: v, maxFiles: r, accept: g, disabled: d },
         children: /* @__PURE__ */ e(
           "div",
           {
-            ref: b,
-            className: p("w-full max-w-[550px]", a),
+            ref: N,
+            className: n("w-full max-w-[550px]", a),
             "data-component": "file-upload",
-            "data-disabled": n || void 0,
-            ...d,
+            "data-disabled": d || void 0,
+            ...c,
             children: t
           }
         )
@@ -62,12 +63,12 @@ const U = r.createContext(
     );
   }
 );
-I.displayName = "FileUpload";
-const L = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
+O.displayName = "FileUpload";
+const S = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "div",
   {
-    ref: o,
-    className: p(
+    ref: r,
+    className: n(
       "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
     ),
@@ -75,86 +76,101 @@ const L = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__
     children: t
   }
 ));
-L.displayName = "FileUploadContent";
-const M = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
+S.displayName = "FileUploadContent";
+const _ = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "div",
   {
-    ref: o,
-    className: p("flex justify-between items-center w-full", a),
+    ref: r,
+    className: n("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 = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
+_.displayName = "FileUploadHeader";
+const E = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "h3",
   {
-    ref: o,
-    className: p("text-base font-extrabold text-foreground leading-6", a),
+    ref: r,
+    className: n("text-base font-extrabold text-foreground leading-6", a),
     ...l,
     children: t
   }
 ));
-A.displayName = "FileUploadTitle";
-const O = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
+E.displayName = "FileUploadTitle";
+const H = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "p",
   {
-    ref: o,
-    className: p("text-sm font-medium text-[#7a8294] leading-5", a),
+    ref: r,
+    className: n("text-sm font-medium text-[#7a8294] leading-5", a),
     ...l,
     children: t
   }
 ));
-O.displayName = "FileUploadDescription";
-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)
+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)
       return null;
-    const u = (i) => {
-      i.preventDefault(), d || c(!0);
-    }, x = (i) => {
-      i.preventDefault(), c(!1);
-    }, v = (i) => {
-      i.preventDefault(), c(!1), !d && i.dataTransfer.files?.length && n(Array.from(i.dataTransfer.files));
+    const x = (s) => {
+      s.preventDefault(), c || p(!0);
+    }, h = (s) => {
+      s.preventDefault(), p(!1);
+    }, F = (s) => {
+      s.preventDefault(), p(!1), !c && s.dataTransfer.files?.length && d(Array.from(s.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(
+      c || v.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(
       "div",
       {
-        ref: h,
+        ref: g,
         onClick: w,
-        onDragOver: u,
-        onDragLeave: x,
-        onDrop: v,
-        className: p(
+        onDragOver: x,
+        onDragLeave: h,
+        onDrop: F,
+        className: n(
           "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",
-          s && "border-primary bg-primary/5",
-          d && "opacity-50 cursor-not-allowed",
+          i && "border-primary bg-primary/5",
+          c && "opacity-50 cursor-not-allowed",
           a
         ),
         "data-component": "file-upload-dropzone",
-        "data-state": s ? "drag-over" : "idle",
-        ...o,
+        "data-state": i ? "drag-over" : "idle",
+        ...r,
         children: [
           /* @__PURE__ */ e(
             "input",
             {
-              ref: g,
+              ref: v,
               type: "file",
               multiple: !0,
               className: "hidden",
               accept: y,
-              onChange: F,
-              disabled: d
+              onChange: b,
+              disabled: c
             }
           ),
-          /* @__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: t || /* @__PURE__ */ N(z, { children: [
+          /* @__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: [
               "Drag your files here or",
               " ",
               /* @__PURE__ */ e("span", { className: "text-primary font-bold hover:underline", children: "Choose File" })
@@ -166,83 +182,91 @@ const S = r.forwardRef(
     );
   }
 );
-S.displayName = "FileUploadDropZone";
-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 = 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()) {
+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) => {
+      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) => {
+      switch (i.split(".").pop()?.toLowerCase()) {
         case "xls":
         case "xlsx":
-          return /* @__PURE__ */ e(B, { size: 36 });
+          return /* @__PURE__ */ e(A, { size: 36 });
         case "csv":
-          return /* @__PURE__ */ e(T, { size: 36 });
+          return /* @__PURE__ */ e(M, { size: 36 });
         case "txt":
-          return /* @__PURE__ */ e(k, { size: 36 });
+          return /* @__PURE__ */ e(L, { size: 36 });
         default:
-          return /* @__PURE__ */ e(j, { size: 36, className: "text-gray-400" });
+          return /* @__PURE__ */ e(I, { size: 36, className: "text-gray-400" });
       }
     };
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: h,
-        className: p(
+        ref: g,
+        className: n(
           "flex flex-col justify-between items-stretch gap-2 p-4 border border-[#e7e7e7] rounded-xl bg-white",
           a
         ),
         "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(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: t.name }),
-              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-[#6d6d6d] leading-[16px]", children: b(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: [
+                /* @__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) })
             ] })
           ] }),
-          !f && /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: d,
-              className: "flex items-center justify-center text-[#60697d] hover:text-destructive transition-colors",
-              type: "button",
-              children: /* @__PURE__ */ e(R, { size: 14 })
-            }
-          )
+          !m && /* @__PURE__ */ f(U, { children: [
+            /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: c,
+                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 })
+              }
+            ) }),
+            /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: "Remove file" })
+          ] })
         ] })
       }
     );
   }
 );
-E.displayName = "FileUploadItem";
-const H = r.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
+G.displayName = "FileUploadItem";
+const K = o.forwardRef(({ className: a, children: t, ...l }, r) => /* @__PURE__ */ e(
   "div",
   {
-    ref: o,
-    className: p("flex items-center justify-end gap-4 mt-auto", a),
+    ref: r,
+    className: n("flex items-center justify-end gap-4 mt-auto", a),
     ...l,
     children: t
   }
 ));
-H.displayName = "FileUploadFooter";
+K.displayName = "FileUploadFooter";
 export {
-  I as FileUpload,
-  L as FileUploadContent,
-  O as FileUploadDescription,
-  S as FileUploadDropZone,
-  H as FileUploadFooter,
-  M as FileUploadHeader,
-  E as FileUploadItem,
-  _ as FileUploadList,
-  A as FileUploadTitle
+  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
 };

package/dist/components/ui/filter-panel/filter-panel.js

@@ -1,104 +1,123 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import m from "react";
-import { Sheet as x, SheetContent as p, SheetDescription as u, SheetTitle as b, SheetClose as g } from "../sheet.js";
-import { cn as i } from "../../../lib/utils.js";
-import { MultiColorFilter as v, Cross as w, Info as d } from "../../../icons/index.js";
-import { Button as N } from "../button.js";
-const y = ({ title: l, children: a, className: n }) => /* @__PURE__ */ r("div", { "data-component": "filter-panel-header", className: i("flex  shrink-0 flex-row items-center justify-between border-b px-4 py-3 bg-white", n), children: [
-  /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e("div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ e(v, { className: "h-5 w-5" }) }),
-    /* @__PURE__ */ e(b, { className: "text-lg font-bold text-[#1f2b4d]", children: l })
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import u from "react";
+import { Sheet as b, SheetContent as v, SheetDescription as g, SheetTitle as w, SheetClose as y } from "../sheet.js";
+import { cn as n } from "../../../lib/utils.js";
+import { MultiColorFilter as N, Cross as C, Info as p } from "../../../icons/index.js";
+import { Button as F } from "../button.js";
+import { Tooltip as c, TooltipTrigger as o, TooltipContent as d } from "../tooltip.js";
+const j = ({ title: a, children: l, className: i }) => /* @__PURE__ */ t("div", { "data-component": "filter-panel-header", className: n("flex  shrink-0 flex-row items-center justify-between border-b px-4 py-3 bg-white", i), children: [
+  /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e("div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ e(N, { className: "h-5 w-5" }) }),
+    /* @__PURE__ */ e(w, { className: "text-lg font-bold text-[#1f2b4d]", children: a })
   ] }),
-  /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-    a,
-    /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(N, { variant: "secondary", size: "icon", "aria-label": "Close", "data-component": "filter-panel-close", children: /* @__PURE__ */ e(w, { className: "h-3 w-3" }) }) })
+  /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+    l,
+    /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ e(F, { variant: "secondary", size: "icon", "aria-label": "Close", "data-component": "filter-panel-close", children: /* @__PURE__ */ e(C, { className: "h-3 w-3" }) }) })
   ] })
-] }), D = ({
-  open: l,
-  onOpenChange: a,
-  title: n = "Filter panel",
-  children: c,
-  header: t,
+] }), E = ({
+  open: a,
+  onOpenChange: l,
+  title: i = "Filter panel",
+  children: h,
+  header: r,
   sidebar: s,
-  className: h,
-  preventClose: f = !1
-}) => /* @__PURE__ */ e(x, { open: l, onOpenChange: a, children: /* @__PURE__ */ r(
-  p,
+  className: x,
+  preventClose: m = !1
+}) => /* @__PURE__ */ e(b, { open: a, onOpenChange: l, children: /* @__PURE__ */ t(
+  v,
   {
     side: "right",
-    className: i(
+    className: n(
       "w-full !max-w-[840px] p-0 sm:!max-w-[840px] gap-0 border-l shadow-xl transition-all duration-300 ease-in-out bg-white",
-      h
+      x
     ),
-    onInteractOutside: (o) => {
-      f && o.preventDefault();
+    onInteractOutside: (f) => {
+      m && f.preventDefault();
     },
-    onEscapeKeyDown: (o) => {
-      f && o.preventDefault();
+    onEscapeKeyDown: (f) => {
+      m && f.preventDefault();
     },
     children: [
-      /* @__PURE__ */ e(u, { className: "sr-only", children: "Select filters to apply to the current view." }),
-      /* @__PURE__ */ r("div", { className: "flex h-full flex-col bg-white", children: [
-        t || /* @__PURE__ */ e(y, { title: n }),
-        /* @__PURE__ */ r("div", { className: "flex flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ e(g, { className: "sr-only", children: "Select filters to apply to the current view." }),
+      /* @__PURE__ */ t("div", { className: "flex h-full flex-col bg-white", children: [
+        r || /* @__PURE__ */ e(j, { title: i }),
+        /* @__PURE__ */ t("div", { className: "flex flex-1 overflow-hidden", children: [
           s,
-          /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: c })
+          /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: h })
         ] })
       ] })
     ]
   }
-) }), I = ({
-  items: l,
-  activeTab: a,
-  onTabChange: n,
-  className: c
-}) => /* @__PURE__ */ e("div", { "data-component": "filter-panel-sidebar", className: i("flex w-[200px] shrink-0 flex-col border-r bg-sidebar-light", c), children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: l.map((t) => {
-  const s = a === t.id;
-  return /* @__PURE__ */ r(m.Fragment, { children: [
-    t.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-gray-200" }),
-    /* @__PURE__ */ r(
+) }), M = ({
+  items: a,
+  activeTab: l,
+  onTabChange: i,
+  className: h
+}) => /* @__PURE__ */ e("div", { "data-component": "filter-panel-sidebar", className: n("flex w-[200px] shrink-0 flex-col border-r bg-sidebar-light", h), children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col py-2 gap-1 overflow-y-auto", children: a.map((r) => {
+  const s = l === r.id;
+  return /* @__PURE__ */ t(u.Fragment, { children: [
+    r.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-gray-200" }),
+    /* @__PURE__ */ t(
       "button",
       {
-        onClick: () => n(t.id),
+        onClick: () => i(r.id),
         "data-component": "filter-panel-sidebar-item",
         "data-active": s ? "true" : "false",
-        "data-tab": t.id,
-        className: i(
+        "data-tab": r.id,
+        className: n(
           "group flex items-center justify-between px-3 py-[6px] mx-2 rounded-lg text-left text-sm font-medium transition-colors",
           s ? "bg-active-blue text-primary" : "text-text-secondary hover:bg-active-blue"
         ),
         children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-            /* @__PURE__ */ e("span", { className: i(
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+            /* @__PURE__ */ e("span", { className: n(
               "shrink-0",
               s ? "text-primary" : "text-text-secondary"
-            ), children: t.icon }),
-            /* @__PURE__ */ r("div", { className: "flex items-center gap-1 min-w-0", children: [
-              /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: t.label }),
-              t.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-error", children: "*" })
+            ), children: r.icon }),
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-1 min-w-0", children: [
+              /* @__PURE__ */ t(c, { children: [
+                /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: r.label }) }),
+                /* @__PURE__ */ e(d, { variant: "tertiary", side: "right", children: r.label })
+              ] }),
+              r.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-error", children: "*" })
             ] })
           ] }),
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
-            t.count !== void 0 && t.count > 0 && /* @__PURE__ */ e("span", { className: i(
-              "flex h-5 items-center justify-center rounded-full px-2 text-[11px]",
-              s ? "bg-white text-[#4259ee] border border-gray-100" : "bg-white border border-gray-100"
-            ), children: t.count }),
-            t.hasError && /* @__PURE__ */ e(d, { className: "h-4 w-4 text-destructive" }),
-            t.hasWarning && /* @__PURE__ */ e(d, { className: "h-4 w-4 text-warning" }),
-            t.hasInfo && /* @__PURE__ */ e(d, { className: "h-4 w-4 text-icon-gray" })
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
+            r.count !== void 0 && r.count > 0 && /* @__PURE__ */ t(c, { children: [
+              /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e("span", { className: n(
+                "flex h-5 items-center justify-center rounded-full px-2 text-[11px]",
+                s ? "bg-white text-[#4259ee] border border-gray-100" : "bg-white border border-gray-100"
+              ), children: r.count }) }),
+              /* @__PURE__ */ t(d, { variant: "tertiary", side: "top", children: [
+                r.count,
+                " filters applied"
+              ] })
+            ] }),
+            r.hasError && /* @__PURE__ */ t(c, { children: [
+              /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(p, { className: "h-4 w-4 text-error" }) }),
+              /* @__PURE__ */ e(d, { variant: "tertiary", children: "This tab contains errors" })
+            ] }),
+            r.hasWarning && /* @__PURE__ */ t(c, { children: [
+              /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(p, { className: "h-4 w-4 text-warning" }) }),
+              /* @__PURE__ */ e(d, { variant: "tertiary", children: "This tab has warnings" })
+            ] }),
+            r.hasInfo && /* @__PURE__ */ t(c, { children: [
+              /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(p, { className: "h-4 w-4 text-icon-gray" }) }),
+              /* @__PURE__ */ e(d, { variant: "tertiary", children: "Additional information available" })
+            ] })
           ] })
         ]
       }
     )
-  ] }, t.id);
-}) }) }), B = ({ children: l, className: a }) => /* @__PURE__ */ e("div", { "data-component": "filter-panel-body", className: i("flex flex-1 flex-col overflow-auto bg-white p-4", a), children: l }), E = ({ children: l, className: a, leftAction: n }) => /* @__PURE__ */ r("div", { "data-component": "filter-panel-footer", className: i("flex items-center justify-between border-t bg-white px-4 py-3 shrink-0", a), children: [
-  /* @__PURE__ */ e("div", { children: n && n }),
-  /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: l })
+  ] }, r.id);
+}) }) }), R = ({ children: a, className: l }) => /* @__PURE__ */ e("div", { "data-component": "filter-panel-body", className: n("flex flex-1 flex-col overflow-auto bg-white p-4", l), children: a }), _ = ({ children: a, className: l, leftAction: i }) => /* @__PURE__ */ t("div", { "data-component": "filter-panel-footer", className: n("flex items-center justify-between border-t bg-white px-4 py-3 shrink-0", l), children: [
+  /* @__PURE__ */ e("div", { children: i && i }),
+  /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: a })
 ] });
 export {
-  D as FilterPanel,
-  B as FilterPanelBody,
-  E as FilterPanelFooter,
-  y as FilterPanelHeader,
-  I as FilterPanelSidebar
+  E as FilterPanel,
+  R as FilterPanelBody,
+  _ as FilterPanelFooter,
+  j as FilterPanelHeader,
+  M as FilterPanelSidebar
 };