impact-nova 2.0.9 → 2.1.0-alpha.10

package/README.md

@@ -47,12 +47,35 @@ Visit **[https://impact-nova.iaproducts.ai/](https://impact-nova.iaproducts.ai/)
 
 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.
 
+**Repo guides:** [Getting started](./docs/guides/getting-started.md) · [Deprecations](./docs/guides/deprecations.md) · [Testing](./docs/guides/testing.md) · [All guides](./docs/guides/README.md)
+
 ### 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.
 
+### Ecosystem tooling (MCP, doctor, ESLint, codemods)
+
+| Tool | npm? | Use in app repos |
+|------|------|------------------|
+| **impact-nova-mcp** | ✅ Published | MCP tools for agents (`get_component`, `validate_usage`, …) |
+| **impact-nova-doctor** | ✅ Bin on `impact-nova-mcp` | `npx impact-nova-doctor` — CI compliance scan |
+| **create-impact-nova** | ✅ Published | `npx create-impact-nova` — Vite + Nova scaffold |
+| **eslint-plugin-impact-nova** | ❌ Monorepo only (for now) | Charter ESLint rules — used inside this repo, not on npm yet |
+| **@impact-nova/codemods** | ❌ Monorepo only (for now) | Prop migration transforms — maintainer tooling until published |
+
+Full matrix: **[docs/guides/consumer-tooling.md](docs/guides/consumer-tooling.md)**.
+
+```bash
+# Typical consumer app setup
+npm install impact-nova impact-nova-icons
+npm install -D impact-nova-mcp
+npx impact-nova-doctor
+```
+
+Scaffolds from `create-impact-nova` include `doctor` scripts and a GitHub Actions workflow for PR validation.
+
 ### LLM editor rules (`impact-nova/llms` + vibe-rules)
 
 This package ships a **`./llms`** export so assistants can load **static** Impact Nova conventions from the same Markdown as **impact-nova-mcp** under [`packages/mcp/data/`](packages/mcp/data). It is built into **`dist/llms`** when you run `npm run build` on this repo.
@@ -131,21 +154,27 @@ Impact Nova looks best with **Manrope**. We recommend adding it to your project:
 
 ## 🔨 Usage
 
-Import components directly from the package. All components export strong TypeScript definitions for props and events.
+Import components via **subpath exports** for tree-shaking. All components export strong TypeScript definitions.
+
+> Prefer subpath imports in application code. The root barrel (`impact-nova`) exists for convenience only.
 
 ### Core Components
 
 ```tsx
-import { Button, Card, DatePicker } from "impact-nova";
+import { Button } from "impact-nova/button";
+import { Card, CardContent, CardHeader, CardTitle } from "impact-nova/card";
+import { DatePicker } from "impact-nova/date-picker";
 
-export default function MyPage() {
+export function MyPage() {
   return (
     <Card className="p-6">
-      <h1 className="text-xl font-bold mb-4">Dashboard</h1>
-      <div className="flex gap-4">
+      <CardHeader>
+        <CardTitle>Dashboard</CardTitle>
+      </CardHeader>
+      <CardContent className="flex gap-4">
         <DatePicker />
-        <Button variant="primary">Save Changes</Button>
-      </div>
+        <Button variant="default">Save Changes</Button>
+      </CardContent>
     </Card>
   );
 }
@@ -153,15 +182,15 @@ export default function MyPage() {
 
 ### Using Icons
 
-Impact Nova includes a custom-built icon library. Icons are treeshakeable and accept standard SVG props.
+Icons ship in the peer package **`impact-nova-icons`**. Import named icons directly:
 
 ```tsx
-import { Icons } from "impact-nova";
+import { CheckCircle } from "impact-nova-icons";
 
 export function StatusBadge() {
   return (
     <div className="flex items-center gap-2 text-green-600">
-      <Icons.CheckCircle size={16} />
+      <CheckCircle size={16} />
       <span>Operation Successful</span>
     </div>
   );
@@ -170,10 +199,10 @@ export function StatusBadge() {
 
 ### Type Safety
 
-You can import component props to ensure type safety in your own interfaces.
+Import props from the same subpath as the component:
 
 ```tsx
-import { Button, type ButtonProps } from "impact-nova";
+import { Button, type ButtonProps } from "impact-nova/button";
 
 interface CustomActionProps extends ButtonProps {
   analyticsId: string;
@@ -235,17 +264,18 @@ Calendar, date pickers, Select, NestedList, DataTableColumnList, and aria labels
 
 ---
 
-## 🏗️ Architecture
+## Architecture
 
-The library utilizes a modern, headless architecture pattern:
+The library uses a **category-folder** source layout (`primitives/`, `forms/`, `data/`, `flows/`, …) with stable **subpath exports** for consumers. See [component-layout.md](docs/guides/component-layout.md).
 
-1.  **Logic Layer**: Headless state management and interactions powered by Radix UI and internal hooks.
-2.  **Styling Layer**: Utility-first CSS using **Tailwind CSS** and **class-variance-authority (CVA)** for scalable, type-safe component variant management.
-3.  **Build System**: High-performance tooling with Vite and React 19 for instant HMR.
+1. **Logic Layer**: Headless state management and interactions powered by Radix UI and internal hooks.
+2. **Styling Layer**: Utility-first CSS using **Tailwind CSS** and **class-variance-authority (CVA)** for scalable, type-safe component variant management.
+3. **Build System**: High-performance tooling with Vite and React 19 for instant HMR.
+4. **Registry + MCP**: Component metadata is generated from TypeScript for AI tools (`impact-nova-mcp`).
 
 ---
 
-## � Component Library
+## Component Library
 
 Impact Nova provides a rich set of components structured for any enterprise use-case.
 

package/dist/components/data/ag-grid-react/ag-grid-cell-components.d.ts

@@ -0,0 +1,65 @@
+export declare const AG_GRID_CELL_COMPONENTS: {
+    readonly empty: {
+        (): null;
+        displayName: string;
+    };
+    readonly badge: {
+        (props: import('./cell-renderers/badge-cell-renderer').BadgeCellRendererProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+    readonly statusBadge: {
+        (props: import('./cell-renderers/status-badge-renderer').StatusBadgeRendererProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+    readonly actions: {
+        (props: import('./cell-renderers/actions-cell-renderer').ActionsCellRendererProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+    readonly link: {
+        (props: import('./cell-renderers/link-with-batch-cell-renderer').LinkCellRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly split: {
+        (props: import('./cell-renderers/split-cell-renderer').SplitCellRendererProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+    readonly inputDisplay: {
+        (props: import('./cell-renderers/input-display-renderer').InputDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly selectDisplay: {
+        (props: import('./cell-renderers/select-display-renderer').SelectDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly checkboxDisplay: {
+        (props: import('./cell-renderers/checkbox-display-renderer').CheckboxDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly switchDisplay: {
+        (props: import('./cell-renderers/switch-display-renderer').SwitchDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly textareaDisplay: {
+        (props: import('./cell-renderers/textarea-display-renderer').TextAreaDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly dateDisplay: {
+        (props: import('./cell-renderers/date-display-renderer').DateDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly percentProgressDisplay: {
+        (props: import('./cell-renderers/percent-progress-display-renderer').PercentProgressDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly inputEditor: import('react').NamedExoticComponent<import('./cell-renderers/editors/input-cell-editor').InputCellEditorProps & import('react').RefAttributes<import('./cell-renderers/editors/input-cell-editor').InputCellEditorHandle>>;
+    readonly selectEditor: import('react').ForwardRefExoticComponent<import('./cell-renderers/editors/select-cell-editor').SelectCellEditorProps & import('react').RefAttributes<unknown>>;
+    readonly textareaEditor: import('react').ForwardRefExoticComponent<import('./cell-renderers/editors/textarea-cell-editor').TextAreaCellEditorProps & import('react').RefAttributes<unknown>>;
+    readonly dateEditor: import('react').ForwardRefExoticComponent<import('./cell-renderers/editors/date-cell-editor').DateCellEditorProps & import('react').RefAttributes<unknown>>;
+    readonly splitEditor: import('react').ForwardRefExoticComponent<import('./cell-renderers/editors/split-cell-editor').SplitCellEditorProps & import('react').RefAttributes<unknown>>;
+    readonly percentProgressEditor: import('react').NamedExoticComponent<import('./cell-renderers/editors/percent-progress-cell-editor').PercentProgressCellEditorProps & import('react').RefAttributes<{
+        getValue: () => unknown;
+        isCancelBeforeStart: () => boolean;
+        isCancelAfterEnd: () => boolean;
+    }>>;
+};
+export type AgGridCellComponentKey = keyof typeof AG_GRID_CELL_COMPONENTS;

package/dist/components/data/ag-grid-react/ag-grid-react.types.d.ts

@@ -0,0 +1 @@
+export type { AgGridWrapperProps, ImpactNovaColDef, ExtendedHeaderComponentParams, AdvancedFilterModel, } from './ag-grid.types';

package/dist/components/data/ag-grid-react/ag-grid-tooltip-overflow.d.ts

@@ -0,0 +1,3 @@
+export type AgGridTooltipOverflowMode = "line-clamp" | "ellipsis";
+/** Matches AG Grid `_isElementOverflowingCallback` (horizontal or vertical). */
+export declare function isAgGridTextOverflowing(element: HTMLElement, mode?: AgGridTooltipOverflowMode): boolean;

package/dist/components/data/ag-grid-react/ag-grid-tooltip-overflow.js

@@ -0,0 +1,6 @@
+function l(i, r = "line-clamp") {
+  return r === "ellipsis" ? i.clientWidth < i.scrollWidth : i.clientHeight < i.scrollHeight || i.clientWidth < i.scrollWidth;
+}
+export {
+  l as isAgGridTextOverflowing
+};

package/dist/components/data/ag-grid-react/ag-grid.types.d.ts

@@ -0,0 +1,193 @@
+import { ReactNode } from 'react';
+import { ColDef, ColGroupDef, IHeaderParams, IHeaderGroupParams, Column, ValueFormatterParams } from 'ag-grid-community';
+import { Theme } from 'ag-grid-enterprise';
+import { AgGridReactProps } from 'ag-grid-react';
+/** ColDef extended with Impact Nova runtime metadata set during column processing */
+export interface ImpactNovaColDef<TData = unknown> extends ColDef<TData> {
+    /** Original column-level editable before addRowDataEditableCheck wraps the callback */
+    _originalEditable?: boolean;
+}
+/**
+ * Extended header component params for custom header
+ * Extends IHeaderParams to include all AG Grid header properties plus custom ones
+ */
+export interface ExtendedHeaderComponentParams extends Partial<IHeaderParams> {
+    /** Whether to show the info icon */
+    showInfoIcon?: boolean;
+    /** Tooltip text for the info icon */
+    infoTooltip?: string;
+    /** Callback when info icon is clicked */
+    onInfoClick?: (params: IHeaderParams | IHeaderGroupParams) => void;
+    handleInlineSearch?: (value: string | number | Date | null) => void;
+    handleClearSearchInline?: (params: IHeaderParams) => void;
+    handleCloseInputField?: () => void;
+    onColumnSearchClick?: (params: IHeaderParams) => void;
+    onAdvanceSearchClick?: (column: Column) => void;
+    toggleAdvanceSearch?: (colId: string) => void;
+    isSearchable?: boolean;
+    advanceSearchEnabled?: boolean;
+    selectOptions?: Array<{
+        label: string | ReactNode;
+        value: string;
+        [key: string]: unknown;
+    }>;
+    isMultiSelect?: boolean;
+    onSelectScrollToBottom?: () => void;
+    onSelectSearchChange?: (value: string) => void;
+    onSelectOpen?: () => void;
+    isLoadingSelect?: boolean;
+    fetchSelectError?: Error | null;
+    enableSpaceSplitting?: boolean;
+    enableBooleanParsing?: boolean;
+    enableDateParsing?: boolean;
+    /** Which picker to render for date columns. Default: 'date' */
+    datePickerVariant?: 'date' | 'month' | 'week';
+    /** Display format for dates in this column (date-fns token string). Default: "MM/dd/yyyy" */
+    dateDisplayFormat?: string;
+    /** Fiscal calendar configuration for week/month picker */
+    fiscalConfig?: {
+        calendarType?: 'calendar' | 'fiscal';
+        fiscalMode?: 'basic' | 'advanced' | 'custom';
+        selectionMode?: 'week' | 'fiscalMonth';
+        fiscalMonthPattern?: number[];
+        fiscalYearStartMonth?: number;
+        weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    };
+    /** Generic info data for the info modal */
+    infoData?: InfoContent;
+    /** How to display the information (tooltip or modal) */
+    displayMode?: 'tooltip' | 'modal';
+}
+export type SectionType = 'TEXT' | 'KEY_VALUE' | 'BADGES' | 'LINK';
+export interface UISectionBase {
+    type: SectionType;
+    /** Whether to show a separator above or below this section */
+    separator?: boolean | 'top' | 'bottom' | 'both';
+}
+export interface TextSection extends UISectionBase {
+    type: 'TEXT';
+    variant?: 'heading' | 'paragraph' | 'caption';
+    data: {
+        label?: string;
+        content: string;
+    };
+}
+export interface KeyValueItem {
+    label: string;
+    value: string | number | boolean;
+}
+export interface KeyValueSection extends UISectionBase {
+    type: 'KEY_VALUE';
+    data: {
+        items: KeyValueItem[];
+    };
+}
+export interface BadgesSection extends UISectionBase {
+    type: 'BADGES';
+    data: {
+        label?: string;
+        items: {
+            label: string;
+            variant?: 'solid' | 'outline' | 'subtle';
+            color?: 'primary' | 'success' | 'warning' | 'destructive';
+        }[];
+    };
+}
+export interface LinkSection extends UISectionBase {
+    type: 'LINK';
+    data: {
+        label?: string;
+        text: string;
+        url: string;
+    };
+}
+export type UISection = TextSection | KeyValueSection | BadgesSection | LinkSection;
+export interface InfoContent {
+    title?: string;
+    description?: string;
+    sections: UISection[];
+}
+/**
+ * Props for `AgGridWrapper` — low-level AG Grid Enterprise surface.
+ *
+ * Forwards [`AgGridReact`](https://www.ag-grid.com/react-data-grid/grid-options/) props except `theme`
+ * (Impact Nova theme is applied internally). Application feature code should use
+ * `DataTable` / `DataTableContent` from `impact-nova/data-table` instead.
+ */
+export interface AgGridWrapperProps<TData = unknown> extends Omit<AgGridReactProps<TData>, 'theme' | 'defaultColDef' | 'defaultColGroupDef'> {
+    /** Content rendered inside the grid container — rarely needed; use for overlays or custom chrome. */
+    children?: ReactNode;
+    /**
+     * Default settings applied to every column unless overridden in `columnDefs`.
+     * Common keys: `sortable`, `filter`, `resizable`, `flex`, `minWidth`.
+     * Merged with Impact Nova wrapper defaults (custom header, theme, formatters).
+     */
+    defaultColDef?: ColDef<TData>;
+    /**
+     * Default settings for column groups (nested header rows).
+     * Merged with wrapper defaults when using grouped column headers.
+     */
+    defaultColGroupDef?: ColGroupDef<TData>;
+    /**
+     * When true (default), DOM order matches visual column order for screen readers.
+     * Set false on very large planning grids (10k+ columns) for better virtualization performance.
+     */
+    ensureDomOrder?: boolean;
+    /**
+     * Map of formatter name → function. Lets backend column defs reference formatters by string key.
+     * Example: `{ currency: (p) => '$' + p.value }` then column def uses `valueFormatter: 'currency'`.
+     */
+    valueFormatters?: Record<string, (params: ValueFormatterParams) => string>;
+    /**
+     * Theme Builder preview only — resolves AG Grid params from a scoped DOM node.
+     * Application code must rely on document CSS variables and the default theme.
+     */
+    themeOverride?: Theme;
+}
+/**
+ * Filter operators for advanced filtering.
+ * Supports text, numeric, and special operators.
+ */
+export type FilterOperator = 'contains' | 'notContains' | 'equals' | 'notEqual' | 'startsWith' | 'endsWith' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'inRange' | 'empty' | 'notEmpty';
+/**
+ * A single filter rule targeting one column.
+ */
+export interface AdvancedFilterRule {
+    /** Unique identifier for the rule */
+    id: string;
+    /** The column ID to filter */
+    columnId: string;
+    /** The filter operator */
+    operator: FilterOperator;
+    /** The primary filter value */
+    value: string | string[];
+    /** Secondary value for range filters (inRange) */
+    valueTo?: string;
+    /** Column type for proper AG Grid filterType (derived from colDef.filter) */
+    columnType?: 'text' | 'number' | 'date' | 'select' | 'multi';
+}
+/**
+ * A group of filter conditions with AND/OR logic.
+ * Can contain rules or nested groups.
+ */
+export interface AdvancedFilterGroup {
+    /** Unique identifier for the group */
+    id: string;
+    /** Logical operator to combine conditions */
+    logic: 'AND' | 'OR';
+    /** Child conditions (rules or nested groups) */
+    conditions: (AdvancedFilterRule | AdvancedFilterGroup)[];
+}
+/**
+ * The complete advanced filter model.
+ * Contains top-level logic and array of rules/groups.
+ */
+export interface AdvancedFilterModel {
+    /** Top-level logical operator (fallback when columnLogic is missing for a column) */
+    logic: 'AND' | 'OR';
+    /** Array of filter rules or groups */
+    rules: (AdvancedFilterRule | AdvancedFilterGroup)[];
+    /** Per-column logic operators. Key = columnId, value = AND/OR.
+     *  When present, takes precedence over the top-level `logic` for that column. */
+    columnLogic?: Record<string, 'AND' | 'OR'>;
+}

package/dist/components/data/ag-grid-react/build-ag-grid-theme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from 'ag-grid-enterprise';
+/** Resolve AG Grid theme params from live CSS variables on the preview scope. */
+export declare function buildAgGridThemeFromScope(scope: HTMLElement | null): Theme;

package/dist/components/data/ag-grid-react/cell-renderers/actions-cell-renderer.d.ts

@@ -0,0 +1,30 @@
+import { ICellRendererParams } from 'ag-grid-community';
+import { ActionButton } from './types';
+export interface ActionsCellRendererProps extends ICellRendererParams {
+    /** Array of action button configurations */
+    actions: ActionButton[];
+}
+/**
+ * ActionsCellRenderer - Display-only renderer showing action buttons.
+ *
+ * Stateless: renders buttons from the `actions` array config.
+ * Each button's onClick receives the row data.
+ *
+ * Usage in colDef:
+ * ```ts
+ * {
+ *   headerName: 'Actions',
+ *   cellRenderer: ActionsCellRenderer,
+ *   cellRendererParams: {
+ *     actions: [
+ *       { label: 'Edit', onClick: (data) => editRow(data), variant: 'outline', size: 'sm' },
+ *       { label: 'Delete', onClick: (data) => deleteRow(data), variant: 'destructive', size: 'sm' },
+ *     ]
+ *   }
+ * }
+ * ```
+ */
+export declare const ActionsCellRenderer: {
+    (props: ActionsCellRendererProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/components/data/ag-grid-react/cell-renderers/actions-cell-renderer.js

@@ -0,0 +1,27 @@
+import { jsx as r, jsxs as s, Fragment as n } from "react/jsx-runtime";
+import { Button as m } from "../../../primitives/button/button.js";
+const t = (i) => {
+  const { actions: l, data: a } = i;
+  return !l || l.length === 0 ? null : /* @__PURE__ */ r("div", { className: "flex gap-2 items-center h-full w-full ag-cell-inner-padding", children: l.map((e, d) => /* @__PURE__ */ r(
+    m,
+    {
+      onClick: () => e.onClick(a),
+      variant: e.variant ?? "default",
+      size: e.size ?? "sm",
+      className: e.className,
+      disabled: e.disabled,
+      children: e.iconPlacement === "right" ? /* @__PURE__ */ s(n, { children: [
+        e.label,
+        e.icon
+      ] }) : /* @__PURE__ */ s(n, { children: [
+        e.icon,
+        e.label
+      ] })
+    },
+    d
+  )) });
+};
+t.displayName = "ActionsCellRenderer";
+export {
+  t as ActionsCellRenderer
+};

package/dist/components/data/ag-grid-react/cell-renderers/badge-cell-renderer.d.ts

@@ -0,0 +1,44 @@
+import { ICellRendererParams } from 'ag-grid-community';
+export interface BadgeCellRendererProps extends ICellRendererParams {
+    /** Badge variant: 'filled' | 'stroke' | 'subtle' (mapped to impact-nova variants) */
+    variant?: string;
+    variantField?: string;
+    /** Badge color: 'default' | 'info' | 'success' | 'warning' | 'error' (mapped to impact-nova colors) */
+    color?: string;
+    colorField?: string;
+    /** Whether to show an icon inside the badge */
+    isIcon?: boolean;
+    isIconField?: string;
+    /** Icon element to display inside the badge */
+    icon?: React.ReactNode;
+    iconField?: string;
+    /** Badge label (overrides cell value) */
+    badgeLabel?: string;
+    badgeLabelField?: string;
+    /** Badge size */
+    size?: 'small' | 'default';
+    sizeField?: string;
+}
+/**
+ * BadgeCellRenderer - Display-only renderer showing a Badge component.
+ *
+ * Stateless: derives everything from props and row data.
+ * Supports both static props and dynamic field-driven values.
+ *
+ * Usage in colDef:
+ * ```ts
+ * {
+ *   field: 'status',
+ *   cellRenderer: BadgeCellRenderer,
+ *   cellRendererParams: {
+ *     variant: 'subtle',
+ *     colorField: 'statusColor',   // reads color from rowData.statusColor
+ *     badgeLabelField: 'statusLabel',
+ *   }
+ * }
+ * ```
+ */
+export declare const BadgeCellRenderer: {
+    (props: BadgeCellRendererProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/components/data/ag-grid-react/cell-renderers/badge-cell-renderer.js

@@ -0,0 +1,23 @@
+import { jsx as d, jsxs as m } from "react/jsx-runtime";
+import { Badge as g } from "../../../data-display/badge/badge.js";
+import { getFieldValue as l, mapBadgeColor as f, mapBadgeVariant as u } from "./cell-renderer-utils.js";
+const h = (e) => {
+  const { data: i, value: n } = e, a = l(e.badgeLabelField, e.badgeLabel, i) ?? (n != null ? String(n) : void 0), c = l(e.variantField, e.variant, i) ?? "filled", r = l(e.colorField, e.color, i) ?? "default", o = l(e.isIconField, e.isIcon, i), t = l(e.iconField, e.icon, i), s = l(e.sizeField, e.size, i);
+  return a ? /* @__PURE__ */ d("div", { className: "w-full h-full flex items-center justify-start ag-cell-inner-padding", children: /* @__PURE__ */ d(
+    g,
+    {
+      variant: u(c),
+      color: f(r),
+      size: s === "small" ? "sm" : "md",
+      style: { fontSize: "inherit", lineHeight: "inherit" },
+      children: o && t ? /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
+        t,
+        a
+      ] }) : a
+    }
+  ) }) : null;
+};
+h.displayName = "BadgeCellRenderer";
+export {
+  h as BadgeCellRenderer
+};

package/dist/components/data/ag-grid-react/cell-renderers/date-display-renderer.js

@@ -0,0 +1,57 @@
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
+import { Calendar as y } from "impact-nova-icons";
+const D = (t, i) => {
+  if (t == null || t === "") return "";
+  try {
+    const e = t instanceof Date ? t : new Date(String(t));
+    return isNaN(e.getTime()) ? String(t) : i === "time" ? e.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : i === "datetime-local" ? e.toLocaleString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    }) : e.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return String(t);
+  }
+}, x = (t) => {
+  const {
+    valueFormatted: i,
+    value: e,
+    dateType: m = "date",
+    placeholder: g = "Select date...",
+    disabled: s,
+    colDef: r,
+    data: l
+  } = t, o = e && typeof e == "object" && "cellMetadata" in e ? e.cellMetadata?._isDisabled : void 0, c = l && typeof l == "object" && "rowMetadata" in l ? l.rowMetadata?._isDisabled : void 0;
+  let a = !1;
+  if (!s) {
+    const p = r?._originalEditable;
+    r?.editable === !1 ? a = !1 : o === !1 ? a = !0 : o === !0 ? a = !1 : c === !1 ? a = !0 : c === !0 ? a = !1 : a = p === !0 || r?.editable === !0;
+  }
+  const d = e && typeof e == "object" && "value" in e, h = d ? e.value : e, u = (d ? null : i) ?? D(h, m), f = !u;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: `w-full h-full flex items-center ag-cell-inner-padding ${s ? "opacity-60 cursor-not-allowed" : a ? "in-ag-editable-cell-highlight" : ""}`,
+      children: /* @__PURE__ */ b(
+        "div",
+        {
+          className: `flex w-full items-center justify-between rounded-[8px] px-1.5 h-7 ${a ? "bg-canvas-elevated cursor-pointer" : "bg-inherit"}`,
+          children: [
+            /* @__PURE__ */ n("span", { className: `truncate text-sm font-medium text-content ${f ? "text-content-empty" : ""}`, children: f ? g : u }),
+            a && /* @__PURE__ */ n("span", { className: "h-3.5 w-3.5 shrink-0 text-content-icon", children: /* @__PURE__ */ n(y, { className: "h-3.5 w-3.5" }) })
+          ]
+        }
+      )
+    }
+  );
+};
+x.displayName = "DateDisplayRenderer";
+export {
+  x as DateDisplayRenderer
+};

package/dist/components/data/ag-grid-react/cell-renderers/default-text-cell-renderer.d.ts

@@ -0,0 +1,5 @@
+import { ICellRendererParams } from 'ag-grid-community';
+/**
+ * Default text cell renderer — truncation + AG Grid tooltip when overflowed.
+ */
+export declare const DefaultTextCellRenderer: import('react').NamedExoticComponent<ICellRendererParams<any, any, any>>;

package/dist/components/data/ag-grid-react/cell-renderers/default-text-cell-renderer.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as u, useRef as f, useEffect as i } from "react";
+import { isAgGridTextOverflowing as s } from "../ag-grid-tooltip-overflow.js";
+const x = u(function(e) {
+  const r = f(null), t = e.valueFormatted ?? (e.value != null ? String(e.value) : ""), { setTooltip: l } = e;
+  return i(() => {
+    t.trim() && l(t, () => {
+      const n = r.current;
+      return n ? s(n, "ellipsis") : !1;
+    });
+  }, [t, l]), /* @__PURE__ */ o("span", { ref: r, className: "truncate block w-full", children: t });
+});
+export {
+  x as DefaultTextCellRenderer
+};