@citizenplatform/core 1.0.5 → 1.0.7

package/dist/index1020.js

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,57 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,161 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,175 @@
+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

@@ -0,0 +1 @@
+{"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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"}

package/dist/index1026.js

@@ -0,0 +1,57 @@
+import e from "./index90.js";
+import t from "./index617.js";
+import { Backdrop as n, Box as r, Fade as i, IconButton as a, Modal as o } from "@mui/material";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/libs/shared/UI/modal/CommonModal.tsx
+var l = ({ isOpen: l, onClose: u, children: d, showCloseButton: f = !1, showCloseIcon: p = !1, alignItems: m = "center", justifyContent: h = "center", sx: g = {} }) => {
+	let _ = e();
+	return /* @__PURE__ */ s(o, {
+		open: l,
+		onClose: () => f ?? u?.(),
+		closeAfterTransition: !0,
+		slots: { backdrop: n },
+		slotProps: { backdrop: {
+			timeout: 500,
+			sx: {
+				backgroundColor: "rgba(15, 23, 42, 0.30)",
+				backdropFilter: "blur(10px)",
+				WebkitBackdropFilter: "blur(10px)"
+			}
+		} },
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center"
+		},
+		children: /* @__PURE__ */ s(i, {
+			in: l,
+			children: /* @__PURE__ */ c(r, {
+				sx: {
+					backgroundColor: _.palette.background.paper,
+					position: "relative",
+					boxShadow: 24,
+					display: "flex",
+					alignItems: m,
+					justifyContent: h,
+					borderRadius: 4,
+					...g
+				},
+				children: [p && /* @__PURE__ */ s(a, {
+					onClick: u,
+					sx: {
+						position: "absolute",
+						right: 0,
+						top: 8,
+						zIndex: 10,
+						color: (e) => e.palette.grey[500]
+					},
+					children: /* @__PURE__ */ s(t, {})
+				}), d]
+			})
+		})
+	});
+};
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=index1026.js.map

package/dist/index1026.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1026.js","names":[],"sources":["../src/libs/shared/UI/modal/CommonModal.tsx"],"sourcesContent":["import { Box, Modal, IconButton, Fade, Backdrop } from \"@mui/material\";\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { useTheme } from \"@mui/system\";\r\nimport type { CommonModalProps } from \"libs/shared/types/common-types\";\r\n\r\n\r\n const CommonModal = ({\r\n  isOpen,\r\n  onClose,\r\n  children,\r\n  showCloseButton = false ,\r\n  showCloseIcon = false,\r\n  alignItems= \"center\",\r\n  justifyContent= \"center\",\r\n  sx={}\r\n}: CommonModalProps) => {\r\n    const theme = useTheme();\r\n  return (\r\n    <Modal\r\n      open={isOpen}\r\n      onClose={() => showCloseButton ?? onClose?.() }\r\n      closeAfterTransition\r\n      slots={{ backdrop: Backdrop }}\r\n      slotProps={{\r\n        backdrop: {\r\n          timeout: 500,\r\n          sx: {\r\n            backgroundColor: \"rgba(15, 23, 42, 0.30)\",\r\n            backdropFilter: \"blur(10px)\",\r\n            WebkitBackdropFilter: \"blur(10px)\",\r\n          },\r\n        },\r\n        }}\r\n       sx={{\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n      }}\r\n    >\r\n      <Fade in={isOpen}>\r\n        <Box\r\n       sx={{\r\n          backgroundColor: theme.palette.background.paper,\r\n          position: \"relative\",\r\n          boxShadow: 24,\r\n          display: \"flex\",\r\n          alignItems,\r\n          justifyContent,\r\n          borderRadius: 4,\r\n          // margin: 2,\r\n          ...sx\r\n        }}\r\n        >\r\n          {showCloseIcon && (\r\n            <IconButton\r\n              onClick={onClose}\r\n              sx={{\r\n                position: 'absolute',\r\n                right: 0,\r\n                top: 8,\r\n                zIndex: 10,\r\n                color: (theme) => theme.palette.grey[500],\r\n              }}\r\n            >\r\n              <CloseIcon />\r\n            </IconButton>\r\n          )}\r\n\r\n          {children}\r\n           </Box>\r\n          </Fade>\r\n    </Modal>\r\n  );\r\n};\r\nexport default CommonModal;"],"mappings":";;;;;AAMC,IAAM,KAAe,EACpB,WACA,YACA,aACA,qBAAkB,IAClB,mBAAgB,IAChB,gBAAY,UACZ,oBAAgB,UAChB,QAAG,CAAC,QACkB;CACpB,IAAM,IAAQ,EAAS;CACzB,OACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,KAAmB,IAAU;EAC5C,sBAAA;EACA,OAAO,EAAE,UAAU,EAAS;EAC5B,WAAW,EACT,UAAU;GACR,SAAS;GACT,IAAI;IACF,iBAAiB;IACjB,gBAAgB;IAChB,sBAAsB;GACxB;EACF,EACA;EACD,IAAI;GACH,SAAS;GACT,YAAY;GACZ,gBAAgB;EAClB;EAEA,UAAA,kBAAC,GAAD;GAAM,IAAI;GACR,UAAA,kBAAC,GAAD;IACD,IAAI;KACD,iBAAiB,EAAM,QAAQ,WAAW;KAC1C,UAAU;KACV,WAAW;KACX,SAAS;KACT;KACA;KACA,cAAc;KAEd,GAAG;IACL;IAXA,UAAA,CAaG,KACC,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,UAAU;MACV,OAAO;MACP,KAAK;MACL,QAAQ;MACR,QAAQ,MAAU,EAAM,QAAQ,KAAK;KACvC;KAEA,UAAA,kBAAC,GAAD,CAAY,CAAA;IACF,CAAA,GAGb,CACK;;EACA,CAAA;CACL,CAAA;AAEX"}

package/dist/index1027.js

@@ -0,0 +1,21 @@
+import e from "./index90.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/assets/icons/CloseIcon.tsx
+var n = () => {
+	let n = e();
+	return /* @__PURE__ */ t("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 14 14",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ t("path", {
+			d: "M1.86667 13.3L0 11.4333L4.8 6.63333L0 1.86667L1.86667 0L6.66667 4.8L11.4333 0L13.3 1.86667L8.5 6.63333L13.3 11.4333L11.4333 13.3L6.66667 8.5L1.86667 13.3Z",
+			fill: n.palette.primary.main
+		})
+	});
+};
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index1027.js.map

package/dist/index1027.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1027.js","names":[],"sources":["../src/assets/icons/CloseIcon.tsx"],"sourcesContent":["\r\nimport useTheme from \"@mui/system/useTheme\";\r\n\r\nconst CloseIcon = () => {\r\n  const theme = useTheme();\r\n  return (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 14 14\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M1.86667 13.3L0 11.4333L4.8 6.63333L0 1.86667L1.86667 0L6.66667 4.8L11.4333 0L13.3 1.86667L8.5 6.63333L13.3 11.4333L11.4333 13.3L6.66667 8.5L1.86667 13.3Z\"\r\n        fill={ theme.palette.primary.main}\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport default CloseIcon;"],"mappings":";;;AAGA,IAAM,UAAkB;CACtB,IAAM,IAAQ,EAAS;CACvB,OACE,kBAAC,OAAD;EACE,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;EAEN,UAAA,kBAAC,QAAD;GACE,GAAE;GACF,MAAO,EAAM,QAAQ,QAAQ;EAC9B,CAAA;CACE,CAAA;AAET"}