ece-docs-components 1.0.43 → 1.0.44

package/dist/cjs/_virtual/index8.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var lib = {};
+var cjs = {};
 
-exports.__exports = lib;
+exports.__exports = cjs;
 //# sourceMappingURL=index8.js.map

package/dist/cjs/_virtual/index9.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var cjs = {};
+var lib = {};
 
-exports.__exports = cjs;
+exports.__exports = lib;
 //# sourceMappingURL=index9.js.map

package/dist/cjs/components/NoteBox.js

@@ -72,7 +72,7 @@ const statusConfig = {
 };
 const NoteContainer = material.styled(material.Box)({
     position: 'relative',
-    display: 'inline',
+    display: 'inline-block',
     maxWidth: '100%',
 });
 // Uses highlight colors driven by status exclusively
@@ -82,7 +82,7 @@ const HighlightWrapper = material.styled(material.Box, {
         prop !== 'highlightSelectedColor'
 })(({ isHovered, highlightColor, highlightSelectedColor }) => ({
     position: 'relative',
-    display: 'inline-block',
+    display: 'inline',
     maxWidth: '100%',
     '&:hover .edit-button': {
         opacity: 1,
@@ -98,15 +98,14 @@ const HighlightWrapper = material.styled(material.Box, {
         fontSize: '1rem',
         wordWrap: 'break-word',
         overflowWrap: 'break-word',
-        display: 'inline-block',
+        display: 'inline',
         color: '#4D3019',
     },
 }));
 const EditButton = material.styled(material.IconButton)(({ theme }) => ({
-    position: 'absolute',
     top: 0,
     right: 0,
-    transform: 'translate(50%, -50%)',
+    transform: 'translate(-50%, -50%)',
     width: 20,
     height: 20,
     borderRadius: (typeof theme.shape.borderRadius === 'string'
@@ -118,7 +117,7 @@ const EditButton = material.styled(material.IconButton)(({ theme }) => ({
     boxShadow: '0 1px 3px rgba(0,0,0,0.12)',
     '&:hover': {
         backgroundColor: '#4D3019',
-        transform: 'translate(50%, -50%) scale(1.1)',
+        transform: 'translate(-50%, -50%) scale(1.1)',
     },
 }));
 const NoteBox = ({ status, label, note, children, className = '', onEditClick, }) => {

package/dist/cjs/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\n\r\n// Status Enum\r\nenum VariableState {\r\n  Accepted = \"Accepted\",\r\n  Pending = \"Pending\",\r\n  ActionRequired = \"Action Required\",\r\n  Declined = \"Declined\",\r\n  Draft = \"Draft\"\r\n}\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\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\nfunction mapStatusToVariableState(status?: string): VariableState | undefined {\r\n  switch (status) {\r\n    case \"Accepted\": return VariableState.Accepted;\r\n    case \"Pending\": return VariableState.Pending;\r\n    case \"Action Required\": return VariableState.ActionRequired;\r\n    case \"Declined\": return VariableState.Declined;\r\n    case \"Draft\": return VariableState.Draft;\r\n    default: return undefined;\r\n  }\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    labelColor: string;\r\n    chipColor: string;\r\n    chipTextColor: 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    labelColor: '#2D5016',\r\n    chipColor: '#A3D977',\r\n    chipTextColor: '#fff',\r\n  },\r\n  Pending: {\r\n    highlight: '#F5E2FF',\r\n    highlightSelected: '#EBC7FF',\r\n    label: 'Pending',\r\n    labelColor: 'var(--color-secondary)',\r\n    chipColor: '#F5A623',\r\n    chipTextColor: '#4D3019',\r\n    alertVariant: 'info',\r\n  },\r\n  'Action Required': {\r\n    highlight: '#FBEEEE',\r\n    highlightSelected: '#FFBCB3',\r\n    label: 'ActionRequired',\r\n    labelColor: '#CC0000',\r\n    chipColor: '#F56B6B',\r\n    chipTextColor: '#fff',\r\n    alertVariant: 'error',\r\n  },\r\n  'Declined': {\r\n    highlight: '#FFF6D1',\r\n    highlightSelected: '#FDE58E',\r\n    label: 'Declined',\r\n    labelColor: 'var(--color-secondary)',\r\n    chipColor: '#A3D977',\r\n    chipTextColor: '#4D3019',\r\n  },\r\n  Draft: {\r\n    highlight: '#FFEACD',\r\n    highlightSelected: '#FFC365',\r\n    label: 'Draft',\r\n    labelColor: 'rgba(0, 0, 0, 0.6)',\r\n    chipColor: '#F5D76E',\r\n    chipTextColor: '#fff',\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: 'relative',\r\n  display: 'inline',\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-block',\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-block',\r\n    color: '#4D3019',\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  position: 'absolute',\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  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 style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n        labelColor: 'rgba(0,0,0,0.6)',\r\n        chipColor: '#ccc',\r\n        chipTextColor: '#4D3019',\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={style.highlight}\r\n        highlightSelectedColor={style.highlightSelected}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\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":["styled","Box","IconButton","useState","_jsxs","_jsx","Alert","CheckRounded","EditRounded"],"mappings":"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"}
+{"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\n\r\n// Status Enum\r\nenum VariableState {\r\n  Accepted = \"Accepted\",\r\n  Pending = \"Pending\",\r\n  ActionRequired = \"Action Required\",\r\n  Declined = \"Declined\",\r\n  Draft = \"Draft\"\r\n}\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\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\nfunction mapStatusToVariableState(status?: string): VariableState | undefined {\r\n  switch (status) {\r\n    case \"Accepted\": return VariableState.Accepted;\r\n    case \"Pending\": return VariableState.Pending;\r\n    case \"Action Required\": return VariableState.ActionRequired;\r\n    case \"Declined\": return VariableState.Declined;\r\n    case \"Draft\": return VariableState.Draft;\r\n    default: return undefined;\r\n  }\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    labelColor: string;\r\n    chipColor: string;\r\n    chipTextColor: 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    labelColor: '#2D5016',\r\n    chipColor: '#A3D977',\r\n    chipTextColor: '#fff',\r\n  },\r\n  Pending: {\r\n    highlight: '#F5E2FF',\r\n    highlightSelected: '#EBC7FF',\r\n    label: 'Pending',\r\n    labelColor: 'var(--color-secondary)',\r\n    chipColor: '#F5A623',\r\n    chipTextColor: '#4D3019',\r\n    alertVariant: 'info',\r\n  },\r\n  'Action Required': {\r\n    highlight: '#FBEEEE',\r\n    highlightSelected: '#FFBCB3',\r\n    label: 'ActionRequired',\r\n    labelColor: '#CC0000',\r\n    chipColor: '#F56B6B',\r\n    chipTextColor: '#fff',\r\n    alertVariant: 'error',\r\n  },\r\n  'Declined': {\r\n    highlight: '#FFF6D1',\r\n    highlightSelected: '#FDE58E',\r\n    label: 'Declined',\r\n    labelColor: 'var(--color-secondary)',\r\n    chipColor: '#A3D977',\r\n    chipTextColor: '#4D3019',\r\n  },\r\n  Draft: {\r\n    highlight: '#FFEACD',\r\n    highlightSelected: '#FFC365',\r\n    label: 'Draft',\r\n    labelColor: 'rgba(0, 0, 0, 0.6)',\r\n    chipColor: '#F5D76E',\r\n    chipTextColor: '#fff',\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  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 style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n        labelColor: 'rgba(0,0,0,0.6)',\r\n        chipColor: '#ccc',\r\n        chipTextColor: '#4D3019',\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={style.highlight}\r\n        highlightSelectedColor={style.highlightSelected}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\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":["styled","Box","IconButton","useState","_jsxs","_jsx","Alert","CheckRounded","EditRounded"],"mappings":"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"}

package/dist/cjs/components/Sidebar.js

@@ -96,9 +96,9 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
     ];
     const renderPolicyItems = (items, depth = 0) => {
         return items.map((item) => {
-            const hasChildren = item.children && item.children.length > 0;
-            const isExpanded = expandedPolicies.includes(item.o);
-            const paddingLeft = 8 + (depth * 2);
+            const hasChildren = item.items && item.items.length > 0;
+            const isExpanded = expandedPolicies.includes(item.id);
+            const paddingLeft = 3 + (depth * 2);
             return (jsxRuntime.jsxs(material.Box, { children: [jsxRuntime.jsx(material.Box, { sx: { display: 'flex', alignItems: 'stretch' }, children: jsxRuntime.jsxs(material.ListItemButton, { disableRipple: true, sx: {
                                 flex: 1,
                                 width: '100%',
@@ -115,9 +115,9 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
                             }, children: [jsxRuntime.jsx(material.Box, { sx: {
                                         cursor: 'pointer',
                                         flex: 1
-                                    }, onClick: () => handleNavigation(item.url), children: jsxRuntime.jsx(material.ListItemText, { primary: item.text, primaryTypographyProps: { fontSize: '0.875rem' } }) }), hasChildren && (jsxRuntime.jsx(material.IconButton, { onClick: (e) => {
+                                    }, onClick: () => handleNavigation(item.id.toString()), children: jsxRuntime.jsx(material.ListItemText, { primary: item.title, primaryTypographyProps: { fontSize: '0.875rem' } }) }), hasChildren && (jsxRuntime.jsx(material.IconButton, { onClick: (e) => {
                                         e.stopPropagation();
-                                        togglePolicyItem(item.o);
+                                        togglePolicyItem(item.id);
                                     }, disableRipple: true, sx: {
                                         ml: 0.5,
                                         borderRadius: 1,
@@ -131,7 +131,7 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
                                             color: '#4D3019',
                                             transition: 'transform 0.2s',
                                             transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',
-                                        } }) }))] }) }), hasChildren && isExpanded && (jsxRuntime.jsx(material.Collapse, { in: true, timeout: "auto", children: jsxRuntime.jsx(material.List, { sx: { p: 0, mt: 0.5 }, children: renderPolicyItems(item.children, depth + 1) }) }))] }, item.id));
+                                        } }) }))] }) }), hasChildren && isExpanded && (jsxRuntime.jsx(material.Collapse, { in: true, timeout: "auto", children: jsxRuntime.jsx(material.List, { sx: { p: 0, mt: 0.5 }, children: renderPolicyItems(item.items, depth + 1) }) }))] }, item.id));
         });
     };
     const toggleItem = (itemId) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Sidebar.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, IconButton, Typography, List, ListItemButton, ListItemText, Collapse, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { ArticleRounded, ChevronRightRounded, ExpandLessRounded, ExpandMoreRounded, HelpCenterRounded, HomeRounded, KeyboardDoubleArrowLeftRounded, KeyboardDoubleArrowRightRounded, SupportAgentRounded, TextSnippetRounded } from '@mui/icons-material';\r\n\r\n// PolicyItem and SidebarProps interfaces as before\r\ninterface PolicyItem {\r\n  id: number;\r\n  o: number;\r\n  text: string;\r\n  url: string;\r\n  node: string;\r\n  leaf?: boolean;\r\n  children?: 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) ? prev.filter((id) => id !== itemId) : [...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 = (items: PolicyItem[], depth: number = 0): React.ReactNode => {\r\n    return items.map((item) => {\r\n      const hasChildren = item.children && item.children.length > 0;\r\n      const isExpanded = expandedPolicies.includes(item.o);\r\n      const paddingLeft = 8 + (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 ? `${theme.palette.primary.main}1A` : '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.text}\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.o);\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.children!, 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) ? prev.filter((id) => id !== itemId) : [...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={{ fontSize: '1rem', fontWeight: 700 }}\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', fontWeight: 700\r\n                        }}\r\n                        sx={{ flex: 1, ml: 1 }}\r\n                      />\r\n                      <Box sx={{ display: 'flex', alignItems: 'center', height: '100%' }}>\r\n                        {expandedItems.includes('policies') ? (\r\n                          <ExpandLessRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\r\n                        ) : (\r\n                          <ExpandMoreRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\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          </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};"],"names":["styled","Box","IconButton","ListItemButton","useTheme","useState","_jsx","HomeRounded","_jsxs","ListItemText","ChevronRightRounded","Collapse","List","Typography","KeyboardDoubleArrowLeftRounded","KeyboardDoubleArrowRightRounded","ArticleRounded","_Fragment","ExpandLessRounded","ExpandMoreRounded"],"mappings":";;;;;;;;AA8BA,MAAM,gBAAgB,GAAGA,eAAM,CAACC,YAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;AAC9C,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACrD,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,UAAU,EAAE,sBAAsB;IAClC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AAChC,IAAA,MAAM,EAAE,EAAE;IACV,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,QAAQ,EAAE,OAAO;QACjB,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,QAAQ;AAC3B,QAAA,KAAK,EAAE,OAAO;AACf,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;QAC5B,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACjC,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,YAAY,GAAGD,eAAM,CAACE,mBAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACtD,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AACtC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,SAAS;AAC3B,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,cAAc,GAAGF,eAAM,CAACG,uBAAc,EAAE;AAC5C,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK;AAC5D,CAAA,CAAC,CAA0C,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;AAC5E,IAAA,YAAY,EAAE;AACZ,UAAE,CAAA,EAAA,EAAK,KAAK,CAAC,KAAK,CAAC,YAAY,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,CAAC,YAAY,CAAA,IAAA;AAC7D,UAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AAC5B,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC3C,WAAW,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;AAC3B,IAAA,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,MAAM,GAAG,YAAY,GAAG,QAAQ;AAChD,IAAA,cAAc,EAAE,aAAa;AAC7B,IAAA,gBAAgB,EAAE,YAAY;AAC9B,IAAA,SAAS,EAAE;QACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AACnD,KAAA;IACD,IAAI,QAAQ,IAAI;QACd,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AAClD,QAAA,SAAS,EAAE;YACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AACnD;KACF,CAAC;AACH,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAGH,eAAM,CAACC,YAAG,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK;CACvC,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;IAC9C,KAAK,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE;IACvB,MAAM,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE;AACxB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,eAAe,EAAE;AAClB,CAAA,CAAC,CAAC;MAEU,OAAO,GAA2B,CAAC,EAC9C,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,UAAU,GAAG,2CAA2C,EACxD,QAAQ,GAAG,EAAE,EACb,UAAU,EACX,KAAI;AACH,IAAA,MAAM,KAAK,GAAGG,sBAAQ,EAAE;IACxB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAQ,CAAW,EAAE,CAAC;IAChE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,cAAQ,CAAW,EAAE,CAAC;AAEtE,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAY,KAAI;QACxC,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,IAAI,CAAC;QAClB;aAAO;AACL,YAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI;QAC7B;AACF,IAAA,CAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,MAAc,KAAI;AAC1C,QAAA,mBAAmB,CAAC,CAAC,IAAI,KACvB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,CAC/E;AACH,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAe;AAC5B,QAAA;AACE,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,IAAI,EAAEC,cAAA,CAACC,yBAAW,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,CAAI;AAC9D,SAAA;KACF;IAED,MAAM,iBAAiB,GAAG,CAAC,KAAmB,EAAE,KAAA,GAAgB,CAAC,KAAqB;AACpF,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;AACxB,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;YAC7D,MAAM,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;YACpD,MAAM,WAAW,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;YAEnC,QACEC,eAAA,CAACP,YAAG,EAAA,EAAA,QAAA,EAAA,CACFK,cAAA,CAACL,YAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,EAAA,QAAA,EACjDO,eAAA,CAACL,uBAAc,EAAA,EACb,aAAa,EAAA,IAAA,EACb,EAAE,EAAE;AACF,gCAAA,IAAI,EAAE,CAAC;AACP,gCAAA,KAAK,EAAE,MAAM;AACb,gCAAA,EAAE,EAAE,WAAW;AACf,gCAAA,WAAW,EAAC,KAAK;AACjB,gCAAA,EAAE,EAAE,IAAI;AACR,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,YAAY,EAAE,CAAA,EAAA,EAAK,KAAK,CAAC,KAAK,CAAC,YAAY,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,CAAC,YAAY,CAAA,IAAA,CAAM;;;;;AAK/E,gCAAA,eAAe,EAAE,UAAU,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,IAAI,GAAG,aAAa;AAChF,6BAAA,EAAA,QAAA,EAAA,CAGDG,cAAA,CAACL,YAAG,EAAA,EACF,EAAE,EAAE;AACF,wCAAA,MAAM,EAAE,SAAS;AACjB,wCAAA,IAAI,EAAE;AACP,qCAAA,EACD,OAAO,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAEzCK,eAACG,qBAAY,EAAA,EACX,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,sBAAsB,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAA,CAChD,GACE,EAEL,WAAW,KACVH,cAAA,CAACJ,mBAAU,EAAA,EACT,OAAO,EAAE,CAAC,CAAC,KAAI;wCACb,CAAC,CAAC,eAAe,EAAE;AACnB,wCAAA,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1B,oCAAA,CAAC,EACD,aAAa,EAAA,IAAA,EACb,EAAE,EAAE;AACF,wCAAA,EAAE,EAAE,GAAG;AACP,wCAAA,YAAY,EAAE,CAAC;AACf,wCAAA,KAAK,EAAE,EAAE;AACT,wCAAA,MAAM,EAAE,EAAE;AACV,wCAAA,SAAS,EAAE;4CACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AACnD,yCAAA;AACF,qCAAA,EAAA,QAAA,EAEDI,cAAA,CAACI,iCAAmB,EAAA,EAClB,EAAE,EAAE;AACF,4CAAA,QAAQ,EAAE,EAAE;AACZ,4CAAA,KAAK,EAAE,SAAS;AAChB,4CAAA,UAAU,EAAE,gBAAgB;4CAC5B,SAAS,EAAE,UAAU,GAAG,eAAe,GAAG,cAAc;yCACzD,EAAA,CACD,EAAA,CACS,CACd,CAAA,EAAA,CACc,EAAA,CACb,EACL,WAAW,IAAI,UAAU,KACxBJ,cAAA,CAACK,iBAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,EAAA,QAAA,EAChCL,cAAA,CAACM,aAAI,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,EAAA,QAAA,EACxB,iBAAiB,CAAC,IAAI,CAAC,QAAS,EAAE,KAAK,GAAG,CAAC,CAAC,EAAA,CACxC,EAAA,CACE,CACZ,CAAA,EAAA,EApEO,IAAI,CAAC,EAAE,CAqEX;AAEV,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,MAAc,KAAI;QACpC,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,QAAQ,EAAE;AACV,YAAA,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;QAC5B;aAAO;AACL,YAAA,gBAAgB,CAAC,CAAC,IAAI,KACpB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,CAC/E;QACH;AACF,IAAA,CAAC;IAED,QACEJ,kDACG,MAAM,KACLF,cAAA,CAACL,YAAG,EAAA,EACF,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,OAAO;AACjB,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,OAAO,EAAE,oBAAoB;AAC7B,oBAAA,MAAM,EAAE,EAAE;oBACV,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE;AACrC,iBAAA,EACD,OAAO,EAAE,QAAQ,EAAA,CACjB,CACH,EACDK,cAAA,CAAC,gBAAgB,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA,QAAA,EAC9BE,gBAACP,YAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAClE,MAAM,KACLO,gBAACP,YAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,EAAE,EAAE,CAAC;gCACL,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACtD,gCAAA,UAAU,EAAE,CAAC;AACb,gCAAA,QAAQ,EAAE,UAAU;AACpB,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,aAAa,EAAE,KAAK;AACpB,gCAAA,UAAU,EAAE,QAAQ;6BACrB,EAAA,QAAA,EAAA,CAEDK,cAAA,CAACO,mBAAU,EAAA,EACT,OAAO,EAAC,IAAI,EACZ,EAAE,EAAE;AACF,wCAAA,QAAQ,EAAE,MAAM;AAChB,wCAAA,UAAU,EAAE,GAAG;AACf,wCAAA,KAAK,EAAE,SAAS;AAChB,wCAAA,UAAU,EAAE,GAAG;AACf,wCAAA,UAAU,EAAE,UAAU;AACtB,wCAAA,IAAI,EAAE,CAAC;AACP,wCAAA,EAAE,EAAE,CAAC;AACN,qCAAA,EAAA,QAAA,EAEA,UAAU,EAAA,CACA,EAEbP,eAAC,YAAY,EAAA,EACX,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,YAAA,EACP,kBAAkB,EAAA,QAAA,EAE7BA,cAAA,CAACQ,4CAA8B,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,EAAA,CAC3C,CAAA,EAAA,CACX,CACP,EAEA,CAAC,MAAM,KACNR,eAACL,YAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,EAAE,EAAE,CAAC;gCACL,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACtD,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,cAAc,EAAE,QAAQ;AACzB,6BAAA,EAAA,QAAA,EAEDK,cAAA,CAAC,YAAY,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAA,YAAA,EAAa,gBAAgB,EAAA,QAAA,EAC1DA,cAAA,CAACS,6CAA+B,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAA,CAAI,EAAA,CAC5C,EAAA,CACX,CACP,EAEDT,cAAA,CAACL,YAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,IAAI,EAAE,CAAC;AACP,gCAAA,SAAS,EAAE,MAAM;gCACjB,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;AAClB,gCAAA,EAAE,EAAE,CAAC;AACN,6BAAA,EAAA,QAAA,EAEHO,eAAA,CAACI,aAAI,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CAEhBN,cAAA,CAACL,YAAG,EAAA,EAAuB,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EACtCO,eAAA,CAAC,cAAc,EAAA,EACb,aAAa,EAAA,IAAA,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAK;AACZ,gDAAA,IAAI,CAAC,MAAM;AAAE,oDAAA,QAAQ,EAAE;gDACvB,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gDAC3B,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACnC,4CAAA,CAAC,EACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC5D,KAAK,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,SAAS,EAAA,QAAA,EAAA,CAE/CF,cAAA,CAAC,WAAW,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,EAAA,QAAA,EACpD,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,GACN,EACb,MAAM,KACLA,eAACG,qBAAY,EAAA,EACX,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,EAC3B,sBAAsB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAC7D,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,CACtB,CACH,CAAA,EAAA,CACc,IAtBT,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAuBnB,EAEL,QAAQ,CAAC,MAAM,GAAG,CAAC,KAClBD,eAAA,CAACP,YAAG,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CAChBO,eAAA,CAAC,cAAc,EAAA,EACb,aAAa,EAAA,IAAA,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAK;oDACZ,UAAU,CAAC,UAAU,CAAC;AACxB,gDAAA,CAAC,EACD,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EAC5C,KAAK,EAAE,CAAC,MAAM,GAAG,UAAU,GAAG,SAAS,EAAA,QAAA,EAAA,CAEvCF,cAAA,CAAC,WAAW,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,EAAA,QAAA,EACrDA,cAAA,CAACU,4BAAc,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,CAAI,EAAA,CAC9C,EACb,MAAM,KACLR,eAAA,CAAAS,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEX,cAAA,CAACG,qBAAY,IACX,OAAO,EAAC,UAAU,EAClB,sBAAsB,EAAE;AACtB,oEAAA,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE;AAC/B,iEAAA,EACD,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,CACtB,EACFH,cAAA,CAACL,YAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAC/D,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,IACjCK,cAAA,CAACY,+BAAiB,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,CAAI,KAE7DZ,cAAA,CAACa,+BAAiB,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,CAAI,CAC9D,EAAA,CACG,CAAA,EAAA,CACL,CACJ,IACc,EAChB,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,MAAM,KAC3Cb,cAAA,CAACK,iBAAQ,EAAA,EAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,EAAA,QAAA,EAChCL,cAAA,CAACM,aAAI,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,EAAA,QAAA,EACxB,iBAAiB,CAAC,QAAQ,CAAC,EAAA,CACvB,GACE,CACZ,CAAA,EAAA,CACG,CACP,CAAA,EAAA,CACI,EAAA,CACD,CAAA,EAAA,CACF,EAAA,CACW,CAAA,EAAA,CAClB;AAEP;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Sidebar.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, IconButton, Typography, List, ListItemButton, ListItemText, Collapse, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { ArticleRounded, ChevronRightRounded, ExpandLessRounded, ExpandMoreRounded, HelpCenterRounded, HomeRounded, KeyboardDoubleArrowLeftRounded, KeyboardDoubleArrowRightRounded, SupportAgentRounded, TextSnippetRounded } 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  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) ? prev.filter((id) => id !== itemId) : [...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 = (items: PolicyItem[], depth: number = 0): 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 ? `${theme.palette.primary.main}1A` : '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.id.toString())}\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) ? prev.filter((id) => id !== itemId) : [...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={{ fontSize: '1rem', fontWeight: 700 }}\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', fontWeight: 700\r\n                        }}\r\n                        sx={{ flex: 1, ml: 1 }}\r\n                      />\r\n                      <Box sx={{ display: 'flex', alignItems: 'center', height: '100%' }}>\r\n                        {expandedItems.includes('policies') ? (\r\n                          <ExpandLessRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\r\n                        ) : (\r\n                          <ExpandMoreRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\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          </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};"],"names":["styled","Box","IconButton","ListItemButton","useTheme","useState","_jsx","HomeRounded","_jsxs","ListItemText","ChevronRightRounded","Collapse","List","Typography","KeyboardDoubleArrowLeftRounded","KeyboardDoubleArrowRightRounded","ArticleRounded","_Fragment","ExpandLessRounded","ExpandMoreRounded"],"mappings":"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"}

package/dist/cjs/node_modules/domhandler/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index4.js');
+var index = require('../../../_virtual/index3.js');
 var index$1 = require('../../domelementtype/lib/index.js');
 var node = require('./node.js');
 

package/dist/cjs/node_modules/domutils/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index8.js');
+var index = require('../../../_virtual/index9.js');
 var stringify = require('./stringify.js');
 var traversal = require('./traversal.js');
 var manipulation = require('./manipulation.js');

package/dist/cjs/node_modules/html-dom-parser/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index3.js');
+var index = require('../../../_virtual/index4.js');
 var htmlToDom = require('./server/html-to-dom.js');
 var types = require('./types.js');
 

package/dist/cjs/node_modules/style-to-object/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index9.js');
+var index = require('../../../_virtual/index8.js');
 var index$1 = require('../../inline-style-parser/cjs/index.js');
 
 var hasRequiredCjs;

package/dist/esm/_virtual/index8.js

@@ -1,4 +1,4 @@
-var lib = {};
+var cjs = {};
 
-export { lib as __exports };
+export { cjs as __exports };
 //# sourceMappingURL=index8.js.map

package/dist/esm/_virtual/index9.js

@@ -1,4 +1,4 @@
-var cjs = {};
+var lib = {};
 
-export { cjs as __exports };
+export { lib as __exports };
 //# sourceMappingURL=index9.js.map

package/dist/esm/components/NoteBox.js

@@ -70,7 +70,7 @@ const statusConfig = {
 };
 const NoteContainer = styled(Box)({
     position: 'relative',
-    display: 'inline',
+    display: 'inline-block',
     maxWidth: '100%',
 });
 // Uses highlight colors driven by status exclusively
@@ -80,7 +80,7 @@ const HighlightWrapper = styled(Box, {
         prop !== 'highlightSelectedColor'
 })(({ isHovered, highlightColor, highlightSelectedColor }) => ({
     position: 'relative',
-    display: 'inline-block',
+    display: 'inline',
     maxWidth: '100%',
     '&:hover .edit-button': {
         opacity: 1,
@@ -96,15 +96,14 @@ const HighlightWrapper = styled(Box, {
         fontSize: '1rem',
         wordWrap: 'break-word',
         overflowWrap: 'break-word',
-        display: 'inline-block',
+        display: 'inline',
         color: '#4D3019',
     },
 }));
 const EditButton = styled(IconButton)(({ theme }) => ({
-    position: 'absolute',
     top: 0,
     right: 0,
-    transform: 'translate(50%, -50%)',
+    transform: 'translate(-50%, -50%)',
     width: 20,
     height: 20,
     borderRadius: (typeof theme.shape.borderRadius === 'string'
@@ -116,7 +115,7 @@ const EditButton = styled(IconButton)(({ theme }) => ({
     boxShadow: '0 1px 3px rgba(0,0,0,0.12)',
     '&:hover': {
         backgroundColor: '#4D3019',
-        transform: 'translate(50%, -50%) scale(1.1)',
+        transform: 'translate(-50%, -50%) scale(1.1)',
     },
 }));
 const NoteBox = ({ status, label, note, children, className = '', onEditClick, }) => {

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\n\r\n// Status Enum\r\nenum VariableState {\r\n  Accepted = \"Accepted\",\r\n  Pending = \"Pending\",\r\n  ActionRequired = \"Action Required\",\r\n  Declined = \"Declined\",\r\n  Draft = \"Draft\"\r\n}\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\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\nfunction mapStatusToVariableState(status?: string): VariableState | undefined {\r\n  switch (status) {\r\n    case \"Accepted\": return VariableState.Accepted;\r\n    case \"Pending\": return VariableState.Pending;\r\n    case \"Action Required\": return VariableState.ActionRequired;\r\n    case \"Declined\": return VariableState.Declined;\r\n    case \"Draft\": return VariableState.Draft;\r\n    default: return undefined;\r\n  }\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    labelColor: string;\r\n    chipColor: string;\r\n    chipTextColor: 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    labelColor: '#2D5016',\r\n    chipColor: '#A3D977',\r\n    chipTextColor: '#fff',\r\n  },\r\n  Pending: {\r\n    highlight: '#F5E2FF',\r\n    highlightSelected: '#EBC7FF',\r\n    label: 'Pending',\r\n    labelColor: 'var(--color-secondary)',\r\n    chipColor: '#F5A623',\r\n    chipTextColor: '#4D3019',\r\n    alertVariant: 'info',\r\n  },\r\n  'Action Required': {\r\n    highlight: '#FBEEEE',\r\n    highlightSelected: '#FFBCB3',\r\n    label: 'ActionRequired',\r\n    labelColor: '#CC0000',\r\n    chipColor: '#F56B6B',\r\n    chipTextColor: '#fff',\r\n    alertVariant: 'error',\r\n  },\r\n  'Declined': {\r\n    highlight: '#FFF6D1',\r\n    highlightSelected: '#FDE58E',\r\n    label: 'Declined',\r\n    labelColor: 'var(--color-secondary)',\r\n    chipColor: '#A3D977',\r\n    chipTextColor: '#4D3019',\r\n  },\r\n  Draft: {\r\n    highlight: '#FFEACD',\r\n    highlightSelected: '#FFC365',\r\n    label: 'Draft',\r\n    labelColor: 'rgba(0, 0, 0, 0.6)',\r\n    chipColor: '#F5D76E',\r\n    chipTextColor: '#fff',\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: 'relative',\r\n  display: 'inline',\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-block',\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-block',\r\n    color: '#4D3019',\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  position: 'absolute',\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  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 style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n        labelColor: 'rgba(0,0,0,0.6)',\r\n        chipColor: '#ccc',\r\n        chipTextColor: '#4D3019',\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={style.highlight}\r\n        highlightSelectedColor={style.highlightSelected}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\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';\r\nimport { Box, Typography, IconButton, styled, Chip } from '@mui/material';\r\nimport { CheckRounded, EditRounded } from '@mui/icons-material';\r\nimport { Alert } from './Alert';\r\n\r\n// Status Enum\r\nenum VariableState {\r\n  Accepted = \"Accepted\",\r\n  Pending = \"Pending\",\r\n  ActionRequired = \"Action Required\",\r\n  Declined = \"Declined\",\r\n  Draft = \"Draft\"\r\n}\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\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\nfunction mapStatusToVariableState(status?: string): VariableState | undefined {\r\n  switch (status) {\r\n    case \"Accepted\": return VariableState.Accepted;\r\n    case \"Pending\": return VariableState.Pending;\r\n    case \"Action Required\": return VariableState.ActionRequired;\r\n    case \"Declined\": return VariableState.Declined;\r\n    case \"Draft\": return VariableState.Draft;\r\n    default: return undefined;\r\n  }\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    labelColor: string;\r\n    chipColor: string;\r\n    chipTextColor: 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    labelColor: '#2D5016',\r\n    chipColor: '#A3D977',\r\n    chipTextColor: '#fff',\r\n  },\r\n  Pending: {\r\n    highlight: '#F5E2FF',\r\n    highlightSelected: '#EBC7FF',\r\n    label: 'Pending',\r\n    labelColor: 'var(--color-secondary)',\r\n    chipColor: '#F5A623',\r\n    chipTextColor: '#4D3019',\r\n    alertVariant: 'info',\r\n  },\r\n  'Action Required': {\r\n    highlight: '#FBEEEE',\r\n    highlightSelected: '#FFBCB3',\r\n    label: 'ActionRequired',\r\n    labelColor: '#CC0000',\r\n    chipColor: '#F56B6B',\r\n    chipTextColor: '#fff',\r\n    alertVariant: 'error',\r\n  },\r\n  'Declined': {\r\n    highlight: '#FFF6D1',\r\n    highlightSelected: '#FDE58E',\r\n    label: 'Declined',\r\n    labelColor: 'var(--color-secondary)',\r\n    chipColor: '#A3D977',\r\n    chipTextColor: '#4D3019',\r\n  },\r\n  Draft: {\r\n    highlight: '#FFEACD',\r\n    highlightSelected: '#FFC365',\r\n    label: 'Draft',\r\n    labelColor: 'rgba(0, 0, 0, 0.6)',\r\n    chipColor: '#F5D76E',\r\n    chipTextColor: '#fff',\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  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 style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n        labelColor: 'rgba(0,0,0,0.6)',\r\n        chipColor: '#ccc',\r\n        chipTextColor: '#4D3019',\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={style.highlight}\r\n        highlightSelectedColor={style.highlightSelected}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\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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"}

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

@@ -1,12 +1,9 @@
 import React from 'react';
 interface PolicyItem {
     id: number;
-    o: number;
-    text: string;
-    url: string;
-    node: string;
-    leaf?: boolean;
-    children?: PolicyItem[];
+    title: string;
+    newpage?: boolean;
+    items?: PolicyItem[];
 }
 interface SidebarProps {
     isOpen: boolean;

package/dist/esm/components/Sidebar.js

@@ -94,9 +94,9 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
     ];
     const renderPolicyItems = (items, depth = 0) => {
         return items.map((item) => {
-            const hasChildren = item.children && item.children.length > 0;
-            const isExpanded = expandedPolicies.includes(item.o);
-            const paddingLeft = 8 + (depth * 2);
+            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: {
                                 flex: 1,
                                 width: '100%',
@@ -113,9 +113,9 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
                             }, children: [jsx(Box, { sx: {
                                         cursor: 'pointer',
                                         flex: 1
-                                    }, onClick: () => handleNavigation(item.url), children: jsx(ListItemText, { primary: item.text, primaryTypographyProps: { fontSize: '0.875rem' } }) }), hasChildren && (jsx(IconButton, { onClick: (e) => {
+                                    }, onClick: () => handleNavigation(item.id.toString()), children: jsx(ListItemText, { primary: item.title, primaryTypographyProps: { fontSize: '0.875rem' } }) }), hasChildren && (jsx(IconButton, { onClick: (e) => {
                                         e.stopPropagation();
-                                        togglePolicyItem(item.o);
+                                        togglePolicyItem(item.id);
                                     }, disableRipple: true, sx: {
                                         ml: 0.5,
                                         borderRadius: 1,
@@ -129,7 +129,7 @@ const Sidebar = ({ isOpen = true, onToggle, centreName = "Centre name goes here
                                             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.children, depth + 1) }) }))] }, item.id));
+                                        } }) }))] }) }), 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));
         });
     };
     const toggleItem = (itemId) => {

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';\r\nimport { Box, IconButton, Typography, List, ListItemButton, ListItemText, Collapse, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { ArticleRounded, ChevronRightRounded, ExpandLessRounded, ExpandMoreRounded, HelpCenterRounded, HomeRounded, KeyboardDoubleArrowLeftRounded, KeyboardDoubleArrowRightRounded, SupportAgentRounded, TextSnippetRounded } from '@mui/icons-material';\r\n\r\n// PolicyItem and SidebarProps interfaces as before\r\ninterface PolicyItem {\r\n  id: number;\r\n  o: number;\r\n  text: string;\r\n  url: string;\r\n  node: string;\r\n  leaf?: boolean;\r\n  children?: 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) ? prev.filter((id) => id !== itemId) : [...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 = (items: PolicyItem[], depth: number = 0): React.ReactNode => {\r\n    return items.map((item) => {\r\n      const hasChildren = item.children && item.children.length > 0;\r\n      const isExpanded = expandedPolicies.includes(item.o);\r\n      const paddingLeft = 8 + (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 ? `${theme.palette.primary.main}1A` : '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.text}\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.o);\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.children!, 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) ? prev.filter((id) => id !== itemId) : [...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={{ fontSize: '1rem', fontWeight: 700 }}\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', fontWeight: 700\r\n                        }}\r\n                        sx={{ flex: 1, ml: 1 }}\r\n                      />\r\n                      <Box sx={{ display: 'flex', alignItems: 'center', height: '100%' }}>\r\n                        {expandedItems.includes('policies') ? (\r\n                          <ExpandLessRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\r\n                        ) : (\r\n                          <ExpandMoreRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\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          </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;AA8BA,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;AAC9C,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACrD,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,UAAU,EAAE,sBAAsB;IAClC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AAChC,IAAA,MAAM,EAAE,EAAE;IACV,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,QAAQ,EAAE,OAAO;QACjB,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,QAAQ;AAC3B,QAAA,KAAK,EAAE,OAAO;AACf,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;QAC5B,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACjC,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,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AACtC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,SAAS;AAC3B,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,EAAE;AAC5C,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK;AAC5D,CAAA,CAAC,CAA0C,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;AAC5E,IAAA,YAAY,EAAE;AACZ,UAAE,CAAA,EAAA,EAAK,KAAK,CAAC,KAAK,CAAC,YAAY,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,CAAC,YAAY,CAAA,IAAA;AAC7D,UAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AAC5B,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC3C,WAAW,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;AAC3B,IAAA,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,MAAM,GAAG,YAAY,GAAG,QAAQ;AAChD,IAAA,cAAc,EAAE,aAAa;AAC7B,IAAA,gBAAgB,EAAE,YAAY;AAC9B,IAAA,SAAS,EAAE;QACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AACnD,KAAA;IACD,IAAI,QAAQ,IAAI;QACd,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AAClD,QAAA,SAAS,EAAE;YACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AACnD;KACF,CAAC;AACH,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK;CACvC,CAAC,CAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;IAC9C,KAAK,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE;IACvB,MAAM,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE;AACxB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,eAAe,EAAE;AAClB,CAAA,CAAC,CAAC;MAEU,OAAO,GAA2B,CAAC,EAC9C,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,UAAU,GAAG,2CAA2C,EACxD,QAAQ,GAAG,EAAE,EACb,UAAU,EACX,KAAI;AACH,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;IAChE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;AAEtE,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAY,KAAI;QACxC,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,IAAI,CAAC;QAClB;aAAO;AACL,YAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI;QAC7B;AACF,IAAA,CAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,MAAc,KAAI;AAC1C,QAAA,mBAAmB,CAAC,CAAC,IAAI,KACvB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,CAC/E;AACH,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAe;AAC5B,QAAA;AACE,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,IAAI,EAAEA,GAAA,CAAC,WAAW,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,CAAI;AAC9D,SAAA;KACF;IAED,MAAM,iBAAiB,GAAG,CAAC,KAAmB,EAAE,KAAA,GAAgB,CAAC,KAAqB;AACpF,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;AACxB,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;YAC7D,MAAM,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;YACpD,MAAM,WAAW,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;YAEnC,QACEC,IAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CACFD,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,EAAA,QAAA,EACjDC,IAAA,CAAC,cAAc,EAAA,EACb,aAAa,EAAA,IAAA,EACb,EAAE,EAAE;AACF,gCAAA,IAAI,EAAE,CAAC;AACP,gCAAA,KAAK,EAAE,MAAM;AACb,gCAAA,EAAE,EAAE,WAAW;AACf,gCAAA,WAAW,EAAC,KAAK;AACjB,gCAAA,EAAE,EAAE,IAAI;AACR,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,YAAY,EAAE,CAAA,EAAA,EAAK,KAAK,CAAC,KAAK,CAAC,YAAY,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,CAAC,YAAY,CAAA,IAAA,CAAM;;;;;AAK/E,gCAAA,eAAe,EAAE,UAAU,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,IAAI,GAAG,aAAa;AAChF,6BAAA,EAAA,QAAA,EAAA,CAGDD,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,wCAAA,MAAM,EAAE,SAAS;AACjB,wCAAA,IAAI,EAAE;AACP,qCAAA,EACD,OAAO,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAEzCA,IAAC,YAAY,EAAA,EACX,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,sBAAsB,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAA,CAChD,GACE,EAEL,WAAW,KACVA,GAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,CAAC,CAAC,KAAI;wCACb,CAAC,CAAC,eAAe,EAAE;AACnB,wCAAA,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1B,oCAAA,CAAC,EACD,aAAa,EAAA,IAAA,EACb,EAAE,EAAE;AACF,wCAAA,EAAE,EAAE,GAAG;AACP,wCAAA,YAAY,EAAE,CAAC;AACf,wCAAA,KAAK,EAAE,EAAE;AACT,wCAAA,MAAM,EAAE,EAAE;AACV,wCAAA,SAAS,EAAE;4CACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AACnD,yCAAA;AACF,qCAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,mBAAmB,EAAA,EAClB,EAAE,EAAE;AACF,4CAAA,QAAQ,EAAE,EAAE;AACZ,4CAAA,KAAK,EAAE,SAAS;AAChB,4CAAA,UAAU,EAAE,gBAAgB;4CAC5B,SAAS,EAAE,UAAU,GAAG,eAAe,GAAG,cAAc;yCACzD,EAAA,CACD,EAAA,CACS,CACd,CAAA,EAAA,CACc,EAAA,CACb,EACL,WAAW,IAAI,UAAU,KACxBA,GAAA,CAAC,QAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,EAAA,QAAA,EAChCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,EAAA,QAAA,EACxB,iBAAiB,CAAC,IAAI,CAAC,QAAS,EAAE,KAAK,GAAG,CAAC,CAAC,EAAA,CACxC,EAAA,CACE,CACZ,CAAA,EAAA,EApEO,IAAI,CAAC,EAAE,CAqEX;AAEV,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,MAAc,KAAI;QACpC,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,QAAQ,EAAE;AACV,YAAA,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;QAC5B;aAAO;AACL,YAAA,gBAAgB,CAAC,CAAC,IAAI,KACpB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,CAC/E;QACH;AACF,IAAA,CAAC;IAED,QACEC,4BACG,MAAM,KACLD,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,OAAO;AACjB,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,OAAO,EAAE,oBAAoB;AAC7B,oBAAA,MAAM,EAAE,EAAE;oBACV,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE;AACrC,iBAAA,EACD,OAAO,EAAE,QAAQ,EAAA,CACjB,CACH,EACDA,GAAA,CAAC,gBAAgB,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA,QAAA,EAC9BC,KAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAClE,MAAM,KACLA,KAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,EAAE,EAAE,CAAC;gCACL,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACtD,gCAAA,UAAU,EAAE,CAAC;AACb,gCAAA,QAAQ,EAAE,UAAU;AACpB,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,aAAa,EAAE,KAAK;AACpB,gCAAA,UAAU,EAAE,QAAQ;6BACrB,EAAA,QAAA,EAAA,CAEDD,GAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAC,IAAI,EACZ,EAAE,EAAE;AACF,wCAAA,QAAQ,EAAE,MAAM;AAChB,wCAAA,UAAU,EAAE,GAAG;AACf,wCAAA,KAAK,EAAE,SAAS;AAChB,wCAAA,UAAU,EAAE,GAAG;AACf,wCAAA,UAAU,EAAE,UAAU;AACtB,wCAAA,IAAI,EAAE,CAAC;AACP,wCAAA,EAAE,EAAE,CAAC;AACN,qCAAA,EAAA,QAAA,EAEA,UAAU,EAAA,CACA,EAEbA,IAAC,YAAY,EAAA,EACX,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,YAAA,EACP,kBAAkB,EAAA,QAAA,EAE7BA,GAAA,CAAC,8BAA8B,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,EAAA,CAC3C,CAAA,EAAA,CACX,CACP,EAEA,CAAC,MAAM,KACNA,IAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,EAAE,EAAE,CAAC;AACL,gCAAA,EAAE,EAAE,CAAC;gCACL,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACtD,gCAAA,OAAO,EAAE,MAAM;AACf,gCAAA,cAAc,EAAE,QAAQ;AACzB,6BAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,YAAY,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAA,YAAA,EAAa,gBAAgB,EAAA,QAAA,EAC1DA,GAAA,CAAC,+BAA+B,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAA,CAAI,EAAA,CAC5C,EAAA,CACX,CACP,EAEDA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,gCAAA,IAAI,EAAE,CAAC;AACP,gCAAA,SAAS,EAAE,MAAM;gCACjB,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;AAClB,gCAAA,EAAE,EAAE,CAAC;AACN,6BAAA,EAAA,QAAA,EAEHC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CAEhBD,GAAA,CAAC,GAAG,EAAA,EAAuB,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EACtCC,IAAA,CAAC,cAAc,EAAA,EACb,aAAa,EAAA,IAAA,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAK;AACZ,gDAAA,IAAI,CAAC,MAAM;AAAE,oDAAA,QAAQ,EAAE;gDACvB,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gDAC3B,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACnC,4CAAA,CAAC,EACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC5D,KAAK,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,SAAS,EAAA,QAAA,EAAA,CAE/CD,GAAA,CAAC,WAAW,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,EAAA,QAAA,EACpD,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,GACN,EACb,MAAM,KACLA,IAAC,YAAY,EAAA,EACX,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,EAC3B,sBAAsB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAC7D,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,CACtB,CACH,CAAA,EAAA,CACc,IAtBT,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAuBnB,EAEL,QAAQ,CAAC,MAAM,GAAG,CAAC,KAClBC,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CAChBA,IAAA,CAAC,cAAc,EAAA,EACb,aAAa,EAAA,IAAA,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAK;oDACZ,UAAU,CAAC,UAAU,CAAC;AACxB,gDAAA,CAAC,EACD,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EAC5C,KAAK,EAAE,CAAC,MAAM,GAAG,UAAU,GAAG,SAAS,EAAA,QAAA,EAAA,CAEvCD,GAAA,CAAC,WAAW,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,EAAA,QAAA,EACrDA,GAAA,CAAC,cAAc,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,CAAI,EAAA,CAC9C,EACb,MAAM,KACLC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,GAAA,CAAC,YAAY,IACX,OAAO,EAAC,UAAU,EAClB,sBAAsB,EAAE;AACtB,oEAAA,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE;AAC/B,iEAAA,EACD,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAA,CACtB,EACFA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAC/D,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,IACjCA,GAAA,CAAC,iBAAiB,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,CAAI,KAE7DA,GAAA,CAAC,iBAAiB,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,CAAI,CAC9D,EAAA,CACG,CAAA,EAAA,CACL,CACJ,IACc,EAChB,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,MAAM,KAC3CA,GAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,EAAA,QAAA,EAChCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,EAAA,QAAA,EACxB,iBAAiB,CAAC,QAAQ,CAAC,EAAA,CACvB,GACE,CACZ,CAAA,EAAA,CACG,CACP,CAAA,EAAA,CACI,EAAA,CACD,CAAA,EAAA,CACF,EAAA,CACW,CAAA,EAAA,CAClB;AAEP;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Sidebar.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, IconButton, Typography, List, ListItemButton, ListItemText, Collapse, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { ArticleRounded, ChevronRightRounded, ExpandLessRounded, ExpandMoreRounded, HelpCenterRounded, HomeRounded, KeyboardDoubleArrowLeftRounded, KeyboardDoubleArrowRightRounded, SupportAgentRounded, TextSnippetRounded } 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  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) ? prev.filter((id) => id !== itemId) : [...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 = (items: PolicyItem[], depth: number = 0): 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 ? `${theme.palette.primary.main}1A` : '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.id.toString())}\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) ? prev.filter((id) => id !== itemId) : [...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={{ fontSize: '1rem', fontWeight: 700 }}\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', fontWeight: 700\r\n                        }}\r\n                        sx={{ flex: 1, ml: 1 }}\r\n                      />\r\n                      <Box sx={{ display: 'flex', alignItems: 'center', height: '100%' }}>\r\n                        {expandedItems.includes('policies') ? (\r\n                          <ExpandLessRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\r\n                        ) : (\r\n                          <ExpandMoreRounded sx={{ fontSize: 20, color: \"#4D3019\" }} />\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          </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/esm/node_modules/domhandler/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index4.js';
+import { __exports as lib } from '../../../_virtual/index3.js';
 import { __require as requireLib$1 } from '../../domelementtype/lib/index.js';
 import { __require as requireNode } from './node.js';
 

package/dist/esm/node_modules/domutils/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index8.js';
+import { __exports as lib } from '../../../_virtual/index9.js';
 import { __require as requireStringify } from './stringify.js';
 import { __require as requireTraversal } from './traversal.js';
 import { __require as requireManipulation } from './manipulation.js';

package/dist/esm/node_modules/html-dom-parser/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index3.js';
+import { __exports as lib } from '../../../_virtual/index4.js';
 import { __require as requireHtmlToDom } from './server/html-to-dom.js';
 import { __require as requireTypes } from './types.js';
 

package/dist/esm/node_modules/style-to-object/cjs/index.js

@@ -1,4 +1,4 @@
-import { __exports as cjs } from '../../../_virtual/index9.js';
+import { __exports as cjs } from '../../../_virtual/index8.js';
 import { __require as requireCjs$1 } from '../../inline-style-parser/cjs/index.js';
 
 var hasRequiredCjs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ece-docs-components",
-  "version": "1.0.43",
+  "version": "1.0.44",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",