ece-docs-components 1.0.46 → 1.0.47

package/dist/esm/components/DefinitionBox.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { styled, Box, Typography } from '@mui/material';
 import { useTheme } from '../ThemeProvider.js';
-import { IndeterminateCheckBoxRounded, AddBoxRounded } from '@mui/icons-material';
+import { CloseRounded, AddRounded } from '@mui/icons-material';
 
 const StyledWrapper = styled(Box)(({ theme }) => ({
 // No specific wrapper styles needed, just a container
@@ -13,17 +13,22 @@ const StyledParagraph = styled(Typography)(({ theme }) => ({
     display: 'inline-flex',
     alignItems: 'center',
 }));
-const StyledTermWrapper = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'isOpen',
-})(({ theme, isOpen }) => ({
+const StyledTermWrapper = styled(Box)(({ theme }) => ({
     position: 'relative',
     display: 'inline-flex',
     alignItems: 'center',
     cursor: 'pointer',
     marginLeft: theme.spacing(0.5), // ml-1
+}));
+const StyledTerm = styled('span', {
+    shouldForwardProp: (prop) => prop !== 'isOpen',
+})(({ theme, isOpen }) => ({
     paddingBottom: '1px', // style={{ paddingBottom: '1px' }}
-    borderBottom: `2px solid ${theme.palette.dark.main}`, // border-b-2
-    backgroundColor: theme.palette.background.default,
+    borderBottom: `2px solid ${isOpen ? theme.palette.secondary.main : theme.palette.dark.main}`, // border-b-2
+    transition: 'border-bottom-color 0.2s', // transition-colors
+    '&:hover': {
+        borderBottomColor: theme.palette.secondary.main, // hover effect
+    },
 }));
 const StyledIconWrapper = styled(Box)(({ theme }) => ({
     display: 'inline-flex',
@@ -35,25 +40,34 @@ const StyledIconWrapper = styled(Box)(({ theme }) => ({
 const StyledDefinitionBox = styled(Box)(({ theme }) => ({
     marginTop: theme.spacing(2), // mt-4
     padding: theme.spacing(2), // p-4
-    borderRadius: 4,
-    border: `1px solid ${theme.palette.dark.main}`,
-    backgroundColor: theme.palette.background.default,
+    borderRadius: (typeof theme.shape.borderRadius === 'string'
+        ? parseInt(theme.shape.borderRadius, 10)
+        : theme.shape.borderRadius || 4) * 2, // rounded-lg
+    border: `1px solid ${theme.palette.dark.main}33`, // border-[#4D3019]/20
+    borderRight: `4px solid ${theme.palette.dark.main}33`, // border-r-4
+    backgroundColor: theme.palette.light.main, // style={{ backgroundColor: '#FDFCEE' }}
 }));
 const StyledDefinitionText = styled(Typography)(({ theme }) => ({
     fontSize: '14px', // text-[14px]
     color: theme.palette.dark.main, // text-[#4D3019]
     lineHeight: 1.5, // leading-relaxed
 }));
-function DefinitionBox({ term, definition }) {
+function DefinitionBox({ term, definition, children }) {
     const theme = useTheme();
     const [isOpen, setIsOpen] = useState(false);
-    return (jsxs(StyledWrapper, { children: [jsx(StyledParagraph, { children: jsxs(StyledTermWrapper, { onClick: () => setIsOpen(!isOpen), isOpen: isOpen, children: [term, jsx(StyledIconWrapper, { children: isOpen ? (jsx(IndeterminateCheckBoxRounded, { sx: {
-                                    fontSize: 16,
-                                    color: theme.palette.text.primary
-                                } })) : (jsx(AddBoxRounded, { sx: {
-                                    fontSize: 16,
-                                    color: theme.palette.text.primary,
-                                } })) })] }) }), isOpen && (jsx(StyledDefinitionBox, { children: jsx(StyledDefinitionText, { children: definition }) }))] }));
+    return (jsxs(StyledWrapper, { children: [jsxs(StyledParagraph, { children: [children, jsxs(StyledTermWrapper, { onClick: () => setIsOpen(!isOpen), children: [jsx(StyledTerm, { isOpen: isOpen, onMouseEnter: (e) => (e.currentTarget.style.borderBottomColor = theme.palette.secondary.main), onMouseLeave: (e) => (e.currentTarget.style.borderBottomColor = isOpen ? theme.palette.secondary.main : theme.palette.dark.main), children: term }), jsx(StyledIconWrapper, { children: isOpen ? (jsx(CloseRounded, { sx: {
+                                        fontSize: 16,
+                                        color: isOpen ? theme.palette.secondary.main : theme.palette.dark.main,
+                                        '&:hover': {
+                                            color: theme.palette.secondary.main
+                                        }
+                                    } })) : (jsx(AddRounded, { sx: {
+                                        fontSize: 16,
+                                        color: theme.palette.dark.main,
+                                        '&:hover': {
+                                            color: theme.palette.secondary.main
+                                        }
+                                    } })) })] })] }), isOpen && (jsx(StyledDefinitionBox, { children: jsx(StyledDefinitionText, { children: definition }) }))] }));
 }
 
 export { DefinitionBox };

package/dist/esm/components/DefinitionBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefinitionBox.js","sources":["../../../../src/components/DefinitionBox.tsx"],"sourcesContent":["\r\n\r\nimport { useState } from 'react';\r\nimport { Box, styled, Typography } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { AddBoxRounded, IndeterminateCheckBoxRounded } from '@mui/icons-material';\r\n\r\ninterface DefinitionBoxProps {\r\n  term: string;\r\n  definition: string;\r\n}\r\n\r\nconst StyledWrapper = styled(Box)(({ theme }) => ({\r\n  // No specific wrapper styles needed, just a container\r\n}));\r\n\r\nconst StyledParagraph = styled(Typography)(({ theme }) => ({\r\n  fontSize: '14px', // text-[14px]\r\n  color: theme.palette.dark.main, // text-[#4D3019]\r\n  display: 'inline-flex',\r\n  alignItems: 'center',\r\n}));\r\n\r\nconst StyledTermWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== 'isOpen',\r\n})<{ isOpen: boolean }>(({ theme, isOpen })  => ({\r\n  position: 'relative',\r\n  display: 'inline-flex',\r\n  alignItems: 'center',\r\n  cursor: 'pointer',\r\n  marginLeft: theme.spacing(0.5), // ml-1\r\n  paddingBottom: '1px', // style={{ paddingBottom: '1px' }}\r\n  borderBottom: `2px solid ${theme.palette.dark.main}`, // border-b-2\r\n  backgroundColor: theme.palette.background.default,\r\n}));\r\n\r\nconst StyledIconWrapper = styled(Box)(({ theme }) => ({\r\n  display: 'inline-flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  marginLeft: theme.spacing(0.5), // ml-1\r\n  transition: 'color 0.2s', // transition-colors\r\n}));\r\n\r\nconst StyledDefinitionBox = styled(Box)(({ theme }) => ({\r\n  marginTop: theme.spacing(2), // mt-4\r\n  padding: theme.spacing(2), // p-4\r\n  borderRadius: 4,\r\n  border: `1px solid ${theme.palette.dark.main}`,\r\n  backgroundColor: theme.palette.background.default,\r\n}));\r\n\r\nconst StyledDefinitionText = styled(Typography)(({ theme }) => ({\r\n  fontSize: '14px', // text-[14px]\r\n  color: theme.palette.dark.main, // text-[#4D3019]\r\n  lineHeight: 1.5, // leading-relaxed\r\n}));\r\n\r\nexport function DefinitionBox({ term, definition }: DefinitionBoxProps) {\r\n  const theme = useTheme();\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  return (\r\n    <StyledWrapper>\r\n      <StyledParagraph>\r\n        <StyledTermWrapper onClick={() => setIsOpen(!isOpen)} isOpen={isOpen}>\r\n            {term}\r\n          <StyledIconWrapper>\r\n            {isOpen ? (\r\n              <IndeterminateCheckBoxRounded\r\n                sx={{\r\n                  fontSize: 16,\r\n                  color: theme.palette.text.primary\r\n                }}\r\n              />\r\n            ) : (\r\n              <AddBoxRounded\r\n                sx={{\r\n                  fontSize: 16,\r\n                  color: theme.palette.text.primary,\r\n                }}\r\n              />\r\n            )}\r\n          </StyledIconWrapper>\r\n        </StyledTermWrapper>\r\n      </StyledParagraph>\r\n      {isOpen && (\r\n        <StyledDefinitionBox>\r\n          <StyledDefinitionText>{definition}</StyledDefinitionText>\r\n        </StyledDefinitionBox>\r\n      )}\r\n    </StyledWrapper>\r\n  );\r\n}"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"DefinitionBox.js","sources":["../../../../src/components/DefinitionBox.tsx"],"sourcesContent":["\n\nimport React, { useState } from 'react';\nimport { Box, styled, Typography } from '@mui/material';\nimport { useTheme } from '../ThemeProvider';\nimport { AddRounded, CloseRounded } from '@mui/icons-material';\n\ninterface DefinitionBoxProps {\n  term: string;\n  definition: string;\n  children: React.ReactNode;\n}\n\nconst StyledWrapper = styled(Box)(({ theme }) => ({\n  // No specific wrapper styles needed, just a container\n}));\n\nconst StyledParagraph = styled(Typography)(({ theme }) => ({\n  fontSize: '14px', // text-[14px]\n  color: theme.palette.dark.main, // text-[#4D3019]\n  display: 'inline-flex',\n  alignItems: 'center',\n}));\n\nconst StyledTermWrapper = styled(Box)(({ theme }) => ({\n  position: 'relative',\n  display: 'inline-flex',\n  alignItems: 'center',\n  cursor: 'pointer',\n  marginLeft: theme.spacing(0.5), // ml-1\n}));\n\nconst StyledTerm = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'isOpen',\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\n  paddingBottom: '1px', // style={{ paddingBottom: '1px' }}\n  borderBottom: `2px solid ${isOpen ? theme.palette.secondary.main : theme.palette.dark.main}`, // border-b-2\n  transition: 'border-bottom-color 0.2s', // transition-colors\n  '&:hover': {\n    borderBottomColor: theme.palette.secondary.main, // hover effect\n  },\n}));\n\nconst StyledIconWrapper = styled(Box)(({ theme }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  marginLeft: theme.spacing(0.5), // ml-1\n  transition: 'color 0.2s', // transition-colors\n}));\n\nconst StyledDefinitionBox = styled(Box)(({ theme }) => ({\n  marginTop: theme.spacing(2), // mt-4\n  padding: theme.spacing(2), // p-4\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\n  ? parseInt(theme.shape.borderRadius, 10)\n  : theme.shape.borderRadius || 4) * 2, // rounded-lg\n  border: `1px solid ${theme.palette.dark.main}33`, // border-[#4D3019]/20\n  borderRight: `4px solid ${theme.palette.dark.main}33`, // border-r-4\n  backgroundColor: theme.palette.light.main, // style={{ backgroundColor: '#FDFCEE' }}\n}));\n\nconst StyledDefinitionText = styled(Typography)(({ theme }) => ({\n  fontSize: '14px', // text-[14px]\n  color: theme.palette.dark.main, // text-[#4D3019]\n  lineHeight: 1.5, // leading-relaxed\n}));\n\nexport function DefinitionBox({ term, definition, children }: DefinitionBoxProps) {\n  const theme = useTheme();\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <StyledWrapper>\n      <StyledParagraph>\n        {children}\n        <StyledTermWrapper onClick={() => setIsOpen(!isOpen)}>\n          <StyledTerm\n            isOpen={isOpen}\n            onMouseEnter={(e) => (e.currentTarget.style.borderBottomColor = theme.palette.secondary.main)}\n            onMouseLeave={(e) => (e.currentTarget.style.borderBottomColor = isOpen ? theme.palette.secondary.main : theme.palette.dark.main)}\n          >\n            {term}\n          </StyledTerm>\n          <StyledIconWrapper>\n            {isOpen ? (\n              <CloseRounded\n                sx={{\n                  fontSize: 16,\n                  color: isOpen ? theme.palette.secondary.main : theme.palette.dark.main,\n                  '&:hover': {\n                    color: theme.palette.secondary.main\n                  }\n                }}\n              />\n            ) : (\n              <AddRounded\n                sx={{\n                  fontSize: 16,\n                  color: theme.palette.dark.main,\n                  '&:hover': {\n                    color: theme.palette.secondary.main\n                  }\n                }}\n              />\n            )}\n          </StyledIconWrapper>\n        </StyledTermWrapper>\n      </StyledParagraph>\n      {isOpen && (\n        <StyledDefinitionBox>\n          <StyledDefinitionText>{definition}</StyledDefinitionText>\n        </StyledDefinitionBox>\n      )}\n    </StyledWrapper>\n  );\n}"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/ExpandingBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandingBox.js","sources":["../../../../src/components/ExpandingBox.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material';\r\ninterface ExpandingBoxProps {\r\n  open: boolean;\r\n  content: React.ReactNode | React.ReactNode[];\r\n}\r\n\r\nconst StyledExpandingBox = styled(Box)(({ theme }) => ({\r\n  marginTop: theme.spacing(2),\r\n  padding: theme.spacing(2),\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  border: `1px solid ${theme.palette.dark.main}`,\r\n  backgroundColor: theme.palette.background.default,\r\n}));\r\n\r\nexport const ExpandingBox: React.FC<ExpandingBoxProps> = ({\r\n  open,\r\n  content,\r\n}) => {\r\n\r\n  if (!open) return null;\r\n  return <StyledExpandingBox>{content}</StyledExpandingBox>;\r\n}\r\n"],"names":["_jsx"],"mappings":";;;AAMA,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACrD,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC/C,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;IACtC,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE;AAC9C,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AAClD,CAAA,CAAC,CAAC;AAEI,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,OAAO,GACR,KAAI;AAEH,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AACtB,IAAA,OAAOA,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAAE,OAAO,GAAsB;AAC3D;;;;"}
+{"version":3,"file":"ExpandingBox.js","sources":["../../../../src/components/ExpandingBox.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material';\ninterface ExpandingBoxProps {\n  open: boolean;\n  content: React.ReactNode | React.ReactNode[];\n}\n\nconst StyledExpandingBox = styled(Box)(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  padding: theme.spacing(2),\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\n    ? parseInt(theme.shape.borderRadius, 10)\n    : theme.shape.borderRadius || 4) * 2,\n  border: `1px solid ${theme.palette.dark.main}`,\n  backgroundColor: theme.palette.background.default,\n}));\n\nexport const ExpandingBox: React.FC<ExpandingBoxProps> = ({\n  open,\n  content,\n}) => {\n\n  if (!open) return null;\n  return <StyledExpandingBox>{content}</StyledExpandingBox>;\n}\n"],"names":["_jsx"],"mappings":";;;AAMA,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACrD,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC/C,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;IACtC,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE;AAC9C,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AAClD,CAAA,CAAC,CAAC;AAEI,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,OAAO,GACR,KAAI;AAEH,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AACtB,IAAA,OAAOA,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAAE,OAAO,GAAsB;AAC3D;;;;"}

package/dist/esm/components/ExpandingBoxToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandingBoxToggle.js","sources":["../../../../src/components/ExpandingBoxToggle.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { AddBoxRounded, IndeterminateCheckBoxRounded } from '@mui/icons-material';\r\n\r\ninterface ExpandingBoxToggleProps {\r\n  term: string;\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n}\r\n\r\nconst StyledWrapper = styled(Box)<{ open: boolean }>(({ theme, open }) => ({\r\n  display: 'inline-block',\r\n  position: 'relative',\r\n  verticalAlign: 'top', // Prevents shifting\r\n}));\r\n\r\nconst StyledParagraph = styled('span')(({ theme }) => ({\r\n  color: theme.palette.dark.main,\r\n  display: 'inline-flex',\r\n  alignItems: 'center',\r\n}));\r\n\r\nconst StyledTermWrapper = styled(Box)<{ open: boolean }>(({ theme, open }) => ({\r\n  position: 'relative',\r\n  display: 'inline-flex',\r\n  alignItems: 'center',\r\n  cursor: 'pointer',\r\n  marginLeft: theme.spacing(0.5),\r\n  paddingBottom: '1px',\r\n  borderBottom: `2px solid ${theme.palette.dark.main}`,\r\n  backgroundColor: theme.palette.background.default,\r\n}));\r\n\r\nconst StyledIconWrapper = styled(Box)(({ theme }) => ({\r\n  display: 'inline-flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  marginLeft: theme.spacing(0.5),\r\n  transition: 'color 0.2s',\r\n}));\r\n\r\nexport const ExpandingBoxToggle: React.FC<ExpandingBoxToggleProps> = ({\r\n  term,\r\n  open,\r\n  setOpen,\r\n}) => {  const theme = useTheme();\r\n\r\n  return (\r\n    <StyledWrapper open={open}>\r\n      <StyledParagraph>\r\n        <StyledTermWrapper onClick={() => setOpen(!open)} open={open}>\r\n          {term}\r\n          <StyledIconWrapper>\r\n            {open ? (\r\n              <IndeterminateCheckBoxRounded\r\n                sx={{\r\n                  fontSize: 16,\r\n                  color: theme.palette.text.primary\r\n                }}\r\n              />\r\n            ) : (\r\n              <AddBoxRounded\r\n                sx={{\r\n                  fontSize: 16,\r\n                  color: theme.palette.text.primary,\r\n                }}\r\n              />\r\n            )}\r\n          </StyledIconWrapper>\r\n        </StyledTermWrapper>\r\n      </StyledParagraph>\r\n    </StyledWrapper>\r\n  );\r\n}\r\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAUA,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;AACzE,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,QAAQ,EAAE,UAAU;IACpB,aAAa,EAAE,KAAK;AACrB,CAAA,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACrD,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,UAAU,EAAE,QAAQ;AACrB,CAAA,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;AAC7E,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC9B,IAAA,aAAa,EAAE,KAAK;IACpB,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE;AACpD,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AAClD,CAAA,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACpD,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC9B,IAAA,UAAU,EAAE,YAAY;AACzB,CAAA,CAAC,CAAC;AAEI,MAAM,kBAAkB,GAAsC,CAAC,EACpE,IAAI,EACJ,IAAI,EACJ,OAAO,GACR,KAAI;AAAI,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AAE/B,IAAA,QACEA,GAAA,CAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACvBA,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACdC,IAAA,CAAC,iBAAiB,EAAA,EAAC,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CACzD,IAAI,EACLD,GAAA,CAAC,iBAAiB,cACf,IAAI,IACHA,IAAC,4BAA4B,EAAA,EAC3B,EAAE,EAAE;AACF,gCAAA,QAAQ,EAAE,EAAE;AACZ,gCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;6BAC3B,EAAA,CACD,KAEFA,GAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE;AACF,gCAAA,QAAQ,EAAE,EAAE;AACZ,gCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,6BAAA,EAAA,CACD,CACH,EAAA,CACiB,CAAA,EAAA,CACF,EAAA,CACJ,EAAA,CACJ;AAEpB;;;;"}
+{"version":3,"file":"ExpandingBoxToggle.js","sources":["../../../../src/components/ExpandingBoxToggle.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material';\nimport { useTheme } from '../ThemeProvider';\nimport { AddBoxRounded, IndeterminateCheckBoxRounded } from '@mui/icons-material';\n\ninterface ExpandingBoxToggleProps {\n  term: string;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nconst StyledWrapper = styled(Box)<{ open: boolean }>(({ theme, open }) => ({\n  display: 'inline-block',\n  position: 'relative',\n  verticalAlign: 'top', // Prevents shifting\n}));\n\nconst StyledParagraph = styled('span')(({ theme }) => ({\n  color: theme.palette.dark.main,\n  display: 'inline-flex',\n  alignItems: 'center',\n}));\n\nconst StyledTermWrapper = styled(Box)<{ open: boolean }>(({ theme, open }) => ({\n  position: 'relative',\n  display: 'inline-flex',\n  alignItems: 'center',\n  cursor: 'pointer',\n  marginLeft: theme.spacing(0.5),\n  paddingBottom: '1px',\n  borderBottom: `2px solid ${theme.palette.dark.main}`,\n  backgroundColor: theme.palette.background.default,\n}));\n\nconst StyledIconWrapper = styled(Box)(({ theme }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  marginLeft: theme.spacing(0.5),\n  transition: 'color 0.2s',\n}));\n\nexport const ExpandingBoxToggle: React.FC<ExpandingBoxToggleProps> = ({\n  term,\n  open,\n  setOpen,\n}) => {  const theme = useTheme();\n\n  return (\n    <StyledWrapper open={open}>\n      <StyledParagraph>\n        <StyledTermWrapper onClick={() => setOpen(!open)} open={open}>\n          {term}\n          <StyledIconWrapper>\n            {open ? (\n              <IndeterminateCheckBoxRounded\n                sx={{\n                  fontSize: 16,\n                  color: theme.palette.text.primary\n                }}\n              />\n            ) : (\n              <AddBoxRounded\n                sx={{\n                  fontSize: 16,\n                  color: theme.palette.text.primary,\n                }}\n              />\n            )}\n          </StyledIconWrapper>\n        </StyledTermWrapper>\n      </StyledParagraph>\n    </StyledWrapper>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAUA,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;AACzE,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,QAAQ,EAAE,UAAU;IACpB,aAAa,EAAE,KAAK;AACrB,CAAA,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACrD,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,UAAU,EAAE,QAAQ;AACrB,CAAA,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;AAC7E,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC9B,IAAA,aAAa,EAAE,KAAK;IACpB,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,CAAE;AACpD,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AAClD,CAAA,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACpD,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC9B,IAAA,UAAU,EAAE,YAAY;AACzB,CAAA,CAAC,CAAC;AAEI,MAAM,kBAAkB,GAAsC,CAAC,EACpE,IAAI,EACJ,IAAI,EACJ,OAAO,GACR,KAAI;AAAI,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AAE/B,IAAA,QACEA,GAAA,CAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACvBA,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACdC,IAAA,CAAC,iBAAiB,EAAA,EAAC,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CACzD,IAAI,EACLD,GAAA,CAAC,iBAAiB,cACf,IAAI,IACHA,IAAC,4BAA4B,EAAA,EAC3B,EAAE,EAAE;AACF,gCAAA,QAAQ,EAAE,EAAE;AACZ,gCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;6BAC3B,EAAA,CACD,KAEFA,GAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE;AACF,gCAAA,QAAQ,EAAE,EAAE;AACZ,gCAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,6BAAA,EAAA,CACD,CACH,EAAA,CACiB,CAAA,EAAA,CACF,EAAA,CACJ,EAAA,CACJ;AAEpB;;;;"}

package/dist/esm/components/FileUploadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadButton.js","sources":["../../../../src/components/FileUploadButton.tsx"],"sourcesContent":["import React, { useId } from 'react';\r\nimport { Button } from './Button'; // Import your existing styled button component\r\nimport { styled } from '@mui/material/styles';\r\nimport { FileUploadRounded } from '@mui/icons-material';\r\nimport { toast } from 'react-toastify';\r\n\r\ninterface FileUploadButtonProps {\r\n  id?: string;\r\n  label?: string;\r\n  accept?: string;\r\n  multiple?: boolean;\r\n  onFileSelect?: (files: FileList | null) => void;\r\n  variant?: 'primary' | 'secondary' | 'outline' | 'marked-read' | 'mark-read' | 'danger';\r\n  size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nconst HiddenInput = styled('input')({\r\n  display: 'none',\r\n});\r\n\r\nexport const FileUploadButton: React.FC<FileUploadButtonProps> = ({\r\n  id,\r\n  label = 'Upload File',\r\n  accept,\r\n  multiple = false,\r\n  onFileSelect,\r\n  variant = 'primary',\r\n  size = 'md',\r\n}) => {\r\nconst handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const files = event.target.files;\r\n\r\n    if (!files || files.length === 0) {\r\n      onFileSelect?.(files);\r\n      return;\r\n    }\r\n\r\n    // If multiple, filter; if single, validate the first\r\n    if (multiple) {\r\n      const valid: File[] = [];\r\n      for (const f of Array.from(files)) {\r\n        if ((25 * 1024 * 1024) && f.size > (25 * 1024 * 1024)) continue;\r\n        valid.push(f);\r\n      }\r\n      const dt = new DataTransfer();\r\n      valid.forEach((f) => dt.items.add(f));\r\n      onFileSelect?.(dt.files);\r\n    } else {\r\n      const f = files[0];\r\n      if ((25 * 1024 * 1024) && f.size > (25 * 1024 * 1024)) {\r\n        // Notify user and abort selection\r\n        // Example: toast.error('File exceeds 5MB');\r\n        toast.error('File exceeds 25MB')\r\n        onFileSelect?.(null);\r\n        // Clear the input so user can reselect\r\n        event.target.value = '';\r\n        return;\r\n      }\r\n      onFileSelect?.(files);\r\n    }\r\n  };\r\n  const autoId = useId(); \r\n  const inputId = id || `file-upload-${autoId}`;\r\n  return (\r\n    <label htmlFor={inputId}>\r\n      <HiddenInput\r\n        id={inputId}\r\n        type=\"file\"\r\n        accept={accept}\r\n        multiple={multiple}\r\n        onChange={handleFileChange}\r\n      />\r\n      <Button\r\n        component=\"span\"\r\n        variant={variant}\r\n        size={size}\r\n      >\r\n        <FileUploadRounded/>{label}\r\n      </Button>\r\n    </label>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAgBA,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AAClC,IAAA,OAAO,EAAE,MAAM;AAChB,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAoC,CAAC,EAChE,EAAE,EACF,KAAK,GAAG,aAAa,EACrB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACZ,KAAI;AACL,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAA0C,KAAI;AACpE,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAEhC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AAChC,YAAA,YAAY,GAAG,KAAK,CAAC;YACrB;QACF;;QAGA,IAAI,QAAQ,EAAE;YACZ,MAAM,KAAK,GAAW,EAAE;YACxB,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACjC,gBAAA,IAA0B,CAAC,CAAC,IAAI,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;oBAAE;AACvD,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;YACf;AACA,YAAA,MAAM,EAAE,GAAG,IAAI,YAAY,EAAE;AAC7B,YAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACrC,YAAA,YAAY,GAAG,EAAE,CAAC,KAAK,CAAC;QAC1B;aAAO;AACL,YAAA,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,IAA0B,CAAC,CAAC,IAAI,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,EAAE;;;AAGrD,gBAAA,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC;AAChC,gBAAA,YAAY,GAAG,IAAI,CAAC;;AAEpB,gBAAA,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE;gBACvB;YACF;AACA,YAAA,YAAY,GAAG,KAAK,CAAC;QACvB;AACF,IAAA,CAAC;AACD,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;AACtB,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,CAAA,YAAA,EAAe,MAAM,EAAE;IAC7C,QACEA,IAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,OAAO,aACrBC,GAAA,CAAC,WAAW,EAAA,EACV,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,EAAA,CAC1B,EACFD,IAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CAEVC,GAAA,CAAC,iBAAiB,EAAA,EAAA,CAAE,EAAC,KAAK,CAAA,EAAA,CACnB,CAAA,EAAA,CACH;AAEZ;;;;"}
+{"version":3,"file":"FileUploadButton.js","sources":["../../../../src/components/FileUploadButton.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport { Button } from './Button'; // Import your existing styled button component\nimport { styled } from '@mui/material/styles';\nimport { FileUploadRounded } from '@mui/icons-material';\nimport { toast } from 'react-toastify';\n\ninterface FileUploadButtonProps {\n  id?: string;\n  label?: string;\n  accept?: string;\n  multiple?: boolean;\n  onFileSelect?: (files: FileList | null) => void;\n  variant?: 'primary' | 'secondary' | 'outline' | 'marked-read' | 'mark-read' | 'danger';\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst HiddenInput = styled('input')({\n  display: 'none',\n});\n\nexport const FileUploadButton: React.FC<FileUploadButtonProps> = ({\n  id,\n  label = 'Upload File',\n  accept,\n  multiple = false,\n  onFileSelect,\n  variant = 'primary',\n  size = 'md',\n}) => {\nconst handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const files = event.target.files;\n\n    if (!files || files.length === 0) {\n      onFileSelect?.(files);\n      return;\n    }\n\n    // If multiple, filter; if single, validate the first\n    if (multiple) {\n      const valid: File[] = [];\n      for (const f of Array.from(files)) {\n        if ((25 * 1024 * 1024) && f.size > (25 * 1024 * 1024)) continue;\n        valid.push(f);\n      }\n      const dt = new DataTransfer();\n      valid.forEach((f) => dt.items.add(f));\n      onFileSelect?.(dt.files);\n    } else {\n      const f = files[0];\n      if ((25 * 1024 * 1024) && f.size > (25 * 1024 * 1024)) {\n        // Notify user and abort selection\n        // Example: toast.error('File exceeds 5MB');\n        toast.error('File exceeds 25MB')\n        onFileSelect?.(null);\n        // Clear the input so user can reselect\n        event.target.value = '';\n        return;\n      }\n      onFileSelect?.(files);\n    }\n  };\n  const autoId = useId(); \n  const inputId = id || `file-upload-${autoId}`;\n  return (\n    <label htmlFor={inputId}>\n      <HiddenInput\n        id={inputId}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        onChange={handleFileChange}\n      />\n      <Button\n        component=\"span\"\n        variant={variant}\n        size={size}\n      >\n        <FileUploadRounded/>{label}\n      </Button>\n    </label>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAgBA,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AAClC,IAAA,OAAO,EAAE,MAAM;AAChB,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAoC,CAAC,EAChE,EAAE,EACF,KAAK,GAAG,aAAa,EACrB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACZ,KAAI;AACL,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAA0C,KAAI;AACpE,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAEhC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AAChC,YAAA,YAAY,GAAG,KAAK,CAAC;YACrB;QACF;;QAGA,IAAI,QAAQ,EAAE;YACZ,MAAM,KAAK,GAAW,EAAE;YACxB,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACjC,gBAAA,IAA0B,CAAC,CAAC,IAAI,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;oBAAE;AACvD,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;YACf;AACA,YAAA,MAAM,EAAE,GAAG,IAAI,YAAY,EAAE;AAC7B,YAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACrC,YAAA,YAAY,GAAG,EAAE,CAAC,KAAK,CAAC;QAC1B;aAAO;AACL,YAAA,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,IAA0B,CAAC,CAAC,IAAI,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,EAAE;;;AAGrD,gBAAA,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC;AAChC,gBAAA,YAAY,GAAG,IAAI,CAAC;;AAEpB,gBAAA,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE;gBACvB;YACF;AACA,YAAA,YAAY,GAAG,KAAK,CAAC;QACvB;AACF,IAAA,CAAC;AACD,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;AACtB,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,CAAA,YAAA,EAAe,MAAM,EAAE;IAC7C,QACEA,IAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,OAAO,aACrBC,GAAA,CAAC,WAAW,EAAA,EACV,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,EAAA,CAC1B,EACFD,IAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CAEVC,GAAA,CAAC,iBAAiB,EAAA,EAAA,CAAE,EAAC,KAAK,CAAA,EAAA,CACnB,CAAA,EAAA,CACH;AAEZ;;;;"}

package/dist/esm/components/Header.js

@@ -46,10 +46,10 @@ styled(Typography)(({ theme }) => ({
         fontSize: '1.125rem', // text-lg
     },
 }));
-const StyledLogoSvg = styled(SvgPrimaryLogoVariationCream) `
-  width: 100%;
-  height: 100%;
-  display: block;
+const StyledLogoSvg = styled(SvgPrimaryLogoVariationCream) `
+  width: 100%;
+  height: 100%;
+  display: block;
 `;
 styled(Box)(({ theme }) => ({
     flex: 1,

package/dist/esm/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../src/components/Header.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, styled, Typography, TextField, IconButton, Divider } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { MenuRounded, SchoolRounded, SearchRounded } from '@mui/icons-material';\r\nimport PopoverMenu from './PopoverMenu';\r\nimport { ReactComponent as Logo } from '../images/PrimaryLogo_Variation_Cream.svg';\r\n\r\ntype SignUpStatus = 'Withdrawn' | 'Onboarding' | 'Active' | 'In Review';\r\ninterface HeaderProps {\r\n  userName?: string;\r\n  userInitials?: string;\r\n  toggleMenu: () => void;\r\n  signOut: () => void;\r\n  search?: () => void;\r\n  signUpStatus: SignUpStatus;\r\n}\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'space-between',\r\n  backgroundColor: theme.palette.primary.main, // var(--color-primary)\r\n  [theme.breakpoints.up('md')]: {\r\n    gap: theme.spacing(4), // md:gap-4\r\n    padding: theme.spacing(1.5, 1.5), // px-4 py-3\r\n  },\r\n  [theme.breakpoints.down('md')]: {\r\n    padding: 0, // px-4 py-3\r\n  },\r\n}));\r\n\r\nconst StyledLogoWrapper = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  padding: theme.spacing(1.5),\r\n  gap: theme.spacing(2),\r\n  height: '64px', \r\n}));\r\n\r\n\r\nconst StyledLogoIcon = styled(Box)(({ theme }) => ({\r\n  width: '100%',\r\n  height: '100%',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  color: theme.palette.light.main,\r\n}));\r\n\r\n\r\nconst StyledLogoText = styled(Typography)(({ theme }) => ({\r\n  color: theme.palette.light.main, // text-[#FDFCEE]\r\n  fontWeight: 700, // font-bold\r\n  letterSpacing: '0.05em', // tracking-wide\r\n  fontSize: '1.5rem', // text-2xl\r\n  [theme.breakpoints.down('md')]: {\r\n    fontSize: '1.25rem', // sm:text-xl\r\n  },\r\n  [theme.breakpoints.down('sm')]: {\r\n    fontSize: '1.125rem', // text-lg\r\n  },\r\n}));\r\n\r\nconst StyledLogoSvg = styled(Logo)`\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n`;\r\n\r\n\r\nconst StyledSearchContainer = styled(Box)(({ theme }) => ({\r\n  flex: 1,\r\n  maxWidth: '32rem', // max-w-2xl\r\n  margin: theme.spacing(0, 2), // mx-8\r\n  position: 'relative',\r\n}));\r\n\r\nconst StyledTextField = styled(TextField)(({ theme }) => ({\r\n  '& .MuiInputBase-root': {\r\n    backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\r\n    color: theme.palette.dark.main, // text-[#4D3019]\r\n    borderRadius: '9999px', // rounded-full\r\n    fontSize: '1rem', // text-base\r\n    [theme.breakpoints.down('md')]: {\r\n      paddingRight: theme.spacing(5), // sm:pr-10\r\n      fontSize: '0.875rem', // text-sm\r\n    },\r\n  },\r\n  '& .MuiInputBase-input': {\r\n    padding: theme.spacing(1.5, 3), // px-4 py-2\r\n    [theme.breakpoints.up('md')]: {\r\n      padding: theme.spacing(1.5, 4), // md:px-6 md:py-3\r\n    },\r\n    [theme.breakpoints.down('sm')]: {\r\n      padding: theme.spacing(1.5, 2.5), // sm:px-5\r\n    },\r\n  },\r\n  '& .MuiInputBase-input::placeholder': {\r\n    color: `${theme.palette.dark.main}99`, // placeholder-[#4D3019]/60\r\n    opacity: 1,\r\n  },\r\n  '& .MuiInputBase-root:focus-within': {\r\n    outline: `2px solid ${theme.palette.light.main}`, // focus:ring-2 focus:ring-[#FDFCEE]\r\n    outlineOffset: 0,\r\n  },\r\n}));\r\n\r\nconst StyledSearchButton = styled(IconButton)(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  position: 'static',\r\n  borderRadius: '50%',\r\n  backgroundColor: theme.palette.primary.main,\r\n  width: theme.spacing(5),\r\n  height: theme.spacing(5),\r\n  [theme.breakpoints.down('md')]: {\r\n    width: theme.spacing(5),\r\n    height: theme.spacing(5),\r\n    marginRight: theme.spacing(1),\r\n  },\r\n  [theme.breakpoints.down('sm')]: {\r\n    marginRight: theme.spacing(0.5),\r\n  },\r\n  '&:hover': {\r\n    opacity: 0.9,\r\n    backgroundColor: theme.palette.primary.main,\r\n  },\r\n}));\r\n\r\nconst StyledSearchIcon = styled(Box)(({ theme }) => ({\r\n  display: 'flex', \r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  color: theme.palette.light.main,\r\n  width: '100%',\r\n  height: '100%',\r\n  '& svg': {\r\n    fontSize: '1.5rem',\r\n    [theme.breakpoints.down('sm')]: {\r\n      fontSize: '1.25rem',\r\n    },\r\n  },\r\n}));\r\n\r\nconst StyledUserContainer = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: theme.spacing(3), // md:gap-3\r\n  [theme.breakpoints.down('md')]: {\r\n    gap: 0,\r\n  },\r\n}));\r\n\r\nconst StyledAvatar = styled(Box)(({ theme }) => ({\r\n  width: theme.spacing(6), // md:w-12\r\n  height: theme.spacing(6), // md:h-12\r\n  borderRadius: '50%', // rounded-full\r\n  backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  flexShrink: 0,\r\n  [theme.breakpoints.down('md')]: {\r\n    width: theme.spacing(5), // sm:w-10\r\n    height: theme.spacing(5), // sm:h-10\r\n  }\r\n}));\r\n\r\nconst StyledAvatarText = styled(Typography)(({ theme }) => ({\r\n  color: theme.palette.dark.main, // text-[#4D3019]\r\n  fontWeight: 700, // font-bold\r\n  fontSize: '1.125rem', // text-lg\r\n  [theme.breakpoints.down('md')]: {\r\n    fontSize: '0.875rem', // text-sm\r\n  },\r\n}));\r\n\r\nconst StyledUserName = styled(Typography)(({ theme }) => ({\r\n  color: theme.palette.light.main, // text-[#FDFCEE]\r\n  fontWeight: 500, // font-medium\r\n  marginLeft: theme.spacing(1),\r\n  fontSize: '1.125rem', // text-lg\r\n  display: 'none', // hidden\r\n  [theme.breakpoints.up('sm')]: {\r\n    display: 'inline', // sm:inline\r\n  },\r\n  [theme.breakpoints.down('md')]: {\r\n    fontSize: '0.875rem', // text-sm\r\n    display: 'none'\r\n  },\r\n}));\r\n\r\nexport const Header: React.FC<HeaderProps> = ({\r\n  userName = 'John Doe',\r\n  userInitials = 'JD',\r\n  toggleMenu,\r\n  signOut,\r\n  search,\r\n  signUpStatus,\r\n}) => {\r\n  const theme = useTheme();\r\n  const [anchorEl, setAnchorEl] = React.useState<HTMLButtonElement | null>(null);\r\n\r\n  const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setAnchorEl(null);\r\n  };\r\n\r\n  return (\r\n    <StyledHeader>\r\n      {signUpStatus === 'Active' && (\r\n        <>\r\n          <IconButton\r\n            disableRipple\r\n            onClick={toggleMenu}\r\n            sx={{ display: { xs: 'block', md: 'none' } }}\r\n            size=\"large\"\r\n          >\r\n            <MenuRounded sx={{ fontSize: 32, color: 'white' }} />\r\n          </IconButton>\r\n\r\n          <Divider\r\n            orientation=\"vertical\"\r\n            sx={{\r\n              color: '#FFFFFF',\r\n              borderRightWidth: 2,\r\n              display: { xs: 'block', md: 'none' },\r\n            }}\r\n          />\r\n        </>\r\n      )}\r\n      <StyledLogoWrapper>\r\n        <StyledLogoIcon>\r\n          <StyledLogoSvg/>\r\n        </StyledLogoIcon>\r\n      </StyledLogoWrapper>\r\n\r\n      {/* Search input for md+ screens */}\r\n      {/* {signUpStatus === 'Active' &&\r\n        <StyledSearchContainer >\r\n          <StyledTextField\r\n            placeholder=\"Search for a policy\"\r\n            variant=\"outlined\"\r\n            fullWidth\r\n            sx={{ display: { xs: 'none', sm: 'none', md: 'block' } }}\r\n            InputProps={{\r\n              endAdornment: (\r\n                <StyledSearchButton>\r\n                  <StyledSearchIcon>\r\n                    <SearchRounded />\r\n                  </StyledSearchIcon>\r\n                </StyledSearchButton>\r\n              ),\r\n            }}\r\n          />\r\n        </StyledSearchContainer>\r\n      } */}\r\n\r\n      <StyledUserContainer>\r\n        {/* Search button only visible on XS screens */}\r\n        {/* {signUpStatus === 'Active' &&\r\n          <StyledSearchButton\r\n            disableRipple\r\n            onClick={search}\r\n            sx={{\r\n              display: { xs: 'flex', md: 'none' },\r\n              backgroundColor: '#ffffff83'\r\n            }}\r\n          >\r\n            <StyledSearchIcon>\r\n              <SearchRounded />\r\n            </StyledSearchIcon>\r\n          </StyledSearchButton>\r\n        } */}\r\n        <IconButton onClick={handleOpen} disableRipple>\r\n          <StyledAvatar>\r\n            <StyledAvatarText>{userInitials}</StyledAvatarText>\r\n          </StyledAvatar>\r\n          <StyledUserName>{userName}</StyledUserName>\r\n        </IconButton>\r\n      </StyledUserContainer>\r\n\r\n      <PopoverMenu\r\n        anchorEl={anchorEl}\r\n        onClose={handleClose}\r\n        signOut={()=>{signOut(); handleClose();}}\r\n      />\r\n    </StyledHeader>\r\n  );\r\n};"],"names":["Logo","React","_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/Header.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, styled, Typography, TextField, IconButton, Divider } from '@mui/material';\nimport { useTheme } from '../ThemeProvider';\nimport { MenuRounded, SchoolRounded, SearchRounded } from '@mui/icons-material';\nimport PopoverMenu from './PopoverMenu';\nimport { ReactComponent as Logo } from '../images/PrimaryLogo_Variation_Cream.svg';\n\ntype SignUpStatus = 'Withdrawn' | 'Onboarding' | 'Active' | 'In Review';\ninterface HeaderProps {\n  userName?: string;\n  userInitials?: string;\n  toggleMenu: () => void;\n  signOut: () => void;\n  search?: () => void;\n  signUpStatus: SignUpStatus;\n}\n\nconst StyledHeader = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  backgroundColor: theme.palette.primary.main, // var(--color-primary)\n  [theme.breakpoints.up('md')]: {\n    gap: theme.spacing(4), // md:gap-4\n    padding: theme.spacing(1.5, 1.5), // px-4 py-3\n  },\n  [theme.breakpoints.down('md')]: {\n    padding: 0, // px-4 py-3\n  },\n}));\n\nconst StyledLogoWrapper = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  padding: theme.spacing(1.5),\n  gap: theme.spacing(2),\n  height: '64px', \n}));\n\n\nconst StyledLogoIcon = styled(Box)(({ theme }) => ({\n  width: '100%',\n  height: '100%',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: theme.palette.light.main,\n}));\n\n\nconst StyledLogoText = styled(Typography)(({ theme }) => ({\n  color: theme.palette.light.main, // text-[#FDFCEE]\n  fontWeight: 700, // font-bold\n  letterSpacing: '0.05em', // tracking-wide\n  fontSize: '1.5rem', // text-2xl\n  [theme.breakpoints.down('md')]: {\n    fontSize: '1.25rem', // sm:text-xl\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: '1.125rem', // text-lg\n  },\n}));\n\nconst StyledLogoSvg = styled(Logo)`\n  width: 100%;\n  height: 100%;\n  display: block;\n`;\n\n\nconst StyledSearchContainer = styled(Box)(({ theme }) => ({\n  flex: 1,\n  maxWidth: '32rem', // max-w-2xl\n  margin: theme.spacing(0, 2), // mx-8\n  position: 'relative',\n}));\n\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n  '& .MuiInputBase-root': {\n    backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\n    color: theme.palette.dark.main, // text-[#4D3019]\n    borderRadius: '9999px', // rounded-full\n    fontSize: '1rem', // text-base\n    [theme.breakpoints.down('md')]: {\n      paddingRight: theme.spacing(5), // sm:pr-10\n      fontSize: '0.875rem', // text-sm\n    },\n  },\n  '& .MuiInputBase-input': {\n    padding: theme.spacing(1.5, 3), // px-4 py-2\n    [theme.breakpoints.up('md')]: {\n      padding: theme.spacing(1.5, 4), // md:px-6 md:py-3\n    },\n    [theme.breakpoints.down('sm')]: {\n      padding: theme.spacing(1.5, 2.5), // sm:px-5\n    },\n  },\n  '& .MuiInputBase-input::placeholder': {\n    color: `${theme.palette.dark.main}99`, // placeholder-[#4D3019]/60\n    opacity: 1,\n  },\n  '& .MuiInputBase-root:focus-within': {\n    outline: `2px solid ${theme.palette.light.main}`, // focus:ring-2 focus:ring-[#FDFCEE]\n    outlineOffset: 0,\n  },\n}));\n\nconst StyledSearchButton = styled(IconButton)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  position: 'static',\n  borderRadius: '50%',\n  backgroundColor: theme.palette.primary.main,\n  width: theme.spacing(5),\n  height: theme.spacing(5),\n  [theme.breakpoints.down('md')]: {\n    width: theme.spacing(5),\n    height: theme.spacing(5),\n    marginRight: theme.spacing(1),\n  },\n  [theme.breakpoints.down('sm')]: {\n    marginRight: theme.spacing(0.5),\n  },\n  '&:hover': {\n    opacity: 0.9,\n    backgroundColor: theme.palette.primary.main,\n  },\n}));\n\nconst StyledSearchIcon = styled(Box)(({ theme }) => ({\n  display: 'flex', \n  alignItems: 'center',\n  justifyContent: 'center',\n  color: theme.palette.light.main,\n  width: '100%',\n  height: '100%',\n  '& svg': {\n    fontSize: '1.5rem',\n    [theme.breakpoints.down('sm')]: {\n      fontSize: '1.25rem',\n    },\n  },\n}));\n\nconst StyledUserContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(3), // md:gap-3\n  [theme.breakpoints.down('md')]: {\n    gap: 0,\n  },\n}));\n\nconst StyledAvatar = styled(Box)(({ theme }) => ({\n  width: theme.spacing(6), // md:w-12\n  height: theme.spacing(6), // md:h-12\n  borderRadius: '50%', // rounded-full\n  backgroundColor: theme.palette.light.main, // bg-[#FDFCEE]\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n  [theme.breakpoints.down('md')]: {\n    width: theme.spacing(5), // sm:w-10\n    height: theme.spacing(5), // sm:h-10\n  }\n}));\n\nconst StyledAvatarText = styled(Typography)(({ theme }) => ({\n  color: theme.palette.dark.main, // text-[#4D3019]\n  fontWeight: 700, // font-bold\n  fontSize: '1.125rem', // text-lg\n  [theme.breakpoints.down('md')]: {\n    fontSize: '0.875rem', // text-sm\n  },\n}));\n\nconst StyledUserName = styled(Typography)(({ theme }) => ({\n  color: theme.palette.light.main, // text-[#FDFCEE]\n  fontWeight: 500, // font-medium\n  marginLeft: theme.spacing(1),\n  fontSize: '1.125rem', // text-lg\n  display: 'none', // hidden\n  [theme.breakpoints.up('sm')]: {\n    display: 'inline', // sm:inline\n  },\n  [theme.breakpoints.down('md')]: {\n    fontSize: '0.875rem', // text-sm\n    display: 'none'\n  },\n}));\n\nexport const Header: React.FC<HeaderProps> = ({\n  userName = 'John Doe',\n  userInitials = 'JD',\n  toggleMenu,\n  signOut,\n  search,\n  signUpStatus,\n}) => {\n  const theme = useTheme();\n  const [anchorEl, setAnchorEl] = React.useState<HTMLButtonElement | null>(null);\n\n  const handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  return (\n    <StyledHeader>\n      {signUpStatus === 'Active' && (\n        <>\n          <IconButton\n            disableRipple\n            onClick={toggleMenu}\n            sx={{ display: { xs: 'block', md: 'none' } }}\n            size=\"large\"\n          >\n            <MenuRounded sx={{ fontSize: 32, color: 'white' }} />\n          </IconButton>\n\n          <Divider\n            orientation=\"vertical\"\n            sx={{\n              color: '#FFFFFF',\n              borderRightWidth: 2,\n              display: { xs: 'block', md: 'none' },\n            }}\n          />\n        </>\n      )}\n      <StyledLogoWrapper>\n        <StyledLogoIcon>\n          <StyledLogoSvg/>\n        </StyledLogoIcon>\n      </StyledLogoWrapper>\n\n      {/* Search input for md+ screens */}\n      {/* {signUpStatus === 'Active' &&\n        <StyledSearchContainer >\n          <StyledTextField\n            placeholder=\"Search for a policy\"\n            variant=\"outlined\"\n            fullWidth\n            sx={{ display: { xs: 'none', sm: 'none', md: 'block' } }}\n            InputProps={{\n              endAdornment: (\n                <StyledSearchButton>\n                  <StyledSearchIcon>\n                    <SearchRounded />\n                  </StyledSearchIcon>\n                </StyledSearchButton>\n              ),\n            }}\n          />\n        </StyledSearchContainer>\n      } */}\n\n      <StyledUserContainer>\n        {/* Search button only visible on XS screens */}\n        {/* {signUpStatus === 'Active' &&\n          <StyledSearchButton\n            disableRipple\n            onClick={search}\n            sx={{\n              display: { xs: 'flex', md: 'none' },\n              backgroundColor: '#ffffff83'\n            }}\n          >\n            <StyledSearchIcon>\n              <SearchRounded />\n            </StyledSearchIcon>\n          </StyledSearchButton>\n        } */}\n        <IconButton onClick={handleOpen} disableRipple>\n          <StyledAvatar>\n            <StyledAvatarText>{userInitials}</StyledAvatarText>\n          </StyledAvatar>\n          <StyledUserName>{userName}</StyledUserName>\n        </IconButton>\n      </StyledUserContainer>\n\n      <PopoverMenu\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        signOut={()=>{signOut(); handleClose();}}\n      />\n    </StyledHeader>\n  );\n};"],"names":["Logo","React","_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/esm/components/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/Input.tsx"],"sourcesContent":["import React from 'react';\r\nimport { styled, TextField, TextFieldProps, InputLabel } from '@mui/material';\r\n\r\ninterface InputProps extends Omit<TextFieldProps, 'variant' | 'error'> {\r\n  error?: string;\r\n}\r\n\r\nconst InputWrapper = styled('div')(({ theme }) => ({\r\n  width: '100%',\r\n}));\r\n\r\nexport const StyledLabel = styled(InputLabel)(({ theme }) => ({\r\n  fontSize: '0.875rem',\r\n  fontWeight: 500,\r\n  color: theme.palette.dark.main,\r\n  marginBottom: theme.spacing(0.75),\r\n  display: 'block',\r\n  position: 'static',\r\n  transform: 'none',\r\n  '&.Mui-focused': {\r\n    color: theme.palette.dark.main,\r\n  },\r\n}));\r\n\r\nconst StyledTextField = styled(TextField, {\r\n  shouldForwardProp: (prop) => !['errorMessage'].includes(prop as string),\r\n})<{ errorMessage?: string }>(({ theme, errorMessage }) => ({\r\n  width: '100%',\r\n  '& .MuiInputBase-root': {\r\n    backgroundColor: theme.palette.light.main,\r\n    borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n  ? parseInt(theme.shape.borderRadius, 10)\r\n  : theme.shape.borderRadius || 4) * 2,\r\n    fontSize: '1rem',\r\n    color: theme.palette.dark.main,\r\n    minWidth: 0,\r\n    height: 48,\r\n    padding: 0, // Remove padding from root\r\n    '& .MuiOutlinedInput-notchedOutline': {\r\n      borderColor: errorMessage ? theme.palette.error.main : `${theme.palette.dark.main}33`,\r\n      borderWidth: 2,\r\n    },\r\n    '&:hover .MuiOutlinedInput-notchedOutline': {\r\n      borderColor: errorMessage ? theme.palette.error.main : theme.palette.primary.main,\r\n      borderWidth: 2,\r\n    },\r\n    '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\r\n      borderWidth: 2,\r\n      borderColor: errorMessage ? theme.palette.error.main : theme.palette.primary.main,\r\n    },\r\n    '&.Mui-disabled': {\r\n      backgroundColor: `${theme.palette.dark.main}0D`,\r\n      '& .MuiInputBase-input': {\r\n        color: `${theme.palette.dark.main}80`,\r\n        cursor: 'not-allowed',\r\n      },\r\n      '& .MuiOutlinedInput-notchedOutline': {\r\n        borderColor: `${theme.palette.dark.main}33`,\r\n      },\r\n    },\r\n  },\r\n  // Target the actual input element for padding\r\n  '& .MuiInputBase-input': {\r\n    padding: theme.spacing(1, 3),\r\n    [theme.breakpoints.up('sm')]: {\r\n      padding: theme.spacing(1.25, 4),\r\n    },\r\n  },\r\n  '& .MuiFormHelperText-root': {\r\n    marginTop: theme.spacing(0.75),\r\n    fontSize: '0.875rem',\r\n    color: errorMessage ? theme.palette.error.main : `${theme.palette.dark.main}99`,\r\n  },\r\n}));\r\n\r\nexport const Input: React.FC<InputProps> = ({\r\n  error,\r\n  fullWidth = false,\r\n  id,\r\n  label,\r\n  ...props\r\n}) => {\r\n  const inputId = id || `input-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n  return (\r\n    <InputWrapper sx={{ ...(!fullWidth && { width: 'auto' }) }}>\r\n      {label && (\r\n        <StyledLabel htmlFor={inputId}>\r\n          {label}\r\n        </StyledLabel>\r\n      )}\r\n      <StyledTextField\r\n        id={inputId}\r\n        error={!!error}\r\n        helperText={error || props.helperText}\r\n        errorMessage={error}\r\n        fullWidth={fullWidth}\r\n        variant=\"outlined\"\r\n        {...props}\r\n      />\r\n    </InputWrapper>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/Input.tsx"],"sourcesContent":["import React from 'react';\nimport { styled, TextField, TextFieldProps, InputLabel } from '@mui/material';\n\ninterface InputProps extends Omit<TextFieldProps, 'variant' | 'error'> {\n  error?: string;\n}\n\nconst InputWrapper = styled('div')(({ theme }) => ({\n  width: '100%',\n}));\n\nexport const StyledLabel = styled(InputLabel)(({ theme }) => ({\n  fontSize: '0.875rem',\n  fontWeight: 500,\n  color: theme.palette.dark.main,\n  marginBottom: theme.spacing(0.75),\n  display: 'block',\n  position: 'static',\n  transform: 'none',\n  '&.Mui-focused': {\n    color: theme.palette.dark.main,\n  },\n}));\n\nconst StyledTextField = styled(TextField, {\n  shouldForwardProp: (prop) => !['errorMessage'].includes(prop as string),\n})<{ errorMessage?: string }>(({ theme, errorMessage }) => ({\n  width: '100%',\n  '& .MuiInputBase-root': {\n    backgroundColor: theme.palette.light.main,\n    borderRadius: (typeof theme.shape.borderRadius === 'string'\n  ? parseInt(theme.shape.borderRadius, 10)\n  : theme.shape.borderRadius || 4) * 2,\n    fontSize: '1rem',\n    color: theme.palette.dark.main,\n    minWidth: 0,\n    height: 48,\n    padding: 0, // Remove padding from root\n    '& .MuiOutlinedInput-notchedOutline': {\n      borderColor: errorMessage ? theme.palette.error.main : `${theme.palette.dark.main}33`,\n      borderWidth: 2,\n    },\n    '&:hover .MuiOutlinedInput-notchedOutline': {\n      borderColor: errorMessage ? theme.palette.error.main : theme.palette.primary.main,\n      borderWidth: 2,\n    },\n    '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n      borderWidth: 2,\n      borderColor: errorMessage ? theme.palette.error.main : theme.palette.primary.main,\n    },\n    '&.Mui-disabled': {\n      backgroundColor: `${theme.palette.dark.main}0D`,\n      '& .MuiInputBase-input': {\n        color: `${theme.palette.dark.main}80`,\n        cursor: 'not-allowed',\n      },\n      '& .MuiOutlinedInput-notchedOutline': {\n        borderColor: `${theme.palette.dark.main}33`,\n      },\n    },\n  },\n  // Target the actual input element for padding\n  '& .MuiInputBase-input': {\n    padding: theme.spacing(1, 3),\n    [theme.breakpoints.up('sm')]: {\n      padding: theme.spacing(1.25, 4),\n    },\n  },\n  '& .MuiFormHelperText-root': {\n    marginTop: theme.spacing(0.75),\n    fontSize: '0.875rem',\n    color: errorMessage ? theme.palette.error.main : `${theme.palette.dark.main}99`,\n  },\n}));\n\nexport const Input: React.FC<InputProps> = ({\n  error,\n  fullWidth = false,\n  id,\n  label,\n  ...props\n}) => {\n  const inputId = id || `input-${Math.random().toString(36).substr(2, 9)}`;\n\n  return (\n    <InputWrapper sx={{ ...(!fullWidth && { width: 'auto' }) }}>\n      {label && (\n        <StyledLabel htmlFor={inputId}>\n          {label}\n        </StyledLabel>\n      )}\n      <StyledTextField\n        id={inputId}\n        error={!!error}\n        helperText={error || props.helperText}\n        errorMessage={error}\n        fullWidth={fullWidth}\n        variant=\"outlined\"\n        {...props}\n      />\n    </InputWrapper>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAOA,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACjD,IAAA,KAAK,EAAE,MAAM;AACd,CAAA,CAAC,CAAC;AAEI,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC5D,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AACjC,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC/B,KAAA;AACF,CAAA,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE;AACxC,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACxE,CAAC,CAA4B,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM;AAC1D,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,sBAAsB,EAAE;AACtB,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;QACzC,YAAY,EAAE,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;cACnD,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;cACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;AAClC,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,CAAC;AACV,QAAA,oCAAoC,EAAE;YACpC,WAAW,EAAE,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACrF,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,0CAA0C,EAAE;YAC1C,WAAW,EAAE,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AACjF,YAAA,WAAW,EAAE,CAAC;AACf,SAAA;AACD,QAAA,gDAAgD,EAAE;AAChD,YAAA,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClF,SAAA;AACD,QAAA,gBAAgB,EAAE;YAChB,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAC/C,YAAA,uBAAuB,EAAE;gBACvB,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACrC,gBAAA,MAAM,EAAE,aAAa;AACtB,aAAA;AACD,YAAA,oCAAoC,EAAE;gBACpC,WAAW,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAC5C,aAAA;AACF,SAAA;AACF,KAAA;;AAED,IAAA,uBAAuB,EAAE;QACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;QAC5B,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;YAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;AAChC,SAAA;AACF,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAC9B,QAAA,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChF,KAAA;AACF,CAAA,CAAC,CAAC;MAEU,KAAK,GAAyB,CAAC,EAC1C,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,EAAE,EACF,KAAK,EACL,GAAG,KAAK,EACT,KAAI;IACH,MAAM,OAAO,GAAG,EAAE,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;AAExE,IAAA,QACEA,IAAA,CAAC,YAAY,EAAA,EAAC,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACvD,KAAK,KACJC,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,QAAA,EAC1B,KAAK,EAAA,CACM,CACf,EACDA,GAAA,CAAC,eAAe,EAAA,EACd,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,UAAU,EAAE,KAAK,IAAI,KAAK,CAAC,UAAU,EACrC,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,UAAU,EAAA,GACd,KAAK,EAAA,CACT,CAAA,EAAA,CACW;AAEnB;;;;"}

package/dist/esm/components/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  IconButton,\r\n  Box,\r\n  Typography,\r\n  TextField,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Alert as MuiAlert,\r\n  Chip,\r\n  styled,\r\n  CircularProgress,\r\n  useTheme,\r\n} from '@mui/material';\r\nimport { Button } from './Button';\r\nimport { ArrowBackIosRounded, ArrowForwardIosRounded, ArticleRounded, CloseRounded, ErrorOutlineRounded, InfoOutlineRounded, StickyNote2Rounded } from '@mui/icons-material';\r\nimport { Alert } from './Alert';\r\nimport { toast } from 'react-toastify';\r\nimport parse from 'html-react-parser';\r\nimport { VariableState, RequirementType } from '../types/variable';\r\nimport { mapRequirementTypeToState, mapStatusToVariableState } from '../helpers/variableProcessing';\r\n\r\ninterface ModalProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  status: string;\r\n  requirementType: string,\r\n  description: string;\r\n  value: string;\r\n  defaultValue: string;\r\n  note?: string;\r\n  onSave?: (fieldValue: string, defaultChecked: boolean) => void;\r\n  onSubmit?: (fieldValue: string, defaultChecked: boolean) => void;\r\n  successMessage?: string;\r\n  errorMessage?: string;\r\n  onDeclineWording?: () => void;\r\n  onPrevious?: () => void;\r\n  onNext?: () => void;\r\n  currentPage?: number;\r\n  totalPages?: number;\r\n  isLoading: boolean;\r\n}\r\n\r\n\r\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\r\n  '& .MuiDialog-paper': {\r\n    color: theme.palette.background.default,\r\n    borderRadius: theme.shape.borderRadius,\r\n    maxWidth: '896px',\r\n    width: '100%',\r\n    maxHeight: '90vh',\r\n  },\r\n}));\r\n\r\n\r\nconst NavButton = styled(IconButton)(({ theme }) => ({\r\n  width: '40px',\r\n  height: '40px',\r\n  borderRadius: 999,\r\n  border: `2px solid ${theme.palette.dark.main}`,\r\n  backgroundColor: '#fff',\r\n  padding: theme.spacing(1, 2),\r\n  '&:hover': {\r\n    backgroundColor: theme.palette.grey[100], // Changed from dark.main to grey[100]\r\n    color: theme.palette.dark.main, // Keep text dark instead of light\r\n    borderColor: theme.palette.dark.main, // Keep border dark\r\n  },\r\n}));\r\n\r\n\r\nexport const Modal: React.FC<ModalProps> = ({\r\n  isOpen,\r\n  onClose,\r\n  status,\r\n  requirementType,\r\n  description,\r\n  value,\r\n  defaultValue,\r\n  note,\r\n  onSave,\r\n  onSubmit,\r\n  successMessage,\r\n  errorMessage,\r\n  onDeclineWording,\r\n  onPrevious,\r\n  onNext,\r\n  currentPage = 1,\r\n  totalPages = 1,\r\n  isLoading\r\n}) => {\r\n  const variableState = mapStatusToVariableState(status);\r\n  const variableReqType = mapRequirementTypeToState(requirementType)\r\n\r\n  const [textValue, setTextValue] = useState(value);\r\n  const [prevTextValue, setPrevTextValue] = useState(value);\r\n\r\n  const [useDefaultValue, setUseDefaultValue] = useState(true);\r\n  const [isSaving, setIsSaving] = useState(false);\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n\r\n  const theme = useTheme()\r\n\r\n  const toDisplay = (str: string) => str?.replace(/\\\\n/g, '\\n') ?? '';\r\n  const toStorage = (str: string) => str?.replace(/\\r?\\n/g, '\\\\n') ?? '';\r\n\r\n  useEffect(() => {\r\n    const displayValue = toDisplay(value);\r\n    const displayDefault = toDisplay(defaultValue);\r\n\r\n    setUseDefaultValue(displayValue === displayDefault);\r\n    setTextValue(displayValue);\r\n    setPrevTextValue(displayValue);\r\n  }, [isOpen, value, defaultValue]);\r\n\r\n\r\n  useEffect(() => {\r\n    if (!isOpen) {\r\n      setIsSaving(false);\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (successMessage && successMessage !== '') {\r\n      toast.success(successMessage);\r\n    }\r\n  }, [successMessage]);\r\n  \r\n  useEffect(() => {\r\n    if (errorMessage && errorMessage !== '') {\r\n      toast.error(errorMessage);\r\n    }\r\n  }, [errorMessage]);\r\n  \r\n  useEffect(() => {\r\n    if (!isLoading) {\r\n      setIsSaving(false);\r\n      setIsSubmitting(false);\r\n    }\r\n  }, [isLoading]);\r\n\r\n  useEffect(() => {\r\n    if (useDefaultValue){\r\n      setPrevTextValue(textValue);\r\n      setTextValue(defaultValue);\r\n    } else {\r\n      setTextValue(prevTextValue);\r\n    }\r\n  }, [useDefaultValue, defaultValue]);\r\n\r\n\r\n\r\n  const handleUseDefaultValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setUseDefaultValue(event.target.checked);\r\n  };\r\n\r\n\r\n  const canSubmitSave = isLoading || variableState === VariableState.Pending\r\n\r\n  const statusConfig = {\r\n    [VariableState.Pending]: { color: '#EBC7FF', label: 'Pending' },\r\n    [VariableState.Draft]: { color: '#4D3019', label: 'Draft' },\r\n    [VariableState.Declined]: { color: '#4D3019', label: 'Declined' },\r\n    [VariableState.ActionRequired]: { color: '#FFBCB3', label: 'Action Required' },\r\n    [VariableState.Accepted]: { color: '#DBF59A', label: 'Accepted' },\r\n    [VariableState.NotStarted]: { color: '#000000ff', label: 'Not Started' },\r\n  };\r\n\r\n  const reqTypeConfig = {\r\n    [RequirementType.Default]: { color: '#F5A623', label: 'Mandatory' },\r\n    [RequirementType.Optional]: { color: '#F5D76E', label: 'Optional' },\r\n  };\r\n\r\n  const statusStyle = variableState ? statusConfig[variableState] : { color: '#ccc', label: 'Unknown' };;\r\n  const requirementTypeStyle = variableReqType ? reqTypeConfig[variableReqType] : { color: '#ccc', label: 'Unknown' };;\r\n\r\n\r\n  const handleSave = () => {\r\n    setIsSaving(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSave?.(payloadValue, useDefaultValue);\r\n  };\r\n\r\n\r\n  const handleSubmit = () => {\r\n    setIsSubmitting(true);\r\n    const payloadValue = toStorage(textValue);\r\n    onSubmit?.(payloadValue, useDefaultValue);\r\n  };\r\n\r\n\r\n  return (\r\n    <StyledDialog open={isOpen} onClose={onClose} maxWidth=\"md\" fullWidth>\r\n      <IconButton\r\n        onClick={onClose}\r\n        disabled={isLoading}\r\n        sx={{\r\n          position: 'absolute',\r\n          top: 16,\r\n          right: 16,\r\n          zIndex: 1,\r\n        }}\r\n      >\r\n        <CloseRounded sx={{ fontSize: 24 }} />\r\n      </IconButton>\r\n\r\n\r\n      <DialogContent sx={{ p: { xs: 3, sm: 4, md: 6 } }}>\r\n        {/* Status Chip */}\r\n        <Box sx={{ mb: 3}}>\r\n          <Chip\r\n            label={requirementTypeStyle.label.toUpperCase()}\r\n            sx={{\r\n              mr: 3,\r\n              border: '3px solid',\r\n              backgroundColor: requirementTypeStyle.color,\r\n              borderColor: requirementTypeStyle.color,\r\n              color: '#4D3019',\r\n              fontWeight: 600,\r\n              fontSize: '0.875rem',\r\n              height: 'auto',\r\n              py: 1,\r\n              borderRadius: 0,\r\n              px: 2,\r\n            }}\r\n          />\r\n          {variableState !== VariableState.NotStarted &&\r\n            <Chip\r\n              label={statusStyle.label.toUpperCase()}\r\n              sx={{\r\n                mr: 3,\r\n                border: '3px solid',\r\n                backgroundColor: '#FDFCEE',\r\n                borderColor: statusStyle.color,\r\n                color: '#4D3019',\r\n                fontWeight: 600,\r\n                fontSize: '0.875rem',\r\n                height: 'auto',\r\n                py: 1,\r\n                borderRadius: 0,\r\n                px: 2,\r\n              }}\r\n            />\r\n          }\r\n        </Box>\r\n\r\n\r\n        {/* Description */}\r\n        <Typography sx={{ mb: 3, lineHeight: 1.6, whiteSpace: 'pre-line' }}>\r\n          {parse(description)}\r\n        </Typography>\r\n\r\n\r\n        {/* Error Alert with Custom Icon */}\r\n        {variableState === VariableState.ActionRequired && note && (\r\n          <Alert\r\n            variant=\"error\"\r\n            icon={<InfoOutlineRounded sx={{ fontSize: 20 }} />}\r\n            sx={{\r\n              mb: 2\r\n            }}\r\n          >\r\n            {note}\r\n          </Alert>\r\n        )}\r\n\r\n        {/* Info Alert with Custom Background and Icon */}\r\n        {variableState !== VariableState.ActionRequired && note && (\r\n          <Alert\r\n            variant=\"info\"\r\n            icon={<ArticleRounded sx={{ fontSize: 20, color: '#4D3019'}} />}\r\n            sx={{\r\n              mb: 2,\r\n              backgroundColor: '#00000000',\r\n              borderColor: '#acacacff',\r\n              color: '#4D3019',\r\n            }}\r\n          >\r\n            {note}\r\n          </Alert>\r\n        )}\r\n\r\n\r\n        {/* Text Field */}\r\n        <TextField\r\n          multiline\r\n          rows={6}\r\n          fullWidth\r\n          value={textValue}\r\n          onChange={(e) => setTextValue(e.target.value)}\r\n          disabled={\r\n            useDefaultValue || \r\n            canSubmitSave || \r\n            variableState === VariableState.Declined\r\n          }\r\n          sx={{\r\n            mb: 2,\r\n            '& .MuiOutlinedInput-root': {\r\n              backgroundColor: useDefaultValue || canSubmitSave ? 'rgba(0, 0, 0, 0.05)' : '#fff',\r\n              borderRadius: 2,\r\n            },\r\n          }}\r\n        />\r\n\r\n\r\n        {/* Checkbox */}\r\n        <FormControlLabel\r\n          control={\r\n            <Checkbox\r\n              checked={useDefaultValue}\r\n              disabled={canSubmitSave || variableState === VariableState.Declined}\r\n              onChange={handleUseDefaultValueChange}\r\n              sx={{\r\n                color: '#AC46FF',\r\n                '&.Mui-checked': {\r\n                  color: '#AC46FF',\r\n                },\r\n              }}\r\n            />\r\n          }\r\n          label=\"Use Default Wording\"\r\n          sx={{ mb: 3 }}\r\n        />\r\n\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n              flexDirection: { xs: 'column', sm: 'row' },\r\n              alignItems: { xs: 'stretch', sm: 'center' },\r\n              justifyContent: 'space-between',\r\n              gap: 2,\r\n              pt: 3,\r\n              borderTop: '1px solid',\r\n              borderColor: 'divider',\r\n            }}\r\n          >\r\n            {variableState !== VariableState.Declined ? (\r\n              <Box sx={{ display: 'flex', gap: 1.5, flexWrap: 'wrap' }}>\r\n                {useDefaultValue === false? \r\n                  (\r\n                      <Button\r\n                        onClick={handleSave}\r\n                        variant=\"outline\"\r\n                        size=\"md\"\r\n                        disabled={canSubmitSave}\r\n                      >\r\n                        {isSaving ? <><CircularProgress size={20} /><Typography sx={{paddingLeft: 2}}>Saving...</Typography></> : \"Save\"}\r\n                      </Button>\r\n                  ) : (<></>)\r\n                }\r\n                <Button\r\n                  onClick={handleSubmit}\r\n                  variant=\"outline\"\r\n                  size=\"md\"\r\n                  disabled={canSubmitSave}\r\n                  sx={{\r\n                    backgroundColor: '#ac46ff52',\r\n                    '&:hover': {\r\n                      backgroundColor: '#ac46ff80',\r\n                    },\r\n                  }}\r\n                >\r\n                  {isSubmitting ? <><CircularProgress size={20} /><Typography sx={{paddingLeft: 2}}>Submitting...</Typography></> : \"Submit for review\"}\r\n                </Button>\r\n                {variableReqType === RequirementType.Optional &&\r\n                  (\r\n                    <Button onClick={onDeclineWording} variant=\"outline\" size=\"md\" sx={{\r\n                        backgroundColor: '#ff464652',\r\n                        '&:hover': {\r\n                          backgroundColor: '#ff464680', // Darker purple on hover\r\n                        }\r\n                      }}\r\n                      disabled={canSubmitSave}\r\n                      >\r\n                      Decline wording\r\n                    </Button>\r\n                  )}\r\n              </Box>\r\n            ) : (<Box sx={{ display: 'flex', gap: 1.5, flexWrap: 'wrap' }}></Box>)}\r\n          \r\n\r\n          {/* Navigation */}\r\n          <Box\r\n            sx={{\r\n              display: 'flex',\r\n              alignItems: 'center',\r\n              gap: 1.5,\r\n              justifyContent: { xs: 'space-between', sm: 'flex-end' },\r\n            }}\r\n          >\r\n            {currentPage !== 1 && <NavButton onClick={onPrevious} aria-label=\"Previous\" disabled={isLoading}>\r\n              <ArrowBackIosRounded sx={{ fontSize: 20, color: theme.palette.text.primary }}/>\r\n            </NavButton>}\r\n            {currentPage !== totalPages && <NavButton onClick={onNext} aria-label=\"Next\" disabled={isLoading}>\r\n              <ArrowForwardIosRounded sx={{ fontSize: 20, color: theme.palette.text.primary }}/>\r\n            </NavButton>}\r\n            <Typography fontWeight={500} fontSize=\"1.125rem\">\r\n              {currentPage}/{totalPages}\r\n            </Typography>\r\n          </Box>\r\n        </Box>\r\n      </DialogContent>\r\n    </StyledDialog>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  IconButton,\n  Box,\n  Typography,\n  TextField,\n  Checkbox,\n  FormControlLabel,\n  Alert as MuiAlert,\n  Chip,\n  styled,\n  CircularProgress,\n  useTheme,\n} from '@mui/material';\nimport { Button } from './Button';\nimport { ArrowBackIosRounded, ArrowForwardIosRounded, ArticleRounded, CloseRounded, ErrorOutlineRounded, InfoOutlineRounded, StickyNote2Rounded } from '@mui/icons-material';\nimport { Alert } from './Alert';\nimport { toast } from 'react-toastify';\nimport parse from 'html-react-parser';\nimport { VariableState, RequirementType } from '../types/variable';\nimport { mapRequirementTypeToState, mapStatusToVariableState } from '../helpers/variableProcessing';\n\ninterface ModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  status: string;\n  requirementType: string,\n  description: string;\n  value: string;\n  defaultValue: string;\n  note?: string;\n  onSave?: (fieldValue: string, defaultChecked: boolean) => void;\n  onSubmit?: (fieldValue: string, defaultChecked: boolean) => void;\n  successMessage?: string;\n  errorMessage?: string;\n  onDeclineWording?: () => void;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  currentPage?: number;\n  totalPages?: number;\n  isLoading: boolean;\n}\n\n\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\n  '& .MuiDialog-paper': {\n    color: theme.palette.background.default,\n    borderRadius: theme.shape.borderRadius,\n    maxWidth: '896px',\n    width: '100%',\n    maxHeight: '90vh',\n  },\n}));\n\n\nconst NavButton = styled(IconButton)(({ theme }) => ({\n  width: '40px',\n  height: '40px',\n  borderRadius: 999,\n  border: `2px solid ${theme.palette.dark.main}`,\n  backgroundColor: '#fff',\n  padding: theme.spacing(1, 2),\n  '&:hover': {\n    backgroundColor: theme.palette.grey[100], // Changed from dark.main to grey[100]\n    color: theme.palette.dark.main, // Keep text dark instead of light\n    borderColor: theme.palette.dark.main, // Keep border dark\n  },\n}));\n\n\nexport const Modal: React.FC<ModalProps> = ({\n  isOpen,\n  onClose,\n  status,\n  requirementType,\n  description,\n  value,\n  defaultValue,\n  note,\n  onSave,\n  onSubmit,\n  successMessage,\n  errorMessage,\n  onDeclineWording,\n  onPrevious,\n  onNext,\n  currentPage = 1,\n  totalPages = 1,\n  isLoading\n}) => {\n  const variableState = mapStatusToVariableState(status);\n  const variableReqType = mapRequirementTypeToState(requirementType)\n\n  const [textValue, setTextValue] = useState(value);\n  const [prevTextValue, setPrevTextValue] = useState(value);\n\n  const [useDefaultValue, setUseDefaultValue] = useState(true);\n  const [isSaving, setIsSaving] = useState(false);\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const theme = useTheme()\n\n  const toDisplay = (str: string) => str?.replace(/\\\\n/g, '\\n') ?? '';\n  const toStorage = (str: string) => str?.replace(/\\r?\\n/g, '\\\\n') ?? '';\n\n  useEffect(() => {\n    const displayValue = toDisplay(value);\n    const displayDefault = toDisplay(defaultValue);\n\n    setUseDefaultValue(displayValue === displayDefault);\n    setTextValue(displayValue);\n    setPrevTextValue(displayValue);\n  }, [isOpen, value, defaultValue]);\n\n\n  useEffect(() => {\n    if (!isOpen) {\n      setIsSaving(false);\n      setIsSubmitting(false);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (successMessage && successMessage !== '') {\n      toast.success(successMessage);\n    }\n  }, [successMessage]);\n  \n  useEffect(() => {\n    if (errorMessage && errorMessage !== '') {\n      toast.error(errorMessage);\n    }\n  }, [errorMessage]);\n  \n  useEffect(() => {\n    if (!isLoading) {\n      setIsSaving(false);\n      setIsSubmitting(false);\n    }\n  }, [isLoading]);\n\n  useEffect(() => {\n    if (useDefaultValue){\n      setPrevTextValue(textValue);\n      setTextValue(defaultValue);\n    } else {\n      setTextValue(prevTextValue);\n    }\n  }, [useDefaultValue, defaultValue]);\n\n\n\n  const handleUseDefaultValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setUseDefaultValue(event.target.checked);\n  };\n\n\n  const canSubmitSave = isLoading || variableState === VariableState.Pending\n\n  const statusConfig = {\n    [VariableState.Pending]: { color: '#EBC7FF', label: 'Pending' },\n    [VariableState.Draft]: { color: '#4D3019', label: 'Draft' },\n    [VariableState.Declined]: { color: '#4D3019', label: 'Declined' },\n    [VariableState.ActionRequired]: { color: '#FFBCB3', label: 'Action Required' },\n    [VariableState.Accepted]: { color: '#DBF59A', label: 'Accepted' },\n    [VariableState.NotStarted]: { color: '#000000ff', label: 'Not Started' },\n  };\n\n  const reqTypeConfig = {\n    [RequirementType.Default]: { color: '#F5A623', label: 'Mandatory' },\n    [RequirementType.Optional]: { color: '#F5D76E', label: 'Optional' },\n  };\n\n  const statusStyle = variableState ? statusConfig[variableState] : { color: '#ccc', label: 'Unknown' };;\n  const requirementTypeStyle = variableReqType ? reqTypeConfig[variableReqType] : { color: '#ccc', label: 'Unknown' };;\n\n\n  const handleSave = () => {\n    setIsSaving(true);\n    const payloadValue = toStorage(textValue);\n    onSave?.(payloadValue, useDefaultValue);\n  };\n\n\n  const handleSubmit = () => {\n    setIsSubmitting(true);\n    const payloadValue = toStorage(textValue);\n    onSubmit?.(payloadValue, useDefaultValue);\n  };\n\n\n  return (\n    <StyledDialog open={isOpen} onClose={onClose} maxWidth=\"md\" fullWidth>\n      <IconButton\n        onClick={onClose}\n        disabled={isLoading}\n        sx={{\n          position: 'absolute',\n          top: 16,\n          right: 16,\n          zIndex: 1,\n        }}\n      >\n        <CloseRounded sx={{ fontSize: 24 }} />\n      </IconButton>\n\n\n      <DialogContent sx={{ p: { xs: 3, sm: 4, md: 6 } }}>\n        {/* Status Chip */}\n        <Box sx={{ mb: 3}}>\n          <Chip\n            label={requirementTypeStyle.label.toUpperCase()}\n            sx={{\n              mr: 3,\n              border: '3px solid',\n              backgroundColor: requirementTypeStyle.color,\n              borderColor: requirementTypeStyle.color,\n              color: '#4D3019',\n              fontWeight: 600,\n              fontSize: '0.875rem',\n              height: 'auto',\n              py: 1,\n              borderRadius: 0,\n              px: 2,\n            }}\n          />\n          {variableState !== VariableState.NotStarted &&\n            <Chip\n              label={statusStyle.label.toUpperCase()}\n              sx={{\n                mr: 3,\n                border: '3px solid',\n                backgroundColor: '#FDFCEE',\n                borderColor: statusStyle.color,\n                color: '#4D3019',\n                fontWeight: 600,\n                fontSize: '0.875rem',\n                height: 'auto',\n                py: 1,\n                borderRadius: 0,\n                px: 2,\n              }}\n            />\n          }\n        </Box>\n\n\n        {/* Description */}\n        <Typography sx={{ mb: 3, lineHeight: 1.6, whiteSpace: 'pre-line' }}>\n          {parse(description)}\n        </Typography>\n\n\n        {/* Error Alert with Custom Icon */}\n        {variableState === VariableState.ActionRequired && note && (\n          <Alert\n            variant=\"error\"\n            icon={<InfoOutlineRounded sx={{ fontSize: 20 }} />}\n            sx={{\n              mb: 2\n            }}\n          >\n            {note}\n          </Alert>\n        )}\n\n        {/* Info Alert with Custom Background and Icon */}\n        {variableState !== VariableState.ActionRequired && note && (\n          <Alert\n            variant=\"info\"\n            icon={<ArticleRounded sx={{ fontSize: 20, color: '#4D3019'}} />}\n            sx={{\n              mb: 2,\n              backgroundColor: '#00000000',\n              borderColor: '#acacacff',\n              color: '#4D3019',\n            }}\n          >\n            {note}\n          </Alert>\n        )}\n\n\n        {/* Text Field */}\n        <TextField\n          multiline\n          rows={6}\n          fullWidth\n          value={textValue}\n          onChange={(e) => setTextValue(e.target.value)}\n          disabled={\n            useDefaultValue || \n            canSubmitSave || \n            variableState === VariableState.Declined\n          }\n          sx={{\n            mb: 2,\n            '& .MuiOutlinedInput-root': {\n              backgroundColor: useDefaultValue || canSubmitSave ? 'rgba(0, 0, 0, 0.05)' : '#fff',\n              borderRadius: 2,\n            },\n          }}\n        />\n\n\n        {/* Checkbox */}\n        <FormControlLabel\n          control={\n            <Checkbox\n              checked={useDefaultValue}\n              disabled={canSubmitSave || variableState === VariableState.Declined}\n              onChange={handleUseDefaultValueChange}\n              sx={{\n                color: '#AC46FF',\n                '&.Mui-checked': {\n                  color: '#AC46FF',\n                },\n              }}\n            />\n          }\n          label=\"Use Default Wording\"\n          sx={{ mb: 3 }}\n        />\n\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: { xs: 'column', sm: 'row' },\n              alignItems: { xs: 'stretch', sm: 'center' },\n              justifyContent: 'space-between',\n              gap: 2,\n              pt: 3,\n              borderTop: '1px solid',\n              borderColor: 'divider',\n            }}\n          >\n            {variableState !== VariableState.Declined ? (\n              <Box sx={{ display: 'flex', gap: 1.5, flexWrap: 'wrap' }}>\n                {useDefaultValue === false? \n                  (\n                      <Button\n                        onClick={handleSave}\n                        variant=\"outline\"\n                        size=\"md\"\n                        disabled={canSubmitSave}\n                      >\n                        {isSaving ? <><CircularProgress size={20} /><Typography sx={{paddingLeft: 2}}>Saving...</Typography></> : \"Save\"}\n                      </Button>\n                  ) : (<></>)\n                }\n                <Button\n                  onClick={handleSubmit}\n                  variant=\"outline\"\n                  size=\"md\"\n                  disabled={canSubmitSave}\n                  sx={{\n                    backgroundColor: '#ac46ff52',\n                    '&:hover': {\n                      backgroundColor: '#ac46ff80',\n                    },\n                  }}\n                >\n                  {isSubmitting ? <><CircularProgress size={20} /><Typography sx={{paddingLeft: 2}}>Submitting...</Typography></> : \"Submit for review\"}\n                </Button>\n                {variableReqType === RequirementType.Optional &&\n                  (\n                    <Button onClick={onDeclineWording} variant=\"outline\" size=\"md\" sx={{\n                        backgroundColor: '#ff464652',\n                        '&:hover': {\n                          backgroundColor: '#ff464680', // Darker purple on hover\n                        }\n                      }}\n                      disabled={canSubmitSave}\n                      >\n                      Decline wording\n                    </Button>\n                  )}\n              </Box>\n            ) : (<Box sx={{ display: 'flex', gap: 1.5, flexWrap: 'wrap' }}></Box>)}\n          \n\n          {/* Navigation */}\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 1.5,\n              justifyContent: { xs: 'space-between', sm: 'flex-end' },\n            }}\n          >\n            {currentPage !== 1 && <NavButton onClick={onPrevious} aria-label=\"Previous\" disabled={isLoading}>\n              <ArrowBackIosRounded sx={{ fontSize: 20, color: theme.palette.text.primary }}/>\n            </NavButton>}\n            {currentPage !== totalPages && <NavButton onClick={onNext} aria-label=\"Next\" disabled={isLoading}>\n              <ArrowForwardIosRounded sx={{ fontSize: 20, color: theme.palette.text.primary }}/>\n            </NavButton>}\n            <Typography fontWeight={500} fontSize=\"1.125rem\">\n              {currentPage}/{totalPages}\n            </Typography>\n          </Box>\n        </Box>\n      </DialogContent>\n    </StyledDialog>\n  );\n};\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/components/NoteBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoteBox.js","sources":["../../../../src/components/NoteBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, Typography, IconButton, styled, Chip } from '@mui/material';\r\nimport { CheckRounded, EditRounded } from '@mui/icons-material';\r\nimport { Alert } from './Alert';\r\nimport { RequirementType, VariableState } from '../types/variable';\r\nimport { mapRequirementTypeToState, mapStatusToVariableState } from '../helpers/variableProcessing';\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\r\n  requirementType?: string;\r\n  label?: string;\r\n  note?: string;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  onEditClick?: () => void;\r\n}\r\n\r\n// Status based color configs (from Modal)\r\nconst statusConfig: {\r\n  [key in VariableState]: {\r\n    highlight: string;\r\n    highlightSelected: string;\r\n    label: string;\r\n    alertVariant?: \"error\" | \"info\";\r\n  }\r\n} = {\r\n  Accepted: {\r\n    highlight: '#EDF9CD',\r\n    highlightSelected: '#DBF59A',\r\n    label: 'Accepted',\r\n  },\r\n  Pending: {\r\n    highlight: '#F5E2FF',\r\n    highlightSelected: '#EBC7FF',\r\n    label: 'Pending',\r\n    alertVariant: 'info',\r\n  },\r\n  'Action Required': {\r\n    highlight: '#FBEEEE',\r\n    highlightSelected: '#FFBCB3',\r\n    label: 'ActionRequired',\r\n    alertVariant: 'error',\r\n  },\r\n  'Declined': {\r\n    highlight: '#FFF6D1',\r\n    highlightSelected: '#FDE58E',\r\n    label: 'Declined',\r\n  },\r\n  'Not Started': {\r\n    highlight: '#f8c97cff',\r\n    highlightSelected: '#F5A623',\r\n    label: 'Declined',\r\n  },\r\n  Draft: {\r\n    highlight: '#FFEACD',\r\n    highlightSelected: '#FFC365',\r\n    label: 'Draft',\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: 'relative',\r\n  display: 'inline-block',\r\n  maxWidth: '100%',\r\n});\r\n\r\n// Uses highlight colors driven by status exclusively\r\nconst HighlightWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => \r\n    prop !== 'isHovered' && \r\n    prop !== 'highlightColor' && \r\n    prop !== 'highlightSelectedColor'\r\n})<{\r\n  isHovered: boolean;\r\n  highlightColor: string;\r\n  highlightSelectedColor: string;\r\n}>(({ isHovered, highlightColor, highlightSelectedColor }) => ({\r\n  position: 'relative',\r\n  display: 'inline',\r\n  maxWidth: '100%',\r\n  '&:hover .edit-button': {\r\n    opacity: 1,\r\n  },\r\n  '& .highlight-span': {\r\n    background: isHovered ? highlightSelectedColor : highlightColor,\r\n    padding: '2px 4px',\r\n    borderBottom: '2px solid rgba(77, 48, 25, 0.3)',\r\n    boxDecorationBreak: 'clone',\r\n    WebkitBoxDecorationBreak: 'clone',\r\n    transition: 'background 0.2s ease',\r\n    cursor: 'pointer',\r\n    fontSize: '1rem',\r\n    wordWrap: 'break-word',\r\n    overflowWrap: 'break-word',\r\n    display: 'inline',\r\n    color: '#4D3019',\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  top: 0,\r\n  right: 0,\r\n  transform: 'translate(-50%, -50%)',\r\n  width: 20,\r\n  height: 20,\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: '#4D3019',\r\n  opacity: 0,\r\n  transition: 'all 0.2s ease',\r\n  boxShadow: '0 1px 3px rgba(0,0,0,0.12)',\r\n  '&:hover': {\r\n    backgroundColor: '#4D3019',\r\n    transform: 'translate(-50%, -50%) scale(1.1)',\r\n  },\r\n}));\r\n\r\nexport const NoteBox: React.FC<NoteBoxProps> = ({\r\n  status,\r\n  requirementType,\r\n  label,\r\n  note,\r\n  children,\r\n  className = '',\r\n  onEditClick,\r\n}) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Map current status\r\n  const variableState = mapStatusToVariableState(status!!);\r\n  const requirementTypeState = mapRequirementTypeToState(requirementType!!)\r\n\r\n  const style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n      };\r\n\r\n\r\n  const reqTypeConfig = {\r\n    [RequirementType.Default]: { \r\n      color: '#F5A623',\r\n      highlight: '#f3bf6bff',\r\n      highlightSelected: '#F5A623',\r\n      label: 'Mandatory',\r\n    },\r\n    [RequirementType.Optional]: { \r\n      color: '#F5D76E',\r\n      highlight: '#f3e2a5ff',\r\n      highlightSelected: '#F5D76E',\r\n      label: 'Optional',\r\n  },\r\n  };\r\n\r\n  const requirementTypeStyle = requirementTypeState ? reqTypeConfig[requirementTypeState] :\r\n  {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n      };;\r\n\r\n\r\n  return (\r\n    <NoteContainer className={className}>\r\n      {/* Alert for note when status matches and note available */}\r\n      {variableState && style.alertVariant && note && (\r\n        <Alert variant={style.alertVariant} sx={{ mb: 1 }}>\r\n          {note}\r\n        </Alert>\r\n      )}\r\n\r\n      {/* Highlighted content box */}\r\n      <HighlightWrapper\r\n        isHovered={isHovered}\r\n        highlightColor={variableState === VariableState.NotStarted? requirementTypeStyle.highlight : style.highlight}\r\n        highlightSelectedColor={variableState === VariableState.NotStarted? requirementTypeStyle.highlightSelected : style.highlightSelected}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          if (onEditClick) {\r\n            onEditClick();\r\n          }\r\n        }}\r\n      >\r\n        <span className=\"highlight-span\">{children}</span>\r\n        <EditButton\r\n          className=\"edit-button\"\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            if (onEditClick) {\r\n              onEditClick();\r\n            }\r\n          }}\r\n          title=\"Edit variable highlight\"\r\n          size=\"small\"\r\n        >\r\n          {variableState === VariableState.Accepted \r\n            ? <CheckRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> \r\n            : <EditRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> }\r\n        </EditButton>\r\n      </HighlightWrapper>\r\n    </NoteContainer>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"NoteBox.js","sources":["../../../../src/components/NoteBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Typography, IconButton, styled, Chip } from '@mui/material';\nimport { CheckRounded, EditRounded } from '@mui/icons-material';\nimport { Alert } from './Alert';\nimport { RequirementType, VariableState } from '../types/variable';\nimport { mapRequirementTypeToState, mapStatusToVariableState } from '../helpers/variableProcessing';\n\ninterface NoteBoxProps {\n  status?: string; // Use only status now\n  requirementType?: string;\n  label?: string;\n  note?: string;\n  children: React.ReactNode;\n  className?: string;\n  onEditClick?: () => void;\n}\n\n// Status based color configs (from Modal)\nconst statusConfig: {\n  [key in VariableState]: {\n    highlight: string;\n    highlightSelected: string;\n    label: string;\n    alertVariant?: \"error\" | \"info\";\n  }\n} = {\n  Accepted: {\n    highlight: '#EDF9CD',\n    highlightSelected: '#DBF59A',\n    label: 'Accepted',\n  },\n  Pending: {\n    highlight: '#F5E2FF',\n    highlightSelected: '#EBC7FF',\n    label: 'Pending',\n    alertVariant: 'info',\n  },\n  'Action Required': {\n    highlight: '#FBEEEE',\n    highlightSelected: '#FFBCB3',\n    label: 'ActionRequired',\n    alertVariant: 'error',\n  },\n  'Declined': {\n    highlight: '#FFF6D1',\n    highlightSelected: '#FDE58E',\n    label: 'Declined',\n  },\n  'Not Started': {\n    highlight: '#f8c97cff',\n    highlightSelected: '#F5A623',\n    label: 'Declined',\n  },\n  Draft: {\n    highlight: '#FFEACD',\n    highlightSelected: '#FFC365',\n    label: 'Draft',\n  },\n};\n\nconst NoteContainer = styled(Box)({\n  position: 'relative',\n  display: 'inline-block',\n  maxWidth: '100%',\n});\n\n// Uses highlight colors driven by status exclusively\nconst HighlightWrapper = styled(Box, {\n  shouldForwardProp: (prop) => \n    prop !== 'isHovered' && \n    prop !== 'highlightColor' && \n    prop !== 'highlightSelectedColor'\n})<{\n  isHovered: boolean;\n  highlightColor: string;\n  highlightSelectedColor: string;\n}>(({ isHovered, highlightColor, highlightSelectedColor }) => ({\n  position: 'relative',\n  display: 'inline',\n  maxWidth: '100%',\n  '&:hover .edit-button': {\n    opacity: 1,\n  },\n  '& .highlight-span': {\n    background: isHovered ? highlightSelectedColor : highlightColor,\n    padding: '2px 4px',\n    borderBottom: '2px solid rgba(77, 48, 25, 0.3)',\n    boxDecorationBreak: 'clone',\n    WebkitBoxDecorationBreak: 'clone',\n    transition: 'background 0.2s ease',\n    cursor: 'pointer',\n    fontSize: '1rem',\n    wordWrap: 'break-word',\n    overflowWrap: 'break-word',\n    display: 'inline',\n    color: '#4D3019',\n  },\n}));\n\nconst EditButton = styled(IconButton)(({ theme }) => ({\n  top: 0,\n  right: 0,\n  transform: 'translate(-50%, -50%)',\n  width: 20,\n  height: 20,\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\n    ? parseInt(theme.shape.borderRadius, 10)\n    : theme.shape.borderRadius || 4) * 2,\n  backgroundColor: '#4D3019',\n  opacity: 0,\n  transition: 'all 0.2s ease',\n  boxShadow: '0 1px 3px rgba(0,0,0,0.12)',\n  '&:hover': {\n    backgroundColor: '#4D3019',\n    transform: 'translate(-50%, -50%) scale(1.1)',\n  },\n}));\n\nexport const NoteBox: React.FC<NoteBoxProps> = ({\n  status,\n  requirementType,\n  label,\n  note,\n  children,\n  className = '',\n  onEditClick,\n}) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  // Map current status\n  const variableState = mapStatusToVariableState(status!!);\n  const requirementTypeState = mapRequirementTypeToState(requirementType!!)\n\n  const style = variableState\n    ? statusConfig[variableState]\n    : {\n        highlight: '#EEE',\n        highlightSelected: '#DDD',\n        label: label || '',\n      };\n\n\n  const reqTypeConfig = {\n    [RequirementType.Default]: { \n      color: '#F5A623',\n      highlight: '#f3bf6bff',\n      highlightSelected: '#F5A623',\n      label: 'Mandatory',\n    },\n    [RequirementType.Optional]: { \n      color: '#F5D76E',\n      highlight: '#f3e2a5ff',\n      highlightSelected: '#F5D76E',\n      label: 'Optional',\n  },\n  };\n\n  const requirementTypeStyle = requirementTypeState ? reqTypeConfig[requirementTypeState] :\n  {\n        highlight: '#EEE',\n        highlightSelected: '#DDD',\n        label: label || '',\n      };;\n\n\n  return (\n    <NoteContainer className={className}>\n      {/* Alert for note when status matches and note available */}\n      {variableState && style.alertVariant && note && (\n        <Alert variant={style.alertVariant} sx={{ mb: 1 }}>\n          {note}\n        </Alert>\n      )}\n\n      {/* Highlighted content box */}\n      <HighlightWrapper\n        isHovered={isHovered}\n        highlightColor={variableState === VariableState.NotStarted? requirementTypeStyle.highlight : style.highlight}\n        highlightSelectedColor={variableState === VariableState.NotStarted? requirementTypeStyle.highlightSelected : style.highlightSelected}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (onEditClick) {\n            onEditClick();\n          }\n        }}\n      >\n        <span className=\"highlight-span\">{children}</span>\n        <EditButton\n          className=\"edit-button\"\n          onClick={(e) => {\n            e.stopPropagation();\n            if (onEditClick) {\n              onEditClick();\n            }\n          }}\n          title=\"Edit variable highlight\"\n          size=\"small\"\n        >\n          {variableState === VariableState.Accepted \n            ? <CheckRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> \n            : <EditRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> }\n        </EditButton>\n      </HighlightWrapper>\n    </NoteContainer>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/PopoverMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverMenu.js","sources":["../../../../src/components/PopoverMenu.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Menu, MenuItem, ListItemIcon, ListItemText } from '@mui/material';\r\nimport LogoutIcon from '@mui/icons-material/Logout';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\ninterface PopoverMenuProps {\r\n  anchorEl: HTMLElement | null;\r\n  onClose: () => void;\r\n  signOut: () => void;\r\n}\r\n\r\nexport default function PopoverMenu({\r\n  anchorEl,\r\n  onClose,\r\n  signOut,\r\n}: PopoverMenuProps) {\r\n  const theme = useTheme();\r\n\r\n  return (\r\n    <Menu\r\n      anchorEl={anchorEl}\r\n      open={Boolean(anchorEl)}\r\n      onClose={onClose}\r\n      PaperProps={{\r\n        sx: {\r\n          backgroundColor: theme.palette.background.paper,\r\n          color: theme.palette.text.primary,\r\n        },\r\n      }}\r\n    >\r\n      <MenuItem key=\"logout\" onClick={signOut}>\r\n        <ListItemIcon>\r\n          <LogoutIcon sx={{ color: theme.palette.primary.main }} />\r\n        </ListItemIcon>\r\n        <ListItemText\r\n          primary=\"Logout\"\r\n          sx={{\r\n            color: theme.palette.primary.contrastText,\r\n            fontFamily: theme.typography.fontFamily,\r\n            fontWeight: theme.typography.button.fontWeight,\r\n          }}\r\n        />\r\n      </MenuItem>\r\n    </Menu>\r\n  );\r\n}\r\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAWc,SAAU,WAAW,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,OAAO,GACU,EAAA;AACjB,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IAExB,QACEA,IAAC,IAAI,EAAA,EACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE;AACV,YAAA,EAAE,EAAE;AACF,gBAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;AAC/C,gBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,aAAA;AACF,SAAA,EAAA,QAAA,EAEDC,KAAC,QAAQ,EAAA,EAAc,OAAO,EAAE,OAAO,EAAA,QAAA,EAAA,CACrCD,GAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EACXA,IAAC,UAAU,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAA,CAAI,EAAA,CAC5C,EACfA,GAAA,CAAC,YAAY,EAAA,EACX,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAE;AACF,wBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;AACzC,wBAAA,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;AACvC,wBAAA,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU;AAC/C,qBAAA,EAAA,CACD,CAAA,EAAA,EAXU,QAAQ,CAYX,EAAA,CACN;AAEX;;;;"}
+{"version":3,"file":"PopoverMenu.js","sources":["../../../../src/components/PopoverMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { Menu, MenuItem, ListItemIcon, ListItemText } from '@mui/material';\nimport LogoutIcon from '@mui/icons-material/Logout';\nimport { useTheme } from '../ThemeProvider';\n\ninterface PopoverMenuProps {\n  anchorEl: HTMLElement | null;\n  onClose: () => void;\n  signOut: () => void;\n}\n\nexport default function PopoverMenu({\n  anchorEl,\n  onClose,\n  signOut,\n}: PopoverMenuProps) {\n  const theme = useTheme();\n\n  return (\n    <Menu\n      anchorEl={anchorEl}\n      open={Boolean(anchorEl)}\n      onClose={onClose}\n      PaperProps={{\n        sx: {\n          backgroundColor: theme.palette.background.paper,\n          color: theme.palette.text.primary,\n        },\n      }}\n    >\n      <MenuItem key=\"logout\" onClick={signOut}>\n        <ListItemIcon>\n          <LogoutIcon sx={{ color: theme.palette.primary.main }} />\n        </ListItemIcon>\n        <ListItemText\n          primary=\"Logout\"\n          sx={{\n            color: theme.palette.primary.contrastText,\n            fontFamily: theme.typography.fontFamily,\n            fontWeight: theme.typography.button.fontWeight,\n          }}\n        />\n      </MenuItem>\n    </Menu>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAWc,SAAU,WAAW,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,OAAO,GACU,EAAA;AACjB,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IAExB,QACEA,IAAC,IAAI,EAAA,EACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE;AACV,YAAA,EAAE,EAAE;AACF,gBAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;AAC/C,gBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,aAAA;AACF,SAAA,EAAA,QAAA,EAEDC,KAAC,QAAQ,EAAA,EAAc,OAAO,EAAE,OAAO,EAAA,QAAA,EAAA,CACrCD,GAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EACXA,IAAC,UAAU,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,EAAA,CAAI,EAAA,CAC5C,EACfA,GAAA,CAAC,YAAY,EAAA,EACX,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAE;AACF,wBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;AACzC,wBAAA,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;AACvC,wBAAA,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU;AAC/C,qBAAA,EAAA,CACD,CAAA,EAAA,EAXU,QAAQ,CAYX,EAAA,CACN;AAEX;;;;"}

package/dist/esm/components/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, Typography, LinearProgress, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { Check } from '@mui/icons-material';\r\n\r\ninterface ProgressProps {\r\n  current: number;\r\n  total: number;\r\n  showLabel?: boolean;\r\n  className?: string;\r\n}\r\n\r\nconst StyledLinearProgress = styled(LinearProgress)(({ theme }) => ({\r\n  height: 10,\r\n  borderRadius: 9999,\r\n  backgroundColor: `${theme.palette.dark.main}1A`,\r\n  '& .MuiLinearProgress-bar': {\r\n    borderRadius: 9999,\r\n    backgroundColor: theme.palette.primary.main,\r\n    transition: 'transform 0.3s ease-out',\r\n  },\r\n}));\r\n\r\nexport const Progress: React.FC<ProgressProps> = ({\r\n  current,\r\n  total,\r\n  showLabel = true,\r\n  className = ''\r\n}) => {\r\n  const percentage = Math.min(Math.max((current / total) * 100, 0), 100);\r\n\r\n  return (\r\n    <Box className={className}>\r\n      {showLabel && (\r\n        <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 1 }}>\r\n          <Typography variant=\"body2\" fontWeight={500}>\r\n            Step {current} of {total}\r\n          </Typography>\r\n          <Typography variant=\"body2\" fontWeight={500}>\r\n            {Math.round(percentage)}%\r\n          </Typography>\r\n        </Box>\r\n      )}\r\n      <StyledLinearProgress variant=\"determinate\" value={percentage} />\r\n    </Box>\r\n  );\r\n};\r\ninterface StepIndicatorProps {\r\n  steps: string[];\r\n  currentStep: number;\r\n  onStepClick?: (stepNumber: number) => void;\r\n  className?: string;\r\n}\r\n\r\nconst StepNumber = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'isCompleted'\r\n})<{ isActive: boolean; isCompleted: boolean }>(\r\n  ({ theme, isActive, isCompleted }) => ({\r\n    width: 40,\r\n    height: 40,\r\n    borderRadius: '50%',\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    fontWeight: 600,\r\n    fontSize: '0.875rem',\r\n    transition: 'all 0.2s',\r\n    backgroundColor: isCompleted || isActive\r\n      ? theme.palette.text.primary\r\n      : `${theme.palette.dark.main}1A`,\r\n    color: isCompleted || isActive\r\n      ? (theme.palette.custom?.stepIndicatorTextColor || theme.palette.text.primary)\r\n      : `${theme.palette.dark.main}99`,\r\n    boxShadow: isActive ? `0 0 0 4px ${theme.palette.text.primary}33` : 'none',\r\n    [theme.breakpoints.down('sm')]: {\r\n      width: 32,\r\n      height: 32,\r\n      fontSize: '0.75rem',\r\n    },\r\n  })\r\n);\r\n\r\nconst StepLine = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== 'isCompleted'\r\n})<{ isCompleted: boolean }>(({ theme, isCompleted }) => ({\r\n  height: 4,\r\n  borderRadius: 2,\r\n  width: '100%',\r\n  transition: 'background-color 0.2s',\r\n  backgroundColor: isCompleted ? theme.palette.text.primary : `${theme.palette.dark.main}1A`,\r\n  [theme.breakpoints.down('sm')]: {\r\n    height: 2,\r\n  },\r\n}));\r\n\r\nexport const StepIndicator: React.FC<StepIndicatorProps> = ({\r\n  steps,\r\n  currentStep,\r\n  onStepClick,\r\n  className = ''\r\n}) => {\r\n  const theme = useTheme();\r\n  const cols = steps.length * 2 - 1;\r\n\r\n  return (\r\n    <Box\r\n      className={className}\r\n      sx={{\r\n        display: 'grid',\r\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\r\n        gridAutoRows: 'auto',\r\n        alignItems: 'center',\r\n        rowGap: { xs: 0.5, sm: 1 },\r\n        pb: 1,\r\n      }}\r\n    >\r\n      {steps.map((step, index) => {\r\n        const stepNumber = index + 1;\r\n        const isActive = stepNumber === currentStep;\r\n        const isCompleted = stepNumber < currentStep;\r\n        const circleCol = 2 * index + 1;\r\n        const lineCol = 2 * index + 2;\r\n\r\n        return (\r\n          <React.Fragment key={index}>\r\n            {/* Circle */}\r\n            <Box\r\n              sx={{\r\n                gridColumn: `${circleCol} / span 1`,\r\n                gridRow: 1,\r\n                display: 'flex',\r\n                justifyContent: 'center',\r\n              }}\r\n            >\r\n              <StepNumber \r\n                isActive={isActive} \r\n                isCompleted={isCompleted}\r\n                onClick={() => onStepClick?.(stepNumber)}\r\n                sx={{\r\n                  cursor: 'pointer',\r\n                  '&:hover': {\r\n                    transform: 'scale(1.1)',\r\n                    transition: 'transform 0.2s ease-in-out',\r\n                  },\r\n                }}\r\n              >\r\n                {isCompleted ? (\r\n                  <Check sx={{ fontSize: 16 }} />\r\n                ) : (\r\n                  stepNumber\r\n                )}\r\n              </StepNumber>\r\n            </Box>\r\n\r\n            {/* Connector (not after last step) */}\r\n            {index < steps.length - 1 && (\r\n              <Box\r\n                sx={{\r\n                  gridColumn: `${lineCol} / span 1`,\r\n                  gridRow: 1,\r\n                  display: 'flex',\r\n                  alignItems: 'center',\r\n                }}\r\n              >\r\n                <StepLine isCompleted={isCompleted} />\r\n              </Box>\r\n            )}\r\n\r\n            {/* Label row (wraps independently) */}\r\n            <Typography\r\n              sx={{\r\n                gridColumn: `${circleCol} / span 1`,\r\n                gridRow: 2,\r\n                mt: { xs: 0.5, sm: 1 },\r\n                fontSize: { xs: '10px', sm: '12px' },\r\n                fontWeight: 500,\r\n                textAlign: 'center',\r\n                whiteSpace: 'normal',\r\n                overflowWrap: 'anywhere',\r\n                wordBreak: 'break-word',\r\n                maxWidth: { xs: 80, sm: 112, md: 140 },\r\n                justifySelf: 'center',\r\n                color: isActive ? theme.palette.text.primary : `${theme.palette.dark.main}99`,\r\n              }}\r\n            >\r\n              {step}\r\n            </Typography>\r\n          </React.Fragment>\r\n        );\r\n      })}\r\n    </Box>\r\n  );\r\n};"],"names":["_jsxs","_jsx","React"],"mappings":"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"}
+{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, Typography, LinearProgress, styled } from '@mui/material';\nimport { useTheme } from '../ThemeProvider';\nimport { Check } from '@mui/icons-material';\n\ninterface ProgressProps {\n  current: number;\n  total: number;\n  showLabel?: boolean;\n  className?: string;\n}\n\nconst StyledLinearProgress = styled(LinearProgress)(({ theme }) => ({\n  height: 10,\n  borderRadius: 9999,\n  backgroundColor: `${theme.palette.dark.main}1A`,\n  '& .MuiLinearProgress-bar': {\n    borderRadius: 9999,\n    backgroundColor: theme.palette.primary.main,\n    transition: 'transform 0.3s ease-out',\n  },\n}));\n\nexport const Progress: React.FC<ProgressProps> = ({\n  current,\n  total,\n  showLabel = true,\n  className = ''\n}) => {\n  const percentage = Math.min(Math.max((current / total) * 100, 0), 100);\n\n  return (\n    <Box className={className}>\n      {showLabel && (\n        <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 1 }}>\n          <Typography variant=\"body2\" fontWeight={500}>\n            Step {current} of {total}\n          </Typography>\n          <Typography variant=\"body2\" fontWeight={500}>\n            {Math.round(percentage)}%\n          </Typography>\n        </Box>\n      )}\n      <StyledLinearProgress variant=\"determinate\" value={percentage} />\n    </Box>\n  );\n};\ninterface StepIndicatorProps {\n  steps: string[];\n  currentStep: number;\n  onStepClick?: (stepNumber: number) => void;\n  className?: string;\n}\n\nconst StepNumber = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'isCompleted'\n})<{ isActive: boolean; isCompleted: boolean }>(\n  ({ theme, isActive, isCompleted }) => ({\n    width: 40,\n    height: 40,\n    borderRadius: '50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontWeight: 600,\n    fontSize: '0.875rem',\n    transition: 'all 0.2s',\n    backgroundColor: isCompleted || isActive\n      ? theme.palette.text.primary\n      : `${theme.palette.dark.main}1A`,\n    color: isCompleted || isActive\n      ? (theme.palette.custom?.stepIndicatorTextColor || theme.palette.text.primary)\n      : `${theme.palette.dark.main}99`,\n    boxShadow: isActive ? `0 0 0 4px ${theme.palette.text.primary}33` : 'none',\n    [theme.breakpoints.down('sm')]: {\n      width: 32,\n      height: 32,\n      fontSize: '0.75rem',\n    },\n  })\n);\n\nconst StepLine = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'isCompleted'\n})<{ isCompleted: boolean }>(({ theme, isCompleted }) => ({\n  height: 4,\n  borderRadius: 2,\n  width: '100%',\n  transition: 'background-color 0.2s',\n  backgroundColor: isCompleted ? theme.palette.text.primary : `${theme.palette.dark.main}1A`,\n  [theme.breakpoints.down('sm')]: {\n    height: 2,\n  },\n}));\n\nexport const StepIndicator: React.FC<StepIndicatorProps> = ({\n  steps,\n  currentStep,\n  onStepClick,\n  className = ''\n}) => {\n  const theme = useTheme();\n  const cols = steps.length * 2 - 1;\n\n  return (\n    <Box\n      className={className}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n        gridAutoRows: 'auto',\n        alignItems: 'center',\n        rowGap: { xs: 0.5, sm: 1 },\n        pb: 1,\n      }}\n    >\n      {steps.map((step, index) => {\n        const stepNumber = index + 1;\n        const isActive = stepNumber === currentStep;\n        const isCompleted = stepNumber < currentStep;\n        const circleCol = 2 * index + 1;\n        const lineCol = 2 * index + 2;\n\n        return (\n          <React.Fragment key={index}>\n            {/* Circle */}\n            <Box\n              sx={{\n                gridColumn: `${circleCol} / span 1`,\n                gridRow: 1,\n                display: 'flex',\n                justifyContent: 'center',\n              }}\n            >\n              <StepNumber \n                isActive={isActive} \n                isCompleted={isCompleted}\n                onClick={() => onStepClick?.(stepNumber)}\n                sx={{\n                  cursor: 'pointer',\n                  '&:hover': {\n                    transform: 'scale(1.1)',\n                    transition: 'transform 0.2s ease-in-out',\n                  },\n                }}\n              >\n                {isCompleted ? (\n                  <Check sx={{ fontSize: 16 }} />\n                ) : (\n                  stepNumber\n                )}\n              </StepNumber>\n            </Box>\n\n            {/* Connector (not after last step) */}\n            {index < steps.length - 1 && (\n              <Box\n                sx={{\n                  gridColumn: `${lineCol} / span 1`,\n                  gridRow: 1,\n                  display: 'flex',\n                  alignItems: 'center',\n                }}\n              >\n                <StepLine isCompleted={isCompleted} />\n              </Box>\n            )}\n\n            {/* Label row (wraps independently) */}\n            <Typography\n              sx={{\n                gridColumn: `${circleCol} / span 1`,\n                gridRow: 2,\n                mt: { xs: 0.5, sm: 1 },\n                fontSize: { xs: '10px', sm: '12px' },\n                fontWeight: 500,\n                textAlign: 'center',\n                whiteSpace: 'normal',\n                overflowWrap: 'anywhere',\n                wordBreak: 'break-word',\n                maxWidth: { xs: 80, sm: 112, md: 140 },\n                justifySelf: 'center',\n                color: isActive ? theme.palette.text.primary : `${theme.palette.dark.main}99`,\n              }}\n            >\n              {step}\n            </Typography>\n          </React.Fragment>\n        );\n      })}\n    </Box>\n  );\n};"],"names":["_jsxs","_jsx","React"],"mappings":"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"}