impact-nova 1.6.6 → 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/calendar.js

@@ -4,13 +4,12 @@ import { ChevronLeftIcon as ye, ChevronRightIcon as Ne } from "lucide-react";
 import { getDefaultClassNames as Fe, DayPicker as Te } from "react-day-picker";
 import { cn as f } from "../../lib/utils.js";
 import { Button as P } from "./button.js";
-import "./button-variants.js";
 import fe from "./select/select.js";
 import { FISCAL_PATTERNS as Ke, resolveWeekSelection as We } from "../../lib/fiscal-calendar.js";
 import { getIntlLocale as qe, getDateFnsLocale as Ge } from "../../i18n/getDateFnsLocale.js";
 import { useImpactNovaI18n as Je } from "../../i18n/ImpactNovaI18nContext.js";
 const de = d.createContext(0);
-function lt({
+function ot({
   className: oe,
   classNames: J,
   showOutsideDays: y = !1,
@@ -778,6 +777,6 @@ function Qe({
   );
 }
 export {
-  lt as Calendar,
+  ot as Calendar,
   Qe as CalendarDayButton
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "description": "Enterprise-grade React design system built with React 19, Vite, Tailwind CSS, and Radix UI. Built-in internationalization (i18n) and comprehensive UI component library for scalable, accessible, and performant applications.",
   "type": "module",
   "main": "./dist/index.js",