impact-nova 1.2.3 → 1.3.0

package/dist/components/ui/ag-grid-react/headers/column-menu/column-settings-menu.js

@@ -1,37 +1,38 @@
-import { jsxs as t, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { jsxs as n, jsx as e, Fragment as j } from "react/jsx-runtime";
 import "react";
-import { Settings as F, Checkmark as d, Search as T } from "../../../../../icons/index.js";
-import { DropdownMenu as L, DropdownMenuTrigger as _, DropdownMenuContent as E, DropdownMenuLabel as k, DropdownMenuSeparator as z, DropdownMenuSub as m, DropdownMenuSubTrigger as p, DropdownMenuSubContent as f, DropdownMenuItem as s } from "../../../dropdown-menu.js";
-const H = ({
+import { Settings as T, Checkmark as d, Search as L } from "../../../../../icons/index.js";
+import { DropdownMenu as _, DropdownMenuTrigger as E, DropdownMenuContent as G, DropdownMenuLabel as k, DropdownMenuSeparator as z, DropdownMenuSub as m, DropdownMenuSubTrigger as p, DropdownMenuSubContent as f, DropdownMenuItem as s } from "../../../dropdown-menu.js";
+import { useGridHeader as H } from "../context/grid-header-context.js";
+const K = ({
   isOpen: O,
-  onClose: i,
-  columnId: a,
+  onClose: a,
+  columnId: i,
   gridApi: r,
-  anchor: v
+  anchor: A
 }) => {
-  const o = r.getColumn(a);
+  const S = H(), o = r.getColumn(i);
   if (!o) return null;
-  const l = o.getColDef(), C = o.getSort(), S = o.getPinned(), M = l?.sortable !== !1, x = l?.filter || "agTextColumnFilter", g = x === "agNumberColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("numericColumn") : l?.type === "numericColumn"), w = x === "agDateColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("dateColumn") : l?.type === "dateColumn"), h = (n) => {
+  const l = o.getColDef(), C = o.getSort(), g = o.getPinned(), M = l?.sortable !== !1, x = l?.filter || "agTextColumnFilter", w = x === "agNumberColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("numericColumn") : l?.type === "numericColumn"), D = x === "agDateColumnFilter" || (Array.isArray(l?.type) ? l.type.includes("dateColumn") : l?.type === "dateColumn"), h = (t) => {
     r.applyColumnState({
-      state: [{ colId: a, sort: n }],
+      state: [{ colId: i, sort: t }],
       defaultState: { sort: null }
-    }), i();
-  }, u = (n) => {
+    }), a();
+  }, u = (t) => {
     r.applyColumnState({
-      state: [{ colId: a, pinned: n }],
+      state: [{ colId: i, pinned: t }],
       defaultState: { pinned: null }
-    }), i();
-  }, D = (n) => {
-    n ? r.autoSizeAllColumns() : r.autoSizeColumns([a]), i();
+    }), a();
+  }, b = (t) => {
+    t ? r.autoSizeAllColumns() : r.autoSizeColumns([i]), a();
   }, P = () => {
-    const n = r.getGridOption("context") || {};
-    r.setGridOption("context", { ...n, activeSearchColumnId: a }), r.refreshHeader(), i();
-  }, A = () => {
-    const n = l?.headerComponentParams;
-    n?.onAdvanceSearchClick ? n.onAdvanceSearchClick(o) : r.getGridOption("context"), i();
-  }, c = v?.getBoundingClientRect(), b = l?.headerComponentParams, y = b?.isSearchable, N = b?.advanceSearchEnabled;
-  return /* @__PURE__ */ t(L, { open: O, onOpenChange: (n) => !n && i(), children: [
-    c && /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e(
+    const t = r.getGridOption("context") || {};
+    r.setGridOption("context", { ...t, activeSearchColumnId: i }), r.refreshHeader(), a();
+  }, F = () => {
+    const t = l?.headerComponentParams;
+    t?.onAdvanceSearchClick ? t.onAdvanceSearchClick(o) : t?.toggleAdvanceSearch ? t.toggleAdvanceSearch(i) : S && S.openAdvancedFilter(i), a();
+  }, c = A?.getBoundingClientRect(), y = l?.headerComponentParams, N = y?.isSearchable, v = y?.advanceSearchEnabled;
+  return /* @__PURE__ */ n(_, { open: O, onOpenChange: (t) => !t && a(), children: [
+    c && /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
       "div",
       {
         style: {
@@ -46,62 +47,62 @@ const H = ({
       }
     ) }),
     /* @__PURE__ */ e(
-      E,
+      G,
       {
         align: "end",
         side: "bottom",
         sideOffset: 5,
         className: "w-[200px] p-2 rounded-[8px] border-none !shadow-[0px_0px_2px_0px_rgba(0,0,0,0.25)]",
-        onCloseAutoFocus: (n) => n.preventDefault(),
-        children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ t(k, { className: "flex items-center gap-2 text-[#60697D]", children: [
-            /* @__PURE__ */ e(F, { size: "xs" }),
+        onCloseAutoFocus: (t) => t.preventDefault(),
+        children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ n(k, { className: "flex items-center gap-2 text-[#60697D]", children: [
+            /* @__PURE__ */ e(T, { size: "xs" }),
             " Column Settings"
           ] }),
           /* @__PURE__ */ e(z, {}),
-          M && /* @__PURE__ */ t(m, { children: [
+          M && /* @__PURE__ */ n(m, { children: [
             /* @__PURE__ */ e(p, { inset: !0, children: "Sort" }),
-            /* @__PURE__ */ t(f, { sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(s, { onClick: () => h("asc"), children: /* @__PURE__ */ t("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: g ? "Sort Smallest to Largest" : w ? "Sort Oldest to Newest" : "Sort A to Z" }),
+            /* @__PURE__ */ n(f, { sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(s, { onClick: () => h("asc"), children: /* @__PURE__ */ n("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: w ? "Sort Smallest to Largest" : D ? "Sort Oldest to Newest" : "Sort A to Z" }),
                 C === "asc" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
-              /* @__PURE__ */ e(s, { onClick: () => h("desc"), children: /* @__PURE__ */ t("span", { className: "flex items-center w-full justify-between", children: [
-                /* @__PURE__ */ e("span", { children: g ? "Sort Largest to Smallest" : w ? "Sort Newest to Oldest" : "Sort Z to A" }),
+              /* @__PURE__ */ e(s, { onClick: () => h("desc"), children: /* @__PURE__ */ n("span", { className: "flex items-center w-full justify-between", children: [
+                /* @__PURE__ */ e("span", { children: w ? "Sort Largest to Smallest" : D ? "Sort Newest to Oldest" : "Sort Z to A" }),
                 C === "desc" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
               /* @__PURE__ */ e(s, { onClick: () => h(null), children: /* @__PURE__ */ e("span", { children: "Reset" }) })
             ] })
           ] }),
-          /* @__PURE__ */ t(m, { children: [
+          /* @__PURE__ */ n(m, { children: [
             /* @__PURE__ */ e(p, { inset: !0, children: "Freeze Column" }),
-            /* @__PURE__ */ t(f, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(s, { onClick: () => u("left"), children: /* @__PURE__ */ t("span", { className: "flex items-center w-full justify-between", children: [
+            /* @__PURE__ */ n(f, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(s, { onClick: () => u("left"), children: /* @__PURE__ */ n("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: "Pin Left" }),
-                S === "left" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
+                g === "left" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
-              /* @__PURE__ */ e(s, { onClick: () => u("right"), children: /* @__PURE__ */ t("span", { className: "flex items-center w-full justify-between", children: [
+              /* @__PURE__ */ e(s, { onClick: () => u("right"), children: /* @__PURE__ */ n("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: "Pin Right" }),
-                S === "right" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
+                g === "right" && /* @__PURE__ */ e(d, { size: "sm", className: "ml-2 text-[#60697D]" })
               ] }) }),
               /* @__PURE__ */ e(s, { onClick: () => u(null), children: /* @__PURE__ */ e("span", { children: "No Pin" }) })
             ] })
           ] }),
-          /* @__PURE__ */ t(m, { children: [
+          /* @__PURE__ */ n(m, { children: [
             /* @__PURE__ */ e(p, { inset: !0, children: "Column width" }),
-            /* @__PURE__ */ t(f, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(s, { onClick: () => D(!1), children: "Autosize This Column" }),
-              /* @__PURE__ */ e(s, { onClick: () => D(!0), children: "Autosize All Columns" })
+            /* @__PURE__ */ n(f, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
+              /* @__PURE__ */ e(s, { onClick: () => b(!1), children: "Autosize This Column" }),
+              /* @__PURE__ */ e(s, { onClick: () => b(!0), children: "Autosize All Columns" })
             ] })
           ] }),
-          (y || N) && /* @__PURE__ */ t(j, { children: [
+          (N || v) && /* @__PURE__ */ n(j, { children: [
             /* @__PURE__ */ e(z, {}),
-            /* @__PURE__ */ t(k, { className: "flex items-center gap-2 text-[#60697D]", children: [
-              /* @__PURE__ */ e(T, { size: "xs" }),
+            /* @__PURE__ */ n(k, { className: "flex items-center gap-2 text-[#60697D]", children: [
+              /* @__PURE__ */ e(L, { size: "xs" }),
               " Search Options"
             ] }),
-            y && /* @__PURE__ */ e(s, { inset: !0, onClick: P, children: "Search" }),
-            N && /* @__PURE__ */ e(s, { inset: !0, onClick: A, children: "Advance Search" })
+            N && /* @__PURE__ */ e(s, { inset: !0, onClick: P, children: "Search" }),
+            v && /* @__PURE__ */ e(s, { inset: !0, onClick: F, children: "Advance Search" })
           ] })
         ] })
       }
@@ -109,5 +110,5 @@ const H = ({
   ] });
 };
 export {
-  H as ColumnSettingsMenu
+  K as ColumnSettingsMenu
 };

package/dist/components/ui/ag-grid-react/headers/custom-header.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as a, Fragment as U } from "react/jsx-runtime";
+import { jsx as e, jsxs as h, Fragment as A } from "react/jsx-runtime";
 import { useState as M, useEffect as K } from "react";
-import { cn as m } from "../../../../lib/utils.js";
+import { cn as f } from "../../../../lib/utils.js";
 import { useGridHeader as q } from "./context/grid-header-context.js";
 import { HeaderInfo as J } from "./components/header-info.js";
 import { Checkbox as Q } from "../../checkbox.js";
 import { HeaderSearchInput as W } from "./header-search-input.js";
-const X = () => /* @__PURE__ */ a(U, { children: [
-  /* @__PURE__ */ e("span", { className: "sort-asc-icon inline-flex transition-colors text-[#60697D] hover:text-[#3649C6]", children: /* @__PURE__ */ a(
+const X = () => /* @__PURE__ */ h(A, { children: [
+  /* @__PURE__ */ e("span", { className: "sort-asc-icon inline-flex transition-colors text-[#60697D] hover:text-[#3649C6]", children: /* @__PURE__ */ h(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -21,7 +21,7 @@ const X = () => /* @__PURE__ */ a(U, { children: [
       ]
     }
   ) }),
-  /* @__PURE__ */ e("span", { className: "sort-desc-icon inline-flex transition-colors text-[#60697D] hover:text-[#3649C6]", children: /* @__PURE__ */ a(
+  /* @__PURE__ */ e("span", { className: "sort-desc-icon inline-flex transition-colors text-[#60697D] hover:text-[#3649C6]", children: /* @__PURE__ */ h(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -48,71 +48,75 @@ const X = () => /* @__PURE__ */ a(U, { children: [
       children: /* @__PURE__ */ e("path", { d: "M7.85714 10.8967V5.44444H6.42857V10.8967H4.28571L7.14286 14L10 10.8967H7.85714ZM2.85714 0L0 3.10333H2.14286V8.55556H3.57143V3.10333H5.71429L2.85714 0ZM7.85714 10.8967V5.44444H6.42857V10.8967H4.28571L7.14286 14L10 10.8967H7.85714ZM2.85714 0L0 3.10333H2.14286V8.55556H3.57143V3.10333H5.71429L2.85714 0Z", fill: "currentColor" })
     }
   ) })
-] }), Y = ({ api: t }) => {
-  const [g, f] = M(!1), [b, w] = M(!1);
-  return K(() => {
-    if (!t) return;
-    const l = t.getGridOption?.("rowModelType") === "serverSide", x = () => {
-      let n = !1, i = !1;
-      if (l) {
-        const u = t.getServerSideSelectionState?.();
-        if (u) {
-          const { selectAll: s, toggledNodes: S } = u, p = S && S.length > 0;
-          s && !p ? (n = !0, i = !1) : s && p || !s && p ? (n = !1, i = !0) : (n = !1, i = !1);
+] }), Y = ({ api: r }) => {
+  const [t, C] = M(!1), [k, x] = M(!1);
+  K(() => {
+    if (!r) return;
+    const n = r.getGridOption?.("rowModelType") === "serverSide", w = () => {
+      let i = !1, s = !1;
+      if (n) {
+        const m = r.getServerSideSelectionState?.();
+        if (m) {
+          const { selectAll: a, toggledNodes: S } = m, p = S && S.length > 0;
+          a && !p ? (i = !0, s = !1) : a && p || !a && p ? (i = !1, s = !0) : (i = !1, s = !1);
         }
       } else {
-        const u = t.getSelectedRows().length, s = t.getDisplayedRowCount();
-        u === 0 ? (n = !1, i = !1) : u === s && s > 0 ? (n = !0, i = !1) : (n = !1, i = !0);
+        const m = r.getSelectedRows().length, a = r.getDisplayedRowCount();
+        m === 0 ? (i = !1, s = !1) : m === a && a > 0 ? (i = !0, s = !1) : (i = !1, s = !0);
       }
-      f(n), w(i);
+      C(i), x(s);
     };
-    x();
-    const h = () => {
-      x();
+    w();
+    const u = () => {
+      w();
     };
-    return t.addEventListener("selectionChanged", h), t.addEventListener("modelUpdated", h), () => {
-      t.removeEventListener("selectionChanged", h), t.removeEventListener("modelUpdated", h);
+    return r.addEventListener("selectionChanged", u), r.addEventListener("modelUpdated", u), () => {
+      r.removeEventListener("selectionChanged", u), r.removeEventListener("modelUpdated", u);
     };
-  }, [t]), /* @__PURE__ */ e(
+  }, [r]);
+  const c = (n) => {
+    n === !0 ? r.selectAll() : r.deselectAll();
+  };
+  return /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
     Q,
     {
-      checked: b ? "indeterminate" : g,
-      onCheckedChange: (l) => {
-        l === !0 ? t.selectAll() : t.deselectAll();
+      checked: k ? "indeterminate" : t,
+      onCheckedChange: (n) => {
+        c(n);
       },
       "aria-label": "Toggle Selection",
-      className: "mr-0"
+      className: "m-0"
     }
-  );
-}, se = (t) => {
+  ) });
+}, se = (r) => {
   const {
-    displayName: g,
-    enableSorting: f,
-    enableMenu: b,
-    progressSort: w,
-    column: d,
-    api: l,
-    handleInlineSearch: x,
-    handleClearSearchInline: h,
-    onColumnSearchClick: n,
-    onAdvanceSearchClick: i,
-    toggleAdvanceSearch: u,
-    isSearchable: s = !1,
+    displayName: t,
+    enableSorting: C,
+    enableMenu: k,
+    progressSort: x,
+    column: c,
+    api: n,
+    handleInlineSearch: w,
+    handleClearSearchInline: u,
+    onColumnSearchClick: i,
+    onAdvanceSearchClick: s,
+    toggleAdvanceSearch: m,
+    isSearchable: a = !1,
     advanceSearchEnabled: S = !1,
     // Select params
     selectOptions: p,
-    isMultiSelect: A,
-    onSelectScrollToBottom: D,
-    onSelectSearchChange: F,
-    onSelectOpen: T,
-    isLoadingSelect: V,
+    isMultiSelect: D,
+    onSelectScrollToBottom: F,
+    onSelectSearchChange: T,
+    onSelectOpen: V,
+    isLoadingSelect: P,
     // Pattern parsing options
-    enableSpaceSplitting: P,
-    enableBooleanParsing: _,
-    enableDateParsing: Z
-  } = t, c = q(), o = d.getColDef(), C = d.getColId(), H = d.isFilterActive(), B = d.getSort(), N = d.getSortIndex(), E = !!B, R = N != null && (N > 0 || l.getColumnState().filter((r) => r.sort).length > 1), O = E && R, k = o?.filter || "agTextColumnFilter", v = k === "agNumberColumnFilter" || (Array.isArray(o?.type) ? o.type.some((r) => r === "number" || r === "numericColumn") : o?.type === "number" || o?.type === "numericColumn");
-  k === "agDateColumnFilter" || (Array.isArray(o?.type) ? o.type.includes("dateColumn") : o?.type);
-  const y = l.getGridOption("context")?.activeSearchColumnId === C, I = ![
+    enableSpaceSplitting: _,
+    enableBooleanParsing: Z,
+    enableDateParsing: B
+  } = r, d = q(), o = c.getColDef(), g = c.getColId(), N = c.isFilterActive(), E = c.getSort(), b = c.getSortIndex(), R = !!E, j = b != null && (b > 0 || n.getColumnState().filter((l) => l.sort).length > 1), O = R && j, H = o?.filter || "agTextColumnFilter", v = H === "agNumberColumnFilter" || (Array.isArray(o?.type) ? o.type.some((l) => l === "number" || l === "numericColumn") : o?.type === "number" || o?.type === "numericColumn");
+  H === "agDateColumnFilter" || (Array.isArray(o?.type) ? o.type.includes("dateColumn") : o?.type);
+  const y = n.getGridOption("context")?.activeSearchColumnId === g, I = ![
     "agTextColumnFilter",
     "agNumberColumnFilter",
     "agDateColumnFilter",
@@ -122,121 +126,132 @@ const X = () => /* @__PURE__ */ a(U, { children: [
     // Defaults to text/set
     void 0
     // Defaults to text
-  ].includes(o?.filter), L = (r) => {
-    r.stopPropagation(), f && w && w(r.shiftKey);
-  }, j = (r) => {
-    if (r.stopPropagation(), n && n(t), I) {
-      l.showColumnFilter ? l.showColumnFilter(C) : l.showColumnMenu(C);
+  ].includes(o?.filter), L = (l) => {
+    l.stopPropagation(), C && x && x(l.shiftKey);
+  }, z = (l) => {
+    if (l.stopPropagation(), i && i(r), I) {
+      n.showColumnFilter ? n.showColumnFilter(g) : n.showColumnMenu(g);
       return;
     }
-    c && (y ? c.closeSearch() : c.openSearch(C));
-  }, z = (r) => /* @__PURE__ */ e("span", { onClick: (G) => G.stopPropagation(), children: /* @__PURE__ */ e(
+    d && (y ? d.closeSearch() : d.openSearch(g));
+  }, G = (l) => /* @__PURE__ */ e("span", { onClick: (U) => U.stopPropagation(), children: /* @__PURE__ */ e(
     J,
     {
-      ...t,
-      className: r
+      ...r,
+      className: l
     }
   ) });
-  return y && c && !I ? /* @__PURE__ */ e(
+  return y && d && !I ? /* @__PURE__ */ e(
     W,
     {
-      column: d,
-      api: l,
-      onClose: () => c.closeSearch(),
-      handleInlineSearch: x,
-      handleClearSearchInline: h ? () => h(t) : void 0,
-      onAdvanceSearchClick: i,
-      toggleAdvanceSearch: u,
+      column: c,
+      api: n,
+      onClose: () => d.closeSearch(),
+      handleInlineSearch: w,
+      handleClearSearchInline: u ? () => u(r) : void 0,
+      onAdvanceSearchClick: s,
+      toggleAdvanceSearch: m,
       advanceSearchEnabled: S,
       selectOptions: p,
-      isMultiSelect: A,
-      onSelectScrollToBottom: D,
-      onSelectSearchChange: F,
-      onSelectOpen: T,
-      isLoadingSelect: V,
-      enableSpaceSplitting: P,
-      enableBooleanParsing: _,
-      enableDateParsing: Z
+      isMultiSelect: D,
+      onSelectScrollToBottom: F,
+      onSelectSearchChange: T,
+      onSelectOpen: V,
+      isLoadingSelect: P,
+      enableSpaceSplitting: _,
+      enableBooleanParsing: Z,
+      enableDateParsing: B
     }
-  ) : /* @__PURE__ */ a("div", { className: m(
-    "ag-header-cell-label flex items-center w-full group min-w-0",
-    v ? "flex-row-reverse" : "flex-row"
-  ), children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: m(
-          "ag-header-cell-text flex-1 relative group flex items-center min-w-0 overflow-hidden h-full",
-          v ? "flex-row-reverse" : "flex-row",
-          f ? "sortable cursor-pointer" : ""
-        ),
-        onClick: f ? L : void 0,
-        children: /* @__PURE__ */ a("div", { className: m(
-          "flex items-center min-w-0",
-          v ? "flex-row-reverse" : "flex-row",
-          // If it's a checkbox-only header (no display name), center it and ensure it's not clipped
-          o?.headerCheckboxSelection && !g ? "justify-center pl-0 pr-0" : "gap-1"
-        ), children: [
-          o?.headerCheckboxSelection && /* @__PURE__ */ e(Y, { api: l }),
-          /* @__PURE__ */ e("span", { className: "block truncate", children: g !== "Selection" && g }),
-          z(m(
-            "text-[#60697D] hover:text-[#3649C6] transition-colors",
-            v ? "mr-1" : "ml-1"
-          ))
-        ] })
-      }
-    ),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: m(
-          "flex items-center shrink-0 group gap-1",
-          v ? "flex-row-reverse" : "flex-row"
+  ) : /* @__PURE__ */ h(
+    "div",
+    {
+      className: f(
+        "ag-header-cell-label flex items-center w-full group min-w-0 h-full",
+        v ? "flex-row-reverse" : "flex-row",
+        // Center the content area if it's a selection column
+        o?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center" : ""
+      ),
+      "data-selection-column": o?.headerCheckboxSelection && (!t || t.trim() === "") ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: f(
+              "ag-header-cell-text relative group flex items-center min-w-0 h-full",
+              // Remove flex-1 if we are centering via parent's justify-center
+              !(o?.headerCheckboxSelection && (!t || t.trim() === "")) && "flex-1",
+              v ? "flex-row-reverse" : "flex-row",
+              C ? "sortable cursor-pointer" : ""
+            ),
+            onClick: C ? L : void 0,
+            children: /* @__PURE__ */ h("div", { className: f(
+              "flex items-center min-w-0 h-full",
+              v ? "flex-row-reverse" : "flex-row",
+              // If it's a checkbox-only header, ensure it shrinks to content for centering
+              o?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center" : "gap-1 flex-1"
+            ), children: [
+              o?.headerCheckboxSelection && /* @__PURE__ */ e(Y, { api: n }),
+              t && t.trim() !== "" && /* @__PURE__ */ e("span", { className: "block truncate", children: t !== "Selection" && t }),
+              t && t.trim() !== "" && G(f(
+                "text-[#60697D] hover:text-[#3649C6] transition-colors",
+                v ? "mr-1" : "ml-1"
+              ))
+            ] })
+          }
         ),
-        children: [
-          f && /* @__PURE__ */ a(
-            "div",
-            {
-              className: "ag-sort-indicator-container cursor-pointer flex items-center",
-              onClick: L,
-              children: [
-                O && /* @__PURE__ */ e("span", { className: "ag-sort-order text-[10px] font-bold text-[#60697D] mr-0.5", children: N + 1 }),
-                /* @__PURE__ */ e("span", { className: "ag-sort-indicator-icon", children: /* @__PURE__ */ e(X, {}) })
-              ]
-            }
-          ),
-          s && /* @__PURE__ */ a(
-            "span",
-            {
-              className: m(
-                "relative cursor-pointer flex items-center shrink-0 duration-200 text-[#60697D] hover:text-[#3649C6] transition-colors",
-                H ? "opacity-100 w-auto" : "opacity-0 w-0 overflow-hidden group-hover:opacity-100 group-hover:w-auto"
+        !(o?.headerCheckboxSelection && (!t || t.trim() === "")) && /* @__PURE__ */ h(
+          "div",
+          {
+            className: f(
+              "flex items-center shrink-0 group gap-1",
+              v ? "flex-row-reverse" : "flex-row"
+            ),
+            children: [
+              C && /* @__PURE__ */ h(
+                "div",
+                {
+                  className: "ag-sort-indicator-container cursor-pointer flex items-center",
+                  onClick: L,
+                  children: [
+                    O && /* @__PURE__ */ e("span", { className: "ag-sort-order text-[10px] font-bold text-[#60697D] mr-0.5", children: b + 1 }),
+                    /* @__PURE__ */ e("span", { className: "ag-sort-indicator-icon", children: /* @__PURE__ */ e(X, {}) })
+                  ]
+                }
               ),
-              onClick: j,
-              title: H ? "Active filter" : "Search",
-              children: [
-                /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z", fill: "currentColor" }) }),
-                H && /* @__PURE__ */ e("span", { className: "absolute -top-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 bg-[#4259ee] z-10" })
-              ]
-            }
-          ),
-          b && !o?.suppressHeaderMenuButton && /* @__PURE__ */ e("div", { className: "custom-ag-header-icons relative", children: /* @__PURE__ */ e(
-            "button",
-            {
-              className: m(
-                "custom-ag-menu-icon-button cursor-pointer flex items-center shrink-0 overflow-hidden transition-colors duration-200 outline-none focus:outline-none focus:ring-0 text-[#60697D] hover:text-[#3649C6]",
-                c?.activeMenuColumnId === C ? "opacity-100 w-auto text-[#3649C6]" : "w-0 opacity-0 group-hover:w-auto group-hover:opacity-100"
+              a && /* @__PURE__ */ h(
+                "span",
+                {
+                  className: f(
+                    "relative cursor-pointer flex items-center shrink-0 duration-200 text-[#60697D] hover:text-[#3649C6] transition-colors",
+                    N ? "opacity-100 w-auto" : "opacity-0 w-0 overflow-hidden group-hover:opacity-100 group-hover:w-auto"
+                  ),
+                  onClick: z,
+                  title: N ? "Active filter" : "Search",
+                  children: [
+                    /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z", fill: "currentColor" }) }),
+                    N && /* @__PURE__ */ e("span", { className: "absolute -top-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 bg-[#4259ee] z-10" })
+                  ]
+                }
               ),
-              onClick: (r) => {
-                r.stopPropagation(), c && c.openMenu(C, r.currentTarget);
-              },
-              children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18ZM14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12ZM14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6Z", fill: "currentColor" }) })
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
+              k && !o?.suppressHeaderMenuButton && /* @__PURE__ */ e("div", { className: "custom-ag-header-icons relative", children: /* @__PURE__ */ e(
+                "button",
+                {
+                  className: f(
+                    "custom-ag-menu-icon-button cursor-pointer flex items-center shrink-0 overflow-hidden transition-colors duration-200 outline-none focus:outline-none focus:ring-0 text-[#60697D] hover:text-[#3649C6]",
+                    d?.activeMenuColumnId === g ? "opacity-100 w-auto text-[#3649C6]" : "w-0 opacity-0 group-hover:w-auto group-hover:opacity-100"
+                  ),
+                  onClick: (l) => {
+                    l.stopPropagation(), d && d.openMenu(g, l.currentTarget);
+                  },
+                  children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18ZM14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12ZM14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6Z", fill: "currentColor" }) })
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
 export {
   se as CustomHeader

package/dist/components/ui/alert.d.ts

@@ -20,7 +20,7 @@ export interface AlertIconProps {
  * Renders the appropriate icon for the given Alert variant.
  *
  * @example
- * <AlertIcon variant="success" className="h-4 w-4" />
+ * <AlertIcon variant="success" className="h-5 w-5" />
  * <AlertIcon variant="error" />
  */
 declare const AlertIcon: {