ece-docs-components 1.0.57 → 1.0.59

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, FormControl, FormLabel, FormHelperText, FormControlLabel, styled, Typography } from '@mui/material';\nimport { useTheme } from '../ThemeProvider';\n\ninterface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label: string;\n  description?: string;\n}\n\nconst CustomRadioIcon = styled('span')<{ checked?: boolean }>(({ theme, checked }) => ({\n  width: 20,\n  height: 20,\n  borderRadius: '50%',\n  border: checked ? `5px solid ${theme.palette.secondary.main}` : `2px solid ${theme.palette.dark.main}4D`,\n  transition: 'all 0.2s',\n  backgroundColor: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n}));\n\nexport const Radio: React.FC<RadioProps> = ({\n  label,\n  description,\n  className = '',\n  id,\n  checked,\n  ...props\n}) => {\n  const radioId = id || `radio-${Math.random().toString(36).substr(2, 9)}`;\n  const theme = useTheme();\n\n  return (\n    <FormControlLabel\n      className={className}\n      control={\n        <Box sx={{ display: 'flex', alignItems: 'center', height: 24, mr: 1.5 }}>\n          <input\n            id={radioId}\n            type=\"radio\"\n            style={{ display: 'none' }}\n            checked={checked}\n            {...props}\n          />\n          <CustomRadioIcon \n            checked={checked}\n            onClick={(e) => {\n              const input = document.getElementById(radioId) as HTMLInputElement;\n              if (input && !props.disabled) {\n                input.click();\n              }\n            }}\n            sx={{\n              cursor: props.disabled ? 'not-allowed' : 'pointer',\n              opacity: props.disabled ? 0.5 : 1,\n            }}\n          />\n        </Box>\n      }\n      label={\n        <Box sx={{ ml: 0 }}>\n          <Typography\n            component=\"label\"\n            htmlFor={radioId}\n            sx={{\n              fontSize: '1rem',\n              fontWeight: 500,\n              color: theme.palette.dark.main,\n              cursor: props.disabled ? 'not-allowed' : 'pointer',\n              opacity: props.disabled ? 0.5 : 1,\n            }}\n          >\n            {label}\n          </Typography>\n          {description && (\n            <Typography\n              variant=\"body2\"\n              sx={{\n                fontSize: '0.875rem',\n                color: `${theme.palette.dark.main}99`,\n                mt: 0.25,\n              }}\n            >\n              {description}\n            </Typography>\n          )}\n        </Box>\n      }\n      sx={{ alignItems: 'flex-start', ml: 0 }}\n    />\n  );\n};\n\ninterface RadioGroupProps {\n  label?: string;\n  error?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\n  label,\n  error,\n  children,\n  className = ''\n}) => {\n  const theme = useTheme();\n\n  return (\n    <FormControl component=\"fieldset\" className={className} error={!!error} fullWidth>\n      {label && (\n        <FormLabel\n          component=\"legend\"\n          sx={{\n            fontSize: '0.875rem',\n            fontWeight: 500,\n            color: theme.palette.dark.main,\n            mb: 1.5,\n            '&.Mui-focused': {\n              color: theme.palette.dark.main,\n            },\n          }}\n        >\n          {label}\n        </FormLabel>\n      )}\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n        {children}\n      </Box>\n      {error && (\n        <FormHelperText\n          sx={{\n            mt: 1,\n            fontSize: '0.875rem',\n            color: theme.palette.accent.main,\n          }}\n        >\n          {error}\n        </FormHelperText>\n      )}\n    </FormControl>\n  );\n};"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, FormControl, FormLabel, FormHelperText, FormControlLabel, styled, Typography } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\ninterface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\r\n  label: string;\r\n  description?: string;\r\n}\r\n\r\nconst CustomRadioIcon = styled('span')<{ checked?: boolean }>(({ theme, checked }) => ({\r\n  width: 20,\r\n  height: 20,\r\n  borderRadius: '50%',\r\n  border: checked ? `5px solid ${theme.palette.secondary.main}` : `2px solid ${theme.palette.dark.main}4D`,\r\n  transition: 'all 0.2s',\r\n  backgroundColor: 'transparent',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n}));\r\n\r\nexport const Radio: React.FC<RadioProps> = ({\r\n  label,\r\n  description,\r\n  className = '',\r\n  id,\r\n  checked,\r\n  ...props\r\n}) => {\r\n  const radioId = id || `radio-${Math.random().toString(36).substr(2, 9)}`;\r\n  const theme = useTheme();\r\n\r\n  return (\r\n    <FormControlLabel\r\n      className={className}\r\n      control={\r\n        <Box sx={{ display: 'flex', alignItems: 'center', height: 24, mr: 1.5 }}>\r\n          <input\r\n            id={radioId}\r\n            type=\"radio\"\r\n            style={{ display: 'none' }}\r\n            checked={checked}\r\n            {...props}\r\n          />\r\n          <CustomRadioIcon \r\n            checked={checked}\r\n            onClick={(e) => {\r\n              const input = document.getElementById(radioId) as HTMLInputElement;\r\n              if (input && !props.disabled) {\r\n                input.click();\r\n              }\r\n            }}\r\n            sx={{\r\n              cursor: props.disabled ? 'not-allowed' : 'pointer',\r\n              opacity: props.disabled ? 0.5 : 1,\r\n            }}\r\n          />\r\n        </Box>\r\n      }\r\n      label={\r\n        <Box sx={{ ml: 0 }}>\r\n          <Typography\r\n            component=\"label\"\r\n            htmlFor={radioId}\r\n            sx={{\r\n              fontSize: '1rem',\r\n              fontWeight: 500,\r\n              color: theme.palette.dark.main,\r\n              cursor: props.disabled ? 'not-allowed' : 'pointer',\r\n              opacity: props.disabled ? 0.5 : 1,\r\n            }}\r\n          >\r\n            {label}\r\n          </Typography>\r\n          {description && (\r\n            <Typography\r\n              variant=\"body2\"\r\n              sx={{\r\n                fontSize: '0.875rem',\r\n                color: `${theme.palette.dark.main}99`,\r\n                mt: 0.25,\r\n              }}\r\n            >\r\n              {description}\r\n            </Typography>\r\n          )}\r\n        </Box>\r\n      }\r\n      sx={{ alignItems: 'flex-start', ml: 0 }}\r\n    />\r\n  );\r\n};\r\n\r\ninterface RadioGroupProps {\r\n  label?: string;\r\n  error?: string;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\r\n  label,\r\n  error,\r\n  children,\r\n  className = ''\r\n}) => {\r\n  const theme = useTheme();\r\n\r\n  return (\r\n    <FormControl component=\"fieldset\" className={className} error={!!error} fullWidth>\r\n      {label && (\r\n        <FormLabel\r\n          component=\"legend\"\r\n          sx={{\r\n            fontSize: '0.875rem',\r\n            fontWeight: 500,\r\n            color: theme.palette.dark.main,\r\n            mb: 1.5,\r\n            '&.Mui-focused': {\r\n              color: theme.palette.dark.main,\r\n            },\r\n          }}\r\n        >\r\n          {label}\r\n        </FormLabel>\r\n      )}\r\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\r\n        {children}\r\n      </Box>\r\n      {error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 1,\r\n            fontSize: '0.875rem',\r\n            color: theme.palette.accent.main,\r\n          }}\r\n        >\r\n          {error}\r\n        </FormHelperText>\r\n      )}\r\n    </FormControl>\r\n  );\r\n};"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ReadBy.js","sources":["../../../../src/components/ReadBy.tsx"],"sourcesContent":["\n\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { Box, IconButton, Typography, styled } from '@mui/material';\nimport { useTheme } from '../ThemeProvider';\nimport { ExpandLessRounded, ExpandMoreRounded } from '@mui/icons-material';\n\ninterface ReadByProps {\n  names: string[];\n}\n\nconst ReadByContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'flex-start',\n  gap: theme.spacing(2),\n  padding: theme.spacing(2),\n  borderLeft: `4px solid ${theme.palette.primary.main}`,\n  borderRadius: '0 8px 8px 0',\n  backgroundColor: theme.palette.custom?.readByBackgroundColor || theme.palette.accent.main,\n  [theme.breakpoints.down('sm')]: {\n    padding: theme.spacing(1.5),\n  },\n}));\n\nconst ExpandButton = styled(IconButton)(({ theme }) => ({\n  width: 32,\n  height: 32,\n  backgroundColor: '#4d3019',\n  color: '#fff',\n  flexShrink: 0,\n  '&:hover': {\n    backgroundColor: '#4d3019',\n    opacity: 0.8,\n  },\n  [theme.breakpoints.down('sm')]: {\n    alignSelf: 'flex-start',\n  },\n}));\n\nexport const ReadBy: React.FC<ReadByProps> = ({ names }) => {\n  const theme = useTheme();\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [visibleCount, setVisibleCount] = useState(names.length);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const measureRef = useRef<HTMLSpanElement>(null);\n\n  useLayoutEffect(() => {\n    if (isExpanded || names.length <= 1) {\n      setVisibleCount(names.length);\n      return;\n    }\n\n    if (containerRef.current && measureRef.current) {\n      const containerWidth = containerRef.current.offsetWidth;\n      let currentCount = names.length;\n      \n      // Try reducing count until the measured text fits\n      for (let i = names.length; i > 0; i--) {\n        measureRef.current.textContent = names.slice(0, i).join(', ');\n        const textWidth = measureRef.current.offsetWidth;\n        if (textWidth <= containerWidth - 100) { // Leave space for button and errors\n          currentCount = i;\n          break;\n        }\n      }\n      setVisibleCount(currentCount);\n    }\n  }, [names, isExpanded, containerRef.current, measureRef.current]);\n\n  const displayText = isExpanded\n    ? names.join(', ')\n    : visibleCount < names.length\n      ? `${names.slice(0, visibleCount).join(', ')}...`\n      : names.join(', ');\n\n  return (\n    <ReadByContainer ref={containerRef}>\n      <Box sx={{ flex: 1, minWidth: 0, wordBreak: 'break-word' }}>\n        <Typography\n          component=\"span\"\n          sx={{\n            fontSize: { xs: '13px', sm: '14px' },\n            fontWeight: 700,\n            color: theme.palette.dark.main,\n          }}\n        >\n          Read by:\n        </Typography>\n        <Typography\n          component=\"span\"\n          sx={{\n            fontSize: { xs: '13px', sm: '14px' },\n            color: theme.palette.dark.main,\n            ml: 1,\n          }}\n        >\n          {displayText}\n        </Typography>\n        {/* Hidden span for measurement */}\n        <span ref={measureRef} style={{\n          position: 'absolute',\n          visibility: 'hidden',\n          height: 0,\n          whiteSpace: 'nowrap',\n          fontSize: '14px',\n          fontWeight: 400\n        }} />\n      </Box>\n      {(names.length > 1 && (names.length !== visibleCount || isExpanded === true)) && (\n        <ExpandButton\n          onClick={() => setIsExpanded(!isExpanded)}\n          aria-label={isExpanded ? 'Collapse' : 'Expand'}\n          size=\"small\"\n        >\n          {isExpanded ? (\n            <ExpandLessRounded sx={{fontSize: 16}} />\n          ) : (\n            <ExpandMoreRounded sx={{fontSize: 16}} />\n          )}\n        </ExpandButton>\n      )}\n    </ReadByContainer>\n  );\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ReadBy.js","sources":["../../../../src/components/ReadBy.tsx"],"sourcesContent":["\r\n\r\nimport React, { useLayoutEffect, useRef, useState } from 'react';\r\nimport { Box, IconButton, Typography, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { ExpandLessRounded, ExpandMoreRounded } from '@mui/icons-material';\r\n\r\ninterface ReadByProps {\r\n  names: string[];\r\n}\r\n\r\nconst ReadByContainer = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  alignItems: 'flex-start',\r\n  gap: theme.spacing(2),\r\n  padding: theme.spacing(2),\r\n  borderLeft: `4px solid ${theme.palette.primary.main}`,\r\n  borderRadius: '0 8px 8px 0',\r\n  backgroundColor: theme.palette.custom?.readByBackgroundColor || theme.palette.accent.main,\r\n  [theme.breakpoints.down('sm')]: {\r\n    padding: theme.spacing(1.5),\r\n  },\r\n}));\r\n\r\nconst ExpandButton = styled(IconButton)(({ theme }) => ({\r\n  width: 32,\r\n  height: 32,\r\n  backgroundColor: '#4d3019',\r\n  color: '#fff',\r\n  flexShrink: 0,\r\n  '&:hover': {\r\n    backgroundColor: '#4d3019',\r\n    opacity: 0.8,\r\n  },\r\n  [theme.breakpoints.down('sm')]: {\r\n    alignSelf: 'flex-start',\r\n  },\r\n}));\r\n\r\nexport const ReadBy: React.FC<ReadByProps> = ({ names }) => {\r\n  const theme = useTheme();\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const [visibleCount, setVisibleCount] = useState(names.length);\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const measureRef = useRef<HTMLSpanElement>(null);\r\n\r\n  useLayoutEffect(() => {\r\n    if (isExpanded || names.length <= 1) {\r\n      setVisibleCount(names.length);\r\n      return;\r\n    }\r\n\r\n    if (containerRef.current && measureRef.current) {\r\n      const containerWidth = containerRef.current.offsetWidth;\r\n      let currentCount = names.length;\r\n      \r\n      // Try reducing count until the measured text fits\r\n      for (let i = names.length; i > 0; i--) {\r\n        measureRef.current.textContent = names.slice(0, i).join(', ');\r\n        const textWidth = measureRef.current.offsetWidth;\r\n        if (textWidth <= containerWidth - 100) { // Leave space for button and errors\r\n          currentCount = i;\r\n          break;\r\n        }\r\n      }\r\n      setVisibleCount(currentCount);\r\n    }\r\n  }, [names, isExpanded, containerRef.current, measureRef.current]);\r\n\r\n  const displayText = isExpanded\r\n    ? names.join(', ')\r\n    : visibleCount < names.length\r\n      ? `${names.slice(0, visibleCount).join(', ')}...`\r\n      : names.join(', ');\r\n\r\n  return (\r\n    <ReadByContainer ref={containerRef}>\r\n      <Box sx={{ flex: 1, minWidth: 0, wordBreak: 'break-word' }}>\r\n        <Typography\r\n          component=\"span\"\r\n          sx={{\r\n            fontSize: { xs: '13px', sm: '14px' },\r\n            fontWeight: 700,\r\n            color: theme.palette.dark.main,\r\n          }}\r\n        >\r\n          Read by:\r\n        </Typography>\r\n        <Typography\r\n          component=\"span\"\r\n          sx={{\r\n            fontSize: { xs: '13px', sm: '14px' },\r\n            color: theme.palette.dark.main,\r\n            ml: 1,\r\n          }}\r\n        >\r\n          {displayText}\r\n        </Typography>\r\n        {/* Hidden span for measurement */}\r\n        <span ref={measureRef} style={{\r\n          position: 'absolute',\r\n          visibility: 'hidden',\r\n          height: 0,\r\n          whiteSpace: 'nowrap',\r\n          fontSize: '14px',\r\n          fontWeight: 400\r\n        }} />\r\n      </Box>\r\n      {(names.length > 1 && (names.length !== visibleCount || isExpanded === true)) && (\r\n        <ExpandButton\r\n          onClick={() => setIsExpanded(!isExpanded)}\r\n          aria-label={isExpanded ? 'Collapse' : 'Expand'}\r\n          size=\"small\"\r\n        >\r\n          {isExpanded ? (\r\n            <ExpandLessRounded sx={{fontSize: 16}} />\r\n          ) : (\r\n            <ExpandMoreRounded sx={{fontSize: 16}} />\r\n          )}\r\n        </ExpandButton>\r\n      )}\r\n    </ReadByContainer>\r\n  );\r\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAWA,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAClD,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACrB,IAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,UAAU,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,CAAE;AACrD,IAAA,YAAY,EAAE,aAAa;AAC3B,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,qBAAqB,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI;IACzF,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5B,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACtD,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,OAAO,EAAE,GAAG;AACb,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,SAAS,EAAE,YAAY;AACxB,KAAA;AACF,CAAA,CAAC,CAAC;MAEU,MAAM,GAA0B,CAAC,EAAE,KAAK,EAAE,KAAI;AACzD,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAC9D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAkB,IAAI,CAAC;IAEhD,eAAe,CAAC,MAAK;QACnB,IAAI,UAAU,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE;AACnC,YAAA,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC;YAC7B;QACF;QAEA,IAAI,YAAY,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;AAC9C,YAAA,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW;AACvD,YAAA,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM;;AAG/B,YAAA,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AACrC,gBAAA,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;AAC7D,gBAAA,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,WAAW;gBAChD,IAAI,SAAS,IAAI,cAAc,GAAG,GAAG,EAAE;oBACrC,YAAY,GAAG,CAAC;oBAChB;gBACF;YACF;YACA,eAAe,CAAC,YAAY,CAAC;QAC/B;AACF,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,WAAW,GAAG;AAClB,UAAE,KAAK,CAAC,IAAI,CAAC,IAAI;AACjB,UAAE,YAAY,GAAG,KAAK,CAAC;AACrB,cAAE,CAAA,EAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,GAAA;AAC5C,cAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AAEtB,IAAA,QACEA,IAAA,CAAC,eAAe,EAAA,EAAC,GAAG,EAAE,YAAY,EAAA,QAAA,EAAA,CAChCA,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAA,QAAA,EAAA,CACxDC,GAAA,CAAC,UAAU,IACT,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;4BACF,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;AACpC,4BAAA,UAAU,EAAE,GAAG;AACf,4BAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;yBAC/B,EAAA,QAAA,EAAA,UAAA,EAAA,CAGU,EACbA,IAAC,UAAU,EAAA,EACT,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;4BACF,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;AACpC,4BAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,4BAAA,EAAE,EAAE,CAAC;yBACN,EAAA,QAAA,EAEA,WAAW,GACD,EAEbA,GAAA,CAAA,MAAA,EAAA,EAAM,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE;AAC5B,4BAAA,QAAQ,EAAE,UAAU;AACpB,4BAAA,UAAU,EAAE,QAAQ;AACpB,4BAAA,MAAM,EAAE,CAAC;AACT,4BAAA,UAAU,EAAE,QAAQ;AACpB,4BAAA,QAAQ,EAAE,MAAM;AAChB,4BAAA,UAAU,EAAE;AACb,yBAAA,EAAA,CAAI,IACD,EACL,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,KAAK,YAAY,IAAI,UAAU,KAAK,IAAI,CAAC,MAC1EA,IAAC,YAAY,EAAA,EACX,OAAO,EAAE,MAAM,aAAa,CAAC,CAAC,UAAU,CAAC,EAAA,YAAA,EAC7B,UAAU,GAAG,UAAU,GAAG,QAAQ,EAC9C,IAAI,EAAC,OAAO,EAAA,QAAA,EAEX,UAAU,IACTA,GAAA,CAAC,iBAAiB,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,EAAE,EAAC,EAAA,CAAI,KAEzCA,IAAC,iBAAiB,EAAA,EAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,EAAE,EAAC,EAAA,CAAI,CAC1C,GACY,CAChB,CAAA,EAAA,CACe;AAEtB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RichTextArea.js","sources":["../../../../src/components/RichTextArea.tsx"],"sourcesContent":["import React from 'react';\nimport { styled, InputLabel } from '@mui/material';\nimport { StyledLabel } from './Input';\n\ninterface RichTextAreaProps {\n  error?: string;\n  value: string;\n  label?: string;\n  fullWidth?: boolean;\n  id?: string;\n  onChange: (question: any, value: string) => void;\n  question: any;\n  helperText?: string;\n  rows?: number;\n  disabled?: boolean;\n  placeholder?: string;\n}\n\nconst AreaWrapper = styled('div')(({ theme }) => ({\n  width: '100%',\n}));\n\nconst StyledTextarea = styled('textarea', {\n  shouldForwardProp: (prop) => !['error'].includes(prop as string),\n})<{ error?: string }>(({ theme, error }) => ({\n  width: '100%',\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  color: theme.palette.dark.main,\n  fontSize: '1rem',\n  minWidth: 0,\n  border: `2px solid ${error ? theme.palette.error.main : `${theme.palette.dark.main}33`}`,\n  padding: theme.spacing(1, 3),\n  fontFamily: theme.typography.fontFamily,\n  outline: 'none',\n  transition: 'border-color 0.2s',\n  '&:focus': {\n    borderColor: error ? theme.palette.error.main : theme.palette.primary.main,\n  },\n  '&:hover': {\n    borderColor: error ? theme.palette.error.main : theme.palette.primary.main,\n  },\n  '&:disabled': {\n    backgroundColor: `${theme.palette.dark.main}0D`,\n    color: `${theme.palette.dark.main}80`,\n    cursor: 'not-allowed',\n  },\n  resize: 'vertical',\n}));\n\nconst HelperText = styled('div')<{ error?: string }>(({ theme, error }) => ({\n  marginTop: theme.spacing(0.75),\n  fontSize: '0.875rem',\n  color: error ? theme.palette.error.main : `${theme.palette.dark.main}99`,\n}));\n\nexport const RichTextArea: React.FC<RichTextAreaProps> = ({\n  error,\n  value,\n  label,\n  fullWidth = false,\n  id,\n  onChange,\n  question,\n  helperText,\n  rows = 4,\n  disabled,\n  placeholder,\n}) => {\n  const inputId = id || `richtextarea-${Math.random().toString(36).substr(2, 9)}`;\n\n  return (\n    <AreaWrapper sx={{ ...(!fullWidth && { width: 'auto' }) }}>\n      {label && (\n        <StyledLabel htmlFor={inputId}>\n          {label}\n        </StyledLabel>\n      )}\n      <StyledTextarea\n        id={inputId}\n        error={error}\n        value={value || ''}\n        rows={rows}\n        onChange={(e) => onChange(question, e.target.value)}\n        disabled={disabled}\n        placeholder={placeholder}\n      />\n      {(error || helperText) && (\n        <HelperText error={error}>\n          {error || helperText}\n        </HelperText>\n      )}\n    </AreaWrapper>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"RichTextArea.js","sources":["../../../../src/components/RichTextArea.tsx"],"sourcesContent":["import React from 'react';\r\nimport { styled, InputLabel } from '@mui/material';\r\nimport { StyledLabel } from './Input';\r\n\r\ninterface RichTextAreaProps {\r\n  error?: string;\r\n  value: string;\r\n  label?: string;\r\n  fullWidth?: boolean;\r\n  id?: string;\r\n  onChange: (question: any, value: string) => void;\r\n  question: any;\r\n  helperText?: string;\r\n  rows?: number;\r\n  disabled?: boolean;\r\n  placeholder?: string;\r\n}\r\n\r\nconst AreaWrapper = styled('div')(({ theme }) => ({\r\n  width: '100%',\r\n}));\r\n\r\nconst StyledTextarea = styled('textarea', {\r\n  shouldForwardProp: (prop) => !['error'].includes(prop as string),\r\n})<{ error?: string }>(({ theme, error }) => ({\r\n  width: '100%',\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  color: theme.palette.dark.main,\r\n  fontSize: '1rem',\r\n  minWidth: 0,\r\n  border: `2px solid ${error ? theme.palette.error.main : `${theme.palette.dark.main}33`}`,\r\n  padding: theme.spacing(1, 3),\r\n  fontFamily: theme.typography.fontFamily,\r\n  outline: 'none',\r\n  transition: 'border-color 0.2s',\r\n  '&:focus': {\r\n    borderColor: error ? theme.palette.error.main : theme.palette.primary.main,\r\n  },\r\n  '&:hover': {\r\n    borderColor: error ? theme.palette.error.main : theme.palette.primary.main,\r\n  },\r\n  '&:disabled': {\r\n    backgroundColor: `${theme.palette.dark.main}0D`,\r\n    color: `${theme.palette.dark.main}80`,\r\n    cursor: 'not-allowed',\r\n  },\r\n  resize: 'vertical',\r\n}));\r\n\r\nconst HelperText = styled('div')<{ error?: string }>(({ theme, error }) => ({\r\n  marginTop: theme.spacing(0.75),\r\n  fontSize: '0.875rem',\r\n  color: error ? theme.palette.error.main : `${theme.palette.dark.main}99`,\r\n}));\r\n\r\nexport const RichTextArea: React.FC<RichTextAreaProps> = ({\r\n  error,\r\n  value,\r\n  label,\r\n  fullWidth = false,\r\n  id,\r\n  onChange,\r\n  question,\r\n  helperText,\r\n  rows = 4,\r\n  disabled,\r\n  placeholder,\r\n}) => {\r\n  const inputId = id || `richtextarea-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n  return (\r\n    <AreaWrapper sx={{ ...(!fullWidth && { width: 'auto' }) }}>\r\n      {label && (\r\n        <StyledLabel htmlFor={inputId}>\r\n          {label}\r\n        </StyledLabel>\r\n      )}\r\n      <StyledTextarea\r\n        id={inputId}\r\n        error={error}\r\n        value={value || ''}\r\n        rows={rows}\r\n        onChange={(e) => onChange(question, e.target.value)}\r\n        disabled={disabled}\r\n        placeholder={placeholder}\r\n      />\r\n      {(error || helperText) && (\r\n        <HelperText error={error}>\r\n          {error || helperText}\r\n        </HelperText>\r\n      )}\r\n    </AreaWrapper>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { FormControl, InputLabel, Select as MuiSelect, MenuItem, FormHelperText, styled } from '@mui/material';\nimport { useTheme } from '../ThemeProvider';\nimport { ExpandMoreRounded } from '@mui/icons-material';\nimport { StyledLabel } from './Input';\n\ninterface SelectProps {\n  label?: string;\n  error?: string;\n  helperText?: string;\n  fullWidth?: boolean;\n  options: { value: string; label: string }[];\n  value?: string;\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  disabled?: boolean;\n  className?: string;\n  id?: string;\n  name?: string;\n}\n\nconst StyledSelect = styled(MuiSelect)(({ theme, error }) => ({\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  '& .MuiInputBase-root, &.MuiOutlinedInput-root': {\n    height: 48,\n    padding: 0,\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    borderColor: error ? theme.palette.accent.main : `${theme.palette.dark.main}33`,\n    borderWidth: 2,\n  },\n  '&:hover .MuiOutlinedInput-notchedOutline': {\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\n    borderWidth: 2,\n  },\n  '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n    borderWidth: 2,\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\n  },\n  '&.Mui-disabled': {\n    backgroundColor: `${theme.palette.dark.main}0D`,\n    '& .MuiSelect-select': {\n      color: `${theme.palette.dark.main}80`,\n      cursor: 'not-allowed',\n    },\n  },\n  '& .MuiSelect-icon': {\n    color: `${theme.palette.dark.main}66`,\n  },\n}));\n\nexport const Select: React.FC<SelectProps> = ({\n  label,\n  error,\n  helperText,\n  fullWidth = false,\n  options,\n  className = '',\n  id,\n  value,\n  onChange,\n  disabled,\n  name,\n}) => {\n  const theme = useTheme();\n  const selectId = id || `select-${Math.random().toString(36).substr(2, 9)}`;\n\n  const handleChange = (event: any) => {\n    if (onChange) {\n      // Create a synthetic event that matches React.ChangeEvent<HTMLSelectElement>\n      const syntheticEvent = {\n        target: {\n          value: event.target.value,\n          name: name || '',\n        },\n        currentTarget: event.currentTarget,\n      } as React.ChangeEvent<HTMLSelectElement>;\n      onChange(syntheticEvent);\n    }\n  };\n\n  return (\n    <FormControl \n      fullWidth={fullWidth} \n      error={!!error}\n      className={className}\n    >\n      {label && (\n        <StyledLabel htmlFor={selectId} shrink={false}>\n          {label}\n        </StyledLabel>\n      )}\n      <StyledSelect\n        id={selectId}\n        name={name}\n        value={value || ''}\n        onChange={handleChange}\n        disabled={disabled}\n        error={!!error}\n        IconComponent={ExpandMoreRounded}\n        MenuProps={{\n          PaperProps: {\n            sx: {\n              mt: 1,\n              borderRadius: 2,\n              boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n            },\n          },\n        }}\n      >\n        {options.map((option) => (\n          <MenuItem \n            key={option.value} \n            value={option.value}\n            sx={{\n              fontSize: '1rem',\n              color: theme.palette.dark.main,\n              '&:hover': {\n                backgroundColor: `${theme.palette.primary.main}1A`,\n              },\n              '&.Mui-selected': {\n                backgroundColor: `${theme.palette.primary.main}26`,\n                '&:hover': {\n                  backgroundColor: `${theme.palette.primary.main}33`,\n                },\n              },\n            }}\n          >\n            {option.label}\n          </MenuItem>\n        ))}\n      </StyledSelect>\n      {error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: '0.875rem',\n            color: theme.palette.accent.main,\n          }}\n        >\n          {error}\n        </FormHelperText>\n      )}\n      {helperText && !error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: '0.875rem',\n            color: `${theme.palette.dark.main}99`,\n          }}\n        >\n          {helperText}\n        </FormHelperText>\n      )}\n    </FormControl>\n  );\n};"],"names":["MuiSelect","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Select.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { FormControl, InputLabel, Select as MuiSelect, MenuItem, FormHelperText, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { ExpandMoreRounded } from '@mui/icons-material';\r\nimport { StyledLabel } from './Input';\r\n\r\ninterface SelectProps {\r\n  label?: string;\r\n  error?: string;\r\n  helperText?: string;\r\n  fullWidth?: boolean;\r\n  options: { value: string; label: string }[];\r\n  value?: string;\r\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  name?: string;\r\n}\r\n\r\nconst StyledSelect = styled(MuiSelect)(({ theme, error }) => ({\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  '& .MuiInputBase-root, &.MuiOutlinedInput-root': {\r\n    height: 48,\r\n    padding: 0,\r\n  },\r\n  '& .MuiOutlinedInput-notchedOutline': {\r\n    borderColor: error ? theme.palette.accent.main : `${theme.palette.dark.main}33`,\r\n    borderWidth: 2,\r\n  },\r\n  '&:hover .MuiOutlinedInput-notchedOutline': {\r\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\r\n    borderWidth: 2,\r\n  },\r\n  '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\r\n    borderWidth: 2,\r\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\r\n  },\r\n  '&.Mui-disabled': {\r\n    backgroundColor: `${theme.palette.dark.main}0D`,\r\n    '& .MuiSelect-select': {\r\n      color: `${theme.palette.dark.main}80`,\r\n      cursor: 'not-allowed',\r\n    },\r\n  },\r\n  '& .MuiSelect-icon': {\r\n    color: `${theme.palette.dark.main}66`,\r\n  },\r\n}));\r\n\r\nexport const Select: React.FC<SelectProps> = ({\r\n  label,\r\n  error,\r\n  helperText,\r\n  fullWidth = false,\r\n  options,\r\n  className = '',\r\n  id,\r\n  value,\r\n  onChange,\r\n  disabled,\r\n  name,\r\n}) => {\r\n  const theme = useTheme();\r\n  const selectId = id || `select-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n  const handleChange = (event: any) => {\r\n    if (onChange) {\r\n      // Create a synthetic event that matches React.ChangeEvent<HTMLSelectElement>\r\n      const syntheticEvent = {\r\n        target: {\r\n          value: event.target.value,\r\n          name: name || '',\r\n        },\r\n        currentTarget: event.currentTarget,\r\n      } as React.ChangeEvent<HTMLSelectElement>;\r\n      onChange(syntheticEvent);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <FormControl \r\n      fullWidth={fullWidth} \r\n      error={!!error}\r\n      className={className}\r\n    >\r\n      {label && (\r\n        <StyledLabel htmlFor={selectId} shrink={false}>\r\n          {label}\r\n        </StyledLabel>\r\n      )}\r\n      <StyledSelect\r\n        id={selectId}\r\n        name={name}\r\n        value={value || ''}\r\n        onChange={handleChange}\r\n        disabled={disabled}\r\n        error={!!error}\r\n        IconComponent={ExpandMoreRounded}\r\n        MenuProps={{\r\n          PaperProps: {\r\n            sx: {\r\n              mt: 1,\r\n              borderRadius: 2,\r\n              boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        {options.map((option) => (\r\n          <MenuItem \r\n            key={option.value} \r\n            value={option.value}\r\n            sx={{\r\n              fontSize: '1rem',\r\n              color: theme.palette.dark.main,\r\n              '&:hover': {\r\n                backgroundColor: `${theme.palette.primary.main}1A`,\r\n              },\r\n              '&.Mui-selected': {\r\n                backgroundColor: `${theme.palette.primary.main}26`,\r\n                '&:hover': {\r\n                  backgroundColor: `${theme.palette.primary.main}33`,\r\n                },\r\n              },\r\n            }}\r\n          >\r\n            {option.label}\r\n          </MenuItem>\r\n        ))}\r\n      </StyledSelect>\r\n      {error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 0.75,\r\n            fontSize: '0.875rem',\r\n            color: theme.palette.accent.main,\r\n          }}\r\n        >\r\n          {error}\r\n        </FormHelperText>\r\n      )}\r\n      {helperText && !error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 0.75,\r\n            fontSize: '0.875rem',\r\n            color: `${theme.palette.dark.main}99`,\r\n          }}\r\n        >\r\n          {helperText}\r\n        </FormHelperText>\r\n      )}\r\n    </FormControl>\r\n  );\r\n};"],"names":["MuiSelect","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/Sidebar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 interface PolicyItem {
     id: number;
     title: string;

package/dist/esm/components/Sidebar.js

@@ -2,43 +2,43 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { styled, Box, IconButton, ListItemButton, Typography, List, ListItemText, Collapse } from '@mui/material';
 import { useTheme } from '../ThemeProvider.js';
-import { HomeRounded, KeyboardDoubleArrowLeftRounded, KeyboardDoubleArrowRightRounded, ArticleRounded, ExpandLessRounded, ExpandMoreRounded, ChevronRightRounded } from '@mui/icons-material';
+import { HomeRounded, KeyboardDoubleArrowLeftRounded, KeyboardDoubleArrowRightRounded, ArticleRounded, ExpandLessRounded, ExpandMoreRounded, Settings, ChevronRightRounded } from '@mui/icons-material';
 
 const SidebarContainer = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'isOpen',
+    shouldForwardProp: (prop) => prop !== "isOpen",
 })(({ theme, isOpen }) => ({
-    height: '100vh',
-    position: 'sticky',
+    height: "100vh",
+    position: "sticky",
     top: 0,
     paddingLeft: 0,
-    overflow: 'hidden',
-    backgroundColor: '#fff',
+    overflow: "hidden",
+    backgroundColor: "#fff",
     borderRight: `1px solid ${theme.palette.dark.main}1A`,
     flexShrink: 0,
-    transition: 'all 0.3s ease-in-out',
-    width: isOpen ? '288px' : '64px',
+    transition: "all 0.3s ease-in-out",
+    width: isOpen ? "288px" : "64px",
     zIndex: 50,
-    [theme.breakpoints.down('md')]: {
-        position: 'fixed',
-        left: isOpen ? 0 : '-288px',
-        width: '288px',
+    [theme.breakpoints.down("md")]: {
+        position: "fixed",
+        left: isOpen ? 0 : "-288px",
+        width: "288px",
     },
-    [theme.breakpoints.up('sm')]: {
-        width: isOpen ? '288px' : '80px',
+    [theme.breakpoints.up("sm")]: {
+        width: isOpen ? "288px" : "80px",
     },
 }));
 const ToggleButton = styled(IconButton)(({ theme }) => ({
     width: 40,
     height: 40,
     borderRadius: theme.shape.borderRadius,
-    backgroundColor: '#4D3019',
-    color: '#fff',
-    '&:hover': {
-        backgroundColor: '#3d2614',
+    backgroundColor: "#4D3019",
+    color: "#fff",
+    "&:hover": {
+        backgroundColor: "#3d2614",
     },
 }));
 const MenuItemButton = styled(ListItemButton, {
-    shouldForwardProp: (prop) => prop !== 'isOpen' && prop !== 'isActive'
+    shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "isActive",
 })(({ theme, isActive, isOpen }) => ({
     borderRadius: isOpen
         ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`
@@ -47,30 +47,30 @@ const MenuItemButton = styled(ListItemButton, {
     paddingRight: isOpen ? theme.spacing(2) : 0,
     marginRight: isOpen ? 8 : 0,
     minHeight: 64,
-    justifyContent: isOpen ? 'flex-start' : 'center',
-    backgroundClip: 'padding-box',
-    backgroundOrigin: 'border-box',
-    '&:hover': {
+    justifyContent: isOpen ? "flex-start" : "center",
+    backgroundClip: "padding-box",
+    backgroundOrigin: "border-box",
+    "&:hover": {
         backgroundColor: `${theme.palette.primary.main}0D`,
     },
     ...(isActive && {
         backgroundColor: `${theme.palette.primary.main}1A`,
-        '&:hover': {
+        "&:hover": {
             backgroundColor: `${theme.palette.primary.main}1A`,
-        }
+        },
     }),
 }));
 const IconWrapper = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'isOpen'
+    shouldForwardProp: (prop) => prop !== "isOpen",
 })(({ theme, isOpen }) => ({
     width: isOpen ? 32 : 40,
     height: isOpen ? 32 : 40,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: 'transparent'
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "transparent",
 }));
-const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here \n across two lines", policies = [], onNavigate }) => {
+const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here \n across two lines", policies = [], onNavigate, }) => {
     const theme = useTheme();
     const [expandedItems, setExpandedItems] = useState([]);
     const [expandedPolicies, setExpandedPolicies] = useState([]);
@@ -83,12 +83,14 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
         }
     };
     const togglePolicyItem = (itemId) => {
-        setExpandedPolicies((prev) => prev.includes(itemId) ? prev.filter((id) => id !== itemId) : [...prev, itemId]);
+        setExpandedPolicies((prev) => prev.includes(itemId)
+            ? prev.filter((id) => id !== itemId)
+            : [...prev, itemId]);
     };
     const menuItems = [
         {
-            id: '/dashboard',
-            label: 'Dashboard',
+            id: "/dashboard",
+            label: "Dashboard",
             icon: jsx(HomeRounded, { sx: { fontSize: 28, color: "#4D3019" } }),
         },
     ];
@@ -96,12 +98,12 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
         return items.map((item) => {
             const hasChildren = item.items && item.items.length > 0;
             const isExpanded = expandedPolicies.includes(item.id);
-            const paddingLeft = 3 + (depth * 2);
-            return (jsxs(Box, { children: [jsx(Box, { sx: { display: 'flex', alignItems: 'stretch' }, children: jsxs(ListItemButton, { disableRipple: true, sx: {
+            const paddingLeft = 3 + depth * 2;
+            return (jsxs(Box, { children: [jsx(Box, { sx: { display: "flex", alignItems: "stretch" }, children: jsxs(ListItemButton, { disableRipple: true, sx: {
                                 flex: 1,
-                                width: '100%',
+                                width: "100%",
                                 pl: paddingLeft,
-                                marginRight: '8px',
+                                marginRight: "8px",
                                 py: 1.25,
                                 pr: 1,
                                 borderRadius: `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`,
@@ -109,11 +111,13 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
                                 // '&:hover': {
                                 //   backgroundColor: isExpanded ? `${theme.palette.primary.main}1F` : `${theme.palette.primary.main}0D`,
                                 // },
-                                backgroundColor: isExpanded ? `${theme.palette.primary.main}1A` : 'transparent',
+                                backgroundColor: isExpanded
+                                    ? `${theme.palette.primary.main}1A`
+                                    : "transparent",
                             }, children: [jsx(Box, { sx: {
-                                        cursor: 'pointer',
-                                        flex: 1
-                                    }, onClick: () => handleNavigation(item.url), children: jsx(ListItemText, { primary: item.title, primaryTypographyProps: { fontSize: '0.875rem' } }) }), hasChildren && (jsx(IconButton, { onClick: (e) => {
+                                        cursor: "pointer",
+                                        flex: 1,
+                                    }, onClick: () => handleNavigation(item.url), children: jsx(ListItemText, { primary: item.title, primaryTypographyProps: { fontSize: "0.875rem" } }) }), hasChildren && (jsx(IconButton, { onClick: (e) => {
                                         e.stopPropagation();
                                         togglePolicyItem(item.id);
                                     }, disableRipple: true, sx: {
@@ -121,14 +125,14 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
                                         borderRadius: 1,
                                         width: 32,
                                         height: 32,
-                                        '&:hover': {
+                                        "&:hover": {
                                             backgroundColor: `${theme.palette.primary.main}1F`,
                                         },
                                     }, children: jsx(ChevronRightRounded, { sx: {
                                             fontSize: 16,
-                                            color: '#4D3019',
-                                            transition: 'transform 0.2s',
-                                            transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',
+                                            color: "#4D3019",
+                                            transition: "transform 0.2s",
+                                            transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)",
                                         } }) }))] }) }), hasChildren && isExpanded && (jsx(Collapse, { in: true, timeout: "auto", children: jsx(List, { sx: { p: 0, mt: 0.5 }, children: renderPolicyItems(item.items, depth + 1) }) }))] }, item.id));
         });
     };
@@ -138,41 +142,43 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
             setExpandedItems([itemId]);
         }
         else {
-            setExpandedItems((prev) => prev.includes(itemId) ? prev.filter((id) => id !== itemId) : [...prev, itemId]);
+            setExpandedItems((prev) => prev.includes(itemId)
+                ? prev.filter((id) => id !== itemId)
+                : [...prev, itemId]);
         }
     };
     return (jsxs(Fragment, { children: [isOpen && (jsx(Box, { sx: {
-                    position: 'fixed',
+                    position: "fixed",
                     inset: 0,
-                    bgcolor: 'rgba(0, 0, 0, 0.5)',
+                    bgcolor: "rgba(0, 0, 0, 0.5)",
                     zIndex: 40,
-                    display: { xs: 'block', md: 'none' },
-                }, onClick: onToggle })), jsx(SidebarContainer, { isOpen: isOpen, children: jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [isOpen && (jsxs(Box, { sx: {
+                    display: { xs: "block", md: "none" },
+                }, onClick: onToggle })), jsx(SidebarContainer, { isOpen: isOpen, children: jsxs(Box, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [isOpen && (jsxs(Box, { sx: {
                                 px: 2,
                                 py: 3,
                                 borderBottom: `1px solid ${theme.palette.dark.main}1A`,
                                 flexShrink: 0,
-                                position: 'relative',
-                                display: 'flex',
-                                flexDirection: 'row',
-                                alignItems: 'center',
+                                position: "relative",
+                                display: "flex",
+                                flexDirection: "row",
+                                alignItems: "center",
                             }, children: [jsx(Typography, { variant: "h6", sx: {
-                                        fontSize: '18px',
+                                        fontSize: "18px",
                                         fontWeight: 700,
-                                        color: '#4D3019',
+                                        color: "#4D3019",
                                         lineHeight: 1.3,
-                                        whiteSpace: 'pre-line',
+                                        whiteSpace: "pre-line",
                                         flex: 1,
                                         pr: 2,
-                                    }, children: centreName }), jsx(ToggleButton, { onClick: onToggle, sx: { ml: 'auto' }, "aria-label": "Collapse sidebar", children: jsx(KeyboardDoubleArrowLeftRounded, { sx: { fontSize: 20 } }) })] })), !isOpen && (jsx(Box, { sx: {
+                                    }, children: centreName }), jsx(ToggleButton, { onClick: onToggle, sx: { ml: "auto" }, "aria-label": "Collapse sidebar", children: jsx(KeyboardDoubleArrowLeftRounded, { sx: { fontSize: 20 } }) })] })), !isOpen && (jsx(Box, { sx: {
                                 px: 1,
                                 py: 3,
                                 borderBottom: `1px solid ${theme.palette.dark.main}1A`,
-                                display: 'flex',
-                                justifyContent: 'center',
+                                display: "flex",
+                                justifyContent: "center",
                             }, children: jsx(ToggleButton, { onClick: onToggle, "aria-label": "Expand sidebar", children: jsx(KeyboardDoubleArrowRightRounded, { sx: { fontSize: 20 } }) }) })), jsx(Box, { sx: {
                                 flex: 1,
-                                overflowY: 'auto',
+                                overflowY: "auto",
                                 px: isOpen ? 0 : 1,
                                 py: 3,
                             }, children: jsxs(List, { sx: { p: 0 }, children: [jsx(Box, { sx: { mb: 1 }, children: jsxs(MenuItemButton, { disableRipple: true, isOpen: isOpen, onClick: () => {
@@ -180,11 +186,27 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
                                                     onToggle();
                                                 toggleItem(menuItems[0].id);
                                                 handleNavigation(menuItems[0].id);
-                                            }, isActive: window.location.pathname.includes(menuItems[0].id), title: !isOpen ? menuItems[0].label : undefined, children: [jsx(IconWrapper, { isOpen: isOpen, sx: { ml: isOpen ? 2 : 0 }, children: menuItems[0].icon }), isOpen && (jsx(ListItemText, { primary: menuItems[0].label, primaryTypographyProps: { fontSize: '1rem', fontWeight: 700 }, sx: { flex: 1, ml: 1 } }))] }) }, menuItems[0].id), policies.length > 0 && (jsxs(Box, { sx: { mb: 1 }, children: [jsxs(MenuItemButton, { disableRipple: true, isOpen: isOpen, onClick: () => {
-                                                    toggleItem('policies');
-                                                }, isActive: expandedItems.includes('policies'), title: !isOpen ? 'Policies' : undefined, children: [jsx(IconWrapper, { isOpen: isOpen, sx: { ml: isOpen ? 2 : 0 }, children: jsx(ArticleRounded, { sx: { fontSize: 28, color: "#4D3019" } }) }), isOpen && (jsxs(Fragment, { children: [jsx(ListItemText, { primary: "Policies", primaryTypographyProps: {
-                                                                    fontSize: '1rem', fontWeight: 700
-                                                                }, sx: { flex: 1, ml: 1 } }), jsx(Box, { sx: { display: 'flex', alignItems: 'center', height: '100%' }, children: expandedItems.includes('policies') ? (jsx(ExpandLessRounded, { sx: { fontSize: 20, color: "#4D3019" } })) : (jsx(ExpandMoreRounded, { sx: { fontSize: 20, color: "#4D3019" } })) })] }))] }), expandedItems.includes('policies') && isOpen && (jsx(Collapse, { in: true, timeout: "auto", children: jsx(List, { sx: { p: 0, mt: 0.5 }, children: renderPolicyItems(policies) }) }))] }))] }) })] }) })] }));
+                                            }, isActive: window.location.pathname.includes(menuItems[0].id), title: !isOpen ? menuItems[0].label : undefined, children: [jsx(IconWrapper, { isOpen: isOpen, sx: { ml: isOpen ? 2 : 0 }, children: menuItems[0].icon }), isOpen && (jsx(ListItemText, { primary: menuItems[0].label, primaryTypographyProps: {
+                                                        fontSize: "1rem",
+                                                        fontWeight: 700,
+                                                    }, sx: { flex: 1, ml: 1 } }))] }) }, menuItems[0].id), policies.length > 0 && (jsxs(Box, { sx: { mb: 1 }, children: [jsxs(MenuItemButton, { disableRipple: true, isOpen: isOpen, onClick: () => {
+                                                    toggleItem("policies");
+                                                }, isActive: expandedItems.includes("policies"), title: !isOpen ? "Policies" : undefined, children: [jsx(IconWrapper, { isOpen: isOpen, sx: { ml: isOpen ? 2 : 0 }, children: jsx(ArticleRounded, { sx: { fontSize: 28, color: "#4D3019" } }) }), isOpen && (jsxs(Fragment, { children: [jsx(ListItemText, { primary: "Policies", primaryTypographyProps: {
+                                                                    fontSize: "1rem",
+                                                                    fontWeight: 700,
+                                                                }, sx: { flex: 1, ml: 1 } }), jsx(Box, { sx: {
+                                                                    display: "flex",
+                                                                    alignItems: "center",
+                                                                    height: "100%",
+                                                                }, children: expandedItems.includes("policies") ? (jsx(ExpandLessRounded, { sx: { fontSize: 20, color: "#4D3019" } })) : (jsx(ExpandMoreRounded, { sx: { fontSize: 20, color: "#4D3019" } })) })] }))] }), expandedItems.includes("policies") && isOpen && (jsx(Collapse, { in: true, timeout: "auto", children: jsx(List, { sx: { p: 0, mt: 0.5 }, children: renderPolicyItems(policies) }) }))] })), jsx(Box, { sx: { mb: 1 }, children: jsxs(MenuItemButton, { disableRipple: true, isOpen: isOpen, onClick: () => {
+                                                if (!isOpen)
+                                                    onToggle();
+                                                toggleItem("/settings");
+                                                handleNavigation("/settings");
+                                            }, isActive: window.location.pathname.includes("/settings"), title: !isOpen ? "Settings" : undefined, children: [jsx(IconWrapper, { isOpen: isOpen, sx: { ml: isOpen ? 2 : 0 }, children: jsx(Settings, {}) }), isOpen && (jsx(ListItemText, { primary: "Settings", primaryTypographyProps: {
+                                                        fontSize: "1rem",
+                                                        fontWeight: 700,
+                                                    }, sx: { flex: 1, ml: 1 } }))] }) }, "/settings")] }) })] }) })] }));
 };
 
 export { Sidebar };

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Sidebar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, IconButton, Typography, List, ListItemButton, ListItemText, Collapse, styled } from '@mui/material';\nimport { useTheme } from '../ThemeProvider';\nimport { ArticleRounded, ChevronRightRounded, ExpandLessRounded, ExpandMoreRounded, HelpCenterRounded, HomeRounded, KeyboardDoubleArrowLeftRounded, KeyboardDoubleArrowRightRounded, SupportAgentRounded, TextSnippetRounded } from '@mui/icons-material';\n\n// PolicyItem and SidebarProps interfaces as before\ninterface PolicyItem {\n  id: number;\n  title: string;\n  url: string;\n  newpage?: boolean;\n  items?: PolicyItem[];\n}\n\ninterface SidebarProps {\n  isOpen: boolean;\n  onToggle: () => void;\n  centreName?: string;\n  policies?: PolicyItem[];\n  onNavigate?: (path: string) => void;\n}\n\ninterface MenuItem {\n  id: string;\n  label: string;\n  icon: React.ReactNode;\n}\n\nconst SidebarContainer = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'isOpen',\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\n  height: '100vh',\n  position: 'sticky',\n  top: 0,\n  paddingLeft: 0,\n  overflow: 'hidden',\n  backgroundColor: '#fff',\n  borderRight: `1px solid ${theme.palette.dark.main}1A`,\n  flexShrink: 0,\n  transition: 'all 0.3s ease-in-out',\n  width: isOpen ? '288px' : '64px',\n  zIndex: 50,\n  [theme.breakpoints.down('md')]: {\n    position: 'fixed',\n    left: isOpen ? 0 : '-288px',\n    width: '288px',\n  },\n  [theme.breakpoints.up('sm')]: {\n    width: isOpen ? '288px' : '80px',\n  },\n}));\n\nconst ToggleButton = styled(IconButton)(({ theme }) => ({\n  width: 40,\n  height: 40,\n  borderRadius: theme.shape.borderRadius,\n  backgroundColor: '#4D3019',\n  color: '#fff',\n  '&:hover': {\n    backgroundColor: '#3d2614',\n  },\n}));\n\nconst MenuItemButton = styled(ListItemButton, {\n  shouldForwardProp: (prop) => prop !== 'isOpen' && prop !== 'isActive'\n})<{ isActive?: boolean; isOpen: boolean }>(({ theme, isActive, isOpen }) => ({\n  borderRadius: isOpen \n    ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`\n    : theme.shape.borderRadius,\n  paddingLeft: 0,\n  paddingRight: isOpen ? theme.spacing(2) : 0,\n  marginRight: isOpen ? 8 : 0,\n  minHeight: 64,\n  justifyContent: isOpen ? 'flex-start' : 'center',\n  backgroundClip: 'padding-box',\n  backgroundOrigin: 'border-box',\n  '&:hover': {\n    backgroundColor: `${theme.palette.primary.main}0D`,\n  },\n  ...(isActive && {\n    backgroundColor: `${theme.palette.primary.main}1A`,\n    '&:hover': {\n      backgroundColor: `${theme.palette.primary.main}1A`,\n    }\n  }),\n}));\n\nconst IconWrapper = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'isOpen'\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\n  width: isOpen ? 32 : 40,\n  height: isOpen ? 32 : 40,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  backgroundColor: 'transparent'\n}));\n\nexport const Sidebar: React.FC<SidebarProps> = ({\n  isOpen = true,\n  onToggle,\n  centreName = \"Centre name goes here \\n across two lines\",\n  policies = [],\n  onNavigate\n}) => {\n  const theme = useTheme();\n  const [expandedItems, setExpandedItems] = useState<string[]>([]);\n  const [expandedPolicies, setExpandedPolicies] = useState<number[]>([]);\n\n  const handleNavigation = (path: string) => {\n    if (onNavigate) {\n      onNavigate(path);\n    } else {\n      window.location.href = path;\n    }\n  };\n\n  const togglePolicyItem = (itemId: number) => {\n    setExpandedPolicies((prev) =>\n      prev.includes(itemId) ? prev.filter((id) => id !== itemId) : [...prev, itemId]\n    );\n  };\n\n  const menuItems: MenuItem[] = [\n    {\n      id: '/dashboard',\n      label: 'Dashboard',\n      icon: <HomeRounded sx={{ fontSize: 28, color: \"#4D3019\" }} />,\n    },\n  ];\n\n  const renderPolicyItems = (items: PolicyItem[], depth: number = 0): React.ReactNode => {\n    return items.map((item) => {\n      const hasChildren = item.items && item.items.length > 0;\n      const isExpanded = expandedPolicies.includes(item.id);\n      const paddingLeft = 3 + (depth * 2);\n\n      return (\n        <Box key={item.id}>\n          <Box sx={{ display: 'flex', alignItems: 'stretch' }}>\n            <ListItemButton\n              disableRipple\n              sx={{\n                flex: 1,\n                width: '100%',\n                pl: paddingLeft,\n                marginRight:'8px',\n                py: 1.25,\n                pr: 1,\n                borderRadius: `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`,\n                // Highlight if expanded\n                // '&:hover': {\n                //   backgroundColor: isExpanded ? `${theme.palette.primary.main}1F` : `${theme.palette.primary.main}0D`,\n                // },\n                backgroundColor: isExpanded ? `${theme.palette.primary.main}1A` : 'transparent',\n              }}\n            >\n              {/* Make the text a button/anchor */}\n              <Box\n                sx={{\n                  cursor: 'pointer',\n                  flex: 1\n                }}\n                onClick={() => handleNavigation(item.url)}\n              >\n                <ListItemText\n                  primary={item.title}\n                  primaryTypographyProps={{ fontSize: '0.875rem' }}\n                />\n              </Box>\n              {/* The chevron expands/collapses the section */}\n              {hasChildren && (\n                <IconButton\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    togglePolicyItem(item.id);\n                  }}\n                  disableRipple\n                  sx={{\n                    ml: 0.5,\n                    borderRadius: 1,\n                    width: 32,\n                    height: 32,\n                    '&:hover': {\n                      backgroundColor: `${theme.palette.primary.main}1F`,\n                    },\n                  }}\n                >\n                  <ChevronRightRounded\n                    sx={{\n                      fontSize: 16,\n                      color: '#4D3019',\n                      transition: 'transform 0.2s',\n                      transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',\n                    }}\n                  />\n                </IconButton>\n              )}\n            </ListItemButton>\n          </Box>\n          {hasChildren && isExpanded && (\n            <Collapse in={true} timeout=\"auto\">\n              <List sx={{ p: 0, mt: 0.5 }}>\n                {renderPolicyItems(item.items!, depth + 1)}\n              </List>\n            </Collapse>\n          )}\n        </Box>\n      );\n    });\n  };\n\n  const toggleItem = (itemId: string) => {\n    if (!isOpen) {\n      onToggle();\n      setExpandedItems([itemId]);\n    } else {\n      setExpandedItems((prev) =>\n        prev.includes(itemId) ? prev.filter((id) => id !== itemId) : [...prev, itemId]\n      );\n    }\n  };\n\n  return (\n    <>\n      {isOpen && (\n        <Box\n          sx={{\n            position: 'fixed',\n            inset: 0,\n            bgcolor: 'rgba(0, 0, 0, 0.5)',\n            zIndex: 40,\n            display: { xs: 'block', md: 'none' },\n          }}\n          onClick={onToggle}\n        />\n      )}\n      <SidebarContainer isOpen={isOpen}>\n        <Box sx={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n          {isOpen && (\n            <Box\n              sx={{\n                px: 2,\n                py: 3,\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\n                flexShrink: 0,\n                position: 'relative',\n                display: 'flex',\n                flexDirection: 'row', \n                alignItems: 'center', \n              }}\n            >\n              <Typography\n                variant=\"h6\"\n                sx={{\n                  fontSize: '18px',\n                  fontWeight: 700,\n                  color: '#4D3019',\n                  lineHeight: 1.3,\n                  whiteSpace: 'pre-line',\n                  flex: 1,\n                  pr: 2,\n                }}\n              >\n                {centreName}\n              </Typography>\n\n              <ToggleButton\n                onClick={onToggle}\n                sx={{ ml: 'auto' }}\n                aria-label=\"Collapse sidebar\"\n              >\n                <KeyboardDoubleArrowLeftRounded sx={{ fontSize: 20 }} />\n              </ToggleButton>\n            </Box>\n          )}\n\n          {!isOpen && (\n            <Box\n              sx={{\n                px: 1,\n                py: 3,\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\n                display: 'flex',\n                justifyContent: 'center',\n              }}\n            >\n              <ToggleButton onClick={onToggle} aria-label=\"Expand sidebar\">\n                <KeyboardDoubleArrowRightRounded sx={{ fontSize: 20 }} />\n              </ToggleButton>\n            </Box>\n          )}\n\n          <Box\n            sx={{\n              flex: 1,\n              overflowY: 'auto',\n              px: isOpen ? 0 : 1,\n              py: 3,\n            }}\n          >\n          <List sx={{ p: 0 }}>\n            {/* Dashboard menu item */}\n            <Box key={menuItems[0].id} sx={{ mb: 1 }}>\n              <MenuItemButton\n                disableRipple\n                isOpen={isOpen}\n                onClick={() => {\n                  if (!isOpen) onToggle();\n                  toggleItem(menuItems[0].id);\n                  handleNavigation(menuItems[0].id);\n                }}\n                isActive={window.location.pathname.includes(menuItems[0].id)}\n                title={!isOpen ? menuItems[0].label : undefined}\n              >\n                <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\n                  {menuItems[0].icon}\n                </IconWrapper>\n                {isOpen && (\n                  <ListItemText\n                    primary={menuItems[0].label}\n                    primaryTypographyProps={{ fontSize: '1rem', fontWeight: 700 }}\n                    sx={{ flex: 1, ml: 1 }}\n                  />\n                )}\n              </MenuItemButton>\n            </Box>\n\n            {policies.length > 0 && (\n              <Box sx={{ mb: 1 }}>\n                <MenuItemButton\n                  disableRipple\n                  isOpen={isOpen}\n                  onClick={() => {\n                    toggleItem('policies');\n                  }}\n                  isActive={expandedItems.includes('policies')}\n                  title={!isOpen ? 'Policies' : undefined}\n                >\n                  <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\n                    <ArticleRounded sx={{ fontSize: 28, color: \"#4D3019\" }} />\n                  </IconWrapper>\n                  {isOpen && (\n                    <>\n                      <ListItemText\n                        primary=\"Policies\"\n                        primaryTypographyProps={{\n                          fontSize: '1rem', fontWeight: 700\n                        }}\n                        sx={{ flex: 1, ml: 1 }}\n                      />\n                      <Box sx={{ display: 'flex', alignItems: 'center', height: '100%' }}>\n                        {expandedItems.includes('policies') ? (\n                          <ExpandLessRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\n                        ) : (\n                          <ExpandMoreRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\n                        )}\n                      </Box>\n                    </>\n                  )}\n                </MenuItemButton>\n                {expandedItems.includes('policies') && isOpen && (\n                  <Collapse in={true} timeout=\"auto\">\n                    <List sx={{ p: 0, mt: 0.5 }}>\n                      {renderPolicyItems(policies)}\n                    </List>\n                  </Collapse>\n                )}\n              </Box>\n            )}\n          </List>\n          </Box>\n        </Box>\n      </SidebarContainer>\n    </>\n  );\n};"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Sidebar.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Typography,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  Collapse,\r\n  styled,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  ArticleRounded,\r\n  ChevronRightRounded,\r\n  ExpandLessRounded,\r\n  ExpandMoreRounded,\r\n  HelpCenterRounded,\r\n  HomeRounded,\r\n  KeyboardDoubleArrowLeftRounded,\r\n  KeyboardDoubleArrowRightRounded,\r\n  Settings,\r\n  SupportAgentRounded,\r\n  TextSnippetRounded,\r\n} from \"@mui/icons-material\";\r\n\r\n// PolicyItem and SidebarProps interfaces as before\r\ninterface PolicyItem {\r\n  id: number;\r\n  title: string;\r\n  url: string;\r\n  newpage?: boolean;\r\n  items?: PolicyItem[];\r\n}\r\n\r\ninterface SidebarProps {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  centreName?: string;\r\n  policies?: PolicyItem[];\r\n  onNavigate?: (path: string) => void;\r\n}\r\n\r\ninterface MenuItem {\r\n  id: string;\r\n  label: string;\r\n  icon: React.ReactNode;\r\n}\r\n\r\nconst SidebarContainer = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  height: \"100vh\",\r\n  position: \"sticky\",\r\n  top: 0,\r\n  paddingLeft: 0,\r\n  overflow: \"hidden\",\r\n  backgroundColor: \"#fff\",\r\n  borderRight: `1px solid ${theme.palette.dark.main}1A`,\r\n  flexShrink: 0,\r\n  transition: \"all 0.3s ease-in-out\",\r\n  width: isOpen ? \"288px\" : \"64px\",\r\n  zIndex: 50,\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    position: \"fixed\",\r\n    left: isOpen ? 0 : \"-288px\",\r\n    width: \"288px\",\r\n  },\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    width: isOpen ? \"288px\" : \"80px\",\r\n  },\r\n}));\r\n\r\nconst ToggleButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius: theme.shape.borderRadius,\r\n  backgroundColor: \"#4D3019\",\r\n  color: \"#fff\",\r\n  \"&:hover\": {\r\n    backgroundColor: \"#3d2614\",\r\n  },\r\n}));\r\n\r\nconst MenuItemButton = styled(ListItemButton, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\" && prop !== \"isActive\",\r\n})<{ isActive?: boolean; isOpen: boolean }>(({ theme, isActive, isOpen }) => ({\r\n  borderRadius: isOpen\r\n    ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`\r\n    : theme.shape.borderRadius,\r\n  paddingLeft: 0,\r\n  paddingRight: isOpen ? theme.spacing(2) : 0,\r\n  marginRight: isOpen ? 8 : 0,\r\n  minHeight: 64,\r\n  justifyContent: isOpen ? \"flex-start\" : \"center\",\r\n  backgroundClip: \"padding-box\",\r\n  backgroundOrigin: \"border-box\",\r\n  \"&:hover\": {\r\n    backgroundColor: `${theme.palette.primary.main}0D`,\r\n  },\r\n  ...(isActive && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n    \"&:hover\": {\r\n      backgroundColor: `${theme.palette.primary.main}1A`,\r\n    },\r\n  }),\r\n}));\r\n\r\nconst IconWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\r\n})<{ isOpen: boolean }>(({ theme, isOpen }) => ({\r\n  width: isOpen ? 32 : 40,\r\n  height: isOpen ? 32 : 40,\r\n  display: \"flex\",\r\n  alignItems: \"center\",\r\n  justifyContent: \"center\",\r\n  backgroundColor: \"transparent\",\r\n}));\r\n\r\nexport const Sidebar: React.FC<SidebarProps> = ({\r\n  isOpen = true,\r\n  onToggle,\r\n  centreName = \"Centre name goes here \\n across two lines\",\r\n  policies = [],\r\n  onNavigate,\r\n}) => {\r\n  const theme = useTheme();\r\n  const [expandedItems, setExpandedItems] = useState<string[]>([]);\r\n  const [expandedPolicies, setExpandedPolicies] = useState<number[]>([]);\r\n\r\n  const handleNavigation = (path: string) => {\r\n    if (onNavigate) {\r\n      onNavigate(path);\r\n    } else {\r\n      window.location.href = path;\r\n    }\r\n  };\r\n\r\n  const togglePolicyItem = (itemId: number) => {\r\n    setExpandedPolicies((prev) =>\r\n      prev.includes(itemId)\r\n        ? prev.filter((id) => id !== itemId)\r\n        : [...prev, itemId],\r\n    );\r\n  };\r\n\r\n  const menuItems: MenuItem[] = [\r\n    {\r\n      id: \"/dashboard\",\r\n      label: \"Dashboard\",\r\n      icon: <HomeRounded sx={{ fontSize: 28, color: \"#4D3019\" }} />,\r\n    },\r\n  ];\r\n\r\n  const renderPolicyItems = (\r\n    items: PolicyItem[],\r\n    depth: number = 0,\r\n  ): React.ReactNode => {\r\n    return items.map((item) => {\r\n      const hasChildren = item.items && item.items.length > 0;\r\n      const isExpanded = expandedPolicies.includes(item.id);\r\n      const paddingLeft = 3 + depth * 2;\r\n\r\n      return (\r\n        <Box key={item.id}>\r\n          <Box sx={{ display: \"flex\", alignItems: \"stretch\" }}>\r\n            <ListItemButton\r\n              disableRipple\r\n              sx={{\r\n                flex: 1,\r\n                width: \"100%\",\r\n                pl: paddingLeft,\r\n                marginRight: \"8px\",\r\n                py: 1.25,\r\n                pr: 1,\r\n                borderRadius: `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`,\r\n                // Highlight if expanded\r\n                // '&:hover': {\r\n                //   backgroundColor: isExpanded ? `${theme.palette.primary.main}1F` : `${theme.palette.primary.main}0D`,\r\n                // },\r\n                backgroundColor: isExpanded\r\n                  ? `${theme.palette.primary.main}1A`\r\n                  : \"transparent\",\r\n              }}\r\n            >\r\n              {/* Make the text a button/anchor */}\r\n              <Box\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  flex: 1,\r\n                }}\r\n                onClick={() => handleNavigation(item.url)}\r\n              >\r\n                <ListItemText\r\n                  primary={item.title}\r\n                  primaryTypographyProps={{ fontSize: \"0.875rem\" }}\r\n                />\r\n              </Box>\r\n              {/* The chevron expands/collapses the section */}\r\n              {hasChildren && (\r\n                <IconButton\r\n                  onClick={(e) => {\r\n                    e.stopPropagation();\r\n                    togglePolicyItem(item.id);\r\n                  }}\r\n                  disableRipple\r\n                  sx={{\r\n                    ml: 0.5,\r\n                    borderRadius: 1,\r\n                    width: 32,\r\n                    height: 32,\r\n                    \"&:hover\": {\r\n                      backgroundColor: `${theme.palette.primary.main}1F`,\r\n                    },\r\n                  }}\r\n                >\r\n                  <ChevronRightRounded\r\n                    sx={{\r\n                      fontSize: 16,\r\n                      color: \"#4D3019\",\r\n                      transition: \"transform 0.2s\",\r\n                      transform: isExpanded ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                    }}\r\n                  />\r\n                </IconButton>\r\n              )}\r\n            </ListItemButton>\r\n          </Box>\r\n          {hasChildren && isExpanded && (\r\n            <Collapse in={true} timeout=\"auto\">\r\n              <List sx={{ p: 0, mt: 0.5 }}>\r\n                {renderPolicyItems(item.items!, depth + 1)}\r\n              </List>\r\n            </Collapse>\r\n          )}\r\n        </Box>\r\n      );\r\n    });\r\n  };\r\n\r\n  const toggleItem = (itemId: string) => {\r\n    if (!isOpen) {\r\n      onToggle();\r\n      setExpandedItems([itemId]);\r\n    } else {\r\n      setExpandedItems((prev) =>\r\n        prev.includes(itemId)\r\n          ? prev.filter((id) => id !== itemId)\r\n          : [...prev, itemId],\r\n      );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {isOpen && (\r\n        <Box\r\n          sx={{\r\n            position: \"fixed\",\r\n            inset: 0,\r\n            bgcolor: \"rgba(0, 0, 0, 0.5)\",\r\n            zIndex: 40,\r\n            display: { xs: \"block\", md: \"none\" },\r\n          }}\r\n          onClick={onToggle}\r\n        />\r\n      )}\r\n      <SidebarContainer isOpen={isOpen}>\r\n        <Box sx={{ display: \"flex\", flexDirection: \"column\", height: \"100%\" }}>\r\n          {isOpen && (\r\n            <Box\r\n              sx={{\r\n                px: 2,\r\n                py: 3,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                flexShrink: 0,\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                flexDirection: \"row\",\r\n                alignItems: \"center\",\r\n              }}\r\n            >\r\n              <Typography\r\n                variant=\"h6\"\r\n                sx={{\r\n                  fontSize: \"18px\",\r\n                  fontWeight: 700,\r\n                  color: \"#4D3019\",\r\n                  lineHeight: 1.3,\r\n                  whiteSpace: \"pre-line\",\r\n                  flex: 1,\r\n                  pr: 2,\r\n                }}\r\n              >\r\n                {centreName}\r\n              </Typography>\r\n\r\n              <ToggleButton\r\n                onClick={onToggle}\r\n                sx={{ ml: \"auto\" }}\r\n                aria-label=\"Collapse sidebar\"\r\n              >\r\n                <KeyboardDoubleArrowLeftRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          )}\r\n\r\n          {!isOpen && (\r\n            <Box\r\n              sx={{\r\n                px: 1,\r\n                py: 3,\r\n                borderBottom: `1px solid ${theme.palette.dark.main}1A`,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <ToggleButton onClick={onToggle} aria-label=\"Expand sidebar\">\r\n                <KeyboardDoubleArrowRightRounded sx={{ fontSize: 20 }} />\r\n              </ToggleButton>\r\n            </Box>\r\n          )}\r\n\r\n          <Box\r\n            sx={{\r\n              flex: 1,\r\n              overflowY: \"auto\",\r\n              px: isOpen ? 0 : 1,\r\n              py: 3,\r\n            }}\r\n          >\r\n            <List sx={{ p: 0 }}>\r\n              {/* Dashboard menu item */}\r\n              <Box key={menuItems[0].id} sx={{ mb: 1 }}>\r\n                <MenuItemButton\r\n                  disableRipple\r\n                  isOpen={isOpen}\r\n                  onClick={() => {\r\n                    if (!isOpen) onToggle();\r\n                    toggleItem(menuItems[0].id);\r\n                    handleNavigation(menuItems[0].id);\r\n                  }}\r\n                  isActive={window.location.pathname.includes(menuItems[0].id)}\r\n                  title={!isOpen ? menuItems[0].label : undefined}\r\n                >\r\n                  <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n                    {menuItems[0].icon}\r\n                  </IconWrapper>\r\n                  {isOpen && (\r\n                    <ListItemText\r\n                      primary={menuItems[0].label}\r\n                      primaryTypographyProps={{\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      sx={{ flex: 1, ml: 1 }}\r\n                    />\r\n                  )}\r\n                </MenuItemButton>\r\n              </Box>\r\n\r\n              {policies.length > 0 && (\r\n                <Box sx={{ mb: 1 }}>\r\n                  <MenuItemButton\r\n                    disableRipple\r\n                    isOpen={isOpen}\r\n                    onClick={() => {\r\n                      toggleItem(\"policies\");\r\n                    }}\r\n                    isActive={expandedItems.includes(\"policies\")}\r\n                    title={!isOpen ? \"Policies\" : undefined}\r\n                  >\r\n                    <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n                      <ArticleRounded sx={{ fontSize: 28, color: \"#4D3019\" }} />\r\n                    </IconWrapper>\r\n                    {isOpen && (\r\n                      <>\r\n                        <ListItemText\r\n                          primary=\"Policies\"\r\n                          primaryTypographyProps={{\r\n                            fontSize: \"1rem\",\r\n                            fontWeight: 700,\r\n                          }}\r\n                          sx={{ flex: 1, ml: 1 }}\r\n                        />\r\n                        <Box\r\n                          sx={{\r\n                            display: \"flex\",\r\n                            alignItems: \"center\",\r\n                            height: \"100%\",\r\n                          }}\r\n                        >\r\n                          {expandedItems.includes(\"policies\") ? (\r\n                            <ExpandLessRounded\r\n                              sx={{ fontSize: 20, color: \"#4D3019\" }}\r\n                            />\r\n                          ) : (\r\n                            <ExpandMoreRounded\r\n                              sx={{ fontSize: 20, color: \"#4D3019\" }}\r\n                            />\r\n                          )}\r\n                        </Box>\r\n                      </>\r\n                    )}\r\n                  </MenuItemButton>\r\n                  {expandedItems.includes(\"policies\") && isOpen && (\r\n                    <Collapse in={true} timeout=\"auto\">\r\n                      <List sx={{ p: 0, mt: 0.5 }}>\r\n                        {renderPolicyItems(policies)}\r\n                      </List>\r\n                    </Collapse>\r\n                  )}\r\n                </Box>\r\n              )}\r\n\r\n              <Box key={\"/settings\"} sx={{ mb: 1 }}>\r\n                <MenuItemButton\r\n                  disableRipple\r\n                  isOpen={isOpen}\r\n                  onClick={() => {\r\n                    if (!isOpen) onToggle();\r\n                    toggleItem(\"/settings\");\r\n                    handleNavigation(\"/settings\");\r\n                  }}\r\n                  isActive={window.location.pathname.includes(\"/settings\")}\r\n                  title={!isOpen ? \"Settings\" : undefined}\r\n                >\r\n                  <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n                    <Settings />\r\n                  </IconWrapper>\r\n                  {isOpen && (\r\n                    <ListItemText\r\n                      primary={\"Settings\"}\r\n                      primaryTypographyProps={{\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      sx={{ flex: 1, ml: 1 }}\r\n                    />\r\n                  )}\r\n                </MenuItemButton>\r\n              </Box>\r\n            </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};\r\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleModal.js","sources":["../../../../src/components/SimpleModal.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Dialog, DialogTitle, DialogContent, IconButton, styled } from '@mui/material';\nimport { useTheme } from '../ThemeProvider';\nimport { CloseRounded } from '@mui/icons-material';\n\ninterface SimpleModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  title: string;\n  children: React.ReactNode;\n}\n\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\n  '& .MuiDialog-paper': {\n    borderRadius: (typeof theme.shape.borderRadius === 'string'\n  ? parseInt(theme.shape.borderRadius, 10)\n  : theme.shape.borderRadius || 4) * 2,\n    maxWidth: '448px',\n    width: '100%',\n  },\n}));\n\nconst StyledDialogTitle = styled(DialogTitle)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: theme.spacing(3),\n  borderBottom: `1px solid ${theme.palette.divider}`,\n  fontSize: '1.125rem',\n  fontWeight: 600,\n  color: theme.palette.dark.main,\n}));\n\nconst CloseButton = styled(IconButton)(({ theme }) => ({\n  padding: theme.spacing(0.5),\n  '&:hover': {\n    backgroundColor: `${theme.palette.dark.main}0D`,\n  },\n}));\n\nexport const SimpleModal: React.FC<SimpleModalProps> = ({\n  isOpen,\n  onClose,\n  title,\n  children,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <StyledDialog \n      open={isOpen} \n      onClose={onClose}\n      maxWidth=\"sm\"\n      fullWidth\n    >\n      <StyledDialogTitle>\n        {title}\n        <CloseButton onClick={onClose} aria-label=\"Close\">\n          <CloseRounded sx={{fontSize:20, color:theme.palette.dark.main}} />\n        </CloseButton>\n      </StyledDialogTitle>\n\n      <DialogContent sx={{ p: 3 }}>\n        {children}\n      </DialogContent>\n    </StyledDialog>\n  );\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAcA,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAClD,IAAA,oBAAoB,EAAE;QACpB,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,OAAO;AACjB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC5D,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,IAAA,YAAY,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,OAAO,CAAA,CAAE;AAClD,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC/B,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACrD,IAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC3B,IAAA,SAAS,EAAE;QACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,WAAW,GAA+B,CAAC,EACtD,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AAExB,IAAA,QACEA,IAAA,CAAC,YAAY,EAAA,EACX,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,IAAI,EACb,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CAETA,IAAA,CAAC,iBAAiB,EAAA,EAAA,QAAA,EAAA,CACf,KAAK,EACNC,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,YAAA,EAAa,OAAO,EAAA,QAAA,EAC/CA,IAAC,YAAY,EAAA,EAAC,EAAE,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE,KAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAC,EAAA,CAAI,EAAA,CACtD,CAAA,EAAA,CACI,EAEpBA,GAAA,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,QAAA,EACxB,QAAQ,EAAA,CACK,CAAA,EAAA,CACH;AAEnB;;;;"}
+{"version":3,"file":"SimpleModal.js","sources":["../../../../src/components/SimpleModal.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Dialog, DialogTitle, DialogContent, IconButton, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { CloseRounded } from '@mui/icons-material';\r\n\r\ninterface SimpleModalProps {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  title: string;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst StyledDialog = styled(Dialog)(({ theme }) => ({\r\n  '& .MuiDialog-paper': {\r\n    borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n  ? parseInt(theme.shape.borderRadius, 10)\r\n  : theme.shape.borderRadius || 4) * 2,\r\n    maxWidth: '448px',\r\n    width: '100%',\r\n  },\r\n}));\r\n\r\nconst StyledDialogTitle = styled(DialogTitle)(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'space-between',\r\n  padding: theme.spacing(3),\r\n  borderBottom: `1px solid ${theme.palette.divider}`,\r\n  fontSize: '1.125rem',\r\n  fontWeight: 600,\r\n  color: theme.palette.dark.main,\r\n}));\r\n\r\nconst CloseButton = styled(IconButton)(({ theme }) => ({\r\n  padding: theme.spacing(0.5),\r\n  '&:hover': {\r\n    backgroundColor: `${theme.palette.dark.main}0D`,\r\n  },\r\n}));\r\n\r\nexport const SimpleModal: React.FC<SimpleModalProps> = ({\r\n  isOpen,\r\n  onClose,\r\n  title,\r\n  children,\r\n}) => {\r\n  const theme = useTheme();\r\n\r\n  return (\r\n    <StyledDialog \r\n      open={isOpen} \r\n      onClose={onClose}\r\n      maxWidth=\"sm\"\r\n      fullWidth\r\n    >\r\n      <StyledDialogTitle>\r\n        {title}\r\n        <CloseButton onClick={onClose} aria-label=\"Close\">\r\n          <CloseRounded sx={{fontSize:20, color:theme.palette.dark.main}} />\r\n        </CloseButton>\r\n      </StyledDialogTitle>\r\n\r\n      <DialogContent sx={{ p: 3 }}>\r\n        {children}\r\n      </DialogContent>\r\n    </StyledDialog>\r\n  );\r\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAcA,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAClD,IAAA,oBAAoB,EAAE;QACpB,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,OAAO;AACjB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC5D,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,IAAA,YAAY,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,OAAO,CAAA,CAAE;AAClD,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC/B,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACrD,IAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC3B,IAAA,SAAS,EAAE;QACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,WAAW,GAA+B,CAAC,EACtD,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AAExB,IAAA,QACEA,IAAA,CAAC,YAAY,EAAA,EACX,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,IAAI,EACb,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,CAETA,IAAA,CAAC,iBAAiB,EAAA,EAAA,QAAA,EAAA,CACf,KAAK,EACNC,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,YAAA,EAAa,OAAO,EAAA,QAAA,EAC/CA,IAAC,YAAY,EAAA,EAAC,EAAE,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE,KAAK,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAC,EAAA,CAAI,EAAA,CACtD,CAAA,EAAA,CACI,EAEpBA,GAAA,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,QAAA,EACxB,QAAQ,EAAA,CACK,CAAA,EAAA,CACH;AAEnB;;;;"}