impact-ui 5.0.0 → 5.0.1-beta.1

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

@@ -102,6 +102,48 @@ declare const _default: {
   "header.notifications": "Notificaciones",
   "header.comments": "Comentarios",
   "header.userMenu": "Menú de usuario",
+  "profileMenu.muteNotifications": "Silenciar notificaciones",
+  "profileMenu.themes": "Temas",
+  "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.none": "Ninguno",
+  "themingPanel.styles.laborDay": "Día del Trabajo",
+  "themingPanel.styles.halloween": "Halloween",
+  "themingPanel.styles.christmas": "Navidad",
+  "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,48 @@ const esES = {
   "header.notifications": "Notificaciones",
   "header.comments": "Comentarios",
   "header.userMenu": "Menú de usuario",
+  "profileMenu.muteNotifications": "Silenciar notificaciones",
+  "profileMenu.themes": "Temas",
+  "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.none": "Ninguno",
+  "themingPanel.styles.laborDay": "Día del Trabajo",
+  "themingPanel.styles.halloween": "Halloween",
+  "themingPanel.styles.christmas": "Navidad",
+  "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-08T07:14:59.641Z",
+  "generatedAt": "2026-10-15T05:27:21.633Z",
   "components": {
     "Menu": {
       "title": "Components/Menu",
@@ -2499,6 +2499,12 @@
           "defaultValue": [],
           "required": false
         },
+        "enableCustomDatePlacement": {
+          "description": "If true, <code>customWeekNumberData</code> decides which fiscal week and fiscal month each date belongs to. Dates are shown in the calendar panel matching their <code>fiscal_year_month</code> (grid layout unchanged). Week labels (with <code>showWeekNumbers</code>) and the Week / Month / Quarter / Year range selector follow the fiscal data. Each record has the format,\n      <code>\n          <ul class=\"storybook-order-list\">\n            <li><strong>calendar_week_start_date</strong>: UTC-midnight timestamp (ms) [number]</li>\n            <li><strong>fiscal_year_week</strong>: e.g. 202541 [number]</li>\n            <li><strong>fiscal_year_month</strong>: e.g. 202510 [number]</li>\n            <li><strong>fiscal_year_quarter</strong>: e.g. 202504 [number]</li>\n            <li><strong>fiscal_week_begin_date</strong>: UTC-midnight timestamp (ms) [number]</li>\n            <li><strong>fiscal_week_end_date</strong>: UTC-midnight timestamp (ms), inclusive [number]</li>\n          </ul>\n        </code>\n      Falls back to the default behavior when the data is missing or empty.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
         "showMonthYearSelect": {
           "description": "If true, show select dropdown for month and year.",
           "type": "boolean",
@@ -2541,6 +2547,15 @@
       },
       "storyFile": "src/stories/DateRangePicker.stories.tsx"
     },
+    "DesignTokensConsumerGuide": {
+      "title": "Getting Started/Design tokens & theming/Consumer guide",
+      "category": "Components",
+      "description": "Step-by-step: provider & muiIntegration → CSS vars → semanticColorVar → getSemanticColor → getColorToken → compose. Page background follows Theme toolbar.",
+      "examples": [],
+      "props": {},
+      "storyArgs": {},
+      "storyFile": "src/stories/DesignTokensConsumerGuide.stories.tsx"
+    },
     "EmptyState": {
       "title": "Components/EmptyState",
       "category": "Components",
@@ -2618,112 +2633,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"
@@ -2994,7 +3043,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:** pass `userName` (avatar label + profile heading) and optional `userEmail` (shown under the name). **Profile menu (default):** avatar opens `ProfileMenu` with Themes, optional `profileMenuItems` (extra rows with `label`, `icon`, `onClick`), and `onLogoutClick`. **Alternatives:** `userMenuPopup={(anchorEl) => …}` for a fully custom menu; `showProfileMenu={false}` + `dropMenuOptions` for the legacy `Menu` (deprecated). `dropMenuOptions={[]}` disables the avatar menu.",
       "examples": [],
       "props": {
         "title": {
@@ -3007,6 +3056,21 @@
           "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
+        },
+        "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",
@@ -3091,9 +3155,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 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": {
@@ -3129,13 +3204,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",
@@ -4161,6 +4250,9 @@
         }
       },
       "storyArgs": {
+        "OpenForThemeCheck": {
+          "open": true
+        },
         "Default": {
           "className": "",
           "anchor": "left",
@@ -6132,8 +6224,7 @@
           "columnDefs": "[",
           "field": "id",
           "headerName": "ID",
-          "filter": "agNumberColumnFilter",
-          "cellClass": "cell-renderer"
+          "filter": "agNumberColumnFilter"
         },
         "nestedTable": {
           "rowData": "carsData",
@@ -6459,6 +6550,15 @@
       },
       "storyFile": "src/stories/TextArea.stories.tsx"
     },
+    "ThemingPanel": {
+      "title": "Getting Started/Design tokens & theming/Theming panel",
+      "category": "Components",
+      "description": "Appearance modal (theme, accent, contrast, styles). Opened from Profile → Themes.",
+      "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;