@codezee/sixtify-brahma 0.2.200 → 0.2.202

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",

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStatusLabel = exports.getColorByVariant = exports.serverityOptions = void 0;
-const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
 exports.serverityOptions = {
     present: "P",
     holiday: "H",
@@ -28,7 +28,7 @@ exports.serverityOptions = {
     overtime: "OT",
 };
 const getColorByVariant = (variant, type = "dark") => {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { darkMint, sapphireBlue, darkOrange, orchid, lipstickRed, deepAqua, slate, } = theme.palette.app.color;
     // eslint-disable-next-line sonarjs/no-nested-conditional
     const index = type === "dark" ? (variant === "penalty" ? 800 : 900) : 600;

package/packages/shared-components/dist/utils/context/NavigationKeyContext.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
 import type { NavigationKey } from "../hooks/useFormFieldFocus";
 type NavigationKeyContextValue = {
-    navigationKey: NavigationKey;
+    navigationKey?: NavigationKey;
 };
 type NavigationKeyProviderProps = {
     children: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationKeyContext.d.ts","sourceRoot":"","sources":["../../../src/utils/context/NavigationKeyContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,KAAK,yBAAyB,GAAG;IAC/B,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAMF,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAqB,GACtB,EAAE,QAAQ,CAAC,0BAA0B,CAAC,2CAQtC;AAED,wBAAgB,uBAAuB,IAAI,yBAAyB,CAEnE"}
+{"version":3,"file":"NavigationKeyContext.d.ts","sourceRoot":"","sources":["../../../src/utils/context/NavigationKeyContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,KAAK,yBAAyB,GAAG;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAMF,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,GACd,EAAE,QAAQ,CAAC,0BAA0B,CAAC,2CAQtC;AAED,wBAAgB,uBAAuB,IAAI,yBAAyB,CAEnE"}

package/packages/shared-components/dist/utils/context/NavigationKeyContext.js

@@ -7,7 +7,7 @@ const react_1 = require("react");
 const NavigationKeyContext = (0, react_1.createContext)({
     navigationKey: "tab",
 });
-function NavigationKeyProvider({ children, navigationKey = "tab", }) {
+function NavigationKeyProvider({ children, navigationKey, }) {
     return ((0, jsx_runtime_1.jsx)(NavigationKeyContext.Provider, { value: (0, react_1.useMemo)(() => ({ navigationKey }), [navigationKey]), children: children }));
 }
 function useNavigationKeyContext() {

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

@@ -1 +1 @@
-{"version":3,"file":"useDialogActions.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useDialogActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,MAAM,GACN,QAAQ,GACR,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,aAAa,GACb,SAAS,GACT,eAAe,GACf,aAAa,GACb,kBAAkB,GAClB,aAAa,GACb,UAAU,GACV,cAAc,GACd,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,SAAS,GACT,MAAM,GACN,QAAQ,GACR,aAAa,GACb,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,sBAAsB,GACtB,QAAQ,GACR,sBAAsB,GACtB,cAAc,GACd,SAAS,GACT,OAAO,GACP,qBAAqB,GACrB,oBAAoB,GACpB,mBAAmB,GACnB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,qBAAqB,GACrB,YAAY,GACZ,uBAAuB,GACvB,iBAAiB,GACjB,WAAW,GACX,iBAAiB,GACjB,gBAAgB,GAChB,aAAa,GACb,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,eAAe,GACf,cAAc,GACd,kBAAkB,GAClB,iBAAiB,GACjB,qBAAqB,GACrB,oBAAoB,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG;KAAG,GAAG,IAAI,WAAW,CAAC,CAAC,EAAE,SAAS;CAAE,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,QAAQ,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB;;gCAGK,WAAW;;EAU/C"}
+{"version":3,"file":"useDialogActions.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useDialogActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,MAAM,GACN,QAAQ,GACR,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,aAAa,GACb,SAAS,GACT,eAAe,GACf,aAAa,GACb,kBAAkB,GAClB,aAAa,GACb,UAAU,GACV,cAAc,GACd,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,SAAS,GACT,MAAM,GACN,QAAQ,GACR,aAAa,GACb,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,sBAAsB,GACtB,QAAQ,GACR,sBAAsB,GACtB,cAAc,GACd,SAAS,GACT,OAAO,GACP,qBAAqB,GACrB,oBAAoB,GACpB,mBAAmB,GACnB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,qBAAqB,GACrB,YAAY,GACZ,uBAAuB,GACvB,iBAAiB,GACjB,WAAW,GACX,iBAAiB,GACjB,gBAAgB,GAChB,aAAa,GACb,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,eAAe,GACf,cAAc,GACd,kBAAkB,GAClB,iBAAiB,GACjB,qBAAqB,GACrB,oBAAoB,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG;KAAG,GAAG,IAAI,WAAW,CAAC,CAAC,EAAE,SAAS;CAAE,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,QAAQ,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB;;gCAGK,WAAW;;EAU/C"}

package/packages/shared-components/dist/utils/hooks/useFormFieldFocus.d.ts

@@ -9,7 +9,7 @@ export declare function useFormFieldFocus({ isOpen, navigationKey: navigationKey
     maintainFocus: () => void;
     maintainFocusAfterClose: () => void;
     handleKeyDown: <T extends HTMLElement = HTMLElement>(event: React.KeyboardEvent<T>, onClose?: () => void, isPopupOpen?: boolean) => void;
-    handleEnterNavigation: <T extends HTMLElement = HTMLElement>(event: React.KeyboardEvent<T>) => void;
+    handleEnterNavigation: <T extends HTMLElement = HTMLElement>(event: React.KeyboardEvent<T>, allowTextarea?: boolean) => void;
 };
 export {};
 //# sourceMappingURL=useFormFieldFocus.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFormFieldFocus.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useFormFieldFocus.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,OAAO,CAAC;AAE5C,KAAK,qBAAqB,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,aAAa,EAAE,iBAAiB,GACjC,EAAE,qBAAqB;;uBAgPd,cAAc,GAAG,gBAAgB,GAAG,IAAI;;;oBAtB7C,CAAC,SAAS,WAAW,uBACb,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,YACnB,MAAM,IAAI,gBACN,OAAO;4BA5EtB,CAAC,SAAS,WAAW,uBAAuB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;EAyItE"}
+{"version":3,"file":"useFormFieldFocus.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useFormFieldFocus.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,OAAO,CAAC;AAE5C,KAAK,qBAAqB,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,aAAa,EAAE,iBAAiB,GACjC,EAAE,qBAAqB;;uBAgRd,cAAc,GAAG,gBAAgB,GAAG,IAAI;;;oBAzC7C,CAAC,SAAS,WAAW,uBACb,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,YACnB,MAAM,IAAI,gBACN,OAAO;4BA1FtB,CAAC,SAAS,WAAW,uBACb,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;EAyKlC"}

package/packages/shared-components/dist/utils/hooks/useFormFieldFocus.js

@@ -105,11 +105,19 @@ function useFormFieldFocus({ isOpen, navigationKey: navigationKeyProp, }) {
         const input = element.querySelector("input, textarea, select");
         return input || element;
     }, []);
-    const handleEnterNavigation = (0, react_1.useCallback)(
+    const handleEnterNavigation = (0, react_1.useCallback)((event, allowTextarea = false
     // eslint-disable-next-line sonarjs/cognitive-complexity
-    (event) => {
+    ) => {
         const target = event.target;
-        if (target.tagName === "TEXTAREA") {
+        const activeElement = document.activeElement ?? inputRef.current ?? target;
+        if (!activeElement) {
+            return;
+        }
+        const isTextarea = activeElement.tagName === "TEXTAREA" ||
+            target.tagName === "TEXTAREA" ||
+            (activeElement instanceof HTMLElement &&
+                activeElement.querySelector("textarea"));
+        if (isTextarea && !allowTextarea) {
             return;
         }
         if (event.ctrlKey || event.metaKey || event.altKey) {
@@ -117,12 +125,11 @@ function useFormFieldFocus({ isOpen, navigationKey: navigationKeyProp, }) {
         }
         event.preventDefault();
         event.stopPropagation();
-        const activeElement = document.activeElement || inputRef.current || target;
-        if (!activeElement) {
-            return;
-        }
         const focusableElements = getFocusableElements();
         const findWrapperElement = (input) => {
+            if (focusableElements.includes(input)) {
+                return input;
+            }
             for (const el of focusableElements) {
                 if (el === input || el.contains(input)) {
                     return el;
@@ -171,9 +178,19 @@ function useFormFieldFocus({ isOpen, navigationKey: navigationKeyProp, }) {
             return;
         }
         if (navigationKey === "enter" && event.key === "Enter" && !isPopupOpen) {
-            handleEnterNavigation(event);
-        }
-    }, [maintainFocusAfterClose, navigationKey, handleEnterNavigation]);
+            const activeElement = document.activeElement ??
+                inputRef.current ??
+                event.target;
+            const isTextarea = Boolean(activeElement?.tagName === "TEXTAREA" ||
+                event.target?.tagName === "TEXTAREA" ||
+                (activeElement instanceof HTMLElement &&
+                    activeElement.querySelector("textarea")));
+            const isButton = Boolean(activeElement?.tagName === "BUTTON" ||
+                event.target?.tagName === "BUTTON");
+            const allowNavigation = isTextarea || isButton;
+            handleEnterNavigation(event, allowNavigation);
+        }
+    }, [maintainFocusAfterClose, navigationKey, handleEnterNavigation, inputRef]);
     const setInputRef = (0, react_1.useCallback)((ref) => {
         if (ref) {
             const wasInputFocused = document.activeElement === ref ||

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

@@ -1 +1 @@
-{"version":3,"file":"useGlobalKeyboardShortcut.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useGlobalKeyboardShortcut.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpD,KAAK,6BAA6B,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,QAAQ,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,8DAMvC,6BAA6B,SA4H/B,CAAC"}
+{"version":3,"file":"useGlobalKeyboardShortcut.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useGlobalKeyboardShortcut.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpD,KAAK,6BAA6B,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,QAAQ,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,8DAMvC,6BAA6B,SA4H/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"colorPaletteUI.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/colorPaletteUI.tsx"],"names":[],"mappings":"AAyBA,eAAO,MAAM,cAAc,+CAkB1B,CAAC"}
+{"version":3,"file":"colorPaletteUI.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/colorPaletteUI.tsx"],"names":[],"mappings":"AA6BA,eAAO,MAAM,cAAc,+CAkB1B,CAAC"}

package/packages/shared-components/dist/utils/theme/colorPaletteUI.js

@@ -1,11 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.colorPaletteUI = 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 Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const colorPalette_1 = require("./colorPalette");
 const ColorSwatch = ({ color, shade }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: color, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { title: color, children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
                 width: 80,
                 height: 40,
                 backgroundColor: color,
@@ -18,6 +24,6 @@ const ColorSwatch = ({ color, shade }) => {
             }, children: shade }) }));
 };
 const colorPaletteUI = () => {
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { spacing: 4, sx: { padding: 4 }, children: Object.entries(colorPalette_1.colorPalette).map(([name, shades]) => ((0, jsx_runtime_1.jsxs)(material_1.Stack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", sx: { textTransform: "capitalize" }, children: name.replace(/([A-Z])/g, " $1") }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", spacing: 0, children: Object.entries(shades).map(([shade, color]) => ((0, jsx_runtime_1.jsx)(ColorSwatch, { shade: shade, color: color }, shade))) })] }, name))) }));
+    return ((0, jsx_runtime_1.jsx)(Stack_1.default, { spacing: 4, sx: { padding: 4 }, children: Object.entries(colorPalette_1.colorPalette).map(([name, shades]) => ((0, jsx_runtime_1.jsxs)(Stack_1.default, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "h6", sx: { textTransform: "capitalize" }, children: name.replace(/([A-Z])/g, " $1") }), (0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", spacing: 0, children: Object.entries(shades).map(([shade, color]) => ((0, jsx_runtime_1.jsx)(ColorSwatch, { shade: shade, color: color }, shade))) })] }, name))) }));
 };
 exports.colorPaletteUI = colorPaletteUI;

package/packages/shared-components/dist/utils/theme/paletteLight.d.ts

@@ -1,3 +1,3 @@
-import { type PaletteOptions } from "@mui/material";
+import type { PaletteOptions } from "@mui/material/styles";
 export declare const lightPalette: PaletteOptions;
 //# sourceMappingURL=paletteLight.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"paletteLight.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/paletteLight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,eAAO,MAAM,YAAY,EAAE,cA2B1B,CAAC"}
+{"version":3,"file":"paletteLight.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/paletteLight.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,eAAO,MAAM,YAAY,EAAE,cA2B1B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,eAAe,CAAC;AAGvB,OAAO,SAAS,CAAC;AAGjB,eAAO,MAAM,KAAK;;;CAGR,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC;AAE9C,eAAO,MAAM,iBAAiB,GAAI,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKjD,CAAC;AAqBH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAqVzD"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,eAAe,CAAC;AAIvB,OAAO,SAAS,CAAC;AAGjB,eAAO,MAAM,KAAK;;;CAGR,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC;AAE9C,eAAO,MAAM,iBAAiB,GAAI,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKjD,CAAC;AAqBH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAqVzD"}

package/packages/shared-components/dist/utils/theme/typography.d.ts

@@ -1,5 +1,5 @@
-import type { TypographyPropsVariantOverrides } from "@mui/material";
 import type { FontStyleOptions, TypographyOptions, TypographyStyleOptions, Variant } from "@mui/material/styles/createTypography";
+import type { TypographyPropsVariantOverrides } from "@mui/material/Typography";
 type TypographyVariant = keyof TypographyPropsVariantOverrides;
 type TypographyActiveVariants = {
     [K in TypographyVariant]: TypographyPropsVariantOverrides[K] extends true ? K : never;

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

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,OAAO,EACR,MAAM,uCAAuC,CAAC;AAE/C,KAAK,iBAAiB,GAAG,MAAM,+BAA+B,CAAC;AAC/D,KAAK,wBAAwB,GAAG;KAC7B,CAAC,IAAI,iBAAiB,GAAG,+BAA+B,CAAC,CAAC,CAAC,SAAS,IAAI,GACrE,CAAC,GACD,KAAK;CACV,CAAC,iBAAiB,CAAC,CAAC;AAErB,eAAO,MAAM,0BAA0B,EAAE,gBAGxC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CACrC,MAAM,CAAC,OAAO,EAAE,sBAAsB,CAAC,CA8CxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,wBAAwB,EACxB,MAAM,CAQP,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,iBAGpC,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,OAAO,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,0BAA0B,CAAC;AAEhF,KAAK,iBAAiB,GAAG,MAAM,+BAA+B,CAAC;AAC/D,KAAK,wBAAwB,GAAG;KAC7B,CAAC,IAAI,iBAAiB,GAAG,+BAA+B,CAAC,CAAC,CAAC,SAAS,IAAI,GACrE,CAAC,GACD,KAAK;CACV,CAAC,iBAAiB,CAAC,CAAC;AAErB,eAAO,MAAM,0BAA0B,EAAE,gBAGxC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CACrC,MAAM,CAAC,OAAO,EAAE,sBAAsB,CAAC,CA8CxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,wBAAwB,EACxB,MAAM,CAQP,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,iBAGpC,CAAC"}

package/packages/shared-components/dist/utils/types.d.ts

@@ -1,3 +1,7 @@
+import type { IconButtonProps } from "@mui/material/IconButton";
 export type OnAction<Args = void, Return = void> = [Args] extends [void] ? () => Return : (props: Args) => Return;
 export type Styling = "custom" | "default";
+export type ActionButtonProps = IconButtonProps & {
+    disabled?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,CAAC,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GACpE,MAAM,MAAM,GACZ,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC;AAE5B,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,MAAM,QAAQ,CAAC,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GACpE,MAAM,MAAM,GACZ,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC;AAE5B,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}