npm - impact-nova - Versions diffs - 0.1.0 - Mend

impact-nova 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (502) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,237 @@
+# Impact Nova 🚀
+**Impact Nova** is a comprehensive, enterprise-grade React design system engineered for scalability, performance, and accessibility. Built on the modern stack of **React 19**, **Vite**, and **Tailwind CSS**, it empowers developers to build complex, data-rich applications with speed and precision.
+> "Design is not just what it looks like and feels like. Design is how it works."
+<div align="center">
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![React](https://img.shields.io/badge/React-19.0-61dafb.svg?style=flat&logo=react)](https://react.dev)
+[![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/)
+</div>
+---
+## 🎯 Objectives & Benefits
+Impact Nova is designed to solve common challenges in enterprise application development.
+- **Consistency**: A single source of truth for UI components ensures a unified look and feel across all products.
+- **Velocity**: Ready-to-use, tested components allow developers to focus on feature logic rather than pixel-pushing.
+- **Quality**: Built-in accessibility and rigorous testing raise the baseline quality of every application.
+- **Scalability**: The system is architected to grow with the business, supporting new features and distinct brand themes.
+---
+## 📐 Design Principles
+Impact Nova is built upon four core pillars that guide every component application:
+1. **Accessibility First**: Components are built on **Radix UI** primitives, ensuring full WAI-ARIA compliance, keyboard support, and screen reader compatibility.
+2. **Composition over Inheritance**: We favor composition. Use sub-components (e.g., `Dialog.Content`) for full control without prop drilling.
+3. **Design Tokens**: Styling is driven by tokens (colors, typography, spacing) mapped via Tailwind CSS, ensuring pixel-perfect consistency.
+4. **Developer Experience**: Built for speed with strict TypeScript, intuitive naming, and comprehensive documentation to help you move fast.
+---
+## 🚀 Getting Started
+Everything you need to install, configure, and start building with **Impact Nova**.
+### Installation
+Install the package via your preferred package manager. Impact Nova requires React 19 or later.
+```bash
+npm install impact-nova
+# or
+pnpm add impact-nova
+# or
+yarn add impact-nova
+```
+> **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
+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 styles before your App
+import 'impact-nova/dist/impact-nova.css';
+import App from './App';
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <App />
+);
+```
+### Typography
+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" />
+    ```
+2.  **Configure Tailwind**:
+    ```css
+    @layer base {
+      body {
+        font-family: 'Manrope', sans-serif;
+      }
+    }
+    ```
+---
+## 🔨 Usage
+Import components directly from the package. All components export strong TypeScript definitions for props and events.
+### Core Components
+```tsx
+import { Button, Card, DatePicker } from 'impact-nova';
+export default function MyPage() {
+  return (
+    <Card className="p-6">
+      <h1 className="text-xl font-bold mb-4">Dashboard</h1>
+      <div className="flex gap-4">
+        <DatePicker />
+        <Button variant="primary">Save Changes</Button>
+      </div>
+    </Card>
+  );
+}
+```
+### Using Icons
+Impact Nova includes a custom-built icon library. Icons are treeshakeable and accept standard SVG props.
+```tsx
+import { Icons } from 'impact-nova';
+export function StatusBadge() {
+  return (
+    <div className="flex items-center gap-2 text-green-600">
+      <Icons.CheckCircle size={16} />
+      <span>Operation Successful</span>
+    </div>
+  );
+}
+```
+### Type Safety
+You can import component props to ensure type safety in your own interfaces.
+```tsx
+import { Button, type ButtonProps } from 'impact-nova';
+interface CustomActionProps extends ButtonProps {
+  analyticsId: string;
+}
+export const CustomAction = ({ analyticsId, ...props }: CustomActionProps) => {
+  return <Button {...props} onClick={() => track(analyticsId)} />;
+};
+```
+---
+## 🏗️ Architecture
+The library utilizes a modern, headless architecture pattern:
+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.
+---
+## � Component Library
+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
+- Select, Slider
+- File Upload
+- Date Picker, Date Range Picker
+- Month Picker, Week Picker
+- Prompt, Form Group
+### 🧭 Navigation
+- Sidebar, Navigation Bar
+- Tabs, Breadcrumb, Stepper
+- Card, Accordion, Nested List
+- Header, Separator
+- Dynamic Layout
+### 💬 Feedback & Overlay
+- Alert, Alert Dialog, Dialog
+- Sheet, Drawer, Modal
+- Toast, Tooltip, Popover
+- Hover Card, Dropdown Menu
+- Loader, Skeleton, Progress Bar
+### 📊 Data Display
+- Avatar, Badge, Tag, Chips
+- Calendar, Chart
+- Empty Container, Notification Panel
+- Table (AG Grid), Data Table
+- Product Tile, Value With Unit
+---
+## 📞 Support & Community
+- **Issue Reporting**: Submit bugs or feature requests to our [Jira Board](https://impactanalytics.atlassian.net/jira/software/c/projects/DES/issues).
+- **Community**: Join `#design-system-support` on [Slack](https://teamimpactanalytics.slack.com/archives/C05U9SU8FB8) for quick questions and integration help.
+---
+## ✨ Credits & Contributors
+**Core Development**
+- Anil M
+- Ritesh Ranjan
+**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
+---
+## 📄 License
+Impact Nova is licensed under the [MIT License](LICENSE).

package/dist/App.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare function App(): import("react/jsx-runtime").JSX.Element;
2	+ export default App;

package/dist/assets/flatten.worker-C7x-Wj6s.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/components/layout/dashboard-layout.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import * as React from "react";
+interface DashboardLayoutProps extends React.ComponentProps<"div"> {
+    /**
+     * The Sidebar component (e.g. <AppSidebar />)
+     */
+    sidebar: React.ReactNode;
+    /**
+     * The Header component (e.g. <Header />)
+     */
+    header: React.ReactNode;
+    /**
+     * Optional Breadcrumb component
+     */
+    breadcrumb?: React.ReactNode;
+    /**
+     * Optional FilterStrip component
+     */
+    filterStrip?: React.ReactNode;
+    /**
+     * Main content (e.g. <Outlet /> or page content)
+     */
+    children: React.ReactNode;
+}
+export declare function DashboardLayout({ sidebar, header, breadcrumb, filterStrip, children, className, ...props }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/accordion-nested-list/accordion-nested-list.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { AccordionNestedListProps } from '../types/accordion-nested-list.types';
+export declare const AccordionNestedList: React.FC<AccordionNestedListProps>;

package/dist/components/ui/accordion-nested-list/accordion-nested-list.js ADDED Viewed

@@ -0,0 +1,105 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { useState as W, useCallback as s, useMemo as _ } from "react";
+import { Accordion as q, AccordionItem as z, AccordionTrigger as F, AccordionContent as G } from "../accordion.js";
+import { Button as A } from "../button.js";
+import { NestedList as H } from "../nested-list/nested-list.js";
+import { useAccordionNestedListState as J } from "./hooks/useAccordionNestedListState.js";
+import { SelectionMode as K } from "../types/nested-list.types.js";
+import { cn as P } from "../../../lib/utils.js";
+const re = ({
+  sections: t,
+  onChange: d,
+  onSubmit: h,
+  onCancel: m,
+  enableApplyDiscard: g = !0,
+  submitButtonLabel: N = "Apply",
+  cancelButtonLabel: C = "Reset",
+  className: v = "",
+  enableSearch: S = !0,
+  enableDragDrop: y = !0,
+  enableSelectAll: b = !0,
+  selectionMode: x = K.CASCADE_DOWN,
+  searchPlaceholder: k = "Search...",
+  value: D,
+  onValueChange: V,
+  isMultiExpanded: n = !0,
+  defaultCollapseAll: j = !1,
+  validateApply: i
+}) => {
+  const {
+    currentSections: l,
+    hasChanges: c,
+    setCurrentSection: u,
+    saveAllSections: f,
+    discardAllSections: p
+  } = J({ sections: t }), [L, w] = W(() => j ? n ? [] : "" : t.length > 0 ? n ? [t[0].id] : t[0].id : n ? [] : ""), B = D ?? L, I = V ?? w, M = s(
+    (e, a) => {
+      u(e, a), d?.(e, a);
+    },
+    [d, u]
+  ), O = s(() => {
+    f(), h?.(l);
+  }, [l, h, f]), R = s(() => {
+    p(), m?.();
+  }, [p, m]), T = _(() => c ? i ? i(l) : !0 : !1, [c, i, l]);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: P("flex flex-col h-full", v),
+      "data-testid": "accordion-nested-list-container",
+      children: [
+        /* @__PURE__ */ r("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ r(
+          q,
+          {
+            type: n ? "multiple" : "single",
+            value: B,
+            onValueChange: I,
+            className: "space-y-4",
+            children: t.map((e) => /* @__PURE__ */ o(z, { value: e.id, children: [
+              /* @__PURE__ */ r(F, { children: e.label }),
+              /* @__PURE__ */ r(G, { className: "min-h-0 h-full", children: /* @__PURE__ */ r("div", { className: "h-full min-h-0 pb-2", children: /* @__PURE__ */ r(
+                H,
+                {
+                  items: l[e.id] || [],
+                  onChange: (a) => M(e.id, a),
+                  enableApplyDiscard: !1,
+                  enableSearch: S,
+                  enableDragDrop: y,
+                  enableSelectAll: b,
+                  selectionMode: e.selectionMode ?? x,
+                  searchPlaceholder: k,
+                  className: "h-full"
+                }
+              ) }) })
+            ] }, e.id))
+          }
+        ) }),
+        g && /* @__PURE__ */ o("div", { className: "flex-shrink-0 flex justify-end gap-2 pt-4 border-t mt-4", children: [
+          /* @__PURE__ */ r(
+            A,
+            {
+              variant: "tertiary",
+              onClick: R,
+              disabled: !c,
+              "data-testid": "discard-changes",
+              children: C
+            }
+          ),
+          /* @__PURE__ */ r(
+            A,
+            {
+              variant: "default",
+              onClick: O,
+              disabled: !T,
+              "data-testid": "apply-changes",
+              children: N
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  re as AccordionNestedList
+};

package/dist/components/ui/accordion-nested-list/hooks/useAccordionNestedListState.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { NestedListItem } from '../../types/nested-list.types';
+import { AccordionNestedListSection } from '../../types/accordion-nested-list.types';
+interface UseAccordionNestedListStateProps {
+    sections: AccordionNestedListSection[];
+}
+interface UseAccordionNestedListStateReturn {
+    currentSections: Record<string, NestedListItem[]>;
+    savedSections: Record<string, NestedListItem[]>;
+    hasChanges: boolean;
+    setCurrentSection: (sectionId: string, items: NestedListItem[]) => void;
+    saveAllSections: () => void;
+    discardAllSections: () => void;
+}
+/**
+ * Hook to manage state for AccordionNestedList
+ * Tracks current and saved state for all sections
+ */
+export declare const useAccordionNestedListState: ({ sections, }: UseAccordionNestedListStateProps) => UseAccordionNestedListStateReturn;
+export {};

package/dist/components/ui/accordion-nested-list/hooks/useAccordionNestedListState.js ADDED Viewed

@@ -0,0 +1,41 @@
+import { useMemo as a, useState as u, useEffect as O } from "react";
+const g = ({
+  sections: n
+}) => {
+  const o = a(() => {
+    const t = {};
+    return n.forEach((s) => {
+      t[s.id] = JSON.parse(JSON.stringify(s.items));
+    }), t;
+  }, [n]), [e, i] = u(o), [r, S] = u(o);
+  O(() => {
+    const t = {};
+    n.forEach((s) => {
+      t[s.id] = JSON.parse(JSON.stringify(s.items));
+    }), i(t), S(t);
+  }, [n]);
+  const N = a(() => Object.keys(e).some((t) => {
+    const s = JSON.stringify(e[t]), c = JSON.stringify(r[t]);
+    return s !== c;
+  }), [e, r]);
+  return {
+    currentSections: e,
+    savedSections: r,
+    hasChanges: N,
+    setCurrentSection: (t, s) => {
+      i((c) => ({
+        ...c,
+        [t]: JSON.parse(JSON.stringify(s))
+      }));
+    },
+    saveAllSections: () => {
+      S(JSON.parse(JSON.stringify(e)));
+    },
+    discardAllSections: () => {
+      i(JSON.parse(JSON.stringify(r)));
+    }
+  };
+};
+export {
+  g as useAccordionNestedListState
+};

package/dist/components/ui/accordion-nested-list/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './accordion-nested-list';
2	+ export * from '../types/accordion-nested-list.types';

package/dist/components/ui/accordion-nested-list/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+import { AccordionNestedList as r } from "./accordion-nested-list.js";
+export {
+  r as AccordionNestedList
+};

package/dist/components/ui/accordion.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    badge?: React.ReactNode;
+    rightActions?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/ui/accordion.js ADDED Viewed

@@ -0,0 +1,52 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as s from "react";
+import * as e from "@radix-ui/react-accordion";
+import { ChevronRight as l } from "lucide-react";
+import { cn as d } from "../../lib/utils.js";
+const v = e.Root, f = s.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ t(
+  e.Item,
+  {
+    ref: a,
+    className: d("border-b rounded-lg bg-white overflow-hidden border-b-[#D9DDE7]", r),
+    ...o
+  }
+));
+f.displayName = "AccordionItem";
+const p = s.forwardRef(({ className: r, children: o, badge: a, rightActions: i, ...c }, m) => /* @__PURE__ */ t(e.Header, { className: "flex", children: /* @__PURE__ */ n(
+  e.Trigger,
+  {
+    ref: m,
+    className: d(
+      "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",
+      r
+    ),
+    ...c,
+    children: [
+      /* @__PURE__ */ t("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__ */ t(l, { className: "h-4 w-4 transition-transform duration-200" }) }),
+      /* @__PURE__ */ n("div", { className: "flex flex-1 items-center justify-between", children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
+          o,
+          a
+        ] }),
+        i
+      ] })
+    ]
+  }
+) }));
+p.displayName = e.Trigger.displayName;
+const x = s.forwardRef(({ className: r, children: o, ...a }, i) => /* @__PURE__ */ t(
+  e.Content,
+  {
+    ref: i,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...a,
+    children: /* @__PURE__ */ t("div", { className: d("px-4 pb-4 pt-2", r), children: o })
+  }
+));
+x.displayName = e.Content.displayName;
+export {
+  v as Accordion,
+  x as AccordionContent,
+  f as AccordionItem,
+  p as AccordionTrigger
+};

package/dist/components/ui/ag-grid-react/cell-renderers/actions-cell-renderer.d.ts ADDED Viewed

@@ -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;
+    displayName: string;
+};

package/dist/components/ui/ag-grid-react/cell-renderers/actions-cell-renderer.js ADDED Viewed

@@ -0,0 +1,27 @@
+import { jsx as r, jsxs as s, Fragment as n } from "react/jsx-runtime";
+import { Button as m } from "../../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/ui/ag-grid-react/cell-renderers/badge-cell-renderer.d.ts ADDED Viewed

@@ -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;
+    displayName: string;
+};

package/dist/components/ui/ag-grid-react/cell-renderers/badge-cell-renderer.js ADDED Viewed

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