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

package/dist/components/HomePage/index.js

@@ -1,14 +1,24 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import { findClient, CAROUSEL_IMAGES, CAROUSEL_IMAGES_TEXT, AGENTIC_USECASES } from "./constants.js";
-import BookDemoIcon from "../../assets/landingPageAssets/book-demo.svg.js";
-import ConfigurationIcon from "../../assets/landingPageAssets/configuration_icon.svg.js";
-import LaunchIcon from "../../assets/landingPageAssets/launch.svg.js";
 import { Button } from "../Button/index.js";
 import { Panel } from "../Panel/index.js";
 /* empty css                     */
+const BookDemoIcon = getAssetUrl("landingPageAssets/book-demo.svg");
+const ConfigurationIcon = getAssetUrl("landingPageAssets/configuration_icon.svg");
+const LaunchIcon = getAssetUrl("landingPageAssets/launch.svg");
 function noop() {
 }
+function isLikelyImageSrc(logo) {
+  const t = logo.trim();
+  if (!t) return false;
+  if (/^https?:\/\//i.test(t)) return true;
+  if (t.startsWith("data:") || t.startsWith("blob:")) return true;
+  if (t.startsWith("/")) return true;
+  if (/\.(svg|png|webp|jpe?g|gif|avif)(\?[^#]*)?(#.*)?$/i.test(t)) return true;
+  return false;
+}
 function HomePage({
   clientName = "",
   userName = "",
@@ -101,7 +111,16 @@ function HomePage({
     /* @__PURE__ */ jsxs("div", { className: "left_panel", children: [
       /* @__PURE__ */ jsxs("div", { className: "left_panel_header", children: [
         /* @__PURE__ */ jsxs("div", { className: "left_section_header", children: [
-          /* @__PURE__ */ jsx("div", { className: "left_section_IA_logo_container" }),
+          /* @__PURE__ */ jsx("div", { className: "left_section_IA_logo_container", children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              alt: "",
+              className: "left_section_IA_logo_gif",
+              decoding: "async",
+              loading: "lazy",
+              src: getAssetUrl("landingPageAssets/alan-gif.gif")
+            }
+          ) }),
           /* @__PURE__ */ jsxs("div", { className: "right_content_container", children: [
             /* @__PURE__ */ jsxs("div", { className: "right_content_title", children: [
               /* @__PURE__ */ jsxs("span", { className: "non_gradient_text", children: [
@@ -148,15 +167,23 @@ function HomePage({
                   if (e.key === "Enter" || e.key === " ") onConfigurationsClick(item);
                 },
                 children: [
-                  /* @__PURE__ */ jsx(
+                  isLikelyImageSrc(item.logo) ? /* @__PURE__ */ jsx(
                     "img",
                     {
-                      alt: "configuration",
+                      alt: "",
                       className: "configurations_menu_item_logo",
                       decoding: "async",
                       loading: "lazy",
+                      role: "presentation",
                       src: item.logo
                     }
+                  ) : /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      className: "configurations_menu_item_logo configurations_menu_item_logo_text",
+                      children: item.logo
+                    }
                   ),
                   /* @__PURE__ */ jsxs("div", { className: "configurations_menu_item_content", children: [
                     /* @__PURE__ */ jsx("span", { className: "configurations_menu_item_content_label", children: item.label }),
@@ -375,21 +402,48 @@ function HomePage({
           /* @__PURE__ */ jsx("div", { className: "top_text_container", children: /* @__PURE__ */ jsx("div", { className: "gradient_text", children: "IA Smart Platform" }) }),
           /* @__PURE__ */ jsxs("div", { className: "bottom_cards_container", children: [
             /* @__PURE__ */ jsxs("div", { className: "card_ia ", children: [
-              /* @__PURE__ */ jsx("div", { className: "left_image_container multi_level_planning" }),
+              /* @__PURE__ */ jsx("div", { className: "left_image_container multi_level_planning", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  className: "landing_card_gif",
+                  decoding: "async",
+                  loading: "lazy",
+                  src: getAssetUrl("landingPageAssets/multi-level.gif")
+                }
+              ) }),
               /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
                 /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "Multi-Level Planning: " }),
                 "Generate Optimized plans across product hierarchies"
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "card_ia", children: [
-              /* @__PURE__ */ jsx("div", { className: "left_image_container strategic_objective" }),
+              /* @__PURE__ */ jsx("div", { className: "left_image_container strategic_objective", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  className: "landing_card_gif",
+                  decoding: "async",
+                  loading: "lazy",
+                  src: getAssetUrl("landingPageAssets/strategic-objectives.gif")
+                }
+              ) }),
               /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
                 /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "Strategic Objectives: " }),
                 "Define and align goals across organizational levels"
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "card_ia", children: [
-              /* @__PURE__ */ jsx("div", { className: "left_image_container ai_ml_powered" }),
+              /* @__PURE__ */ jsx("div", { className: "left_image_container ai_ml_powered", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  className: "landing_card_gif",
+                  decoding: "async",
+                  loading: "lazy",
+                  src: getAssetUrl("landingPageAssets/aiml.gif")
+                }
+              ) }),
               /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
                 /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "AI/ML Powered: " }),
                 "Advanced analytics and intelligent automation"
@@ -415,6 +469,7 @@ function HomePage({
                     {
                       alt: `carousel-${index}`,
                       className: "carousel_image",
+                      decoding: "async",
                       loading: index === 0 ? "eager" : "lazy",
                       src: image
                     }

package/dist/components/Input/HelperText.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import useFormControl from "../../node_modules/@mui/material/FormControl/useFormControl.js";
-import FormHelperText from "../../node_modules/@mui/material/FormHelperText/FormHelperText.js";
+import { useFormControl } from "@mui/material/FormControl";
+import FormHelperText from "@mui/material/FormHelperText";
 function HelperText({ helper, focusedText }) {
   const formControlContext = useFormControl();
   const focused = (formControlContext == null ? void 0 : formControlContext.focused) ?? false;

package/dist/components/Input/InputWithIcon.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import FormControl from "@mui/material/FormControl";
+import OutlinedInput from "@mui/material/OutlinedInput";
 import HelperText from "./HelperText.js";
-import FormControl from "../../node_modules/@mui/material/FormControl/FormControl.js";
-import OutlinedInput from "../../node_modules/@mui/material/OutlinedInput/OutlinedInput.js";
 function InputWithIcon({
   label,
   isRequired = false,

package/dist/components/Input/VanillaInput.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import FormControl from "@mui/material/FormControl";
+import OutlinedInput from "@mui/material/OutlinedInput";
 import HelperText from "./HelperText.js";
-import FormControl from "../../node_modules/@mui/material/FormControl/FormControl.js";
-import OutlinedInput from "../../node_modules/@mui/material/OutlinedInput/OutlinedInput.js";
 function VanillaInput({
   label,
   isRequired = false,

package/dist/components/Loader/index.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
+import Box from "@mui/material/Box";
+import Skeleton from "@mui/material/Skeleton";
 /* empty css                   */
-import Box from "../../node_modules/@mui/material/Box/Box.js";
-import Skeleton from "../../node_modules/@mui/material/Skeleton/Skeleton.js";
 function getSkeletonDimensions(size) {
   switch (size) {
     case "small":

package/dist/components/Menu/IconMenuItem.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, createElement } from "react";
-import default_1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
+import ChevronRightIcon from "@mui/icons-material/ChevronRight";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import MenuItem from "@mui/material/MenuItem";
 import { Checkbox } from "../Checkbox/index.js";
 /* empty css                 */
-import MenuItem from "../../node_modules/@mui/material/MenuItem/MenuItem.js";
-import ListItemIcon from "../../node_modules/@mui/material/ListItemIcon/ListItemIcon.js";
 const IconMenuItem = forwardRef(
   ({
     MenuItemProps,
@@ -73,7 +73,7 @@ const IconMenuItem = forwardRef(
           item.subLabel != null && /* @__PURE__ */ jsx("div", { className: "ia-list-sublabel", children: item.subLabel })
         ] })
       ] }),
-      item.rightIcon != null ? item.rightIcon : children != null ? /* @__PURE__ */ jsx(default_1, {}) : null
+      item.rightIcon != null ? item.rightIcon : children != null ? /* @__PURE__ */ jsx(ChevronRightIcon, {}) : null
     );
   }
 );

package/dist/components/Menu/MenuHeaderInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuHeaderInfo.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuHeaderInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAK1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,8BAA8B,CAAC;AA+QtC,eAAO,MAAM,cAAc,4RAlPxB,mBAAmB,6CAkPqC,CAAC"}
+{"version":3,"file":"MenuHeaderInfo.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuHeaderInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAK1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,8BAA8B,CAAC;AAiRtC,eAAO,MAAM,cAAc,4RAlPxB,mBAAmB,6CAkPqC,CAAC"}

package/dist/components/Menu/MenuHeaderInfo.js

@@ -1,10 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, useState, useRef, useEffect, useMemo } from "react";
-import SearchIcon from "../../assets/searchIconTable.svg.js";
+import MenuItem from "@mui/material/MenuItem";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import { Checkbox } from "../Checkbox/index.js";
 import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
 /* empty css                           */
-import MenuItem from "../../node_modules/@mui/material/MenuItem/MenuItem.js";
+const SearchIcon = getAssetUrl("icons/searchIconTable.svg");
 function debounce(func, wait) {
   let timeout = null;
   return function executedFunction(value) {

package/dist/components/Menu/NestedMenuItem.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState } from "react";
+import MuiMenu from "@mui/material/Menu";
 import { IconMenuItem } from "./IconMenuItem.js";
 /* empty css                 */
-import Menu from "../../node_modules/@mui/material/Menu/Menu.js";
 const NestedMenuItem = forwardRef((props, ref) => {
   const {
     parentMenuOpen,
@@ -115,7 +115,7 @@ const NestedMenuItem = forwardRef((props, ref) => {
           }
         ),
         /* @__PURE__ */ jsx(
-          Menu,
+          MuiMenu,
           {
             disableAutoFocus: true,
             disableEnforceFocus: true,

package/dist/components/Menu/index.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useEffect } from "react";
+import MuiMenu from "@mui/material/Menu";
 import { nestedMenuItemsFromObject } from "./nestedMenuItemsFromObject.js";
 import { Button } from "../Button/index.js";
 /* empty css                 */
-import Menu$1 from "../../node_modules/@mui/material/Menu/Menu.js";
 const Menu = forwardRef(
   function Menu2(props, ref) {
     const {
@@ -133,7 +133,7 @@ const Menu = forwardRef(
     const anchorOrigin = (menuProps == null ? void 0 : menuProps.anchorOrigin) ?? menuPositioning.anchorOrigin;
     const transformOrigin = (menuProps == null ? void 0 : menuProps.transformOrigin) ?? menuPositioning.transformOrigin;
     return /* @__PURE__ */ jsx("div", { ref, ...rest, style: { display: "none" }, children: /* @__PURE__ */ jsxs(
-      Menu$1,
+      MuiMenu,
       {
         anchorEl,
         anchorOrigin,

package/dist/components/Menu/nestedMenuItemsFromObject.js

@@ -1,10 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { ChevronRight } from "@mui/icons-material";
+import { MenuItem, ListItemIcon } from "@mui/material";
 import { IconMenuItem } from "./IconMenuItem.js";
 import { NestedMenuItem } from "./NestedMenuItem.js";
 /* empty css                 */
-import MenuItem from "../../node_modules/@mui/material/MenuItem/MenuItem.js";
-import ListItemIcon from "../../node_modules/@mui/material/ListItemIcon/ListItemIcon.js";
-import ChevronRight from "../../node_modules/@mui/icons-material/esm/ChevronRight.js";
 function nestedMenuItemsFromObject({
   menuItemsData: items,
   isOpen,

package/dist/components/Modal/index.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import MUIModal from "@mui/material/Modal";
 import { Button } from "../Button/index.js";
 /* empty css                  */
-import Modal$1 from "../../node_modules/@mui/material/Modal/Modal.js";
-import Box from "../../node_modules/@mui/material/Box/Box.js";
 function Modal({
   className = "",
   title,
@@ -62,7 +62,7 @@ function Modal({
   ] });
   if (!primaryButtonLabel && !secondaryButtonLabel) {
     return /* @__PURE__ */ jsx(
-      Modal$1,
+      MUIModal,
       {
         "aria-describedby": "modal-modal-description",
         "aria-labelledby": "modal-modal-title",
@@ -82,7 +82,7 @@ function Modal({
     );
   }
   return /* @__PURE__ */ jsx(
-    Modal$1,
+    MUIModal,
     {
       "aria-describedby": "modal-modal-description",
       "aria-labelledby": "modal-modal-title",

package/dist/components/Notification/NotificationBody/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import default_1 from "../../../node_modules/@mui/icons-material/SettingsOutlined.js";
+import SettingsOutlinedIcon from "@mui/icons-material/SettingsOutlined";
 import { Button } from "../../Button/index.js";
 import { Tabs } from "../../Tabs/index.js";
 function NotificationBody({
@@ -51,7 +51,7 @@ function NotificationBody({
               /* @__PURE__ */ jsx(
                 Button,
                 {
-                  icon: /* @__PURE__ */ jsx(default_1, {}),
+                  icon: /* @__PURE__ */ jsx(SettingsOutlinedIcon, {}),
                   size: "medium",
                   variant: "text",
                   onClick: onSettingButtonClick,

package/dist/components/Notification/index.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, Suspense } from "react";
+import Drawer from "@mui/material/Drawer";
 import { NotificationBody } from "./NotificationBody/index.js";
 import { NotificationFooter } from "./NotificationFooter.js";
 import { NotificationHeader } from "./NotificationHeader.js";
 /* empty css                         */
-import Drawer from "../../node_modules/@mui/material/Drawer/Drawer.js";
 function Notification({
   title,
   anchor = "right",

package/dist/components/Panel/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import Drawer from "@mui/material/Drawer";
 import { Button } from "../Button/index.js";
 /* empty css                  */
-import Drawer from "../../node_modules/@mui/material/Drawer/Drawer.js";
 function getSize(size) {
   switch (size) {
     case "medium":

package/dist/components/Popover/index.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import default_1 from "../../node_modules/@mui/icons-material/Close.js";
+import CloseIcon from "@mui/icons-material/Close";
+import MuiPopover from "@mui/material/Popover";
 import { Button } from "../Button/index.js";
 /* empty css                    */
-import Popover$1 from "../../node_modules/@mui/material/Popover/Popover.js";
 function Popover({
   children,
   title,
@@ -29,11 +29,11 @@ function Popover({
   const handleCloseIconClick = (e) => {
     onClose == null ? void 0 : onClose(e, "backdropClick");
   };
-  return /* @__PURE__ */ jsx(Popover$1, { ...props, slotProps: mergedSlotProps, onClose, children: /* @__PURE__ */ jsxs("div", { className: "popover-content", "data-testid": dataTestId, children: [
+  return /* @__PURE__ */ jsx(MuiPopover, { ...props, slotProps: mergedSlotProps, onClose, children: /* @__PURE__ */ jsxs("div", { className: "popover-content", "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsxs("div", { className: "popover-header", children: [
       /* @__PURE__ */ jsx("span", { className: "popover-header-title", children: title }),
       onClose != null && /* @__PURE__ */ jsx(
-        default_1,
+        CloseIcon,
         {
           "aria-label": "Close",
           "data-testid": "popover-close-icon",

package/dist/components/ProgressBar/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import LinearProgress from "@mui/material/LinearProgress";
 /* empty css                        */
-import LinearProgress from "../../node_modules/@mui/material/LinearProgress/LinearProgress.js";
 function getLabel(props) {
   if (props.customLabel) return props.customLabel;
   if (props.status === "completed") return "Completed";

package/dist/components/Prompt/index.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
+import { Close } from "@mui/icons-material";
+import Dialog from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogContentText from "@mui/material/DialogContentText";
+import DialogTitle from "@mui/material/DialogTitle";
 import { Button } from "../Button/index.js";
 /* empty css                   */
-import Dialog from "../../node_modules/@mui/material/Dialog/Dialog.js";
-import CloseIcon from "../../node_modules/@mui/icons-material/esm/Close.js";
-import DialogContent from "../../node_modules/@mui/material/DialogContent/DialogContent.js";
-import DialogTitle from "../../node_modules/@mui/material/DialogTitle/DialogTitle.js";
-import DialogContentText from "../../node_modules/@mui/material/DialogContentText/DialogContentText.js";
-import DialogActions from "../../node_modules/@mui/material/DialogActions/DialogActions.js";
 function getVariantClassName(variant) {
   switch (variant) {
     case "error":
@@ -57,7 +57,7 @@ function Prompt({
             onKeyDown: (e) => {
               if (e.key === "Enter" || e.key === " ") handleClose();
             },
-            children: /* @__PURE__ */ jsx(CloseIcon, { className: "ia-prompt-close-icon" })
+            children: /* @__PURE__ */ jsx(Close, { className: "ia-prompt-close-icon" })
           }
         ),
         /* @__PURE__ */ jsxs(DialogContent, { children: [

package/dist/components/RadioButtonGroup/index.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import Radio from "@mui/material/Radio";
+import RadioGroup from "@mui/material/RadioGroup";
 /* empty css                             */
-import RadioGroup from "../../node_modules/@mui/material/RadioGroup/RadioGroup.js";
-import FormControlLabel from "../../node_modules/@mui/material/FormControlLabel/FormControlLabel.js";
-import Radio from "../../node_modules/@mui/material/Radio/Radio.js";
 function RadioButton({ selfProps: { icon, label, ...selfProps }, parentProps }) {
   const radioButtonClassName = useMemo(() => {
     let retVal = "ia-styles ia-radioButton";

package/dist/components/Select/customGroupHeading.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { components } from "react-select";
 import { Badge } from "../Badge/index.js";
-import { c as components } from "../../node_modules/react-select/dist/index-641ee5b8.esm.js";
 const CustomGroupHeading = (props) => {
   return /* @__PURE__ */ jsxs("div", { className: "ia-select-group-heading-container", children: [
     /* @__PURE__ */ jsx(components.GroupHeading, { ...props }),

package/dist/components/Select/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { useState, useRef, useMemo, useEffect, useCallback } from "react";
-import StateManagedSelect$1 from "../../node_modules/react-select/dist/react-select.esm.js";
+import React, { useState, useRef, useMemo, useEffect, useCallback } from "react";
+import ReactSelect from "react-select";
 import { Alert } from "../Alert/index.js";
 import { CustomGroupHeading } from "./customGroupHeading.js";
 import Dropdown from "./dropdown.js";
@@ -22,7 +22,7 @@ const countTotalSelectedOptions = (selectedOptions) => {
   if (Array.isArray(selectedOptions)) return selectedOptions.length;
   return selectedOptions.value !== void 0 ? 1 : 0;
 };
-const Select = React__default.memo(function Select2(props) {
+const Select = React.memo(function Select2(props) {
   var _a, _b, _c, _d;
   const {
     isOpen,
@@ -598,7 +598,7 @@ const Select = React__default.memo(function Select2(props) {
                   ),
                   /* @__PURE__ */ jsxs("div", { ref: dropdownMenuRef, className: "ia-select-dropdown-container", children: [
                     /* @__PURE__ */ jsx(
-                      StateManagedSelect$1,
+                      ReactSelect,
                       {
                         autoFocus: true,
                         menuIsOpen: true,

package/dist/components/Select/menuList.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { FixedSizeList } from "../../node_modules/react-window/dist/index.esm.js";
+import { components } from "react-select";
+import { FixedSizeList } from "react-window";
 import { Loader } from "../Loader/index.js";
-import { c as components } from "../../node_modules/react-select/dist/index-641ee5b8.esm.js";
 const MenuList = (props) => {
   const { options, children, maxHeight, selectProps } = props;
   const { isLoading } = selectProps;

package/dist/components/Select/optionList.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
-import default_1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
+import ChevronRightIcon from "@mui/icons-material/ChevronRight";
+import { components } from "react-select";
 import { Checkbox } from "../Checkbox/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { c as components } from "../../node_modules/react-select/dist/index-641ee5b8.esm.js";
 const getSelectedChildrenCount = (parent, selectedOptions) => {
   var _a;
   if (!parent.children || !selectedOptions || !Array.isArray(selectedOptions)) return 0;
@@ -100,7 +100,7 @@ const Option = ({ isDisabled, customOptionProps, ...props }) => {
       ...customOptionProps ?? {},
       children: [
         resolveComponent(),
-        data.children && data.children.length > 0 && /* @__PURE__ */ jsx(default_1, { className: "select-submenu-chevron" })
+        data.children && data.children.length > 0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "select-submenu-chevron" })
       ]
     }
   ) });

package/dist/components/Sidebar/ChildMenu.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useLayoutEffect, useEffect } from "react";
-import { NavLink } from "../../node_modules/react-router-dom/dist/index.js";
+import { NavLink } from "react-router-dom";
 function childItemClass(active, child) {
   return [
     "impact-sidebar-routes-list-item-children",

package/dist/components/Sidebar/ParentMenu.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowRightOutlined.js";
-import { NavLink } from "../../node_modules/react-router-dom/dist/index.js";
+import KeyboardArrowRightOutlinedIcon from "@mui/icons-material/KeyboardArrowRightOutlined";
+import { NavLink } from "react-router-dom";
 import { Tooltip } from "../Tooltip/index.js";
 function parentItemClass(active, item) {
   return [
@@ -49,7 +49,7 @@ function ParentMenu({
         /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-icon", children: item.icon }),
         /* @__PURE__ */ jsxs("div", { className: "impact-sidebar-routes-list-item-label", children: [
           /* @__PURE__ */ jsx("span", { className: "impact-sidebar-routes-list-item-label-text", children: item.label }),
-          item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(default_1, {}) }) : null
+          item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(KeyboardArrowRightOutlinedIcon, {}) }) : null
         ] })
       ] }) });
     }
@@ -57,20 +57,20 @@ function ParentMenu({
       /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-icon", children: item.icon }),
       /* @__PURE__ */ jsxs("div", { className: "impact-sidebar-routes-list-item-label", children: [
         /* @__PURE__ */ jsx("span", { className: "impact-sidebar-routes-list-item-label-text", children: item.label }),
-        item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(default_1, {}) }) : null
+        item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(KeyboardArrowRightOutlinedIcon, {}) }) : null
       ] })
     ] });
   }
   if (isMemoryRouter) {
     return /* @__PURE__ */ jsx(Tooltip, { orientation: "right", title: tooltipTitle, variant: "tertiary", children: /* @__PURE__ */ jsx(NavLink, { className: "impact-sidebar-routes-list-item-link", to: item.link ?? "/", children: /* @__PURE__ */ jsxs("div", { className: parentItemClass(active, item), onClick: handleClickOnRoute, children: [
       /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-icon", children: item.icon }),
-      item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(default_1, {}) }) : null,
+      item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(KeyboardArrowRightOutlinedIcon, {}) }) : null,
       /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-label", children: item.label })
     ] }) }) });
   }
   return /* @__PURE__ */ jsx(Tooltip, { orientation: "right", title: tooltipTitle, variant: "tertiary", children: /* @__PURE__ */ jsxs("div", { className: parentItemClass(active, item), onClick: handleClickOnRoute, children: [
     /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-icon", children: item.icon }),
-    item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(default_1, {}) }) : null,
+    item.children && item.children.length > 0 ? /* @__PURE__ */ jsx("div", { className: indicatorClass(isOpen, showChild, item.value), role: "button", children: /* @__PURE__ */ jsx(KeyboardArrowRightOutlinedIcon, {}) }) : null,
     /* @__PURE__ */ jsx("div", { className: "impact-sidebar-routes-list-item-label", children: item.label })
   ] }) });
 }

package/dist/components/Sidebar/SidebarActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarActions.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarActions.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,mBAAmB,2CA4BzE;yBA5Be,cAAc"}
+{"version":3,"file":"SidebarActions.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarActions.tsx"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,mBAAmB,2CA4BzE;yBA5Be,cAAc"}

package/dist/components/Sidebar/SidebarActions.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import LogOutIcon from "../../assets/logout-icon.svg.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import { Tooltip } from "../Tooltip/index.js";
+const LogOutIcon = getAssetUrl("icons/logout-icon.svg");
 function SidebarActions({ open, handleLogOut }) {
   const logoutRow = /* @__PURE__ */ jsxs(
     "div",

package/dist/components/Sidebar/SidebarMenus.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, Fragment } from "react";
-import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowDownOutlined.js";
+import KeyboardArrowDownOutlinedIcon from "@mui/icons-material/KeyboardArrowDownOutlined";
 import { ChildMenu } from "./ChildMenu.js";
 import { ParentMenu } from "./ParentMenu.js";
 const DEFAULT_VISIBLE_COUNT = 6;
@@ -99,7 +99,7 @@ function SidebarMenus({
           role: "button",
           tabIndex: 0,
           children: [
-            /* @__PURE__ */ jsx(default_1, {}),
+            /* @__PURE__ */ jsx(KeyboardArrowDownOutlinedIcon, {}),
             " ",
             /* @__PURE__ */ jsxs("span", { children: [
               "View ",

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAE/B,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAElE,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,SAAS,EACT,WAAW,EACX,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,uBAAuB,EACvB,WAAW,EACX,sBAAsB,EACtB,YAAY,EACZ,uBAA8B,EAC9B,cAAqB,EACrB,mBAAmB,EACnB,SAAS,EACT,aAAa,EAAE,UAAU,GAC1B,EAAE,YAAY,2CA2Ed;yBA3Fe,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAK/B,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAElE,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,SAAS,EACT,WAAW,EACX,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,uBAAuB,EACvB,WAAW,EACX,sBAAsB,EACtB,YAAY,EACZ,uBAA8B,EAC9B,cAAqB,EACrB,mBAAmB,EACnB,SAAS,EACT,aAAa,EAAE,UAAU,GAC1B,EAAE,YAAY,2CA2Ed;yBA3Fe,OAAO"}

package/dist/components/Sidebar/index.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
+import { MemoryRouter } from "react-router-dom";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import { SidebarActions } from "./SidebarActions.js";
 import { SidebarMenus } from "./SidebarMenus.js";
-import HamburgerClose from "../../assets/collapse-icon.svg.js";
-import HamburgerOpen from "../../assets/hamburger-close.svg.js";
 /* empty css                    */
-import { MemoryRouter } from "../../node_modules/react-router/dist/index.js";
+const HamburgerClose = getAssetUrl("icons/collapse-icon.svg");
+const HamburgerOpen = getAssetUrl("icons/hamburger-close.svg");
 function Sidebar({
   isOpen,
   setIsOpen,