@citizenplatform/core 1.0.7 → 1.0.9

package/dist/index1018.js

@@ -1,58 +0,0 @@
-import e from "./index90.js";
-import t from "./index198.js";
-import { useTranslation as n } from "react-i18next";
-import r from "react";
-import { Box as i, Divider as a } from "@mui/material";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-var l = r.memo(({ text: r, sx: l, required: u = !1 }) => {
-	let d = e(), { t: f } = n();
-	return /* @__PURE__ */ c(i, {
-		sx: {
-			width: "100%",
-			display: "flex",
-			alignItems: "center",
-			gap: 1,
-			mb: 2,
-			mt: 2,
-			...l
-		},
-		children: [
-			/* @__PURE__ */ s(i, { sx: {
-				width: 8,
-				height: 8,
-				backgroundColor: d.palette.text.primary,
-				borderRadius: "1px",
-				flexShrink: 0
-			} }),
-			/* @__PURE__ */ s(t, {
-				color: d.palette.text.primary,
-				text: /* @__PURE__ */ c(o, { children: [f(r), u && /* @__PURE__ */ s(t, {
-					text: "*",
-					component: "span",
-					sx: {
-						color: "error.main",
-						ml: .5,
-						fontSize: "inherit",
-						fontWeight: "inherit",
-						lineHeight: "inherit"
-					}
-				})] }),
-				sx: {
-					fontSize: "1rem",
-					fontWeight: 600,
-					color: d.palette.text.primary,
-					whiteSpace: "nowrap",
-					lineHeight: 1
-				}
-			}),
-			/* @__PURE__ */ s(a, { sx: {
-				flex: 1,
-				borderColor: d.palette.divider
-			} })
-		]
-	});
-});
-//#endregion
-export { l as default };
-
-//# sourceMappingURL=index1018.js.map

package/dist/index1018.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1018.js","names":[],"sources":["../src/libs/shared/UI/heading/CustomHeading.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nimport { Box, Divider } from \"@mui/material\";\r\nimport useTheme from \"@mui/system/useTheme\";\r\nimport Typography2 from \"ui/typography/Typography2\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport type { CustomHeadingProps } from \"libs/shared/types/common-types\";\r\n\r\n\r\nconst CustomHeading: React.FC<CustomHeadingProps> = ({ text, sx, required = false }) => {\r\n  const theme = useTheme();\r\n  const { t } = useTranslation();\r\n  return (\r\n    <Box\r\n      sx={{\r\n        width: \"100%\",\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        gap: 1,\r\n        mb: 2,\r\n        mt: 2,\r\n        ...sx\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          width: 8,\r\n          height: 8,\r\n          backgroundColor: theme.palette.text.primary,\r\n          borderRadius: \"1px\",\r\n          flexShrink: 0,\r\n        }}\r\n      />\r\n      <Typography2\r\n        color={theme.palette.text.primary}\r\n        text={\r\n          <>\r\n            {t(text)}\r\n            {required && (\r\n              <Typography2\r\n                text=\"*\"\r\n                component=\"span\"\r\n                sx={{\r\n                  color: \"error.main\",\r\n                  ml: 0.5,\r\n                  fontSize: \"inherit\",\r\n                  fontWeight: \"inherit\",\r\n                  lineHeight: \"inherit\",\r\n                }}\r\n              />\r\n            )}\r\n          </>\r\n        }\r\n        sx={{\r\n          fontSize: \"1rem\",\r\n          fontWeight: 600,\r\n          color:theme.palette.text.primary,\r\n          whiteSpace: \"nowrap\",\r\n          lineHeight: 1,\r\n        }}\r\n      />\r\n      <Divider\r\n        sx={{\r\n          flex: 1,\r\n          borderColor: theme.palette.divider,\r\n        }}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(CustomHeading);\r\n"],"mappings":";;;;;;AAuEA,IAAA,IAAe,EAAM,MA9DgC,EAAE,SAAM,OAAI,cAAW,SAAY;CACtF,IAAM,IAAQ,EAAS,GACjB,EAAE,SAAM,EAAe;CAC7B,OACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,IAAI;GACJ,IAAI;GACJ,GAAG;EACL;EATF,UAAA;GAWE,kBAAC,GAAD,EACE,IAAI;IACF,OAAO;IACP,QAAQ;IACR,iBAAiB,EAAM,QAAQ,KAAK;IACpC,cAAc;IACd,YAAY;GACd,EACD,CAAA;GACD,kBAAC,GAAD;IACE,OAAO,EAAM,QAAQ,KAAK;IAC1B,MACE,kBAAA,GAAA,EAAA,UAAA,CACG,EAAE,CAAI,GACN,KACC,kBAAC,GAAD;KACE,MAAK;KACL,WAAU;KACV,IAAI;MACF,OAAO;MACP,IAAI;MACJ,UAAU;MACV,YAAY;MACZ,YAAY;KACd;IACD,CAAA,CAEH,EAAA,CAAA;IAEJ,IAAI;KACF,UAAU;KACV,YAAY;KACZ,OAAM,EAAM,QAAQ,KAAK;KACzB,YAAY;KACZ,YAAY;IACd;GACD,CAAA;GACD,kBAAC,GAAD,EACE,IAAI;IACF,MAAM;IACN,aAAa,EAAM,QAAQ;GAC7B,EACD,CAAA;EACE;;AAET,CAEuC"}

package/dist/index1019.js

@@ -1,9 +0,0 @@
-"use client";
-import e from "./index240.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region node_modules/@mui/icons-material/AutorenewRounded.mjs
-var n = e(/*#__PURE__*/ t("path", { d: "M12 6v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79c-.31-.31-.85-.09-.85.36V4c-4.42 0-8 3.58-8 8 0 1.04.2 2.04.57 2.95.27.67 1.13.85 1.64.34.27-.27.38-.68.23-1.04C6.15 13.56 6 12.79 6 12c0-3.31 2.69-6 6-6m5.79 2.71c-.27.27-.38.69-.23 1.04.28.7.44 1.46.44 2.25 0 3.31-2.69 6-6 6v-1.79c0-.45-.54-.67-.85-.35l-2.79 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.31.31.85.09.85-.35V20c4.42 0 8-3.58 8-8 0-1.04-.2-2.04-.57-2.95-.27-.67-1.13-.85-1.64-.34" }), "AutorenewRounded");
-//#endregion
-export { n as default };
-
-//# sourceMappingURL=index1019.js.map

package/dist/index1019.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1019.js","names":[],"sources":["../node_modules/@mui/icons-material/AutorenewRounded.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 6v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79c-.31-.31-.85-.09-.85.36V4c-4.42 0-8 3.58-8 8 0 1.04.2 2.04.57 2.95.27.67 1.13.85 1.64.34.27-.27.38-.68.23-1.04C6.15 13.56 6 12.79 6 12c0-3.31 2.69-6 6-6m5.79 2.71c-.27.27-.38.69-.23 1.04.28.7.44 1.46.44 2.25 0 3.31-2.69 6-6 6v-1.79c0-.45-.54-.67-.85-.35l-2.79 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.31.31.85.09.85-.35V20c4.42 0 8-3.58 8-8 0-1.04-.2-2.04-.57-2.95-.27-.67-1.13-.85-1.64-.34\"\n}), 'AutorenewRounded');"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAA,IAAe,EAA2B,gBAAK,QAAQ,EACrD,GAAG,scACL,CAAC,GAAG,kBAAkB"}

package/dist/index102.js

@@ -1,7 +0,0 @@
-import e from "./index101.js";
-//#region node_modules/@mui/system/styled/styled.mjs
-var t = e();
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=index102.js.map

package/dist/index102.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index102.js","names":[],"sources":["../node_modules/@mui/system/styled/styled.mjs"],"sourcesContent":["import createStyled from \"../createStyled/index.mjs\";\nconst styled = createStyled();\nexport default styled;"],"x_google_ignoreList":[0],"mappings":";;AACA,IAAM,IAAS,EAAa"}

package/dist/index1020.js

@@ -1,9 +0,0 @@
-"use client";
-import e from "./index240.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region node_modules/@mui/icons-material/CheckCircleRounded.mjs
-var n = e(/*#__PURE__*/ t("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M9.29 16.29 5.7 12.7a.996.996 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0s.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0" }), "CheckCircleRounded");
-//#endregion
-export { n as default };
-
-//# sourceMappingURL=index1020.js.map

package/dist/index1020.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1020.js","names":[],"sources":["../node_modules/@mui/icons-material/CheckCircleRounded.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M9.29 16.29 5.7 12.7a.996.996 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0s.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0\"\n}), 'CheckCircleRounded');"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAA,IAAe,EAA2B,gBAAK,QAAQ,EACrD,GAAG,mOACL,CAAC,GAAG,oBAAoB"}

package/dist/index1021.js

@@ -1,9 +0,0 @@
-"use client";
-import e from "./index240.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region node_modules/@mui/icons-material/DescriptionOutlined.mjs
-var n = e(/*#__PURE__*/ t("path", { d: "M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5z" }), "DescriptionOutlined");
-//#endregion
-export { n as default };
-
-//# sourceMappingURL=index1021.js.map

package/dist/index1021.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1021.js","names":[],"sources":["../node_modules/@mui/icons-material/DescriptionOutlined.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5z\"\n}), 'DescriptionOutlined');"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAA,IAAe,EAA2B,gBAAK,QAAQ,EACrD,GAAG,2GACL,CAAC,GAAG,qBAAqB"}

package/dist/index1022.js

@@ -1,57 +0,0 @@
-"use client";
-import { __toESM as e } from "./index2.js";
-import { require_prop_types as t } from "./index62.js";
-import n from "./index124.js";
-import r from "./index170.js";
-import { useDefaultProps as i } from "./index173.js";
-//#region node_modules/@mui/material/Stack/Stack.mjs
-var a = /* @__PURE__ */ e(t(), 1), o = n({
-	createStyledComponent: r("div", {
-		name: "MuiStack",
-		slot: "Root"
-	}),
-	useThemeProps: (e) => i({
-		props: e,
-		name: "MuiStack"
-	})
-});
-process.env.NODE_ENV !== "production" && (o.propTypes = {
-	children: a.default.node,
-	component: a.default.elementType,
-	direction: a.default.oneOfType([
-		a.default.oneOf([
-			"column-reverse",
-			"column",
-			"row-reverse",
-			"row"
-		]),
-		a.default.arrayOf(a.default.oneOf([
-			"column-reverse",
-			"column",
-			"row-reverse",
-			"row"
-		])),
-		a.default.object
-	]),
-	divider: a.default.node,
-	spacing: a.default.oneOfType([
-		a.default.arrayOf(a.default.oneOfType([a.default.number, a.default.string])),
-		a.default.number,
-		a.default.object,
-		a.default.string
-	]),
-	sx: a.default.oneOfType([
-		a.default.arrayOf(a.default.oneOfType([
-			a.default.func,
-			a.default.object,
-			a.default.bool
-		])),
-		a.default.func,
-		a.default.object
-	]),
-	useFlexGap: a.default.bool
-});
-//#endregion
-export { o as default };
-
-//# sourceMappingURL=index1022.js.map

package/dist/index1022.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1022.js","names":["PropTypes"],"sources":["../node_modules/@mui/material/Stack/Stack.mjs"],"sourcesContent":["'use client';\n\nimport PropTypes from 'prop-types';\nimport { createStack } from '@mui/system';\nimport styled from \"../styles/styled.mjs\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.mjs\";\nconst Stack = createStack({\n  createStyledComponent: styled('div', {\n    name: 'MuiStack',\n    slot: 'Root'\n  }),\n  useThemeProps: inProps => useDefaultProps({\n    props: inProps,\n    name: 'MuiStack'\n  })\n});\nprocess.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   * @default 'column'\n   */\n  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n  /**\n   * Add an element between each child.\n   */\n  divider: PropTypes.node,\n  /**\n   * Defines the space between immediate children.\n   * @default 0\n   */\n  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n  /**\n   * The system prop, which allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.\n   *\n   * While CSS `gap` removes the known limitations,\n   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.\n   *\n   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.\n   * @default false\n   */\n  useFlexGap: PropTypes.bool\n} : void 0;\nexport default Stack;"],"x_google_ignoreList":[0],"mappings":";;;;;;;mCAMM,IAAQ,EAAY;CACxB,uBAAuB,EAAO,OAAO;EACnC,MAAM;EACN,MAAM;CACR,CAAC;CACD,gBAAe,MAAW,EAAgB;EACxC,OAAO;EACP,MAAM;CACR,CAAC;AACH,CAAC;AACwB,QAAA,IAAA,aAAA,iBAAe,EAAM,YAAmC;CAQ/E,UAAUA,EAAAA,QAAU;CAKpB,WAAWA,EAAAA,QAAU;CAMrB,WAAWA,EAAAA,QAAU,UAAU;EAACA,EAAAA,QAAU,MAAM;GAAC;GAAkB;GAAU;GAAe;EAAK,CAAC;EAAGA,EAAAA,QAAU,QAAQA,EAAAA,QAAU,MAAM;GAAC;GAAkB;GAAU;GAAe;EAAK,CAAC,CAAC;EAAGA,EAAAA,QAAU;CAAM,CAAC;CAI9M,SAASA,EAAAA,QAAU;CAKnB,SAASA,EAAAA,QAAU,UAAU;EAACA,EAAAA,QAAU,QAAQA,EAAAA,QAAU,UAAU,CAACA,EAAAA,QAAU,QAAQA,EAAAA,QAAU,MAAM,CAAC,CAAC;EAAGA,EAAAA,QAAU;EAAQA,EAAAA,QAAU;EAAQA,EAAAA,QAAU;CAAM,CAAC;CAIjK,IAAIA,EAAAA,QAAU,UAAU;EAACA,EAAAA,QAAU,QAAQA,EAAAA,QAAU,UAAU;GAACA,EAAAA,QAAU;GAAMA,EAAAA,QAAU;GAAQA,EAAAA,QAAU;EAAI,CAAC,CAAC;EAAGA,EAAAA,QAAU;EAAMA,EAAAA,QAAU;CAAM,CAAC;CAUtJ,YAAYA,EAAAA,QAAU;AACxB"}

package/dist/index1023.js

@@ -1,33 +0,0 @@
-import e from "./index198.js";
-import t from "./index1022.js";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/libs/shared/UI/indicator/Infopair.tsx
-var r = ({ children: e, direction: r = "column", align: i = "flex-start", py: a = 2, justifyContent: o = "flex-start" }) => /* @__PURE__ */ n(t, {
-	direction: r,
-	sx: {
-		alignItems: i,
-		justifyContent: o,
-		paddingBottom: 0,
-		paddingTop: (e) => e.spacing(a)
-	},
-	children: e
-});
-r.Label = ({ children: t, sx: r }) => /* @__PURE__ */ n(e, {
-	component: "span",
-	sx: {
-		fontWeight: 500,
-		...r,
-		color: "red"
-	},
-	text: String(t)
-}), r.Value = ({ children: e }) => /* @__PURE__ */ n("span", {
-	style: {
-		color: "blue",
-		fontWeight: 600
-	},
-	children: e
-});
-//#endregion
-export { r as default };
-
-//# sourceMappingURL=index1023.js.map

package/dist/index1023.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1023.js","names":[],"sources":["../src/libs/shared/UI/indicator/Infopair.tsx"],"sourcesContent":[" \r\nimport Stack from \"@mui/material/Stack\";\r\nimport type { InfoPairProps, InfoPairTextProps } from \"libs/shared/types/common-types\";\r\nimport Typography2 from \"ui/typography/Typography2\";\r\n\r\n\r\n\r\nconst InfoPair: React.FC<InfoPairProps> & {\r\n  Label: React.FC<InfoPairTextProps>;\r\n  Value: React.FC<InfoPairTextProps>;\r\n} = ({\r\n  children,\r\n  direction = \"column\",\r\n  align = \"flex-start\",\r\n  py = 2,\r\n  justifyContent = \"flex-start\"\r\n}) => { \r\n  return (\r\n    <Stack\r\n  direction={direction}\r\n  sx={{\r\n    alignItems: align,\r\n    justifyContent: justifyContent,\r\n    paddingBottom: 0,\r\n    paddingTop: (theme) => theme.spacing(py),\r\n  }}\r\n>\r\n  {children}\r\n</Stack>\r\n  );\r\n};\r\n\r\nconst Label: React.FC<InfoPairTextProps> = ({ children, sx }) => { \r\n  return (\r\n    <Typography2\r\n          component=\"span\"\r\n          sx={{ \r\n              fontWeight: 500,\r\n              ...sx,\r\n              color: \"red\",\r\n          }}   text={String(children)}   >\r\n     \r\n    </Typography2>\r\n  );\r\n}\r\n\r\nconst Value: React.FC<InfoPairTextProps> = ({ children }) => {\r\n  return (\r\n    <span\r\n      style={{\r\n        color: \"blue\",\r\n        fontWeight: 600,\r\n      }}\r\n    >\r\n      {children}\r\n    </span>\r\n  );\r\n};\r\n\r\nInfoPair.Label = Label;\r\nInfoPair.Value = Value;\r\n\r\nexport default InfoPair;\r\n"],"mappings":";;;;AAOA,IAAM,KAGD,EACH,aACA,eAAY,UACZ,WAAQ,cACR,QAAK,GACL,oBAAiB,mBAGf,kBAAC,GAAD;CACS;CACX,IAAI;EACF,YAAY;EACI;EAChB,eAAe;EACf,aAAa,MAAU,EAAM,QAAQ,CAAE;CACzC;CAEC;AACI,CAAA;AA+BP,EAAS,SA3BmC,EAAE,aAAU,YAEpD,kBAAC,GAAD;CACM,WAAU;CACV,IAAI;EACA,YAAY;EACZ,GAAG;EACH,OAAO;CACX;CAAK,MAAM,OAAO,CAAQ;AAEnB,CAAA,GAkBjB,EAAS,SAdmC,EAAE,kBAE1C,kBAAC,QAAD;CACE,OAAO;EACL,OAAO;EACP,YAAY;CACd;CAEC;AACG,CAAA"}

package/dist/index1024.js

@@ -1,161 +0,0 @@
-import e from "./index90.js";
-import t from "./index1019.js";
-import n from "./index1020.js";
-import r from "./index1021.js";
-import i from "./index1023.js";
-import { t as a } from "i18next";
-import { useEffect as o, useState as s } from "react";
-import { Box as c, Divider as l, Typography as u, alpha as d } from "@mui/material";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/libs/shared/UI/indicator/AutoSaveIndicator.tsx
-var m = ({ isSaving: m, draftNo: h, onSave: g, lastSaveTime: _, isViewMode: v = !1, startLabel: y, startValue: b, endLabel: x, endValue: S, paddingLeft: C, paddingRight: w }) => {
-	let [T, E] = s(""), D = e();
-	return o(() => {
-		_ ? E(_) : m || E((/* @__PURE__ */ new Date()).toLocaleTimeString([], {
-			hour: "2-digit",
-			minute: "2-digit"
-		}));
-	}, [_, m]), v ? /* @__PURE__ */ p(c, {
-		sx: {
-			pl: C ?? 0,
-			pr: w ?? 0
-		},
-		children: [y && /* @__PURE__ */ p(i, {
-			direction: "row",
-			py: 0,
-			children: [/* @__PURE__ */ f(i.Label, { children: a(y) }), /* @__PURE__ */ f(i.Value, { children: b })]
-		}), x && /* @__PURE__ */ p(i, {
-			direction: "row",
-			py: 0,
-			children: [/* @__PURE__ */ f(i.Label, { children: a(x) }), /* @__PURE__ */ f(i.Value, { children: S })]
-		})]
-	}) : /* @__PURE__ */ p(c, {
-		sx: {
-			display: "flex",
-			alignItems: "center",
-			borderRadius: 2,
-			bgcolor: D.palette.background.paper,
-			overflow: "hidden",
-			minWidth: 270,
-			pl: C ?? 1
-		},
-		children: [
-			/* @__PURE__ */ p(c, {
-				sx: {
-					display: "flex",
-					alignItems: "center",
-					gap: 1,
-					pr: 3
-				},
-				children: [/* @__PURE__ */ f(c, {
-					onClick: g,
-					sx: {
-						width: {
-							xs: 30,
-							sm: 45
-						},
-						height: {
-							xs: 30,
-							sm: 45
-						},
-						borderRadius: "50%",
-						bgcolor: d(D.palette.success.main, .12),
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "center",
-						cursor: g ? "pointer" : "default"
-					},
-					children: m ? /* @__PURE__ */ f(t, { sx: {
-						color: D.palette.success.main,
-						fontSize: {
-							xs: 24,
-							sm: 30
-						},
-						animation: "spin 1s linear infinite",
-						"@keyframes spin": {
-							from: { transform: "rotate(0deg)" },
-							to: { transform: "rotate(360deg)" }
-						}
-					} }) : /* @__PURE__ */ f(n, { sx: {
-						color: D.palette.success.main,
-						fontSize: {
-							xs: 24,
-							sm: 30
-						}
-					} })
-				}), /* @__PURE__ */ p(c, { children: [/* @__PURE__ */ f(u, {
-					sx: {
-						fontWeight: 600,
-						fontSize: {
-							xs: 12,
-							sm: 14
-						},
-						color: D.palette.text.primary
-					},
-					children: a(m ? "strAutoSaving" : "strLastSaved")
-				}), /* @__PURE__ */ f(u, {
-					sx: {
-						fontWeight: 600,
-						color: D.palette.text.primary,
-						fontSize: {
-							xs: 12,
-							sm: 14
-						}
-					},
-					children: T
-				})] })]
-			}),
-			/* @__PURE__ */ f(l, {
-				orientation: "vertical",
-				flexItem: !0,
-				sx: { mx: {
-					xs: 1,
-					sm: 2
-				} }
-			}),
-			/* @__PURE__ */ p(c, {
-				sx: {
-					minWidth: 120,
-					px: {
-						xs: 0,
-						sm: 2
-					},
-					display: "flex",
-					alignItems: "center",
-					gap: {
-						xs: 0,
-						sm: 1
-					}
-				},
-				children: [/* @__PURE__ */ f(r, {
-					sx: { color: D.palette.text.primary },
-					fontSize: "small"
-				}), /* @__PURE__ */ p(c, { children: [/* @__PURE__ */ f(u, {
-					sx: {
-						fontWeight: 600,
-						fontSize: {
-							xs: 12,
-							sm: 14
-						},
-						color: D.palette.text.primary
-					},
-					children: a("strDraftNo")
-				}), /* @__PURE__ */ f(u, {
-					sx: {
-						fontWeight: 600,
-						color: D.palette.text.primary,
-						fontSize: {
-							xs: 12,
-							sm: 14
-						}
-					},
-					children: h ?? "-"
-				})] })]
-			})
-		]
-	});
-};
-//#endregion
-export { m as default };
-
-//# sourceMappingURL=index1024.js.map

package/dist/index1024.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1024.js","names":[],"sources":["../src/libs/shared/UI/indicator/AutoSaveIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Typography,\r\n  Divider,\r\n  alpha,\r\n} from \"@mui/material\";\r\nimport AutorenewRoundedIcon from \"@mui/icons-material/AutorenewRounded\";\r\nimport CheckCircleRoundedIcon from \"@mui/icons-material/CheckCircleRounded\";\r\nimport DescriptionOutlinedIcon from \"@mui/icons-material/DescriptionOutlined\";\r\nimport { t } from \"i18next\";\r\nimport InfoPair from \"./Infopair\";\r\nimport { useTheme } from \"@mui/system\";\r\nimport type { AutoSaveIndicatorProps } from \"libs/shared/types/common-types\";\r\n\r\n\r\nconst AutoSaveIndicator: React.FC<AutoSaveIndicatorProps> = ({\r\n  isSaving,\r\n  draftNo,\r\n  onSave,\r\n  lastSaveTime,\r\n  isViewMode = false,\r\n  startLabel,\r\n  startValue,\r\n  endLabel,\r\n  endValue,\r\n  paddingLeft,\r\n  paddingRight,\r\n}) => {\r\n  const [lastSavedTime, setLastSavedTime] = useState(\"\");\r\n  const theme = useTheme();\r\n\r\n  useEffect(() => {\r\n    if (lastSaveTime) {\r\n      setLastSavedTime(lastSaveTime);\r\n    } else if (!isSaving) {\r\n      const now = new Date();\r\n\r\n      setLastSavedTime(\r\n        now.toLocaleTimeString([], {\r\n          hour: \"2-digit\",\r\n          minute: \"2-digit\",\r\n        })\r\n      );\r\n    }\r\n  }, [lastSaveTime, isSaving]);\r\n\r\n  if (isViewMode) {\r\n    return (\r\n      <Box\r\n        sx={{\r\n          pl: paddingLeft ?? 0,\r\n          pr: paddingRight ?? 0,\r\n        }}\r\n      >\r\n        {startLabel && (\r\n          <InfoPair direction=\"row\" py={0}>\r\n            <InfoPair.Label>{t(startLabel)}</InfoPair.Label>\r\n            <InfoPair.Value>{startValue}</InfoPair.Value>\r\n          </InfoPair>\r\n        )}\r\n\r\n        {endLabel && (\r\n          <InfoPair direction=\"row\" py={0}>\r\n            <InfoPair.Label>{t(endLabel)}</InfoPair.Label>\r\n            <InfoPair.Value>{endValue}</InfoPair.Value>\r\n          </InfoPair>\r\n        )}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        borderRadius: 2,\r\n        bgcolor: theme.palette.background.paper,\r\n        overflow: \"hidden\",\r\n        minWidth: 270,\r\n        pl: paddingLeft ?? 1,\r\n\r\n      }}\r\n    >\r\n      {/* Status */}\r\n\r\n      <Box\r\n        sx={{\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          gap: 1,\r\n          pr: 3,\r\n        }}\r\n      >\r\n        <Box\r\n          onClick={onSave}\r\n          sx={{\r\n            width:{\r\n              xs: 30,\r\n              sm: 45,\r\n            },\r\n            height:{\r\n              xs: 30,\r\n              sm: 45,\r\n            },\r\n            borderRadius: \"50%\",\r\n            bgcolor: alpha(theme.palette.success.main, 0.12),\r\n            display: \"flex\",\r\n            alignItems: \"center\",\r\n            justifyContent: \"center\",\r\n            cursor: onSave ? \"pointer\" : \"default\",\r\n          }}\r\n        >\r\n          {isSaving ? (\r\n            <AutorenewRoundedIcon\r\n              sx={{\r\n                color: theme.palette.success.main,\r\n                fontSize:{\r\n                  xs: 24,\r\n                  sm: 30,\r\n                },\r\n                animation: \"spin 1s linear infinite\",\r\n                \"@keyframes spin\": {\r\n                  from: {\r\n                    transform: \"rotate(0deg)\",\r\n                  },\r\n                  to: {\r\n                    transform: \"rotate(360deg)\",\r\n                  },\r\n                },\r\n              }}\r\n            />\r\n          ) : (\r\n            <CheckCircleRoundedIcon\r\n              sx={{\r\n                color: theme.palette.success.main,\r\n                fontSize: {\r\n                  xs: 24,\r\n                  sm: 30,\r\n                }\r\n              }}\r\n            />\r\n          )}\r\n        </Box>\r\n\r\n        <Box>\r\n          <Typography\r\n            sx={{\r\n              fontWeight: 600,\r\n              fontSize: {\r\n                  xs: 12,\r\n                  sm: 14,\r\n                },\r\n              color: theme.palette.text.primary,\r\n            }}\r\n          >\r\n            {isSaving\r\n              ? t(\"strAutoSaving\")\r\n              : t(\"strLastSaved\")}\r\n          </Typography>\r\n\r\n          <Typography\r\n            sx={{\r\n              fontWeight: 600,\r\n              color:theme.palette.text.primary,\r\n              fontSize:{\r\n                  xs: 12,\r\n                  sm: 14,\r\n                },\r\n            }}\r\n          >\r\n\r\n            {lastSavedTime}\r\n          </Typography>\r\n        </Box>\r\n      </Box>\r\n\r\n      <Divider\r\n        orientation=\"vertical\"\r\n        flexItem\r\n        sx={{\r\n          mx: {\r\n            xs: 1,\r\n            sm: 2,\r\n          },\r\n        }}\r\n      />\r\n\r\n      {/* Draft */}\r\n\r\n      <Box\r\n        sx={{\r\n          minWidth: 120,\r\n          px: {\r\n            xs: 0,\r\n            sm: 2,\r\n          },\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          gap: {\r\n              xs: 0,\r\n              sm: 1,\r\n            },\r\n        }}\r\n      >\r\n        <DescriptionOutlinedIcon\r\n          sx={{ color: theme.palette.text.primary}}\r\n          fontSize=\"small\"\r\n        />\r\n\r\n        <Box>\r\n          <Typography\r\n            sx={{\r\n               fontWeight: 600,\r\n              fontSize: {\r\n                  xs: 12,\r\n                  sm: 14,\r\n                },\r\n              color:theme.palette.text.primary,\r\n            }}\r\n          >\r\n            {t(\"strDraftNo\")}\r\n          </Typography>\r\n\r\n          <Typography\r\n            sx={{\r\n              fontWeight: 600,\r\n              color:theme.palette.text.primary,\r\n              fontSize: {\r\n                  xs: 12,\r\n                  sm: 14,\r\n                },\r\n            }}\r\n          >\r\n            {draftNo ?? \"-\"}\r\n          </Typography>\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default AutoSaveIndicator;\r\n"],"mappings":"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"}

package/dist/index1025.js

@@ -1,175 +0,0 @@
-import e from "./index90.js";
-import t from "./index198.js";
-import n from "./index206.js";
-import r from "./index1002.js";
-import i from "./index1024.js";
-import { useTranslation as a } from "react-i18next";
-import o, { useMemo as s } from "react";
-import { Box as c, Card as l, CardActions as u, CardContent as d, IconButton as f, Stack as p } from "@mui/material";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region src/libs/shared/UI/maincard/Maincard.tsx
-var _ = ({ isShowClose: e, isShowPrint: t, onPrint: n, onHeaderClose: i }) => {
-	let { t: o } = a();
-	return e ? /* @__PURE__ */ g(p, {
-		direction: "row",
-		spacing: .5,
-		children: [t && /* @__PURE__ */ h(r, {
-			title: o("strPrint"),
-			children: /* @__PURE__ */ h(f, {
-				size: "small",
-				onClick: n
-			})
-		}), /* @__PURE__ */ h(r, {
-			title: o("strClose"),
-			children: /* @__PURE__ */ h(f, {
-				size: "small",
-				onClick: i
-			})
-		})]
-	}) : /* @__PURE__ */ h(p, {
-		direction: "row",
-		spacing: 1
-	});
-}, v = o.memo(({ title: r, mainTabName: o = "", width: f = "100%", height: v, children: y, stepperComponent: b, stepRendererComponent: x, isShowClose: S = !1, isShowPrint: C = !1, onHeaderClose: w, onPrint: T, footer: E, contentSX: D, showAutoSaveIndicator: O = !1, autoSaveProps: k }) => {
-	let { t: A } = a(), { isMobile: j } = n(), M = j ? "calc(100vh - 11.5rem)" : "calc(100vh - 6.5rem)", N = e(), P = s(() => "data:image/svg+xml;utf8,%0A%20%20%20%20%20%20%3Csvg%20width%3D%22500%22%20height%3D%22500%22%20viewBox%3D%220%200%20500%20500%22%0A%20%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%0A%20%20%20%20%20%20%20%20%20%20cx%3D%22250%22%0A%20%20%20%20%20%20%20%20%20%20cy%3D%22250%22%0A%20%20%20%20%20%20%20%20%20%20r%3D%22180%22%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22%23808080%22%0A%20%20%20%20%20%20%20%20%20%20opacity%3D%220.06%22%0A%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%3C%2Fsvg%3E", []);
-	return /* @__PURE__ */ g(l, {
-		elevation: 0,
-		sx: {
-			width: f,
-			height: v || M,
-			display: "flex",
-			flexDirection: "column",
-			backgroundColor: "transparent",
-			background: "transparent",
-			boxShadow: "none",
-			borderRadius: 2,
-			overflow: "hidden"
-		},
-		children: [/* @__PURE__ */ g(d, {
-			sx: {
-				flex: 1,
-				p: 0,
-				overflow: "hidden",
-				position: "relative",
-				display: "flex",
-				flexDirection: "column"
-			},
-			children: [/* @__PURE__ */ h(c, {
-				component: "img",
-				src: P,
-				alt: "watermark",
-				sx: {
-					position: "absolute",
-					top: "50%",
-					left: "50%",
-					transform: "translate(-50%, -50%)",
-					width: "35%",
-					opacity: .2,
-					pointerEvents: "none",
-					userSelect: "none",
-					zIndex: 0
-				}
-			}), /* @__PURE__ */ g(c, {
-				sx: {
-					flex: 1,
-					overflowY: "auto",
-					overflowX: "hidden",
-					position: "relative",
-					zIndex: 1,
-					scrollbarWidth: "thin"
-				},
-				children: [
-					/* @__PURE__ */ h(c, {
-						sx: {
-							pl: 2,
-							py: 1,
-							mb: 1,
-							backgroundColor: N.palette.background.paper,
-							borderBottom: "1px solid",
-							borderColor: "divider"
-						},
-						children: /* @__PURE__ */ g(c, {
-							sx: {
-								display: "flex",
-								justifyContent: "space-between",
-								alignItems: "center",
-								gap: 2,
-								flexWrap: "wrap"
-							},
-							children: [/* @__PURE__ */ g(c, {
-								sx: {
-									display: "flex",
-									alignItems: "center",
-									flexWrap: "wrap",
-									gap: 1,
-									minWidth: 0,
-									flex: 1
-								},
-								children: [/* @__PURE__ */ h(t, {
-									text: A(r),
-									variant: "h6",
-									sx: { fontWeight: 600 }
-								}), o && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(t, {
-									text: ">",
-									color: "text.secondary"
-								}), /* @__PURE__ */ h(t, {
-									text: A(o),
-									variant: "subtitle1",
-									color: "text.secondary"
-								})] })]
-							}), /* @__PURE__ */ g(p, {
-								direction: "row",
-								spacing: 2,
-								children: [O && /* @__PURE__ */ h(i, {
-									...k,
-									paddingLeft: 0,
-									paddingRight: 0
-								}), /* @__PURE__ */ h(_, {
-									isShowClose: S,
-									isShowPrint: C,
-									onPrint: T,
-									onHeaderClose: w
-								})]
-							})]
-						})
-					}),
-					b && /* @__PURE__ */ h(c, {
-						sx: {
-							position: "sticky",
-							top: .1,
-							zIndex: 20,
-							pb: 1,
-							background: N.palette.background.default
-						},
-						children: b
-					}),
-					/* @__PURE__ */ h(c, {
-						sx: {
-							px: 1,
-							pb: 1,
-							...D
-						},
-						children: x || y
-					})
-				]
-			})]
-		}), E && /* @__PURE__ */ h(u, {
-			sx: {
-				position: "sticky",
-				bottom: 0,
-				zIndex: 30,
-				justifyContent: "flex-end",
-				borderTop: "1px solid",
-				borderColor: "divider",
-				backgroundColor: (e) => e.palette.background.paper,
-				backdropFilter: "blur(8px)",
-				WebkitBackdropFilter: "blur(8px)"
-			},
-			children: E
-		})]
-	});
-});
-//#endregion
-export { v as default };
-
-//# sourceMappingURL=index1025.js.map

package/dist/index1025.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index1025.js","names":[],"sources":["../src/libs/shared/UI/maincard/Maincard.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport {\r\n  Box,\r\n  Card,\r\n  CardActions,\r\n  CardContent,\r\n  IconButton,\r\n  Stack,\r\n} from \"@mui/material\";\r\nimport useDevice from \"hooks/useDevice\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport Typography2 from \"ui/typography/Typography2\";\r\nimport AutoSaveIndicator from \"ui/indicator/AutoSaveIndicator\";\r\nimport CustomizedTooltip from \"ui/toolTips/CustomizedTooltip\";\r\nimport { useTheme } from \"@mui/system\";\r\nimport type { HeaderActionsProps, MainCardProps } from \"libs/shared/types/common-types\";\r\n\r\n\r\nconst HeaderActions = ({\r\n  isShowClose,\r\n  isShowPrint,\r\n  onPrint,\r\n  onHeaderClose,\r\n}: HeaderActionsProps) => {\r\n  const { t } = useTranslation();\r\n\r\n  if (!isShowClose) {\r\n    return (\r\n      <Stack direction=\"row\" spacing={1}>\r\n        {/* Additional Actions */}\r\n      </Stack>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Stack direction=\"row\" spacing={0.5}>\r\n      {isShowPrint && (\r\n        <CustomizedTooltip title={t(\"strPrint\")}>\r\n          <IconButton size=\"small\" onClick={onPrint}>\r\n            {/* Print Icon */}\r\n          </IconButton>\r\n        </CustomizedTooltip>\r\n      )}\r\n\r\n      <CustomizedTooltip title={t(\"strClose\")}>\r\n        <IconButton size=\"small\" onClick={onHeaderClose}>\r\n          {/* Close Icon */}\r\n        </IconButton>\r\n      </CustomizedTooltip>\r\n    </Stack>\r\n  );\r\n};\r\n\r\nconst MainCard: React.FC<MainCardProps> = ({\r\n  title,\r\n  mainTabName = \"\",\r\n  width = \"100%\",\r\n  height,\r\n  children,\r\n  stepperComponent,\r\n  stepRendererComponent,\r\n  isShowClose = false,\r\n  isShowPrint = false,\r\n  onHeaderClose,\r\n  onPrint,\r\n  footer,\r\n  contentSX,\r\n\r\n  showAutoSaveIndicator = false,\r\n  autoSaveProps,\r\n}) => {\r\n  const { t } = useTranslation();\r\n  const { isMobile } = useDevice();\r\n  const topHeight = isMobile ? \"calc(100vh - 11.5rem)\" : \"calc(100vh - 6.5rem)\";\r\n  const theme = useTheme();\r\n  const svgDataUri = useMemo(() => {\r\n    const svg = `\r\n      <svg width=\"500\" height=\"500\" viewBox=\"0 0 500 500\"\r\n      xmlns=\"http://www.w3.org/2000/svg\">\r\n        <circle\r\n          cx=\"250\"\r\n          cy=\"250\"\r\n          r=\"180\"\r\n          fill=\"#808080\"\r\n          opacity=\"0.06\"\r\n        />\r\n      </svg>`;\r\n\r\n    return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;\r\n  }, []);\r\n\r\n  return (\r\n    <Card\r\n      elevation={0}\r\n      sx={{\r\n        width,\r\n        height: height ? height : topHeight,\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        backgroundColor: \"transparent\",\r\n        background: \"transparent\",\r\n        boxShadow: \"none\",\r\n        borderRadius: 2,\r\n        overflow: \"hidden\",\r\n      }}\r\n    >\r\n      <CardContent\r\n        sx={{\r\n          flex: 1,\r\n          p: 0,\r\n          overflow: \"hidden\",\r\n          position: \"relative\",\r\n          display: \"flex\",\r\n          flexDirection: \"column\",\r\n        }}\r\n      >\r\n        {/* Watermark */}\r\n        <Box\r\n          component=\"img\"\r\n          src={svgDataUri}\r\n          alt=\"watermark\"\r\n          sx={{\r\n            position: \"absolute\",\r\n            top: \"50%\",\r\n            left: \"50%\",\r\n            transform: \"translate(-50%, -50%)\",\r\n            width: \"35%\",\r\n            opacity: 0.2,\r\n            pointerEvents: \"none\",\r\n            userSelect: \"none\",\r\n            zIndex: 0,\r\n          }}\r\n        />\r\n\r\n        <Box\r\n          sx={{\r\n            flex: 1,\r\n            overflowY: \"auto\",\r\n            overflowX: \"hidden\",\r\n            position: \"relative\",\r\n            zIndex: 1,\r\n            scrollbarWidth: \"thin\",\r\n          }}\r\n        >\r\n          <Box\r\n            sx={{\r\n              pl: 2,\r\n              py: 1,\r\n              mb:1,\r\n              backgroundColor: theme.palette.background.paper,\r\n              borderBottom: \"1px solid\",\r\n              borderColor: \"divider\",\r\n            }}\r\n          >\r\n            <Box\r\n              sx={{\r\n                display: \"flex\",\r\n                justifyContent: \"space-between\",\r\n                alignItems: \"center\",\r\n                gap: 2,\r\n                flexWrap: \"wrap\"\r\n              }}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  flexWrap: \"wrap\",\r\n                  gap: 1,\r\n                  minWidth: 0,\r\n                  flex: 1,\r\n                }}\r\n              >\r\n                <Typography2\r\n                  text={t(title)}\r\n                  variant=\"h6\"\r\n                  sx={{\r\n                    fontWeight: 600,\r\n                  }}\r\n                />\r\n\r\n                {mainTabName && (\r\n                  <>\r\n                    <Typography2\r\n                      text=\">\"\r\n                      color=\"text.secondary\"\r\n                    />\r\n\r\n                    <Typography2\r\n                      text={t(mainTabName)}\r\n                      variant=\"subtitle1\"\r\n                      color=\"text.secondary\"\r\n                    />\r\n                  </>\r\n                )}\r\n              </Box>\r\n\r\n              {/* Right Side */}\r\n              <Stack\r\n                direction=\"row\"\r\n                spacing={2}\r\n              >\r\n                {showAutoSaveIndicator && (\r\n                  <AutoSaveIndicator\r\n                    {...autoSaveProps}\r\n                    paddingLeft={0}\r\n                    paddingRight={0}\r\n                  />\r\n                )}\r\n\r\n                <HeaderActions\r\n                  isShowClose={isShowClose}\r\n                  isShowPrint={isShowPrint}\r\n                  onPrint={onPrint}\r\n                  onHeaderClose={onHeaderClose}\r\n                />\r\n              </Stack>\r\n            </Box>\r\n          </Box>\r\n\r\n          {stepperComponent && (\r\n            <Box\r\n              sx={{\r\n                position: \"sticky\",\r\n                top: 0.1,\r\n                zIndex: 20,\r\n                pb: 1,\r\n                background:theme.palette.background.default\r\n              }}\r\n            >\r\n              {stepperComponent}\r\n            </Box>\r\n          )}\r\n\r\n          {/* Main Content */}\r\n          <Box\r\n            sx={{\r\n              px: 1,\r\n              pb:1,\r\n              ...contentSX,\r\n            }}\r\n          >\r\n            {stepRendererComponent || children}\r\n          </Box>\r\n        </Box>\r\n      </CardContent>\r\n\r\n      {/* Sticky Footer */}\r\n      {footer && (\r\n        <CardActions\r\n          sx={{\r\n            position: \"sticky\",\r\n            bottom: 0,\r\n            zIndex: 30,\r\n            justifyContent: \"flex-end\",\r\n            borderTop: \"1px solid\",\r\n            borderColor: \"divider\",\r\n            backgroundColor: (theme) =>\r\n              theme.palette.background.paper,\r\n            backdropFilter: \"blur(8px)\",\r\n            WebkitBackdropFilter: \"blur(8px)\",\r\n          }}\r\n        >\r\n          {footer}\r\n        </CardActions>\r\n      )}\r\n    </Card>\r\n  );\r\n};\r\n\r\nexport default React.memo(MainCard);"],"mappings":"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"}