@codezee/sixtify-brahma 0.2.201 → 0.2.202

package/packages/shared-components/dist/Toast/Toast.js

@@ -1,19 +1,27 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toast = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
+const AddCircleOutline_1 = __importDefault(require("@mui/icons-material/AddCircleOutline"));
+const CheckCircleOutline_1 = __importDefault(require("@mui/icons-material/CheckCircleOutline"));
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const ErrorOutline_1 = __importDefault(require("@mui/icons-material/ErrorOutline"));
+const HighlightOff_1 = __importDefault(require("@mui/icons-material/HighlightOff"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const PadBox_1 = require("../PadBox");
 const ToastBody_1 = require("./ToastBody");
 const ToastFooterLink_1 = require("./ToastFooterLink");
 const Toast = ({ closeToast, type, title, description, href, linkText, }) => {
     const toastIcons = {
-        info: (0, jsx_runtime_1.jsx)(icons_material_1.AddCircleOutline, { color: "info", fontSize: "large" }),
-        success: (0, jsx_runtime_1.jsx)(icons_material_1.CheckCircleOutline, { color: "success", fontSize: "large" }),
-        warning: (0, jsx_runtime_1.jsx)(icons_material_1.ErrorOutline, { color: "warning", fontSize: "large" }),
-        error: (0, jsx_runtime_1.jsx)(icons_material_1.HighlightOff, { color: "error", fontSize: "large" }),
+        info: (0, jsx_runtime_1.jsx)(AddCircleOutline_1.default, { color: "info", fontSize: "large" }),
+        success: (0, jsx_runtime_1.jsx)(CheckCircleOutline_1.default, { color: "success", fontSize: "large" }),
+        warning: (0, jsx_runtime_1.jsx)(ErrorOutline_1.default, { color: "warning", fontSize: "large" }),
+        error: (0, jsx_runtime_1.jsx)(HighlightOff_1.default, { color: "error", fontSize: "large" }),
     };
-    return ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { p: "20px", pl: "16px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "16px", alignItems: "center", children: [toastIcons[type], (0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "flex-start", gap: "1.2rem", flexGrow: 1, children: [(0, jsx_runtime_1.jsx)(ToastBody_1.ToastBody, { title: title, description: description }), href && (0, jsx_runtime_1.jsx)(ToastFooterLink_1.ToastFooterLink, { href: href, linkText: linkText })] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: closeToast, disableRipple: true, children: (0, jsx_runtime_1.jsx)(icons_material_1.Close, {}) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { p: "20px", pl: "16px" }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", gap: "16px", alignItems: "center", children: [toastIcons[type], (0, jsx_runtime_1.jsxs)(Stack_1.default, { alignItems: "flex-start", gap: "1.2rem", flexGrow: 1, children: [(0, jsx_runtime_1.jsx)(ToastBody_1.ToastBody, { title: title, description: description }), href && (0, jsx_runtime_1.jsx)(ToastFooterLink_1.ToastFooterLink, { href: href, linkText: linkText })] }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { onClick: closeToast, disableRipple: true, children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) })] }) }));
 };
 exports.Toast = Toast;

package/packages/shared-components/dist/Toast/ToastBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastBody.d.ts","sourceRoot":"","sources":["../../src/Toast/ToastBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,cAAc,2CAoB/D"}
+{"version":3,"file":"ToastBody.d.ts","sourceRoot":"","sources":["../../src/Toast/ToastBody.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,cAAc,2CAoB/D"}

package/packages/shared-components/dist/Toast/ToastBody.js

@@ -1,9 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToastBody = ToastBody;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 function ToastBody({ title, description }) {
-    const { palette: { app: { color }, }, } = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 500, color: "black", variant: "body1", children: title }), description && ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: color.slate[900], variant: "body2", children: description }))] }));
+    const { palette: { app: { color }, }, } = (0, styles_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "4px", children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { fontWeight: 500, color: "black", variant: "body1", children: title }), description && ((0, jsx_runtime_1.jsx)(Typography_1.default, { color: color.slate[900], variant: "body2", children: description }))] }));
 }

package/packages/shared-components/dist/Toast/ToastFooterLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastFooterLink.d.ts","sourceRoot":"","sources":["../../src/Toast/ToastFooterLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEvD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAYvE"}
+{"version":3,"file":"ToastFooterLink.d.ts","sourceRoot":"","sources":["../../src/Toast/ToastFooterLink.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEvD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAYvE"}

package/packages/shared-components/dist/Toast/ToastFooterLink.js

@@ -1,9 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToastFooterLink = ToastFooterLink;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Link_1 = __importDefault(require("@mui/material/Link"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const Toaster_styled_1 = require("./Toaster.styled");
 function ToastFooterLink({ href, linkText }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Link, { href: href, underline: "none", target: href?.startsWith("http") ? "_blank" : "_self", children: (0, jsx_runtime_1.jsx)(Toaster_styled_1.HoverBox, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: linkText ?? href }) }) }));
+    return ((0, jsx_runtime_1.jsx)(Link_1.default, { href: href, underline: "none", target: href?.startsWith("http") ? "_blank" : "_self", children: (0, jsx_runtime_1.jsx)(Toaster_styled_1.HoverBox, { children: (0, jsx_runtime_1.jsx)(Typography_1.default, { children: linkText ?? href }) }) }));
 }

package/packages/shared-components/dist/Toast/Toaster.styled.d.ts

@@ -1,6 +1,6 @@
-import { type BoxProps } from "@mui/material";
-import type { ComponentType } from "react";
 import { type ToastContainerProps } from "react-toastify";
+import type { BoxProps } from "@mui/material/Box";
+import type { ComponentType } from "react";
 export declare const ToasterStyled: ComponentType<ToastContainerProps>;
 export declare const HoverBox: ComponentType<BoxProps>;
 //# sourceMappingURL=Toaster.styled.d.ts.map

package/packages/shared-components/dist/Toast/Toaster.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.styled.d.ts","sourceRoot":"","sources":["../../src/Toast/Toaster.styled.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,QAAQ,EAAkB,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE1E,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAwE3D,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAM1C,CAAC"}
+{"version":3,"file":"Toaster.styled.d.ts","sourceRoot":"","sources":["../../src/Toast/Toaster.styled.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAwE3D,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAM1C,CAAC"}

package/packages/shared-components/dist/Toast/Toaster.styled.js

@@ -1,10 +1,14 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HoverBox = exports.ToasterStyled = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const styles_1 = require("@mui/material/styles");
 const react_toastify_1 = require("react-toastify");
-exports.ToasterStyled = (0, material_1.styled)(react_toastify_1.ToastContainer)(({ theme: { palette: { app: { color }, }, }, }) => {
+exports.ToasterStyled = (0, styles_1.styled)(react_toastify_1.ToastContainer)(({ theme: { palette: { app: { color }, }, }, }) => {
     const toastBody = {
         "& .Toastify__toast-container": {
             padding: "0px",
@@ -61,7 +65,7 @@ exports.ToasterStyled = (0, material_1.styled)(react_toastify_1.ToastContainer)(
         ...toastInfo,
     };
 });
-exports.HoverBox = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+exports.HoverBox = (0, styles_1.styled)(Box_1.default)(({ theme }) => ({
     color: theme.palette.app.color.slate[900],
     "&:hover": {
         color: theme.palette.app.color.butterflyBlue[900],

package/packages/shared-components/dist/Toast/toasts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toasts.d.ts","sourceRoot":"","sources":["../../src/Toast/toasts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,mBAAmB,EAAa,MAAM,SAAS,CAAC;AA0BzE,eAAO,MAAM,MAAM,EAAE,mBAKpB,CAAC"}
+{"version":3,"file":"toasts.d.ts","sourceRoot":"","sources":["../../src/Toast/toasts.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAa,mBAAmB,EAAa,MAAM,SAAS,CAAC;AA0BzE,eAAO,MAAM,MAAM,EAAE,mBAKpB,CAAC"}

package/packages/shared-components/dist/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { TooltipProps as MuiTooltipProps } from "@mui/material";
+import { type TooltipProps as MuiTooltipProps } from "@mui/material/Tooltip";
 import type { PropsWithChildren, ReactNode } from "react";
 type TooltipProps = PropsWithChildren<{
     toolTipLabel: ReactNode;

package/packages/shared-components/dist/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,KAAK,YAAY,GAAG,iBAAiB,CAAC;IACpC,YAAY,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,GAAI,uEAOrB,YAAY,4CA2Cd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAmB,EACjB,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,YAAY,GAAG,iBAAiB,CAAC;IACpC,YAAY,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,GAAI,uEAOrB,YAAY,4CA2Cd,CAAC"}

package/packages/shared-components/dist/Tooltip/Tooltip.js

@@ -1,8 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const react_1 = require("react");
 const Tooltip = ({ toolTipLabel, children, placement = "top-start", hidden = false, checkOverflow = false, ...rest }) => {
     const wrapperRef = (0, react_1.useRef)(null);
@@ -13,12 +18,12 @@ const Tooltip = ({ toolTipLabel, children, placement = "top-start", hidden = fal
             setIsOverflowed(el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight);
         }
     }, [children]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { arrow: true, placement: placement, title: toolTipLabel, disableHoverListener: checkOverflow ? !isOverflowed || hidden : hidden, ...rest, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ref: wrapperRef, sx: {
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { arrow: true, placement: placement, title: toolTipLabel, disableHoverListener: checkOverflow ? !isOverflowed || hidden : hidden, ...rest, children: (0, jsx_runtime_1.jsx)(Box_1.default, { ref: wrapperRef, sx: {
                 maxWidth: "100%",
                 overflow: "hidden",
                 textOverflow: "ellipsis",
                 whiteSpace: "nowrap",
                 display: "inline-flex",
-            }, children: typeof children === "string" ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 500, children: children })) : (children) }) }));
+            }, children: typeof children === "string" ? ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", fontWeight: 500, children: children })) : (children) }) }));
 };
 exports.Tooltip = Tooltip;

package/packages/shared-components/dist/Tree/DesktopTreeNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopTreeNode.d.ts","sourceRoot":"","sources":["../../src/Tree/DesktopTreeNode.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEpC,KAAK,oBAAoB,GAAG,QAAQ,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,GAAI,0CAK7B,oBAAoB,4CAqCtB,CAAC"}
+{"version":3,"file":"DesktopTreeNode.d.ts","sourceRoot":"","sources":["../../src/Tree/DesktopTreeNode.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEpC,KAAK,oBAAoB,GAAG,QAAQ,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,GAAI,0CAK7B,oBAAoB,4CAqCtB,CAAC"}

package/packages/shared-components/dist/Tree/DesktopTreeNode.js

@@ -5,17 +5,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DesktopTreeNode = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const map_1 = __importDefault(require("lodash/map"));
 const Node_1 = require("./Node");
 const DesktopTreeNode = ({ node, setRef, themeColor, itemWidth, }) => {
     const { id, children } = node;
     const hasChildren = !!children?.length;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { sx: {
             display: "flex",
             gap: 3,
             alignItems: "flex-start",
             flex: `1 0 ${itemWidth}`,
-        }, children: [(0, jsx_runtime_1.jsx)(Node_1.Node, { node: node, isParent: hasChildren, innerRef: (el) => setRef(id, el), themeColor: themeColor }), hasChildren && ((0, jsx_runtime_1.jsx)(material_1.Stack, { spacing: 1, sx: { mt: 0.5 }, children: (0, map_1.default)(children, (child) => ((0, jsx_runtime_1.jsx)(exports.DesktopTreeNode, { node: child, setRef: setRef, themeColor: themeColor, itemWidth: itemWidth }, child.id))) }))] }, id));
+        }, children: [(0, jsx_runtime_1.jsx)(Node_1.Node, { node: node, isParent: hasChildren, innerRef: (el) => setRef(id, el), themeColor: themeColor }), hasChildren && ((0, jsx_runtime_1.jsx)(Stack_1.default, { spacing: 1, sx: { mt: 0.5 }, children: (0, map_1.default)(children, (child) => ((0, jsx_runtime_1.jsx)(exports.DesktopTreeNode, { node: child, setRef: setRef, themeColor: themeColor, itemWidth: itemWidth }, child.id))) }))] }, id));
 };
 exports.DesktopTreeNode = DesktopTreeNode;

package/packages/shared-components/dist/Tree/MobileTreeNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileTreeNode.d.ts","sourceRoot":"","sources":["../../src/Tree/MobileTreeNode.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEpC,KAAK,mBAAmB,GAAG,QAAQ,CAAC;IAClC,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,+BAI5B,mBAAmB,4CA8BrB,CAAC"}
+{"version":3,"file":"MobileTreeNode.d.ts","sourceRoot":"","sources":["../../src/Tree/MobileTreeNode.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEpC,KAAK,mBAAmB,GAAG,QAAQ,CAAC;IAClC,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,+BAI5B,mBAAmB,4CA8BrB,CAAC"}

package/packages/shared-components/dist/Tree/MobileTreeNode.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileTreeNode = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const map_1 = __importDefault(require("lodash/map"));
 const PadBox_1 = require("../PadBox");
 const Node_1 = require("./Node");
 const MobileTreeNode = ({ node, setRef, themeColor, }) => {
     const { id, children } = node;
     const hasChildren = !!children?.length;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: 1, children: [(0, jsx_runtime_1.jsx)(Node_1.Node, { node: node, isParent: hasChildren, innerRef: (el) => setRef(id, el), themeColor: themeColor }), hasChildren && ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: 3, paddingTop: 1 }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { spacing: 1, children: (0, map_1.default)(children, (child) => ((0, jsx_runtime_1.jsx)(exports.MobileTreeNode, { node: child, setRef: setRef, themeColor: themeColor }, child.id))) }) }))] }, id));
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: 1, children: [(0, jsx_runtime_1.jsx)(Node_1.Node, { node: node, isParent: hasChildren, innerRef: (el) => setRef(id, el), themeColor: themeColor }), hasChildren && ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: 3, paddingTop: 1 }, children: (0, jsx_runtime_1.jsx)(Stack_1.default, { spacing: 1, children: (0, map_1.default)(children, (child) => ((0, jsx_runtime_1.jsx)(exports.MobileTreeNode, { node: child, setRef: setRef, themeColor: themeColor }, child.id))) }) }))] }, id));
 };
 exports.MobileTreeNode = MobileTreeNode;

package/packages/shared-components/dist/Tree/Node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../src/Tree/Node.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,eAAO,MAAM,IAAI,GAAI,2CAKlB,SAAS,4CA4CX,CAAC"}
+{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../src/Tree/Node.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,eAAO,MAAM,IAAI,GAAI,2CAKlB,SAAS,4CA4CX,CAAC"}

package/packages/shared-components/dist/Tree/Node.js

@@ -1,18 +1,23 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Node = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const styles_1 = require("@mui/material/styles");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const PadBox_1 = require("../PadBox");
 const Node_styled_1 = require("./Node.styled");
 const Node = ({ node, innerRef, isParent = false, themeColor, }) => {
     const { id, title, subtitle, value } = node;
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { butterflyBlue, slate } = theme.palette.app.color;
     const baseColor = themeColor ?? butterflyBlue[900];
-    const nodeBorderColor = isParent ? baseColor : (0, material_1.alpha)(baseColor, 0.7);
-    const nodeBackgroundColor = isParent ? (0, material_1.alpha)(baseColor, 0.1) : "none";
+    const nodeBorderColor = isParent ? baseColor : (0, styles_1.alpha)(baseColor, 0.7);
+    const nodeBackgroundColor = isParent ? (0, styles_1.alpha)(baseColor, 0.1) : "none";
     const nodeSubtitleColor = slate[900];
-    return ((0, jsx_runtime_1.jsxs)(Node_styled_1.StyledNodePaper, { elevation: isParent ? 3 : 0, ref: innerRef, isParent: isParent, borderColor: nodeBorderColor, backgroundColor: nodeBackgroundColor, baseColor: baseColor, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", noWrap: true, children: title }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", color: nodeSubtitleColor, noWrap: true, children: subtitle })] }), (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: 1 }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { ml: "auto", textAlign: "right" }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { noWrap: true, variant: "body2", children: value }) }) })] }, id));
+    return ((0, jsx_runtime_1.jsxs)(Node_styled_1.StyledNodePaper, { elevation: isParent ? 3 : 0, ref: innerRef, isParent: isParent, borderColor: nodeBorderColor, backgroundColor: nodeBackgroundColor, baseColor: baseColor, children: [(0, jsx_runtime_1.jsxs)(Box_1.default, { children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "subtitle2", noWrap: true, children: title }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "subtitle2", color: nodeSubtitleColor, noWrap: true, children: subtitle })] }), (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: 1 }, children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: { ml: "auto", textAlign: "right" }, children: (0, jsx_runtime_1.jsx)(Typography_1.default, { noWrap: true, variant: "body2", children: value }) }) })] }, id));
 };
 exports.Node = Node;

package/packages/shared-components/dist/Tree/Node.styled.d.ts

@@ -1,4 +1,4 @@
-import type { PaperProps } from "@mui/material";
+import { type PaperProps } from "@mui/material/Paper";
 import type React from "react";
 export type StyledNodePaperProps = {
     isParent: boolean;

package/packages/shared-components/dist/Tree/Node.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Node.styled.d.ts","sourceRoot":"","sources":["../../src/Tree/Node.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAC/C,UAAU,GAAG,oBAAoB,CA0BlC,CAAC"}
+{"version":3,"file":"Node.styled.d.ts","sourceRoot":"","sources":["../../src/Tree/Node.styled.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAG7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAC/C,UAAU,GAAG,oBAAoB,CA0BlC,CAAC"}

package/packages/shared-components/dist/Tree/Node.styled.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledNodePaper = void 0;
-const material_1 = require("@mui/material");
+const Paper_1 = __importDefault(require("@mui/material/Paper"));
 const styles_1 = require("@mui/material/styles");
-exports.StyledNodePaper = (0, styles_1.styled)(material_1.Paper, {
+exports.StyledNodePaper = (0, styles_1.styled)(Paper_1.default, {
     shouldForwardProp: (prop) => prop !== "$isParent" &&
         prop !== "$borderColor" &&
         prop !== "$backgroundColor" &&
@@ -14,7 +17,7 @@ exports.StyledNodePaper = (0, styles_1.styled)(material_1.Paper, {
     padding: theme.spacing(1),
     borderRadius: 12,
     border: `1px solid ${borderColor}`,
-    boxShadow: isParent ? `0 6px 18px ${(0, material_1.alpha)(baseColor, 0.2)}` : "none",
+    boxShadow: isParent ? `0 6px 18px ${(0, styles_1.alpha)(baseColor, 0.2)}` : "none",
     backgroundColor,
     display: "flex",
     alignItems: "center",

package/packages/shared-components/dist/Tree/Tree.d.ts

@@ -1,8 +1,4 @@
 import { type ReactNode } from "react";
-/**
- * Nodes type definition.
- * @property id - Must be unique in Every Nodes, including children nodes.
- */
 export type Nodes = {
     id: string;
     title: ReactNode;

package/packages/shared-components/dist/Tree/Tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../src/Tree/Tree.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOpE;;;GAGG;AACH,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC/B,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,eAAO,MAAM,IAAI,GAAI,uCAKlB,SAAS,4CA+QX,CAAC"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../src/Tree/Tree.tsx"],"names":[],"mappings":"AAOA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASpE,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC/B,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,eAAO,MAAM,IAAI,GAAI,uCAKlB,SAAS,4CA+QX,CAAC"}

package/packages/shared-components/dist/Tree/Tree.js

@@ -5,7 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tree = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Paper_1 = __importDefault(require("@mui/material/Paper"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const forEach_1 = __importDefault(require("lodash/forEach"));
 const map_1 = __importDefault(require("lodash/map"));
 const omit_1 = __importDefault(require("lodash/omit"));
@@ -139,9 +141,9 @@ const Tree = ({ nodes, direction = "horizontal", columns = 3, color, }) => {
         };
     }, [nodes, isMobile, direction]);
     const itemWidth = `calc(${100 / columns}% - 24px)`;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ref: containerRef, variant: "outlined", component: material_1.Paper, position: "relative", sx: {
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { ref: containerRef, variant: "outlined", component: Paper_1.default, position: "relative", sx: {
             overflowX: "hidden",
             overflowY: "visible",
-        }, children: [(0, jsx_runtime_1.jsx)(Svgs_1.SvgBranches, { ref: svgRef, paths: paths, strokeColor: color }), isMobile || direction === "vertical" ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: 2 }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { spacing: 3, children: (0, map_1.default)(nodes, (node) => ((0, jsx_runtime_1.jsx)(MobileTreeNode_1.MobileTreeNode, { node: node, setRef: setRef, themeColor: color }, node.id))) }) })) : ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: 2 }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems: "flex-start", justifyContent: "flex-start", flexWrap: "wrap", gap: 3, children: (0, map_1.default)(nodes, (node) => ((0, jsx_runtime_1.jsx)(DesktopTreeNode_1.DesktopTreeNode, { node: node, setRef: setRef, themeColor: color, itemWidth: itemWidth }, node.id))) }) }))] }));
+        }, children: [(0, jsx_runtime_1.jsx)(Svgs_1.SvgBranches, { ref: svgRef, paths: paths, strokeColor: color }), isMobile || direction === "vertical" ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: 2 }, children: (0, jsx_runtime_1.jsx)(Stack_1.default, { spacing: 3, children: (0, map_1.default)(nodes, (node) => ((0, jsx_runtime_1.jsx)(MobileTreeNode_1.MobileTreeNode, { node: node, setRef: setRef, themeColor: color }, node.id))) }) })) : ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: 2 }, children: (0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", alignItems: "flex-start", justifyContent: "flex-start", flexWrap: "wrap", gap: 3, children: (0, map_1.default)(nodes, (node) => ((0, jsx_runtime_1.jsx)(DesktopTreeNode_1.DesktopTreeNode, { node: node, setRef: setRef, themeColor: color, itemWidth: itemWidth }, node.id))) }) }))] }));
 };
 exports.Tree = Tree;

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.d.ts

@@ -1,6 +1,6 @@
-import type { MenuProps } from "@mui/material";
 import { type CSSProperties, type ReactNode } from "react";
 import type { OnAction } from "../utils/types";
+import type { MenuProps } from "@mui/material";
 export type UserProfileMenuProps = Omit<MenuProps, "open" | "closeMenu"> & {
     userDetails: {
         name: string;

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfileMenu.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/UserProfileMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAa/C,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACzE,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,EAAE,CAAC,EAAE,aAAa,CAAC;QACnB,OAAO,CAAC,EAAE,QAAQ,CAAC;KACpB,EAAE,CAAC;IACJ,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,EACT,kBAAyB,GAC1B,EAAE,oBAAoB,2CA8ItB"}
+{"version":3,"file":"UserProfileMenu.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/UserProfileMenu.tsx"],"names":[],"mappings":"AAYA,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACzE,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,EAAE,CAAC,EAAE,aAAa,CAAC;QACnB,OAAO,CAAC,EAAE,QAAQ,CAAC;KACpB,EAAE,CAAC;IACJ,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,EACT,kBAAyB,GAC1B,EAAE,oBAAoB,2CA8ItB"}

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.js

@@ -5,8 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserProfileMenu = UserProfileMenu;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
+const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
+const KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
+const Avatar_1 = __importDefault(require("@mui/material/Avatar"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Divider_1 = __importDefault(require("@mui/material/Divider"));
+const ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
+const ListItemIcon_1 = __importDefault(require("@mui/material/ListItemIcon"));
+const Popover_1 = __importDefault(require("@mui/material/Popover"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const isFunction_1 = __importDefault(require("lodash/isFunction"));
 const react_1 = require("react");
 const utils_1 = require("../utils");
@@ -16,7 +25,7 @@ function UserProfileMenu({ userDetails, menuItems, shouldCloseOnClick = true, })
     const buttonRef = (0, react_1.useRef)(null);
     const { layout } = (0, utils_1.useGetDeviceType)();
     const isDesktop = layout === "desktop";
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { iron } = theme.palette.app.color;
     const open = Boolean(anchorEl);
     const handleClick = (event) => {
@@ -24,7 +33,7 @@ function UserProfileMenu({ userDetails, menuItems, shouldCloseOnClick = true, })
     };
     const handleClose = () => setAnchorEl(null);
     const { name } = userDetails;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { position: "relative", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", alignItems: "center" }, children: (0, jsx_runtime_1.jsx)(UserProfileMenu_styled_1.IconButtonStyled, { ref: buttonRef, onClick: handleClick, size: "small", "aria-haspopup": "true", children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 1, color: "black", children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, { src: userDetails.avatar, sx: { border: `1px solid ${iron[700]}`, width: 28, height: 28 } }), isDesktop && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { maxWidth: 150, noWrap: true, children: name }), open ? (0, jsx_runtime_1.jsx)(icons_material_1.KeyboardArrowUp, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.KeyboardArrowDown, {})] }))] }) }) }), open && ((0, jsx_runtime_1.jsx)(material_1.Popover, { open: true, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: { vertical: "bottom", horizontal: "right" }, transformOrigin: { vertical: "top", horizontal: "right" }, slotProps: {
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { position: "relative", children: [(0, jsx_runtime_1.jsx)(Box_1.default, { sx: { display: "flex", alignItems: "center" }, children: (0, jsx_runtime_1.jsx)(UserProfileMenu_styled_1.IconButtonStyled, { ref: buttonRef, onClick: handleClick, size: "small", "aria-haspopup": "true", children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", alignItems: "center", gap: 1, color: "black", children: [(0, jsx_runtime_1.jsx)(Avatar_1.default, { src: userDetails.avatar, sx: { border: `1px solid ${iron[700]}`, width: 28, height: 28 } }), isDesktop && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { maxWidth: 150, noWrap: true, children: name }), open ? (0, jsx_runtime_1.jsx)(KeyboardArrowUp_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardArrowDown_1.default, {})] }))] }) }) }), open && ((0, jsx_runtime_1.jsx)(Popover_1.default, { open: true, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: { vertical: "bottom", horizontal: "right" }, transformOrigin: { vertical: "top", horizontal: "right" }, slotProps: {
                     paper: {
                         elevation: 0,
                         sx: {
@@ -55,16 +64,16 @@ function UserProfileMenu({ userDetails, menuItems, shouldCloseOnClick = true, })
                             },
                         },
                     },
-                }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { padding: "4px 0" }, children: menuItems.map(({ key, divider, label, icon, sx, onClick }) => ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [divider && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.ListItemButton, { onClick: () => {
+                }, children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: { padding: "4px 0" }, children: menuItems.map(({ key, divider, label, icon, sx, onClick }) => ((0, jsx_runtime_1.jsxs)(Box_1.default, { children: [divider && (0, jsx_runtime_1.jsx)(Divider_1.default, {}), (0, jsx_runtime_1.jsx)(ListItemButton_1.default, { onClick: () => {
                                     if ((0, isFunction_1.default)(onClick)) {
                                         onClick();
                                         if (shouldCloseOnClick) {
                                             handleClose();
                                         }
                                     }
-                                }, children: (icon || label) && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "16px", alignItems: "center", width: "100%", flexDirection: "row", sx: { ...sx }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { sx: {
+                                }, children: (icon || label) && ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "16px", alignItems: "center", width: "100%", flexDirection: "row", sx: { ...sx }, children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.default, { sx: {
                                                 minWidth: "20px",
                                                 alignItems: "center",
                                                 ...sx,
-                                            }, children: icon }), label && ((0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: "13px" }, children: label }))] })) })] }, `${key}_container`))) }) }))] }));
+                                            }, children: icon }), label && ((0, jsx_runtime_1.jsx)(Typography_1.default, { sx: { fontSize: "13px" }, children: label }))] })) })] }, `${key}_container`))) }) }))] }));
 }

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.d.ts

@@ -1,4 +1,5 @@
-import type { IconButtonProps, MenuProps } from "@mui/material";
+import { type IconButtonProps } from "@mui/material/IconButton";
+import { type MenuProps } from "@mui/material/Menu";
 import type { ComponentType } from "react";
 export declare const MenuStyled: ComponentType<MenuProps>;
 export declare const IconButtonStyled: ComponentType<IconButtonProps>;

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfileMenu.styled.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/UserProfileMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,eAAe,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAmB9C,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,CAc1D,CAAC"}
+{"version":3,"file":"UserProfileMenu.styled.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/UserProfileMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAmB9C,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,CAc1D,CAAC"}

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.js

@@ -1,11 +1,16 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconButtonStyled = exports.MenuStyled = void 0;
-const material_1 = require("@mui/material");
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Menu_1 = __importDefault(require("@mui/material/Menu"));
+const menuClasses_1 = __importDefault(require("@mui/material/Menu/menuClasses"));
 const styles_1 = require("@mui/material/styles");
-exports.MenuStyled = (0, styles_1.styled)(material_1.Menu)(({ theme, }) => {
+exports.MenuStyled = (0, styles_1.styled)(Menu_1.default)(({ theme, }) => {
     const style = {
-        [`& .${material_1.menuClasses.paper}`]: {
+        [`& .${menuClasses_1.default.paper}`]: {
             boxShadow: theme.palette.app.paperBoxShadow,
             minWidth: "29rem",
             width: "auto",
@@ -20,7 +25,7 @@ exports.MenuStyled = (0, styles_1.styled)(material_1.Menu)(({ theme, }) => {
     };
     return style;
 });
-exports.IconButtonStyled = (0, styles_1.styled)(material_1.IconButton, {
+exports.IconButtonStyled = (0, styles_1.styled)(IconButton_1.default, {
     shouldForwardProp: (prop) => prop !== "isOpened",
 })(({ theme }) => {
     const style = {

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeSnippetBox.d.ts","sourceRoot":"","sources":["../../src/codeSnippetBox/CodeSnippetBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,MAAM,sBAAsB,GAC9B,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,KAAK,GACL,MAAM,GACN,KAAK,GACL,MAAM,GACN,UAAU,GACV,WAAW,CAAC;AAEhB,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,qCAI5B,mBAAmB,4CA6ErB,CAAC"}
+{"version":3,"file":"CodeSnippetBox.d.ts","sourceRoot":"","sources":["../../src/codeSnippetBox/CodeSnippetBox.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,sBAAsB,GAC9B,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,KAAK,GACL,MAAM,GACN,KAAK,GACL,MAAM,GACN,UAAU,GACV,WAAW,CAAC;AAEhB,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,qCAI5B,mBAAmB,4CA6ErB,CAAC"}

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.js

@@ -1,17 +1,23 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CodeSnippetBox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
+const Check_1 = __importDefault(require("@mui/icons-material/Check"));
+const ContentCopy_1 = __importDefault(require("@mui/icons-material/ContentCopy"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const styles_1 = require("@mui/material/styles");
+const Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 const react_1 = require("react");
 const react_syntax_highlighter_1 = require("react-syntax-highlighter");
 // eslint-disable-next-line import/no-internal-modules
 const prism_1 = require("react-syntax-highlighter/dist/esm/styles/prism");
-const CodeSnippetBox_styled_1 = require("./CodeSnippetBox.styled");
 const Button_1 = require("../Button");
+const CodeSnippetBox_styled_1 = require("./CodeSnippetBox.styled");
 const CodeSnippetBox = ({ children, language = "typescript", isCopyable = true, }) => {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { mirage, iron } = theme.palette.app.color;
     const [copied, setCopied] = (0, react_1.useState)(false);
     const handleCopy = () => {
@@ -30,12 +36,12 @@ const CodeSnippetBox = ({ children, language = "typescript", isCopyable = true,
             // Silently fail
         });
     };
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "relative" }, children: typeof children === "string" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isCopyable && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, { sx: { position: "relative" }, children: typeof children === "string" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isCopyable && ((0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
                         position: "absolute",
                         top: theme.spacing(1),
                         right: theme.spacing(1),
                         zIndex: 1,
-                    }, children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: copied ? "Copied!" : "Copy code", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { size: "small", onClick: handleCopy, variant: "text", sx: { color: iron[600], fontSize: "10px" }, startIcon: copied ? ((0, jsx_runtime_1.jsx)(icons_material_1.Check, { sx: { fontSize: "10px" } })) : ((0, jsx_runtime_1.jsx)(icons_material_1.ContentCopy, { sx: { fontSize: "10px" } })), children: copied ? "Copied!" : "Copy code" }) }) })), (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.Prism, { language: language, style: prism_1.vscDarkPlus, customStyle: {
+                    }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, { title: copied ? "Copied!" : "Copy code", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { size: "small", onClick: handleCopy, variant: "text", sx: { color: iron[600], fontSize: "10px" }, startIcon: copied ? ((0, jsx_runtime_1.jsx)(Check_1.default, { sx: { fontSize: "10px" } })) : ((0, jsx_runtime_1.jsx)(ContentCopy_1.default, { sx: { fontSize: "10px" } })), children: copied ? "Copied!" : "Copy code" }) }) })), (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.Prism, { language: language, style: prism_1.vscDarkPlus, customStyle: {
                         margin: 0,
                         borderRadius: "5px",
                         padding: theme.spacing(2),

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.styled.d.ts

@@ -1,4 +1,4 @@
 import type { StyledComponent } from "@emotion/styled";
-import { type BoxProps } from "@mui/material";
+import type { BoxProps } from "@mui/material/Box";
 export declare const StyledCodeSnippetBox: StyledComponent<BoxProps>;
 //# sourceMappingURL=CodeSnippetBox.styled.d.ts.map

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeSnippetBox.styled.d.ts","sourceRoot":"","sources":["../../src/codeSnippetBox/CodeSnippetBox.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGnD,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAwBzD,CAAC"}
+{"version":3,"file":"CodeSnippetBox.styled.d.ts","sourceRoot":"","sources":["../../src/codeSnippetBox/CodeSnippetBox.styled.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAwBzD,CAAC"}

package/packages/shared-components/dist/codeSnippetBox/CodeSnippetBox.styled.js

@@ -1,9 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledCodeSnippetBox = void 0;
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
 const styles_1 = require("@mui/material/styles");
-exports.StyledCodeSnippetBox = (0, styles_1.styled)(material_1.Box)(({ theme, }) => {
+exports.StyledCodeSnippetBox = (0, styles_1.styled)(Box_1.default)(({ theme, }) => {
     const { app: { color }, } = theme.palette;
     const { slate, iron } = color;
     return {

package/packages/shared-components/dist/utils/CheckboxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/utils/CheckboxInput.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,GAAI;;CAAW,4CA0CxC,CAAC"}
+{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/utils/CheckboxInput.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,GAAI;;CAAW,4CA0CxC,CAAC"}

package/packages/shared-components/dist/utils/CheckboxInput.js

@@ -6,14 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const CheckBoxRounded_1 = __importDefault(require("@mui/icons-material/CheckBoxRounded"));
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+const styles_1 = require("@mui/material/styles");
 const CheckboxInput = ({ ...rest }) => {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { butterflyBlue, iron } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(material_1.Checkbox, { checkedIcon: (0, jsx_runtime_1.jsx)(CheckBoxRounded_1.default, { fontSize: "small", htmlColor: butterflyBlue[900], sx: {
+    return ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { checkedIcon: (0, jsx_runtime_1.jsx)(CheckBoxRounded_1.default, { fontSize: "small", htmlColor: butterflyBlue[900], sx: {
                 borderRadius: 100,
                 marginLeft: "-1px",
-            } }), icon: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+            } }), icon: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
                 width: 14,
                 height: 14,
                 border: "1px solid",