impact-nova 1.6.5 → 1.6.7

package/README.md

@@ -11,6 +11,9 @@
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.0-blue.svg?style=flat&logo=typescript)](https://www.typescriptlang.org/)
 [![Tailwind CSS](https://img.shields.io/badge/Tailwind-3.4-38b2ac.svg?style=flat&logo=tailwind-css)](https://tailwindcss.com/)
 [![Radix UI](https://img.shields.io/badge/Radix%20UI-Primitives-white?style=flat&logo=radix-ui)](https://www.radix-ui.com/)
+[![Internationalization](https://img.shields.io/badge/i18n-Built--in-059669.svg?style=flat)](#internationalization-i18n)
+[![Documentation](https://img.shields.io/badge/Documentation-online-FF4785?style=flat&logo=storybook&logoColor=white)](https://impact-nova.iaproducts.ai/)
+[![npm impact-nova-mcp](https://img.shields.io/npm/v/impact-nova-mcp?label=impact-nova-mcp&logo=npm)](https://www.npmjs.com/package/impact-nova-mcp)
 
 </div>
 
@@ -38,6 +41,20 @@ Impact Nova is built upon four core pillars that guide every component applicati
 
 ---
 
+## 📚 Documentation
+
+Visit **[https://impact-nova.iaproducts.ai/](https://impact-nova.iaproducts.ai/)** to view the full documentation: component reference, interactive **React** examples, props and controls, and usage notes—all in the browser, with no local checkout required.
+
+That documentation site is published with **Storybook** ([storybook.js.org](https://storybook.js.org/)), the same format many design systems use; you can treat the URL like any other docs hub even if you are not familiar with Storybook.
+
+### MCP server (`impact-nova-mcp`)
+
+Use **[impact-nova-mcp on npm](https://www.npmjs.com/package/impact-nova-mcp)** if you want a **Model Context Protocol** (MCP) server for Impact Nova in **Cursor**, **Windsurf**, **Claude**, **Antigravity**, or other MCP-capable clients—component lists, specs, design tokens, codegen, and conventions wired for assistants.
+
+What MCP is, what this server exposes, and how to install and configure your editor are documented in **[packages/mcp/README.md](packages/mcp/README.md)** in this repository.
+
+---
+
 ## 🚀 Getting Started
 
 Everything you need to install, configure, and start building with **Impact Nova**.
@@ -54,7 +71,7 @@ pnpm add impact-nova
 yarn add impact-nova
 ```
 
-> **Note on Peer Dependencies**: 
+> **Note on Peer Dependencies**:
 > You must also ensure `react`, `react-dom`, `ag-grid-react`, `ag-grid-enterprise`, and `highcharts` (if used) are installed in your project, as these are peer dependencies.
 
 ### Styles & Configuration
@@ -62,17 +79,15 @@ yarn add impact-nova
 Import the bundled CSS in your root entry file (e.g., `main.tsx`, `App.tsx`, or `layout.tsx`).
 
 ```tsx
-import React from 'react';
-import ReactDOM from 'react-dom/client';
+import React from "react";
+import ReactDOM from "react-dom/client";
 
 // ⚠️ Import styles before your App
-import 'impact-nova/dist/impact-nova.css'; 
+import "impact-nova/dist/impact-nova.css";
 
-import App from './App';
+import App from "./App";
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <App />
-);
+ReactDOM.createRoot(document.getElementById("root")!).render(<App />);
 ```
 
 ### Typography
@@ -80,15 +95,19 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
 Impact Nova looks best with **Manrope**. We recommend adding it to your project:
 
 1.  **Import Font**:
+
     ```html
-    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"
+      rel="stylesheet"
+    />
     ```
 
 2.  **Configure Tailwind**:
     ```css
     @layer base {
       body {
-        font-family: 'Manrope', sans-serif;
+        font-family: "Manrope", sans-serif;
       }
     }
     ```
@@ -102,7 +121,7 @@ Import components directly from the package. All components export strong TypeSc
 ### Core Components
 
 ```tsx
-import { Button, Card, DatePicker } from 'impact-nova';
+import { Button, Card, DatePicker } from "impact-nova";
 
 export default function MyPage() {
   return (
@@ -122,7 +141,7 @@ export default function MyPage() {
 Impact Nova includes a custom-built icon library. Icons are treeshakeable and accept standard SVG props.
 
 ```tsx
-import { Icons } from 'impact-nova';
+import { Icons } from "impact-nova";
 
 export function StatusBadge() {
   return (
@@ -139,7 +158,7 @@ export function StatusBadge() {
 You can import component props to ensure type safety in your own interfaces.
 
 ```tsx
-import { Button, type ButtonProps } from 'impact-nova';
+import { Button, type ButtonProps } from "impact-nova";
 
 interface CustomActionProps extends ButtonProps {
   analyticsId: string;
@@ -157,7 +176,7 @@ Impact Nova supports multiple languages via a provider and message overrides. Wr
 **Locale packs** (German, Spanish, Hindi, Kannada) are exported so you can use them as-is or override only the strings you need:
 
 ```tsx
-import { ImpactNovaI18nProvider, de, defaultMessages } from 'impact-nova';
+import { ImpactNovaI18nProvider, de, defaultMessages } from "impact-nova";
 
 // Use a full locale pack as-is
 function App() {
@@ -172,25 +191,25 @@ function App() {
 **Override only a few keys** by spreading a locale pack and then overriding specific sections or keys. The provider merges your `messages` over the built-in English defaults (or over the pack you pass), so you only need to provide the keys you want to change:
 
 ```tsx
-import { ImpactNovaI18nProvider, de } from 'impact-nova';
+import { ImpactNovaI18nProvider, de } from "impact-nova";
 
 // German with custom labels for calendar only
 const messages = {
   ...de,
-  calendar: { ...de.calendar, apply: 'Übernehmen', cancel: 'Schließen' },
+  calendar: { ...de.calendar, apply: "Übernehmen", cancel: "Schließen" },
 };
 
 <ImpactNovaI18nProvider locale="de" messages={messages}>
   <MyApp />
-</ImpactNovaI18nProvider>
+</ImpactNovaI18nProvider>;
 ```
 
 **Tree-shakeable locale imports** (if you only need one language and want to avoid pulling others into your bundle):
 
 ```tsx
-import { de } from 'impact-nova/locale/de';
+import { de } from "impact-nova/locale/de";
 // or
-import { de, es, hi, kn } from 'impact-nova/locale';
+import { de, es, hi, kn } from "impact-nova/locale";
 ```
 
 - **`locale`**: BCP 47 code (e.g. `'en'`, `'de'`) used for date/number formatting. Supported: `en`, `en-US`, `en-GB`, `de`, `es`, `hi`, `kn`.
@@ -216,6 +235,7 @@ The library utilizes a modern, headless architecture pattern:
 Impact Nova provides a rich set of components structured for any enterprise use-case.
 
 ### 📝 Forms & Inputs
+
 - Button, Button Group
 - Checkbox, Radio Group, Switch
 - Input, Smart Input, Textarea
@@ -226,6 +246,7 @@ Impact Nova provides a rich set of components structured for any enterprise use-
 - Prompt, Form Group
 
 ### 🧭 Navigation
+
 - Sidebar, Navigation Bar
 - Tabs, Breadcrumb, Stepper
 - Card, Accordion, Nested List
@@ -233,6 +254,7 @@ Impact Nova provides a rich set of components structured for any enterprise use-
 - Dynamic Layout
 
 ### 💬 Feedback & Overlay
+
 - Alert, Alert Dialog, Dialog
 - Sheet, Drawer, Modal
 - Toast, Tooltip, Popover
@@ -240,6 +262,7 @@ Impact Nova provides a rich set of components structured for any enterprise use-
 - Loader, Skeleton, Progress Bar
 
 ### 📊 Data Display
+
 - Avatar, Badge, Tag, Chips
 - Calendar, Chart
 - Empty Container, Notification Panel
@@ -258,22 +281,30 @@ Impact Nova provides a rich set of components structured for any enterprise use-
 ## ✨ Credits & Contributors
 
 **Core Development**
+
 - Anil M
 - Ritesh Ranjan
+- Manohar R
+- Pratik Pradhan
+- Balaji Utukuri
 
 **Design Architecture**
+
 - Jaymin Pancholi
 - Sudip Sarkar
 
 **UX & Product UI**
+
 - Kalyan
 - Vikram
 - Aditi Chaudhary
 
 **Inspiration**
+
 - Impact UI
 
 **Special Thanks**
+
 - Girish Pattana Setty
 - Himanshu K
 - Harish V
@@ -283,4 +314,3 @@ Impact Nova provides a rich set of components structured for any enterprise use-
 ## 📄 License
 
 Impact Nova is licensed under the [MIT License](LICENSE).
-

package/dist/components/ui/accordion.js

@@ -1,65 +1,66 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import * as c from "react";
-import * as a from "@radix-ui/react-accordion";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import * as l from "react";
+import * as o from "@radix-ui/react-accordion";
 import { ChevronRight as f } from "lucide-react";
 import { cn as n } from "../../lib/utils.js";
-import { Tooltip as p, TooltipTrigger as g, TooltipContent as h } from "./tooltip.js";
-import { useImpactNovaI18n as x } from "../../i18n/ImpactNovaI18nContext.js";
-const C = a.Root, v = c.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ e(
-  a.Item,
+import { Tooltip as p, TooltipTrigger as g, TooltipContent as v } from "./tooltip.js";
+import { useImpactNovaI18n as h } from "../../i18n/ImpactNovaI18nContext.js";
+const C = o.Root, x = l.forwardRef(({ className: i, ...t }, r) => /* @__PURE__ */ e(
+  o.Item,
   {
     ref: r,
     "data-item": t.value,
     "data-disabled": t.disabled ? "" : void 0,
     className: n(
-      "ia-accordion-item border-b rounded-lg bg-white border-b-[#D9DDE7]",
-      o
+      "ia-accordion-item border rounded-lg bg-white border-[#D9DDE7]",
+      i
     ),
     ...t
   }
 ));
-v.displayName = "AccordionItem";
-const N = c.forwardRef(({ className: o, children: t, badge: r, rightActions: d, ...s }, l) => {
-  const { t: m } = x();
-  return /* @__PURE__ */ e(a.Header, { className: "flex", children: /* @__PURE__ */ i(
-    a.Trigger,
+x.displayName = "AccordionItem";
+const u = l.forwardRef(({ className: i, children: t, badge: r, rightActions: s, ...d }, c) => {
+  const { t: m } = h();
+  return /* @__PURE__ */ e(o.Header, { className: "flex", style: { overflow: "visible" }, children: /* @__PURE__ */ a(
+    o.Trigger,
     {
-      ref: l,
+      ref: c,
       className: n(
-        "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90",
-        o
+        "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90 focus-visible:outline-none",
+        i
       ),
-      ...s,
+      style: { outline: "none" },
+      ...d,
       children: [
-        /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ a(p, { children: [
           /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ e(f, { className: "h-4 w-4 transition-transform duration-200" }) }) }),
-          /* @__PURE__ */ e(h, { side: "top", variant: "tertiary", children: m("aria.toggle") })
+          /* @__PURE__ */ e(v, { side: "top", variant: "tertiary", children: m("aria.toggle") })
         ] }),
-        /* @__PURE__ */ i("div", { className: "flex flex-1 items-center justify-between", children: [
-          /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-1 items-center justify-between", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
             t,
             r
           ] }),
-          d
+          s
         ] })
       ]
     }
   ) });
 });
-N.displayName = a.Trigger.displayName;
-const b = c.forwardRef(({ className: o, children: t, surfaceClassName: r, ...d }, s) => /* @__PURE__ */ e(
-  a.Content,
+u.displayName = o.Trigger.displayName;
+const N = l.forwardRef(({ className: i, children: t, surfaceClassName: r, ...s }, d) => /* @__PURE__ */ e(
+  o.Content,
   {
-    ref: s,
+    ref: d,
     className: n("overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible", r),
-    ...d,
-    children: /* @__PURE__ */ e("div", { className: n("px-4 pb-4 pt-2", o), children: t })
+    ...s,
+    children: /* @__PURE__ */ e("div", { className: n("px-4 pb-4 pt-2", i), children: t })
   }
 ));
-b.displayName = a.Content.displayName;
+N.displayName = o.Content.displayName;
 export {
   C as Accordion,
-  b as AccordionContent,
-  v as AccordionItem,
-  N as AccordionTrigger
+  N as AccordionContent,
+  x as AccordionItem,
+  u as AccordionTrigger
 };

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

@@ -1,111 +1,140 @@
-import { jsxs as k, jsx as m } from "react/jsx-runtime";
-import { lazy as E, useRef as L, useState as d, useCallback as h, useMemo as F, Suspense as V } from "react";
-import { ModuleRegistry as W, AllCommunityModule as _, ValidationModule as $ } from "ag-grid-community";
+import { jsxs as P, jsx as a } from "react/jsx-runtime";
+import { lazy as V, useRef as E, useState as p, useCallback as v, useMemo as F, useEffect as W, Suspense as _ } from "react";
+import { ModuleRegistry as $, AllCommunityModule as q, ValidationModule as K } from "ag-grid-community";
 import { AllEnterpriseModule as U } from "ag-grid-enterprise";
-import { AgGridReact as w } from "ag-grid-react";
-import { customAgGridTheme as z } from "./theme.js";
-import { CustomHeader as J } from "./headers/custom-header.js";
-import { CustomHeaderGroup as q } from "./headers/custom-header-group.js";
-import { GridHeaderContext as B } from "./headers/context/grid-header-context.js";
-import { convertToAgGridFilterModel as K, getMultiFilterIndices as Q, convertFromAgGridFilterModel as X } from "./headers/utils/filter-utils.js";
-import { ColumnSettingsMenu as Y } from "./headers/column-menu/column-settings-menu.js";
-import { AG_GRID_VALUE_FORMATTERS as Z } from "./value-formatters.js";
+import { AgGridReact as z } from "ag-grid-react";
+import { customAgGridTheme as J } from "./theme.js";
+import { CustomHeader as B } from "./headers/custom-header.js";
+import { CustomHeaderGroup as Q } from "./headers/custom-header-group.js";
+import { GridHeaderContext as X } from "./headers/context/grid-header-context.js";
+import { convertToAgGridFilterModel as Y, getMultiFilterIndices as Z, convertFromAgGridFilterModel as ee } from "./headers/utils/filter-utils.js";
+import { ColumnSettingsMenu as te } from "./headers/column-menu/column-settings-menu.js";
+import { AG_GRID_VALUE_FORMATTERS as re } from "./value-formatters.js";
 /* empty css                */
-const ee = E(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
-W.registerModules([_, U, $]);
-function ge({
-  children: i,
-  defaultColDef: n,
-  defaultColGroupDef: l,
-  columnDefs: p,
-  valueFormatters: c,
-  onGridReady: s,
-  ...o
+const ne = V(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
+$.registerModules([q, U, K]);
+function Fe({
+  children: c,
+  defaultColDef: l,
+  defaultColGroupDef: i,
+  columnDefs: f,
+  valueFormatters: d,
+  onGridReady: m,
+  ...u
 }) {
-  const t = L(null), [u, M] = d(null), [v, A] = d(!1), [G, C] = d(null), [D, S] = d(!1), [y, b] = d(null), [I, x] = d(null), O = h((e) => {
-    if (!t.current) return;
-    const r = K(e);
-    t.current.setFilterModel(r), t.current.onFilterChanged();
-  }, []), f = F(() => ({
+  const r = E(null), s = E(null), [g, M] = p(null), [G, h] = p(!1), [y, x] = p(null), [R, S] = p(!1), [b, k] = p(null), [I, O] = p(null), D = v((e) => {
+    if (!r.current) return;
+    const t = Y(e);
+    r.current.setFilterModel(t), r.current.onFilterChanged();
+  }, []), C = F(() => ({
     openSearch: (e) => {
-      if (!t.current) return;
-      const r = t.current.getGridOption("context") || {};
-      t.current.setGridOption("context", { ...r, activeSearchColumnId: e }), t.current.refreshHeader();
+      if (!r.current) return;
+      const t = r.current.getGridOption("context") || {};
+      r.current.setGridOption("context", { ...t, activeSearchColumnId: e }), r.current.refreshHeader();
     },
     closeSearch: () => {
-      if (!t.current) return;
-      const e = t.current.getGridOption("context") || {};
-      t.current.setGridOption("context", { ...e, activeSearchColumnId: null }), t.current.refreshHeader();
+      if (!r.current) return;
+      const e = r.current.getGridOption("context") || {};
+      r.current.setGridOption("context", { ...e, activeSearchColumnId: null }), r.current.refreshHeader();
     },
     openAdvancedFilter: (e) => {
-      C(e || null), A(!0);
+      x(e || null), h(!0);
     },
     closeAdvancedFilter: () => {
-      A(!1), C(null);
+      h(!1), x(null);
     },
     applyAdvancedFilter: (e) => {
-      O(e);
+      D(e);
     },
-    openMenu: (e, r) => {
-      b(e), x(r), S(!0);
+    openMenu: (e, t) => {
+      k(e), O(t), S(!0);
     },
     closeMenu: () => {
-      S(!1), b(null), x(null);
+      S(!1), k(null), O(null);
+    },
+    activeMenuColumnId: b
+  }), [D, b]), H = v((e) => {
+    r.current = e.api, M(e.api), e.api.setGridOption("context", { activeSearchColumnId: null }), m && m(e);
+  }, [m]);
+  W(() => {
+    const e = s.current;
+    if (!e) return;
+    const t = (o) => {
+      if (o.key !== "Enter" && o.key !== " ") return;
+      const n = o.target;
+      if (!n.classList.contains("ag-cell") && !n.classList.contains("ag-header-cell")) return;
+      const A = n.querySelector(
+        'button, [role="checkbox"], [role="switch"], [role="combobox"], [role="button"], [role="link"], a, input, select, textarea, .cursor-pointer'
+      );
+      A && (o.preventDefault(), o.stopPropagation(), A.click(), A.focus());
+    };
+    return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
+  }, []);
+  const N = F(() => ({
+    headerComponent: B,
+    ...l,
+    suppressHeaderKeyboardEvent: (e) => {
+      const { event: t } = e;
+      if (t.key === "Enter" || t.key === " ") {
+        const o = t.target.closest(".ag-header-cell");
+        if (o) {
+          const n = o.querySelector('[role="checkbox"], button, [role="switch"], input');
+          if (n)
+            return t.preventDefault(), n.click(), !0;
+        }
+      }
+      return l?.suppressHeaderKeyboardEvent?.(e) ?? !1;
     },
-    activeMenuColumnId: y
-  }), [O, y]), R = h((e) => {
-    t.current = e.api, M(e.api), e.api.setGridOption("context", { activeSearchColumnId: null }), s && s(e);
-  }, [s]), N = F(() => ({
-    headerComponent: J,
-    ...n,
     headerComponentParams: {
-      ...n?.headerComponentParams
+      ...l?.headerComponentParams
     }
-  }), [n]), j = F(() => ({
-    headerGroupComponent: q,
-    ...l,
+  }), [l]), j = F(() => ({
+    headerGroupComponent: Q,
+    ...i,
     headerGroupComponentParams: {
-      ...l?.headerGroupComponentParams
+      ...i?.headerGroupComponentParams
     }
-  }), [l]), T = F(() => ({
-    ...Z,
+  }), [i]), L = F(() => ({
+    ...re,
     // Always available - value formatters
-    ...o.components,
+    ...u.components,
     // User components override
-    ...c
+    ...d
     // Optional custom formatters override defaults
-  }), [c, o.components]), H = h((e) => {
+  }), [d, u.components]), T = v((e) => {
     if (e.value !== null && e.value !== void 0 && typeof e.value == "object") {
-      const r = Object.entries(e.value).map(([g, a]) => a && typeof a == "object" && "value" in a ? a.value : typeof a != "object" && typeof a < "u" ? a : null).filter((g) => g != null);
-      return r.length > 0 ? r.join("	") : "";
+      const t = Object.entries(e.value).map(([o, n]) => n && typeof n == "object" && "value" in n ? n.value : typeof n != "object" && typeof n < "u" ? n : null).filter((o) => o != null);
+      return t.length > 0 ? t.join("	") : "";
     }
     return e.value;
-  }, []), P = h((e) => {
+  }, []), w = v((e) => {
     if (typeof e.value == "string") {
-      const r = e.value.trim();
-      if (r.startsWith("{") || r.startsWith("["))
+      const t = e.value.trim();
+      if (t.startsWith("{") || t.startsWith("["))
         try {
-          return JSON.parse(r);
+          return JSON.parse(t);
         } catch {
           return e.value;
         }
     }
     return e.value;
   }, []);
-  return /* @__PURE__ */ k(B.Provider, { value: f, children: [
-    /* @__PURE__ */ m(
-      w,
+  return /* @__PURE__ */ P(X.Provider, { value: C, children: [
+    /* @__PURE__ */ a("div", { ref: s, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ a(
+      z,
       {
-        theme: z,
+        theme: J,
         defaultColDef: N,
-        columnDefs: p,
+        columnDefs: f,
         cellSelection: !0,
         defaultColGroupDef: j,
-        onGridReady: R,
-        components: T,
-        processCellForClipboard: H,
-        processCellFromClipboard: P,
+        onGridReady: H,
+        components: L,
+        processCellForClipboard: T,
+        processCellFromClipboard: w,
         ensureDomOrder: !0,
+        suppressHeaderFocus: !1,
+        suppressFocusAfterRefresh: !0,
         suppressGroupRowsSticky: !0,
         columnTypes: {
           numericColumn: {
@@ -129,78 +158,78 @@ function ge({
             filter: "agDateColumnFilter"
           }
         },
-        ...o
+        ...u
       }
-    ),
-    i,
-    /* @__PURE__ */ m(
-      te,
+    ) }),
+    c,
+    /* @__PURE__ */ a(
+      oe,
       {
-        isOpen: v,
-        columnId: G,
-        gridApi: u,
-        onClose: f.closeAdvancedFilter,
-        onApply: f.applyAdvancedFilter
+        isOpen: G,
+        columnId: y,
+        gridApi: g,
+        onClose: C.closeAdvancedFilter,
+        onApply: C.applyAdvancedFilter
       }
     ),
-    /* @__PURE__ */ m(
-      re,
+    /* @__PURE__ */ a(
+      le,
       {
-        isOpen: D,
-        columnId: y,
-        gridApi: u,
+        isOpen: R,
+        columnId: b,
+        gridApi: g,
         anchor: I,
-        onClose: f.closeMenu
+        onClose: C.closeMenu
       }
     )
   ] });
 }
-function te({
-  isOpen: i,
-  columnId: n,
-  gridApi: l,
-  onClose: p,
-  onApply: c
+function oe({
+  isOpen: c,
+  columnId: l,
+  gridApi: i,
+  onClose: f,
+  onApply: d
 }) {
-  if (!i || !n || !l) return null;
-  const s = l.getColumn(n);
-  if (!s) return null;
-  const o = s.getColDef(), t = o.headerComponentParams, u = Q(o), M = u.text !== -1 || u.number !== -1 || u.date !== -1, v = u.set !== -1, G = o.filter === "agMultiColumnFilter" && (M || v) ? "multi" : o.filter === "agNumberColumnFilter" ? "number" : o.filter === "agDateColumnFilter" ? "date" : o.filter === "agSetColumnFilter" || t?.selectOptions ? "select" : "text", C = X(l.getFilterModel());
-  return /* @__PURE__ */ m(V, { fallback: null, children: /* @__PURE__ */ m(
-    ee,
+  if (!c || !l || !i) return null;
+  const m = i.getColumn(l);
+  if (!m) return null;
+  const u = m.getColDef(), r = u.headerComponentParams, s = Z(u), g = s.text !== -1 || s.number !== -1 || s.date !== -1, M = s.set !== -1, h = u.filter === "agMultiColumnFilter" && (g || M) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || r?.selectOptions ? "select" : "text", y = ee(i.getFilterModel());
+  return /* @__PURE__ */ a(_, { fallback: null, children: /* @__PURE__ */ a(
+    ne,
     {
-      isOpen: i,
-      onClose: p,
-      onApply: c,
-      columnId: n,
-      columnLabel: o.headerName || n,
-      columnType: G,
-      selectOptions: t?.selectOptions,
-      isMultiSelect: t?.isMultiSelect,
-      initialModel: C,
-      api: l
+      isOpen: c,
+      onClose: f,
+      onApply: d,
+      columnId: l,
+      columnLabel: u.headerName || l,
+      columnType: h,
+      selectOptions: r?.selectOptions,
+      isMultiSelect: r?.isMultiSelect,
+      initialModel: y,
+      api: i
     }
   ) });
 }
-function re({
-  isOpen: i,
-  columnId: n,
-  gridApi: l,
-  anchor: p,
-  onClose: c
+function le({
+  isOpen: c,
+  columnId: l,
+  gridApi: i,
+  anchor: f,
+  onClose: d
 }) {
-  return !i || !n || !l ? null : /* @__PURE__ */ m(
-    Y,
+  return !c || !l || !i ? null : /* @__PURE__ */ a(
+    te,
     {
-      isOpen: i,
-      columnId: n,
-      gridApi: l,
-      anchor: p,
-      onClose: c
+      isOpen: c,
+      columnId: l,
+      gridApi: i,
+      anchor: f,
+      onClose: d
     }
   );
 }
 export {
-  ge as AgGridWrapper,
-  ge as default
+  Fe as AgGridWrapper,
+  Fe as default
 };