npm - ece-docs-components - Versions diffs - 1.0.67 → 1.0.69 - Mend

ece-docs-components 1.0.67 → 1.0.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (127) hide show

package/dist/cjs/478cc16f35f640d6.svg ADDED Viewed

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1961.61 252.34">
+  <!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #fdfcee;
+      }
+    </style>
+  </defs>
+  <path class="st0" d="M1573.92,132.8c-6.99-33.15-24.63-47.81-59.08-38.12-6.59,1.85-12.25,6.15-18.64,8.42,2.27-13.27,2.78-27.03,1.16-40.46-.94-7.78-3.04-17.35-6.48-24.38-1.32-2.68-2.5-5.83-6.02-5.66-1.74.09-11.52,5.7-12.82,7.03-.73.75-1.34,1.52-1.42,2.62,3.57,6.15,8.17,11.94,11.34,18.31,4.3,8.65,7.18,18.85,7.24,28.56-3.81-4.67-7-9.77-11.04-14.28-8.41-9.39-19.95-18.18-32.06-22.09-4.77-1.54-10.29-3.45-15.01-.8-1.12,11.26,5.14,22.21,11.64,30.96,12.13,16.33,24.7,18.2,43.85,20.2.85.09,1.71-.51,1.46.85-.97,1.18-2.25,2.33-3.86,2.44-20.74,1.46-38.15-9.65-58.61,4.37-19.83,13.59-17.79,39.09-14.31,60.09,3.65,21.98,22.42,50.55,36.38,67.85,9.04,11.2,14.92,15.59,30.05,11.54,5.84-1.57,12.09-6.83,17.05-7.4,10.21-1.18,19.63,4.66,30.77,3.41,22.13-2.49,29.06-16.81,37.15-35.04,11.6-26.12,17.34-49.56,11.26-78.43"/>
+  <path class="st0" d="M1238.29,68.74c-3.72,3.6-2.99,19.31-2.6,25.12,1.31,19.71,5.25,41.44,6.83,61.58.74,9.51-3.7,24.05,7.43,25.54,17.4,2.33,43.13-1.52,58.35-12.02,24.71-17.05,33.62-61.35,14.96-87.41-17.57-24.54-37.61-19.25-61.62-17.26-6.87.57-18.18-.56-23.35,4.45M1186.69,9.88c.52-3.23,3.16-5.69,6.41-5.99,4.9-.46,9.84-.9,14.72-1.19,46.04-2.76,96.44-5.34,141.28,10,25.89,8.85,37.83,34.38,42.01,63.2,4.99,34.35.92,98.64-15.01,128.81-8.83,16.72-30.18,34.38-47.16,37.67-35.99,6.98-79.83,5.01-116.59,5.32-6.43.05-19.79,4.06-22.02-7.42-5.23-26.95-1.61-60.85-2.48-88.82-1.38-44.29-5.08-87.58-2.38-132.25.08-1.29.61-5.65,1.2-9.32"/>
+  <path class="st0" d="M1953.4,57.14c1.02,1.09,1.76,2.66,2.28,4.09,2.74,7.55,4.4,27.03,3.58,35.15-.98,9.76-3.58,11.62-12.78,12.61-15.94,1.72-34.47-1.98-49.33,1.28-12.07,2.65-13.79,10.05-.67,13.62,18.16,4.95,38.96,2.57,53.82,17.92,15.75,16.27,12.75,48.01,4.8,67.82-18.77,46.76-69.89,41.55-109.64,39.56-8.67-.43-26.39,2.89-31.15-6.25-3.56-6.83-3.39-26.05-3.39-34.75,0-4.53-.28-9.27.87-14.26.54-2.36,2.48-4.22,4.97-4.72,7.89-1.58,24.09-.28,28.71-.53,4.33-.24,11.22-.85,15.38-1.55,3.22-.53,10.67-3.42,11.02-7.47.1-3.27-2.92-5.88-5.4-7.36-15.66-9.39-35.97-7.38-51.46-22.23-26.03-24.96-13.68-71.9,15.96-87.26,25.19-13.06,56.02-9.35,82.91-8.42,10.52.36,23.82-1.39,33.78-.1,2.1.27,4.27,1.27,5.74,2.85"/>
+  <path class="st0" d="M1751.43,53.53c5.86-.2,22.45-2.16,23.32,6.03,1.29,12.13,6.74,50.96-.56,59.21-6.7,7.58-46.48,3.67-57.89,4.48-9.55.68-31.51,4.15-39.77,8.55-11,5.87-20.14,23.21-7.9,33.53,10.4,8.76,17.36,5.97,28.55,7.24,17.89,2.03,32.55,1.82,50.59,1.33,8.65-.23,26.72-6.2,30.54,6.13,3,9.7,3.87,41.2,2.48,51.49-.79,5.83-4.6,12.02-9.74,13.41-27.28,7.37-55.67,5.29-86.07,3.12-24.97-1.78-57.54-12.5-72.36-37.46-20.58-34.68-24.97-70.51-4.49-107.23,17.36-31.14,43.77-37.01,73.33-41.14,22.4-3.13,47.67-7.95,69.96-8.7"/>
+  <path class="st0" d="M385.97,55.2c5.86-.2,22.45-2.16,23.32,6.03,1.29,12.13,6.74,50.96-.56,59.21-6.7,7.58-46.48,3.67-57.89,4.48-9.55.68-31.52,4.15-39.77,8.55-11,5.87-20.14,23.21-7.9,33.53,10.4,8.76,17.36,5.97,28.55,7.24,17.89,2.03,32.55,1.82,50.59,1.33,8.65-.23,26.72-6.2,30.54,6.13,3,9.7,3.87,41.2,2.48,51.49-.79,5.83-4.6,12.02-9.74,13.41-27.28,7.37-55.67,5.29-86.07,3.12-24.97-1.78-57.54-12.5-72.36-37.46-20.58-34.68-24.97-70.51-4.49-107.23,17.36-31.14,43.77-37.01,73.33-41.14,22.4-3.13,47.67-7.95,69.96-8.7"/>
+  <path class="st0" d="M62.81,54.53c-6.39,5.31-8,18.27,1.13,23.36,3.09,1.72,15.42,4.03,19.43,4.52,22.11,2.71,38.58,1.91,60.53,3.44,19.09,1.33,48.14,18.58,56.51,37.38,29.84,67.03-9.63,114.15-71.31,123.28-34.57,5.12-63.09,5.97-97.1,2.57-9.6-.96-19.07.54-26.12-9.09C-.2,231.68.19,193.82.22,190.47c.08-9.83,9.64-8.13,16.41-7.87,27.14,1.06,87.96,7.77,111.21-1.43,15.89-6.29,30.08-24.5,9.85-36.57-22.47-13.4-49.06-3.04-73.68-6.76C23.68,131.74-13.94,84.9,5.08,39.93,12.04,23.47,32.57,6.09,49.38,4.11,91.94-.89,134.5-1.33,176.74,7.86c1.94.42,7.78,1.91,11.45,3.28,9.06,3.37,11.04,44.84-4.94,44.1-29-1.48-60.18-7.78-88.9-8.7-11.86-.38-21.86-.07-31.54,7.99"/>
+  <path class="st0" d="M660.27,242.38c-.73,3.89-3.84,6.95-7.75,7.45-.03,0-.05,0-.08.01-10.21,1.23-31.01,1.34-41.58,1.06-10.21-.26-15.08-5.35-15.4-16.41-.42-14.55,2.45-31.33,1.24-46.63-1.36-17.15-19.41-44.49-36.63-44.78-14.13-.24-34.49,3.75-41.57,18.6-12.15,25.46-4.56,52.83-9.96,79.86-1.24,6.21-3.68,7.57-9.31,8.26-7.84.95-42.52,1.26-49.03-.58-5.38-1.52-7.44-5.38-7.91-11.01-1.63-19.46,2.63-38.37,3.48-57.61,1.82-41.26-.25-83.99,1.13-126.25.44-13.62-1.38-29.86-.05-42.95.24-2.31,1.02-6.66,2.72-8.07,3.97-3.3,40.32-2.94,47.45-2.4,5.9.45,9.05.58,11.43,7.17,5.72,15.89-1.96,48.82.29,67.09.28,2.27,1.44,5.22,3.47,6.13,1.02.45,18.05-5.51,21.32-6.23,64.68-14.22,104.12,16.08,123.96,82.14,6.08,20.24,5.87,51.98,4.53,73.61-.23,3.74-1.04,7.68-1.76,11.52"/>
+  <path class="st0" d="M926.06,128.33c-8.98,11.87-11.13,38.28-.42,49.08,25.67,25.89,72.25-10.09,51.55-43.71-9.73-15.79-39.66-20.52-51.13-5.37M891.11,229.09c-21.5-22.09-29.55-72.23-22.72-102.84,7.27-32.55,38.45-71.11,70.17-71.39,66.87-.6,111.15,54.43,91.42,128.55-16.42,61.7-95.08,90.67-138.87,45.68"/>
+  <path class="st0" d="M738.97,176.42c1.85,2.17,10.64,7.16,13.47,8.22,24.14,9.03,56.3-20.8,40.48-48.95-12.35-21.98-50.25-23.73-57.98,3.79-2.57,9.14-2.13,29.75,4.02,36.94M750.76,55.27c62.85-2.89,107.95,44.03,96.98,115.81-6.59,43.14-45.84,79.65-84.88,80-59.05.52-86.67-50.34-81.57-112.4,2.99-36.41,35.31-81.83,69.47-83.4"/>
+  <path class="st0" d="M1154.89,242.18c-1.87,4.07-14.1,7.05-18.26,7.52-13.47,1.51-35.47,1.46-49.48,1.4-4.3-.02-15.88-.91-19.71-1.87-11.61-2.9-7.45-27.27-7.8-37.36-1.59-45.37-1.35-90.45-2.25-135.98-.42-21.37-4.36-43.54-2.37-65,.1-1.13.26-2.09.49-2.93.95-3.43,4.23-5.74,7.83-5.62,13.86.44,28.32-2.43,41.86-1.59,2.92.18,9.6.84,12.16,1.45,4.16.98,5.8,4.79,6.33,8.88,5.39,41.61.04,84.43,2.31,126.29.35,6.52,2.1,27.42,7.29,30.72,6.61,4.2,22.21-1,24.91,8.28,1.62,5.58.9,30.69.56,38.02-.22,4.72-.72,12.12-1.31,16.65-.41,3.19-1.28,8.37-2.56,11.15"/>
+</svg>

package/dist/cjs/99c01435312d391a.svg ADDED Viewed

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1278.46 260.86">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fdfcee;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M874.21,137.21c-7.29-34.57-25.69-49.85-61.61-39.75-6.87,1.93-12.77,6.41-19.44,8.78,2.37-13.84,2.9-28.19,1.21-42.19-.98-8.12-3.17-18.1-6.76-25.42-1.37-2.8-2.61-6.08-6.27-5.9-1.82.09-12.02,5.94-13.36,7.33-.77.78-1.4,1.59-1.48,2.73,3.72,6.41,8.52,12.45,11.82,19.1,4.48,9.02,7.49,19.66,7.55,29.78-3.97-4.87-7.29-10.19-11.51-14.89-8.77-9.79-20.8-18.96-33.43-23.03-4.98-1.6-10.73-3.59-15.66-.83-1.16,11.73,5.36,23.15,12.14,32.28,12.64,17.03,25.75,18.98,45.72,21.07.89.09,1.78-.53,1.53.89-1.02,1.22-2.34,2.42-4.02,2.55-21.62,1.52-39.78-10.06-61.12,4.56-20.67,14.17-18.55,40.76-14.91,62.66,3.81,22.92,23.37,52.71,37.93,70.75,9.43,11.68,15.56,16.25,31.33,12.03,6.09-1.63,12.61-7.12,17.78-7.72,10.64-1.23,20.48,4.86,32.09,3.56,23.08-2.6,30.3-17.53,38.74-36.54,12.09-27.24,18.08-51.67,11.73-81.78"/>
+  <path class="cls-1" d="M524.86,71.2c-3.92,3.79-3.15,20.36-2.74,26.48,1.38,20.78,5.54,43.68,7.2,64.92.78,10.03-3.91,25.36,7.83,26.93,18.34,2.45,45.47-1.6,61.51-12.67,26.05-17.97,35.44-64.67,15.77-92.14-18.52-25.87-39.65-20.3-64.96-18.19-7.24.6-19.16-.59-24.61,4.69M470.47,9.14c.55-3.4,3.33-6,6.76-6.32,5.17-.49,10.37-.95,15.52-1.26,48.53-2.91,101.66-5.63,148.93,10.54,27.29,9.34,39.88,36.24,44.29,66.63,5.26,36.21.97,103.98-15.82,135.79-9.31,17.63-31.82,36.24-49.71,39.71-37.94,7.36-84.15,5.29-122.9,5.61-6.78.06-20.86,4.29-23.21-7.82-5.52-28.41-1.7-64.15-2.61-93.63-1.45-46.69-5.35-92.33-2.51-139.41.08-1.36.65-5.96,1.27-9.83"/>
+  <path class="cls-1" d="M1269.9,59.32c1.06,1.14,1.83,2.77,2.38,4.27,2.86,7.87,4.58,28.18,3.74,36.65-1.02,10.18-3.73,12.12-13.33,13.15-16.61,1.79-35.94-2.07-51.43,1.33-12.58,2.76-14.38,10.48-.7,14.21,18.94,5.16,40.62,2.67,56.12,18.68,16.42,16.96,13.3,50.06,5.01,70.71-19.57,48.76-72.88,43.32-114.32,41.25-9.04-.45-27.52,3.01-32.49-6.51-3.71-7.12-3.53-27.17-3.53-36.23,0-4.72-.29-9.67.9-14.87.57-2.47,2.59-4.4,5.18-4.92,8.23-1.65,25.12-.29,29.93-.56,4.51-.25,11.69-.89,16.04-1.61,3.36-.55,11.13-3.56,11.5-7.79.1-3.41-3.05-6.13-5.64-7.68-16.33-9.79-37.51-7.69-53.66-23.18-27.15-26.03-14.27-74.97,16.64-90.99,26.27-13.62,58.41-9.75,86.46-8.78,10.97.38,24.84-1.45,35.22-.11,2.18.28,4.46,1.33,5.98,2.97"/>
+  <path class="cls-1" d="M1059.3,55.56c6.11-.2,23.4-2.25,24.31,6.29,1.34,12.65,7.03,53.14-.58,61.73-6.99,7.9-48.47,3.82-60.36,4.67-9.95.71-32.86,4.33-41.47,8.92-11.47,6.12-21,24.2-8.24,34.96,10.84,9.13,18.09,6.23,29.76,7.55,18.65,2.12,33.94,1.9,52.76,1.39,9.01-.24,27.86-6.47,31.84,6.39,3.13,10.11,4.04,42.95,2.58,53.69-.82,6.08-4.8,12.53-10.15,13.98-28.45,7.68-58.04,5.51-89.75,3.25-26.04-1.86-60-13.03-75.44-39.06-21.46-36.16-26.04-73.52-4.68-111.81,18.1-32.47,45.64-38.59,76.47-42.89,23.36-3.26,49.7-8.29,72.95-9.07"/>
+  <g>
+    <path class="cls-1" d="M89.83,183.58c14.21,12.91,42.18,14.53,58.95,1.53,11.03-8.55,15.28-35.07,5.53-35.04-17.08.05-23.42,1.55-39.98-.56-7.71-.98-8.25-6.35-8.86-13.84-.74-9.11-2.29-36.33,6.21-40.35,9.51-4.49,23.26-2.2,35.22-2.24,16.63-.06,54.74-1.91,62.2,7.16,9.52,11.57,10.51,70.23,4.33,91.58-20.44,70.58-94.14,84.03-150.65,53.1C-28.56,194.94-23.86,31.63,100.85,5.43,127.22-.12,178.5-1.97,204.97,2.51c5.85.99,8.53,6.33,9.03,12.34.93,11.2-.12,27.06-1.24,38.53-1.22,12.42-5.99,11.84-15.98,12.53-36.9,2.57-98.16-11.86-122.42,28.71-17.03,28.49-10.44,67.71,15.46,88.96"/>
+    <path class="cls-1" d="M378.17,127.58c10.59-11.45,9.73-36.23,1.67-49.95-17.7-30.14-73.94-20.67-74.9-19.17-1.62,10.34-3.29,86.04.11,88.72,22.29,2.26,56.45-1.56,73.12-19.59M425.28,175.22c-20.78,26.59-63.73,29.36-93.86,31.38-5.32.35-20.12.85-25.43,1.16-1.37,1.53,1.89,36.88,1.22,43.34-.51,4.97-1.94,8.02-6.5,8.7-7.56,1.13-42.97,1.04-50.64,0-5.66-.77-8.29-5.31-8.89-11.35-1.78-17.85-.97-46.27-1.2-65.25-.31-25.8-.41-51.7-.33-77.26.1-29.07-1.59-64.24.33-92.03.49-7.05.17-13.92,6.61-14.15,19.72-.72,28.44-.17,41.06,0,51.23.68,135.34-9.7,155.13,50.36,12.86,39.03,7.98,92.53-17.5,125.14"/>
+  </g>
+</svg>

package/dist/cjs/ThemeProvider.js CHANGED Viewed

@@ -42,6 +42,7 @@ const useTheme = () => {
     }
 };
+exports.ThemeContext = ThemeContext;
 exports.ThemeProvider = ThemeProvider;
 exports.useTheme = useTheme;
 //# sourceMappingURL=ThemeProvider.js.map

package/dist/cjs/ThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.js","sources":["../../../src/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\r\nimport { CssBaseline } from '@mui/material';\r\nimport * as React from 'react';\r\nimport { createContext, useContext } from 'react';\r\nimport './theme-types';\r\nimport { ToastContainer } from 'react-toastify';\r\nimport ECETheme from './themes/ECETheme';\r\nimport GPTheme from './themes/GPTheme';\r\nimport ShoolTheme from './themes/SchoolTheme';\r\n\r\ntype ThemeType = 'ECE' \| 'GP' \| 'School';\r\n\r\n// Create the context\r\~~nconst~~ ThemeContext = createContext<ThemeType>('ECE');\r\n\r\nexport const ThemeProvider: React.FC<{ children: React.ReactNode; theme?: ThemeType }> = ({ \r\n children, \r\n theme = 'ECE' \r\n}) => {\r\n const getTheme = () => {\r\n switch (theme) {\r\n case 'GP':\r\n return GPTheme;\r\n case 'School':\r\n return ShoolTheme;\r\n case 'ECE':\r\n default:\r\n return ECETheme;\r\n }\r\n };\r\n\r\n return (\r\n <ThemeContext.Provider value={theme}>\r\n <MuiThemeProvider theme={getTheme()}>\r\n <CssBaseline />\r\n {children}\r\n <ToastContainer />\r\n </MuiThemeProvider>\r\n </ThemeContext.Provider>\r\n );\r\n};\r\n\r\n// Updated useTheme hook\r\nexport const useTheme = () => {\r\n const themeType = useContext(ThemeContext);\r\n \r\n if (!themeType) {\r\n throw new Error('useTheme must be used within a ThemeProvider');\r\n }\r\n\r\n switch (themeType) {\r\n case 'GP':\r\n return GPTheme;\r\n case 'School':\r\n return ShoolTheme;\r\n case 'ECE':\r\n default:\r\n return ECETheme;\r\n }\r\n};\r\n"],"names":["createContext","GPTheme","ShoolTheme","ECETheme","_jsx","_jsxs","MuiThemeProvider","CssBaseline","ToastContainer","useContext"],"mappings":";;;;;;;;;;;AAYA;~~AACA~~,~~MAAM,~~YAAY,GAAGA,mBAAa,CAAY,KAAK~~,CAAC~~;~~AAE7C~~,MAAM,aAAa,GAA+D,CAAC,EACxF,QAAQ,EACR,KAAK,GAAG,KAAK,EACd,KAAI;IACH,MAAM,QAAQ,GAAG,MAAK;QACpB,QAAQ,KAAK;AACX,YAAA,KAAK,IAAI;AACP,gBAAA,OAAOC,eAAO;AAChB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAOC,mBAAU;AACnB,YAAA,KAAK,KAAK;AACV,YAAA;AACE,gBAAA,OAAOC,gBAAQ;;AAErB,IAAA,CAAC;AAED,IAAA,QACEC,cAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACjCC,eAAA,CAACC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACjCF,cAAA,CAACG,oBAAW,EAAA,EAAA,CAAG,EACd,QAAQ,EACTH,cAAA,CAACI,4BAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CACD,EAAA,CACG;AAE5B;AAEA;AACO,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,SAAS,GAAGC,gBAAU,CAAC,YAAY,CAAC;IAE1C,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC;IACjE;IAEA,QAAQ,SAAS;AACf,QAAA,KAAK,IAAI;AACP,YAAA,OAAOR,eAAO;AAChB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAOC,mBAAU;AACnB,QAAA,KAAK,KAAK;AACV,QAAA;AACE,YAAA,OAAOC,gBAAQ;;AAErB~~;;;;;~~"}
1	+ {"version":3,"file":"ThemeProvider.js","sources":["../../../src/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\r\nimport { CssBaseline } from '@mui/material';\r\nimport * as React from 'react';\r\nimport { createContext, useContext } from 'react';\r\nimport './theme-types';\r\nimport { ToastContainer } from 'react-toastify';\r\nimport ECETheme from './themes/ECETheme';\r\nimport GPTheme from './themes/GPTheme';\r\nimport ShoolTheme from './themes/SchoolTheme';\r\n\r\ntype ThemeType = 'ECE' \| 'GP' \| 'School';\r\n\r\n// Create the context\r\nexport const ThemeContext = createContext<ThemeType>('ECE');\r\n\r\nexport const ThemeProvider: React.FC<{ children: React.ReactNode; theme?: ThemeType }> = ({ \r\n children, \r\n theme = 'ECE' \r\n}) => {\r\n const getTheme = () => {\r\n switch (theme) {\r\n case 'GP':\r\n return GPTheme;\r\n case 'School':\r\n return ShoolTheme;\r\n case 'ECE':\r\n default:\r\n return ECETheme;\r\n }\r\n };\r\n\r\n return (\r\n <ThemeContext.Provider value={theme}>\r\n <MuiThemeProvider theme={getTheme()}>\r\n <CssBaseline />\r\n {children}\r\n <ToastContainer />\r\n </MuiThemeProvider>\r\n </ThemeContext.Provider>\r\n );\r\n};\r\n\r\n// Updated useTheme hook\r\nexport const useTheme = () => {\r\n const themeType = useContext(ThemeContext);\r\n \r\n if (!themeType) {\r\n throw new Error('useTheme must be used within a ThemeProvider');\r\n }\r\n\r\n switch (themeType) {\r\n case 'GP':\r\n return GPTheme;\r\n case 'School':\r\n return ShoolTheme;\r\n case 'ECE':\r\n default:\r\n return ECETheme;\r\n }\r\n};\r\n"],"names":["createContext","GPTheme","ShoolTheme","ECETheme","_jsx","_jsxs","MuiThemeProvider","CssBaseline","ToastContainer","useContext"],"mappings":";;;;;;;;;;;AAYA;MACa,YAAY,GAAGA,mBAAa,CAAY,KAAK;AAEnD,MAAM,aAAa,GAA+D,CAAC,EACxF,QAAQ,EACR,KAAK,GAAG,KAAK,EACd,KAAI;IACH,MAAM,QAAQ,GAAG,MAAK;QACpB,QAAQ,KAAK;AACX,YAAA,KAAK,IAAI;AACP,gBAAA,OAAOC,eAAO;AAChB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAOC,mBAAU;AACnB,YAAA,KAAK,KAAK;AACV,YAAA;AACE,gBAAA,OAAOC,gBAAQ;;AAErB,IAAA,CAAC;AAED,IAAA,QACEC,cAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EACjCC,eAAA,CAACC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACjCF,cAAA,CAACG,oBAAW,EAAA,EAAA,CAAG,EACd,QAAQ,EACTH,cAAA,CAACI,4BAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CACD,EAAA,CACG;AAE5B;AAEA;AACO,MAAM,QAAQ,GAAG,MAAK;AAC3B,IAAA,MAAM,SAAS,GAAGC,gBAAU,CAAC,YAAY,CAAC;IAE1C,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC;IACjE;IAEA,QAAQ,SAAS;AACf,QAAA,KAAK,IAAI;AACP,YAAA,OAAOR,eAAO;AAChB,QAAA,KAAK,QAAQ;AACX,YAAA,OAAOC,mBAAU;AACnB,QAAA,KAAK,KAAK;AACV,QAAA;AACE,YAAA,OAAOC,gBAAQ;;AAErB;;;;;;"}

package/dist/cjs/components/Breadcrumb.js CHANGED Viewed

@@ -12,10 +12,10 @@ const HomeButton = material.styled(material.IconButton)(({ theme }) => ({
     borderRadius: (typeof theme.shape.borderRadius === 'string'
         ? parseInt(theme.shape.borderRadius, 10)
         : theme.shape.borderRadius || 4) * 2,
-    backgroundColor: theme.palette.custom?.iconColor || theme.palette.accent.main,
+    backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,
     flexShrink: 0,
     '&:hover': {
-        backgroundColor: theme.palette.custom?.iconColor || theme.palette.accent.main,
+        backgroundColor: theme.palette.secondary.main || theme.palette.accent.main,
         opacity: 0.8,
     },
 }));

package/dist/cjs/components/Breadcrumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport {\r\n Box,\r\n Breadcrumbs as MuiBreadcrumbs,\r\n Typography,\r\n IconButton,\r\n Menu,\r\n MenuItem,\r\n styled,\r\n useMediaQuery,\r\n} from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { HomeRounded, ExpandMoreRounded, MoreHorizRounded } from '@mui/icons-material';\r\n\r\ninterface BreadcrumbItem {\r\n label: string;\r\n href?: string;\r\n}\r\n\r\ninterface BreadcrumbProps {\r\n items: BreadcrumbItem[];\r\n currentItem: string;\r\n dropdownItems?: BreadcrumbItem[];\r\n onItemSelect?: (item: BreadcrumbItem) => void;\r\n onNavigate?: (path: string) => void;\r\n}\r\n\r\nconst HomeButton = styled(IconButton)(({ theme }) => ({\r\n width: 40,\r\n height: 40,\r\n borderRadius:\r\n (typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius \|\| 4) * 2,\r\n backgroundColor: theme.palette.custom?.iconColor \|\| theme.palette.accent.main,\r\n flexShrink: 0,\r\n '&:hover': {\r\n backgroundColor: theme.palette.custom?.iconColor \|\| theme.palette.accent.main,\r\n opacity: 0.8,\r\n },\r\n}));\r\n\r\nconst DropdownButton = styled('button')(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: theme.spacing(1),\r\n padding: theme.spacing(0.75, 2),\r\n borderRadius:\r\n (typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius \|\| 4) * 2,\r\n border: `1px solid ${theme.palette.dark.main}33`,\r\n backgroundColor: '#fff',\r\n color: theme.palette.dark.main,\r\n fontWeight: 500,\r\n whiteSpace: 'nowrap',\r\n cursor: 'pointer',\r\n transition: 'border-color 0.2s',\r\n fontSize: '0.875rem',\r\n '&:hover': {\r\n borderColor: `${theme.palette.dark.main}4D`,\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n padding: theme.spacing(0.75, 1),\r\n gap: theme.spacing(0.5),\r\n },\r\n}));\r\n\r\nconst StyledMenu = styled(Menu)(({ theme }) => ({\r\n '& .MuiPaper-root': {\r\n marginTop: theme.spacing(1),\r\n width: 'auto',\r\n borderRadius:\r\n (typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius \|\| 4) * 2,\r\n border: `1px solid ${theme.palette.dark.main}33`,\r\n boxShadow:\r\n '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\r\n },\r\n}));\r\n\r\nconst StyledMenuItem = styled(MenuItem, {\r\n shouldForwardProp: (prop) => prop !== 'isActive',\r\n})<{ isActive?: boolean }>(({ theme, isActive }) => ({\r\n padding: theme.spacing(1.25, 2),\r\n fontSize: '0.875rem',\r\n color: isActive ? theme.palette.primary.main : '#4D3019',\r\n fontWeight: isActive ? 500 : 400,\r\n backgroundColor: isActive ? '#F5F1ED' : 'transparent',\r\n whiteSpace: 'normal',\r\n wordBreak: 'break-word',\r\n display: 'block',\r\n '&:hover': {\r\n backgroundColor: '#F5F1ED',\r\n },\r\n}));\r\n\r\n\r\nconst DropdownMenu = ({\r\n dropdownItems,\r\n currentItem,\r\n anchorEl,\r\n isDropdownOpen,\r\n handleDropdownToggle,\r\n handleClose,\r\n handleItemClick,\r\n}: {\r\n dropdownItems: BreadcrumbItem[];\r\n currentItem: string;\r\n anchorEl: HTMLElement \| null;\r\n isDropdownOpen: boolean;\r\n handleDropdownToggle: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n handleClose: () => void;\r\n handleItemClick: (item: BreadcrumbItem) => void;\r\n}) => {\r\n return dropdownItems.length > 0 ? (\r\n <Box sx={{ position: 'relative', flexShrink: 0 }}>\r\n <DropdownButton type=\"button\" onClick={handleDropdownToggle}>\r\n <span>{currentItem}</span>\r\n <ExpandMoreRounded\r\n sx={{\r\n fontSize: 20,\r\n transition: 'transform 0.2s',\r\n transform: isDropdownOpen ? 'rotate(180deg)' : 'rotate(0deg)',\r\n }}\r\n />\r\n </DropdownButton>\r\n\r\n <StyledMenu anchorEl={anchorEl} open={isDropdownOpen} onClose={handleClose} disableScrollLock>\r\n {dropdownItems.map((item, index) => (\r\n <StyledMenuItem\r\n key={index}\r\n onClick={() => handleItemClick(item)}\r\n isActive={item.label === currentItem}\r\n >\r\n {item.label}\r\n </StyledMenuItem>\r\n ))}\r\n </StyledMenu>\r\n </Box>\r\n ) : null;\r\n};\r\n\r\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\r\n items,\r\n currentItem,\r\n dropdownItems = [],\r\n onItemSelect,\r\n onNavigate,\r\n}) => {\r\n const theme = useTheme();\r\n const [anchorEl, setAnchorEl] = useState<null \| HTMLElement>(null);\r\n const isDropdownOpen = Boolean(anchorEl);\r\n const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\r\n\r\n const [pathAnchorEl, setPathAnchorEl] = useState<null \| HTMLElement>(null);\r\n const isPathMenuOpen = Boolean(pathAnchorEl);\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 handleDropdownToggle = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => setAnchorEl(null);\r\n\r\n const handlePathMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n setPathAnchorEl(event.currentTarget);\r\n };\r\n const handlePathMenuClose = () => setPathAnchorEl(null);\r\n\r\n const handleHomeClick = () => handleNavigation('/');\r\n const handleItemClick = (item: BreadcrumbItem) => {\r\n onItemSelect?.(item);\r\n handleClose();\r\n handlePathMenuClose();\r\n if (item.href) handleNavigation(item.href);\r\n };\r\n\r\n if (isMobile && items.length >= 2) {\r\n const last = items[items.length - 1];\r\n const middleItems = items.slice(0, -1);\r\n\r\n return (\r\n <Box component=\"nav\" sx={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexWrap: 'nowrap',\r\n overflowX: 'auto',\r\n minWidth: 0,\r\n scrollbarWidth: 'none',\r\n '&::-webkit-scrollbar': { display: 'none' },\r\n }}>\r\n <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\r\n </HomeButton>\r\n\r\n <IconButton size=\"small\" onClick={handlePathMenuOpen}>\r\n <MoreHorizRounded sx={{ color: theme.palette.dark.main }} />\r\n </IconButton>\r\n\r\n <Typography\r\n sx={{\r\n fontWeight: 500,\r\n color: theme.palette.dark.main,\r\n whiteSpace: 'nowrap',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n maxWidth: '120px',\r\n }}\r\n >\r\n {last.label \|\| currentItem}\r\n </Typography>\r\n\r\n <StyledMenu\r\n anchorEl={pathAnchorEl}\r\n open={isPathMenuOpen}\r\n onClose={handlePathMenuClose}\r\n disableScrollLock \r\n >\r\n {middleItems.map((item, index) => (\r\n <StyledMenuItem\r\n key={index}\r\n onClick={() => handleItemClick(item)}\r\n isActive={item.label === currentItem}\r\n >\r\n {item.label}\r\n </StyledMenuItem>\r\n ))}\r\n </StyledMenu>\r\n\r\n <DropdownMenu\r\n dropdownItems={dropdownItems}\r\n currentItem={currentItem}\r\n anchorEl={anchorEl}\r\n isDropdownOpen={isDropdownOpen}\r\n handleDropdownToggle={handleDropdownToggle}\r\n handleClose={handleClose}\r\n handleItemClick={handleItemClick}\r\n />\r\n </Box>\r\n );\r\n }\r\n\r\n return (\r\n <Box component=\"nav\" sx={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexWrap: 'nowrap',\r\n gap: 1,\r\n overflowX: 'auto',\r\n minWidth: 0,\r\n scrollbarWidth: 'none',\r\n '&::-webkit-scrollbar': { display: 'none' },\r\n }}>\r\n <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\r\n </HomeButton>\r\n <MuiBreadcrumbs\r\n separator=\"/\"\r\n sx={{\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n overflowX: 'hidden',\r\n minWidth: 0,\r\n '& .MuiBreadcrumbs-separator': { color: `${theme.palette.dark.main}66` },\r\n }}\r\n >\r\n {items.map((item, index) => (\r\n <Typography\r\n key={index}\r\n sx={{\r\n color: theme.palette.dark.main,\r\n fontWeight: 500,\r\n px: { xs: 0.5, sm: 1 },\r\n minWidth: 0,\r\n whiteSpace: 'nowrap',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n cursor: item.href ? 'pointer' : 'default',\r\n }}\r\n onClick={() => item.href && handleNavigation(item.href)}\r\n >\r\n {item.label}\r\n </Typography>\r\n ))}\r\n\r\n\r\n </MuiBreadcrumbs>\r\n <DropdownMenu\r\n dropdownItems={dropdownItems}\r\n currentItem={currentItem}\r\n anchorEl={anchorEl}\r\n isDropdownOpen={isDropdownOpen}\r\n handleDropdownToggle={handleDropdownToggle}\r\n handleClose={handleClose}\r\n handleItemClick={handleItemClick}\r\n />\r\n </Box>\r\n );\r\n};\r\n"],"names":["styled","IconButton","Menu","MenuItem","_jsxs","Box","_jsx","ExpandMoreRounded","useTheme","useState","useMediaQuery","HomeRounded","MoreHorizRounded","Typography","MuiBreadcrumbs"],"mappings":"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"}
1	+ {"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport {\r\n Box,\r\n Breadcrumbs as MuiBreadcrumbs,\r\n Typography,\r\n IconButton,\r\n Menu,\r\n MenuItem,\r\n styled,\r\n useMediaQuery,\r\n} from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { HomeRounded, ExpandMoreRounded, MoreHorizRounded } from '@mui/icons-material';\r\n\r\ninterface BreadcrumbItem {\r\n label: string;\r\n href?: string;\r\n}\r\n\r\ninterface BreadcrumbProps {\r\n items: BreadcrumbItem[];\r\n currentItem: string;\r\n dropdownItems?: BreadcrumbItem[];\r\n onItemSelect?: (item: BreadcrumbItem) => void;\r\n onNavigate?: (path: string) => void;\r\n}\r\n\r\nconst HomeButton = styled(IconButton)(({ theme }) => ({\r\n width: 40,\r\n height: 40,\r\n borderRadius:\r\n (typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius \|\| 4) * 2,\r\n backgroundColor: theme.palette.secondary.main \|\| theme.palette.accent.main,\r\n flexShrink: 0,\r\n '&:hover': {\r\n backgroundColor: theme.palette.secondary.main \|\| theme.palette.accent.main,\r\n opacity: 0.8,\r\n },\r\n}));\r\n\r\nconst DropdownButton = styled('button')(({ theme }) => ({\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: theme.spacing(1),\r\n padding: theme.spacing(0.75, 2),\r\n borderRadius:\r\n (typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius \|\| 4) * 2,\r\n border: `1px solid ${theme.palette.dark.main}33`,\r\n backgroundColor: '#fff',\r\n color: theme.palette.dark.main,\r\n fontWeight: 500,\r\n whiteSpace: 'nowrap',\r\n cursor: 'pointer',\r\n transition: 'border-color 0.2s',\r\n fontSize: '0.875rem',\r\n '&:hover': {\r\n borderColor: `${theme.palette.dark.main}4D`,\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n padding: theme.spacing(0.75, 1),\r\n gap: theme.spacing(0.5),\r\n },\r\n}));\r\n\r\nconst StyledMenu = styled(Menu)(({ theme }) => ({\r\n '& .MuiPaper-root': {\r\n marginTop: theme.spacing(1),\r\n width: 'auto',\r\n borderRadius:\r\n (typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius \|\| 4) * 2,\r\n border: `1px solid ${theme.palette.dark.main}33`,\r\n boxShadow:\r\n '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\r\n },\r\n}));\r\n\r\nconst StyledMenuItem = styled(MenuItem, {\r\n shouldForwardProp: (prop) => prop !== 'isActive',\r\n})<{ isActive?: boolean }>(({ theme, isActive }) => ({\r\n padding: theme.spacing(1.25, 2),\r\n fontSize: '0.875rem',\r\n color: isActive ? theme.palette.primary.main : '#4D3019',\r\n fontWeight: isActive ? 500 : 400,\r\n backgroundColor: isActive ? '#F5F1ED' : 'transparent',\r\n whiteSpace: 'normal',\r\n wordBreak: 'break-word',\r\n display: 'block',\r\n '&:hover': {\r\n backgroundColor: '#F5F1ED',\r\n },\r\n}));\r\n\r\n\r\nconst DropdownMenu = ({\r\n dropdownItems,\r\n currentItem,\r\n anchorEl,\r\n isDropdownOpen,\r\n handleDropdownToggle,\r\n handleClose,\r\n handleItemClick,\r\n}: {\r\n dropdownItems: BreadcrumbItem[];\r\n currentItem: string;\r\n anchorEl: HTMLElement \| null;\r\n isDropdownOpen: boolean;\r\n handleDropdownToggle: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n handleClose: () => void;\r\n handleItemClick: (item: BreadcrumbItem) => void;\r\n}) => {\r\n return dropdownItems.length > 0 ? (\r\n <Box sx={{ position: 'relative', flexShrink: 0 }}>\r\n <DropdownButton type=\"button\" onClick={handleDropdownToggle}>\r\n <span>{currentItem}</span>\r\n <ExpandMoreRounded\r\n sx={{\r\n fontSize: 20,\r\n transition: 'transform 0.2s',\r\n transform: isDropdownOpen ? 'rotate(180deg)' : 'rotate(0deg)',\r\n }}\r\n />\r\n </DropdownButton>\r\n\r\n <StyledMenu anchorEl={anchorEl} open={isDropdownOpen} onClose={handleClose} disableScrollLock>\r\n {dropdownItems.map((item, index) => (\r\n <StyledMenuItem\r\n key={index}\r\n onClick={() => handleItemClick(item)}\r\n isActive={item.label === currentItem}\r\n >\r\n {item.label}\r\n </StyledMenuItem>\r\n ))}\r\n </StyledMenu>\r\n </Box>\r\n ) : null;\r\n};\r\n\r\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\r\n items,\r\n currentItem,\r\n dropdownItems = [],\r\n onItemSelect,\r\n onNavigate,\r\n}) => {\r\n const theme = useTheme();\r\n const [anchorEl, setAnchorEl] = useState<null \| HTMLElement>(null);\r\n const isDropdownOpen = Boolean(anchorEl);\r\n const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\r\n\r\n const [pathAnchorEl, setPathAnchorEl] = useState<null \| HTMLElement>(null);\r\n const isPathMenuOpen = Boolean(pathAnchorEl);\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 handleDropdownToggle = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n const handleClose = () => setAnchorEl(null);\r\n\r\n const handlePathMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n setPathAnchorEl(event.currentTarget);\r\n };\r\n const handlePathMenuClose = () => setPathAnchorEl(null);\r\n\r\n const handleHomeClick = () => handleNavigation('/');\r\n const handleItemClick = (item: BreadcrumbItem) => {\r\n onItemSelect?.(item);\r\n handleClose();\r\n handlePathMenuClose();\r\n if (item.href) handleNavigation(item.href);\r\n };\r\n\r\n if (isMobile && items.length >= 2) {\r\n const last = items[items.length - 1];\r\n const middleItems = items.slice(0, -1);\r\n\r\n return (\r\n <Box component=\"nav\" sx={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexWrap: 'nowrap',\r\n overflowX: 'auto',\r\n minWidth: 0,\r\n scrollbarWidth: 'none',\r\n '&::-webkit-scrollbar': { display: 'none' },\r\n }}>\r\n <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\r\n </HomeButton>\r\n\r\n <IconButton size=\"small\" onClick={handlePathMenuOpen}>\r\n <MoreHorizRounded sx={{ color: theme.palette.dark.main }} />\r\n </IconButton>\r\n\r\n <Typography\r\n sx={{\r\n fontWeight: 500,\r\n color: theme.palette.dark.main,\r\n whiteSpace: 'nowrap',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n maxWidth: '120px',\r\n }}\r\n >\r\n {last.label \|\| currentItem}\r\n </Typography>\r\n\r\n <StyledMenu\r\n anchorEl={pathAnchorEl}\r\n open={isPathMenuOpen}\r\n onClose={handlePathMenuClose}\r\n disableScrollLock \r\n >\r\n {middleItems.map((item, index) => (\r\n <StyledMenuItem\r\n key={index}\r\n onClick={() => handleItemClick(item)}\r\n isActive={item.label === currentItem}\r\n >\r\n {item.label}\r\n </StyledMenuItem>\r\n ))}\r\n </StyledMenu>\r\n\r\n <DropdownMenu\r\n dropdownItems={dropdownItems}\r\n currentItem={currentItem}\r\n anchorEl={anchorEl}\r\n isDropdownOpen={isDropdownOpen}\r\n handleDropdownToggle={handleDropdownToggle}\r\n handleClose={handleClose}\r\n handleItemClick={handleItemClick}\r\n />\r\n </Box>\r\n );\r\n }\r\n\r\n return (\r\n <Box component=\"nav\" sx={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexWrap: 'nowrap',\r\n gap: 1,\r\n overflowX: 'auto',\r\n minWidth: 0,\r\n scrollbarWidth: 'none',\r\n '&::-webkit-scrollbar': { display: 'none' },\r\n }}>\r\n <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\r\n </HomeButton>\r\n <MuiBreadcrumbs\r\n separator=\"/\"\r\n sx={{\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n overflowX: 'hidden',\r\n minWidth: 0,\r\n '& .MuiBreadcrumbs-separator': { color: `${theme.palette.dark.main}66` },\r\n }}\r\n >\r\n {items.map((item, index) => (\r\n <Typography\r\n key={index}\r\n sx={{\r\n color: theme.palette.dark.main,\r\n fontWeight: 500,\r\n px: { xs: 0.5, sm: 1 },\r\n minWidth: 0,\r\n whiteSpace: 'nowrap',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n cursor: item.href ? 'pointer' : 'default',\r\n }}\r\n onClick={() => item.href && handleNavigation(item.href)}\r\n >\r\n {item.label}\r\n </Typography>\r\n ))}\r\n\r\n\r\n </MuiBreadcrumbs>\r\n <DropdownMenu\r\n dropdownItems={dropdownItems}\r\n currentItem={currentItem}\r\n anchorEl={anchorEl}\r\n isDropdownOpen={isDropdownOpen}\r\n handleDropdownToggle={handleDropdownToggle}\r\n handleClose={handleClose}\r\n handleItemClick={handleItemClick}\r\n />\r\n </Box>\r\n );\r\n};\r\n"],"names":["styled","IconButton","Menu","MenuItem","_jsxs","Box","_jsx","ExpandMoreRounded","useTheme","useState","useMediaQuery","HomeRounded","MoreHorizRounded","Typography","MuiBreadcrumbs"],"mappings":"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"}

package/dist/cjs/components/Button.js CHANGED Viewed

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var material = require('@mui/material');
 var styles = require('@mui/material/styles');
 var iconsMaterial = require('@mui/icons-material');
+var ThemeProvider = require('../ThemeProvider.js');
 const StyledButton = styles.styled(material.Button, {
     shouldForwardProp: (prop) => prop !== 'customVariant' && prop !== 'customSize',
@@ -115,8 +116,9 @@ const StyledButton = styles.styled(material.Button, {
 const Button = ({ variant = 'primary', size = 'md', children, endIcon, fullWidth = false, ...props }) => {
     // Logic for special end icons per variant
     const getEndIcon = () => {
+        const theme = ThemeProvider.useTheme();
         if (variant === 'mark-read') {
-            return (jsxRuntime.jsx(iconsMaterial.ArticleRounded, { sx: { fontSize: 22, color: '#925cdb' } }));
+            return (jsxRuntime.jsx(iconsMaterial.ArticleRounded, { sx: { fontSize: 22, color: theme.palette.custom.iconColor } }));
         }
         if (variant === 'marked-read') {
             return jsxRuntime.jsx(iconsMaterial.FactCheckRounded, { sx: { fontSize: 22, color: '#5a9c1a' } });

package/dist/cjs/components/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/Button.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button as MuiButton, ButtonProps as MuiButtonProps } from '@mui/material';\r\nimport { styled } from '@mui/material/styles';\r\nimport { ArticleRounded, FactCheckRounded } from '@mui/icons-material';\r\n\r\ninterface CustomButtonProps extends Omit<MuiButtonProps, 'variant' \| 'size'> {\r\n variant?: 'primary' \| 'secondary' \| 'outline' \| 'marked-read' \| 'mark-read' \| 'danger';\r\n size?: 'sm' \| 'md' \| 'lg';\r\n}\r\n\r\nconst StyledButton = styled(MuiButton, {\r\n shouldForwardProp: (prop) => prop !== 'customVariant' && prop !== 'customSize',\r\n})<{ customVariant: string; customSize: string }>(({ theme, customVariant, customSize }) => {\r\n const currentTheme = theme.palette;\r\n\r\n // Size styles\r\n const sizeStyles = {\r\n sm: {\r\n padding: '6px 12px',\r\n fontSize: '0.875rem',\r\n },\r\n md: {\r\n padding: '10px 16px',\r\n fontSize: '1rem',\r\n },\r\n lg: {\r\n padding: '12px 24px',\r\n fontSize: '1.125rem',\r\n },\r\n };\r\n\r\n const baseStyles = {\r\n fontWeight: 500,\r\n borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius \|\| 4) * 2,\r\n textTransform: 'none' as const,\r\n transition: 'all 0.2s',\r\n boxShadow: 'none',\r\n border: '2px solid transparent',\r\n '&:hover': {\r\n boxShadow: 'none',\r\n },\r\n '&.Mui-disabled': {\r\n opacity: 0.5,\r\n cursor: 'not-allowed',\r\n },\r\n ...sizeStyles[customSize as keyof typeof sizeStyles],\r\n };\r\n\r\n // Variant styles\r\n const variantStyles = {\r\n primary: {\r\n backgroundColor: currentTheme.primary.main,\r\n color: currentTheme.custom?.primaryButtonTextColor \|\| '#FFFFFF',\r\n borderColor: 'transparent', // Transparent border\r\n boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n '&:hover': {\r\n backgroundColor: currentTheme.primary.main,\r\n opacity: 0.9,\r\n },\r\n },\r\n secondary: {\r\n backgroundColor: currentTheme.secondary.main,\r\n color: currentTheme.dark.main,\r\n borderColor: 'transparent', // Transparent border\r\n boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n '&:hover': {\r\n backgroundColor: currentTheme.secondary.main,\r\n opacity: 0.9,\r\n },\r\n },\r\n outline: {\r\n backgroundColor: currentTheme.light.main,\r\n borderColor: 'rgba(77, 48, 25, 0.2)', // Visible border\r\n color: currentTheme.dark.main,\r\n '&:hover': {\r\n backgroundColor: 'rgba(77, 48, 25, 0.05)',\r\n borderColor: 'rgba(77, 48, 25, 0.3)',\r\n },\r\n },\r\n 'marked-read': {\r\n backgroundColor: 'rgba(163, 217, 119, 0.1)',\r\n fontSize: '14px',\r\n border: '1px solid',\r\n padding: '2px 8px',\r\n borderColor: currentTheme.markedRead.main, // Visible border\r\n color: currentTheme.dark.main,\r\n '&:hover': {\r\n backgroundColor: 'rgba(163, 217, 119, 0.2)',\r\n cursor: 'not-allowed',\r\n },\r\n },\r\n 'mark-read': {\r\n backgroundColor: currentTheme.custom?.markAsReadBackgroundColor \|\| currentTheme.accent.main,\r\n border: '1px solid',\r\n fontSize: '14px',\r\n padding: '2px 8px',\r\n borderColor: currentTheme.custom?.markAsReadBorderColor \|\| currentTheme.secondary.main, // Visible border\r\n color: currentTheme.dark.main,\r\n '&:hover': {\r\n opacity: 0.9,\r\n },\r\n },\r\n danger: {\r\n backgroundColor: '#D32F2F',\r\n color: '#FFFFFF',\r\n borderColor: 'transparent', // Transparent border\r\n boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n '&:hover': {\r\n backgroundColor: '#B71C1C',\r\n opacity: 0.9,\r\n },\r\n },\r\n };\r\n\r\n return {\r\n ...baseStyles,\r\n ...variantStyles[customVariant as keyof typeof variantStyles],\r\n };\r\n});\r\n\r\nexport const Button: React.FC<CustomButtonProps> = ({\r\n variant = 'primary',\r\n size = 'md',\r\n children,\r\n endIcon,\r\n fullWidth = false,\r\n ...props\r\n}) => {\r\n // Logic for special end icons per variant\r\n const getEndIcon = () => {\r\n if (variant === 'mark-read') {\r\n return (\r\n <ArticleRounded sx={{ fontSize: 22, color: ~~'#925cdb'~~ }} />\r\n );\r\n }\r\n\r\n if (variant === 'marked-read') {\r\n return <FactCheckRounded sx={{ fontSize: 22, color: '#5a9c1a' }} />;\r\n }\r\n\r\n return endIcon \|\| null;\r\n };\r\n\r\n return (\r\n <StyledButton\r\n customVariant={variant}\r\n customSize={size}\r\n fullWidth={fullWidth}\r\n disableRipple\r\n endIcon={getEndIcon()}\r\n {...props}\r\n >\r\n {children}\r\n </StyledButton>\r\n );\r\n};\r\n"],"names":["styled","MuiButton","_jsx","ArticleRounded","FactCheckRounded"],"mappings":"~~;;;;;;;AAUA~~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~~AAC3B~~,~~YAAA,~~QACEC,~~cAAA~~,~~CAACC,~~4BAAc,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,CAAI;~~QAE9D~~;AAEA,QAAA,IAAI,OAAO,KAAK,aAAa,EAAE;AAC7B,YAAA,OAAOD,cAAA,CAACE,8BAAgB,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI;QACrE;QAEA,OAAO,OAAO,IAAI,IAAI;AACxB,IAAA,CAAC;AAED,IAAA,QACEF,cAAA,CAAC,YAAY,EAAA,EACX,aAAa,EAAE,OAAO,EACtB,UAAU,EAAE,IAAI,EAChB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAA,IAAA,EACb,OAAO,EAAE,UAAU,EAAE,EAAA,GACjB,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACI;AAEnB;;;;"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button as MuiButton, ButtonProps as MuiButtonProps } from '@mui/material';\r\nimport { styled } from '@mui/material/styles';\r\nimport { ArticleRounded, FactCheckRounded } from '@mui/icons-material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\ninterface CustomButtonProps extends Omit<MuiButtonProps, 'variant' \| 'size'> {\r\n variant?: 'primary' \| 'secondary' \| 'outline' \| 'marked-read' \| 'mark-read' \| 'danger';\r\n size?: 'sm' \| 'md' \| 'lg';\r\n}\r\n\r\nconst StyledButton = styled(MuiButton, {\r\n shouldForwardProp: (prop) => prop !== 'customVariant' && prop !== 'customSize',\r\n})<{ customVariant: string; customSize: string }>(({ theme, customVariant, customSize }) => {\r\n const currentTheme = theme.palette;\r\n\r\n // Size styles\r\n const sizeStyles = {\r\n sm: {\r\n padding: '6px 12px',\r\n fontSize: '0.875rem',\r\n },\r\n md: {\r\n padding: '10px 16px',\r\n fontSize: '1rem',\r\n },\r\n lg: {\r\n padding: '12px 24px',\r\n fontSize: '1.125rem',\r\n },\r\n };\r\n\r\n const baseStyles = {\r\n fontWeight: 500,\r\n borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius \|\| 4) * 2,\r\n textTransform: 'none' as const,\r\n transition: 'all 0.2s',\r\n boxShadow: 'none',\r\n border: '2px solid transparent',\r\n '&:hover': {\r\n boxShadow: 'none',\r\n },\r\n '&.Mui-disabled': {\r\n opacity: 0.5,\r\n cursor: 'not-allowed',\r\n },\r\n ...sizeStyles[customSize as keyof typeof sizeStyles],\r\n };\r\n\r\n // Variant styles\r\n const variantStyles = {\r\n primary: {\r\n backgroundColor: currentTheme.primary.main,\r\n color: currentTheme.custom?.primaryButtonTextColor \|\| '#FFFFFF',\r\n borderColor: 'transparent', // Transparent border\r\n boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n '&:hover': {\r\n backgroundColor: currentTheme.primary.main,\r\n opacity: 0.9,\r\n },\r\n },\r\n secondary: {\r\n backgroundColor: currentTheme.secondary.main,\r\n color: currentTheme.dark.main,\r\n borderColor: 'transparent', // Transparent border\r\n boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n '&:hover': {\r\n backgroundColor: currentTheme.secondary.main,\r\n opacity: 0.9,\r\n },\r\n },\r\n outline: {\r\n backgroundColor: currentTheme.light.main,\r\n borderColor: 'rgba(77, 48, 25, 0.2)', // Visible border\r\n color: currentTheme.dark.main,\r\n '&:hover': {\r\n backgroundColor: 'rgba(77, 48, 25, 0.05)',\r\n borderColor: 'rgba(77, 48, 25, 0.3)',\r\n },\r\n },\r\n 'marked-read': {\r\n backgroundColor: 'rgba(163, 217, 119, 0.1)',\r\n fontSize: '14px',\r\n border: '1px solid',\r\n padding: '2px 8px',\r\n borderColor: currentTheme.markedRead.main, // Visible border\r\n color: currentTheme.dark.main,\r\n '&:hover': {\r\n backgroundColor: 'rgba(163, 217, 119, 0.2)',\r\n cursor: 'not-allowed',\r\n },\r\n },\r\n 'mark-read': {\r\n backgroundColor: currentTheme.custom?.markAsReadBackgroundColor \|\| currentTheme.accent.main,\r\n border: '1px solid',\r\n fontSize: '14px',\r\n padding: '2px 8px',\r\n borderColor: currentTheme.custom?.markAsReadBorderColor \|\| currentTheme.secondary.main, // Visible border\r\n color: currentTheme.dark.main,\r\n '&:hover': {\r\n opacity: 0.9,\r\n },\r\n },\r\n danger: {\r\n backgroundColor: '#D32F2F',\r\n color: '#FFFFFF',\r\n borderColor: 'transparent', // Transparent border\r\n boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n '&:hover': {\r\n backgroundColor: '#B71C1C',\r\n opacity: 0.9,\r\n },\r\n },\r\n };\r\n\r\n return {\r\n ...baseStyles,\r\n ...variantStyles[customVariant as keyof typeof variantStyles],\r\n };\r\n});\r\n\r\nexport const Button: React.FC<CustomButtonProps> = ({\r\n variant = 'primary',\r\n size = 'md',\r\n children,\r\n endIcon,\r\n fullWidth = false,\r\n ...props\r\n}) => {\r\n // Logic for special end icons per variant\r\n const getEndIcon = () => {\r\n const theme = useTheme();\r\n if (variant === 'mark-read') {\r\n return (\r\n <ArticleRounded sx={{ fontSize: 22, color: theme.palette.custom.iconColor }} />\r\n );\r\n }\r\n\r\n if (variant === 'marked-read') {\r\n return <FactCheckRounded sx={{ fontSize: 22, color: '#5a9c1a' }} />;\r\n }\r\n\r\n return endIcon \|\| null;\r\n };\r\n\r\n return (\r\n <StyledButton\r\n customVariant={variant}\r\n customSize={size}\r\n fullWidth={fullWidth}\r\n disableRipple\r\n endIcon={getEndIcon()}\r\n {...props}\r\n >\r\n {children}\r\n </StyledButton>\r\n );\r\n};\r\n"],"names":["styled","MuiButton","useTheme","_jsx","ArticleRounded","FactCheckRounded"],"mappings":"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"}

package/dist/cjs/components/Card.js CHANGED Viewed

@@ -30,7 +30,7 @@ const StyledCard = material.styled(material.Box, {
     return {
         borderRadius: borderRadiusValue * 2, // Matches rounded-xl (approx 12px)
         overflow: 'visible',
-        backgroundColor: theme.palette.light.main, // Matches #FEFDF7
+        backgroundColor: theme.palette.background.paper,
         ...paddingStyles[customPadding],
         ...variantStyles[customVariant],
     };

package/dist/cjs/components/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","sources":["../../../../src/components/Card.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, styled, SxProps, Theme } from '@mui/material';\r\n\r\ninterface CardProps {\r\n children: React.ReactNode;\r\n className?: string;\r\n padding?: 'none' \| 'sm' \| 'md' \| 'lg';\r\n variant?: 'default' \| 'bordered' \| 'elevated';\r\n sx?: SxProps<Theme>; // Add sx prop to support Material-UI styling\r\n}\r\n\r\nconst StyledCard = styled(Box, {\r\n shouldForwardProp: (prop) => prop !== 'customPadding' && prop !== 'customVariant',\r\n})<{ customPadding: string; customVariant: string }>(({ theme, customPadding, customVariant }) => {\r\n const paddingStyles = {\r\n none: { padding: 0 },\r\n sm: { padding: theme.spacing(2) }, // 16px\r\n md: { padding: theme.spacing(3) }, // 24px\r\n lg: { padding: theme.spacing(4) }, // 32px\r\n };\r\n\r\n const variantStyles = {\r\n default: {\r\n border: `1px solid ${theme.palette.dark.main}10`, // dark.main with 10% opacity\r\n },\r\n bordered: {\r\n border: `2px solid ${theme.palette.dark.main}20`, // dark.main with 20% opacity\r\n },\r\n elevated: {\r\n border: `1px solid ${theme.palette.dark.main}05`, // dark.main with 5% opacity\r\n boxShadow: theme.shadows[4], // MUI shadow level 4 for \"elevated\"\r\n },\r\n };\r\n\r\n const borderRadiusValue = typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius \|\| 4;\r\n\r\n return {\r\n borderRadius: borderRadiusValue * 2, // Matches rounded-xl (approx 12px)\r\n overflow: 'visible',\r\n backgroundColor: theme.palette.~~light~~.~~main, // Matches #FEFDF7\~~r\n ...paddingStyles[customPadding as keyof typeof paddingStyles],\r\n ...variantStyles[customVariant as keyof typeof variantStyles],\r\n };\r\n});\r\n\r\nexport const Card: React.FC<CardProps> = ({\r\n children,\r\n className = '',\r\n padding = 'md',\r\n variant = 'default',\r\n sx, // Destructure sx prop\r\n}) => {\r\n return (\r\n <StyledCard\r\n className={className}\r\n customPadding={padding}\r\n customVariant={variant}\r\n sx={sx} // Pass sx prop to StyledCard\r\n >\r\n {children}\r\n </StyledCard>\r\n );\r\n};"],"names":["styled","Box","_jsx"],"mappings":";;;;;AAaA,MAAM,UAAU,GAAGA,eAAM,CAACC,YAAG,EAAE;AAC7B,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,eAAe,IAAI,IAAI,KAAK,eAAe;CAClF,CAAC,CAAmD,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,KAAI;AAC/F,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACjC,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACjC,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;KAClC;AAED,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,OAAO,EAAE;YACP,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACjD,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACjD,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;YAChD,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC5B,SAAA;KACF;IAED,MAAM,iBAAiB,GAAG,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC1D,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC;IAEjC,OAAO;AACL,QAAA,YAAY,EAAE,iBAAiB,GAAG,CAAC;AACnC,QAAA,QAAQ,EAAE,SAAS;~~QACnB~~,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,~~KAAK~~,CAAC,~~IAAI~~;~~QACzC~~,GAAG,aAAa,CAAC,aAA2C,CAAC;QAC7D,GAAG,aAAa,CAAC,aAA2C,CAAC;KAC9D;AACH,CAAC,CAAC;MAEW,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,SAAS,EACnB,EAAE;AACH,EAAA,KAAI;IACH,QACEC,eAAC,UAAU,EAAA,EACT,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,OAAO,EACtB,EAAE,EAAE,EAAE,EAAA,QAAA,EAEL,QAAQ,EAAA,CACE;AAEjB;;;;"}
1	+ {"version":3,"file":"Card.js","sources":["../../../../src/components/Card.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, styled, SxProps, Theme } from '@mui/material';\r\n\r\ninterface CardProps {\r\n children: React.ReactNode;\r\n className?: string;\r\n padding?: 'none' \| 'sm' \| 'md' \| 'lg';\r\n variant?: 'default' \| 'bordered' \| 'elevated';\r\n sx?: SxProps<Theme>; // Add sx prop to support Material-UI styling\r\n}\r\n\r\nconst StyledCard = styled(Box, {\r\n shouldForwardProp: (prop) => prop !== 'customPadding' && prop !== 'customVariant',\r\n})<{ customPadding: string; customVariant: string }>(({ theme, customPadding, customVariant }) => {\r\n const paddingStyles = {\r\n none: { padding: 0 },\r\n sm: { padding: theme.spacing(2) }, // 16px\r\n md: { padding: theme.spacing(3) }, // 24px\r\n lg: { padding: theme.spacing(4) }, // 32px\r\n };\r\n\r\n const variantStyles = {\r\n default: {\r\n border: `1px solid ${theme.palette.dark.main}10`, // dark.main with 10% opacity\r\n },\r\n bordered: {\r\n border: `2px solid ${theme.palette.dark.main}20`, // dark.main with 20% opacity\r\n },\r\n elevated: {\r\n border: `1px solid ${theme.palette.dark.main}05`, // dark.main with 5% opacity\r\n boxShadow: theme.shadows[4], // MUI shadow level 4 for \"elevated\"\r\n },\r\n };\r\n\r\n const borderRadiusValue = typeof theme.shape.borderRadius === 'string'\r\n ? parseInt(theme.shape.borderRadius, 10)\r\n : theme.shape.borderRadius \|\| 4;\r\n\r\n return {\r\n borderRadius: borderRadiusValue * 2, // Matches rounded-xl (approx 12px)\r\n overflow: 'visible',\r\n backgroundColor: theme.palette.background.paper,\r\n ...paddingStyles[customPadding as keyof typeof paddingStyles],\r\n ...variantStyles[customVariant as keyof typeof variantStyles],\r\n };\r\n});\r\n\r\nexport const Card: React.FC<CardProps> = ({\r\n children,\r\n className = '',\r\n padding = 'md',\r\n variant = 'default',\r\n sx, // Destructure sx prop\r\n}) => {\r\n return (\r\n <StyledCard\r\n className={className}\r\n customPadding={padding}\r\n customVariant={variant}\r\n sx={sx} // Pass sx prop to StyledCard\r\n >\r\n {children}\r\n </StyledCard>\r\n );\r\n};"],"names":["styled","Box","_jsx"],"mappings":";;;;;AAaA,MAAM,UAAU,GAAGA,eAAM,CAACC,YAAG,EAAE;AAC7B,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,eAAe,IAAI,IAAI,KAAK,eAAe;CAClF,CAAC,CAAmD,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,KAAI;AAC/F,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACjC,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACjC,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;KAClC;AAED,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,OAAO,EAAE;YACP,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACjD,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACjD,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;YAChD,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC5B,SAAA;KACF;IAED,MAAM,iBAAiB,GAAG,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC1D,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC;IAEjC,OAAO;AACL,QAAA,YAAY,EAAE,iBAAiB,GAAG,CAAC;AACnC,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;QAC/C,GAAG,aAAa,CAAC,aAA2C,CAAC;QAC7D,GAAG,aAAa,CAAC,aAA2C,CAAC;KAC9D;AACH,CAAC,CAAC;MAEW,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,SAAS,EACnB,EAAE;AACH,EAAA,KAAI;IACH,QACEC,eAAC,UAAU,EAAA,EACT,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,OAAO,EACtB,EAAE,EAAE,EAAE,EAAA,QAAA,EAEL,QAAQ,EAAA,CACE;AAEjB;;;;"}

package/dist/cjs/components/Header.js CHANGED Viewed

@@ -6,7 +6,9 @@ var material = require('@mui/material');
 var ThemeProvider = require('../ThemeProvider.js');
 var iconsMaterial = require('@mui/icons-material');
 var PopoverMenu = require('./PopoverMenu.js');
-var PrimaryLogo_Variation_Cream = require('../images/PrimaryLogo_Variation_Cream.svg.js');
+var PrimaryLogo_Variation_Cream_ECEDocs = require('../images/PrimaryLogo_Variation_Cream_ECEDocs.svg.js');
+var PrimaryLogo_Variation_Cream_GPDocs = require('../images/PrimaryLogo_Variation_Cream_GPDocs.svg.js');
+var PrimaryLogo_Variation_Cream_SchoolDocs = require('../images/PrimaryLogo_Variation_Cream_SchoolDocs.svg.js');
 const H_OPEN = "[[H]]";
 const H_CLOSE = "[[/H]]";
@@ -82,11 +84,25 @@ material.styled(material.Typography)(({ theme }) => ({
         fontSize: '1.125rem', // text-lg
     },
 }));
-const StyledLogoSvg = material.styled(PrimaryLogo_Variation_Cream.ReactComponent) `
-  width: 100%;
-  height: 100%;
-  display: block;
-`;
+const LogoComponent = () => {
+    const themeType = React.useContext(ThemeProvider.ThemeContext);
+    const logoProps = {
+        style: {
+            width: '100%',
+            height: '100%',
+            display: 'block'
+        }
+    };
+    switch (themeType) {
+        case 'GP':
+            return jsxRuntime.jsx(PrimaryLogo_Variation_Cream_GPDocs.ReactComponent, { ...logoProps });
+        case 'School':
+            return jsxRuntime.jsx(PrimaryLogo_Variation_Cream_SchoolDocs.ReactComponent, { ...logoProps });
+        case 'ECE':
+        default:
+            return jsxRuntime.jsx(PrimaryLogo_Variation_Cream_ECEDocs.ReactComponent, { ...logoProps });
+    }
+};
 const StyledSearchContainer = material.styled(material.Box)(({ theme }) => ({
     flex: 1,
     maxWidth: '45rem',
@@ -370,19 +386,19 @@ const Header = ({ userName = 'John Doe', userInitials = 'JD', toggleMenu, signOu
                     mt: 1,
                     border: '1px solid #4D3019',
                     boxShadow: 'none',
-                    backgroundColor: '#FEFDF7',
+                    backgroundColor: theme.palette.background.paper,
                     borderRadius: isDesktop ? '12px' : 0,
                     px: 2,
                     py: 1.5,
-                }, children: jsxRuntime.jsx(material.Typography, { sx: { fontSize: '14px', color: '#4D3019' }, children: "Oops \u2014 your search includes symbols we don\u2019t support yet. Please remove special characters (like %, @, #, =) and try again." }) })) : !isSearching && results.length === 0 ? (jsxRuntime.jsx(material.Paper, { elevation: 0, sx: {
+                }, children: jsxRuntime.jsx(material.Typography, { sx: { fontSize: '14px', color: theme.palette.text.primary }, children: "Oops \u2014 your search includes symbols we don\u2019t support yet. Please remove special characters (like %, @, #, =) and try again." }) })) : !isSearching && results.length === 0 ? (jsxRuntime.jsx(material.Paper, { elevation: 0, sx: {
                     mt: 1,
-                    border: '1px solid #4D3019',
+                    border: `1px solid ${theme.palette.text.primary}`,
                     boxShadow: 'none',
-                    backgroundColor: '#FEFDF7',
+                    backgroundColor: theme.palette.background.paper,
                     borderRadius: isDesktop ? '12px' : 0,
                     px: 2,
                     py: 1.5,
-                }, children: jsxRuntime.jsx(material.Typography, { sx: { fontSize: '14px', color: '#4D3019' }, children: "No results found" }) })) : (jsxRuntime.jsx(ResultsList, { mode: mode, items: results, onPick: (item) => {
+                }, children: jsxRuntime.jsx(material.Typography, { sx: { fontSize: '14px', color: theme.palette.text.primary }, children: "No results found" }) })) : (jsxRuntime.jsx(ResultsList, { mode: mode, items: results, onPick: (item) => {
                     clearQueryOnNextResetRef.current = false; // keep text
                     closeMobileOnNextResetRef.current = false; // keep mobile panel open
                     setOpenDropdown(false);
@@ -395,16 +411,15 @@ const Header = ({ userName = 'John Doe', userInitials = 'JD', toggleMenu, signOu
         const displayedResults = mode == 'desktop' ? items.slice(0, 5) : items.slice(0, 3);
         return (jsxRuntime.jsx(material.Paper, { ref: paperRef, elevation: 0, sx: {
                 mt: 1,
-                border: '1px solid #4D3019',
+                border: `1px solid ${theme.palette.text.primary}`,
                 boxShadow: 'none',
-                backgroundColor: '#FEFDF7',
+                backgroundColor: theme.palette.background.paper,
                 ...(isDesktop
                     ? {
                         maxHeight: 'auto',
                         borderRadius: '12px',
                         overflowX: 'hidden',
                         overflowY: 'hidden',
-                        pb: 1.5,
                     }
                     : {
                         overflow: 'hidden', // no scroll, no scrollbar
@@ -413,32 +428,27 @@ const Header = ({ userName = 'John Doe', userInitials = 'JD', toggleMenu, signOu
             }, children: jsxRuntime.jsx(material.List, { dense: true, disablePadding: true, children: displayedResults.map((item, index) => (jsxRuntime.jsx(material.ListItemButton, { alignItems: "flex-start", onClick: () => onPick(item), sx: {
                         py: 1.5,
                         px: 2,
-                        backgroundColor: '#FEFDF7',
-                        // dividers only on mobile (your current mobile styling)
-                        ...(isDesktop
-                            ? {}
-                            : {
-                                borderBottom: index === items.length - 1
-                                    ? 'none'
-                                    : '1px solid rgba(77,48,25,0.18)',
-                            }),
-                        '&:hover': { backgroundColor: '#F9F0FC' },
+                        backgroundColor: theme.palette.background.paper,
+                        borderBottom: index === displayedResults.length - 1
+                            ? 'none'
+                            : '1px solid rgba(77,48,25,0.18)',
+                        '&:hover': { backgroundColor: theme.palette.custom.readByBackgroundColor },
                         '&:hover .search-result-title': {
                             textDecoration: 'underline',
-                            color: '#AD46FF',
+                            color: theme.palette.primary.main,
                         },
                     }, children: jsxRuntime.jsx(material.ListItemText, { primary: item.label, secondary: renderDescription(item.description), primaryTypographyProps: {
                             className: 'search-result-title',
                             fontWeight: 700,
                             fontSize: '16px',
-                            color: '#4D3019',
+                            color: theme.palette.text.primary,
                         }, secondaryTypographyProps: { component: 'div', mt: 1 } }) }, index))) }) }));
     };
     return (jsxRuntime.jsxs(material.Box, { children: [jsxRuntime.jsxs(StyledHeader, { ref: headerRef, children: [isActive && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.IconButton, { disableRipple: true, onClick: toggleMenu, sx: { display: { xs: 'block', md: 'none' } }, size: "large", children: jsxRuntime.jsx(iconsMaterial.MenuRounded, { sx: { fontSize: 32, color: 'white' } }) }), jsxRuntime.jsx(material.Divider, { orientation: "vertical", sx: {
                                     color: '#FFFFFF',
                                     borderRightWidth: 2,
                                     display: { xs: 'block', md: 'none' },
-                                } })] })), jsxRuntime.jsx(StyledLogoWrapper, { children: jsxRuntime.jsx(StyledLogoIcon, { children: jsxRuntime.jsx(StyledLogoSvg, {}) }) }), isActive && isMdUp && (jsxRuntime.jsxs(StyledSearchContainer, { children: [jsxRuntime.jsx(StyledTextField, { placeholder: "Search for a policy", variant: "outlined", fullWidth: true, value: searchQuery, inputRef: desktopInputRef, ref: desktopFieldRef, onChange: (e) => handleSearchChange(e.target.value), onKeyDown: handleKeyDown, InputProps: {
+                                } })] })), jsxRuntime.jsx(StyledLogoWrapper, { children: jsxRuntime.jsx(StyledLogoIcon, { children: jsxRuntime.jsx(LogoComponent, {}) }) }), isActive && isMdUp && (jsxRuntime.jsxs(StyledSearchContainer, { children: [jsxRuntime.jsx(StyledTextField, { placeholder: "Search for a policy", variant: "outlined", fullWidth: true, value: searchQuery, inputRef: desktopInputRef, ref: desktopFieldRef, onChange: (e) => handleSearchChange(e.target.value), onKeyDown: handleKeyDown, InputProps: {
                                     endAdornment: (jsxRuntime.jsxs(material.InputAdornment, { position: "end", children: [jsxRuntime.jsx(material.Box, { sx: { mr: 1 }, children: isSearching ? jsxRuntime.jsx(material.CircularProgress, { size: 24 }) : null }), jsxRuntime.jsx(StyledSearchButton, { onClick: handleSearchClick, children: jsxRuntime.jsx(StyledSearchIcon, { children: jsxRuntime.jsx(iconsMaterial.SearchRounded, {}) }) })] })),
                                 } }), jsxRuntime.jsx(material.Popper, { open: openDropdown && !!desktopFieldRef.current, anchorEl: desktopFieldRef.current, placement: "bottom-start", style: { zIndex: 1300, width: desktopFieldRef.current?.offsetWidth }, children: jsxRuntime.jsx(DropdownResults, { mode: "desktop" }) })] })), jsxRuntime.jsxs(StyledUserContainer, { children: [isActive && !isMdUp && (jsxRuntime.jsx(StyledSearchButton, { disableRipple: true, onClick: toggleMobileSearch, sx: {
                                     display: { xs: 'flex', md: 'none' },