impact-ui 4.0.6-tableV36.4 → 4.0.6-tableV36.5

package/dist/_virtual/index13.js

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

package/dist/_virtual/index14.js

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

package/dist/_virtual/index3.js

@@ -1,6 +1,4 @@
-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);
+var reactIs = { exports: {} };
 export {
-  require$$1 as default
+  reactIs as __module
 };

package/dist/_virtual/index4.js

@@ -1,6 +1,6 @@
 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);
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
+const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$2 as default
+  require$$1 as default
 };

package/dist/_virtual/index5.js

@@ -1,4 +1,6 @@
-var reactIs = { exports: {} };
+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);
 export {
-  reactIs as __module
+  require$$2 as default
 };

package/dist/components/AccordionModern/SortableAccordionComp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableAccordionComp.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionModern/SortableAccordionComp.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,MAAM,CAAC;AAE3D,UAAU,0BAA0B;IAClC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,0BAA0B,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,aAAa,CAAC;CAC5B;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,0BAA0B,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,0BAA0B,EAC1B,WAAW,EACX,UAAkB,EAClB,SAAiB,GAClB,EAAE,0BAA0B,2CAwE5B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,0BAA0B,EAC1B,WAAW,GACZ,EAAE,0BAA0B,2CA6D5B"}
+{"version":3,"file":"SortableAccordionComp.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionModern/SortableAccordionComp.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,MAAM,CAAC;AAE3D,UAAU,0BAA0B;IAClC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,0BAA0B,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,aAAa,CAAC;CAC5B;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,0BAA0B,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,0BAA0B,EAC1B,WAAW,EACX,UAAkB,EAClB,SAAiB,GAClB,EAAE,0BAA0B,2CA2E5B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,0BAA0B,EAC1B,WAAW,GACZ,EAAE,0BAA0B,2CA6D5B"}

package/dist/components/AccordionModern/SortableAccordionComp.js

@@ -5,6 +5,7 @@ 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";
+import { useTranslation } from "../../i18n/useTranslation.js";
 function SortableAccordionComp({
   item,
   handleMultiAccordionChange,
@@ -12,6 +13,7 @@ function SortableAccordionComp({
   isDragging = false,
   isOverlay = false
 }) {
+  const { t } = useTranslation();
   const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
     id: item.id
   });
@@ -40,7 +42,7 @@ function SortableAccordionComp({
         {
           className: "impact-modern-accordion-drag-icon",
           ...isOverlay ? {} : { ...attributes, ...listeners },
-          "aria-label": "Drag to reorder",
+          "aria-label": t("accordion.dragToReorder"),
           children: /* @__PURE__ */ jsx(default_1, {})
         }
       ),
@@ -49,7 +51,7 @@ function SortableAccordionComp({
         {
           "aria-controls": `${item.value}-content`,
           "aria-expanded": expandClass === "expand-content",
-          "aria-label": expandClass === "expand-content" ? "Collapse" : "Expand",
+          "aria-label": expandClass === "expand-content" ? t("common.collapse") : t("common.expand"),
           className: `impact-modern-accordion-expand-icon ${expandClass}-icon`,
           role: "button",
           tabIndex: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,KAAK,oHAgEjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,KAAK,oHAkEjB,CAAC"}

package/dist/components/Alert/index.js

@@ -8,6 +8,7 @@ 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";
 
+import { useTranslation } from "../../i18n/useTranslation.js";
 import Alert$1 from "../../node_modules/@mui/material/Alert/Alert.js";
 import AlertTitle from "../../node_modules/@mui/material/AlertTitle/AlertTitle.js";
 const Alert = forwardRef(
@@ -24,6 +25,8 @@ const Alert = forwardRef(
     className = "",
     ...args
   }, ref) => {
+    const { t } = useTranslation();
+    const severityTitleKey = `alert.severity.${severity}`;
     const classStr = `ia-styles ia-alert ${subtleBackground ? "ia-subtleBackground" : ""} ${className}`.trim();
     return /* @__PURE__ */ jsxs(
       Alert$1,
@@ -42,7 +45,7 @@ const Alert = forwardRef(
         ...args,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "ia-alert-body", children: [
-            /* @__PURE__ */ jsx(AlertTitle, { children: title || severity }),
+            /* @__PURE__ */ jsx(AlertTitle, { children: title || t(severityTitleKey) }),
             actionName && onAction ? /* @__PURE__ */ jsx(
               Button,
               {
@@ -57,7 +60,7 @@ const Alert = forwardRef(
             onClose ? /* @__PURE__ */ jsx(
               Button,
               {
-                "aria-label": "Close alert",
+                "aria-label": t("alert.closeAria"),
                 className: "close_btn_alert",
                 size: "small",
                 variant: "text",

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,SAAgC,EAChC,cAAsB,EACtB,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAiElB;yBA9Ee,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,SAAgC,EAChC,cAAsB,EACtB,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA0FlB;yBAvGe,WAAW"}

package/dist/components/BottomSheet/index.js

@@ -1,6 +1,6 @@
 !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".bottom-sheet{bottom:0;left:0;position:fixed;right:0;transition:height .3s ease-in-out}.bottom-sheet .MuiDialog-container{align-items:flex-end}.bottom-sheet .MuiDialog-paper{border-radius:16px 16px 0 0;margin:0;max-width:100%}.bottom-sheet .MuiDialog-paper,.bottom-sheet .ia_modalPopover.ia_modal_medium{transition:height .3s ease-in-out;width:100%}.bottom-sheet .ia_modalPopover{background:#fff;border-radius:16px 16px 0 0;bottom:0;left:0;margin:auto;position:absolute;right:0}.bottom-sheet .ia_modalBody{bottom:0}.bottom-sheet.with-footer .ia_modalBody{bottom:56px}.ia_modalHeader{padding:12px 16px 24px}.modal-actions{gap:25px!important}")),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
 import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useState, useCallback, useEffect } from "react";
 import { Modal } from "../Modal/index.js";
 
 function BottomSheet({
@@ -19,34 +19,40 @@ function BottomSheet({
 }) {
   const [isExpanded, setIsExpanded] = useState(false);
   const [contentHeight, setContentHeight] = useState("auto");
+  const [contentNode, setContentNode] = useState(null);
   const hasFooterOptions = footerOptions != null && footerOptions !== false;
   const hasFooterButtons = Boolean(primaryButtonLabel || secondaryButtonLabel);
   const hasFooter = hasFooterOptions || hasFooterButtons;
+  const autoHeight = !withExpandIcon;
   const handleExpandClick = () => {
     const next = !isExpanded;
     setIsExpanded(next);
     onExpand == null ? void 0 : onExpand(next);
   };
+  const measure = useCallback(() => {
+    const body = contentNode == null ? void 0 : contentNode.parentElement;
+    if (!contentNode || !body) return;
+    const styles = window.getComputedStyle(body);
+    const chrome = (parseFloat(styles.top) || 0) + (parseFloat(styles.bottom) || 0) + (parseFloat(styles.paddingTop) || 0) + (parseFloat(styles.paddingBottom) || 0);
+    const next = contentNode.scrollHeight + chrome;
+    setContentHeight((prev) => {
+      const capped = typeof maxHeight === "number" ? Math.min(next, maxHeight) : next;
+      return typeof prev === "number" && Math.abs(prev - capped) < 1 ? prev : capped;
+    });
+  }, [contentNode, maxHeight]);
   useEffect(() => {
-    if (!open) return;
-    const timeout = setTimeout(() => {
-      const modalPopover = document.querySelector(".ia_modalPopover");
-      const modalBody = document.querySelector(".ia_modalBody");
-      if (!(modalBody instanceof HTMLElement) || !(modalPopover instanceof HTMLElement)) {
-        return;
-      }
-      const prevHeight = modalPopover.style.height;
-      modalPopover.style.height = "auto";
-      const buffer = hasFooter ? 105 : 48;
-      const height = modalBody.scrollHeight + buffer;
-      modalPopover.style.height = prevHeight;
-      const cappedHeight = typeof maxHeight === "number" && height > maxHeight ? maxHeight : `${height}px`;
-      setContentHeight(cappedHeight);
-    }, 0);
+    if (!open) {
+      setContentHeight("auto");
+      return void 0;
+    }
+    if (!autoHeight || !contentNode) return void 0;
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(contentNode);
     return () => {
-      clearTimeout(timeout);
+      observer.disconnect();
     };
-  }, [open, children, maxHeight, hasFooter]);
+  }, [open, autoHeight, contentNode, measure]);
   const mergedClassName = [
     "bottom-sheet",
     isExpanded ? "expanded" : "",
@@ -59,9 +65,9 @@ function BottomSheet({
       isBottomSheet: true,
       className: mergedClassName,
       footerOptions,
-      height: !withExpandIcon ? contentHeight : void 0,
+      height: autoHeight ? contentHeight : void 0,
       isExpanded,
-      maxHeight: !withExpandIcon ? maxHeight : void 0,
+      maxHeight: autoHeight ? maxHeight : void 0,
       open,
       primaryButtonLabel,
       secondaryButtonLabel,
@@ -70,7 +76,7 @@ function BottomSheet({
       onClose,
       onExpand: handleExpandClick,
       ...props,
-      children
+      children: /* @__PURE__ */ jsx("div", { ref: setContentNode, className: "bottom-sheet-content", children })
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE5E;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,gBAAgB,2CA+ElB;yBArFe,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE5E;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAyFlB;yBA/Fe,WAAW"}

package/dist/components/Breadcrumbs/index.js

@@ -33,12 +33,12 @@ function Breadcrumbs({
         return /* @__PURE__ */ jsx(
           Link,
           {
-            "aria-label": item.label === "Home" ? "Home" : void 0,
-            className: `ia-styles ia-breadcrumb ${item.label === "Home" ? "ia-breadcrumb-home" : ""} ${item.disabled ? "ia-breadcrumb-disabled" : ""}`,
+            "aria-label": item.label === "Home" || item.label === t("breadcrumbs.home") ? t("breadcrumbs.home") : void 0,
+            className: `ia-styles ia-breadcrumb ${item.label === "Home" || item.label === t("breadcrumbs.home") ? "ia-breadcrumb-home" : ""} ${item.disabled ? "ia-breadcrumb-disabled" : ""}`,
             href: !item.disabled && item.to || void 0,
             underline: "none",
             onClick: !item.disabled && item.onClick || void 0,
-            children: item.label === "Home" ? /* @__PURE__ */ jsx(HomeIcon, {}) : item.label
+            children: item.label === "Home" || item.label === t("breadcrumbs.home") ? /* @__PURE__ */ jsx(HomeIcon, {}) : item.label
           },
           item.label
         );

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AACpE,OAAO,sBAAsB,CAAC;AAG9B,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,MAAM,wHA0JlB,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AACpE,OAAO,sBAAsB,CAAC;AAG9B,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,MAAM,wHA2JlB,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/components/Button/index.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
 
+import { useTranslation } from "../../i18n/useTranslation.js";
 import Button$1 from "../../node_modules/@mui/material/Button/Button.js";
 const Button = forwardRef(
   ({
@@ -18,6 +19,7 @@ const Button = forwardRef(
     "aria-label": ariaLabel,
     ...args
   }, ref) => {
+    const { t } = useTranslation();
     const convertedVariant = useMemo(() => {
       switch (variant) {
         case "secondary":
@@ -81,10 +83,10 @@ const Button = forwardRef(
     }, [children, convertedVariant, size, disabled, icon, type, className]);
     const finalLabel = useMemo(() => {
       if (variant === "url" && !disabled && loading && children) {
-        return "Loading...";
+        return t("common.loading");
       }
       return children;
-    }, [variant, disabled, loading, children]);
+    }, [variant, disabled, loading, children, t]);
     const finalIcon = useMemo(() => {
       if (!icon && !loading) {
         return null;

package/dist/components/ButtonGroup/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-buttonGroup{color:#505c75;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;text-transform:none}.ia-styles.ia-buttonGroup.ia-buttonGroup-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-buttonGroupButton{background:#fff;border-radius:0;border-right:0;font-family:Manrope,sans-serif;padding:0 12px;text-transform:none}.ia-styles.ia-buttonGroupButton:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.ia-styles.ia-buttonGroupButton:last-child{border-bottom-right-radius:8px;border-right:1px solid #c3c8d4;border-top-right-radius:8px}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon{display:flex;gap:2px}.ia-styles.ia-buttonGroupButton:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-buttonGroupButton:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-buttonGroupButton.Mui-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.ia-btn-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.ia-switch-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.impact-select-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.impact_input_disabled:focus-visible,.ia-styles.ia-buttonGroupButton.route-disabled:focus-visible,.ia-styles.ia-buttonGroupButton:disabled:focus-visible,.ia-styles.ia-buttonGroupButton[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-styles.ia-buttonGroupButton:focus-visible{z-index:3}.ia-styles.ia-buttonGroupButton.Mui-focusVisible{background-color:#fff}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected.Mui-focusVisible{background-color:#eceefd}.ia-styles.ia-buttonGroupButton:hover{background:#fff;color:#4259ee}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-disabled{background:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-disabled:last-child{border-right:1px solid #d9dde7}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected{background:#eceefd;border:1px solid #4259ee;color:#4259ee;margin-left:-1px;position:relative;z-index:1}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected:first-child{margin-left:0}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected+.ia-buttonGroupButton{border-left:#0000!important}.ia-buttonGroupButton-selected.ia-buttonGroupButton,.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected:last-child{border-right-color:#4259ee!important}.ia-buttonGroup-disabled .ia-buttonGroupButton-selected{background:#f8f9fb!important;border-color:#d9dde7!important;color:#b4bac7!important}.ia-styles.ia-buttonGroupButton{border:1px solid #c3c8d4;margin-left:-1px;position:relative;z-index:1}.ia-styles.ia-buttonGroupButton:first-child{margin-left:0}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected{z-index:2}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-buttonGroup{color:#505c75;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;text-transform:none}.ia-styles.ia-buttonGroup.ia-buttonGroup-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-buttonGroupButton{background:#fff;border-radius:0;border-right:0;font-family:Manrope,sans-serif;padding:0 12px;text-transform:none}.ia-styles.ia-buttonGroupButton:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.ia-styles.ia-buttonGroupButton:last-child{border-bottom-right-radius:8px;border-right:1px solid #c3c8d4;border-top-right-radius:8px}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon{display:flex;gap:2px}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon:hover svg,.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon:hover svg path{fill:#4259ee}.ia-styles.ia-buttonGroupButton:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-buttonGroupButton:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-buttonGroupButton.Mui-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.ia-btn-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.ia-switch-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.impact-select-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.impact_input_disabled:focus-visible,.ia-styles.ia-buttonGroupButton.route-disabled:focus-visible,.ia-styles.ia-buttonGroupButton:disabled:focus-visible,.ia-styles.ia-buttonGroupButton[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-styles.ia-buttonGroupButton:focus-visible{z-index:3}.ia-styles.ia-buttonGroupButton.Mui-focusVisible{background-color:#fff}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected.Mui-focusVisible{background-color:#eceefd}.ia-styles.ia-buttonGroupButton:hover{background:#fff;color:#4259ee}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-disabled{background:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-disabled:last-child{border-right:1px solid #d9dde7}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected{background:#eceefd;border:1px solid #4259ee;color:#4259ee;margin-left:-1px;position:relative;z-index:1}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected:first-child{margin-left:0}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected svg,.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected svg path{fill:#4259ee}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected+.ia-buttonGroupButton{border-left:#0000!important}.ia-buttonGroupButton-selected.ia-buttonGroupButton,.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected:last-child{border-right-color:#4259ee!important}.ia-buttonGroup-disabled .ia-buttonGroupButton-selected{background:#f8f9fb!important;border-color:#d9dde7!important;color:#b4bac7!important}.ia-styles.ia-buttonGroupButton{border:1px solid #c3c8d4;margin-left:-1px;position:relative;z-index:1}.ia-styles.ia-buttonGroupButton:first-child{margin-left:0}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected{z-index:2}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 

package/dist/components/Chart/index.d.ts

@@ -2,8 +2,8 @@
 export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitle, seriesData, graphTitle, stackedColumn, is3D, showSubTitle, onChartDownload, fallbackContent, topRightOptions, showSwitchButton, showChartTypeDropdown, showDownloadButton, chartTypesOptions, selectedChart, chartMenuProps, showScrollX, topLeftOptions, cardContainer, subtitleText, legendXPosition, legendYPosition, xAxisTitlePositionY, customTooltipFormatter, sharedTooltip, showchart, setShowChart, plotOptionsEvents, customSystemButton, handleChartExpand, chartMarginBottom, showHeader, height, width, showExpandButton, showDownloadMenu, showBuiltInDownloadOptions, downloadMenuOptions, customLegend, customLegendStyle, yAxisTitleRight, chartOptions, titleOptions, xAxisOptions, yAxisOptions, yAxisLeftOptions, yAxisRightOptions, zAxisOptions, tooltipOptions, plotOptionsOptions, subtitleOptions, creditsOptions, legendOptions, colorAxisOptions, seriesOptions, additionalOptions, hoveredXAxisIndex, exportingOptions, aboveChartComponent, isEmpty, isLoading, shimmerDirection, topSubHeader, }: {
     graphType?: string | undefined;
     xAxisCategories: any;
-    xAxisTitle?: string | undefined;
-    yAxisTitle?: string | undefined;
+    xAxisTitle: any;
+    yAxisTitle: any;
     seriesData: any;
     graphTitle: any;
     stackedColumn?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AASrD,OAAO,qBAAqB,CAAC;AAoC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,4CAmoBA,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AAUrD,OAAO,qBAAqB,CAAC;AAoC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,4CAuoBA,CAAC"}

package/dist/components/Chart/index.js

@@ -22,6 +22,7 @@ import { Menu } from "../Menu/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/FileDownloadOutlined.js";
 import { ChartSkeleton } from "./ChartSkeleton.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 const EmptyStateImage = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/emptyStateImage.svg"), ...props });
 const interopDefault = (mod) => {
   let value = mod;
@@ -38,8 +39,8 @@ if (typeof Highcharts === "object" && typeof borderRadius === "function") {
 const Chart = ({
   graphType = "column",
   xAxisCategories,
-  xAxisTitle = "X Axis",
-  yAxisTitle = "Y Axis",
+  xAxisTitle,
+  yAxisTitle,
   seriesData,
   graphTitle,
   stackedColumn = false,
@@ -106,6 +107,9 @@ const Chart = ({
   topSubHeader = null
 }) => {
   var _a;
+  const { t } = useTranslation();
+  const resolvedXAxisTitle = xAxisTitle ?? t("chart.xAxisTitle");
+  const resolvedYAxisTitle = yAxisTitle ?? t("chart.yAxisTitle");
   const [isExpanded, setIsExpanded] = useState(false);
   const [isAnimating, setIsAnimating] = useState(false);
   const [showChartList, setShowChartList] = useState(false);
@@ -273,7 +277,7 @@ const Chart = ({
         crosshair: true,
         lineColor: "#D9DDE7",
         title: {
-          text: xAxisTitle,
+          text: resolvedXAxisTitle,
           align: "middle",
           reserveSpace: true,
           y: xAxisTitlePositionY ? xAxisTitlePositionY : showScrollX ? graphType === "scatter3d" ? 130 : 40 : 3
@@ -292,7 +296,7 @@ const Chart = ({
         {
           // Left axis
           title: {
-            text: yAxisTitle,
+            text: resolvedYAxisTitle,
             x: -12,
             align: "middle",
             margin: 16
@@ -378,8 +382,8 @@ const Chart = ({
             return customTooltipFormatter(this);
           } else if (this.point.value !== void 0) {
             return `
-            <span class="tooltip-key">X: ${this.point.x} Y: ${this.point.y}</span><br/>
-            <b class="tooltip-value">Value: ${this.point.value}</b>`;
+            <span class="tooltip-key">${t("chart.tooltipX")} ${this.point.x} ${t("chart.tooltipY")} ${this.point.y}</span><br/>
+            <b class="tooltip-value">${t("chart.tooltipValue")} ${this.point.value}</b>`;
           } else {
             return `
             <span style="color:${this.color};"">●</span>
@@ -476,8 +480,9 @@ const Chart = ({
     [
       graphType,
       xAxisCategories,
-      xAxisTitle,
-      yAxisTitle,
+      resolvedXAxisTitle,
+      resolvedYAxisTitle,
+      t,
       seriesData,
       stackedColumn,
       is3D,
@@ -518,7 +523,7 @@ const Chart = ({
           /* @__PURE__ */ jsxs("div", { className: "chart-container-header-actions", children: [
             topRightOptions && /* @__PURE__ */ jsx("div", { className: "chart-custom-actions", children: React__default.isValidElement(topRightOptions) ? topRightOptions : null }),
             !!topRightOptions && topRightOptions !== null && /* @__PURE__ */ jsx("div", { className: "divider-line" }),
-            showSwitchButton && !isExpanded && /* @__PURE__ */ jsx(Tooltip, { title: "Switch to Table", variant: "tertiary", children: /* @__PURE__ */ jsx(
+            showSwitchButton && !isExpanded && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.switchToTable"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
                 icon: /* @__PURE__ */ jsx(default_1, {}),
@@ -528,7 +533,7 @@ const Chart = ({
                 }
               }
             ) }),
-            showChartTypeDropdown && /* @__PURE__ */ jsx(Tooltip, { title: "Change chart type", variant: "tertiary", children: /* @__PURE__ */ jsx(
+            showChartTypeDropdown && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.changeType"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
                 icon: /* @__PURE__ */ jsx(ChartDropdown_default, {}),
@@ -539,7 +544,7 @@ const Chart = ({
                 }
               }
             ) }),
-            showDownloadButton && /* @__PURE__ */ jsx(Tooltip, { title: "Download", variant: "tertiary", children: /* @__PURE__ */ jsx(
+            showDownloadButton && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.download"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
                 icon: /* @__PURE__ */ jsx(default_1$1, {}),
@@ -555,7 +560,7 @@ const Chart = ({
               }
             ) }),
             customSystemButton && customSystemButton,
-            showExpandButton && /* @__PURE__ */ jsx(Tooltip, { title: "Expand", variant: "tertiary", children: /* @__PURE__ */ jsx(
+            showExpandButton && /* @__PURE__ */ jsx(Tooltip, { title: t("chart.expand"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
                 icon: isExpanded ? /* @__PURE__ */ jsx(CollapseNew_default, {}) : /* @__PURE__ */ jsx(ExpandIcon_default, {}),
@@ -616,7 +621,7 @@ const Chart = ({
           }
         ) : isEmpty ? /* @__PURE__ */ jsxs("div", { className: "chart-empty-state", children: [
           /* @__PURE__ */ jsx(EmptyStateImage, {}),
-          /* @__PURE__ */ jsx("span", { children: "No data to display" })
+          /* @__PURE__ */ jsx("span", { children: t("table.noData") })
         ] }) : /* @__PURE__ */ jsx(
           HighchartsReact,
           {

package/dist/components/Checkbox/WithDropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithDropDown.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/WithDropDown.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,cAAc,EACd,OAAO,EACP,QAAQ,EACR,UAAkB,EAClB,UAAkB,EAClB,KAAK,EACL,YAAY,EACZ,uBAAuB,EACvB,GAAG,IAAI,EACR,EAAE,iBAAiB,2CA+EnB"}
+{"version":3,"file":"WithDropDown.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/WithDropDown.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,cAAc,EACd,OAAO,EACP,QAAQ,EACR,UAAkB,EAClB,UAAkB,EAClB,KAAK,EACL,YAAY,EACZ,uBAAuB,EACvB,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAwFnB"}

package/dist/components/Checkbox/WithDropDown.js

@@ -22,46 +22,62 @@ function WithDropDown({
   const isOpen = Boolean(anchorEl);
   const onClose = () => {
     setAnchorEl(null);
-    setOpenDropDown((prev) => !prev);
+    setOpenDropDown(false);
   };
   const handleClick = (event) => {
+    if (isDisabled) return;
     setOpenDropDown((prev) => !prev);
     setAnchorEl(event.currentTarget);
     onDropDownCheckBoxClick == null ? void 0 : onDropDownCheckBoxClick(event);
   };
   const isChecked = checked ?? defaultChecked;
-  return /* @__PURE__ */ jsxs("div", { className: "impact-form-checkbox", children: [
-    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center" }, onClick: handleClick, children: [
-      /* @__PURE__ */ jsx(
-        FormControlLabel,
-        {
-          className: `impact-form-checkbox-container ${isChecked ? "checked" : ""}`,
-          control: /* @__PURE__ */ jsx(
-            Checkbox,
+  return /* @__PURE__ */ jsxs("div", { className: `impact-form-checkbox${isDisabled ? " disabled" : ""}`, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "aria-disabled": isDisabled || void 0,
+        className: `impact-form-checkbox-dropdown-trigger${isDisabled ? " disabled" : ""}`,
+        onClick: handleClick,
+        children: [
+          /* @__PURE__ */ jsx(
+            FormControlLabel,
             {
-              ...args,
-              disableRipple: true,
-              checked,
-              className: "impact-checkbox-container default-variant",
-              defaultChecked,
-              disabled: isDisabled,
-              onChange,
-              onKeyDown: (e) => {
-                if (e.key === "Enter") {
-                  e.preventDefault();
-                  e.currentTarget.click();
-                  setOpenDropDown(true);
+              className: `impact-form-checkbox-container ${isChecked ? "checked" : ""}`,
+              control: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  ...args,
+                  disableRipple: true,
+                  checked,
+                  className: "impact-checkbox-container default-variant",
+                  defaultChecked,
+                  disabled: isDisabled,
+                  onChange,
+                  onKeyDown: (e) => {
+                    if (isDisabled) return;
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                      e.currentTarget.click();
+                      setOpenDropDown(true);
+                    }
+                  }
                 }
-              }
+              ),
+              disabled: isDisabled,
+              label,
+              required: isRequired
             }
           ),
-          disabled: isDisabled,
-          label,
-          required: isRequired
-        }
-      ),
-      /* @__PURE__ */ jsx(KeyboardArrowDown, { className: `impact-arrow-button ${openDropDown ? "up" : "down"}` })
-    ] }),
+          /* @__PURE__ */ jsx(
+            KeyboardArrowDown,
+            {
+              "aria-hidden": true,
+              className: `impact-arrow-button ${openDropDown ? "up" : "down"}${isDisabled ? " disabled" : ""}`
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(
       Menu,
       {
@@ -73,7 +89,7 @@ function WithDropDown({
           "aria-labelledby": "basic-button",
           autoFocusItem: isOpen
         },
-        open: isOpen,
+        open: isOpen && !isDisabled,
         onClose,
         children: dropDownData.map((opt) => /* @__PURE__ */ jsx(
           MenuItem,

package/dist/components/Checkbox/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".impact-form-checkbox-container{align-items:center;display:flex;flex-direction:row;margin:0!important}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container{background:#fff;border:1px solid #c3c8d4;border-radius:4px;height:16px;margin-right:7px;padding:4px!important;width:16px}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container.Mui-focusVisible{background-color:#fff;box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container.Mui-disabled.Mui-focusVisible,.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container:focus:not(.Mui-focusVisible){box-shadow:none;outline:none}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container:hover{border:1px solid #4259ee}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container>svg{fill:#0000;height:21px;width:21px}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked.Mui-disabled{background:#f8f9fb url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick-disabled.svg) no-repeat;background-position:50%;background-size:cover;background-size:10px;border:1px solid #d9dde7}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkbox-dash.svg) no-repeat!important;background-position:50%!important;background-size:10px!important;border:1px solid #4259ee!important}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked.Mui-disabled{background:#f8f9fb url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkbox-dash-disabled.svg) no-repeat!important;background-position:50%!important;background-size:cover!important;background-size:10px!important;border:1px solid #d9dde7!important}.impact-form-checkbox-container .MuiFormControlLabel-root{margin-left:0}.impact-form-checkbox-container .MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked>svg{display:none;fill:#eceefd}.impact-form-checkbox-container .MuiCheckbox-root.Mui-disabled{background-color:#f8f9fb;border:1px solid #d9dde7;pointer-events:none}.impact-form-checkbox-container .MuiCheckbox-root.MuiTypography-root{font-family:Manrope,sans-serif;font-weight:500}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom:hover,.impact-form-checkbox-container .MuiFormControlLabel-root:hover .impact_checkbox_custom{border:1px solid #4259ee!important}.impact-form-checkbox-container .MuiCheckbox-root.checkbox_custom:hover:after{background:#fff}.impact-form-checkbox-container .MuiCheckbox-root.MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked:after{display:none}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.Mui-checked.Mui-disabled>svg,.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.impact_checkbox_dash.Mui-checked.Mui-disabled>svg{fill:#efefef}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.Mui-disabled:after{background:#efefef;border:1px solid #d4d4d4}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom:hover{background-color:#fff0!important}.impact-form-checkbox-container .MuiTypography-root:hover .impact_checkbox_custom{display:none!important}.impact-form-checkbox-container .MuiFormControlLabel-asterisk{color:#da1e28}.impact-form-checkbox-container .impact-checkbox-label-with-required{align-items:flex-start;display:flex;gap:4px}.impact-form-checkbox-container .impact-checkbox-label-with-required span{color:#ec4c5c}.impact-form-checkbox-container .MuiFormControlLabel-label{align-items:center;color:#7a8294;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-form-checkbox-container .impact-checkbox-label{color:#7a8294;display:inline-block;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-form-checkbox-container .impact-checkbox-label.checked{color:#0d152c}.impact-form-checkbox-container .impact-checkbox-label.disabled{color:#b4bac7}.impact-form-checkbox-container.checked .MuiFormControlLabel-label{color:#0d152c}.MuiFormControlLabel-label.Mui-disabled{color:#b4bac7!important}.impact-form-checkbox{align-items:center;display:flex}.impact-form-checkbox .MuiCheckbox-root.impact-checkbox-container{cursor:pointer;margin-right:2px}.impact-arrow-button{color:#60697d;cursor:pointer;font-size:16px!important}.impact-arrow-button.up{transform:rotate(180deg)}.ia-styles.ia-checkbox-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 6px #1a277c24;margin-left:7px;margin-top:4px;max-height:180px;min-width:240px;padding:0 6px}.ia-styles.ia-checkbox-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root{align-items:center;border:2px solid #0000;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:8px;height:35px;line-height:20px;padding:0 12px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root.Mui-focusVisible{background:#fff;border:2px solid #4259ee;border-radius:8px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-checkbox-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}")),document.head.appendChild(o)}}catch(c){console.error("vite-plugin-css-injected-by-js",c)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".impact-form-checkbox-container{align-items:center;display:flex;flex-direction:row;gap:0;margin:0!important}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container{background:#fff;border:1px solid #c3c8d4;border-radius:4px;box-sizing:border-box;height:16px;margin-right:6px;padding:0!important;width:16px}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container.Mui-focusVisible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container.Mui-disabled.Mui-focusVisible,.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container:focus:not(.Mui-focusVisible){box-shadow:none;outline:none}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container:hover:not(.Mui-disabled){border:1px solid #4259ee}.impact-form-checkbox-container .MuiCheckbox-root.impact-checkbox-container>svg{fill:#0000;height:16px;width:16px}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked>svg,.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked>svg{display:none}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked.Mui-focusVisible{background-color:#eceefd}.impact-form-checkbox-container .MuiCheckbox-root.default-variant.Mui-checked.Mui-disabled{background:#f8f9fb url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectedTickDisabled.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #b3bdf8}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked{background:#eceefd url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkbox-dash.svg) no-repeat!important;background-position:50%!important;background-size:10px!important;border:1px solid #4259ee!important}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked.Mui-focusVisible{background-color:#eceefd!important}.impact-form-checkbox-container .MuiCheckbox-root.dashed-variant.Mui-checked.Mui-disabled{background:#f8f9fb url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectedDashDisable.svg) no-repeat!important;background-position:50%!important;background-size:10px!important;border:1px solid #b3bdf8!important}.impact-form-checkbox-container .MuiFormControlLabel-root{margin-left:0}.impact-form-checkbox-container .MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked>svg{display:none;fill:#eceefd}.impact-form-checkbox-container .MuiCheckbox-root.Mui-disabled:not(.Mui-checked){background-color:#f8f9fb;border:1px solid #d9dde7;pointer-events:none}.impact-form-checkbox-container .MuiCheckbox-root.Mui-disabled{pointer-events:none}.impact-form-checkbox-container .MuiCheckbox-root.MuiTypography-root{font-family:Manrope,sans-serif;font-weight:500}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom:hover:not(.Mui-disabled),.impact-form-checkbox-container .MuiFormControlLabel-root:hover .impact_checkbox_custom:not(.Mui-disabled){border:1px solid #4259ee!important}.impact-form-checkbox-container .MuiCheckbox-root.checkbox_custom:hover:after{background:#fff}.impact-form-checkbox-container .MuiCheckbox-root.MuiCheckbox-colorPrimary.impact_checkbox_custom.Mui-checked:after{display:none}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.Mui-checked.Mui-disabled>svg,.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.impact_checkbox_dash.Mui-checked.Mui-disabled>svg{fill:#0000}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom.Mui-disabled:after{background:#f8f9fb;border:1px solid #d9dde7}.impact-form-checkbox-container .MuiCheckbox-root.impact_checkbox_custom:hover:not(.Mui-disabled){background-color:#fff0!important}.impact-form-checkbox-container .MuiTypography-root:hover .impact_checkbox_custom{display:none!important}.impact-form-checkbox-container .MuiFormControlLabel-asterisk{color:#da1e28}.impact-form-checkbox-container .impact-checkbox-label-with-required{align-items:flex-start;display:flex;gap:4px}.impact-form-checkbox-container .impact-checkbox-label-with-required span{color:#ec4c5c}.impact-form-checkbox-container .MuiFormControlLabel-label{align-items:center;color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-form-checkbox-container .impact-checkbox-label{color:#60697d;display:inline-block;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-form-checkbox-container .impact-checkbox-label.checked{color:#0d152c}.impact-form-checkbox-container .impact-checkbox-label.disabled{color:#b4bac7}.impact-form-checkbox-container.checked .MuiFormControlLabel-label{color:#0d152c}.MuiFormControlLabel-label.Mui-disabled{color:#b4bac7!important}.impact-form-checkbox{align-items:center;display:flex}.impact-form-checkbox .impact-form-checkbox-dropdown-trigger{align-items:center;display:flex;gap:4px}.impact-form-checkbox .MuiCheckbox-root.impact-checkbox-container{cursor:pointer;margin-right:0}.impact-arrow-button{color:#60697d;cursor:pointer;font-size:12px!important;height:12px!important;width:12px!important}.impact-arrow-button.disabled{color:#b4bac7;cursor:not-allowed;pointer-events:none}.impact-arrow-button.up{transform:rotate(180deg)}.impact-form-checkbox-dropdown-trigger.disabled{cursor:not-allowed;pointer-events:none}.ia-styles.ia-checkbox-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 0 4px #0000001f;margin-left:0;margin-top:4px;max-height:180px;max-width:240px;min-width:180px;padding:8px 6px;width:240px}.ia-styles.ia-checkbox-menu .MuiList-root{display:flex;flex-direction:column;gap:2px;padding:0}.ia-styles.ia-checkbox-menu .MuiButtonBase-root{align-items:center;border:2px solid #0000;border-radius:8px;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:8px;height:35px;line-height:20px;padding:8px 12px 8px 16px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root.Mui-focusVisible{background:#fff;border:2px solid #4259ee;border-radius:8px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-checkbox-menu .MuiButtonBase-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-checkbox-menu .MuiButtonBase-root.Mui-selected:hover{background-color:#eceefd}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import Dashed from "./Dashed.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAKpC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,8BAA8B,CAAC;AA+BtC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,+LAatB,mBAAmB,6CAwCvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,8BAA8B,CAAC;AAsCtC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,+LAatB,mBAAmB,6CAkDvB,CAAC"}