@codezee/sixtify-brahma 0.2.85 → 0.2.87

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.85",
+  "version": "0.2.87",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"

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

@@ -4,6 +4,7 @@ export type ActionButtonsProps = DataProps & {
     buttons: ActionButton[];
     justifyContent?: StackProps["justifyContent"];
     sx?: SxProps;
+    buttonSx?: SxProps;
 };
-export declare function ActionButtons({ buttons, justifyContent, sx, }: ActionButtonsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionButtons({ buttons, justifyContent, sx, buttonSx, }: ActionButtonsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ActionButtons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../src/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAKzD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC9C,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC;AAGF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,cAAsB,EACtB,EAAE,GACH,EAAE,kBAAkB,2CAqGpB"}
+{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../src/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAIzD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC9C,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,cAAsB,EACtB,EAAE,EACF,QAAQ,GACT,EAAE,kBAAkB,2CAqGpB"}

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

@@ -8,9 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const noop_1 = __importDefault(require("lodash/noop"));
 const react_1 = require("react");
-const Button_1 = require("../Button");
 // COMPONENT
-function ActionButtons({ buttons, justifyContent = "end", sx, }) {
+function ActionButtons({ buttons, justifyContent = "end", sx, buttonSx, }) {
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     const [openMenuKey, setOpenMenuKey] = (0, react_1.useState)(null);
     const handleMenuOpen = (event, key) => {
@@ -33,7 +32,7 @@ function ActionButtons({ buttons, justifyContent = "end", sx, }) {
                 ...button,
                 onClick,
             };
-            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [button.label ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...buttonProps, children: button.label }, key)) : ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...buttonProps, children: button.icon }, key)), isMenuOpen && visibleMenuItems && ((0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl && isMenuOpen), onClose: handleMenuClose, anchorOrigin: {
+            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [button.label ? ((0, jsx_runtime_1.jsx)(material_1.Button, { sx: buttonSx, ...buttonProps, children: button.label }, key)) : ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...buttonProps, children: button.icon }, key)), isMenuOpen && visibleMenuItems && ((0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl && isMenuOpen), onClose: handleMenuClose, anchorOrigin: {
                             vertical: "bottom",
                             horizontal: button.menuPlacement === "left" ? "left" : "right",
                         }, children: visibleMenuItems.map((item) => {

package/packages/shared-components/dist/Actions/FilterIconAction.d.ts

@@ -1,4 +1,6 @@
 import type { IconButtonProps } from "@mui/material";
-export type FilterIconActionProps = IconButtonProps;
-export declare const FilterIconAction: (props: FilterIconActionProps) => import("react/jsx-runtime").JSX.Element;
+export type FilterIconActionProps = IconButtonProps & {
+    isFiltered?: boolean;
+};
+export declare const FilterIconAction: ({ isFiltered, ...props }: FilterIconActionProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FilterIconAction.d.ts.map

package/packages/shared-components/dist/Actions/FilterIconAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterIconAction.d.ts","sourceRoot":"","sources":["../../src/Actions/FilterIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAKrD,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC;AAEpD,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAQ5D,CAAC"}
+{"version":3,"file":"FilterIconAction.d.ts","sourceRoot":"","sources":["../../src/Actions/FilterIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAMrD,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,0BAG9B,qBAAqB,4CAQvB,CAAC"}

package/packages/shared-components/dist/Actions/FilterIconAction.js

@@ -3,9 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterIconAction = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const SvgFilteredList_1 = require("../Svgs/SvgFilteredList");
 const SvgFilterList_1 = require("../Svgs/SvgFilterList");
 const Tooltip_1 = require("../Tooltip");
-const FilterIconAction = (props) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...props, sx: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Filter", children: (0, jsx_runtime_1.jsx)(SvgFilterList_1.SvgFilterList, {}) }) }));
+const FilterIconAction = ({ isFiltered = false, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...props, sx: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Filter", children: isFiltered ? (0, jsx_runtime_1.jsx)(SvgFilteredList_1.SvgFilteredList, {}) : (0, jsx_runtime_1.jsx)(SvgFilterList_1.SvgFilterList, {}) }) }));
 };
 exports.FilterIconAction = FilterIconAction;

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

@@ -10,6 +10,7 @@ export type AgGridProps<T = unknown> = AgGridReactProps<T> & {
     overlayNoRowsTemplate?: string;
     selectedItems?: number;
     enableSecondRowFilter?: boolean;
+    disableKeyBoardEvent?: boolean;
 };
 type AgGridType = React.ForwardRefExoticComponent<AgGridProps> & (<GenericType>(props: AgGridProps<GenericType>) => JSX.Element);
 export declare const AgGrid: AgGridType;

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

@@ -1 +1 @@
-{"version":3,"file":"AgGrid.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,eAAe,UAAqB,CAAC;AAGlD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,yBAAyB,CAAC,WAAW,CAAC,GAC5D,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,EA+Fd,UAAU,CAAC"}
+{"version":3,"file":"AgGrid.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,eAAe,UAAqB,CAAC;AAGlD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,yBAAyB,CAAC,WAAW,CAAC,GAC5D,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,EAwGd,UAAU,CAAC"}

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

@@ -12,7 +12,10 @@ exports.defaultPageSize = 50;
 exports.pageSizeOptions = [20, 50, 100, 200];
 exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
     const { layout } = (0, utils_1.useGetDeviceType)();
-    const { cacheBlockSize = props.paginationPageSize ?? exports.defaultPageSize, defaultColDef = {
+    const { cacheBlockSize = props.paginationPageSize ?? exports.defaultPageSize, height = "597px", rowHeight = 50, rowModelType = "infinite", defaultColDef, rowBuffer = 5, totalRecords, 
+    // eslint-disable-next-line quotes
+    overlayNoRowsTemplate = '<span class="ag-overlay-no-rows-center">No Data Found</span>', infiniteInitialRowCount = props.paginationPageSize ?? exports.defaultPageSize, pagination = false, enableSecondRowFilter, disableKeyBoardEvent, ...rest } = props;
+    const defaultColumnDef = {
         flex: 1,
         floatingFilter: false,
         filterParams: {
@@ -22,9 +25,9 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
         },
         lockPosition: true,
         minWidth: layout === "desktop" ? undefined : 200,
-    }, height = "597px", rowHeight = 50, rowModelType = "infinite", rowBuffer = 5, totalRecords, 
-    // eslint-disable-next-line quotes
-    overlayNoRowsTemplate = '<span class="ag-overlay-no-rows-center">No Data Found</span>', infiniteInitialRowCount = props.paginationPageSize ?? exports.defaultPageSize, pagination = false, enableSecondRowFilter, ...rest } = props;
+        wrapHeaderText: true,
+        ...defaultColDef,
+    };
     const { palette: { app: { color }, }, } = (0, material_1.useTheme)();
     if (totalRecords === 0) {
         return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
@@ -39,12 +42,15 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
             }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: "No result found" }) }));
     }
     return ((0, jsx_runtime_1.jsxs)(AgGridStyleProvider_1.AgGridStyleProvider, { className: "ag-theme-quartz ", style: { width: "100%", height, position: "relative" }, children: [(0, jsx_runtime_1.jsx)(ag_grid_react_1.AgGridReact, { ref: ref, cacheBlockSize: cacheBlockSize, defaultColDef: {
-                    ...defaultColDef,
+                    ...defaultColumnDef,
+                    menuTabs: ["generalMenuTab", "filterMenuTab", "columnsMenuTab"],
                     floatingFilter: enableSecondRowFilter,
                     suppressFloatingFilterButton: enableSecondRowFilter,
                     filterParams: {
-                        ...defaultColDef.filterParams,
-                        buttons: !enableSecondRowFilter ? ["apply", "reset"] : [],
+                        ...defaultColumnDef.filterParams,
+                        buttons: !enableSecondRowFilter || disableKeyBoardEvent
+                            ? ["apply", "reset"]
+                            : [],
                     },
                 }, rowHeight: rowHeight, rowModelType: rowModelType, rowBuffer: rowBuffer, infiniteInitialRowCount: infiniteInitialRowCount, overlayNoRowsTemplate: overlayNoRowsTemplate, pagination: pagination, ...(pagination ? { paginationPageSize: exports.defaultPageSize } : {}), paginationPageSizeSelector: pagination ? exports.pageSizeOptions : false, ...rest }), !!props.selectedItems && pagination && ((0, jsx_runtime_1.jsx)(material_1.Box, { position: "absolute", bottom: "15px", children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: "20px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body2", children: ["Selected Rows ", props.selectedItems] }) }) }))] }));
 });

package/packages/shared-components/dist/Button/ButtonGroup.d.ts

@@ -1,3 +1,4 @@
+import type { SxProps } from "@mui/material";
 import type { ReactNode } from "react";
 type ButtonObject = {
     icon: ReactNode;
@@ -9,7 +10,9 @@ type ButtonObject = {
 };
 type ButtonGroupProps = {
     renderButtons: ButtonObject[];
+    sx?: SxProps;
+    containerSx?: SxProps;
 };
-export declare const ButtonGroup: ({ renderButtons }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroup: ({ renderButtons, sx, containerSx, }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/packages/shared-components/dist/Button/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,YAAY,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mBAAmB,gBAAgB,4CAsB9D,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,qCAIzB,gBAAgB,4CA0BlB,CAAC"}

package/packages/shared-components/dist/Button/ButtonGroup.js

@@ -5,11 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const lodash_1 = require("lodash");
 const Button_1 = require("./Button");
-const ButtonGroup = ({ renderButtons }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.ButtonGroup, { sx: { boxShadow: "none" }, "aria-label": "Basic button group", children: renderButtons?.map(({ icon, value, label, selected, onClick, size = "medium" }) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: !selected ? "outlined" : "contained", onClick: () => {
+const ButtonGroup = ({ renderButtons, sx, containerSx, }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.ButtonGroup, { sx: { boxShadow: "none", ...containerSx }, "aria-label": "Basic button group", children: renderButtons?.map(({ icon, value, label, selected, onClick, size = "medium" }) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: !selected ? "text" : "contained", onClick: () => {
                 if ((0, lodash_1.isFunction)(onClick)) {
                     onClick(value);
                 }
-            }, startIcon: icon, size: size, children: label }, value))) }));
+            }, startIcon: icon, size: size, sx: sx, children: label }, value))) }));
 };
 exports.ButtonGroup = ButtonGroup;

package/packages/shared-components/dist/Card/CardItem/CardItem.d.ts

@@ -1,8 +1,9 @@
+import { type StackProps } from "@mui/material";
 import type { ReactNode } from "react";
-type CardItemProps = Readonly<{
+type CardItemProps = StackProps & Readonly<{
     label: ReactNode;
     value?: ReactNode;
 }>;
-export declare function CardItem({ label, value }: CardItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function CardItem({ label, value, ...props }: CardItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CardItem.d.ts.map

package/packages/shared-components/dist/Card/CardItem/CardItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,aAAa,GAAG,QAAQ,CAAC;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC,CAAC;AAEH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,aAAa,2CAyBvD"}
+{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAc,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,aAAa,GAAG,UAAU,GAC7B,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC,CAAC;AAEL,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAsBjE"}

package/packages/shared-components/dist/Card/CardItem/CardItem.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardItem = CardItem;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-function CardItem({ label, value }) {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", gap: { xs: "10px", md: "5px" }, children: [typeof label === "string" ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", sx: { fontWeight: 500 }, flex: 1, maxWidth: "inherit", noWrap: true, children: [label, " :"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" ", label, " :"] })), value] }));
+function CardItem({ label, value, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", gap: { xs: "0px", md: "10px" }, ...props, children: [typeof label === "string" ? ((0, jsx_runtime_1.jsx)(material_1.Stack, { gap: "10px", width: "40%", children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", sx: { fontWeight: 500 }, flex: 1, noWrap: true, children: [label, " :"] }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" ", label, " :"] })), value] }));
 }

package/packages/shared-components/dist/Card/CardItem/CardItemValue.d.ts

@@ -8,7 +8,8 @@ type CardItemValueProps = {
     sx?: SxProps<Theme>;
     isHideTitle?: boolean;
     variant?: AvatarOwnProps["variant"];
+    containerSx?: SxProps;
 };
-export declare const CardItemValue: ({ title, subTitle, avatar, loading, showAvatar, isHideTitle, variant, sx, }: CardItemValueProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardItemValue: ({ title, subTitle, avatar, loading, showAvatar, isHideTitle, variant, sx, containerSx, }: CardItemValueProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CardItemValue.d.ts.map

package/packages/shared-components/dist/Card/CardItem/CardItemValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardItemValue.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItemValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGpE,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,6EAS3B,kBAAkB,4CAuEpB,CAAC"}
+{"version":3,"file":"CardItemValue.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItemValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGpE,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,0FAU3B,kBAAkB,4CAuEpB,CAAC"}

package/packages/shared-components/dist/Card/CardItem/CardItemValue.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardItemValue = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const CardItemValue = ({ title, subTitle, avatar, loading = false, showAvatar = false, isHideTitle = false, variant = "circular", sx, }) => {
+const CardItemValue = ({ title, subTitle, avatar, loading = false, showAvatar = false, isHideTitle = false, variant = "circular", sx, containerSx, }) => {
     const theme = (0, material_1.useTheme)();
     const { slate, iron } = theme.palette.app.color;
     if (loading) {
         return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px ", flex: "1", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", alignItems: "center", children: [avatar && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "30px", animation: "wave", width: "30px" })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "150px" })] }), subTitle && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "200px" }))] }));
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: "1", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [showAvatar && (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: title, src: avatar, variant: variant }), !isHideTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "50%", sx: containerSx, gap: "10px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [showAvatar && (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: title, src: avatar, variant: variant }), !isHideTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: {
                             fontWeight: 400,
                             color: slate[900],
                             maxWidth: "inherit",

package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileCardBody.d.ts","sourceRoot":"","sources":["../../../../src/Card/ProfileCard/ProfileCardItem/ProfileCardBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,UAAU,EACV,aAAa,EACb,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE,oBAAoB,2CA6BtB"}
+{"version":3,"file":"ProfileCardBody.d.ts","sourceRoot":"","sources":["../../../../src/Card/ProfileCard/ProfileCardItem/ProfileCardBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,UAAU,EACV,aAAa,EACb,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE,oBAAoB,2CAkDtB"}

package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardBody.js

@@ -8,5 +8,11 @@ const SvgEmail_1 = require("../../../Svgs/SvgEmail");
 const SvgPhone_1 = require("../../../Svgs/SvgPhone");
 const CardItem_1 = require("../../CardItem");
 function ProfileCardBody({ joiningDate, department, subDepartment, email, phone, loading, }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { bgcolor: "#F3F5F7", sx: { borderRadius: "10px" }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "12px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: "Date of Joining", value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: joiningDate, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: "Department", value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: department, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: "Sub Department", value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: subDepartment, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: (0, jsx_runtime_1.jsx)(SvgEmail_1.SvgEmail, {}), value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: email, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: (0, jsx_runtime_1.jsx)(SvgPhone_1.SvgPhone, {}), value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: phone, loading: loading }) })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { bgcolor: "#F3F5F7", sx: { borderRadius: "10px" }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "12px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: "Date of Joining", value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: joiningDate, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: "Department", value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: department, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: "Sub Department", value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: subDepartment, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: (0, jsx_runtime_1.jsx)(SvgEmail_1.SvgEmail, {}), value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { containerSx: { width: "80%" }, title: email, loading: loading }), sx: {
+                            justifyContent: "start",
+                            gap: "10px",
+                        } }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: (0, jsx_runtime_1.jsx)(SvgPhone_1.SvgPhone, {}), value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { containerSx: { width: "80%" }, title: phone, loading: loading }), sx: {
+                            justifyContent: "start",
+                            gap: "10px",
+                        } })] }) }) }));
 }

package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,KAAK,sBAAsB,GAAG,iBAAiB,CAAC;IAC9C,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/C,CAAC,CAAC;AAEH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,OAAe,EACf,aAAa,GACd,EAAE,sBAAsB,2CAmExB"}
+{"version":3,"file":"ProfileCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,KAAK,sBAAsB,GAAG,iBAAiB,CAAC;IAC9C,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/C,CAAC,CAAC;AAEH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,OAAe,EACf,aAAa,GACd,EAAE,sBAAsB,2CAuFxB"}

package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.js

@@ -7,6 +7,8 @@ const Actions_1 = require("../../../Actions");
 const Chips_1 = require("../../../Chips");
 const CardItem_1 = require("../../CardItem");
 function ProfileCardHeader({ avatar, employeeName, designation, employeeCode, loading, isDraft = false, onDeleteClick, }) {
+    const theme = (0, material_1.useTheme)();
+    const { slate } = theme.palette.app.color;
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", justifyContent: "space-between", children: [loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "100px" })) : // eslint-disable-next-line sonarjs/no-nested-conditional
                         isDraft ? ((0, jsx_runtime_1.jsx)(Chips_1.Chip, { label: "Draft", size: "small", color: "error", variant: "outlined" })) : ((0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: employeeCode, loading: loading })), isDraft &&
                         (loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "50px" })) : ((0, jsx_runtime_1.jsx)(Actions_1.DeleteIconAction, { onClick: onDeleteClick })))] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", gap: "8px", children: [avatar, loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 30, animation: "wave", width: "300px" })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", sx: {
@@ -15,5 +17,5 @@ function ProfileCardHeader({ avatar, employeeName, designation, employeeCode, lo
                             display: "-webkit-box",
                             WebkitLineClamp: 1,
                             WebkitBoxOrient: "vertical",
-                        }, width: "330px", fontWeight: "500", textAlign: "center", children: employeeName ?? "-" })), (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: designation, loading: loading })] })] }));
+                        }, maxWidth: "330px", fontWeight: "500", textAlign: "center", children: employeeName ?? "-" })), loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 30, animation: "wave", width: "200px" })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", fontWeight: 400, color: slate[900], noWrap: true, children: designation ? designation : "-" }))] })] }));
 }

package/packages/shared-components/dist/Charts/LineChart.d.ts

@@ -0,0 +1,30 @@
+import type { LineSeriesType } from "@mui/x-charts";
+import type { AnchorPosition } from "@mui/x-charts/ChartsLegend/legend.types";
+import type { MakeOptional } from "@mui/x-charts/internals";
+import type { LineChartProps as MuiLineChartProps } from "@mui/x-charts/LineChart";
+type ExtendedLineSeriesType = MakeOptional<LineSeriesType, "type"> & {
+    color?: string;
+    colorMap?: {
+        [key: string]: string;
+    };
+    strokeWidth?: number;
+    getColor?: (value: number, index: number, data: readonly (number | null)[]) => string;
+};
+type LineChartProps = Omit<MuiLineChartProps, "series"> & {
+    series: ExtendedLineSeriesType[];
+    xAxisData?: string[];
+    yAxisLabel?: string;
+    xAxisLabel?: string;
+    loading?: boolean;
+    height?: MuiLineChartProps["height"];
+    width?: MuiLineChartProps["width"];
+    hideLegend?: boolean;
+    legendPosition?: AnchorPosition;
+    grid?: {
+        horizontal?: boolean;
+        vertical?: boolean;
+    };
+};
+export declare const LineChart: ({ height, width, skipAnimation, loading, tooltip, series, xAxisData, yAxisLabel, xAxisLabel, hideLegend, legendPosition, grid, ...rest }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LineChart.d.ts.map

package/packages/shared-components/dist/Charts/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../src/Charts/LineChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGnF,KAAK,sBAAsB,GAAG,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,KAC7B,MAAM,CAAC;CACb,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,GAAG;IACxD,MAAM,EAAE,sBAAsB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,IAAI,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CACrD,CAAC;AAkBF,eAAO,MAAM,SAAS,GAAI,0IAcvB,cAAc,4CAsChB,CAAC"}

package/packages/shared-components/dist/Charts/LineChart.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineChart = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const LineChart_1 = require("@mui/x-charts/LineChart");
+const StyledLineChart = (0, styles_1.styled)(LineChart_1.LineChart)(({ theme }) => ({
+    "& .MuiChartsAxis-tick": {
+        stroke: theme.palette.text.secondary,
+    },
+    "& .MuiChartsAxis-line": {
+        stroke: theme.palette.divider,
+    },
+    "& .MuiChartsAxis-tickLabel": {
+        fill: theme.palette.text.secondary,
+        fontSize: 12,
+    },
+    "& .MuiChartsLegend-mark": {
+        rx: 4,
+    },
+}));
+const LineChart = ({ height = 300, width, skipAnimation = false, loading = false, tooltip, series, xAxisData, yAxisLabel, xAxisLabel, hideLegend = false, legendPosition = { horizontal: "right", vertical: "top" }, grid = { horizontal: false, vertical: false }, ...rest }) => {
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: height, width: width, variant: "rectangular" });
+    }
+    const xAxisConfig = xAxisData
+        ? [
+            {
+                data: xAxisData,
+                scaleType: "point",
+                label: xAxisLabel,
+            },
+        ]
+        : undefined;
+    const yAxisConfig = yAxisLabel
+        ? [
+            {
+                label: yAxisLabel,
+                width: 50,
+            },
+        ]
+        : undefined;
+    return ((0, jsx_runtime_1.jsx)(StyledLineChart, { height: height, width: width, series: series, xAxis: xAxisConfig, yAxis: yAxisConfig, skipAnimation: skipAnimation, tooltip: tooltip, grid: grid, slotProps: { legend: { hidden: hideLegend, position: legendPosition } }, ...rest }));
+};
+exports.LineChart = LineChart;

package/packages/shared-components/dist/Charts/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./BarChart";
+export * from "./LineChart";
 export * from "./PieChart";
 //# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/Charts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}

package/packages/shared-components/dist/Charts/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./BarChart"), exports);
+__exportStar(require("./LineChart"), exports);
 __exportStar(require("./PieChart"), exports);

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnArrangerDialog.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAOhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,MAAM,EACJ,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACzE,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACjE,SAAS,EAAE,MAAM;YAAE,OAAO,EAAE,YAAY,EAAE,CAAA;SAAE,CAAC;KAC9C,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACtE,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAwB,GACzB,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,2CAiDxC"}
+{"version":3,"file":"ColumnArrangerDialog.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAQhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,MAAM,EACJ,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACzE,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACjE,SAAS,EAAE,MAAM;YAAE,OAAO,EAAE,YAAY,EAAE,CAAA;SAAE,CAAC;KAC9C,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACtE,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAwB,GACzB,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,2CAkDxC"}

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnArrangerDialog = ColumnArrangerDialog;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
 const fromPairs_1 = __importDefault(require("lodash/fromPairs"));
 const Button_1 = require("../Button");
 const Dialog_1 = require("../Dialog");
+const Layouts_1 = require("../Layouts");
 const ColumnArrangerForm_1 = require("./ColumnArrangerForm");
 const useRefinedColumns_1 = require("./hooks/useRefinedColumns");
 function ColumnArrangerDialog({ columns, open, onClose, onSave, title = "Column Chooser", }) {
@@ -16,7 +16,10 @@ function ColumnArrangerDialog({ columns, open, onClose, onSave, title = "Column
     return ((0, jsx_runtime_1.jsx)(ColumnArrangerForm_1.ColumnArrangerForm, { columns: reFinedColumn, children: ({ columnList, reset, getValues }) => ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { title: title, open: open, onClose: () => {
                 onClose();
                 reset();
-            }, maxWidth: "xs", actions: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: () => reset(), children: "Reset" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "data-ptag": "submit", "data-cy": "submit", onClick: () => {
+            }, maxWidth: "xs", actions: (0, jsx_runtime_1.jsxs)(Layouts_1.ButtonContainer, { sx: {
+                    justifyContent: "space-between",
+                    flex: 1,
+                }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: () => reset(), children: "Reset" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "data-ptag": "submit", "data-cy": "submit", onClick: () => {
                             const values = getValues();
                             const result = (0, fromPairs_1.default)(values.columns.map((col) => [col.field, col.hide]));
                             onSave(result);

package/packages/shared-components/dist/FilterList/FilterListV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAgBnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,eAAe,EAAE,cAAc,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAiB7B;AAED,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,4CAsnBnB,CAAC"}
+{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAgBnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,eAAe,EAAE,cAAc,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAiB7B;AAED,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,4CAioBnB,CAAC"}

package/packages/shared-components/dist/FilterList/FilterListV2.js

@@ -50,6 +50,9 @@ function formatFilterData(data, filterListItems) {
 const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onApply, onClear, onChange, }) => {
     const theme = (0, material_1.useTheme)();
     const { iron, slate } = theme.palette.app.color;
+    const { layout } = (0, utils_1.useGetDeviceType)();
+    const isDesktop = layout === "desktop";
+    const isMobile = layout === "mobile";
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     const filterPopupAnchorElm = (0, react_1.useRef)(null);
     const dateRangeAnchorRef = (0, react_1.useRef)(null);
@@ -242,7 +245,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                 } }, key));
         });
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flexGrow: 1 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", spacing: 1, alignItems: "flex-start", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems: "flex-start", sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flexGrow: 1 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: { xs: "end", md: "space-between" }, spacing: 1, children: [isDesktop && ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems: { xs: "flex-start", sm: "flex-end" }, sx: {
                             maxWidth: {
                                 xs: "40vw",
                                 md: "45vw",
@@ -252,8 +255,8 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                             Object.values(filterListData).some((value) => value) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: {
                                         minWidth: "60px",
                                         marginTop: "8px",
-                                    }, children: "Filters:" }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: "5px", marginTop: "3px", alignItems: "center", sx: { flexWrap: "wrap", maxWidth: "100%" }, children: renderChips(filterListData) })] })) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "flex-start", children: [filterListData &&
-                                Object.values(filterListData).some((value) => value) && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => handlerReset(), variant: "text", sx: { minWidth: "100px" }, children: "Clear Filter" })), !isDisabled && (0, jsx_runtime_1.jsx)(Actions_1.FilterIconAction, { onClick: handleClick })] })] }), (0, jsx_runtime_1.jsx)("form", { onSubmit: (e) => {
+                                    }, children: "Filters:" }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: "5px", marginTop: "3px", alignItems: "center", sx: { flexWrap: "wrap", maxWidth: "100%" }, children: renderChips(filterListData) })] })) })), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "flex-start", children: [filterListData &&
+                                Object.values(filterListData).some((value) => value) && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => handlerReset(), variant: "text", sx: { minWidth: { xs: "60px", sm: "100px" } }, children: !isMobile ? "Clear Filter" : "Clear" })), !isDisabled && ((0, jsx_runtime_1.jsx)(Actions_1.FilterIconAction, { isFiltered: !(0, isEmpty_1.default)(filterListData), onClick: handleClick }))] })] }), (0, jsx_runtime_1.jsx)("form", { onSubmit: (e) => {
                     e.preventDefault();
                     if (!shouldFormSubmit) {
                         handleSubmit((data) => {
@@ -279,7 +282,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                         "& .MuiPaper-root": {
                             width: "350px",
                         },
-                    }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "flex-end", sx: {
+                    }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { sx: {
                                 background: iron[600],
                             }, children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px 30px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", width: "100%", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: "Filter" }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
                                                     reset();

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AASH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,WAAmB,EACnB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAiB,EACjB,OAAe,EACf,IAAQ,EACR,QAAiC,GAClC,EAAE,gBAAgB,2CA8KlB"}
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AASH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,WAAmB,EACnB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAiB,EACjB,OAAe,EACf,IAAQ,EACR,QAAiC,GAClC,EAAE,gBAAgB,2CAmLlB"}

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.js

@@ -61,7 +61,7 @@ function ImageUpload({ variant = "square", isUploading = false, defaultValue = "
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: () => !defaultValue && inputRef.current?.click(), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), sx: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { flexWrap: isCapture ? "wrap" : "nowrap", gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: () => !defaultValue && inputRef.current?.click(), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), sx: {
                             height: "120px",
                             width: "120px",
                             position: "relative",

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUploadView.d.ts

@@ -1,6 +1,8 @@
+import { type SxProps } from "@mui/material";
 export type ImageUploadViewProps = Readonly<{
     defaultValue?: string;
     variant: string;
+    sx?: SxProps;
 }>;
-export declare function ImageUploadView({ defaultValue, variant, }: ImageUploadViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageUploadView({ defaultValue, variant, sx, }: ImageUploadViewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ImageUploadView.d.ts.map

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUploadView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploadView.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUploadView.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AACH,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,OAAO,GACR,EAAE,oBAAoB,2CAqDtB"}
+{"version":3,"file":"ImageUploadView.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUploadView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,OAAO,EAAY,MAAM,eAAe,CAAC;AAI3E,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC,CAAC;AACH,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,OAAO,EACP,EAAE,GACH,EAAE,oBAAoB,2CAyDtB"}

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUploadView.js

@@ -3,16 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageUploadView = ImageUploadView;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const PadBox_1 = require("../../PadBox");
 const react_1 = require("react");
-function ImageUploadView({ defaultValue, variant, }) {
+const PadBox_1 = require("../../PadBox");
+function ImageUploadView({ defaultValue, variant, sx, }) {
     const theme = (0, material_1.useTheme)();
     const { butterflyBlue } = theme.palette.app.color;
     const [hasError, setHasError] = (0, react_1.useState)(false);
+    const imageSize = { xs: "100px", md: "120px" };
     return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-            height: "120px",
-            minWidth: "120px",
-            maxWidth: "120px",
+            width: "100%",
+            minWidth: imageSize,
+            maxWidth: imageSize,
+            height: imageSize,
             overflow: "hidden",
             border: `2px solid ${butterflyBlue[900]}`,
             borderRadius: "10px",
@@ -27,6 +29,7 @@ function ImageUploadView({ defaultValue, variant, }) {
                     },
                 }
                 : {}),
+            ...sx,
         }, children: defaultValue && !hasError ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: (0, jsx_runtime_1.jsx)("img", { alt: "", src: defaultValue, onError: () => setHasError(true), style: {
                     width: "100%",
                     height: "100%",

package/packages/shared-components/dist/FormFields/SwitchField/SwitchField.d.ts

@@ -1,4 +1,4 @@
-import type { SwitchProps } from "@mui/material";
+import { type SwitchProps } from "@mui/material";
 import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
 export type SwitchFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit<Omit<SwitchProps, "checked">, keyof ControllerRenderProps<P>> & {
     loading?: boolean;

package/packages/shared-components/dist/FormFields/SwitchField/SwitchField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/SwitchField/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACzE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,EACjD,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAe,EACf,GAAG,eAAe,EACnB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAyDrB"}
+{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/SwitchField/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACzE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,EACjD,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAe,EACf,GAAG,eAAe,EACnB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA4DrB"}

package/packages/shared-components/dist/FormFields/SwitchField/SwitchField.js

@@ -3,16 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwitchField = SwitchField;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const material_2 = require("@mui/material");
 const react_hook_form_1 = require("react-hook-form");
 const Skeleton_1 = require("./Skeleton");
 function SwitchField({ name, rules, control, defaultValue, loading = false, ...restSwitchProps }) {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, material_2.useTheme)();
     const { butterflyBlue, iron } = theme.palette.app.color;
     const { field: { value = false, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
     }
-    return ((0, jsx_runtime_1.jsx)(material_1.Switch, { checked: value, ...restField, ...restSwitchProps, sx: {
+    return ((0, jsx_runtime_1.jsx)(material_2.Switch, { checked: value, ...restField, ...restSwitchProps, sx: {
             padding: 1,
             "& .MuiSwitch-track": {
                 borderRadius: 11,
@@ -27,6 +28,9 @@ function SwitchField({ name, rules, control, defaultValue, loading = false, ...r
                     height: 16,
                     left: 12,
                 },
+                [material_1.switchClasses.input]: {
+                    width: "80px !important",
+                },
                 "&::after": {
                     content: "unset",
                     position: "absolute",

package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts

@@ -1,4 +1,4 @@
-import { type TextFieldProps as MuiTextFieldProps } from "@mui/material";
+import { type StackProps, type TextFieldProps as MuiTextFieldProps } from "@mui/material";
 import { type ControllerRenderProps, type FieldError, type FieldValues, type UseControllerProps } from "react-hook-form";
 export type AllowedCharacterType = "string" | "string-number" | "string-number-special";
 export type LetterCase = "uppercase" | "lowercase" | "mixed";
@@ -14,6 +14,7 @@ export type TextFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit
         type: string;
         message?: string;
     }) => void;
+    containerProps?: StackProps;
 };
-export declare function TextField<P extends FieldValues>({ control, name, defaultValue, label, rules, type, required, disabled, loading, placeholder, isCapitalize, isTrimStartDisabled, rows, characterType, letterCase, setError, ...inputFieldProps }: TextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
+export declare function TextField<P extends FieldValues>({ control, name, defaultValue, label, rules, type, required, disabled, loading, placeholder, isCapitalize, isTrimStartDisabled, rows, characterType, letterCase, setError, containerProps, ...inputFieldProps }: TextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TextField.d.ts.map

package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,eAAe,GACf,uBAAuB,CAAC;AAE5B,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAQ7D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,IAAI,CAAC,iBAAiB,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,YAAoB,EACpB,mBAA2B,EAC3B,IAAI,EACJ,aAAuC,EACvC,UAAoB,EACpB,QAAQ,EACR,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CA+GnB"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,eAAe,GACf,uBAAuB,CAAC;AAE5B,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAQ7D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,IAAI,CAAC,iBAAiB,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,YAAoB,EACpB,mBAA2B,EAC3B,IAAI,EACJ,aAAuC,EACvC,UAAoB,EACpB,QAAQ,EACR,cAAc,EACd,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CA+GnB"}

package/packages/shared-components/dist/FormFields/TextField/TextField.js

@@ -10,7 +10,7 @@ const characterTypeMessages = {
     "string-number": "Only letters and numbers are allowed.",
     "string-number-special": "Special characters are allowed.",
 };
-function TextField({ control, name, defaultValue, label = "", rules, type, required, disabled, loading = false, placeholder = "", isCapitalize = false, isTrimStartDisabled = false, rows, characterType = "string-number-special", letterCase = "mixed", setError, ...inputFieldProps }) {
+function TextField({ control, name, defaultValue, label = "", rules, type, required, disabled, loading = false, placeholder = "", isCapitalize = false, isTrimStartDisabled = false, rows, characterType = "string-number-special", letterCase = "mixed", setError, containerProps, ...inputFieldProps }) {
     const { field: { value, onChange, ...restField }, fieldState: { error }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
     const handleKeyDown = (event) => {
         if (event.key === "-" && type === "number") {
@@ -49,7 +49,7 @@ function TextField({ control, name, defaultValue, label = "", rules, type, requi
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows });
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, children: label })), (0, jsx_runtime_1.jsx)(material_1.TextField, { disabled: disabled, required: required, fullWidth: true, onKeyDown: handleKeyDown, placeholder: placeholder || label, type: type, inputProps: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { ...containerProps, gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, children: label })), (0, jsx_runtime_1.jsx)(material_1.TextField, { disabled: disabled, required: required, fullWidth: true, onKeyDown: handleKeyDown, placeholder: placeholder || label, type: type, inputProps: {
                     min: 0,
                 }, error: Boolean(error), helperText: error?.message, onChange: (event) => {
                     let value = event.target.value || null;

package/packages/shared-components/dist/Layouts/ButtonContainer.d.ts

@@ -1,9 +1,10 @@
+import { type SxProps } from "@mui/material";
 import type { PropsWithChildren } from "react";
 type ButtonContainerProps = PropsWithChildren & {
     columns?: number;
     columnsOnMobile?: number;
-    gap?: number;
+    sx?: SxProps;
 };
-export declare const ButtonContainer: ({ columns, columnsOnMobile, children, gap, }: ButtonContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonContainer: ({ columns, columnsOnMobile, children, sx, }: ButtonContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ButtonContainer.d.ts.map

package/packages/shared-components/dist/Layouts/ButtonContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../src/Layouts/ButtonContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,KAAK,oBAAoB,GAAG,iBAAiB,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,8CAK7B,oBAAoB,4CAgBtB,CAAC"}
+{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../src/Layouts/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,KAAK,oBAAoB,GAAG,iBAAiB,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAYtB,CAAC"}

package/packages/shared-components/dist/Layouts/ButtonContainer.js

@@ -4,9 +4,9 @@ exports.ButtonContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const useGetDeviceType_1 = require("../utils/hooks/useGetDeviceType");
-const GridProvider_1 = require("./GridProvider");
-const ButtonContainer = ({ columns = 2, columnsOnMobile = 2, children, gap = 5, }) => {
+const FormGridLayout_1 = require("./FormGridLayout");
+const ButtonContainer = ({ columns = 2, columnsOnMobile = 2, children, sx, }) => {
     const { layout } = (0, useGetDeviceType_1.useGetDeviceType)();
-    return layout === "mobile" ? ((0, jsx_runtime_1.jsx)(GridProvider_1.GridProvider, { gap: `${gap}px`, columnsOnMobile: columnsOnMobile, columns: columns, children: children })) : ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: "5px", children: children }));
+    return layout === "mobile" ? ((0, jsx_runtime_1.jsx)(FormGridLayout_1.FormGridLayout, { columnsOnMobile: columnsOnMobile, columns: columns, children: children })) : ((0, jsx_runtime_1.jsx)(material_1.Stack, { sx: sx, direction: "row", gap: "5px", children: children }));
 };
 exports.ButtonContainer = ButtonContainer;

package/packages/shared-components/dist/Layouts/index.d.ts

@@ -5,4 +5,5 @@ export * from "./FormSection";
 export * from "./FilePreviewContainer";
 export * from "./ButtonContainer";
 export * from "./MasterPageLayout";
+export * from "./GridProvider";
 //# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/Layouts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

package/packages/shared-components/dist/Layouts/index.js

@@ -21,3 +21,4 @@ __exportStar(require("./FormSection"), exports);
 __exportStar(require("./FilePreviewContainer"), exports);
 __exportStar(require("./ButtonContainer"), exports);
 __exportStar(require("./MasterPageLayout"), exports);
+__exportStar(require("./GridProvider"), exports);

package/packages/shared-components/dist/Svgs/SvgFilteredList.d.ts

@@ -0,0 +1,3 @@
+import type { SvgIconProps } from "@mui/material";
+export declare const SvgFilteredList: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SvgFilteredList.d.ts.map

package/packages/shared-components/dist/Svgs/SvgFilteredList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgFilteredList.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgFilteredList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,eAAe,GAAI,OAAO,YAAY,4CA+BlD,CAAC"}

package/packages/shared-components/dist/Svgs/SvgFilteredList.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SvgFilteredList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SvgFilteredList = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M35.0026 0.583008H4.66927C2.41411 0.583008 0.585938 2.41118 0.585938 4.66634V34.9997C0.585938 37.2548 2.41411 39.083 4.66927 39.083H35.0026C37.2578 39.083 39.0859 37.2548 39.0859 34.9997V4.66634C39.0859 2.41118 37.2578 0.583008 35.0026 0.583008Z", fill: "#BDE5FF", stroke: "#3BA4E8", strokeWidth: "1.16667" }), (0, jsx_runtime_1.jsx)("path", { d: "M11.25 16.1388V13.4167C11.25 12.7723 11.7724 12.25 12.4167 12.25H27.5834C28.2278 12.25 28.7501 12.7723 28.7501 13.4165L28.7505 16.1388M11.25 16.1388L17.6482 21.623C17.9068 21.8447 18.0556 22.1682 18.0556 22.5089V28.2557C18.0556 29.0148 18.7689 29.5717 19.5052 29.3876L21.0607 28.9987C21.5801 28.8688 21.9445 28.4023 21.9445 27.8669V22.5089C21.9445 22.1683 22.0933 21.8447 22.3519 21.623L28.7505 16.1388M11.25 16.1388H28.7505", stroke: "#3BA4E8", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "27.5", cy: "12.5", r: "4.25", fill: "#3BA4E8", stroke: "#3BA4E8", strokeWidth: "1.5" })] }));
+exports.SvgFilteredList = SvgFilteredList;

package/packages/shared-components/dist/Svgs/SvgProfile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SvgProfile.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgProfile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,UAAU,GAAI,OAAO,YAAY,4CA8B7C,CAAC"}
+{"version":3,"file":"SvgProfile.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgProfile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,UAAU,GAAI,OAAO,YAAY,4CAmC7C,CAAC"}

package/packages/shared-components/dist/Svgs/SvgProfile.js

@@ -2,5 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgProfile = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const SvgProfile = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#clip0_8728_7975)", children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.7224 0.0587158C11.281 0.136841 11.7302 0.277466 12.2536 0.543091C13.9919 1.41809 15.0114 3.37122 14.8122 5.4259C14.6911 6.64856 14.2888 7.6134 13.5153 8.53528C13.0778 9.05871 12.4021 9.55871 11.7731 9.82043C9.6794 10.6954 7.38643 9.96106 6.06612 7.9884C5.02315 6.43372 4.87471 4.29309 5.69112 2.64075C6.61299 0.77356 8.58565 -0.238159 10.7224 0.0587158ZM9.10909 1.58606C8.22237 1.80872 7.42159 2.44934 7.01534 3.26965C6.73018 3.84778 6.63252 4.28918 6.63643 4.98059C6.64424 6.05871 7.03096 7.03137 7.73409 7.7384C8.06221 8.07043 8.26534 8.21887 8.65596 8.41418C9.4958 8.82825 10.5036 8.82825 11.3435 8.41418C11.7341 8.21887 11.9372 8.07043 12.2653 7.7384C13.7419 6.25012 13.738 3.59778 12.2575 2.28528C11.4333 1.55872 10.2614 1.297 9.10909 1.58606Z", fill: "#93AABE" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.7811 11.293C13.7655 11.418 16.121 12.3438 17.5272 13.9453C18.6093 15.1758 19.1913 16.7305 19.2929 18.6562C19.3397 19.5352 19.2694 19.75 18.8866 19.9258C18.7343 19.9961 18.4061 20 9.9999 20C1.59365 20 1.26553 19.9961 1.11318 19.9258C0.73037 19.75 0.660057 19.5352 0.706932 18.6562C0.933495 14.3594 3.61318 11.8086 8.37881 11.3516C9.16787 11.2773 9.95693 11.2578 10.7811 11.293ZM8.7499 12.7734C5.96474 13.0234 4.16787 13.8945 3.11709 15.5039C2.64053 16.2344 2.28506 17.3008 2.20303 18.2305L2.17568 18.5547H9.9999H17.8241L17.7968 18.2344C17.7811 18.0547 17.7265 17.7148 17.6757 17.4805C17.2851 15.668 16.2929 14.3867 14.6718 13.6094C13.7694 13.1758 12.7851 12.9258 11.4452 12.793C10.8358 12.7305 9.34756 12.7227 8.7499 12.7734Z", fill: "#93AABE" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_8728_7975", children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white", transform: "matrix(-1 0 0 1 20 0)" }) }) })] }));
+const SvgProfile = (props) => {
+    const { fill = "currentColor" } = props;
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, style: { color: "inherit" }, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#clip0_8728_7975)", children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.7224 0.0587158C11.281 0.136841 11.7302 0.277466 12.2536 0.543091C13.9919 1.41809 15.0114 3.37122 14.8122 5.4259C14.6911 6.64856 14.2888 7.6134 13.5153 8.53528C13.0778 9.05871 12.4021 9.55871 11.7731 9.82043C9.6794 10.6954 7.38643 9.96106 6.06612 7.9884C5.02315 6.43372 4.87471 4.29309 5.69112 2.64075C6.61299 0.77356 8.58565 -0.238159 10.7224 0.0587158ZM9.10909 1.58606C8.22237 1.80872 7.42159 2.44934 7.01534 3.26965C6.73018 3.84778 6.63252 4.28918 6.63643 4.98059C6.64424 6.05871 7.03096 7.03137 7.73409 7.7384C8.06221 8.07043 8.26534 8.21887 8.65596 8.41418C9.4958 8.82825 10.5036 8.82825 11.3435 8.41418C11.7341 8.21887 11.9372 8.07043 12.2653 7.7384C13.7419 6.25012 13.738 3.59778 12.2575 2.28528C11.4333 1.55872 10.2614 1.297 9.10909 1.58606Z", fill: fill }), (0, jsx_runtime_1.jsx)("path", { d: "M10.7811 11.293C13.7655 11.418 16.121 12.3438 17.5272 13.9453C18.6093 15.1758 19.1913 16.7305 19.2929 18.6562C19.3397 19.5352 19.2694 19.75 18.8866 19.9258C18.7343 19.9961 18.4061 20 9.9999 20C1.59365 20 1.26553 19.9961 1.11318 19.9258C0.73037 19.75 0.660057 19.5352 0.706932 18.6562C0.933495 14.3594 3.61318 11.8086 8.37881 11.3516C9.16787 11.2773 9.95693 11.2578 10.7811 11.293ZM8.7499 12.7734C5.96474 13.0234 4.16787 13.8945 3.11709 15.5039C2.64053 16.2344 2.28506 17.3008 2.20303 18.2305L2.17568 18.5547H9.9999H17.8241L17.7968 18.2344C17.7811 18.0547 17.7265 17.7148 17.6757 17.4805C17.2851 15.668 16.2929 14.3867 14.6718 13.6094C13.7694 13.1758 12.7851 12.9258 11.4452 12.793C10.8358 12.7305 9.34756 12.7227 8.7499 12.7734Z", fill: fill })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_8728_7975", children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white", transform: "matrix(-1 0 0 1 20 0)" }) }) })] }));
+};
 exports.SvgProfile = SvgProfile;

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,CAkE3D,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":"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"}

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

@@ -12,13 +12,18 @@ exports.ToasterStyled = (0, material_1.styled)(react_toastify_1.ToastContainer)(
         "& .Toastify__toast": {
             padding: "0px",
             inlineSize: "400px",
-            marginLeft: "-80px",
+            right: "80px",
             borderRadius: "8px",
             border: `2px solid ${color.iron[700]}`,
         },
         "& .Toastify__toast-body": {
             padding: "0px",
         },
+        "@media (min-width: 480px)": {
+            "& .Toastify__toast": {
+                top: "-10px",
+            },
+        },
     };
     const toastSuccess = {
         "& .Toastify__toast-theme--light.Toastify__toast--success": {