impact-ui 4.0.0-alpha.2 → 4.0.0-alpha.20

package/MIGRATION_GUIDE.md

@@ -1,5 +1,35 @@
 # Migrating to impact-ui v4.0
 
+## Private npm packages `@impactsmartsuite/*` (v5.0+)
+
+The UI library and MCP server are published to [npm](https://www.npmjs.com/) under the **impactsmartsuite** organization as **private** scoped packages:
+
+- `@impactsmartsuite/impact-ui`
+- `@impactsmartsuite/impact-ui-mcp-server`
+
+Your npm user (or CI token) must have permission to install and publish these packages on that org. Authenticate against the default registry (`https://registry.npmjs.org/`):
+
+```bash
+npm login
+```
+
+For automation, use a granular access token with **read/publish** as appropriate and configure `~/.npmrc` or environment-based auth (for example `//registry.npmjs.org/:_authToken=${NPM_TOKEN}`). Do not commit tokens.
+
+**Install:**
+
+```bash
+npm install @impactsmartsuite/impact-ui
+```
+
+**Imports** (same subpath style as before, with the scoped package name):
+
+```tsx
+import { Button, Badge } from '@impactsmartsuite/impact-ui';
+import { Button } from '@impactsmartsuite/impact-ui/Button';
+```
+
+---
+
 ## Quick Start: Tree Shaking Migration (2 minutes)
 
 Version 4.0 introduces **tree shaking support** for significantly smaller bundle sizes. Follow these steps to migrate:
@@ -7,7 +37,7 @@ Version 4.0 introduces **tree shaking support** for significantly smaller bundle
 ### Step 1: Update the Package
 
 ```bash
-npm install impact-ui@latest
+npm install @impactsmartsuite/impact-ui@latest
 ```
 
 ### Step 2: Run Automatic Migration
@@ -20,15 +50,15 @@ This will automatically transform all your barrel imports to direct imports:
 
 **Before:**
 ```tsx
-import { Button, Input, Card, Alert } from 'impact-ui';
+import { Button, Input, Card, Alert } from '@impactsmartsuite/impact-ui';
 ```
 
 **After:**
 ```tsx
-import { Button } from 'impact-ui/Button';
-import { Input } from 'impact-ui/Input';
-import { Card } from 'impact-ui/Card';
-import { Alert } from 'impact-ui/Alert';
+import { Button } from '@impactsmartsuite/impact-ui/Button';
+import { Input } from '@impactsmartsuite/impact-ui/Input';
+import { Card } from '@impactsmartsuite/impact-ui/Card';
+import { Alert } from '@impactsmartsuite/impact-ui/Alert';
 ```
 
 ### Step 3: Verify Changes
@@ -260,7 +290,7 @@ If you see warnings about unknown exports:
 
 ### ESLint rule not working
 
-1. Ensure the plugin is installed: `npm install impact-ui`
+1. Ensure the plugin is installed: `npm install @impactsmartsuite/impact-ui`
 2. Restart your IDE/editor
 3. Check ESLint is configured correctly
 

package/README.md

@@ -1,6 +1,6 @@
-# impact-ui
+# @impactsmartsuite/impact-ui
 
-Impact Analytics UI Component Library - A modern, accessible React component library built with TypeScript and Vite.
+Impact Analytics UI Component Library - A modern, accessible React component library built with TypeScript and Vite (private npm package).
 
 ## Features
 
@@ -15,7 +15,7 @@ Impact Analytics UI Component Library - A modern, accessible React component lib
 ## Installation
 
 ```bash
-npm install impact-ui
+npm install @impactsmartsuite/impact-ui
 ```
 
 ## Usage
@@ -23,8 +23,8 @@ npm install impact-ui
 ### Basic Example
 
 ```typescript
-import { Button } from 'impact-ui';
-import 'impact-ui/styles';
+import { Button } from '@impactsmartsuite/impact-ui';
+import '@impactsmartsuite/impact-ui/styles';
 
 function App() {
   return (
@@ -38,7 +38,7 @@ function App() {
 ### TypeScript Support
 
 ```typescript
-import { Button, type ButtonProps } from 'impact-ui';
+import { Button, type ButtonProps } from '@impactsmartsuite/impact-ui';
 
 const props: ButtonProps = {
   variant: 'primary',

package/bin/migrate.js

@@ -73,12 +73,12 @@ ${colors.bright}Examples:${colors.reset}
 
 ${colors.bright}What it does:${colors.reset}
   ${colors.red}Before:${colors.reset}
-    import { Button, Input, Card } from 'impact-ui';
+    import { Button, Input, Card } from '@impactsmartsuite/impact-ui';
 
   ${colors.green}After:${colors.reset}
-    import { Button } from 'impact-ui/Button';
-    import { Input } from 'impact-ui/Input';
-    import { Card } from 'impact-ui/Card';
+    import { Button } from '@impactsmartsuite/impact-ui/Button';
+    import { Input } from '@impactsmartsuite/impact-ui/Input';
+    import { Card } from '@impactsmartsuite/impact-ui/Card';
 
 ${colors.bright}Benefits:${colors.reset}
   - Enables tree shaking for smaller bundle sizes
@@ -202,7 +202,7 @@ function main() {
       `${colors.red}Error: Transform file not found at ${transformPath}${colors.reset}`
     );
     console.error('This might indicate a corrupted impact-ui installation.');
-    console.error('Try reinstalling: npm install impact-ui');
+    console.error('Try reinstalling: npm install @impactsmartsuite/impact-ui');
     process.exit(1);
   }
 

package/codemods/transform.js

@@ -6,15 +6,21 @@
  *
  * Before:
  *   import { Button, Input, Card } from 'impact-ui';
+ *   import { Button, Input, Card } from '@impactsmartsuite/impact-ui';
  *
  * After:
  *   import { Button } from 'impact-ui/Button';
- *   import { Input } from 'impact-ui/Input';
- *   import { Card } from 'impact-ui/Card';
+ *   import { Button } from '@impactsmartsuite/impact-ui/Button';
  */
 
 const { buildExportLookup } = require('./component-map');
 
+const BARREL_SOURCES = ['impact-ui', '@impactsmartsuite/impact-ui'];
+
+function rewriteTargetPath(componentMapPath, barrelSource) {
+  return componentMapPath.replace(/^impact-ui(?=\/|$)/, barrelSource);
+}
+
 // Build the export lookup once at module load time
 const exportLookup = buildExportLookup();
 
@@ -30,15 +36,13 @@ module.exports = function transformer(fileInfo, api, options) {
   const root = j(fileInfo.source);
   let hasChanges = false;
 
-  // Find all imports from 'impact-ui' (barrel import)
   root
-    .find(j.ImportDeclaration, {
-      source: { value: 'impact-ui' },
-    })
+    .find(j.ImportDeclaration)
+    .filter((path) => BARREL_SOURCES.includes(path.node.source.value))
     .forEach((path) => {
+      const barrelSource = path.node.source.value;
       const specifiers = path.node.specifiers;
 
-      // Handle different import types
       const namedSpecifiers = specifiers.filter(
         (s) => s.type === 'ImportSpecifier'
       );
@@ -49,22 +53,18 @@ module.exports = function transformer(fileInfo, api, options) {
         (s) => s.type === 'ImportNamespaceSpecifier'
       );
 
-      // Skip namespace imports (import * as ImpactUI from 'impact-ui')
-      // These can't be automatically migrated
       if (namespaceSpecifier) {
         console.warn(
           `Warning: Cannot migrate namespace import in ${fileInfo.path}. ` +
-            'Please manually update: import * as ... from "impact-ui"'
+            `Please manually update: import * as ... from "${barrelSource}"`
         );
         return;
       }
 
-      // Skip if no named imports
       if (namedSpecifiers.length === 0) {
         return;
       }
 
-      // Group specifiers by their target path
       const groupedImports = {};
       const unknownImports = [];
 
@@ -83,11 +83,10 @@ module.exports = function transformer(fileInfo, api, options) {
         }
       });
 
-      // Create new import declarations
       const newImports = [];
 
-      // Add grouped imports (known components)
       Object.entries(groupedImports).forEach(([targetPath, imports]) => {
+        const mappedPath = rewriteTargetPath(targetPath, barrelSource);
         const newSpecifiers = imports.map(({ importedName, localName }) => {
           if (importedName === localName) {
             return j.importSpecifier(j.identifier(importedName));
@@ -97,37 +96,33 @@ module.exports = function transformer(fileInfo, api, options) {
             j.identifier(localName)
           );
         });
-        newImports.push(j.importDeclaration(newSpecifiers, j.literal(targetPath)));
+        newImports.push(j.importDeclaration(newSpecifiers, j.literal(mappedPath)));
       });
 
-      // Keep unknown imports in a barrel import (if any)
       if (unknownImports.length > 0) {
         const unknownNames = unknownImports.map((s) => s.imported.name).join(', ');
         console.warn(
           `Warning: Unknown imports in ${fileInfo.path}: ${unknownNames}. ` +
-            'These will remain as barrel imports. Please check if they exist in impact-ui.'
+            'These will remain as barrel imports. Please check if they exist in the package.'
         );
         newImports.push(
-          j.importDeclaration(unknownImports, j.literal('impact-ui'))
+          j.importDeclaration(unknownImports, j.literal(barrelSource))
         );
       }
 
-      // Handle default import if present (keep it separate)
       if (defaultSpecifier) {
         console.warn(
           `Warning: Default import found in ${fileInfo.path}. ` +
-            'impact-ui does not have a default export. Please check your import.'
+            'The library does not have a default export. Please check your import.'
         );
       }
 
-      // Replace the original import with new imports
       if (newImports.length > 0) {
         j(path).replaceWith(newImports);
         hasChanges = true;
       }
     });
 
-  // Return transformed source or null if no changes
   if (hasChanges) {
     return root.toSource({
       quote: 'single',
@@ -138,5 +133,4 @@ module.exports = function transformer(fileInfo, api, options) {
   return null;
 };
 
-// Set the parser to handle TSX files
 module.exports.parser = 'tsx';

package/dist/_virtual/BookmarkBorderOutlined.js

@@ -0,0 +1,4 @@
+var BookmarkBorderOutlined = {};
+export {
+  BookmarkBorderOutlined as __exports
+};

package/dist/_virtual/ChevronLeftOutlined.js

@@ -0,0 +1,4 @@
+var ChevronLeftOutlined = {};
+export {
+  ChevronLeftOutlined as __exports
+};

package/dist/_virtual/CloseRounded.js

@@ -0,0 +1,4 @@
+var CloseRounded = {};
+export {
+  CloseRounded as __exports
+};

package/dist/_virtual/FilterAltOutlined.js

@@ -0,0 +1,4 @@
+var FilterAltOutlined = {};
+export {
+  FilterAltOutlined as __exports
+};

package/dist/_virtual/FilterListOutlined.js

@@ -0,0 +1,4 @@
+var FilterListOutlined = {};
+export {
+  FilterListOutlined as __exports
+};

package/dist/_virtual/KeyboardRounded.js

@@ -0,0 +1,4 @@
+var KeyboardRounded = {};
+export {
+  KeyboardRounded as __exports
+};

package/dist/_virtual/index.js

@@ -1,4 +1,6 @@
-var highchartsBorderRadius = { exports: {} };
+import { getAugmentedNamespace } from "./_commonjsHelpers.js";
+import * as index from "../node_modules/@mui/material/utils/index.js";
+const require$$0 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  highchartsBorderRadius as __module
+  require$$0 as default
 };

package/dist/_virtual/index10.js

@@ -1,6 +1,6 @@
 import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/capitalize/index.js";
-const require$$5 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/getDisplayName/index.js";
+const require$$6 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$5 as default
+  require$$6 as default
 };

package/dist/_virtual/index11.js

@@ -1,6 +1,6 @@
 import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/getDisplayName/index.js";
-const require$$6 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../node_modules/@mui/system/esm/createTheme/index.js";
+const require$$7 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$6 as default
+  require$$7 as default
 };

package/dist/_virtual/index12.js

@@ -1,6 +1,6 @@
 import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/esm/createTheme/index.js";
-const require$$7 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../node_modules/@mui/system/esm/styleFunctionSx/index.js";
+const require$$8 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$7 as default
+  require$$8 as default
 };

package/dist/_virtual/index13.js

@@ -1,6 +1,4 @@
-import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/esm/styleFunctionSx/index.js";
-const require$$8 = /* @__PURE__ */ getAugmentedNamespace(index);
+var dist = {};
 export {
-  require$$8 as default
+  dist as __exports
 };

package/dist/_virtual/index14.js

@@ -1,4 +1,4 @@
-var dist = {};
+var callBind = { exports: {} };
 export {
-  dist as __exports
+  callBind as __module
 };

package/dist/_virtual/index15.js

@@ -1,4 +1,4 @@
-var reactIs = { exports: {} };
+var isSymbol = { exports: {} };
 export {
-  reactIs as __module
+  isSymbol as __module
 };

package/dist/_virtual/index16.js

@@ -1,4 +1,4 @@
-var isSymbol = { exports: {} };
+var reactIs = { exports: {} };
 export {
-  isSymbol as __module
+  reactIs as __module
 };

package/dist/_virtual/index2.js

@@ -1,6 +1,4 @@
-import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/material/utils/index.js";
-const require$$0 = /* @__PURE__ */ getAugmentedNamespace(index);
+var reactIs = { exports: {} };
 export {
-  require$$0 as default
+  reactIs as __module
 };

package/dist/_virtual/index3.js

@@ -1,4 +1,4 @@
-var reactIs = { exports: {} };
+var propTypes = { exports: {} };
 export {
-  reactIs as __module
+  propTypes as __module
 };

package/dist/_virtual/index4.js

@@ -1,4 +1,6 @@
-var propTypes = { exports: {} };
+import { getAugmentedNamespace } from "./_commonjsHelpers.js";
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
+const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  propTypes as __module
+  require$$1 as default
 };

package/dist/_virtual/index5.js

@@ -1,6 +1,6 @@
 import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
-const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
+const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$1 as default
+  require$$2 as default
 };

package/dist/_virtual/index6.js

@@ -1,6 +1,4 @@
-import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
-const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
+var reactIs = { exports: {} };
 export {
-  require$$2 as default
+  reactIs as __module
 };

package/dist/_virtual/index7.js

@@ -1,4 +1,6 @@
-var reactIs = { exports: {} };
+import { getAugmentedNamespace } from "./_commonjsHelpers.js";
+import * as index from "../node_modules/@mui/styled-engine/index.js";
+const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  reactIs as __module
+  require$$1 as default
 };

package/dist/_virtual/index8.js

@@ -1,6 +1,6 @@
 import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/styled-engine/index.js";
-const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/deepmerge/index.js";
+const require$$4 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$1 as default
+  require$$4 as default
 };

package/dist/_virtual/index9.js

@@ -1,6 +1,6 @@
 import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/deepmerge/index.js";
-const require$$4 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/capitalize/index.js";
+const require$$5 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$4 as default
+  require$$5 as default
 };

package/dist/components/Accordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,yBAAyB,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,wHAsHrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,yBAAyB,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,wHA+HrB,CAAC"}

package/dist/components/Accordion/index.js

@@ -1,7 +1,8 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".impact_accordion_main_container{background:#eceefd;display:flex;flex-direction:column;flex-wrap:wrap;gap:0;gap:12px;width:100%}.impact_accordion_main_container .Mui-expanded{margin:0!important}.impact_accordion_main_container .accordion_main_container{border-bottom:1px solid #d4d4d4;border-radius:8px;box-shadow:none!important}.impact_accordion_main_container .accordion_main_container:before{opacity:0!important}.impact_accordion_main_container .accordion_main_container .accordion_header{display:flex!important;flex-direction:row-reverse;flex-grow:0!important;font-size:16px;gap:12px;height:48px;justify-content:flex-end!important;margin:0 16px!important;padding:0!important}.impact_accordion_main_container .accordion_main_container .accordion_header .MuiAccordionSummary-content{color:#0d152c;flex-grow:0!important;justify-content:flex-end}.impact_accordion_main_container .accordion_main_container .accordion_header .css-yw020d-MuiAccordionSummary-expandIconWrapper{align-items:center;background:#f5f6fa;border-radius:8px;height:32px;justify-content:center;transform:rotate(-90deg);width:32px}.impact_accordion_main_container .accordion_main_container .accordion_header .css-yw020d-MuiAccordionSummary-expandIconWrapper.Mui-expanded{transform:rotate(-180deg)}.impact_accordion_main_container .accordion_main_container .accordion_header.Mui-expanded{margin:0 16px!important;min-height:48px!important}.impact_accordion_main_container .accordion_main_container .accordion_body{color:#0d152c;padding:12px 16px!important}.impact_accordion_main_container .css-1elwnq4-MuiPaper-root-MuiAccordion-root.Mui-disabled{background-color:#fff}.impact_accordion_main_container .css-1elwnq4-MuiPaper-root-MuiAccordion-root.Mui-disabled .css-yw020d-MuiAccordionSummary-expandIconWrapper{background-color:#f8f9fb}.impact_accordion_main_container .css-1elwnq4-MuiPaper-root-MuiAccordion-root.Mui-disabled .MuiAccordionSummary-content,.impact_accordion_main_container .css-1elwnq4-MuiPaper-root-MuiAccordion-root.Mui-disabled .accordion_body{color:#b4bac7}.impact_accordion_main_container_single .accordion_main_container:last-child{border-radius:8px}.Mui-expanded.accordion_main_container{border:1px solid #eff2fa!important}.Mui-expanded.MuiAccordionSummary-content{font-weight:500}.accordion_main_container:focus{box-shadow:-3px 3px #eceefd,1px -1px 0 2px #eceefd!important}.impact_accordion_main_container .css-1086bdv-MuiPaper-root-MuiAccordion-root.Mui-expanded{margin:0!important}.accordions_white .impact_accordion_main_container{background:#fff}.impact_accordion_main_container .accordion_main_container{border:1px solid #eff2fa}.accordion_header .Mui-expanded{font-weight:600}")),document.head.appendChild(o)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/ExpandMore.js";
-/* empty css                      */
+
 import Accordion$1 from "../../node_modules/@mui/material/Accordion/Accordion.js";
 import AccordionSummary from "../../node_modules/@mui/material/AccordionSummary/AccordionSummary.js";
 import AccordionDetails from "../../node_modules/@mui/material/AccordionDetails/AccordionDetails.js";
@@ -16,6 +17,8 @@ const Accordion = forwardRef(
     singleData,
     disabled = false,
     className = "",
+    id,
+    "data-testid": dataTestId,
     ...args
   }, ref) => {
     const handleSingleAccordionChange = useCallback(
@@ -57,6 +60,8 @@ const Accordion = forwardRef(
         {
           ref,
           className: `impact_accordion_main_container impact_accordion_main_container_single ${className}`.trim(),
+          "data-testid": dataTestId,
+          id,
           children: /* @__PURE__ */ jsxs(
             Accordion$1,
             {
@@ -85,36 +90,45 @@ const Accordion = forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx("div", { ref, className: `impact_accordion_main_container ${className}`.trim(), children: data.map((item, index) => {
-      const isExpanded = isMultiExpanded ? Array.isArray(expanded) && expanded.includes(item.value) : expanded === item.value;
-      return /* @__PURE__ */ jsxs(
-        Accordion$1,
-        {
-          className: "accordion_main_container",
-          defaultExpanded: isExpanded,
-          disabled: disabled || item.disabled,
-          expanded: isExpanded,
-          onChange: () => {
-            handleMultiAccordionChange(item.value);
-          },
-          ...args,
-          children: [
-            /* @__PURE__ */ jsx(
-              AccordionSummary,
-              {
-                "aria-controls": `${item.value}-content`,
-                className: "accordion_header",
-                expandIcon: /* @__PURE__ */ jsx(default_1, {}),
-                id: `${item.value}-header`,
-                children: item.header
-              }
-            ),
-            /* @__PURE__ */ jsx(AccordionDetails, { className: "accordion_body", children: item.content })
-          ]
-        },
-        item.value || index
-      );
-    }) });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: `impact_accordion_main_container ${className}`.trim(),
+        "data-testid": dataTestId,
+        id,
+        children: data.map((item, index) => {
+          const isExpanded = isMultiExpanded ? Array.isArray(expanded) && expanded.includes(item.value) : expanded === item.value;
+          return /* @__PURE__ */ jsxs(
+            Accordion$1,
+            {
+              className: "accordion_main_container",
+              defaultExpanded: isExpanded,
+              disabled: disabled || item.disabled,
+              expanded: isExpanded,
+              onChange: () => {
+                handleMultiAccordionChange(item.value);
+              },
+              ...args,
+              children: [
+                /* @__PURE__ */ jsx(
+                  AccordionSummary,
+                  {
+                    "aria-controls": `${item.value}-content`,
+                    className: "accordion_header",
+                    expandIcon: /* @__PURE__ */ jsx(default_1, {}),
+                    id: `${item.value}-header`,
+                    children: item.header
+                  }
+                ),
+                /* @__PURE__ */ jsx(AccordionDetails, { className: "accordion_body", children: item.content })
+              ]
+            },
+            item.value || index
+          );
+        })
+      }
+    );
   }
 );
 Accordion.displayName = "Accordion";

package/dist/components/AccordionModern/SortableAccordionComp.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import { useSensors, useSensor, DndContext, closestCenter, DragOverlay, TouchSensor, MouseSensor } from "../../node_modules/@dnd-kit/core/dist/core.esm.js";
-import { arrayMove, SortableContext, useSortable } from "../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
-import { CSS } from "../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
+import { useSensors, useSensor, MouseSensor, TouchSensor, DndContext, closestCenter, DragOverlay } from "@dnd-kit/core";
+import { arrayMove, SortableContext, useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
 import default_1 from "../../node_modules/@mui/icons-material/DragIndicator.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
 function SortableAccordionComp({

package/dist/components/AccordionModern/index.js

@@ -1,9 +1,10 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".impact-accordion-modern-main-container{display:flex;flex-direction:column;gap:12px}.impact-modern-accordion-item{background-color:#fff;border:1px solid #eff2fa;border-radius:8px;display:flex;flex-direction:column;transition:border .2s ease}.impact-modern-accordion-item .impact-modern-accordion-header{align-items:center;display:flex;flex-direction:row;gap:12px;height:48px;padding:8px 16px;width:100%}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-drag-icon svg{color:#60697d;height:20px;margin-top:2px;width:20px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon{align-items:center;background-color:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;padding:8px;transition:transform .2s ease-in-out;width:32px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon:hover{cursor:pointer}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon svg{fill:#60697d;height:20px;width:20px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-title{color:#0d152c;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:21px;width:100%}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-title.child-count{align-items:center;display:flex;gap:12px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-title.disabled{color:#b4bac7}.impact-modern-accordion-item .impact-modern-accordion-content{box-sizing:border-box;color:#0d152c;font-family:Manrope,sans-serif!important;font-size:14px;font-weight:500;height:0;line-height:21px;opacity:0;overflow:hidden;padding:0 16px;transition:height .2s ease,padding .2s ease,opacity .2s ease;visibility:hidden}.impact-modern-accordion-item .expand-content{height:auto;opacity:1;padding:16px;visibility:visible}.impact-modern-accordion-container.disabled{cursor:not-allowed}.impact-modern-accordion-container.disabled .impact-modern-accordion-item .impact-modern-accordion-header{pointer-events:none}.impact-modern-accordion-container.disabled .impact-modern-accordion-item .impact-modern-accordion-drag-icon,.impact-modern-accordion-container.disabled .impact-modern-accordion-item .impact-modern-accordion-expand-icon{background-color:#f8f9fb}.expand-content-icon{transform:rotate(-90deg)}.expand-content-icon+.impact-modern-accordion-title{fill:#60697d;font-weight:800!important}.expand-content-icon+.impact-modern-accordion-title h3{font-weight:800}.impact-modern-accordion-container:not(.disabled) .impact-modern-accordion-item:focus{box-shadow:0 0 0 3px #eceefd;outline:none}.impact-modern-accordion-container:not(.disabled) .impact-modern-accordion-item:focus-visible{box-shadow:0 0 0 3px #eceefd;outline:none}.impact-modern-accordion-container.disabled .impact-modern-accordion-item:focus,.impact-modern-accordion-container.disabled .impact-modern-accordion-item:focus-visible{box-shadow:none;outline:none}")),document.head.appendChild(o)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
 import { Badge } from "../Badge/index.js";
 import { SortableAccordionList } from "./SortableAccordionComp.js";
-/* empty css                            */
+
 function AccordionModern({
   draggable = false,
   expanded,

package/dist/components/Alert/index.js

@@ -1,3 +1,4 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-alert{align-items:flex-start;border:1px solid #c4e8d5;border-radius:8px;box-shadow:0 0 16px 5px #0000001f;box-sizing:border-box;display:flex;font-family:Manrope,sans-serif!important;font-size:12px!important;font-weight:500;min-height:36px;min-width:385px;padding:8px 16px!important;z-index:999999}.ia-styles.ia-alert .description{color:#60697d;font-size:12px;word-break:break-word}.ia-styles.ia-alert .MuiAlert-message{display:flex;flex-direction:column;flex-grow:1;gap:4px;justify-content:space-between;overflow:initial;padding:0}.ia-styles.ia-alert .MuiAlert-message button{color:#3649c6;font-size:12px;font-weight:500;height:16px;min-width:0;padding:0;text-transform:none}.ia-styles.ia-alert .MuiAlert-message button:not(:last-child){margin-right:6px}.ia-styles.ia-alert .MuiAlert-message button .MuiTouchRipple-root{visibility:hidden}.ia-styles.ia-alert .MuiAlert-message .close_btn_alert{background:#0000;color:#60697d}.ia-styles.ia-alert .MuiAlert-message .close_btn_alert:hover svg{color:#60697d!important}.ia-styles.ia-alert .MuiAlert-message .close_btn_alert:hover svg path{fill:#60697d!important}.ia-styles.ia-alert .MuiAlert-message .close_btn_alert:focus{outline:3px solid #0000}.ia-styles.ia-alert .MuiAlert-message .ia-alert-body{align-items:center;display:flex;flex-direction:row;gap:4px;padding:0}.ia-styles.ia-alert .MuiAlert-message .ia-alert-body>.MuiTypography-root{color:#0d152c;flex-grow:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;margin-bottom:0}.ia-styles.ia-alert.ia-subtleBackground{border:none!important;box-shadow:none!important}.ia-styles.ia-alert .MuiButtonBase-root:hover{background-color:initial;color:#29399f}.ia-styles.ia-alert .MuiAlert-icon{align-items:flex-start;font-size:18px;margin-right:12px;margin-top:-2px;opacity:1;padding:0}.ia-styles.ia-alert.MuiAlert-standardSuccess{background:#ebf7f1;border:1px solid #c4e8d5}.ia-styles.ia-alert.MuiAlert-standardSuccess .MuiAlert-icon{color:#3bb273}.ia-styles.ia-alert.MuiAlert-standardInfo{background:#e2f4ff;border:1px solid #c6cdfb}.ia-styles.ia-alert.MuiAlert-standardInfo .MuiAlert-icon{color:#4259ee}.ia-styles.ia-alert.MuiAlert-standardWarning{background:#fff8d5;border:1px solid #ffe770}.ia-styles.ia-alert.MuiAlert-standardWarning .MuiAlert-icon{color:#e1bc29}.ia-styles.ia-alert.MuiAlert-standardError{background:#feeaf3;border:1px solid #f3c1c0}.ia-styles.ia-alert.MuiAlert-standardError .MuiAlert-icon{color:#e15554}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import default_1$1 from "../../node_modules/@mui/icons-material/Cancel.js";
@@ -6,12 +7,12 @@ import default_1 from "../../node_modules/@mui/icons-material/Close.js";
 import default_1$3 from "../../node_modules/@mui/icons-material/Info.js";
 import default_1$2 from "../../node_modules/@mui/icons-material/Warning.js";
 import { Button } from "../Button/index.js";
-/* empty css                  */
+
 import Alert$1 from "../../node_modules/@mui/material/Alert/Alert.js";
 import AlertTitle from "../../node_modules/@mui/material/AlertTitle/AlertTitle.js";
 const Alert = forwardRef(
   ({
-    severity,
+    severity = "info",
     title,
     description = "",
     actionName = "",