@erpsquad/common 1.8.40 → 1.8.42

package/dist/_virtual/extends/index.esm.js

@@ -0,0 +1,5 @@
+var _extends = { exports: {} };
+export {
+  _extends as __module
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/_virtual/extends/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/extends/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__module={exports:{}};
+//# sourceMappingURL=index.js.map

package/dist/_virtual/extends/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index/index.esm10.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/utils/esm/formatMuiErrorMessage/index/index.esm.js";
+var require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
+export {
+  require$$1 as default
+};
+//# sourceMappingURL=index.esm10.js.map

package/dist/_virtual/index/index.esm10.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm10.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index/index.esm11.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/utils/esm/clamp/index/index.esm.js";
+var require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
+export {
+  require$$2 as default
+};
+//# sourceMappingURL=index.esm11.js.map

package/dist/_virtual/index/index.esm11.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm11.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index/index.esm2.js

@@ -1,5 +1,7 @@
-var dist = { exports: {} };
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/material/utils/index/index.esm.js";
+var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  dist as __module
+  require$$0 as default
 };
 //# sourceMappingURL=index.esm2.js.map

package/dist/_virtual/index/index.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.esm2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index/index.esm3.js

@@ -0,0 +1,5 @@
+var dist = { exports: {} };
+export {
+  dist as __module
+};
+//# sourceMappingURL=index.esm3.js.map

package/dist/_virtual/index/index.esm3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index/index.esm4.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/styled-engine/index/index.esm.js";
+var require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
+export {
+  require$$1 as default
+};
+//# sourceMappingURL=index.esm4.js.map

package/dist/_virtual/index/index.esm4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index/index.esm5.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/utils/esm/deepmerge/index/index.esm.js";
+var require$$4 = /* @__PURE__ */ getAugmentedNamespace(index);
+export {
+  require$$4 as default
+};
+//# sourceMappingURL=index.esm5.js.map

package/dist/_virtual/index/index.esm5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index/index.esm6.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/utils/esm/capitalize/index/index.esm.js";
+var require$$5 = /* @__PURE__ */ getAugmentedNamespace(index);
+export {
+  require$$5 as default
+};
+//# sourceMappingURL=index.esm6.js.map

package/dist/_virtual/index/index.esm6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index/index.esm7.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/utils/esm/getDisplayName/index/index.esm.js";
+var require$$6 = /* @__PURE__ */ getAugmentedNamespace(index);
+export {
+  require$$6 as default
+};
+//# sourceMappingURL=index.esm7.js.map

package/dist/_virtual/index/index.esm7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index/index.esm8.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/system/esm/createTheme/index/index.esm.js";
+var require$$7 = /* @__PURE__ */ getAugmentedNamespace(index);
+export {
+  require$$7 as default
+};
+//# sourceMappingURL=index.esm8.js.map

package/dist/_virtual/index/index.esm8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index/index.esm9.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace } from "../_commonjsHelpers/index.esm.js";
+import * as index from "../../node_modules/@mui/system/esm/styleFunctionSx/index/index.esm.js";
+var require$$8 = /* @__PURE__ */ getAugmentedNamespace(index);
+export {
+  require$$8 as default
+};
+//# sourceMappingURL=index.esm9.js.map

package/dist/_virtual/index/index.esm9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index/index10.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),r=require("../../node_modules/@mui/utils/esm/formatMuiErrorMessage/index/index.js"),s=/* @__PURE__ */e.getAugmentedNamespace(r);exports.default=s;
+//# sourceMappingURL=index10.js.map

package/dist/_virtual/index/index10.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index10.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index/index11.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/clamp/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+//# sourceMappingURL=index11.js.map

package/dist/_virtual/index/index11.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index11.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index/index2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__module={exports:{}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),r=require("../../node_modules/@mui/material/utils/index/index.js"),s=/* @__PURE__ */e.getAugmentedNamespace(r);exports.default=s;
 //# sourceMappingURL=index2.js.map

package/dist/_virtual/index/index3.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__module={exports:{}};
+//# sourceMappingURL=index3.js.map

package/dist/_virtual/index/index3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index/index4.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/styled-engine/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+//# sourceMappingURL=index4.js.map

package/dist/_virtual/index/index4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index/index5.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/deepmerge/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+//# sourceMappingURL=index5.js.map

package/dist/_virtual/index/index5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index/index6.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/capitalize/index/index.js"),i=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=i;
+//# sourceMappingURL=index6.js.map

package/dist/_virtual/index/index6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index/index7.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/utils/esm/getDisplayName/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+//# sourceMappingURL=index7.js.map

package/dist/_virtual/index/index7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index/index8.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/system/esm/createTheme/index/index.js"),r=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=r;
+//# sourceMappingURL=index8.js.map

package/dist/_virtual/index/index8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index8.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index/index9.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_commonjsHelpers/index.js"),s=require("../../node_modules/@mui/system/esm/styleFunctionSx/index/index.js"),t=/* @__PURE__ */e.getAugmentedNamespace(s);exports.default=t;
+//# sourceMappingURL=index9.js.map

package/dist/_virtual/index/index9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index9.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/interopRequireDefault/index.esm.js

@@ -0,0 +1,5 @@
+var interopRequireDefault = { exports: {} };
+export {
+  interopRequireDefault as __module
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/_virtual/interopRequireDefault/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/interopRequireDefault/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__module={exports:{}};
+//# sourceMappingURL=index.js.map

package/dist/_virtual/interopRequireDefault/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/objectWithoutPropertiesLoose/index.esm.js

@@ -0,0 +1,5 @@
+var objectWithoutPropertiesLoose = { exports: {} };
+export {
+  objectWithoutPropertiesLoose as __module
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/_virtual/objectWithoutPropertiesLoose/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/objectWithoutPropertiesLoose/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__module={exports:{}};
+//# sourceMappingURL=index.js.map

package/dist/_virtual/objectWithoutPropertiesLoose/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/useThemeWithoutDefault/index.esm.js

@@ -0,0 +1,5 @@
+var useThemeWithoutDefault = {};
+export {
+  useThemeWithoutDefault as __exports
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/_virtual/useThemeWithoutDefault/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/useThemeWithoutDefault/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.__exports={};
+//# sourceMappingURL=index.js.map

package/dist/_virtual/useThemeWithoutDefault/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/assets/dynamic-svg-icon/dynamic-svg-icon/index.esm.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useMemo } from "react";
-import { useTheme, SvgIcon } from "@mui/material";
+import useTheme from "../../../node_modules/@mui/material/styles/useTheme/index.esm.js";
+import SvgIcon from "../../../node_modules/@mui/material/SvgIcon/SvgIcon/index.esm.js";
 const DynamicSvgIcon = ({
   svgPath,
   sx = {},

package/dist/assets/dynamic-svg-icon/dynamic-svg-icon/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/assets/dynamic-svg-icon/dynamic-svg-icon.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { SvgIcon, useTheme } from '@mui/material';\n\n// Fixed DynamicSvgIcon without dangerouslySetInnerHTML conflict\nconst DynamicSvgIcon = ({ \n  svgPath, \n  sx = {}, \n  color = 'inherit', \n  fontSize = 'medium',\n  ...props \n}) => {\n  const [svgContent, setSvgContent] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n  const theme = useTheme();\n\n  // Get the actual color value from theme\n  const getColorValue = (colorProp) => {\n    if (colorProp === 'inherit') return 'currentColor';\n    if (colorProp === 'primary') return theme.palette.primary.main;\n    if (colorProp === 'secondary') return theme.palette.secondary.main;\n    if (colorProp === 'action') return theme.palette.action.active;\n    if (colorProp === 'disabled') return theme.palette.action.disabled;\n    if (colorProp === 'error') return theme.palette.error.main;\n    if (colorProp === 'info') return theme.palette.info.main;\n    if (colorProp === 'success') return theme.palette.success.main;\n    if (colorProp === 'warning') return theme.palette.warning.main;\n    if (colorProp === 'grey') return theme.palette.grey.main;\n    return colorProp; // Assume it's a custom color value\n  };\n\n  const actualColor = getColorValue(color);\n\n  useEffect(() => {\n    if (!svgPath) return;\n\n    const fetchSvg = async () => {\n      try {\n        setLoading(true);\n        setError(false);\n        \n        const response = await fetch(svgPath);\n        if (!response.ok) throw new Error('Failed to fetch SVG');\n        \n        const svgText = await response.text();\n        setSvgContent(svgText);\n      } catch (err) {\n        console.error('Error loading SVG:', err);\n        setError(true);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchSvg();\n  }, [svgPath]);\n\n  // Parse SVG content and create React elements\n  const svgElements = useMemo(() => {\n    if (!svgContent) return null;\n\n    try {\n      // Create a temporary DOM element to parse the SVG\n      const parser = new DOMParser();\n      const svgDoc = parser.parseFromString(svgContent, 'image/svg+xml');\n      const svgElement = svgDoc.querySelector('svg');\n      \n      if (!svgElement) return null;\n\n      // Convert SVG children to React elements\n      const convertToReactElement = (element, index = 0) => {\n        const tagName = element.tagName.toLowerCase();\n        const props = {};\n        \n        // Copy attributes\n        Array.from(element.attributes).forEach(attr => {\n          let propName = attr.name;\n          \n          // Convert attribute names to React props\n          if (propName === 'class') propName = 'className';\n          if (propName.includes('-')) {\n            propName = propName.replace(/-([a-z])/g, (match, letter) => letter.toUpperCase());\n          }\n          \n          let propValue = attr.value;\n          \n          // Apply color overrides\n          if (actualColor && actualColor !== 'currentColor') {\n            if (propName === 'fill' && propValue !== 'none') {\n              propValue = actualColor;\n            }\n            if (propName === 'stroke' && propValue !== 'none') {\n              propValue = actualColor;\n            }\n          }\n          \n          props[propName] = propValue;\n        });\n\n        props.key = index;\n\n        // Handle children\n        const children = Array.from(element.children).map((child, childIndex) =>\n          convertToReactElement(child, `${index}-${childIndex}`)\n        );\n\n        // Handle text content\n        if (element.childNodes.length === 1 && element.childNodes[0].nodeType === 3) {\n          children.push(element.textContent);\n        }\n\n        return React.createElement(tagName, props, children.length > 0 ? children : null);\n      };\n\n      // Convert all children of the SVG element\n      return Array.from(svgElement.children).map((child, index) =>\n        convertToReactElement(child, index)\n      );\n    } catch (err) {\n      console.error('Error parsing SVG:', err);\n      return null;\n    }\n  }, [svgContent, actualColor]);\n\n  if (loading) {\n    return (\n      <SvgIcon \n        sx={{ \n          width: 24, \n          height: 24,\n          ...sx \n        }}\n        color={color}\n        fontSize={fontSize}\n        {...props}\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"8\" fill=\"currentColor\" opacity=\"0.3\" />\n      </SvgIcon>\n    );\n  }\n\n  if (error || !svgElements) {\n    return (\n      <SvgIcon \n        sx={{ \n          width: 24, \n          height: 24,\n          ...sx \n        }}\n        color={color}\n        fontSize={fontSize}\n        {...props}\n      >\n        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" />\n      </SvgIcon>\n    );\n  }\n\n  return (\n    <SvgIcon \n      sx={{ \n        color: actualColor,\n        fill:'none',\n        ...sx \n      }}\n      fontSize={fontSize}\n      fontWeight={500}\n      viewBox='0 0 16 16'\n      {...props}\n    >\n      {svgElements}\n    </SvgIcon>\n  );\n};\n\nexport default DynamicSvgIcon"],"names":["props","React"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/assets/dynamic-svg-icon/dynamic-svg-icon.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { SvgIcon, useTheme } from '@mui/material';\n\n// Fixed DynamicSvgIcon without dangerouslySetInnerHTML conflict\nconst DynamicSvgIcon = ({ \n  svgPath, \n  sx = {}, \n  color = 'inherit', \n  fontSize = 'medium',\n  ...props \n}) => {\n  const [svgContent, setSvgContent] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n  const theme = useTheme();\n\n  // Get the actual color value from theme\n  const getColorValue = (colorProp) => {\n    if (colorProp === 'inherit') return 'currentColor';\n    if (colorProp === 'primary') return theme.palette.primary.main;\n    if (colorProp === 'secondary') return theme.palette.secondary.main;\n    if (colorProp === 'action') return theme.palette.action.active;\n    if (colorProp === 'disabled') return theme.palette.action.disabled;\n    if (colorProp === 'error') return theme.palette.error.main;\n    if (colorProp === 'info') return theme.palette.info.main;\n    if (colorProp === 'success') return theme.palette.success.main;\n    if (colorProp === 'warning') return theme.palette.warning.main;\n    if (colorProp === 'grey') return theme.palette.grey.main;\n    return colorProp; // Assume it's a custom color value\n  };\n\n  const actualColor = getColorValue(color);\n\n  useEffect(() => {\n    if (!svgPath) return;\n\n    const fetchSvg = async () => {\n      try {\n        setLoading(true);\n        setError(false);\n        \n        const response = await fetch(svgPath);\n        if (!response.ok) throw new Error('Failed to fetch SVG');\n        \n        const svgText = await response.text();\n        setSvgContent(svgText);\n      } catch (err) {\n        console.error('Error loading SVG:', err);\n        setError(true);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchSvg();\n  }, [svgPath]);\n\n  // Parse SVG content and create React elements\n  const svgElements = useMemo(() => {\n    if (!svgContent) return null;\n\n    try {\n      // Create a temporary DOM element to parse the SVG\n      const parser = new DOMParser();\n      const svgDoc = parser.parseFromString(svgContent, 'image/svg+xml');\n      const svgElement = svgDoc.querySelector('svg');\n      \n      if (!svgElement) return null;\n\n      // Convert SVG children to React elements\n      const convertToReactElement = (element, index = 0) => {\n        const tagName = element.tagName.toLowerCase();\n        const props = {};\n        \n        // Copy attributes\n        Array.from(element.attributes).forEach(attr => {\n          let propName = attr.name;\n          \n          // Convert attribute names to React props\n          if (propName === 'class') propName = 'className';\n          if (propName.includes('-')) {\n            propName = propName.replace(/-([a-z])/g, (match, letter) => letter.toUpperCase());\n          }\n          \n          let propValue = attr.value;\n          \n          // Apply color overrides\n          if (actualColor && actualColor !== 'currentColor') {\n            if (propName === 'fill' && propValue !== 'none') {\n              propValue = actualColor;\n            }\n            if (propName === 'stroke' && propValue !== 'none') {\n              propValue = actualColor;\n            }\n          }\n          \n          props[propName] = propValue;\n        });\n\n        props.key = index;\n\n        // Handle children\n        const children = Array.from(element.children).map((child, childIndex) =>\n          convertToReactElement(child, `${index}-${childIndex}`)\n        );\n\n        // Handle text content\n        if (element.childNodes.length === 1 && element.childNodes[0].nodeType === 3) {\n          children.push(element.textContent);\n        }\n\n        return React.createElement(tagName, props, children.length > 0 ? children : null);\n      };\n\n      // Convert all children of the SVG element\n      return Array.from(svgElement.children).map((child, index) =>\n        convertToReactElement(child, index)\n      );\n    } catch (err) {\n      console.error('Error parsing SVG:', err);\n      return null;\n    }\n  }, [svgContent, actualColor]);\n\n  if (loading) {\n    return (\n      <SvgIcon \n        sx={{ \n          width: 24, \n          height: 24,\n          ...sx \n        }}\n        color={color}\n        fontSize={fontSize}\n        {...props}\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"8\" fill=\"currentColor\" opacity=\"0.3\" />\n      </SvgIcon>\n    );\n  }\n\n  if (error || !svgElements) {\n    return (\n      <SvgIcon \n        sx={{ \n          width: 24, \n          height: 24,\n          ...sx \n        }}\n        color={color}\n        fontSize={fontSize}\n        {...props}\n      >\n        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" />\n      </SvgIcon>\n    );\n  }\n\n  return (\n    <SvgIcon \n      sx={{ \n        color: actualColor,\n        fill:'none',\n        ...sx \n      }}\n      fontSize={fontSize}\n      fontWeight={500}\n      viewBox='0 0 16 16'\n      {...props}\n    >\n      {svgElements}\n    </SvgIcon>\n  );\n};\n\nexport default DynamicSvgIcon"],"names":["props","React"],"mappings":";;;;AAIA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA,KAAK,CAAA;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,IAAI;AACjD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,QAAQ,SAAA;AAGd,QAAM,gBAAgB,CAAC,cAAc;AACnC,QAAI,cAAc,UAAW,QAAO;AACpC,QAAI,cAAc,UAAW,QAAO,MAAM,QAAQ,QAAQ;AAC1D,QAAI,cAAc,YAAa,QAAO,MAAM,QAAQ,UAAU;AAC9D,QAAI,cAAc,SAAU,QAAO,MAAM,QAAQ,OAAO;AACxD,QAAI,cAAc,WAAY,QAAO,MAAM,QAAQ,OAAO;AAC1D,QAAI,cAAc,QAAS,QAAO,MAAM,QAAQ,MAAM;AACtD,QAAI,cAAc,OAAQ,QAAO,MAAM,QAAQ,KAAK;AACpD,QAAI,cAAc,UAAW,QAAO,MAAM,QAAQ,QAAQ;AAC1D,QAAI,cAAc,UAAW,QAAO,MAAM,QAAQ,QAAQ;AAC1D,QAAI,cAAc,OAAQ,QAAO,MAAM,QAAQ,KAAK;AACpD,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,cAAc,KAAK;AAEvC,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AAEd,UAAM,WAAW,YAAY;AAC3B,UAAI;AACF,mBAAW,IAAI;AACf,iBAAS,KAAK;AAEd,cAAM,WAAW,MAAM,MAAM,OAAO;AACpC,YAAI,CAAC,SAAS,GAAI,OAAM,IAAI,MAAM,qBAAqB;AAEvD,cAAM,UAAU,MAAM,SAAS,KAAA;AAC/B,sBAAc,OAAO;AAAA,MACvB,SAAS,KAAK;AACZ,gBAAQ,MAAM,sBAAsB,GAAG;AACvC,iBAAS,IAAI;AAAA,MACf,UAAA;AACE,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF;AAEA,aAAA;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAGZ,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,CAAC,WAAY,QAAO;AAExB,QAAI;AAEF,YAAM,SAAS,IAAI,UAAA;AACnB,YAAM,SAAS,OAAO,gBAAgB,YAAY,eAAe;AACjE,YAAM,aAAa,OAAO,cAAc,KAAK;AAE7C,UAAI,CAAC,WAAY,QAAO;AAGxB,YAAM,wBAAwB,CAAC,SAAS,QAAQ,MAAM;AACpD,cAAM,UAAU,QAAQ,QAAQ,YAAA;AAChC,cAAMA,SAAQ,CAAA;AAGd,cAAM,KAAK,QAAQ,UAAU,EAAE,QAAQ,CAAA,SAAQ;AAC7C,cAAI,WAAW,KAAK;AAGpB,cAAI,aAAa,QAAS,YAAW;AACrC,cAAI,SAAS,SAAS,GAAG,GAAG;AAC1B,uBAAW,SAAS,QAAQ,aAAa,CAAC,OAAO,WAAW,OAAO,aAAa;AAAA,UAClF;AAEA,cAAI,YAAY,KAAK;AAGrB,cAAI,eAAe,gBAAgB,gBAAgB;AACjD,gBAAI,aAAa,UAAU,cAAc,QAAQ;AAC/C,0BAAY;AAAA,YACd;AACA,gBAAI,aAAa,YAAY,cAAc,QAAQ;AACjD,0BAAY;AAAA,YACd;AAAA,UACF;AAEAA,iBAAM,QAAQ,IAAI;AAAA,QACpB,CAAC;AAEDA,eAAM,MAAM;AAGZ,cAAM,WAAW,MAAM,KAAK,QAAQ,QAAQ,EAAE;AAAA,UAAI,CAAC,OAAO,eACxD,sBAAsB,OAAO,GAAG,KAAK,IAAI,UAAU,EAAE;AAAA,QAAA;AAIvD,YAAI,QAAQ,WAAW,WAAW,KAAK,QAAQ,WAAW,CAAC,EAAE,aAAa,GAAG;AAC3E,mBAAS,KAAK,QAAQ,WAAW;AAAA,QACnC;AAEA,eAAOC,eAAM,cAAc,SAASD,QAAO,SAAS,SAAS,IAAI,WAAW,IAAI;AAAA,MAClF;AAGA,aAAO,MAAM,KAAK,WAAW,QAAQ,EAAE;AAAA,QAAI,CAAC,OAAO,UACjD,sBAAsB,OAAO,KAAK;AAAA,MAAA;AAAA,IAEtC,SAAS,KAAK;AACZ,cAAQ,MAAM,sBAAsB,GAAG;AACvC,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,YAAY,WAAW,CAAC;AAE5B,MAAI,SAAS;AACX,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,GAAG;AAAA,QAAA;AAAA,QAEL;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA,oBAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,gBAAe,SAAQ,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtE;AAEA,MAAI,SAAS,CAAC,aAAa;AACzB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,GAAG;AAAA,QAAA;AAAA,QAEL;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEJ,UAAA,oBAAC,QAAA,EAAK,GAAE,wHAAA,CAAwH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtI;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,MAAK;AAAA,QACL,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,MACA,YAAY;AAAA,MACZ,SAAQ;AAAA,MACP,GAAG;AAAA,MAEH,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/assets/dynamic-svg-icon/dynamic-svg-icon/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/* @__PURE__ */n(t);exports.default=({svgPath:n,sx:o={},color:i="inherit",fontSize:l="medium",...c})=>{const[s,u]=t.useState(null),[f,m]=t.useState(!0),[d,h]=t.useState(!1),p=r.useTheme(),y="inherit"===(g=i)?"currentColor":"primary"===g?p.palette.primary.main:"secondary"===g?p.palette.secondary.main:"action"===g?p.palette.action.active:"disabled"===g?p.palette.action.disabled:"error"===g?p.palette.error.main:"info"===g?p.palette.info.main:"success"===g?p.palette.success.main:"warning"===g?p.palette.warning.main:"grey"===g?p.palette.grey.main:g;var g;t.useEffect(()=>{n&&(async()=>{try{m(!0),h(!1);const e=await fetch(n);if(!e.ok)throw new Error("Failed to fetch SVG");const t=await e.text();u(t)}catch(e){h(!0)}finally{m(!1)}})()},[n]);const x=t.useMemo(()=>{if(!s)return null;try{const e=(new DOMParser).parseFromString(s,"image/svg+xml").querySelector("svg");if(!e)return null;const t=(e,r=0)=>{const n=e.tagName.toLowerCase(),o={};Array.from(e.attributes).forEach(e=>{let t=e.name;"class"===t&&(t="className"),t.includes("-")&&(t=t.replace(/-([a-z])/g,(e,t)=>t.toUpperCase()));let r=e.value;y&&"currentColor"!==y&&("fill"===t&&"none"!==r&&(r=y),"stroke"===t&&"none"!==r&&(r=y)),o[t]=r}),o.key=r;const i=Array.from(e.children).map((e,n)=>t(e,`${r}-${n}`));return 1===e.childNodes.length&&3===e.childNodes[0].nodeType&&i.push(e.textContent),a.default.createElement(n,o,i.length>0?i:null)};return Array.from(e.children).map((e,r)=>t(e,r))}catch(e){return null}},[s,y]);return f?/* @__PURE__ */e.jsx(r.SvgIcon,{sx:{width:24,height:24,...o},color:i,fontSize:l,...c,children:/* @__PURE__ */e.jsx("circle",{cx:"12",cy:"12",r:"8",fill:"currentColor",opacity:"0.3"})}):d||!x?/* @__PURE__ */e.jsx(r.SvgIcon,{sx:{width:24,height:24,...o},color:i,fontSize:l,...c,children:/* @__PURE__ */e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})}):/* @__PURE__ */e.jsx(r.SvgIcon,{sx:{color:y,fill:"none",...o},fontSize:l,fontWeight:500,viewBox:"0 0 16 16",...c,children:x})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../node_modules/@mui/material/styles/useTheme/index.js"),a=require("../../../node_modules/@mui/material/SvgIcon/SvgIcon/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=/* @__PURE__ */n(t);exports.default=({svgPath:n,sx:o={},color:i="inherit",fontSize:s="medium",...c})=>{const[u,d]=t.useState(null),[f,m]=t.useState(!0),[h,p]=t.useState(!1),y=r.default(),x="inherit"===(g=i)?"currentColor":"primary"===g?y.palette.primary.main:"secondary"===g?y.palette.secondary.main:"action"===g?y.palette.action.active:"disabled"===g?y.palette.action.disabled:"error"===g?y.palette.error.main:"info"===g?y.palette.info.main:"success"===g?y.palette.success.main:"warning"===g?y.palette.warning.main:"grey"===g?y.palette.grey.main:g;var g;t.useEffect(()=>{n&&(async()=>{try{m(!0),p(!1);const e=await fetch(n);if(!e.ok)throw new Error("Failed to fetch SVG");const t=await e.text();d(t)}catch(e){p(!0)}finally{m(!1)}})()},[n]);const S=t.useMemo(()=>{if(!u)return null;try{const e=(new DOMParser).parseFromString(u,"image/svg+xml").querySelector("svg");if(!e)return null;const t=(e,r=0)=>{const a=e.tagName.toLowerCase(),n={};Array.from(e.attributes).forEach(e=>{let t=e.name;"class"===t&&(t="className"),t.includes("-")&&(t=t.replace(/-([a-z])/g,(e,t)=>t.toUpperCase()));let r=e.value;x&&"currentColor"!==x&&("fill"===t&&"none"!==r&&(r=x),"stroke"===t&&"none"!==r&&(r=x)),n[t]=r}),n.key=r;const o=Array.from(e.children).map((e,a)=>t(e,`${r}-${a}`));return 1===e.childNodes.length&&3===e.childNodes[0].nodeType&&o.push(e.textContent),l.default.createElement(a,n,o.length>0?o:null)};return Array.from(e.children).map((e,r)=>t(e,r))}catch(e){return null}},[u,x]);return f?/* @__PURE__ */e.jsx(a.default,{sx:{width:24,height:24,...o},color:i,fontSize:s,...c,children:/* @__PURE__ */e.jsx("circle",{cx:"12",cy:"12",r:"8",fill:"currentColor",opacity:"0.3"})}):h||!S?/* @__PURE__ */e.jsx(a.default,{sx:{width:24,height:24,...o},color:i,fontSize:s,...c,children:/* @__PURE__ */e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})}):/* @__PURE__ */e.jsx(a.default,{sx:{color:x,fill:"none",...o},fontSize:s,fontWeight:500,viewBox:"0 0 16 16",...c,children:S})};
 //# sourceMappingURL=index.js.map

package/dist/assets/dynamic-svg-icon/dynamic-svg-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/assets/dynamic-svg-icon/dynamic-svg-icon.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { SvgIcon, useTheme } from '@mui/material';\n\n// Fixed DynamicSvgIcon without dangerouslySetInnerHTML conflict\nconst DynamicSvgIcon = ({ \n  svgPath, \n  sx = {}, \n  color = 'inherit', \n  fontSize = 'medium',\n  ...props \n}) => {\n  const [svgContent, setSvgContent] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n  const theme = useTheme();\n\n  // Get the actual color value from theme\n  const getColorValue = (colorProp) => {\n    if (colorProp === 'inherit') return 'currentColor';\n    if (colorProp === 'primary') return theme.palette.primary.main;\n    if (colorProp === 'secondary') return theme.palette.secondary.main;\n    if (colorProp === 'action') return theme.palette.action.active;\n    if (colorProp === 'disabled') return theme.palette.action.disabled;\n    if (colorProp === 'error') return theme.palette.error.main;\n    if (colorProp === 'info') return theme.palette.info.main;\n    if (colorProp === 'success') return theme.palette.success.main;\n    if (colorProp === 'warning') return theme.palette.warning.main;\n    if (colorProp === 'grey') return theme.palette.grey.main;\n    return colorProp; // Assume it's a custom color value\n  };\n\n  const actualColor = getColorValue(color);\n\n  useEffect(() => {\n    if (!svgPath) return;\n\n    const fetchSvg = async () => {\n      try {\n        setLoading(true);\n        setError(false);\n        \n        const response = await fetch(svgPath);\n        if (!response.ok) throw new Error('Failed to fetch SVG');\n        \n        const svgText = await response.text();\n        setSvgContent(svgText);\n      } catch (err) {\n        console.error('Error loading SVG:', err);\n        setError(true);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchSvg();\n  }, [svgPath]);\n\n  // Parse SVG content and create React elements\n  const svgElements = useMemo(() => {\n    if (!svgContent) return null;\n\n    try {\n      // Create a temporary DOM element to parse the SVG\n      const parser = new DOMParser();\n      const svgDoc = parser.parseFromString(svgContent, 'image/svg+xml');\n      const svgElement = svgDoc.querySelector('svg');\n      \n      if (!svgElement) return null;\n\n      // Convert SVG children to React elements\n      const convertToReactElement = (element, index = 0) => {\n        const tagName = element.tagName.toLowerCase();\n        const props = {};\n        \n        // Copy attributes\n        Array.from(element.attributes).forEach(attr => {\n          let propName = attr.name;\n          \n          // Convert attribute names to React props\n          if (propName === 'class') propName = 'className';\n          if (propName.includes('-')) {\n            propName = propName.replace(/-([a-z])/g, (match, letter) => letter.toUpperCase());\n          }\n          \n          let propValue = attr.value;\n          \n          // Apply color overrides\n          if (actualColor && actualColor !== 'currentColor') {\n            if (propName === 'fill' && propValue !== 'none') {\n              propValue = actualColor;\n            }\n            if (propName === 'stroke' && propValue !== 'none') {\n              propValue = actualColor;\n            }\n          }\n          \n          props[propName] = propValue;\n        });\n\n        props.key = index;\n\n        // Handle children\n        const children = Array.from(element.children).map((child, childIndex) =>\n          convertToReactElement(child, `${index}-${childIndex}`)\n        );\n\n        // Handle text content\n        if (element.childNodes.length === 1 && element.childNodes[0].nodeType === 3) {\n          children.push(element.textContent);\n        }\n\n        return React.createElement(tagName, props, children.length > 0 ? children : null);\n      };\n\n      // Convert all children of the SVG element\n      return Array.from(svgElement.children).map((child, index) =>\n        convertToReactElement(child, index)\n      );\n    } catch (err) {\n      console.error('Error parsing SVG:', err);\n      return null;\n    }\n  }, [svgContent, actualColor]);\n\n  if (loading) {\n    return (\n      <SvgIcon \n        sx={{ \n          width: 24, \n          height: 24,\n          ...sx \n        }}\n        color={color}\n        fontSize={fontSize}\n        {...props}\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"8\" fill=\"currentColor\" opacity=\"0.3\" />\n      </SvgIcon>\n    );\n  }\n\n  if (error || !svgElements) {\n    return (\n      <SvgIcon \n        sx={{ \n          width: 24, \n          height: 24,\n          ...sx \n        }}\n        color={color}\n        fontSize={fontSize}\n        {...props}\n      >\n        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" />\n      </SvgIcon>\n    );\n  }\n\n  return (\n    <SvgIcon \n      sx={{ \n        color: actualColor,\n        fill:'none',\n        ...sx \n      }}\n      fontSize={fontSize}\n      fontWeight={500}\n      viewBox='0 0 16 16'\n      {...props}\n    >\n      {svgElements}\n    </SvgIcon>\n  );\n};\n\nexport default DynamicSvgIcon"],"names":["svgPath","sx","color","fontSize","props","svgContent","setSvgContent","useState","loading","setLoading","error","setError","theme","useTheme","actualColor","colorProp","palette","primary","main","secondary","action","active","disabled","info","success","warning","grey","useEffect","async","response","fetch","ok","Error","svgText","text","err","fetchSvg","svgElements","useMemo","svgElement","DOMParser","parseFromString","querySelector","convertToReactElement","element","index","tagName","toLowerCase","Array","from","attributes","forEach","attr","propName","name","includes","replace","match","letter","toUpperCase","propValue","value","key","children","map","child","childIndex","childNodes","length","nodeType","push","textContent","React","createElement","jsx","SvgIcon","width","height","cx","cy","r","fill","opacity","d","fontWeight","viewBox"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/assets/dynamic-svg-icon/dynamic-svg-icon.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { SvgIcon, useTheme } from '@mui/material';\n\n// Fixed DynamicSvgIcon without dangerouslySetInnerHTML conflict\nconst DynamicSvgIcon = ({ \n  svgPath, \n  sx = {}, \n  color = 'inherit', \n  fontSize = 'medium',\n  ...props \n}) => {\n  const [svgContent, setSvgContent] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n  const theme = useTheme();\n\n  // Get the actual color value from theme\n  const getColorValue = (colorProp) => {\n    if (colorProp === 'inherit') return 'currentColor';\n    if (colorProp === 'primary') return theme.palette.primary.main;\n    if (colorProp === 'secondary') return theme.palette.secondary.main;\n    if (colorProp === 'action') return theme.palette.action.active;\n    if (colorProp === 'disabled') return theme.palette.action.disabled;\n    if (colorProp === 'error') return theme.palette.error.main;\n    if (colorProp === 'info') return theme.palette.info.main;\n    if (colorProp === 'success') return theme.palette.success.main;\n    if (colorProp === 'warning') return theme.palette.warning.main;\n    if (colorProp === 'grey') return theme.palette.grey.main;\n    return colorProp; // Assume it's a custom color value\n  };\n\n  const actualColor = getColorValue(color);\n\n  useEffect(() => {\n    if (!svgPath) return;\n\n    const fetchSvg = async () => {\n      try {\n        setLoading(true);\n        setError(false);\n        \n        const response = await fetch(svgPath);\n        if (!response.ok) throw new Error('Failed to fetch SVG');\n        \n        const svgText = await response.text();\n        setSvgContent(svgText);\n      } catch (err) {\n        console.error('Error loading SVG:', err);\n        setError(true);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchSvg();\n  }, [svgPath]);\n\n  // Parse SVG content and create React elements\n  const svgElements = useMemo(() => {\n    if (!svgContent) return null;\n\n    try {\n      // Create a temporary DOM element to parse the SVG\n      const parser = new DOMParser();\n      const svgDoc = parser.parseFromString(svgContent, 'image/svg+xml');\n      const svgElement = svgDoc.querySelector('svg');\n      \n      if (!svgElement) return null;\n\n      // Convert SVG children to React elements\n      const convertToReactElement = (element, index = 0) => {\n        const tagName = element.tagName.toLowerCase();\n        const props = {};\n        \n        // Copy attributes\n        Array.from(element.attributes).forEach(attr => {\n          let propName = attr.name;\n          \n          // Convert attribute names to React props\n          if (propName === 'class') propName = 'className';\n          if (propName.includes('-')) {\n            propName = propName.replace(/-([a-z])/g, (match, letter) => letter.toUpperCase());\n          }\n          \n          let propValue = attr.value;\n          \n          // Apply color overrides\n          if (actualColor && actualColor !== 'currentColor') {\n            if (propName === 'fill' && propValue !== 'none') {\n              propValue = actualColor;\n            }\n            if (propName === 'stroke' && propValue !== 'none') {\n              propValue = actualColor;\n            }\n          }\n          \n          props[propName] = propValue;\n        });\n\n        props.key = index;\n\n        // Handle children\n        const children = Array.from(element.children).map((child, childIndex) =>\n          convertToReactElement(child, `${index}-${childIndex}`)\n        );\n\n        // Handle text content\n        if (element.childNodes.length === 1 && element.childNodes[0].nodeType === 3) {\n          children.push(element.textContent);\n        }\n\n        return React.createElement(tagName, props, children.length > 0 ? children : null);\n      };\n\n      // Convert all children of the SVG element\n      return Array.from(svgElement.children).map((child, index) =>\n        convertToReactElement(child, index)\n      );\n    } catch (err) {\n      console.error('Error parsing SVG:', err);\n      return null;\n    }\n  }, [svgContent, actualColor]);\n\n  if (loading) {\n    return (\n      <SvgIcon \n        sx={{ \n          width: 24, \n          height: 24,\n          ...sx \n        }}\n        color={color}\n        fontSize={fontSize}\n        {...props}\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"8\" fill=\"currentColor\" opacity=\"0.3\" />\n      </SvgIcon>\n    );\n  }\n\n  if (error || !svgElements) {\n    return (\n      <SvgIcon \n        sx={{ \n          width: 24, \n          height: 24,\n          ...sx \n        }}\n        color={color}\n        fontSize={fontSize}\n        {...props}\n      >\n        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" />\n      </SvgIcon>\n    );\n  }\n\n  return (\n    <SvgIcon \n      sx={{ \n        color: actualColor,\n        fill:'none',\n        ...sx \n      }}\n      fontSize={fontSize}\n      fontWeight={500}\n      viewBox='0 0 16 16'\n      {...props}\n    >\n      {svgElements}\n    </SvgIcon>\n  );\n};\n\nexport default DynamicSvgIcon"],"names":["svgPath","sx","color","fontSize","props","svgContent","setSvgContent","useState","loading","setLoading","error","setError","theme","useTheme","actualColor","colorProp","palette","primary","main","secondary","action","active","disabled","info","success","warning","grey","useEffect","async","response","fetch","ok","Error","svgText","text","err","fetchSvg","svgElements","useMemo","svgElement","DOMParser","parseFromString","querySelector","convertToReactElement","element","index","tagName","toLowerCase","Array","from","attributes","forEach","attr","propName","name","includes","replace","match","letter","toUpperCase","propValue","value","key","children","map","child","childIndex","childNodes","length","nodeType","push","textContent","React","createElement","jsx","SvgIcon","width","height","cx","cy","r","fill","opacity","d","fontWeight","viewBox"],"mappings":"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"}

package/dist/components/Dashboard/dashboard-card/index.esm.js

@@ -1,8 +1,8 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { Box } from "@mui/material";
 /* empty css                          */
 import { Typography } from "../../typography/typography/index.esm.js";
 import { images } from "../../../images/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 function DashBoardCard(props) {
   const { title, value } = props;
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Box, { className: "card-class", children: /* @__PURE__ */ jsxs(Box, { p: 2, sx: { display: "flex", flexDirection: "column", border: "1px solid", borderRadius: "8px", gap: 1, borderColor: "#EEEFF1" }, children: [

package/dist/components/Dashboard/dashboard-card/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");;/* empty css                       */var s=,/* empty css                                 */i=;/* empty css                     */exports.default=function(a){const{title:o,value:l}=a;/* @__PURE__ */
-return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(r.Box,{className:"card-class",children:/* @__PURE__ */e.jsxs(r.Box,{p:2,sx:{display:"flex",flexDirection:"column",border:"1px solid",borderRadius:"8px",gap:1,borderColor:"#EEEFF1"},children:[
-/* @__PURE__ */e.jsx(r.Box,{className:"dashboard-card-icon",children:/* @__PURE__ */e.jsx("img",{src:i.images.ArrowCircleUpIcon})}),
-/* @__PURE__ */e.jsx(s.Typography,{type:"s5",weight:"normal",color:"theme.neutral.800",children:o}),
-/* @__PURE__ */e.jsx(s.Typography,{type:"h2",weight:"bold",color:"theme.neutral.1000",children:l})]})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");;/* empty css                       */var r=,/* empty css                                 */s=,/* empty css                     */a=;/* empty css                                                 */exports.default=function(i){const{title:o,value:l}=i;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(a.default,{className:"card-class",children:/* @__PURE__ */e.jsxs(a.default,{p:2,sx:{display:"flex",flexDirection:"column",border:"1px solid",borderRadius:"8px",gap:1,borderColor:"#EEEFF1"},children:[
+/* @__PURE__ */e.jsx(a.default,{className:"dashboard-card-icon",children:/* @__PURE__ */e.jsx("img",{src:s.images.ArrowCircleUpIcon})}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s5",weight:"normal",color:"theme.neutral.800",children:o}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"h2",weight:"bold",color:"theme.neutral.1000",children:l})]})})})};
 //# sourceMappingURL=index.js.map

package/dist/components/Dashboard/dashboard-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Dashboard/dashboard-card.tsx"],"sourcesContent":["import { Box } from \"@mui/material\"\nimport './dashboard.scss'\nimport Typography from \"../typography/typography\"\nimport logo from '../../assets/images'\ninterface Iprops {\n    title?: string,\n    value?: string | number\n}\nfunction DashBoardCard(props: Iprops) {\n    const { title, value } = props\n    return (\n        <>\n            <Box className='card-class'>\n                <Box p={2} sx={{ display: 'flex', flexDirection: 'column', border: '1px solid', borderRadius: '8px', gap: 1, borderColor: '#EEEFF1' }}>\n                    <Box className='dashboard-card-icon'>\n                        <img src={logo.ArrowCircleUpIcon} />\n\n                    </Box>\n                    <Typography type=\"s5\" weight=\"normal\" color=\"theme.neutral.800\">{title}</Typography>\n                    <Typography type=\"h2\" weight=\"bold\" color=\"theme.neutral.1000\">{value}</Typography>\n                </Box>\n            </Box>\n        </>\n    )\n}\n\n\nexport default DashBoardCard"],"names":["props","title","value","jsx","Fragment","children","Box","className","jsxs","p","sx","display","flexDirection","border","borderRadius","gap","borderColor","src","logo","ArrowCircleUpIcon","Typography","type","weight","color"],"mappings":"oRAQA,SAAuBA,GACnB,MAAMC,MAAEA,EAAAC,MAAOA,GAAUF;AACzB,SACIG,IAAAC,EAAAA,SAAA,CACIC,8BAACC,EAAAA,IAAA,CAAIC,UAAU,aACXF,wBAAAG,EAAAA,KAACF,EAAAA,IAAA,CAAIG,EAAG,EAAGC,GAAI,CAAEC,QAAS,OAAQC,cAAe,SAAUC,OAAQ,YAAaC,aAAc,MAAOC,IAAK,EAAGC,YAAa,WACtHX,SAAA;iBAAAF,IAACG,EAAAA,IAAA,CAAIC,UAAU,sBACXF,wBAAAF,EAAAA,IAAC,OAAIc,IAAKC,EAAAA,OAAKC;eAGnBhB,EAAAA,IAACiB,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,oBAAqBlB,SAAAJ;eACjEE,EAAAA,IAACiB,EAAAA,YAAWC,KAAK,KAAKC,OAAO,OAAOC,MAAM,qBAAsBlB,SAAAH,UAKpF"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Dashboard/dashboard-card.tsx"],"sourcesContent":["import { Box } from \"@mui/material\"\nimport './dashboard.scss'\nimport Typography from \"../typography/typography\"\nimport logo from '../../assets/images'\ninterface Iprops {\n    title?: string,\n    value?: string | number\n}\nfunction DashBoardCard(props: Iprops) {\n    const { title, value } = props\n    return (\n        <>\n            <Box className='card-class'>\n                <Box p={2} sx={{ display: 'flex', flexDirection: 'column', border: '1px solid', borderRadius: '8px', gap: 1, borderColor: '#EEEFF1' }}>\n                    <Box className='dashboard-card-icon'>\n                        <img src={logo.ArrowCircleUpIcon} />\n\n                    </Box>\n                    <Typography type=\"s5\" weight=\"normal\" color=\"theme.neutral.800\">{title}</Typography>\n                    <Typography type=\"h2\" weight=\"bold\" color=\"theme.neutral.1000\">{value}</Typography>\n                </Box>\n            </Box>\n        </>\n    )\n}\n\n\nexport default DashBoardCard"],"names":["props","title","value","jsx","Fragment","children","Box","className","jsxs","p","sx","display","flexDirection","border","borderRadius","gap","borderColor","src","logo","ArrowCircleUpIcon","Typography","type","weight","color"],"mappings":"2TAQA,SAAuBA,GACnB,MAAMC,MAAEA,EAAAC,MAAOA,GAAUF;AACzB,SACIG,IAAAC,EAAAA,SAAA,CACIC,8BAACC,EAAAA,QAAA,CAAIC,UAAU,aACXF,wBAAAG,EAAAA,KAACF,EAAAA,QAAA,CAAIG,EAAG,EAAGC,GAAI,CAAEC,QAAS,OAAQC,cAAe,SAAUC,OAAQ,YAAaC,aAAc,MAAOC,IAAK,EAAGC,YAAa,WACtHX,SAAA;iBAAAF,IAACG,EAAAA,QAAA,CAAIC,UAAU,sBACXF,wBAAAF,EAAAA,IAAC,OAAIc,IAAKC,EAAAA,OAAKC;eAGnBhB,EAAAA,IAACiB,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,oBAAqBlB,SAAAJ;eACjEE,EAAAA,IAACiB,EAAAA,YAAWC,KAAK,KAAKC,OAAO,OAAOC,MAAM,qBAAsBlB,SAAAH,UAKpF"}

package/dist/components/Dashboard/dashboard-header/index.esm.js

@@ -3,9 +3,10 @@ import { Typography } from "../../typography/typography/index.esm.js";
 import Chip from "../../chip/chip/index.esm.js";
 import { images } from "../../../images/index.esm.js";
 import { useState } from "react";
-import { IconButton, MenuItem } from "@mui/material";
 import Menu from "../../menu/menu/index.esm.js";
 import { useTranslation } from "react-i18next";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const DashBoardHeader = ({ title, customElement, showEdit = true, showDropDowan = true }) => {
   const { t } = useTranslation();
   const [isEditingMode, setIsEditingMode] = useState(false);

package/dist/components/Dashboard/dashboard-header/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/Dashboard/dashboard-header.tsx"],"sourcesContent":["\nimport Typography from \"../typography/typography\";\nimport Chip from \"../chip/chip\";\nimport images from '../../assets/images';\nimport { useState } from \"react\";\nimport { IconButton, MenuItem } from '@mui/material';\nimport Menu from '../menu/menu';\nimport { useTranslation } from 'react-i18next';\nconst DashBoardHeader = ({ title, customElement, showEdit = true, showDropDowan = true }) => {\n    const { t } = useTranslation();\n    //Local State\n    const [isEditingMode, setIsEditingMode] = useState<boolean>(false);\n    const [anchorMoreEl, setAnchorMoreEl] = useState<\n        null | (EventTarget & HTMLButtonElement)\n    >(null);\n\n\n\n\n    const handleMoreIconClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setAnchorMoreEl(event.currentTarget);\n    };\n\n    const handleMoreIconClose = () => {\n        setAnchorMoreEl(null);\n    };\n\n    //   const handleConfirm = () => {\n    //     setIsDiscardModalOpen(false);\n    //     setIsEditingMode(false);\n    //   };\n\n    //   const handleSaveChange = (event: SelectChangeEvent<unknown>) => {\n    //     setIsEditingMode(false);\n    //   };\n    return (\n        <div>\n            <div className='header-title'>\n                <Typography type='h3' weight={'medium'} color={'theme.secondary.1000'}>\n                    {title}\n                </Typography>\n                <div className='header-right-wrap'>\n\n                    {customElement}\n                    {showEdit && <Chip\n                        type='normal'\n                        label={isEditingMode ? t('manufacturing.dashboard.editing_dashboard_mode_label') : t('manufacturing.dashboard.edit_layout_mode_label')}\n                        className={`${isEditingMode ? 'edit-box' : 'edit-box edit-box--InActive'\n                            }`}\n                        icon={\n                            <img\n                                src={isEditingMode ? images.common.editIcon : images.edit}\n                                alt={t('common.edit')}\n                            />\n                        }\n                        onClick={() => setIsEditingMode(true)}\n                        active={isEditingMode}\n                    />\n                    }\n                    {\n                        showDropDowan && <div>\n                            <IconButton\n                                color='inherit'\n                                size='small'\n                                onClick={handleMoreIconClick}>\n                                <img src={images.more} alt={t('manufacturing.dashboard.more_icon_label')} />\n                            </IconButton>\n                            <Menu\n                                anchorEl={anchorMoreEl}\n                                open={Boolean(anchorMoreEl)}\n                                onClose={handleMoreIconClose}\n                                className='dropdown-inner calender-drp'>\n                                <MenuItem onClick={handleMoreIconClose}>{t('common.export')}</MenuItem>\n                            </Menu>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default DashBoardHeader;\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,kBAAkB,CAAC,EAAE,OAAO,eAAe,WAAW,MAAM,gBAAgB,WAAW;AACzF,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAkB,KAAK;AACjE,QAAM,CAAC,cAAc,eAAe,IAAI,SAEtC,IAAI;AAKN,QAAM,sBAAsB,CAAC,UAA+C;AACxE,oBAAgB,MAAM,aAAa;AAAA,EACvC;AAEA,QAAM,sBAAsB,MAAM;AAC9B,oBAAgB,IAAI;AAAA,EACxB;AAUA,SACI,oBAAC,OAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,gBACX,UAAA;AAAA,IAAA,oBAAC,cAAW,MAAK,MAAK,QAAQ,UAAU,OAAO,wBAC1C,UAAA,MAAA,CACL;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,qBAEV,UAAA;AAAA,MAAA;AAAA,MACA,YAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACV,MAAK;AAAA,UACL,OAAO,gBAAgB,EAAE,sDAAsD,IAAI,EAAE,gDAAgD;AAAA,UACrI,WAAW,GAAG,gBAAgB,aAAa,6BACvC;AAAA,UACJ,MACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,KAAK,gBAAgB,OAAO,OAAO,WAAW,OAAO;AAAA,cACrD,KAAK,EAAE,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,UAG5B,SAAS,MAAM,iBAAiB,IAAI;AAAA,UACpC,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAIR,sCAAkB,OAAA,EACd,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,MAAK;AAAA,YACL,SAAS;AAAA,YACT,UAAA,oBAAC,SAAI,KAAK,OAAO,MAAM,KAAK,EAAE,yCAAyC,EAAA,CAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAE9E;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,UAAU;AAAA,YACV,MAAM,QAAQ,YAAY;AAAA,YAC1B,SAAS;AAAA,YACT,WAAU;AAAA,YACV,8BAAC,UAAA,EAAS,SAAS,qBAAsB,UAAA,EAAE,eAAe,EAAA,CAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAChE,EAAA,CACJ;AAAA,IAAA,EAAA,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/Dashboard/dashboard-header.tsx"],"sourcesContent":["\nimport Typography from \"../typography/typography\";\nimport Chip from \"../chip/chip\";\nimport images from '../../assets/images';\nimport { useState } from \"react\";\nimport { IconButton, MenuItem } from '@mui/material';\nimport Menu from '../menu/menu';\nimport { useTranslation } from 'react-i18next';\nconst DashBoardHeader = ({ title, customElement, showEdit = true, showDropDowan = true }) => {\n    const { t } = useTranslation();\n    //Local State\n    const [isEditingMode, setIsEditingMode] = useState<boolean>(false);\n    const [anchorMoreEl, setAnchorMoreEl] = useState<\n        null | (EventTarget & HTMLButtonElement)\n    >(null);\n\n\n\n\n    const handleMoreIconClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setAnchorMoreEl(event.currentTarget);\n    };\n\n    const handleMoreIconClose = () => {\n        setAnchorMoreEl(null);\n    };\n\n    //   const handleConfirm = () => {\n    //     setIsDiscardModalOpen(false);\n    //     setIsEditingMode(false);\n    //   };\n\n    //   const handleSaveChange = (event: SelectChangeEvent<unknown>) => {\n    //     setIsEditingMode(false);\n    //   };\n    return (\n        <div>\n            <div className='header-title'>\n                <Typography type='h3' weight={'medium'} color={'theme.secondary.1000'}>\n                    {title}\n                </Typography>\n                <div className='header-right-wrap'>\n\n                    {customElement}\n                    {showEdit && <Chip\n                        type='normal'\n                        label={isEditingMode ? t('manufacturing.dashboard.editing_dashboard_mode_label') : t('manufacturing.dashboard.edit_layout_mode_label')}\n                        className={`${isEditingMode ? 'edit-box' : 'edit-box edit-box--InActive'\n                            }`}\n                        icon={\n                            <img\n                                src={isEditingMode ? images.common.editIcon : images.edit}\n                                alt={t('common.edit')}\n                            />\n                        }\n                        onClick={() => setIsEditingMode(true)}\n                        active={isEditingMode}\n                    />\n                    }\n                    {\n                        showDropDowan && <div>\n                            <IconButton\n                                color='inherit'\n                                size='small'\n                                onClick={handleMoreIconClick}>\n                                <img src={images.more} alt={t('manufacturing.dashboard.more_icon_label')} />\n                            </IconButton>\n                            <Menu\n                                anchorEl={anchorMoreEl}\n                                open={Boolean(anchorMoreEl)}\n                                onClose={handleMoreIconClose}\n                                className='dropdown-inner calender-drp'>\n                                <MenuItem onClick={handleMoreIconClose}>{t('common.export')}</MenuItem>\n                            </Menu>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default DashBoardHeader;\n"],"names":[],"mappings":";;;;;;;;;AAQA,MAAM,kBAAkB,CAAC,EAAE,OAAO,eAAe,WAAW,MAAM,gBAAgB,WAAW;AACzF,QAAM,EAAE,EAAA,IAAM,eAAA;AAEd,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAkB,KAAK;AACjE,QAAM,CAAC,cAAc,eAAe,IAAI,SAEtC,IAAI;AAKN,QAAM,sBAAsB,CAAC,UAA+C;AACxE,oBAAgB,MAAM,aAAa;AAAA,EACvC;AAEA,QAAM,sBAAsB,MAAM;AAC9B,oBAAgB,IAAI;AAAA,EACxB;AAUA,SACI,oBAAC,OAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,gBACX,UAAA;AAAA,IAAA,oBAAC,cAAW,MAAK,MAAK,QAAQ,UAAU,OAAO,wBAC1C,UAAA,MAAA,CACL;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,qBAEV,UAAA;AAAA,MAAA;AAAA,MACA,YAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACV,MAAK;AAAA,UACL,OAAO,gBAAgB,EAAE,sDAAsD,IAAI,EAAE,gDAAgD;AAAA,UACrI,WAAW,GAAG,gBAAgB,aAAa,6BACvC;AAAA,UACJ,MACI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,KAAK,gBAAgB,OAAO,OAAO,WAAW,OAAO;AAAA,cACrD,KAAK,EAAE,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,UAG5B,SAAS,MAAM,iBAAiB,IAAI;AAAA,UACpC,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAIR,sCAAkB,OAAA,EACd,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,MAAK;AAAA,YACL,SAAS;AAAA,YACT,UAAA,oBAAC,SAAI,KAAK,OAAO,MAAM,KAAK,EAAE,yCAAyC,EAAA,CAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAE9E;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,UAAU;AAAA,YACV,MAAM,QAAQ,YAAY;AAAA,YAC1B,SAAS;AAAA,YACT,WAAU;AAAA,YACV,8BAAC,UAAA,EAAS,SAAS,qBAAsB,UAAA,EAAE,eAAe,EAAA,CAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAChE,EAAA,CACJ;AAAA,IAAA,EAAA,CAER;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/components/Dashboard/dashboard-header/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../typography/typography/index.js"),i=require("../../chip/chip/index.js"),a=require("../../../images/index.js"),t=require("react"),n=require("@mui/material"),o=require("../../menu/menu/index.js"),s=require("react-i18next");exports.default=({title:l,customElement:d,showEdit:c=!0,showDropDowan:m=!0})=>{const{t:u}=s.useTranslation(),[h,x]=t.useState(!1),[p,j]=t.useState(null),g=()=>{j(null)};/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../typography/typography/index.js"),i=require("../../chip/chip/index.js"),a=require("../../../images/index.js"),t=require("react"),n=require("../../menu/menu/index.js"),o=require("react-i18next"),s=require("../../../node_modules/@mui/material/IconButton/IconButton/index.js"),d=require("../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");exports.default=({title:l,customElement:c,showEdit:u=!0,showDropDowan:m=!0})=>{const{t:h}=o.useTranslation(),[x,j]=t.useState(!1),[p,g]=t.useState(null),b=()=>{g(null)};/* @__PURE__ */
 return e.jsx("div",{children:/* @__PURE__ */e.jsxs("div",{className:"header-title",children:[
 /* @__PURE__ */e.jsx(r.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:l}),
-/* @__PURE__ */e.jsxs("div",{className:"header-right-wrap",children:[d,c&&/* @__PURE__ */e.jsx(i.default,{type:"normal",label:u(h?"manufacturing.dashboard.editing_dashboard_mode_label":"manufacturing.dashboard.edit_layout_mode_label"),className:h?"edit-box":"edit-box edit-box--InActive",icon:/* @__PURE__ */e.jsx("img",{src:h?a.images.common.editIcon:a.images.edit,alt:u("common.edit")}),onClick:()=>x(!0),active:h}),m&&/* @__PURE__ */e.jsxs("div",{children:[
-/* @__PURE__ */e.jsx(n.IconButton,{color:"inherit",size:"small",onClick:e=>{j(e.currentTarget)},children:/* @__PURE__ */e.jsx("img",{src:a.images.more,alt:u("manufacturing.dashboard.more_icon_label")})}),
-/* @__PURE__ */e.jsx(o.default,{anchorEl:p,open:Boolean(p),onClose:g,className:"dropdown-inner calender-drp",children:/* @__PURE__ */e.jsx(n.MenuItem,{onClick:g,children:u("common.export")})})]})]})]})})};
+/* @__PURE__ */e.jsxs("div",{className:"header-right-wrap",children:[c,u&&/* @__PURE__ */e.jsx(i.default,{type:"normal",label:h(x?"manufacturing.dashboard.editing_dashboard_mode_label":"manufacturing.dashboard.edit_layout_mode_label"),className:x?"edit-box":"edit-box edit-box--InActive",icon:/* @__PURE__ */e.jsx("img",{src:x?a.images.common.editIcon:a.images.edit,alt:h("common.edit")}),onClick:()=>j(!0),active:x}),m&&/* @__PURE__ */e.jsxs("div",{children:[
+/* @__PURE__ */e.jsx(s.default,{color:"inherit",size:"small",onClick:e=>{g(e.currentTarget)},children:/* @__PURE__ */e.jsx("img",{src:a.images.more,alt:h("manufacturing.dashboard.more_icon_label")})}),
+/* @__PURE__ */e.jsx(n.default,{anchorEl:p,open:Boolean(p),onClose:b,className:"dropdown-inner calender-drp",children:/* @__PURE__ */e.jsx(d.default,{onClick:b,children:h("common.export")})})]})]})]})})};
 //# sourceMappingURL=index.js.map

package/dist/components/Dashboard/dashboard-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Dashboard/dashboard-header.tsx"],"sourcesContent":["\nimport Typography from \"../typography/typography\";\nimport Chip from \"../chip/chip\";\nimport images from '../../assets/images';\nimport { useState } from \"react\";\nimport { IconButton, MenuItem } from '@mui/material';\nimport Menu from '../menu/menu';\nimport { useTranslation } from 'react-i18next';\nconst DashBoardHeader = ({ title, customElement, showEdit = true, showDropDowan = true }) => {\n    const { t } = useTranslation();\n    //Local State\n    const [isEditingMode, setIsEditingMode] = useState<boolean>(false);\n    const [anchorMoreEl, setAnchorMoreEl] = useState<\n        null | (EventTarget & HTMLButtonElement)\n    >(null);\n\n\n\n\n    const handleMoreIconClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setAnchorMoreEl(event.currentTarget);\n    };\n\n    const handleMoreIconClose = () => {\n        setAnchorMoreEl(null);\n    };\n\n    //   const handleConfirm = () => {\n    //     setIsDiscardModalOpen(false);\n    //     setIsEditingMode(false);\n    //   };\n\n    //   const handleSaveChange = (event: SelectChangeEvent<unknown>) => {\n    //     setIsEditingMode(false);\n    //   };\n    return (\n        <div>\n            <div className='header-title'>\n                <Typography type='h3' weight={'medium'} color={'theme.secondary.1000'}>\n                    {title}\n                </Typography>\n                <div className='header-right-wrap'>\n\n                    {customElement}\n                    {showEdit && <Chip\n                        type='normal'\n                        label={isEditingMode ? t('manufacturing.dashboard.editing_dashboard_mode_label') : t('manufacturing.dashboard.edit_layout_mode_label')}\n                        className={`${isEditingMode ? 'edit-box' : 'edit-box edit-box--InActive'\n                            }`}\n                        icon={\n                            <img\n                                src={isEditingMode ? images.common.editIcon : images.edit}\n                                alt={t('common.edit')}\n                            />\n                        }\n                        onClick={() => setIsEditingMode(true)}\n                        active={isEditingMode}\n                    />\n                    }\n                    {\n                        showDropDowan && <div>\n                            <IconButton\n                                color='inherit'\n                                size='small'\n                                onClick={handleMoreIconClick}>\n                                <img src={images.more} alt={t('manufacturing.dashboard.more_icon_label')} />\n                            </IconButton>\n                            <Menu\n                                anchorEl={anchorMoreEl}\n                                open={Boolean(anchorMoreEl)}\n                                onClose={handleMoreIconClose}\n                                className='dropdown-inner calender-drp'>\n                                <MenuItem onClick={handleMoreIconClose}>{t('common.export')}</MenuItem>\n                            </Menu>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default DashBoardHeader;\n"],"names":["title","customElement","showEdit","showDropDowan","t","useTranslation","isEditingMode","setIsEditingMode","useState","anchorMoreEl","setAnchorMoreEl","handleMoreIconClose","jsx","children","jsxs","className","Typography","type","weight","color","Chip","label","icon","src","images","common","editIcon","edit","alt","onClick","active","IconButton","size","event","currentTarget","more","Menu","anchorEl","open","Boolean","onClose","MenuItem"],"mappings":"oWAQwB,EAAGA,QAAOC,gBAAeC,YAAW,EAAMC,iBAAgB,MAC9E,MAAMC,EAAEA,GAAMC,oBAEPC,EAAeC,GAAoBC,EAAAA,UAAkB,IACrDC,EAAcC,GAAmBF,EAAAA,SAEtC,MASIG,EAAsB,KACxBD,EAAgB;AAWpB,OACIE,EAAAA,IAAC,MAAA,CACGC,wBAAAC,EAAAA,KAAC,MAAA,CAAIC,UAAU,eACXF,SAAA;eAAAD,EAAAA,IAACI,EAAAA,YAAWC,KAAK,KAAKC,OAAQ,SAAUC,MAAO,uBAC1CN,SAAAb;iBAELc,KAAC,MAAA,CAAIC,UAAU,oBAEVF,SAAA,CAAAZ,EACAC,kBAAYU,EAAAA,IAACQ,EAAAA,QAAA,CACVH,KAAK,SACLI,MAAuBjB,EAAhBE,EAAkB,uDAA4D,kDACrFS,UAAcT,EAAgB,WAAa,8BAE3CgB,oBACIV,EAAAA,IAAC,MAAA,CACGW,IAAKjB,EAAgBkB,EAAAA,OAAOC,OAAOC,SAAWF,EAAAA,OAAOG,KACrDC,IAAKxB,EAAE,iBAGfyB,QAAS,IAAMtB,GAAiB,GAChCuB,OAAQxB,IAIRH,yBAAkB,MAAA,CACdU,SAAA;eAAAD,EAAAA,IAACmB,EAAAA,WAAA,CACGZ,MAAM,UACNa,KAAK,QACLH,QA7CCI,IACzBvB,EAAgBuB,EAAMC,gBA6CErB,wBAAAD,EAAAA,IAAC,OAAIW,IAAKC,SAAOW,KAAMP,IAAKxB,EAAE;eAElCQ,EAAAA,IAACwB,EAAAA,QAAA,CACGC,SAAU5B,EACV6B,KAAMC,QAAQ9B,GACd+B,QAAS7B,EACTI,UAAU,8BACVF,8BAAC4B,EAAAA,SAAA,CAASZ,QAASlB,EAAsBE,SAAAT,EAAE"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Dashboard/dashboard-header.tsx"],"sourcesContent":["\nimport Typography from \"../typography/typography\";\nimport Chip from \"../chip/chip\";\nimport images from '../../assets/images';\nimport { useState } from \"react\";\nimport { IconButton, MenuItem } from '@mui/material';\nimport Menu from '../menu/menu';\nimport { useTranslation } from 'react-i18next';\nconst DashBoardHeader = ({ title, customElement, showEdit = true, showDropDowan = true }) => {\n    const { t } = useTranslation();\n    //Local State\n    const [isEditingMode, setIsEditingMode] = useState<boolean>(false);\n    const [anchorMoreEl, setAnchorMoreEl] = useState<\n        null | (EventTarget & HTMLButtonElement)\n    >(null);\n\n\n\n\n    const handleMoreIconClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setAnchorMoreEl(event.currentTarget);\n    };\n\n    const handleMoreIconClose = () => {\n        setAnchorMoreEl(null);\n    };\n\n    //   const handleConfirm = () => {\n    //     setIsDiscardModalOpen(false);\n    //     setIsEditingMode(false);\n    //   };\n\n    //   const handleSaveChange = (event: SelectChangeEvent<unknown>) => {\n    //     setIsEditingMode(false);\n    //   };\n    return (\n        <div>\n            <div className='header-title'>\n                <Typography type='h3' weight={'medium'} color={'theme.secondary.1000'}>\n                    {title}\n                </Typography>\n                <div className='header-right-wrap'>\n\n                    {customElement}\n                    {showEdit && <Chip\n                        type='normal'\n                        label={isEditingMode ? t('manufacturing.dashboard.editing_dashboard_mode_label') : t('manufacturing.dashboard.edit_layout_mode_label')}\n                        className={`${isEditingMode ? 'edit-box' : 'edit-box edit-box--InActive'\n                            }`}\n                        icon={\n                            <img\n                                src={isEditingMode ? images.common.editIcon : images.edit}\n                                alt={t('common.edit')}\n                            />\n                        }\n                        onClick={() => setIsEditingMode(true)}\n                        active={isEditingMode}\n                    />\n                    }\n                    {\n                        showDropDowan && <div>\n                            <IconButton\n                                color='inherit'\n                                size='small'\n                                onClick={handleMoreIconClick}>\n                                <img src={images.more} alt={t('manufacturing.dashboard.more_icon_label')} />\n                            </IconButton>\n                            <Menu\n                                anchorEl={anchorMoreEl}\n                                open={Boolean(anchorMoreEl)}\n                                onClose={handleMoreIconClose}\n                                className='dropdown-inner calender-drp'>\n                                <MenuItem onClick={handleMoreIconClose}>{t('common.export')}</MenuItem>\n                            </Menu>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default DashBoardHeader;\n"],"names":["title","customElement","showEdit","showDropDowan","t","useTranslation","isEditingMode","setIsEditingMode","useState","anchorMoreEl","setAnchorMoreEl","handleMoreIconClose","jsx","children","jsxs","className","Typography","type","weight","color","Chip","label","icon","src","images","common","editIcon","edit","alt","onClick","active","IconButton","size","event","currentTarget","more","Menu","anchorEl","open","Boolean","onClose","MenuItem"],"mappings":"qeAQwB,EAAGA,QAAOC,gBAAeC,YAAW,EAAMC,iBAAgB,MAC9E,MAAMC,EAAEA,GAAMC,oBAEPC,EAAeC,GAAoBC,EAAAA,UAAkB,IACrDC,EAAcC,GAAmBF,EAAAA,SAEtC,MASIG,EAAsB,KACxBD,EAAgB;AAWpB,OACIE,EAAAA,IAAC,MAAA,CACGC,wBAAAC,EAAAA,KAAC,MAAA,CAAIC,UAAU,eACXF,SAAA;eAAAD,EAAAA,IAACI,EAAAA,YAAWC,KAAK,KAAKC,OAAQ,SAAUC,MAAO,uBAC1CN,SAAAb;iBAELc,KAAC,MAAA,CAAIC,UAAU,oBAEVF,SAAA,CAAAZ,EACAC,kBAAYU,EAAAA,IAACQ,EAAAA,QAAA,CACVH,KAAK,SACLI,MAAuBjB,EAAhBE,EAAkB,uDAA4D,kDACrFS,UAAcT,EAAgB,WAAa,8BAE3CgB,oBACIV,EAAAA,IAAC,MAAA,CACGW,IAAKjB,EAAgBkB,EAAAA,OAAOC,OAAOC,SAAWF,EAAAA,OAAOG,KACrDC,IAAKxB,EAAE,iBAGfyB,QAAS,IAAMtB,GAAiB,GAChCuB,OAAQxB,IAIRH,yBAAkB,MAAA,CACdU,SAAA;eAAAD,EAAAA,IAACmB,EAAAA,QAAA,CACGZ,MAAM,UACNa,KAAK,QACLH,QA7CCI,IACzBvB,EAAgBuB,EAAMC,gBA6CErB,wBAAAD,EAAAA,IAAC,OAAIW,IAAKC,SAAOW,KAAMP,IAAKxB,EAAE;eAElCQ,EAAAA,IAACwB,EAAAA,QAAA,CACGC,SAAU5B,EACV6B,KAAMC,QAAQ9B,GACd+B,QAAS7B,EACTI,UAAU,8BACVF,8BAAC4B,EAAAA,QAAA,CAASZ,QAASlB,EAAsBE,SAAAT,EAAE"}

package/dist/components/accordion/accordion/index.esm.js

@@ -1,14 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { styled, AccordionSummary, AccordionDetails, Accordion as Accordion$1 } from "@mui/material";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import default_1 from "../../../node_modules/@mui/icons-material/ExpandMore/index.esm.js";
 import { memo } from "react";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import AccordionSummary from "../../../node_modules/@mui/material/AccordionSummary/AccordionSummary/index.esm.js";
+import AccordionDetails from "../../../node_modules/@mui/material/AccordionDetails/AccordionDetails/index.esm.js";
+import Accordion$1 from "../../../node_modules/@mui/material/Accordion/Accordion/index.esm.js";
 const Accordion = memo((props) => {
   const { title, children, accordionProps: accordianProps } = props;
   return /* @__PURE__ */ jsxs(StyledAccordion, { ...accordianProps, children: [
     /* @__PURE__ */ jsx(
       AccordionSummary,
       {
-        expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+        expandIcon: /* @__PURE__ */ jsx(default_1, {}),
         "aria-controls": "panel1-content",
         id: "panel1-header",
         children: title