impact-ui 5.0.1-alpha.2 → 5.0.1-beta.2

package/dist/locales/es-ES.json.d.ts

@@ -102,6 +102,51 @@ declare const _default: {
   "header.notifications": "Notificaciones",
   "header.comments": "Comentarios",
   "header.userMenu": "Menú de usuario",
+  "profileMenu.muteNotifications": "Silenciar notificaciones",
+  "profileMenu.themes": "Temas",
+  "profileMenu.themesTooltip": "Apariencia y temas. Estilo actual: {style}",
+  "themingPanel.appearance.title": "Apariencia",
+  "themingPanel.appearance.subtitle": "Personaliza el aspecto de tu interfaz",
+  "themingPanel.halloweenIntro.ariaLabel": "Aplicando estilo de Halloween",
+  "themingPanel.halloweenIntro.skip": "Omitir",
+  "themingPanel.tab.themes": "Temas",
+  "themingPanel.tab.navigation": "Navegación",
+  "themingPanel.interfaceTheme.title": "Tema de la interfaz",
+  "themingPanel.interfaceTheme.subtitle": "Selecciona o personaliza el tema de la UI",
+  "themingPanel.theme.system": "Sistema",
+  "themingPanel.accentColor.title": "Color de acento",
+  "themingPanel.accentColor.subtitle": "Personaliza tu interfaz con un color de acento personalizado",
+  "themingPanel.accentColor.blue": "Azul",
+  "themingPanel.accentColor.slate": "Pizarra",
+  "themingPanel.accentColor.purple": "Morado",
+  "themingPanel.accentColor.cyan": "Cian",
+  "themingPanel.accentColor.pink": "Rosa",
+  "themingPanel.accentColor.brown": "Marrón",
+  "themingPanel.accentColor.magenta": "Magenta",
+  "themingPanel.accentColor.sky": "Azul cielo",
+  "themingPanel.contrast.title": "Mejorar contraste",
+  "themingPanel.contrast.subtitle": "Aumenta el contraste para mejorar la visibilidad",
+  "themingPanel.contrast.subtle": "Sutil",
+  "themingPanel.contrast.default": "Predeterminado",
+  "themingPanel.contrast.dark": "Oscuro",
+  "themingPanel.styles.title": "Estilos",
+  "themingPanel.styles.subtitle": "Elige entre una variedad de estilos visuales y skins para personalizar el aspecto de tu interfaz",
+  "themingPanel.styles.classic": "Clásico",
+  "themingPanel.styles.laborDay": "Día del Trabajo",
+  "themingPanel.styles.halloween": "Halloween",
+  "themingPanel.styles.christmas": "Navidad",
+  "themingPanel.styles.cardTooltip": "{name}",
+  "themingPanel.styles.cardTooltipSelected": "{name} (seleccionado)",
+  "themingPanel.applyChanges": "Aplicar cambios",
+  "themingPanel.navigation.comingSoon": "La configuración de navegación estará disponible próximamente.",
+  "profileMenu.themeLight": "Claro",
+  "profileMenu.themeDark": "Oscuro",
+  "profileMenu.themeSystem": "Predeterminado del sistema",
+  "profileMenu.keyboardShortcuts": "Atajos de teclado",
+  "profileMenu.releaseNotes": "Notas de la versión",
+  "profileMenu.help": "Ayuda",
+  "profileMenu.allSettings": "Todos los ajustes",
+  "profileMenu.logout": "Cerrar sesión",
 
   "filtersStrip.allFilters": "Todos los filtros",
   "filtersStrip.filtersApplied": "Filtros aplicados",

package/dist/locales/es-ES.json.js

@@ -91,6 +91,51 @@ const esES = {
   "header.notifications": "Notificaciones",
   "header.comments": "Comentarios",
   "header.userMenu": "Menú de usuario",
+  "profileMenu.muteNotifications": "Silenciar notificaciones",
+  "profileMenu.themes": "Temas",
+  "profileMenu.themesTooltip": "Apariencia y temas. Estilo actual: {style}",
+  "themingPanel.appearance.title": "Apariencia",
+  "themingPanel.appearance.subtitle": "Personaliza el aspecto de tu interfaz",
+  "themingPanel.halloweenIntro.ariaLabel": "Aplicando estilo de Halloween",
+  "themingPanel.halloweenIntro.skip": "Omitir",
+  "themingPanel.tab.themes": "Temas",
+  "themingPanel.tab.navigation": "Navegación",
+  "themingPanel.interfaceTheme.title": "Tema de la interfaz",
+  "themingPanel.interfaceTheme.subtitle": "Selecciona o personaliza el tema de la UI",
+  "themingPanel.theme.system": "Sistema",
+  "themingPanel.accentColor.title": "Color de acento",
+  "themingPanel.accentColor.subtitle": "Personaliza tu interfaz con un color de acento personalizado",
+  "themingPanel.accentColor.blue": "Azul",
+  "themingPanel.accentColor.slate": "Pizarra",
+  "themingPanel.accentColor.purple": "Morado",
+  "themingPanel.accentColor.cyan": "Cian",
+  "themingPanel.accentColor.pink": "Rosa",
+  "themingPanel.accentColor.brown": "Marrón",
+  "themingPanel.accentColor.magenta": "Magenta",
+  "themingPanel.accentColor.sky": "Azul cielo",
+  "themingPanel.contrast.title": "Mejorar contraste",
+  "themingPanel.contrast.subtitle": "Aumenta el contraste para mejorar la visibilidad",
+  "themingPanel.contrast.subtle": "Sutil",
+  "themingPanel.contrast.default": "Predeterminado",
+  "themingPanel.contrast.dark": "Oscuro",
+  "themingPanel.styles.title": "Estilos",
+  "themingPanel.styles.subtitle": "Elige entre una variedad de estilos visuales y skins para personalizar el aspecto de tu interfaz",
+  "themingPanel.styles.classic": "Clásico",
+  "themingPanel.styles.laborDay": "Día del Trabajo",
+  "themingPanel.styles.halloween": "Halloween",
+  "themingPanel.styles.christmas": "Navidad",
+  "themingPanel.styles.cardTooltip": "{name}",
+  "themingPanel.styles.cardTooltipSelected": "{name} (seleccionado)",
+  "themingPanel.applyChanges": "Aplicar cambios",
+  "themingPanel.navigation.comingSoon": "La configuración de navegación estará disponible próximamente.",
+  "profileMenu.themeLight": "Claro",
+  "profileMenu.themeDark": "Oscuro",
+  "profileMenu.themeSystem": "Predeterminado del sistema",
+  "profileMenu.keyboardShortcuts": "Atajos de teclado",
+  "profileMenu.releaseNotes": "Notas de la versión",
+  "profileMenu.help": "Ayuda",
+  "profileMenu.allSettings": "Todos los ajustes",
+  "profileMenu.logout": "Cerrar sesión",
   "filtersStrip.allFilters": "Todos los filtros",
   "filtersStrip.filtersApplied": "Filtros aplicados",
   "filtersStrip.toggleDropdown": "Alternar menú de filtros",

package/dist/mcp-component-registry.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "generatedAt": "2026-10-15T13:16:40.878Z",
+  "generatedAt": "2026-10-16T09:57:30.185Z",
   "components": {
     "Menu": {
       "title": "Components/Menu",
@@ -346,41 +346,6 @@
       },
       "storyFile": "src/stories/AccordionModern.stories.tsx"
     },
-    "AdvanceSearch": {
-      "title": "Components/TableV36/Advance Search",
-      "category": "Components",
-      "description": "Interaction coverage for the advance search modal: attribute selection, operator",
-      "examples": [],
-      "props": {},
-      "storyArgs": {},
-      "storyFile": "src/stories/AdvanceSearch.stories.tsx"
-    },
-    "AdvanceSearchAtScale": {
-      "title": "Components/TableV36/Advance Search at Scale",
-      "category": "Components",
-      "description": "A wide, heavy grid for exercising advance search against every value shape at",
-      "examples": [],
-      "props": {
-        "rowCount": {
-          "description": "How many rows to generate. The data is seeded, so it is identical every run.",
-          "type": "unknown",
-          "required": true
-        },
-        "monthlyBuckets": {
-          "description": "Extra monthly currency columns, to push the column count from 45 up to 105.",
-          "type": "unknown",
-          "options": [
-            0,
-            12,
-            36,
-            60
-          ],
-          "required": true
-        }
-      },
-      "storyArgs": {},
-      "storyFile": "src/stories/AdvanceSearchAtScale.stories.tsx"
-    },
     "Alert": {
       "title": "Components/Alert",
       "category": "Components",
@@ -2547,6 +2512,15 @@
       },
       "storyFile": "src/stories/DateRangePicker.stories.tsx"
     },
+    "DesignTokensConsumerGuide": {
+      "title": "Getting Started/Design tokens & theming/Consumer guide",
+      "category": "Components",
+      "description": "Step-by-step: provider → MUI integration → CSS vars → JS color helpers → **reading theme / interface style** → **Header appearance callbacks**. Use the Storybook **Theme** toolbar or Profile → Themes → **Apply** to change live values in step 1 and step 8.",
+      "examples": [],
+      "props": {},
+      "storyArgs": {},
+      "storyFile": "src/stories/DesignTokensConsumerGuide.stories.tsx"
+    },
     "EmptyState": {
       "title": "Components/EmptyState",
       "category": "Components",
@@ -2624,112 +2598,146 @@
       "description": "",
       "examples": [],
       "props": {
-        "validFileTypes": {
-          "description": "An array of objects that accept the following props:\n        <ul>\n        <li>fileType: string</li>\n        <li>templateDownloader: func (Optional)</li>\n        <li>typeOverride: bool (Optional); when true, fileType compares directly to file.type</li>\n        <li>Note:- Allowded filetype: [pdf, image, xls, xlsx, csv, text, html, audio, video, zip]</li>",
+        "simulateAutoUpload": {
+          "description": "When true, new files automatically run a simulated upload progress bar.",
           "type": "unknown",
-          "options": [
-            "xlsx",
-            "csv"
-          ],
           "required": true
         },
-        "fileList": {
-          "description": "An array of objects with the following keys:\n      <ul>\n      <li>file: file object</li>\n      <li>progress: number (Optional) (from 0 to 100)</li>\n      <li>failed: bool (Optional) (when an upload fails)</li>\n      <li>isUploadRunning: bool (Optional) (when an upload is in progress)</li>\n      <li>timeRemaining: number (Optional) (in seconds)</li>\n      <li>onPause: func (Optional) (when you want to be able to pause the upload)</li>\n      <li>onRetry: func (Optional) (when failed is true and you want to retry)</li>\n      <li>failedMessage: string (Optional) (when failed is true and you want to show a message)</li>",
+        "disabled": {
+          "description": "",
           "type": "unknown",
           "required": true
         },
-        "onFileListChange": {
-          "description": "onFileListChange has only one prop: fileList",
+        "numberOfFiles": {
+          "description": "",
           "type": "unknown",
           "required": true
         },
-        "primaryButtonLabel": {
-          "description": "Label of the Primary button, If not passed does not display primary button.",
-          "type": "string",
+        "showHeader": {
+          "description": "",
+          "type": "unknown",
           "required": true
         },
-        "primaryButtonProps": {
-          "description": "You can pass Primary button props.",
-          "type": "object",
-          "defaultValue": "{",
-          "required": false
+        "showCloseIcon": {
+          "description": "",
+          "type": "unknown",
+          "required": true
         },
-        "secondaryButtonLabel": {
-          "description": "Label of the Secondary button of the Prompt, If not passed does not display secondary button.",
-          "type": "string",
+        "width": {
+          "description": "",
+          "type": "unknown",
           "required": true
         },
-        "secondaryButtonProps": {
-          "description": "You can pass Secondary button props.",
-          "type": "object",
-          "defaultValue": "{",
-          "required": false
+        "height": {
+          "description": "",
+          "type": "unknown",
+          "required": true
         },
-        "onPrimaryButtonClick": {
-          "description": "Function handles the event, when primary button is clicked.",
-          "type": "function",
+        "headerTitle": {
+          "description": "",
+          "type": "unknown",
           "required": true
         },
-        "onSecondaryButtonClick": {
-          "description": "Function handles the event, when secondary button is clicked.",
-          "type": "function",
+        "headerSubtitle": {
+          "description": "",
+          "type": "unknown",
           "required": true
         },
-        "customFailedActionButton": {
-          "description": "You can pass custom failed action button.",
-          "type": "React.ReactNode",
-          "defaultValue": "null",
-          "required": false
+        "primaryButtonLabel": {
+          "description": "",
+          "type": "unknown",
+          "required": true
         },
-        "showHeader": {
-          "description": "Whether to show the header",
-          "type": "boolean",
-          "defaultValue": "true",
-          "required": false
+        "secondaryButtonLabel": {
+          "description": "",
+          "type": "unknown",
+          "required": true
         },
-        "showCloseIcon": {
-          "description": "Whether to show the close icon",
-          "type": "boolean",
-          "defaultValue": "true",
-          "required": false
+        "validFileTypes": {
+          "description": "",
+          "type": "unknown",
+          "required": true
         },
-        "headerTitle": {
-          "description": "Title of the header",
-          "type": "string",
+        "fileList": {
+          "description": "",
+          "type": "unknown",
           "required": true
         },
-        "headerSubtitle": {
-          "description": "Subtitle of the header",
-          "type": "string",
+        "initialFileList": {
+          "description": "",
+          "type": "unknown",
           "required": true
         },
-        "width": {
-          "description": "Sets the width of the overall file upload container.",
-          "type": "string | number",
-          "defaultValue": "auto",
-          "required": false
+        "options": {
+          "description": "",
+          "type": "unknown",
+          "required": true
         },
-        "height": {
-          "description": "Sets the height of the file upload drop zone area.",
-          "type": "string | number",
-          "defaultValue": "auto",
-          "required": false
+        "selectedValues": {
+          "description": "",
+          "type": "unknown",
+          "required": true
         }
       },
       "storyArgs": {
-        "Default": {
-          "validFileTypes": "[",
-          "fileType": "xlsx",
-          "templateDownloader": "() => {"
+        "Playground": {
+          "simulateAutoUpload": true
+        },
+        "WithTemplateOptions": {
+          "simulateAutoUpload": true,
+          "options": "templateColumnOptions",
+          "selectedValues": "['Brands'"
+        },
+        "MultipleFiles": {
+          "numberOfFiles": 3,
+          "headerSubtitle": "You can upload up to 3 files",
+          "simulateAutoUpload": true
+        },
+        "UploadInProgress": {
+          "simulateAutoUpload": false,
+          "initialFileList": "[",
+          "progress": 52,
+          "isUploadRunning": true,
+          "timeRemaining": 28
+        },
+        "UploadFailed": {
+          "simulateAutoUpload": false,
+          "initialFileList": "[",
+          "failed": true,
+          "failedMessage": "Upload failed — invalid format",
+          "progress": 0,
+          "isUploadRunning": false
+        },
+        "UploadWithPause": {
+          "simulateAutoUpload": false,
+          "initialFileList": "[",
+          "progress": 35,
+          "isUploadRunning": true,
+          "timeRemaining": 40
+        },
+        "ReadyToSubmit": {
+          "simulateAutoUpload": false,
+          "initialFileList": "[",
+          "progress": 100,
+          "isUploadRunning": false
+        },
+        "Disabled": {
+          "disabled": true,
+          "simulateAutoUpload": false
+        },
+        "NoHeader": {
+          "showHeader": false,
+          "simulateAutoUpload": true
         },
-        "WithOptions": {
-          "validFileTypes": "['xlsx'",
-          "primaryButtonLabel": "Next",
-          "primaryButtonProps": "{",
-          "disabled": true
+        "CustomFailedAction": {
+          "simulateAutoUpload": false,
+          "initialFileList": "[",
+          "failed": true,
+          "failedMessage": "Policy violation"
         },
         "MultiLanguage": {
-          "headerTitle": "undefined"
+          "headerTitle": "undefined",
+          "simulateAutoUpload": true
         }
       },
       "storyFile": "src/stories/FileUpload.stories.tsx"
@@ -3000,7 +3008,7 @@
     "Header": {
       "title": "Patterns/Header",
       "category": "Patterns",
-      "description": "A header component is a section that typically includes the product",
+      "description": "App header with logo, actions, and avatar. **User identity:** `userName`, optional `userEmail`. **Profile menu (default):** avatar opens Profile → **Themes** (appearance panel), optional `profileMenuItems`, `onLogoutClick`. **Appearance callbacks (forwarded to Profile menu / theming panel):** `onAppearanceApply({ mode, style, … })` after **Apply**; `onAppearanceCancel` when dismissed without applying. Reading `mode` / interface style in app code: **Getting Started → Design tokens & theming → Consumer guide** (steps 8–9). **Alternatives:** `userMenuPopup` custom menu; `showProfileMenu={false}`; legacy `dropMenuOptions` (deprecated).",
       "examples": [],
       "props": {
         "title": {
@@ -3013,6 +3021,31 @@
           "type": "string",
           "required": true
         },
+        "userEmail": {
+          "description": "Email shown in the profile menu when the avatar is clicked",
+          "type": "string",
+          "required": true
+        },
+        "onLogoutClick": {
+          "description": "Called when Logout is chosen in the profile menu",
+          "type": "() => void",
+          "required": true
+        },
+        "onAppearanceApply": {
+          "description": "After **Apply** in Profile → Themes. Receives `{ mode, style, … }` (`ThemingPanelSettings`). Tokens and `impact-ui-preferences` in localStorage are already updated; use this for analytics or backend sync.",
+          "type": "(settings: ThemingPanelSettings) => void",
+          "required": true
+        },
+        "onAppearanceCancel": {
+          "description": "Called when Appearance is dismissed without applying (Cancel, X, Escape). Not called on Apply.",
+          "type": "() => void",
+          "required": true
+        },
+        "profileMenuItems": {
+          "description": "Extra profile menu rows below Themes: `{ id?, label, icon?, onClick?, disabled?, closeOnClick? }[]`",
+          "type": "ProfileMenuItem[]",
+          "required": true
+        },
         "showNotificationIcon": {
           "description": "If true, display a Notification Icon.",
           "type": "boolean",
@@ -3097,14 +3130,20 @@
           "defaultValue": "null",
           "required": false
         },
+        "showProfileMenu": {
+          "description": "When true (default), avatar opens ProfileMenu with Themes and Logout. Set false to use legacy `dropMenuOptions` Menu instead.",
+          "type": "boolean",
+          "defaultValue": "true",
+          "required": false
+        },
         "userMenuPopup": {
-          "description": "Render prop that replaces the default avatar Menu (driven by `dropMenuOptions`).",
+          "description": "Render prop that replaces ProfileMenu and legacy `dropMenuOptions`.",
           "type": "(anchorEl: HTMLElement | null) => ReactNode",
           "required": true
         },
         "dropMenuOptions": {
-          "description": "It is array object which contains Menu when user clicks on User avatar.\n    //   <code>\n    //   <ul>\n    //     <li>label: Option label of the menu [string]</li>\n    //     <li>onClick: handles event when clicked on option [function]</li>\n    //     </ul>\n    //     </code>",
-          "type": "unknown",
+          "description": "**Deprecated.** Ignored when `showProfileMenu` is true (default). Use `profileMenuItems` for extra rows.",
+          "type": "HeaderDropMenuOption[]",
           "required": true
         },
         "avatarType": {
@@ -3140,13 +3179,27 @@
         "Default": {
           "title": "Product Name",
           "userName": "User Name",
+          "userEmail": "user.name@impactanalytics.co",
           "showNotificationIcon": true,
           "notificationIndicator": true,
           "showHelpIcon": true,
           "showMessageIcon": true,
           "showChatBotIcon": true,
           "isMessageIconDisabled": false,
-          "isNotificationDnd": false
+          "isNotificationDnd": false,
+          "profileMenuItems": "[",
+          "id": "all-settings",
+          "label": "All settings",
+          "icon": "<SettingsOutlinedIcon className=\"ia-profile-menu-item-icon\" fontSize=\"small\" />",
+          "onClick": "fn()"
+        },
+        "WithCustomUserMenuPopup": {
+          "title": "Product Name",
+          "userName": "User Name",
+          "showNotificationIcon": false,
+          "showHelpIcon": false,
+          "showMessageIcon": false,
+          "showChatBotIcon": false
         },
         "WithLanguageSwitcher": {
           "title": "Product Name",
@@ -3434,11 +3487,6 @@
           "showLandingPage": false,
           "showTutorial": false,
           "showAllSetBox": true
-        },
-        "MultiLanguage": {
-          "showLandingPage": true,
-          "showTutorial": false,
-          "showAllSetBox": false
         }
       },
       "storyFile": "src/stories/KeyboardShortcuts.stories.tsx"
@@ -4172,6 +4220,9 @@
         }
       },
       "storyArgs": {
+        "OpenForThemeCheck": {
+          "open": true
+        },
         "Default": {
           "className": "",
           "anchor": "left",
@@ -4862,15 +4913,6 @@
       "storyArgs": {},
       "storyFile": "src/stories/SelectPerformance.stories.tsx"
     },
-    "Shortcuts": {
-      "title": "Components/Shortcuts",
-      "category": "Components",
-      "description": "Demonstrates how application teams integrate the keyboard shortcut system",
-      "examples": [],
-      "props": {},
-      "storyArgs": {},
-      "storyFile": "src/stories/Shortcuts.stories.tsx"
-    },
     "Sidebar": {
       "title": "Patterns/Sidebar",
       "category": "Patterns",
@@ -5966,7 +6008,6 @@
           "viewPoint": "list",
           "suppressRowClickSelection": true,
           "suppressColumnMenu": true,
-          "loading": true,
           "defaultColDef": "{",
           "maxWidth": 120
         },
@@ -6470,6 +6511,15 @@
       },
       "storyFile": "src/stories/TextArea.stories.tsx"
     },
+    "ThemingPanel": {
+      "title": "Getting Started/Design tokens & theming/Theming panel",
+      "category": "Components",
+      "description": "Low-level appearance modal (used inside Profile → Themes in production).",
+      "examples": [],
+      "props": {},
+      "storyArgs": {},
+      "storyFile": "src/stories/ThemingPanel.stories.tsx"
+    },
     "Toast": {
       "title": "Components/Toast",
       "category": "Components",

package/dist/node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js

@@ -1,10 +1,10 @@
 import { StyleSheet } from "../../sheet/dist/emotion-sheet.esm.js";
-import { serialize, stringify } from "../../../stylis/src/Serializer.js";
-import { compile } from "../../../stylis/src/Parser.js";
-import { middleware, rulesheet } from "../../../stylis/src/Middleware.js";
-import { RULESET, KEYFRAMES, WEBKIT, DECLARATION, MS, MOZ } from "../../../stylis/src/Enum.js";
+import { RULESET, KEYFRAMES, DECLARATION, WEBKIT, MS, MOZ } from "../../../stylis/src/Enum.js";
 import { combine, replace, hash, charat, strlen, indexof, match, from } from "../../../stylis/src/Utility.js";
+import { serialize, stringify } from "../../../stylis/src/Serializer.js";
 import { copy, dealloc, alloc, next, token, peek, delimit, slice, position } from "../../../stylis/src/Tokenizer.js";
+import { middleware, rulesheet } from "../../../stylis/src/Middleware.js";
+import { compile } from "../../../stylis/src/Parser.js";
 var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
   var previous = 0;
   var character = 0;