impact-nova 2.1.0-alpha.9 → 2.2.0

package/dist/components/data/ag-grid-react/index.js

@@ -1,69 +1,70 @@
-import { jsxs as be, jsx as v } from "react/jsx-runtime";
-import { lazy as xe, useRef as S, useState as T, useEffect as $, useCallback as f, useMemo as y, Suspense as Se } from "react";
-import { ModuleRegistry as Fe, AllCommunityModule as Me, ValidationModule as Ee } from "ag-grid-community";
-import { AllEnterpriseModule as Ae } from "ag-grid-enterprise";
-import { AgGridReact as Re } from "ag-grid-react";
-import { customAgGridTheme as Ge } from "./theme.js";
-import { syncAgGridThemeMode as ke } from "./sync-ag-grid-theme-mode.js";
-import { CustomHeader as we } from "./headers/custom-header.js";
-import { CustomHeaderGroup as Te } from "./headers/custom-header-group.js";
+import { jsxs as Se, jsx as y } from "react/jsx-runtime";
+import { lazy as Fe, useRef as S, useState as I, useEffect as q, useCallback as m, useMemo as v, Suspense as Me } from "react";
+import { ModuleRegistry as Ae, AllCommunityModule as Ee, ValidationModule as Ge } from "ag-grid-community";
+import { AllEnterpriseModule as Re } from "ag-grid-enterprise";
+import { AgGridReact as ke } from "ag-grid-react";
+import { customAgGridTheme as we } from "./theme.js";
+import { syncAgGridThemeMode as Ie } from "./sync-ag-grid-theme-mode.js";
+import { CustomHeader as Te } from "./headers/custom-header.js";
+import { CustomHeaderGroup as z } from "./headers/custom-inner-header-group.js";
 import { DefaultTextCellRenderer as je } from "./cell-renderers/default-text-cell-renderer.js";
-import { GridHeaderContext as Ie } from "./headers/context/grid-header-context.js";
+import { GridHeaderContext as He } from "./headers/context/grid-header-context.js";
 import { convertToAgGridFilterModel as Oe, getMultiFilterIndices as Pe, convertFromAgGridFilterModel as De } from "./headers/utils/filter-utils.js";
-import { ColumnSettingsMenu as He } from "./headers/column-menu/column-settings-menu.js";
-import { AG_GRID_VALUE_FORMATTERS as Le } from "./value-formatters.js";
-import { useGridAutoSizeStrategyOnResize as Ne } from "./useGridAutoSizeStrategyOnResize.js";
-import { subscribeGridApiEvent as ct, subscribeGridApiEvents as ut } from "./grid-api-event-subscription.js";
-import { notifyColumnIndicatorSync as q } from "./notify-column-indicator-sync.js";
+import { ColumnSettingsMenu as Le } from "./headers/column-menu/column-settings-menu.js";
+import { AG_GRID_VALUE_FORMATTERS as Ne } from "./value-formatters.js";
+import { useGridAutoSizeStrategyOnResize as _e } from "./useGridAutoSizeStrategyOnResize.js";
+import { subscribeGridApiEvent as pt, subscribeGridApiEvents as mt } from "./grid-api-event-subscription.js";
+import { notifyColumnIndicatorSync as B } from "./notify-column-indicator-sync.js";
+import { setActiveSearchColumnId as N, clearHeaderSearchActiveState as Ve } from "./headers/header-search-active-state.js";
 /* empty css               */
-const _e = xe(
+const We = Fe(
   () => import("./headers/advanced-filter/advanced-filter-dialog.js").then((l) => ({
     default: l.AdvancedFilterDialog
   }))
 );
-Fe.registerModules([Me, Ae, Ee]);
-const F = "
", N = "";
-function z(l) {
+Ae.registerModules([Ee, Re, Ge]);
+const F = "
", _ = "";
+function J(l) {
   return l.getColumns()?.some((n) => n.getColDef().headerCheckboxSelection) ?? !1;
 }
-const B = (l) => {
+const X = (l) => {
   if (!l) return;
   const n = l.cellRendererParams?.splits;
   if (Array.isArray(n) && n.length > 0) return n;
   const i = l.cellEditorParams?.splits;
   if (Array.isArray(i) && i.length > 0) return i;
-}, J = (l, n) => {
+}, Q = (l, n) => {
   const i = [];
   for (const g of n) {
-    const m = g?.field?.split(".").pop();
-    if (!m) {
+    const f = g?.field?.split(".").pop();
+    if (!f) {
       i.push("");
       continue;
     }
-    const c = l[m];
-    if (c == null) {
+    const a = l[f];
+    if (a == null) {
       i.push("");
       continue;
     }
-    if (typeof c == "object" && "value" in c) {
-      const u = c.value;
+    if (typeof a == "object" && "value" in a) {
+      const u = a.value;
       i.push(u == null ? "" : String(u));
       continue;
     }
-    if (typeof c != "object") {
-      i.push(String(c));
+    if (typeof a != "object") {
+      i.push(String(a));
       continue;
     }
     i.push("");
   }
   return i;
-}, X = (l) => {
+}, Y = (l) => {
   if (typeof navigator < "u" && navigator.clipboard?.writeText) {
-    navigator.clipboard.writeText(l).catch(() => Q(l));
+    navigator.clipboard.writeText(l).catch(() => Z(l));
     return;
   }
-  Q(l);
-}, Q = (l) => {
+  Z(l);
+}, Z = (l) => {
   if (typeof document > "u") return;
   const n = document.createElement("textarea");
   n.value = l, n.setAttribute("readonly", ""), n.style.position = "fixed", n.style.top = "0", n.style.left = "0", n.style.opacity = "0", n.style.pointerEvents = "none", document.body.appendChild(n);
@@ -73,36 +74,36 @@ const B = (l) => {
     document.body.removeChild(n);
   }
 };
-function it({
+function ct({
   children: l,
   defaultColDef: n,
   defaultColGroupDef: i,
   columnDefs: g,
-  valueFormatters: m,
-  onGridReady: c,
+  valueFormatters: f,
+  onGridReady: a,
   onGridPreDestroyed: u,
   onFilterChanged: b,
   onSelectionChanged: h,
   onModelUpdated: M,
-  ensureDomOrder: j = !1,
-  autoSizeStrategy: I,
-  tooltipShowMode: O = "whenTruncated",
-  tooltipShowDelay: P = 500,
-  tooltipHideDelay: Y = 5e3,
-  tooltipInteraction: Z = !0,
-  themeOverride: ee,
+  ensureDomOrder: T = !1,
+  autoSizeStrategy: j,
+  tooltipShowMode: H = "whenTruncated",
+  tooltipShowDelay: O = 500,
+  tooltipHideDelay: ee = 5e3,
+  tooltipInteraction: te = !0,
+  themeOverride: re,
   ...C
 }) {
-  const a = S(null), D = S(null), [H, _] = T(null);
-  Ne(H, D, I), $(() => {
+  const c = S(null), P = S(null), [D, V] = I(null);
+  _e(D, P, j), q(() => {
     const e = document.documentElement, t = () => {
-      ke(e.classList.contains("dark") ? "dark" : "light", e);
+      Ie(e.classList.contains("dark") ? "dark" : "light", e);
     };
     t();
     const o = new MutationObserver(t);
     return o.observe(e, { attributes: !0, attributeFilter: ["class"] }), () => o.disconnect();
   }, []);
-  const [te, V] = T(!1), [re, W] = T(null), [ne, K] = T(!1), E = S(null), L = S(null), A = S(null), oe = f(() => [], []), le = y(() => ({
+  const [ne, W] = I(!1), [oe, K] = I(null), [le, U] = I(!1), A = S(null), L = S(null), E = S(null), ie = m(() => [], []), se = v(() => ({
     numericColumn: {
       cellClass: "ag-right-aligned-cell",
       headerClass: "ag-right-aligned-header",
@@ -123,68 +124,68 @@ function it({
     dateColumn: {
       filter: "agDateColumnFilter"
     }
-  }), []), R = y(() => ({
+  }), []), G = v(() => ({
     openSearch: (e) => {
-      if (!a.current) return;
-      const t = a.current.getGridOption("context") || {};
-      a.current.setGridOption("context", { ...t, activeSearchColumnId: e }), a.current.refreshHeader(), q(a.current);
+      if (!c.current) return;
+      const t = c.current.getGridOption("context") || {};
+      c.current.setGridOption("context", { ...t, activeSearchColumnId: e }), N(e), B(c.current);
     },
     closeSearch: () => {
-      if (!a.current) return;
-      const e = a.current.getGridOption("context") || {};
-      a.current.setGridOption("context", { ...e, activeSearchColumnId: null }), a.current.refreshHeader(), q(a.current);
+      if (!c.current) return;
+      const e = c.current.getGridOption("context") || {};
+      c.current.setGridOption("context", { ...e, activeSearchColumnId: null }), N(null), B(c.current);
     },
     openAdvancedFilter: (e) => {
-      W(e || null), V(!0);
+      K(e || null), W(!0);
     },
     closeAdvancedFilter: () => {
-      V(!1), W(null);
+      W(!1), K(null);
     },
     applyAdvancedFilter: (e) => {
-      if (!a.current) return;
+      if (!c.current) return;
       const t = Oe(e);
-      a.current.setFilterModel(t), a.current.onFilterChanged(), a.current.refreshHeader();
+      c.current.setFilterModel(t), c.current.onFilterChanged(), c.current.refreshHeader();
     },
     openMenu: (e, t, o = "column") => {
-      E.current = e, L.current = t, A.current = o, K(!0);
+      A.current = e, L.current = t, E.current = o, U(!0);
     },
     closeMenu: () => {
-      E.current = null, L.current = null, A.current = null, K(!1);
+      A.current = null, L.current = null, E.current = null, U(!1);
     },
     // Getters read from refs - O(1) per header, no memory allocation
     get activeMenuColumnId() {
-      return E.current;
+      return A.current;
     },
     get activeMenuVariant() {
-      return A.current;
+      return E.current;
     }
-  }), []), ie = f((e) => {
-    a.current = e.api, _(e.api);
+  }), []), ae = m((e) => {
+    c.current = e.api, V(e.api);
     const t = e.api.getGridOption("context") || {};
-    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), c && c(e);
-  }, [c]), se = f(
+    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), N(null), a && a(e);
+  }, [a]), ce = m(
     (e) => {
-      a.current = null, _(null), u?.(e);
+      c.current = null, V(null), Ve(), u?.(e);
     },
     [u]
-  ), ae = f(
+  ), ue = m(
     (e) => {
       e.api.getGridOption("context")?.activeSearchColumnId || e.api.refreshHeader(), b?.(e);
     },
     [b]
-  ), ce = f(
+  ), de = m(
     (e) => {
-      z(e.api) && e.api.refreshHeader(), h?.(e);
+      J(e.api) && e.api.refreshHeader(), h?.(e);
     },
     [h]
-  ), ue = f(
+  ), pe = m(
     (e) => {
-      e.api.getGridOption("rowModelType") !== "serverSide" && z(e.api) && e.api.refreshHeader(), M?.(e);
+      e.api.getGridOption("rowModelType") !== "serverSide" && J(e.api) && e.api.refreshHeader(), M?.(e);
     },
     [M]
   );
-  $(() => {
-    const e = D.current;
+  q(() => {
+    const e = P.current;
     if (!e) return;
     const t = (o) => {
       if (o.key !== "Enter" && o.key !== " ") return;
@@ -197,8 +198,8 @@ function it({
     };
     return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
   }, []);
-  const de = y(() => ({
-    headerComponent: we,
+  const me = v(() => ({
+    headerComponent: Te,
     // Default cell renderer wraps text in a span so display:flex centering
     // and text-overflow:ellipsis both work (ellipsis doesn't work on
     // anonymous flex text nodes, but works on flex child elements).
@@ -221,34 +222,36 @@ function it({
     headerComponentParams: {
       ...n?.headerComponentParams
     }
-  }), [n]), pe = y(() => ({
-    headerGroupComponent: Te,
+  }), [n]), fe = v(() => ({
     ...i,
     headerGroupComponentParams: {
-      ...i?.headerGroupComponentParams
+      ...i?.headerGroupComponentParams,
+      innerHeaderGroupComponent: i?.headerGroupComponentParams?.innerHeaderGroupComponent ?? "CustomInnerHeaderGroup"
     }
-  }), [i]), fe = y(() => ({
-    ...Le,
+  }), [i]), ge = v(() => ({
+    ...Ne,
     // Always available - value formatters
+    CustomInnerHeaderGroup: z,
+    CustomHeaderGroup: z,
     ...C.components,
     // User components override
-    ...m
+    ...f
     // Optional custom formatters override defaults
-  }), [m, C.components]), me = f((e) => {
+  }), [f, C.components]), he = m((e) => {
     const t = e.value;
     if (t == null || typeof t != "object") return t;
-    const o = B(e.column?.getColDef());
+    const o = X(e.column?.getColDef());
     if (o && o.length > 0) {
-      const r = J(t, o);
+      const r = Q(t, o);
       if (o.length === 1) {
         const d = o[0]?.field?.split(".").pop(), x = d ? t[d] : void 0;
         return x && typeof x == "object" && "value" in x ? x.value ?? "" : r[0];
       }
-      return N + r.join(F);
+      return _ + r.join(F);
     }
     const s = Object.entries(t).map(([, r]) => r && typeof r == "object" && "value" in r ? r.value : typeof r != "object" && typeof r < "u" ? r : null).filter((r) => r != null);
     return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(F);
-  }, []), ge = f((e) => {
+  }, []), Ce = m((e) => {
     if (typeof e.value == "string") {
       const t = e.value.trim();
       if (t.startsWith("{") || t.startsWith("["))
@@ -259,10 +262,10 @@ function it({
         }
     }
     return e.value;
-  }, []), he = f((e) => {
+  }, []), ve = m((e) => {
     const t = e?.data ?? "";
-    if (!t.includes(F) && !t.includes(N)) {
-      X(t);
+    if (!t.includes(F) && !t.includes(_)) {
+      Y(t);
       return;
     }
     const o = [], s = t.split(`
@@ -273,25 +276,25 @@ function it({
         o.push("");
         continue;
       }
-      const k = d.split("	").map((p) => p.startsWith(N) ? { isSplit: !0, slots: p.slice(1).split(F) } : { isSplit: !1, slots: p.split(F) }), U = Math.max(1, ...k.map((p) => p.slots.length));
-      if (U === 1) {
+      const k = d.split("	").map((p) => p.startsWith(_) ? { isSplit: !0, slots: p.slice(1).split(F) } : { isSplit: !1, slots: p.split(F) }), $ = Math.max(1, ...k.map((p) => p.slots.length));
+      if ($ === 1) {
         o.push(k.map((p) => p.slots[0] ?? "").join("	"));
         continue;
       }
-      for (let p = 0; p < U; p++) {
-        const ve = k.map((w) => !w.isSplit && w.slots.length === 1 ? w.slots[0] : w.slots[p] ?? "");
-        o.push(ve.join("	"));
+      for (let p = 0; p < $; p++) {
+        const xe = k.map((w) => !w.isSplit && w.slots.length === 1 ? w.slots[0] : w.slots[p] ?? "");
+        o.push(xe.join("	"));
       }
     }
-    X(o.join(`
+    Y(o.join(`
 `));
-  }, []), G = f((e) => {
+  }, []), R = m((e) => {
     const t = e.value;
     if (t == null) return "";
     if (typeof t != "object") return String(t);
-    const o = B(e.column?.getColDef());
+    const o = X(e.column?.getColDef());
     if (o && o.length > 0) {
-      const r = J(t, o);
+      const r = Q(t, o);
       return o.length === 1 ? r[0] : r.join(`
 `);
     }
@@ -307,122 +310,122 @@ function it({
     }
     return s.length === 0 ? "" : s.length === 1 ? s[0] : s.join(`
 `);
-  }, []), Ce = y(() => ({
-    processCellCallback: G,
+  }, []), ye = v(() => ({
+    processCellCallback: R,
     ...C.defaultCsvExportParams ?? {}
-  }), [G, C.defaultCsvExportParams]), ye = y(() => ({
-    processCellCallback: G,
+  }), [R, C.defaultCsvExportParams]), be = v(() => ({
+    processCellCallback: R,
     ...C.defaultExcelExportParams ?? {}
-  }), [G, C.defaultExcelExportParams]);
-  return /* @__PURE__ */ be(Ie.Provider, { value: R, children: [
-    /* @__PURE__ */ v("div", { ref: D, "data-component": "ag-grid-react", style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ v(
-      Re,
+  }), [R, C.defaultExcelExportParams]);
+  return /* @__PURE__ */ Se(He.Provider, { value: G, children: [
+    /* @__PURE__ */ y("div", { ref: P, "data-component": "ag-grid-react", style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ y(
+      ke,
       {
-        theme: ee ?? Ge,
-        defaultColDef: de,
+        theme: re ?? we,
+        defaultColDef: me,
         columnDefs: g,
         cellSelection: !0,
-        defaultColGroupDef: pe,
-        onGridReady: ie,
-        onGridPreDestroyed: se,
-        onFilterChanged: ae,
-        onSelectionChanged: ce,
-        onModelUpdated: ue,
-        components: fe,
-        tooltipShowMode: O,
-        tooltipShowDelay: P,
-        tooltipHideDelay: Y,
-        tooltipInteraction: Z,
-        processCellForClipboard: me,
-        processCellFromClipboard: ge,
-        sendToClipboard: he,
-        ensureDomOrder: j,
+        defaultColGroupDef: fe,
+        onGridReady: ae,
+        onGridPreDestroyed: ce,
+        onFilterChanged: ue,
+        onSelectionChanged: de,
+        onModelUpdated: pe,
+        components: ge,
+        tooltipShowMode: H,
+        tooltipShowDelay: O,
+        tooltipHideDelay: ee,
+        tooltipInteraction: te,
+        processCellForClipboard: he,
+        processCellFromClipboard: Ce,
+        sendToClipboard: ve,
+        ensureDomOrder: T,
         suppressHeaderFocus: !1,
         suppressFocusAfterRefresh: !0,
         suppressGroupRowsSticky: !0,
         hidePaddedHeaderRows: !0,
         suppressServerSideFullWidthLoadingRow: !0,
-        columnTypes: le,
-        autoSizeStrategy: I,
+        columnTypes: se,
+        autoSizeStrategy: j,
         ...C,
-        defaultCsvExportParams: Ce,
-        defaultExcelExportParams: ye,
-        getMainMenuItems: oe
+        defaultCsvExportParams: ye,
+        defaultExcelExportParams: be,
+        getMainMenuItems: ie
       }
     ) }),
     l,
-    /* @__PURE__ */ v(
-      Ve,
+    /* @__PURE__ */ y(
+      Ke,
       {
-        isOpen: te,
-        columnId: re,
-        gridApi: H,
-        onClose: R.closeAdvancedFilter,
-        onApply: R.applyAdvancedFilter
+        isOpen: ne,
+        columnId: oe,
+        gridApi: D,
+        onClose: G.closeAdvancedFilter,
+        onApply: G.applyAdvancedFilter
       }
     ),
-    /* @__PURE__ */ v(
-      We,
+    /* @__PURE__ */ y(
+      Ue,
       {
-        isOpen: ne,
-        columnId: E.current,
-        gridApi: H,
+        isOpen: le,
+        columnId: A.current,
+        gridApi: D,
         anchor: L.current,
-        variant: A.current,
-        onClose: R.closeMenu
+        variant: E.current,
+        onClose: G.closeMenu
       }
     )
   ] });
 }
-function Ve({
+function Ke({
   isOpen: l,
   columnId: n,
   gridApi: i,
   onClose: g,
-  onApply: m
+  onApply: f
 }) {
   if (!l || !n || !i) return null;
-  const c = i.getColumn(n);
-  if (!c) return null;
-  const u = c.getColDef(), b = u.headerComponentParams, h = Pe(u), M = h.text !== -1 || h.number !== -1 || h.date !== -1, j = h.set !== -1, O = u.filter === "agMultiColumnFilter" && (M || j) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", P = De(i.getFilterModel());
-  return /* @__PURE__ */ v(Se, { fallback: null, children: /* @__PURE__ */ v(
-    _e,
+  const a = i.getColumn(n);
+  if (!a) return null;
+  const u = a.getColDef(), b = u.headerComponentParams, h = Pe(u), M = h.text !== -1 || h.number !== -1 || h.date !== -1, T = h.set !== -1, H = u.filter === "agMultiColumnFilter" && (M || T) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || b?.selectOptions ? "select" : "text", O = De(i.getFilterModel());
+  return /* @__PURE__ */ y(Me, { fallback: null, children: /* @__PURE__ */ y(
+    We,
     {
       isOpen: l,
       onClose: g,
-      onApply: m,
+      onApply: f,
       columnId: n,
       columnLabel: u.headerName || n,
-      columnType: O,
+      columnType: H,
       selectOptions: b?.selectOptions,
       isMultiSelect: b?.isMultiSelect,
-      initialModel: P,
+      initialModel: O,
       api: i
     }
   ) });
 }
-function We({
+function Ue({
   isOpen: l,
   columnId: n,
   gridApi: i,
   anchor: g,
-  variant: m,
-  onClose: c
+  variant: f,
+  onClose: a
 }) {
-  return !l || !n || !i ? null : /* @__PURE__ */ v(
-    He,
+  return !l || !n || !i ? null : /* @__PURE__ */ y(
+    Le,
     {
       isOpen: l,
       columnId: n,
       gridApi: i,
       anchor: g,
-      variant: m || "column",
-      onClose: c
+      variant: f || "column",
+      onClose: a
     }
   );
 }
 export {
-  it as AgGridWrapper,
-  ct as subscribeGridApiEvent,
-  ut as subscribeGridApiEvents
+  ct as AgGridWrapper,
+  pt as subscribeGridApiEvent,
+  mt as subscribeGridApiEvents
 };

package/dist/components/data/ag-grid-react/notify-column-indicator-sync.d.ts

@@ -1,8 +1,7 @@
 import { GridApi } from 'ag-grid-community';
 /**
- * Column-picker indicators read `activeSearchColumnId` from grid context.
- * Opening/closing inline header search only updates context + refreshHeader.
- * Notify column-list listeners via the indicator bus — NOT `onFilterChanged`,
- * which would refetch SSRM rows when the filter model is unchanged.
+ * Opening/closing inline header search updates grid context and the column-scoped
+ * header search store. Notify column-list listeners via the indicator bus — NOT
+ * `onFilterChanged`, which would refetch SSRM rows when the filter model is unchanged.
  */
 export declare function notifyColumnIndicatorSync<TData = unknown>(gridApi: GridApi<TData>): void;

package/dist/components/data/ag-grid-react/theme.js

@@ -37,7 +37,6 @@ const d = e.withPart(o).withParams({
   columnBorder: !0,
   columnDropCellBorder: !0,
   fontFamily: "inherit",
-  fontWeight: "inherit",
   footerRowBorder: !0,
   headerColumnBorder: !0,
   headerFontFamily: "inherit",
@@ -97,7 +96,6 @@ const d = e.withPart(o).withParams({
   columnBorder: !0,
   columnDropCellBorder: !0,
   fontFamily: "inherit",
-  fontWeight: "inherit",
   footerRowBorder: !0,
   headerColumnBorder: !0,
   headerFontFamily: "inherit",

package/dist/components/data/data-table/data-table-column-list.js

@@ -35,7 +35,7 @@ const Q = ({
     (e, r) => {
       if (!r.isLeaf) return null;
       const l = e.data;
-      return !l?.hasSortApplied && !l?.hasFilterApplied ? null : /* @__PURE__ */ A("span", { className: "inline-flex items-center gap-1 ml-1.5 shrink-0", children: [
+      return !l?.hasSortApplied && !l?.hasFilterApplied ? null : /* @__PURE__ */ A("span", { className: "inline-flex items-center gap-1 shrink-0", children: [
         l?.hasSortApplied && /* @__PURE__ */ n(c, { type: "sort" }),
         l?.hasFilterApplied && /* @__PURE__ */ n(c, { type: "filter" })
       ] });

package/dist/components/data/data-table/data-table-saved-views.js

@@ -196,7 +196,7 @@ const Ae = ["default", "active", "system"], _e = ({
       {
         "data-component": "data-table-saved-views",
         className: k(
-          "mb-2 mx-4 flex min-w-0 flex-nowrap items-center justify-between gap-2 rounded-lg bg-feedback-success-surface px-2 py-3",
+          "saved-view-bar-gradient mb-2 mx-4 flex min-w-0 flex-nowrap items-center justify-between gap-2 rounded-lg px-2 py-3",
           re
         ),
         children: [

package/dist/components/data/nested-list/components/SortableItem.d.ts

@@ -25,5 +25,7 @@ interface SortableItemProps {
         level: number;
     }) => React.ReactNode;
 }
+declare const LEADING_RAIL_CLASS = "flex shrink-0 items-center h-5 gap-0.5";
+declare const DRAG_HANDLE_CLASS = "flex h-5 w-5 shrink-0 cursor-grab active:cursor-grabbing items-center justify-center rounded-sm text-content-icon transition-colors hover:bg-canvas-muted hover:text-content";
+export { LEADING_RAIL_CLASS, DRAG_HANDLE_CLASS };
 export declare const SortableItem: React.NamedExoticComponent<SortableItemProps>;
-export {};