ece-docs-components 1.0.99 → 1.0.101

package/dist/cjs/themes/GPTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"GPTheme.js","sources":["../../../../src/themes/GPTheme.tsx"],"sourcesContent":["import { createTheme } from \"@mui/material\";\r\n\r\nconst GPTheme = createTheme({\r\n  palette: {\r\n    mode: \"light\",\r\n    primary: {\r\n      main: \"#4871cf\",\r\n      light: \"#4871cf\",\r\n      dark: \"#4871cf\",\r\n      contrastText: \"#FFFFFF\",\r\n    },\r\n    secondary: {\r\n      main: \"#a4d6ff\",\r\n      light: \"#a4d6ff\",\r\n      dark: \"#a4d6ff\",\r\n      contrastText: \"#FFFFFF\",\r\n    },\r\n    error: {\r\n      main: \"#F56B6B\",\r\n      light: \"#F56B6B\",\r\n      dark: \"#F56B6B\",\r\n      contrastText: \"#FFFFFF\",\r\n    },\r\n    warning: {\r\n      main: \"#F5D76E\",\r\n      light: \"#F5D76E\",\r\n      dark: \"#F5D76E\",\r\n      contrastText: \"#FFFBFF\",\r\n    },\r\n    info: {\r\n      main: \"#F5A623\",\r\n      light: \"#F5A623\",\r\n      dark: \"#F5A623\",\r\n      contrastText: \"#FFFFFF\",\r\n    },\r\n    success: {\r\n      main: \"#A3D977\",\r\n      light: \"#A3D977\",\r\n      dark: \"#A3D977\",\r\n      contrastText: \"#FFFFFF\",\r\n    },\r\n    background: {\r\n      default: \"#FDFCEE\",\r\n      paper: \"#FEFDF7\",\r\n    },\r\n    text: {\r\n      primary: \"#4D3019\",\r\n      secondary: \"#826E5C\",\r\n      disabled: \"#93908F\",\r\n    },\r\n    divider: \"#C6C7C0\",\r\n    accent: {\r\n      main: \"#FF9ecb\",\r\n    },\r\n    dark: {\r\n      main: \"#4D3019\",\r\n    },\r\n    light: {\r\n      main: \"#FEFDF7\",\r\n    },\r\n    markedRead: {\r\n      main: \"#A3D977\",\r\n    },\r\n    custom: {\r\n      iconColor: \"#4871cf\",\r\n      primaryButtonTextColor: \"#FFFFFF\",\r\n      readByBackgroundColor: \"#4871cf1a\",\r\n      stepIndicatorTextColor: \"#FFFFFF\",\r\n      markAsReadBackgroundColor: \"#4871cf1a\",\r\n      markAsReadBorderColor: \"#4871cf\",\r\n      tabBackgroundColor: \"#a4d6ff1e\",\r\n      statusBarBackgroundColor: \"#a4d6ff\",\r\n    },\r\n  },\r\n  typography: {\r\n    fontFamily: [\r\n      \"Inter\",\r\n      \"-apple-system\",\r\n      \"BlinkMacSystemFont\",\r\n      \"Segoe UI\",\r\n      \"Roboto\",\r\n      \"sans-serif\",\r\n    ].join(\",\"),\r\n    h1: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 700,\r\n      fontSize: \"2.5rem\",\r\n      lineHeight: 1.2,\r\n    },\r\n    h2: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 700,\r\n      fontSize: \"2rem\",\r\n      lineHeight: 1.3,\r\n    },\r\n    h3: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 600,\r\n      fontSize: \"1.75rem\",\r\n      lineHeight: 1.3,\r\n    },\r\n    h4: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 600,\r\n      fontSize: \"1.5rem\",\r\n      lineHeight: 1.4,\r\n    },\r\n    h5: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 600,\r\n      fontSize: \"1.25rem\",\r\n      lineHeight: 1.4,\r\n    },\r\n    h6: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 600,\r\n      fontSize: \"1rem\",\r\n      lineHeight: 1.4,\r\n    },\r\n    body1: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 400,\r\n      fontSize: \"1rem\",\r\n      lineHeight: 1.5,\r\n    },\r\n    body2: {\r\n      color: \"#826E5C\",\r\n      fontWeight: 400,\r\n      fontSize: \"0.875rem\",\r\n      lineHeight: 1.5,\r\n    },\r\n    subtitle1: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 500,\r\n      fontSize: \"1rem\",\r\n      lineHeight: 1.5,\r\n    },\r\n    subtitle2: {\r\n      color: \"#826E5C\",\r\n      fontWeight: 500,\r\n      fontSize: \"0.875rem\",\r\n      lineHeight: 1.5,\r\n    },\r\n    button: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 500,\r\n      fontSize: \"0.875rem\",\r\n      lineHeight: 1.75,\r\n      textTransform: \"none\",\r\n    },\r\n    caption: {\r\n      color: \"#826E5C\",\r\n      fontWeight: 400,\r\n      fontSize: \"0.75rem\",\r\n      lineHeight: 1.66,\r\n    },\r\n    overline: {\r\n      color: \"#826E5C\",\r\n      fontWeight: 500,\r\n      fontSize: \"0.75rem\",\r\n      lineHeight: 2.66,\r\n      textTransform: \"uppercase\",\r\n      letterSpacing: \"0.08em\",\r\n    },\r\n  },\r\n  shape: {\r\n    borderRadius: 4,\r\n  },\r\n  breakpoints: {\r\n    values: {\r\n      xs: 320,\r\n      sm: 640,\r\n      md: 768,\r\n      lg: 1024,\r\n      xl: 1280,\r\n    },\r\n  },\r\n  components: {\r\n    MuiLink: {\r\n      styleOverrides: {\r\n        root: {\r\n          color: \"#4871cf\",\r\n          textDecorationColor: \"#4871cf\",\r\n          \"&:hover\": {\r\n            color: \"#4871cf\",\r\n            textDecorationColor: \"#4871cf\",\r\n          },\r\n          \"&:active\": {\r\n            color: \"#FFEDD1\",\r\n          },\r\n          \"&:visited\": {\r\n            color: \"#2d4783\",\r\n          },\r\n        },\r\n        underlineAlways: {\r\n          color: \"#4871cf\",\r\n          textDecorationColor: \"#4871cf\",\r\n        },\r\n      },\r\n    },\r\n    MuiTypography: {\r\n      defaultProps: {\r\n        variantMapping: {\r\n          h1: \"h1\",\r\n          h2: \"h2\",\r\n          h3: \"h3\",\r\n          h4: \"h4\",\r\n          h5: \"h5\",\r\n          h6: \"h6\",\r\n          subtitle1: \"p\",\r\n          subtitle2: \"p\",\r\n          body1: \"p\",\r\n          body2: \"p\",\r\n        },\r\n      },\r\n    },\r\n    MuiCssBaseline: {\r\n      styleOverrides: {\r\n        body: {\r\n          WebkitFontSmoothing: \"antialiased\",\r\n          MozOsxFontSmoothing: \"grayscale\",\r\n          backgroundColor: \"#FDFCEE\",\r\n          color: \"#4D3019\",\r\n        },\r\n        'input[type=\"checkbox\"], input[type=\"radio\"]': {\r\n          accentColor: \"#FF9ecb\",\r\n        },\r\n        \"h1, h2, h3, h4, h5, h6\": {\r\n          fontWeight: \"inherit !important\",\r\n        },\r\n        \".MuiTypography-h1\": {\r\n          fontWeight: \"700 !important\",\r\n        },\r\n        \".MuiTypography-h2\": {\r\n          fontWeight: \"700 !important\",\r\n        },\r\n        \".MuiTypography-h3\": {\r\n          fontWeight: \"600 !important\",\r\n        },\r\n        \".MuiTypography-h4\": {\r\n          fontWeight: \"600 !important\",\r\n        },\r\n        \".MuiTypography-h5\": {\r\n          fontWeight: \"600 !important\",\r\n        },\r\n        \".MuiTypography-h6\": {\r\n          fontWeight: \"600 !important\",\r\n        },\r\n        \"a, a.MuiLink-root\": {\r\n          color: \"#4871cf !important\",\r\n          \"&:hover\": {\r\n            color: \"#4871cf !important\",\r\n          },\r\n          \"&:visited\": {\r\n            color: \"#2d4783 !important\",\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  appName: \"GPDocs\",\r\n  contact: {\r\n    email: \"team@gpdocs.co.nz\",\r\n  },\r\n});\r\n\r\nexport default GPTheme;\r\n"],"names":["createTheme"],"mappings":";;;;;;AAEA,MAAM,OAAO,GAAGA,oBAAW,CAAC;AAC1B,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,YAAY,EAAE,SAAS;AACxB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,YAAY,EAAE,SAAS;AACxB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,YAAY,EAAE,SAAS;AACxB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,YAAY,EAAE,SAAS;AACxB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,YAAY,EAAE,SAAS;AACxB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,YAAY,EAAE,SAAS;AACxB,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,QAAQ,EAAE,SAAS;AACpB,SAAA;AACD,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,sBAAsB,EAAE,SAAS;AACjC,YAAA,qBAAqB,EAAE,WAAW;AAClC,YAAA,sBAAsB,EAAE,SAAS;AACjC,YAAA,yBAAyB,EAAE,WAAW;AACtC,YAAA,qBAAqB,EAAE,SAAS;AAChC,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,wBAAwB,EAAE,SAAS;AACpC,SAAA;AACF,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,UAAU,EAAE;YACV,OAAO;YACP,eAAe;YACf,oBAAoB;YACpB,UAAU;YACV,QAAQ;YACR,YAAY;SACb,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,QAAA,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,aAAa,EAAE,MAAM;AACtB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,UAAU,EAAE,IAAI;AACjB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,aAAa,EAAE,WAAW;AAC1B,YAAA,aAAa,EAAE,QAAQ;AACxB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,YAAY,EAAE,CAAC;AAChB,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,GAAG;AACP,YAAA,EAAE,EAAE,GAAG;AACP,YAAA,EAAE,EAAE,GAAG;AACP,YAAA,EAAE,EAAE,IAAI;AACR,YAAA,EAAE,EAAE,IAAI;AACT,SAAA;AACF,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE;AACP,YAAA,cAAc,EAAE;AACd,gBAAA,IAAI,EAAE;AACJ,oBAAA,KAAK,EAAE,SAAS;AAChB,oBAAA,mBAAmB,EAAE,SAAS;AAC9B,oBAAA,SAAS,EAAE;AACT,wBAAA,KAAK,EAAE,SAAS;AAChB,wBAAA,mBAAmB,EAAE,SAAS;AAC/B,qBAAA;AACD,oBAAA,UAAU,EAAE;AACV,wBAAA,KAAK,EAAE,SAAS;AACjB,qBAAA;AACD,oBAAA,WAAW,EAAE;AACX,wBAAA,KAAK,EAAE,SAAS;AACjB,qBAAA;AACF,iBAAA;AACD,gBAAA,eAAe,EAAE;AACf,oBAAA,KAAK,EAAE,SAAS;AAChB,oBAAA,mBAAmB,EAAE,SAAS;AAC/B,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,aAAa,EAAE;AACb,YAAA,YAAY,EAAE;AACZ,gBAAA,cAAc,EAAE;AACd,oBAAA,EAAE,EAAE,IAAI;AACR,oBAAA,EAAE,EAAE,IAAI;AACR,oBAAA,EAAE,EAAE,IAAI;AACR,oBAAA,EAAE,EAAE,IAAI;AACR,oBAAA,EAAE,EAAE,IAAI;AACR,oBAAA,EAAE,EAAE,IAAI;AACR,oBAAA,SAAS,EAAE,GAAG;AACd,oBAAA,SAAS,EAAE,GAAG;AACd,oBAAA,KAAK,EAAE,GAAG;AACV,oBAAA,KAAK,EAAE,GAAG;AACX,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,cAAc,EAAE;AACd,gBAAA,IAAI,EAAE;AACJ,oBAAA,mBAAmB,EAAE,aAAa;AAClC,oBAAA,mBAAmB,EAAE,WAAW;AAChC,oBAAA,eAAe,EAAE,SAAS;AAC1B,oBAAA,KAAK,EAAE,SAAS;AACjB,iBAAA;AACD,gBAAA,6CAA6C,EAAE;AAC7C,oBAAA,WAAW,EAAE,SAAS;AACvB,iBAAA;AACD,gBAAA,wBAAwB,EAAE;AACxB,oBAAA,UAAU,EAAE,oBAAoB;AACjC,iBAAA;AACD,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,UAAU,EAAE,gBAAgB;AAC7B,iBAAA;AACD,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,UAAU,EAAE,gBAAgB;AAC7B,iBAAA;AACD,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,UAAU,EAAE,gBAAgB;AAC7B,iBAAA;AACD,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,UAAU,EAAE,gBAAgB;AAC7B,iBAAA;AACD,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,UAAU,EAAE,gBAAgB;AAC7B,iBAAA;AACD,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,UAAU,EAAE,gBAAgB;AAC7B,iBAAA;AACD,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,KAAK,EAAE,oBAAoB;AAC3B,oBAAA,SAAS,EAAE;AACT,wBAAA,KAAK,EAAE,oBAAoB;AAC5B,qBAAA;AACD,oBAAA,WAAW,EAAE;AACX,wBAAA,KAAK,EAAE,oBAAoB;AAC5B,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,mBAAmB;AAC3B,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"GPTheme.js","sources":["../../../../src/themes/GPTheme.tsx"],"sourcesContent":["import { createTheme } from \"@mui/material\";\r\n\r\nconst GPTheme = createTheme({\r\n  palette: {\r\n    mode: \"light\",\r\n    primary: {\r\n      main: \"#4871cf\",\r\n      light: \"#4871cf\",\r\n      dark: \"#4871cf\",\r\n      contrastText: \"#FFFFFF\",\r\n    },\r\n    secondary: {\r\n      main: \"#a4d6ff\",\r\n      light: \"#a4d6ff\",\r\n      dark: \"#a4d6ff\",\r\n      contrastText: \"#FFFFFF\",\r\n    },\r\n    error: {\r\n      main: \"#F56B6B\",\r\n      light: \"#F56B6B\",\r\n      dark: \"#F56B6B\",\r\n      contrastText: \"#FFFFFF\",\r\n    },\r\n    warning: {\r\n      main: \"#F5D76E\",\r\n      light: \"#F5D76E\",\r\n      dark: \"#F5D76E\",\r\n      contrastText: \"#FFFBFF\",\r\n    },\r\n    info: {\r\n      main: \"#F5A623\",\r\n      light: \"#F5A623\",\r\n      dark: \"#F5A623\",\r\n      contrastText: \"#FFFFFF\",\r\n    },\r\n    success: {\r\n      main: \"#A3D977\",\r\n      light: \"#A3D977\",\r\n      dark: \"#A3D977\",\r\n      contrastText: \"#FFFFFF\",\r\n    },\r\n    background: {\r\n      default: \"#FDFCEE\",\r\n      paper: \"#FEFDF7\",\r\n    },\r\n    text: {\r\n      primary: \"#4D3019\",\r\n      secondary: \"#826E5C\",\r\n      disabled: \"#93908F\",\r\n    },\r\n    divider: \"#C6C7C0\",\r\n    accent: {\r\n      main: \"#FF9ecb\",\r\n    },\r\n    dark: {\r\n      main: \"#4D3019\",\r\n    },\r\n    light: {\r\n      main: \"#FEFDF7\",\r\n    },\r\n    markedRead: {\r\n      main: \"#A3D977\",\r\n    },\r\n    custom: {\r\n      iconColor: \"#4871cf\",\r\n      primaryButtonTextColor: \"#FFFFFF\",\r\n      readByBackgroundColor: \"#4871cf1a\",\r\n      stepIndicatorTextColor: \"#FFFFFF\",\r\n      markAsReadBackgroundColor: \"#4871cf1a\",\r\n      markAsReadBorderColor: \"#4871cf\",\r\n      tabBackgroundColor: \"#a4d6ff1e\",\r\n      statusBarBackgroundColor: \"#a4d6ff\",\r\n      tableOfContentsColor: \"#A4D6FF1D\",\r\n    },\r\n  },\r\n  typography: {\r\n    fontFamily: [\r\n      \"Inter\",\r\n      \"-apple-system\",\r\n      \"BlinkMacSystemFont\",\r\n      \"Segoe UI\",\r\n      \"Roboto\",\r\n      \"sans-serif\",\r\n    ].join(\",\"),\r\n    h1: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 700,\r\n      fontSize: \"2.5rem\",\r\n      lineHeight: 1.2,\r\n    },\r\n    h2: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 700,\r\n      fontSize: \"2rem\",\r\n      lineHeight: 1.3,\r\n    },\r\n    h3: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 600,\r\n      fontSize: \"1.75rem\",\r\n      lineHeight: 1.3,\r\n    },\r\n    h4: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 600,\r\n      fontSize: \"1.5rem\",\r\n      lineHeight: 1.4,\r\n    },\r\n    h5: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 600,\r\n      fontSize: \"1.25rem\",\r\n      lineHeight: 1.4,\r\n    },\r\n    h6: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 600,\r\n      fontSize: \"1rem\",\r\n      lineHeight: 1.4,\r\n    },\r\n    body1: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 400,\r\n      fontSize: \"1rem\",\r\n      lineHeight: 1.5,\r\n    },\r\n    body2: {\r\n      color: \"#826E5C\",\r\n      fontWeight: 400,\r\n      fontSize: \"0.875rem\",\r\n      lineHeight: 1.5,\r\n    },\r\n    subtitle1: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 500,\r\n      fontSize: \"1rem\",\r\n      lineHeight: 1.5,\r\n    },\r\n    subtitle2: {\r\n      color: \"#826E5C\",\r\n      fontWeight: 500,\r\n      fontSize: \"0.875rem\",\r\n      lineHeight: 1.5,\r\n    },\r\n    button: {\r\n      color: \"#4D3019\",\r\n      fontWeight: 500,\r\n      fontSize: \"0.875rem\",\r\n      lineHeight: 1.75,\r\n      textTransform: \"none\",\r\n    },\r\n    caption: {\r\n      color: \"#826E5C\",\r\n      fontWeight: 400,\r\n      fontSize: \"0.75rem\",\r\n      lineHeight: 1.66,\r\n    },\r\n    overline: {\r\n      color: \"#826E5C\",\r\n      fontWeight: 500,\r\n      fontSize: \"0.75rem\",\r\n      lineHeight: 2.66,\r\n      textTransform: \"uppercase\",\r\n      letterSpacing: \"0.08em\",\r\n    },\r\n  },\r\n  shape: {\r\n    borderRadius: 4,\r\n  },\r\n  breakpoints: {\r\n    values: {\r\n      xs: 320,\r\n      sm: 640,\r\n      md: 768,\r\n      lg: 1024,\r\n      xl: 1280,\r\n    },\r\n  },\r\n  components: {\r\n    MuiLink: {\r\n      styleOverrides: {\r\n        root: {\r\n          color: \"#4871cf\",\r\n          textDecorationColor: \"#4871cf\",\r\n          \"&:hover\": {\r\n            color: \"#4871cf\",\r\n            textDecorationColor: \"#4871cf\",\r\n          },\r\n          \"&:active\": {\r\n            color: \"#FFEDD1\",\r\n          },\r\n          \"&:visited\": {\r\n            color: \"#2d4783\",\r\n          },\r\n        },\r\n        underlineAlways: {\r\n          color: \"#4871cf\",\r\n          textDecorationColor: \"#4871cf\",\r\n        },\r\n      },\r\n    },\r\n    MuiTypography: {\r\n      defaultProps: {\r\n        variantMapping: {\r\n          h1: \"h1\",\r\n          h2: \"h2\",\r\n          h3: \"h3\",\r\n          h4: \"h4\",\r\n          h5: \"h5\",\r\n          h6: \"h6\",\r\n          subtitle1: \"p\",\r\n          subtitle2: \"p\",\r\n          body1: \"p\",\r\n          body2: \"p\",\r\n        },\r\n      },\r\n    },\r\n    MuiCssBaseline: {\r\n      styleOverrides: {\r\n        body: {\r\n          WebkitFontSmoothing: \"antialiased\",\r\n          MozOsxFontSmoothing: \"grayscale\",\r\n          backgroundColor: \"#FDFCEE\",\r\n          color: \"#4D3019\",\r\n        },\r\n        'input[type=\"checkbox\"], input[type=\"radio\"]': {\r\n          accentColor: \"#FF9ecb\",\r\n        },\r\n        \"h1, h2, h3, h4, h5, h6\": {\r\n          fontWeight: \"inherit !important\",\r\n        },\r\n        \".MuiTypography-h1\": {\r\n          fontWeight: \"700 !important\",\r\n        },\r\n        \".MuiTypography-h2\": {\r\n          fontWeight: \"700 !important\",\r\n        },\r\n        \".MuiTypography-h3\": {\r\n          fontWeight: \"600 !important\",\r\n        },\r\n        \".MuiTypography-h4\": {\r\n          fontWeight: \"600 !important\",\r\n        },\r\n        \".MuiTypography-h5\": {\r\n          fontWeight: \"600 !important\",\r\n        },\r\n        \".MuiTypography-h6\": {\r\n          fontWeight: \"600 !important\",\r\n        },\r\n        \"a, a.MuiLink-root\": {\r\n          color: \"#4871cf !important\",\r\n          \"&:hover\": {\r\n            color: \"#4871cf !important\",\r\n          },\r\n          \"&:visited\": {\r\n            color: \"#2d4783 !important\",\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  appName: \"GPDocs\",\r\n  contact: {\r\n    email: \"team@gpdocs.co.nz\",\r\n  },\r\n});\r\n\r\nexport default GPTheme;\r\n"],"names":["createTheme"],"mappings":"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"}

package/dist/esm/ThemeProvider.d.ts

@@ -6,5 +6,5 @@ export declare const ThemeProvider: React.FC<{
     children: React.ReactNode;
     theme?: ThemeType;
 }>;
-export declare const useTheme: () => import("@mui/material").Theme;
+export declare const useTheme: () => any;
 export {};

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/AutocompleteSelect.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+interface AutocompleteOption {
+    value: string;
+    label: string;
+}
+interface AutocompleteSelectProps {
+    id?: string;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    placeholder?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    options: AutocompleteOption[];
+    value: AutocompleteOption | null;
+    onChange: (value: AutocompleteOption | null) => void;
+    className?: string;
+    sx?: any;
+}
+export declare function AutocompleteSelect({ id, label, error, helperText, placeholder, fullWidth, disabled, options, value, onChange, className, sx, }: AutocompleteSelectProps): React.JSX.Element;
+export {};

package/dist/esm/components/AutocompleteSelect.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { styled, Autocomplete, FormHelperText } from '@mui/material';
+import { ExpandMoreRounded } from '@mui/icons-material';
+import { useTheme } from '../ThemeProvider.js';
+import { StyledLabel, Input } from './Input.js';
+
+const AutocompleteWrapper = styled("div")({
+    width: "100%",
+});
+function AutocompleteSelect({ id, label, error, helperText, placeholder, fullWidth = false, disabled = false, options, value, onChange, className = "", sx, }) {
+    const theme = useTheme();
+    const selectId = id || `auto-select-${Math.random().toString(36).substr(2, 9)}`;
+    return (jsxs(AutocompleteWrapper, { className: className, sx: [
+            { ...(!fullWidth && { width: "auto" }) },
+            ...(Array.isArray(sx) ? sx : [sx]),
+        ], children: [label && (jsx(StyledLabel, { htmlFor: selectId, shrink: false, children: label })), jsx(Autocomplete, { id: selectId, options: options, value: value, disabled: disabled, disablePortal: true, getOptionLabel: (option) => option?.label || "", isOptionEqualToValue: (option, val) => option?.value === val?.value, onChange: (_event, newValue) => onChange(newValue), popupIcon: jsx(ExpandMoreRounded, { sx: { color: `${theme.palette.dark.main}66` } }), slotProps: {
+                    paper: {
+                        sx: {
+                            borderRadius: 2,
+                            boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+                            maxHeight: "min(22rem, calc(100vh - 6rem))",
+                            overflow: "hidden",
+                            backgroundColor: theme.palette.light.main,
+                            mt: 0.5,
+                        },
+                    },
+                }, sx: {
+                    "& .MuiOutlinedInput-root": {
+                        padding: "0 9px !important",
+                        height: 48,
+                        display: "flex",
+                        alignItems: "center",
+                    },
+                    "& .MuiAutocomplete-input": {
+                        padding: "0 !important",
+                    },
+                    "& + .MuiAutocomplete-popper .MuiAutocomplete-option": {
+                        fontSize: "1rem",
+                        color: theme.palette.dark.main,
+                        '&[aria-selected="true"]': {
+                            backgroundColor: "transparent",
+                        },
+                        '&[aria-selected="true"].Mui-focused, &:hover, &.Mui-focused': {
+                            backgroundColor: `${theme.palette.primary.main}1A !important`,
+                        },
+                    },
+                }, renderInput: (params) => {
+                    // 1. Separate structural configurations from direct props
+                    const { InputProps, inputProps, ...restParams } = params;
+                    return (jsx(Input, { ...restParams, 
+                        // 2. Safely spread native input elements
+                        inputProps: inputProps, 
+                        // 3. Bind MUI's dynamic layout objects (adornments, ref) into the slot configuration
+                        InputProps: {
+                            ...InputProps,
+                        }, error: error, placeholder: placeholder, fullWidth: true, 
+                        // Explicitly empty string avoids passing a raw error object down to helperText slots
+                        helperText: "" }));
+                } }), error && (jsx(FormHelperText, { sx: {
+                    mt: 0.75,
+                    fontSize: "0.875rem",
+                    color: theme.palette.error.main,
+                }, children: error })), helperText && !error && (jsx(FormHelperText, { sx: {
+                    mt: 0.75,
+                    fontSize: "0.875rem",
+                    color: `${theme.palette.dark.main}99`,
+                }, children: helperText }))] }));
+}
+
+export { AutocompleteSelect };
+//# sourceMappingURL=AutocompleteSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteSelect.js","sources":["../../../../src/components/AutocompleteSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  FormHelperText,\n  styled,\n} from \"@mui/material\";\nimport { ExpandMoreRounded } from \"@mui/icons-material\";\nimport { useTheme } from \"../ThemeProvider\"; // Adjust pathway according to project layout\nimport { Input, StyledLabel } from \"./Input\";\n\ninterface AutocompleteOption {\n  value: string;\n  label: string;\n}\n\ninterface AutocompleteSelectProps {\n  id?: string;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  placeholder?: string;\n  fullWidth?: boolean;\n  disabled?: boolean;\n  options: AutocompleteOption[];\n  value: AutocompleteOption | null;\n  onChange: (value: AutocompleteOption | null) => void;\n  className?: string;\n  sx?: any;\n}\n\nconst AutocompleteWrapper = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport function AutocompleteSelect({\n  id,\n  label,\n  error,\n  helperText,\n  placeholder,\n  fullWidth = false,\n  disabled = false,\n  options,\n  value,\n  onChange,\n  className = \"\",\n  sx,\n}: AutocompleteSelectProps): React.JSX.Element {\n  const theme = useTheme();\n  const selectId =\n    id || `auto-select-${Math.random().toString(36).substr(2, 9)}`;\n\n  return (\n    <AutocompleteWrapper\n      className={className}\n      sx={[\n        { ...(!fullWidth && { width: \"auto\" }) },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n    >\n      {label && (\n        <StyledLabel htmlFor={selectId} shrink={false}>\n          {label}\n        </StyledLabel>\n      )}\n\n      <MuiAutocomplete\n        id={selectId}\n        options={options}\n        value={value}\n        disabled={disabled}\n        disablePortal\n        getOptionLabel={(option: { label: string; value: string }) =>\n          option?.label || \"\"\n        }\n        isOptionEqualToValue={(\n          option: AutocompleteOption,\n          val: AutocompleteOption,\n        ) => option?.value === val?.value}\n        onChange={(_event: Event, newValue: AutocompleteOption) =>\n          onChange(newValue)\n        }\n        popupIcon={\n          <ExpandMoreRounded sx={{ color: `${theme.palette.dark.main}66` }} />\n        }\n        slotProps={{\n          paper: {\n            sx: {\n              borderRadius: 2,\n              boxShadow:\n                \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n              maxHeight: \"min(22rem, calc(100vh - 6rem))\",\n              overflow: \"hidden\",\n              backgroundColor: theme.palette.light.main,\n              mt: 0.5,\n            },\n          },\n        }}\n        sx={{\n          \"& .MuiOutlinedInput-root\": {\n            padding: \"0 9px !important\",\n            height: 48,\n            display: \"flex\",\n            alignItems: \"center\",\n          },\n          \"& .MuiAutocomplete-input\": {\n            padding: \"0 !important\",\n          },\n          \"& + .MuiAutocomplete-popper .MuiAutocomplete-option\": {\n            fontSize: \"1rem\",\n            color: theme.palette.dark.main,\n            '&[aria-selected=\"true\"]': {\n              backgroundColor: \"transparent\",\n            },\n            '&[aria-selected=\"true\"].Mui-focused, &:hover, &.Mui-focused': {\n              backgroundColor: `${theme.palette.primary.main}1A !important`,\n            },\n          },\n        }}\n        renderInput={(params: any) => {\n          // 1. Separate structural configurations from direct props\n          const { InputProps, inputProps, ...restParams } = params;\n\n          return (\n            <Input\n              {...restParams}\n              // 2. Safely spread native input elements\n              inputProps={inputProps}\n              // 3. Bind MUI's dynamic layout objects (adornments, ref) into the slot configuration\n              InputProps={{\n                ...InputProps,\n              }}\n              error={error}\n              placeholder={placeholder}\n              fullWidth\n              // Explicitly empty string avoids passing a raw error object down to helperText slots\n              helperText=\"\"\n            />\n          );\n        }}\n      />\n\n      {error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: theme.palette.error.main,\n          }}\n        >\n          {error}\n        </FormHelperText>\n      )}\n\n      {helperText && !error && (\n        <FormHelperText\n          sx={{\n            mt: 0.75,\n            fontSize: \"0.875rem\",\n            color: `${theme.palette.dark.main}99`,\n          }}\n        >\n          {helperText}\n        </FormHelperText>\n      )}\n    </AutocompleteWrapper>\n  );\n}\n"],"names":["_jsxs","_jsx","MuiAutocomplete"],"mappings":"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"}

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

@@ -3,6 +3,6 @@ import { TextFieldProps } from '@mui/material';
 interface InputProps extends Omit<TextFieldProps, 'variant' | 'error'> {
     error?: string;
 }
-export declare const StyledLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "disabled" | "color" | "margin" | "className" | "style" | "classes" | "children" | "variant" | "sx" | "size" | "error" | "filled" | "focused" | "required" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledLabel: any;
 export declare const Input: React.FC<InputProps>;
 export {};

package/dist/esm/components/SidebarV2.js

@@ -48,7 +48,10 @@ const ToggleButton = styled(IconButton)(({ theme }) => ({
     },
 }));
 const MenuItemButton = styled(ListItemButton, {
-    shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "isActive" && prop !== "isPolicyActive",
+    shouldForwardProp: (prop) => prop !== "isOpen" &&
+        prop !== "isActive" &&
+        prop !== "isPolicyActive" &&
+        prop !== "depth",
 })(({ theme, isActive, isOpen, isPolicyActive, depth }) => ({
     borderRadius: isOpen
         ? `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`
@@ -60,17 +63,18 @@ const MenuItemButton = styled(ListItemButton, {
     justifyContent: isOpen ? "flex-start" : "center",
     backgroundClip: "padding-box",
     backgroundOrigin: "border-box",
+    // Default hover state for unselected items
     "&:hover": {
         backgroundColor: `#0000000D`,
     },
-    ...(isActive && {
-        backgroundColor: `${theme.palette.primary.main}1A`,
-    }),
-    ...(isPolicyActive && depth > 1 && {
-        backgroundColor: `#0000000D`,
+    // 1. If the item is a parent policy/category wrapper (but not the active page itself)
+    ...(isPolicyActive &&
+        !isActive && {
+        backgroundColor: depth > 1 ? `#0000000D` : `${theme.palette.custom.tabBackgroundColor}`,
     }),
-    ...(isPolicyActive && depth <= 1 && {
-        backgroundColor: `${theme.palette.primary.main}1A`,
+    // 2. CRITICAL: If this is the actual active item, it always gets the blue background!
+    ...(isActive && {
+        backgroundColor: `${theme.palette.custom.tabBackgroundColor} !important`,
     }),
 }));
 const IconWrapper = styled(Box, {
@@ -129,7 +133,7 @@ const SidebarItem = ({ isOpen, isAdmin, item, onNavigate, expandedSet, setExpand
                                     primary: {
                                         style: {
                                             // textDecoration: isActive ? "underline" : "",
-                                            fontWeight: isPolicyActive ? 700 : (depth > 0 ? 400 : 700)
+                                            fontWeight: isPolicyActive ? 700 : depth > 0 ? 400 : 700,
                                         },
                                         width: 200 - depth * 16, // Set to stop text from wrapping when sidebar is expanding and contracting
                                         ...(depth > 0
@@ -151,20 +155,20 @@ const SidebarItem = ({ isOpen, isAdmin, item, onNavigate, expandedSet, setExpand
                                     width: 32,
                                     height: 32,
                                     "&:hover": {
-                                        backgroundColor: `${theme.palette.primary.main}1F`,
+                                        backgroundColor: `${theme.palette.custom.tabBackgroundColor}`,
                                     },
                                 }, children: jsx(ChevronRightRounded, { sx: {
                                         fontSize: 16,
-                                        color: "#4D3019",
+                                        color: theme.palette.text.primary,
                                         transition: "transform 0.1s",
                                         transform: isExpanded() ? "rotate(90deg)" : "rotate(0deg)",
-                                    } }) }))] }))] }), isExpanded() && isOpen && (jsx(Collapse, { in: true, timeout: "auto", children: jsxs(Box, { display: 'flex', flexDirection: 'row', children: [depth > 0 && (jsx(Divider, { orientation: "vertical", flexItem: true, sx: {
+                                    } }) }))] }))] }), isExpanded() && isOpen && (jsx(Collapse, { in: true, timeout: "auto", children: jsxs(Box, { display: "flex", flexDirection: "row", children: [depth > 0 && (jsx(Divider, { orientation: "vertical", flexItem: true, sx: {
                                 ml: 2,
                                 borderColor: `#00000033`,
-                                borderWidth: '1px',
-                                borderRightWidth: '1px',
+                                borderWidth: "1px",
+                                borderRightWidth: "1px",
                                 mt: 1,
-                                mb: 1
+                                mb: 1,
                             } })), jsx(List, { sx: { p: 0, mt: 1, mb: 1, flex: 1 }, children: item.items &&
                                 item.items.map((child) => (jsx(SidebarItem, { currentPath: currentPath, expandedSet: expandedSet, setExpand: onExpand, isOpen: isOpen, isAdmin: isAdmin, item: child, onNavigate: onNavigate, depth: depth + 1 }, child.id))) })] }) }))] }));
 };
@@ -174,7 +178,7 @@ const SidebarV2 = ({ isOpen, onToggle, centreName = "Centre name goes here \n ac
             if (!item || item.items === undefined || item.items.length === 0) {
                 continue;
             }
-            const url = item.url?.replace(/-\d+$/, '');
+            const url = item.url?.replace(/-\d+$/, "");
             const isActive = currentPath.includes(url) ||
                 currentPath.includes(item.title.toLowerCase());
             if (isActive) {
@@ -187,7 +191,7 @@ const SidebarV2 = ({ isOpen, onToggle, centreName = "Centre name goes here \n ac
     };
     const theme = useTheme();
     const [expandedSet, setExpanded] = useState(() => new Set(findExpandItems(items)));
-    const isMobile = !window.matchMedia(theme.breakpoints.up('lg').replace('@media ', '')).matches;
+    const isMobile = !window.matchMedia(theme.breakpoints.up("lg").replace("@media ", "")).matches;
     return (jsxs(Fragment, { children: [isOpen && (jsx(Box, { sx: {
                     position: "fixed",
                     inset: 0,
@@ -215,14 +219,14 @@ const SidebarV2 = ({ isOpen, onToggle, centreName = "Centre name goes here \n ac
                                                 width: "180px",
                                                 fontSize: "18px",
                                                 fontWeight: 700,
-                                                color: "#4D3019",
+                                                color: theme.palette.text.primary,
                                                 whiteSpace: "pre-line",
                                                 flex: 1,
                                                 pr: 2,
                                             }, children: centreName ?? "Centre Name" }), jsx(ToggleButton, { onClick: () => onToggle(), sx: { ml: "auto" }, "aria-label": "Collapse sidebar", children: jsx(KeyboardDoubleArrowLeftRounded, { sx: { fontSize: 20 } }) })] }), jsx(Box, { onClick: onOrgChange, sx: {
                                         px: 2,
                                         py: 1,
-                                        borderBottom: `1px solid ${theme.palette.dark.main}1A`,
+                                        borderBottom: `1px solid ${theme.palette.custom.tabBackgroundColor}`,
                                         flexShrink: 0,
                                         position: "relative",
                                         display: "flex",
@@ -235,11 +239,14 @@ const SidebarV2 = ({ isOpen, onToggle, centreName = "Centre name goes here \n ac
                                             flexDirection: "row",
                                             alignItems: "center",
                                             py: 1,
-                                        }, children: [jsx(ImportExportRounded, { sx: { color: theme.palette.primary.main, mr: 1 } }), jsx(Typography, { sx: { color: theme.palette.primary.main }, children: "Change organisation" })] })) })] })) : (jsx(Box, { sx: {
+                                        }, children: [jsx(ImportExportRounded, { sx: {
+                                                    color: theme.palette.primary.main,
+                                                    mr: 1,
+                                                } }), jsx(Typography, { sx: { color: theme.palette.primary.main }, children: "Change organisation" })] })) })] })) : (jsx(Box, { sx: {
                                 px: 1,
                                 py: 3,
                                 mb: 1,
-                                borderBottom: `1px solid ${theme.palette.dark.main}1A`,
+                                borderBottom: `1px solid ${theme.palette.custom.tabBackgroundColor}`,
                                 display: "flex",
                                 justifyContent: "center",
                             }, children: jsx(ToggleButton, { onClick: onToggle, "aria-label": "Expand sidebar", children: jsx(KeyboardDoubleArrowRightRounded, { sx: { fontSize: 20 } }) }) })), jsx(Box, { sx: {

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarV2.js","sources":["../../../../src/components/SidebarV2.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Typography,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  Collapse,\r\n  styled,\r\n  Divider,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  ChevronRightRounded,\r\n  ImportExportRounded,\r\n  KeyboardDoubleArrowLeftRounded,\r\n  KeyboardDoubleArrowRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\nconst EXPANDED_WIDTH = \"288px\";\r\nconst COLLAPSED_WIDTH_SMALL = \"80px\";\r\nconst COLLAPSED_WIDTH_DEFAULT = \"64px\";\r\n\r\nexport enum Visibility {\r\n  Admin = \"Admin\",\r\n  Contributor = \"Contributor\",\r\n  Community = \"Community\",\r\n}\r\n\r\nexport interface MenuItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  visibility?: Visibility;\r\n  url?: string;\r\n  items?: MenuItem[];\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.15s ease-out\",\r\n  width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_DEFAULT,\r\n  zIndex: 50,\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    position: \"fixed\",\r\n    left: isOpen ? 0 : `-${EXPANDED_WIDTH}`,\r\n    width: EXPANDED_WIDTH,\r\n    transition: \"all 0.4s ease-out\",\r\n  },\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_SMALL,\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\" && prop !== \"isPolicyActive\",\r\n})<{ isActive?: boolean; isOpen: boolean, isPolicyActive?: boolean, depth: number }>(({ theme, isActive, isOpen, isPolicyActive, depth }) => ({\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: `#0000000D`,\r\n  },\r\n  ...(isActive && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\r\n  }),\r\n  ...(isPolicyActive && depth > 1 && {\r\n    backgroundColor: `#0000000D`,\r\n  }),\r\n  ...(isPolicyActive && depth <= 1 && {\r\n    backgroundColor: `${theme.palette.primary.main}1A`,\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\nconst SidebarItem = ({\r\n  isOpen,\r\n  isAdmin,\r\n  item,\r\n  onNavigate,\r\n  expandedSet,\r\n  setExpand: onExpand,\r\n  depth = 0,\r\n  currentPath,\r\n  openSidebar,\r\n}: {\r\n  isOpen: boolean;\r\n  isAdmin: boolean;\r\n  item: MenuItem;\r\n  onNavigate: (path: string) => void;\r\n  expandedSet: Set<string | number>;\r\n  setExpand: React.Dispatch<React.SetStateAction<Set<string | number>>>;\r\n  depth?: number;\r\n  currentPath: string;\r\n  openSidebar?: () => void,\r\n}) => {\r\n  // console.log(item.title, item.items);\r\n  // Check visibility based on visibility state and isAdmin prop\r\n  const isVisible =\r\n    item.visibility === Visibility.Admin\r\n      ? !!isAdmin\r\n      : item.visibility === Visibility.Contributor || !item.visibility;\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const theme = useTheme();\r\n  // const nestedPadding = 1 + depth;\r\n\r\n  const isExpanded = () => expandedSet.has(item.id);\r\n\r\n  const toggleExpand = () => {\r\n    if (!isExpanded()) {\r\n      onExpand(new Set([...expandedSet, item.id]));\r\n    } else {\r\n      expandedSet.delete(item.id);\r\n      onExpand(new Set(expandedSet));\r\n    }\r\n  };\r\n\r\n  const isActive =\r\n    currentPath.includes(item.url as string) ||\r\n    currentPath.includes(item.title.toLowerCase() as string) ||\r\n    isExpanded();\r\n\r\n  const isPolicyActive = currentPath.includes(item.url as string) && depth > 0;\r\n\r\n  return (\r\n    <Box sx={{ mb: depth > 0 ? 0 : 1 }}>\r\n      <MenuItemButton\r\n        depth={depth}\r\n        disableRipple\r\n        isOpen={isOpen}\r\n        onClick={() => {\r\n          if (item.url) onNavigate(item.url)\r\n          else if (item.items) {\r\n            if (openSidebar && !isOpen) {\r\n              if (!isExpanded())\r\n                toggleExpand();\r\n              openSidebar();\r\n            } else {\r\n              toggleExpand();\r\n            }\r\n          }\r\n        }}\r\n        isActive={isActive}\r\n        isPolicyActive={isPolicyActive}\r\n        title={!isOpen ? item.title : undefined}\r\n        sx={{\r\n          ...(depth > 0 && {\r\n            pl: 2,\r\n          }),\r\n        }}\r\n      >\r\n        {item.icon && (\r\n          <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n            {item.icon}\r\n          </IconWrapper>\r\n        )}\r\n        {isOpen && (\r\n          <>\r\n            <ListItemText\r\n              primary={item.title}\r\n              slotProps={{\r\n                primary: {\r\n                  style: { \r\n                    // textDecoration: isActive ? \"underline\" : \"\",\r\n                    fontWeight: isPolicyActive ? 700 : (depth > 0 ? 400 : 700)},\r\n                    width: 200 - depth * 16,  // Set to stop text from wrapping when sidebar is expanding and contracting\r\n                  ...(depth > 0\r\n                    ? {\r\n                        fontSize: \"0.875rem\",\r\n                      }\r\n                    : {\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }),\r\n                },\r\n              }}\r\n              sx={{ flex: 1, ml: 1 }}\r\n            />\r\n            {item.items && item.items.length > 0 && (\r\n              <IconButton\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (item.items) toggleExpand();\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.1s\",\r\n                    transform: isExpanded() ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  }}\r\n                />\r\n              </IconButton>\r\n            )}\r\n          </>\r\n        )}\r\n      </MenuItemButton>\r\n        {isExpanded() && isOpen && (\r\n          <Collapse in={true} timeout=\"auto\">\r\n            <Box display='flex' flexDirection='row'>\r\n              {depth > 0 && (\r\n                <Divider \r\n                  orientation=\"vertical\" \r\n                  flexItem \r\n                  sx={{ \r\n                    ml: 2,\r\n                    borderColor: `#00000033`,\r\n                    borderWidth: '1px',\r\n                    borderRightWidth: '1px',\r\n                    mt: 1,\r\n                    mb: 1\r\n                  }}\r\n                />\r\n              )}\r\n              <List sx={{ p: 0, mt: 1, mb:1, flex: 1 }}>\r\n                {item.items &&\r\n                  item.items.map((child) => (\r\n                    <SidebarItem\r\n                      key={child.id}\r\n                      currentPath={currentPath}\r\n                      expandedSet={expandedSet}\r\n                      setExpand={onExpand}\r\n                      isOpen={isOpen}\r\n                      isAdmin={isAdmin}\r\n                      item={child}\r\n                      onNavigate={onNavigate}\r\n                      depth={depth + 1}\r\n                    />\r\n                  ))}\r\n              </List>\r\n            </Box>\r\n          </Collapse>\r\n        )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const SidebarV2 = ({\r\n  isOpen,\r\n  onToggle,\r\n  centreName = \"Centre name goes here \\n across two lines\",\r\n  onNavigate,\r\n  items,\r\n  isAdmin,\r\n  currentPath,\r\n  onOrgChange,\r\n  hasMultipleOrganisations,\r\n}: {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  items: MenuItem[];\r\n  centreName?: string;\r\n  onNavigate: (path: string) => void;\r\n  isAdmin: boolean;\r\n  currentPath: string;\r\n  onOrgChange: () => void;\r\n  hasMultipleOrganisations: boolean;\r\n}) => {\r\n  const findExpandItems = (items: MenuItem[]): (string | number)[] => {\r\n    for (const item of items) {\r\n      if (!item || item.items === undefined || item.items.length === 0) {\r\n        continue;\r\n      }\r\n      const url = item.url?.replace(/-\\d+$/, '')\r\n      const isActive =\r\n        currentPath.includes(url as string) ||\r\n        currentPath.includes(item.title.toLowerCase() as string);\r\n      if (isActive) {\r\n        return item.items\r\n          ? [item.id, ...findExpandItems(item.items)]\r\n          : [item.id];\r\n      }\r\n    }\r\n    return [];\r\n  };\r\n  \r\n  const theme = useTheme();\r\n  const [expandedSet, setExpanded] = useState<Set<string | number>>(\r\n    () => new Set(findExpandItems(items)),\r\n  );\r\n  const isMobile = !window.matchMedia(theme.breakpoints.up('lg').replace('@media ', '')).matches;\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          {/* Sidebar Header */}\r\n          {isOpen ? (\r\n            <Box\r\n              sx={{\r\n                px: 2,\r\n                py: 3,\r\n                flexShrink: 0,\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                alignItems: \"center\",\r\n                width: EXPANDED_WIDTH,\r\n              }}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  px: 2,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                }}\r\n              >\r\n                <Typography\r\n                  variant=\"h6\"\r\n                  sx={{\r\n                    width: \"180px\",\r\n                    fontSize: \"18px\",\r\n                    fontWeight: 700,\r\n                    color: \"#4D3019\",\r\n                    whiteSpace: \"pre-line\",\r\n                    flex: 1,\r\n                    pr: 2,\r\n                  }}\r\n                >\r\n                  {centreName ?? \"Centre Name\"}\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              <Box\r\n                onClick={onOrgChange}\r\n                sx={{\r\n                  px: 2,\r\n                  py: 1,\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                  width: EXPANDED_WIDTH,\r\n                  cursor: \"pointer\",\r\n                }}\r\n              >\r\n                {hasMultipleOrganisations && (\r\n                  <Box\r\n                    className=\"org-change-content\"\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      flexDirection: \"row\",\r\n                      alignItems: \"center\",\r\n                      py: 1,\r\n                    }}\r\n                  >\r\n                    <ImportExportRounded \r\n                      sx={{ color: theme.palette.primary.main, mr: 1 }} \r\n                    />\r\n                    <Typography sx={{ color: theme.palette.primary.main }}>\r\n                      Change organisation\r\n                    </Typography>\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            </Box>\r\n          ) : (\r\n            <Box\r\n              sx={{\r\n                px: 1,\r\n                py: 3,\r\n                mb: 1,\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          {/* Sidebar Items */}\r\n          <Box\r\n            sx={{\r\n              flex: 1,\r\n              overflowY: \"auto\",\r\n              px: isOpen ? 0 : 1,\r\n              scrollbarWidth: \"thin\",\r\n              pb: 3,\r\n            }}\r\n          >\r\n            <List sx={{ p: 0 }}>\r\n              {items.map((item) => (\r\n                <SidebarItem\r\n                  currentPath={currentPath}\r\n                  key={item.id}\r\n                  expandedSet={expandedSet}\r\n                  setExpand={setExpanded}\r\n                  isOpen={isOpen}\r\n                  isAdmin={isAdmin}\r\n                  item={item}\r\n                  onNavigate={(path: string) => {\r\n                    if (isMobile && isOpen) onToggle();\r\n                    onNavigate(path);\r\n                  }}\r\n                  openSidebar={onToggle}\r\n                />\r\n              ))}\r\n            </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"SidebarV2.js","sources":["../../../../src/components/SidebarV2.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  Typography,\r\n  List,\r\n  ListItemButton,\r\n  ListItemText,\r\n  Collapse,\r\n  styled,\r\n  Divider,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  ChevronRightRounded,\r\n  ImportExportRounded,\r\n  KeyboardDoubleArrowLeftRounded,\r\n  KeyboardDoubleArrowRightRounded,\r\n} from \"@mui/icons-material\";\r\n\r\nconst EXPANDED_WIDTH = \"288px\";\r\nconst COLLAPSED_WIDTH_SMALL = \"80px\";\r\nconst COLLAPSED_WIDTH_DEFAULT = \"64px\";\r\n\r\nexport enum Visibility {\r\n  Admin = \"Admin\",\r\n  Contributor = \"Contributor\",\r\n  Community = \"Community\",\r\n}\r\n\r\nexport interface MenuItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  visibility?: Visibility;\r\n  url?: string;\r\n  items?: MenuItem[];\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.15s ease-out\",\r\n  width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_DEFAULT,\r\n  zIndex: 50,\r\n  [theme.breakpoints.down(\"md\")]: {\r\n    position: \"fixed\",\r\n    left: isOpen ? 0 : `-${EXPANDED_WIDTH}`,\r\n    width: EXPANDED_WIDTH,\r\n    transition: \"all 0.4s ease-out\",\r\n  },\r\n  [theme.breakpoints.up(\"sm\")]: {\r\n    width: isOpen ? EXPANDED_WIDTH : COLLAPSED_WIDTH_SMALL,\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) =>\r\n    prop !== \"isOpen\" &&\r\n    prop !== \"isActive\" &&\r\n    prop !== \"isPolicyActive\" &&\r\n    prop !== \"depth\",\r\n})<{\r\n  isActive?: boolean;\r\n  isOpen: boolean;\r\n  isPolicyActive?: boolean;\r\n  depth: number;\r\n}>(({ theme, isActive, isOpen, isPolicyActive, depth }) => ({\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\r\n  // Default hover state for unselected items\r\n  \"&:hover\": {\r\n    backgroundColor: `#0000000D`,\r\n  },\r\n\r\n  // 1. If the item is a parent policy/category wrapper (but not the active page itself)\r\n  ...(isPolicyActive &&\r\n    !isActive && {\r\n      backgroundColor:\r\n        depth > 1 ? `#0000000D` : `${theme.palette.custom.tabBackgroundColor}`,\r\n    }),\r\n\r\n  // 2. CRITICAL: If this is the actual active item, it always gets the blue background!\r\n  ...(isActive && {\r\n    backgroundColor: `${theme.palette.custom.tabBackgroundColor} !important`,\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\nconst SidebarItem = ({\r\n  isOpen,\r\n  isAdmin,\r\n  item,\r\n  onNavigate,\r\n  expandedSet,\r\n  setExpand: onExpand,\r\n  depth = 0,\r\n  currentPath,\r\n  openSidebar,\r\n}: {\r\n  isOpen: boolean;\r\n  isAdmin: boolean;\r\n  item: MenuItem;\r\n  onNavigate: (path: string) => void;\r\n  expandedSet: Set<string | number>;\r\n  setExpand: React.Dispatch<React.SetStateAction<Set<string | number>>>;\r\n  depth?: number;\r\n  currentPath: string;\r\n  openSidebar?: () => void;\r\n}) => {\r\n  // console.log(item.title, item.items);\r\n  // Check visibility based on visibility state and isAdmin prop\r\n  const isVisible =\r\n    item.visibility === Visibility.Admin\r\n      ? !!isAdmin\r\n      : item.visibility === Visibility.Contributor || !item.visibility;\r\n  if (!isVisible) {\r\n    return null;\r\n  }\r\n\r\n  const theme = useTheme();\r\n  // const nestedPadding = 1 + depth;\r\n\r\n  const isExpanded = () => expandedSet.has(item.id);\r\n\r\n  const toggleExpand = () => {\r\n    if (!isExpanded()) {\r\n      onExpand(new Set([...expandedSet, item.id]));\r\n    } else {\r\n      expandedSet.delete(item.id);\r\n      onExpand(new Set(expandedSet));\r\n    }\r\n  };\r\n\r\n  const isActive =\r\n    currentPath.includes(item.url as string) ||\r\n    currentPath.includes(item.title.toLowerCase() as string) ||\r\n    isExpanded();\r\n\r\n  const isPolicyActive = currentPath.includes(item.url as string) && depth > 0;\r\n\r\n  return (\r\n    <Box sx={{ mb: depth > 0 ? 0 : 1 }}>\r\n      <MenuItemButton\r\n        depth={depth}\r\n        disableRipple\r\n        isOpen={isOpen}\r\n        onClick={() => {\r\n          if (item.url) onNavigate(item.url);\r\n          else if (item.items) {\r\n            if (openSidebar && !isOpen) {\r\n              if (!isExpanded()) toggleExpand();\r\n              openSidebar();\r\n            } else {\r\n              toggleExpand();\r\n            }\r\n          }\r\n        }}\r\n        isActive={isActive}\r\n        isPolicyActive={isPolicyActive}\r\n        title={!isOpen ? item.title : undefined}\r\n        sx={{\r\n          ...(depth > 0 && {\r\n            pl: 2,\r\n          }),\r\n        }}\r\n      >\r\n        {item.icon && (\r\n          <IconWrapper isOpen={isOpen} sx={{ ml: isOpen ? 2 : 0 }}>\r\n            {item.icon}\r\n          </IconWrapper>\r\n        )}\r\n        {isOpen && (\r\n          <>\r\n            <ListItemText\r\n              primary={item.title}\r\n              slotProps={{\r\n                primary: {\r\n                  style: {\r\n                    // textDecoration: isActive ? \"underline\" : \"\",\r\n                    fontWeight: isPolicyActive ? 700 : depth > 0 ? 400 : 700,\r\n                  },\r\n                  width: 200 - depth * 16, // Set to stop text from wrapping when sidebar is expanding and contracting\r\n                  ...(depth > 0\r\n                    ? {\r\n                        fontSize: \"0.875rem\",\r\n                      }\r\n                    : {\r\n                        fontSize: \"1rem\",\r\n                        fontWeight: 700,\r\n                      }),\r\n                },\r\n              }}\r\n              sx={{ flex: 1, ml: 1 }}\r\n            />\r\n            {item.items && item.items.length > 0 && (\r\n              <IconButton\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (item.items) toggleExpand();\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.custom.tabBackgroundColor}`,\r\n                  },\r\n                }}\r\n              >\r\n                <ChevronRightRounded\r\n                  sx={{\r\n                    fontSize: 16,\r\n                    color: theme.palette.text.primary,\r\n                    transition: \"transform 0.1s\",\r\n                    transform: isExpanded() ? \"rotate(90deg)\" : \"rotate(0deg)\",\r\n                  }}\r\n                />\r\n              </IconButton>\r\n            )}\r\n          </>\r\n        )}\r\n      </MenuItemButton>\r\n      {isExpanded() && isOpen && (\r\n        <Collapse in={true} timeout=\"auto\">\r\n          <Box display=\"flex\" flexDirection=\"row\">\r\n            {depth > 0 && (\r\n              <Divider\r\n                orientation=\"vertical\"\r\n                flexItem\r\n                sx={{\r\n                  ml: 2,\r\n                  borderColor: `#00000033`,\r\n                  borderWidth: \"1px\",\r\n                  borderRightWidth: \"1px\",\r\n                  mt: 1,\r\n                  mb: 1,\r\n                }}\r\n              />\r\n            )}\r\n            <List sx={{ p: 0, mt: 1, mb: 1, flex: 1 }}>\r\n              {item.items &&\r\n                item.items.map((child) => (\r\n                  <SidebarItem\r\n                    key={child.id}\r\n                    currentPath={currentPath}\r\n                    expandedSet={expandedSet}\r\n                    setExpand={onExpand}\r\n                    isOpen={isOpen}\r\n                    isAdmin={isAdmin}\r\n                    item={child}\r\n                    onNavigate={onNavigate}\r\n                    depth={depth + 1}\r\n                  />\r\n                ))}\r\n            </List>\r\n          </Box>\r\n        </Collapse>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const SidebarV2 = ({\r\n  isOpen,\r\n  onToggle,\r\n  centreName = \"Centre name goes here \\n across two lines\",\r\n  onNavigate,\r\n  items,\r\n  isAdmin,\r\n  currentPath,\r\n  onOrgChange,\r\n  hasMultipleOrganisations,\r\n}: {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  items: MenuItem[];\r\n  centreName?: string;\r\n  onNavigate: (path: string) => void;\r\n  isAdmin: boolean;\r\n  currentPath: string;\r\n  onOrgChange: () => void;\r\n  hasMultipleOrganisations: boolean;\r\n}) => {\r\n  const findExpandItems = (items: MenuItem[]): (string | number)[] => {\r\n    for (const item of items) {\r\n      if (!item || item.items === undefined || item.items.length === 0) {\r\n        continue;\r\n      }\r\n      const url = item.url?.replace(/-\\d+$/, \"\");\r\n      const isActive =\r\n        currentPath.includes(url as string) ||\r\n        currentPath.includes(item.title.toLowerCase() as string);\r\n      if (isActive) {\r\n        return item.items\r\n          ? [item.id, ...findExpandItems(item.items)]\r\n          : [item.id];\r\n      }\r\n    }\r\n    return [];\r\n  };\r\n\r\n  const theme = useTheme();\r\n  const [expandedSet, setExpanded] = useState<Set<string | number>>(\r\n    () => new Set(findExpandItems(items)),\r\n  );\r\n  const isMobile = !window.matchMedia(\r\n    theme.breakpoints.up(\"lg\").replace(\"@media \", \"\"),\r\n  ).matches;\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          {/* Sidebar Header */}\r\n          {isOpen ? (\r\n            <Box\r\n              sx={{\r\n                px: 2,\r\n                py: 3,\r\n                flexShrink: 0,\r\n                position: \"relative\",\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                alignItems: \"center\",\r\n                width: EXPANDED_WIDTH,\r\n              }}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  px: 2,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                }}\r\n              >\r\n                <Typography\r\n                  variant=\"h6\"\r\n                  sx={{\r\n                    width: \"180px\",\r\n                    fontSize: \"18px\",\r\n                    fontWeight: 700,\r\n                    color: theme.palette.text.primary,\r\n                    whiteSpace: \"pre-line\",\r\n                    flex: 1,\r\n                    pr: 2,\r\n                  }}\r\n                >\r\n                  {centreName ?? \"Centre Name\"}\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              <Box\r\n                onClick={onOrgChange}\r\n                sx={{\r\n                  px: 2,\r\n                  py: 1,\r\n                  borderBottom: `1px solid ${theme.palette.custom.tabBackgroundColor}`,\r\n                  flexShrink: 0,\r\n                  position: \"relative\",\r\n                  display: \"flex\",\r\n                  flexDirection: \"row\",\r\n                  alignItems: \"center\",\r\n                  width: EXPANDED_WIDTH,\r\n                  cursor: \"pointer\",\r\n                }}\r\n              >\r\n                {hasMultipleOrganisations && (\r\n                  <Box\r\n                    className=\"org-change-content\"\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      flexDirection: \"row\",\r\n                      alignItems: \"center\",\r\n                      py: 1,\r\n                    }}\r\n                  >\r\n                    <ImportExportRounded\r\n                      sx={{\r\n                        color: theme.palette.primary.main,\r\n                        mr: 1,\r\n                      }}\r\n                    />\r\n                    <Typography sx={{ color: theme.palette.primary.main }}>\r\n                      Change organisation\r\n                    </Typography>\r\n                  </Box>\r\n                )}\r\n              </Box>\r\n            </Box>\r\n          ) : (\r\n            <Box\r\n              sx={{\r\n                px: 1,\r\n                py: 3,\r\n                mb: 1,\r\n                borderBottom: `1px solid ${theme.palette.custom.tabBackgroundColor}`,\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          {/* Sidebar Items */}\r\n          <Box\r\n            sx={{\r\n              flex: 1,\r\n              overflowY: \"auto\",\r\n              px: isOpen ? 0 : 1,\r\n              scrollbarWidth: \"thin\",\r\n              pb: 3,\r\n            }}\r\n          >\r\n            <List sx={{ p: 0 }}>\r\n              {items.map((item) => (\r\n                <SidebarItem\r\n                  currentPath={currentPath}\r\n                  key={item.id}\r\n                  expandedSet={expandedSet}\r\n                  setExpand={setExpanded}\r\n                  isOpen={isOpen}\r\n                  isAdmin={isAdmin}\r\n                  item={item}\r\n                  onNavigate={(path: string) => {\r\n                    if (isMobile && isOpen) onToggle();\r\n                    onNavigate(path);\r\n                  }}\r\n                  openSidebar={onToggle}\r\n                />\r\n              ))}\r\n            </List>\r\n          </Box>\r\n        </Box>\r\n      </SidebarContainer>\r\n    </>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

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

package/dist/esm/components/TableOfContents.js

@@ -2,64 +2,73 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { styled, Box, Typography } from '@mui/material';
 
 const Container = styled(Box)(({ theme }) => ({
-    width: '100%',
-    [theme.breakpoints.up('md')]: {
-        position: 'sticky',
+    width: "100%",
+    [theme.breakpoints.up("md")]: {
+        position: "sticky",
         right: 0,
         top: 0,
-        width: '224px',
-        float: 'right',
+        width: "224px",
+        float: "right",
         marginLeft: theme.spacing(1.5),
         marginBottom: 0,
     },
-    [theme.breakpoints.up('lg')]: {
-        width: '256px',
+    [theme.breakpoints.up("lg")]: {
+        width: "256px",
         marginLeft: theme.spacing(2),
     },
     marginBottom: theme.spacing(2),
 }));
 const ContentBox = styled(Box)(({ theme }) => ({
     backgroundColor: theme.palette.background.paper,
-    borderRadius: (typeof theme.shape.borderRadius === 'string'
+    borderRadius: (typeof theme.shape.borderRadius === "string"
         ? parseInt(theme.shape.borderRadius, 10)
         : theme.shape.borderRadius || 4) * 2,
     padding: theme.spacing(2.5),
-    boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1)',
-    [theme.breakpoints.up('md')]: {
+    boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
+    [theme.breakpoints.up("md")]: {
         padding: theme.spacing(3),
     },
 }));
 const NavLink = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'isActive'
+    shouldForwardProp: (prop) => prop !== "isActive",
 })(({ theme, isActive }) => ({
-    display: 'block',
+    display: "block",
     padding: theme.spacing(1, 2),
-    fontSize: '0.875rem',
-    textDecoration: 'none',
+    fontSize: "0.875rem",
+    textDecoration: "none",
     color: theme.palette.text.primary,
-    transition: 'background-color 0.2s',
-    borderLeft: isActive ? `4px solid ${theme.palette.primary.main}` : '4px solid transparent',
-    backgroundColor: isActive ? theme.palette.custom.tabBackgroundColor : 'transparent',
+    transition: "background-color 0.2s",
+    borderLeft: isActive
+        ? `4px solid ${theme.palette.primary.main}`
+        : "4px solid transparent",
+    backgroundColor: isActive
+        ? theme.palette.custom.tableOfContentsColor
+        : "transparent",
     fontWeight: isActive ? 700 : 400,
-    cursor: 'pointer',
-    '&:hover': {
-        backgroundColor: theme.palette.custom.tabBackgroundColor,
+    cursor: "pointer",
+    "&:hover": {
+        backgroundColor: theme.palette.custom.tableOfContentsColor,
     },
 }));
-const TableOfContents = ({ sections, activeSection = 'current-section', onSectionClick }) => {
+const TableOfContents = ({ sections, activeSection = "current-section", onSectionClick, }) => {
     const handleClick = (sectionId) => {
         const element = document.getElementById(sectionId);
         if (element) {
-            element.scrollIntoView({ behavior: 'smooth', block: 'start' });
+            element.scrollIntoView({ behavior: "smooth", block: "start" });
             onSectionClick?.(sectionId);
         }
     };
     return (jsx(Container, { children: jsxs(ContentBox, { children: [jsx(Typography, { variant: "h6", sx: {
-                        color: '#4D3019',
+                        color: "#4D3019",
                         fontWeight: 600,
-                        fontSize: '16px',
+                        fontSize: "16px",
                         mb: 3,
-                    }, children: "In this policy" }), jsx(Box, { component: "nav", sx: { display: 'flex', flexDirection: 'column', gap: 0.25, overflowY: 'hidden' }, children: sections.map((section) => {
+                    }, children: "In this policy" }), jsx(Box, { component: "nav", sx: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 0.25,
+                        overflowY: "hidden",
+                    }, children: sections.map((section) => {
                         const isActive = section.id === activeSection;
                         return (jsx(NavLink, { onClick: () => handleClick(section.id), isActive: isActive, children: section.title }, section.id));
                     }) })] }) }));