@verdaccio/ui-components 5.0.0-next-9.2 → 5.0.0-next-9.4

package/build/Theme/ResetStyles.js

@@ -1,30 +1,34 @@
-import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import "react";
-import { GlobalStyles as r } from "@mui/material";
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _mui_material = require("@mui/material");
 //#region src/Theme/ResetStyles.tsx
-var i = ({ children: i }) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(r, { styles: (e) => ({
-	"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video": { fontFamily: "\"Roboto\", Helvetica Neue, Arial, sans-serif" },
-	strong: { fontWeight: e.fontWeight.semiBold },
-	"html, body, #root": { height: "100%" },
-	ul: {
-		margin: 0,
-		padding: 0,
-		listStyle: "none"
-	},
-	".container": {
-		paddingTop: 15,
-		paddingBottom: 15,
-		flex: 1,
-		height: "100%",
-		[`@media screen and (min-width: ${e.breakPoints.container}px)`]: {
-			maxWidth: e.breakPoints.container,
-			width: "100%",
-			marginLeft: "auto",
-			marginRight: "auto"
+var ResetStyles = ({ children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.GlobalStyles, { styles: (theme) => ({
+		"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video": { fontFamily: "\"Roboto\", Helvetica Neue, Arial, sans-serif" },
+		strong: { fontWeight: theme.fontWeight.semiBold },
+		"html, body, #root": { height: "100%" },
+		ul: {
+			margin: 0,
+			padding: 0,
+			listStyle: "none"
+		},
+		".container": {
+			paddingTop: 15,
+			paddingBottom: 15,
+			flex: 1,
+			height: "100%",
+			[`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {
+				maxWidth: theme.breakPoints.container,
+				width: "100%",
+				marginLeft: "auto",
+				marginRight: "auto"
+			}
 		}
-	}
-}) }), i] });
+	}) }), children] });
+};
 //#endregion
-export { i as default };
+exports.default = ResetStyles;
 
 //# sourceMappingURL=ResetStyles.js.map

package/build/Theme/ResetStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResetStyles.js","names":["GlobalStyles","React","Theme","ResetStyles","FC","children","ReactNode","theme","fontFamily","strong","fontWeight","semiBold","height","ul","margin","padding","listStyle","paddingTop","paddingBottom","flex","breakPoints","container","maxWidth","width","marginLeft","marginRight"],"sources":["../../src/Theme/ResetStyles.tsx"],"sourcesContent":["import { GlobalStyles } from '@mui/material';\nimport React from 'react';\n\nimport type { Theme } from './theme';\n\nconst ResetStyles: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  return (\n    <>\n      <GlobalStyles\n        styles={(theme: Theme) => ({\n          'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video':\n            {\n              fontFamily: '\"Roboto\", Helvetica Neue, Arial, sans-serif',\n            },\n          strong: {\n            fontWeight: theme.fontWeight.semiBold,\n          },\n          'html, body, #root': {\n            height: '100%',\n          },\n          ul: {\n            margin: 0,\n            padding: 0,\n            listStyle: 'none',\n          },\n          '.container': {\n            paddingTop: 15,\n            paddingBottom: 15,\n            flex: 1,\n            height: '100%',\n            [`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {\n              maxWidth: theme.breakPoints.container,\n              width: '100%',\n              marginLeft: 'auto',\n              marginRight: 'auto',\n            },\n          },\n        })}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default ResetStyles;\n"],"mappings":";;;;AAKA,IAAMG,KAAyD,EAAEE,kBAE7D,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EACE,SAASE,OAAkB;CACzB,8eACE,EACEC,YAAY,iDACb;CACHC,QAAQ,EACNC,YAAYH,EAAMG,WAAWC,UAC9B;CACD,qBAAqB,EACnBC,QAAQ,QACT;CACDC,IAAI;EACFC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACZ;CACD,cAAc;EACZC,YAAY;EACZC,eAAe;EACfC,MAAM;EACNP,QAAQ;GACP,iCAAiCL,EAAMa,YAAYC,UAAS,OAAQ;GACnEC,UAAUf,EAAMa,YAAYC;GAC5BE,OAAO;GACPC,YAAY;GACZC,aAAa;GACf;EACF;CACD,GAAE,CAAA,EAEJpB,EACA,EAAA,CAAA"}
+{"version":3,"file":"ResetStyles.js","names":["GlobalStyles","React","Theme","ResetStyles","FC","children","ReactNode","theme","fontFamily","strong","fontWeight","semiBold","height","ul","margin","padding","listStyle","paddingTop","paddingBottom","flex","breakPoints","container","maxWidth","width","marginLeft","marginRight"],"sources":["../../src/Theme/ResetStyles.tsx"],"sourcesContent":["import { GlobalStyles } from '@mui/material';\nimport React from 'react';\n\nimport type { Theme } from './theme';\n\nconst ResetStyles: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  return (\n    <>\n      <GlobalStyles\n        styles={(theme: Theme) => ({\n          'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video':\n            {\n              fontFamily: '\"Roboto\", Helvetica Neue, Arial, sans-serif',\n            },\n          strong: {\n            fontWeight: theme.fontWeight.semiBold,\n          },\n          'html, body, #root': {\n            height: '100%',\n          },\n          ul: {\n            margin: 0,\n            padding: 0,\n            listStyle: 'none',\n          },\n          '.container': {\n            paddingTop: 15,\n            paddingBottom: 15,\n            flex: 1,\n            height: '100%',\n            [`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {\n              maxWidth: theme.breakPoints.container,\n              width: '100%',\n              marginLeft: 'auto',\n              marginRight: 'auto',\n            },\n          },\n        })}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default ResetStyles;\n"],"mappings":";;;;;;AAKA,IAAMG,eAAyD,EAAEE,eAAe;AAC9E,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,cAAA,cAAD,EACE,SAASE,WAAkB;EACzB,8eACE,EACEC,YAAY,iDACb;EACHC,QAAQ,EACNC,YAAYH,MAAMG,WAAWC,UAC9B;EACD,qBAAqB,EACnBC,QAAQ,QACT;EACDC,IAAI;GACFC,QAAQ;GACRC,SAAS;GACTC,WAAW;GACZ;EACD,cAAc;GACZC,YAAY;GACZC,eAAe;GACfC,MAAM;GACNP,QAAQ;IACP,iCAAiCL,MAAMa,YAAYC,UAAS,OAAQ;IACnEC,UAAUf,MAAMa,YAAYC;IAC5BE,OAAO;IACPC,YAAY;IACZC,aAAa;IACf;GACF;EACD,GAAE,CAAA,EAEJpB,SACA,EAAA,CAAA"}

package/build/Theme/ResetStyles.mjs

@@ -0,0 +1,32 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { GlobalStyles } from "@mui/material";
+//#region src/Theme/ResetStyles.tsx
+var ResetStyles = ({ children }) => {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(GlobalStyles, { styles: (theme) => ({
+		"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video": { fontFamily: "\"Roboto\", Helvetica Neue, Arial, sans-serif" },
+		strong: { fontWeight: theme.fontWeight.semiBold },
+		"html, body, #root": { height: "100%" },
+		ul: {
+			margin: 0,
+			padding: 0,
+			listStyle: "none"
+		},
+		".container": {
+			paddingTop: 15,
+			paddingBottom: 15,
+			flex: 1,
+			height: "100%",
+			[`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {
+				maxWidth: theme.breakPoints.container,
+				width: "100%",
+				marginLeft: "auto",
+				marginRight: "auto"
+			}
+		}
+	}) }), children] });
+};
+//#endregion
+export { ResetStyles as default };
+
+//# sourceMappingURL=ResetStyles.mjs.map

package/build/Theme/ResetStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetStyles.mjs","names":["GlobalStyles","React","Theme","ResetStyles","FC","children","ReactNode","theme","fontFamily","strong","fontWeight","semiBold","height","ul","margin","padding","listStyle","paddingTop","paddingBottom","flex","breakPoints","container","maxWidth","width","marginLeft","marginRight"],"sources":["../../src/Theme/ResetStyles.tsx"],"sourcesContent":["import { GlobalStyles } from '@mui/material';\nimport React from 'react';\n\nimport type { Theme } from './theme';\n\nconst ResetStyles: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  return (\n    <>\n      <GlobalStyles\n        styles={(theme: Theme) => ({\n          'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video':\n            {\n              fontFamily: '\"Roboto\", Helvetica Neue, Arial, sans-serif',\n            },\n          strong: {\n            fontWeight: theme.fontWeight.semiBold,\n          },\n          'html, body, #root': {\n            height: '100%',\n          },\n          ul: {\n            margin: 0,\n            padding: 0,\n            listStyle: 'none',\n          },\n          '.container': {\n            paddingTop: 15,\n            paddingBottom: 15,\n            flex: 1,\n            height: '100%',\n            [`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {\n              maxWidth: theme.breakPoints.container,\n              width: '100%',\n              marginLeft: 'auto',\n              marginRight: 'auto',\n            },\n          },\n        })}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default ResetStyles;\n"],"mappings":";;;;AAKA,IAAMG,eAAyD,EAAEE,eAAe;AAC9E,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,cAAD,EACE,SAASE,WAAkB;EACzB,8eACE,EACEC,YAAY,iDACb;EACHC,QAAQ,EACNC,YAAYH,MAAMG,WAAWC,UAC9B;EACD,qBAAqB,EACnBC,QAAQ,QACT;EACDC,IAAI;GACFC,QAAQ;GACRC,SAAS;GACTC,WAAW;GACZ;EACD,cAAc;GACZC,YAAY;GACZC,eAAe;GACfC,MAAM;GACNP,QAAQ;IACP,iCAAiCL,MAAMa,YAAYC,UAAS,OAAQ;IACnEC,UAAUf,MAAMa,YAAYC;IAC5BE,OAAO;IACPC,YAAY;IACZC,aAAa;IACf;GACF;EACD,GAAE,CAAA,EAEJpB,SACA,EAAA,CAAA"}

package/build/Theme/StyleBaseline.js

@@ -1,11 +1,14 @@
-import e from "./ResetStyles.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import "react";
-import i from "@mui/material/CssBaseline";
-import "normalize.css";
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_ResetStyles = require("./ResetStyles.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _mui_material_CssBaseline = require("@mui/material/CssBaseline");
+_mui_material_CssBaseline = require_runtime.__toESM(_mui_material_CssBaseline);
+require("normalize.css");
 //#region src/Theme/StyleBaseline.tsx
-var a = () => /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(i, {}), /* @__PURE__ */ n(e, {})] });
+var StyleBaseline = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_CssBaseline.default, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ResetStyles.default, {})] });
 //#endregion
-export { a as default };
+exports.default = StyleBaseline;
 
 //# sourceMappingURL=StyleBaseline.js.map

package/build/Theme/StyleBaseline.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyleBaseline.js","names":["CssBaseline","React","ResetCSS","StyleBaseline","FC"],"sources":["../../src/Theme/StyleBaseline.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport 'normalize.css';\nimport React from 'react';\n\nimport ResetCSS from './ResetStyles';\n\nconst StyleBaseline: React.FC = () => (\n  <>\n    <CssBaseline />\n    <ResetCSS />\n  </>\n);\n\nexport default StyleBaseline;\n"],"mappings":";;;;;;AAMA,IAAMG,UACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAY,CAAA,EACZ,kBAAC,GAAD,EAAS,CAAA,CAEZ,EAAA,CAAA"}
+{"version":3,"file":"StyleBaseline.js","names":["CssBaseline","React","ResetCSS","StyleBaseline","FC"],"sources":["../../src/Theme/StyleBaseline.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport 'normalize.css';\nimport React from 'react';\n\nimport ResetCSS from './ResetStyles';\n\nconst StyleBaseline: React.FC = () => (\n  <>\n    <CssBaseline />\n    <ResetCSS />\n  </>\n);\n\nexport default StyleBaseline;\n"],"mappings":";;;;;;;;;AAMA,IAAMG,sBACJ,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAY,CAAA,EACZ,iBAAA,GAAA,kBAAA,KAAC,oBAAA,SAAD,EAAS,CAAA,CAEZ,EAAA,CAAA"}

package/build/Theme/StyleBaseline.mjs

@@ -0,0 +1,11 @@
+import ResetStyles from "./ResetStyles.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import CssBaseline from "@mui/material/CssBaseline";
+import "normalize.css";
+//#region src/Theme/StyleBaseline.tsx
+var StyleBaseline = () => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CssBaseline, {}), /* @__PURE__ */ jsx(ResetStyles, {})] });
+//#endregion
+export { StyleBaseline as default };
+
+//# sourceMappingURL=StyleBaseline.mjs.map

package/build/Theme/StyleBaseline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleBaseline.mjs","names":["CssBaseline","React","ResetCSS","StyleBaseline","FC"],"sources":["../../src/Theme/StyleBaseline.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport 'normalize.css';\nimport React from 'react';\n\nimport ResetCSS from './ResetStyles';\n\nconst StyleBaseline: React.FC = () => (\n  <>\n    <CssBaseline />\n    <ResetCSS />\n  </>\n);\n\nexport default StyleBaseline;\n"],"mappings":";;;;;;AAMA,IAAMG,sBACJ,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,aAAD,EAAY,CAAA,EACZ,oBAAC,aAAD,EAAS,CAAA,CAEZ,EAAA,CAAA"}

package/build/Theme/ThemeProvider.js

@@ -1,33 +1,43 @@
-import { useConfig as e } from "../providers/AppConfigurationProvider/AppConfigurationProvider.js";
-import "../providers/AppConfigurationProvider/index.js";
-import t from "../hooks/useLocalStorage.js";
-import { getTheme as n } from "./theme.js";
-import { jsx as r } from "react/jsx-runtime";
-import { createContext as i, useContext as a } from "react";
-import { StyledEngineProvider as o, ThemeProvider as s } from "@mui/material/styles";
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_AppConfigurationProvider = require("../providers/AppConfigurationProvider/AppConfigurationProvider.js");
+require("../providers/AppConfigurationProvider/index.js");
+const require_useLocalStorage = require("../hooks/useLocalStorage.js");
+const require_theme = require("./theme.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _mui_material_styles = require("@mui/material/styles");
 //#region src/Theme/ThemeProvider.tsx
-var c = i(void 0);
-function l(e) {
-	let t = window.matchMedia?.("(prefers-color-scheme:dark)").matches;
-	return typeof e == "boolean" ? e : t;
+var ThemeContext = (0, react.createContext)(void 0);
+function getDarkModeDefault(darkModeConfig) {
+	const prefersDarkMode = window.matchMedia?.("(prefers-color-scheme:dark)").matches;
+	if (typeof darkModeConfig === "boolean") return darkModeConfig;
+	else return prefersDarkMode;
 }
-var u = ({ children: i }) => {
-	let { configOptions: a } = e(), u = l(a.darkMode), d = a.showThemeSwitch, [f, p] = t("darkMode", u), m = d === !0 ? f : u, h = n(m ? "dark" : "light", a.primaryColor);
-	return /* @__PURE__ */ r(c.Provider, {
+var ThemeProvider = ({ children }) => {
+	const { configOptions } = require_AppConfigurationProvider.useConfig();
+	const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);
+	const isSwitchThemeEnabled = configOptions.showThemeSwitch;
+	const [isDarkModeStorage, setIsDarkMode] = require_useLocalStorage.default("darkMode", isDarkModeDefault);
+	const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;
+	const currentTheme = require_theme.getTheme(isDarkMode ? "dark" : "light", configOptions.primaryColor);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeContext.Provider, {
 		value: {
-			isDarkMode: m,
-			setIsDarkMode: p
+			isDarkMode,
+			setIsDarkMode
 		},
-		children: /* @__PURE__ */ r(o, {
-			injectFirst: !0,
-			children: /* @__PURE__ */ r(s, {
-				theme: h,
-				children: i
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_styles.StyledEngineProvider, {
+			injectFirst: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_styles.ThemeProvider, {
+				theme: currentTheme,
+				children
 			})
 		})
 	});
-}, d = () => a(c);
+};
+var useCustomTheme = () => (0, react.useContext)(ThemeContext);
 //#endregion
-export { u as ThemeProvider, d as useCustomTheme };
+exports.ThemeProvider = ThemeProvider;
+exports.useCustomTheme = useCustomTheme;
 
 //# sourceMappingURL=ThemeProvider.js.map

package/build/Theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","MUIThemeProvider","StyledEngineProvider","React","createContext","useContext","useLocalStorage","useConfig","ThemeMode","getTheme","Props","isDarkMode","setIsDarkMode","ThemeContext","undefined","getDarkModeDefault","darkModeConfig","prefersDarkMode","window","matchMedia","matches","FC","children","configOptions","isDarkModeDefault","darkMode","isSwitchThemeEnabled","showThemeSwitch","isDarkModeStorage","themeMode","currentTheme","primaryColor","useCustomTheme"],"sources":["../../src/Theme/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport React, { createContext, useContext } from 'react';\n\nimport useLocalStorage from '../hooks/useLocalStorage';\nimport { useConfig } from '../providers/AppConfigurationProvider';\nimport type { ThemeMode } from './modes';\nimport { getTheme } from './theme';\n\ninterface Props {\n  isDarkMode: boolean;\n  setIsDarkMode: (isDarkMode: boolean) => void;\n}\n\nconst ThemeContext = createContext<undefined | Props>(undefined);\n\nfunction getDarkModeDefault(darkModeConfig?: boolean) {\n  const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;\n  if (typeof darkModeConfig === 'boolean') {\n    return darkModeConfig;\n  } else {\n    return prefersDarkMode;\n  }\n}\n\nconst ThemeProvider: React.FC<{ children: any }> = ({ children }) => {\n  const { configOptions } = useConfig();\n  const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);\n  const isSwitchThemeEnabled = configOptions.showThemeSwitch;\n  const [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);\n  const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;\n  const themeMode: ThemeMode = isDarkMode ? 'dark' : 'light';\n\n  const currentTheme = getTheme(themeMode, configOptions.primaryColor);\n\n  return (\n    <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode }}>\n      <StyledEngineProvider injectFirst={true}>\n        <MUIThemeProvider theme={currentTheme}>{children}</MUIThemeProvider>\n      </StyledEngineProvider>\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useCustomTheme = () => useContext(ThemeContext);\n\nexport { ThemeProvider };\n"],"mappings":";;;;;;;;AAaA,IAAMa,IAAeT,EAAiCU,KAAAA,EAAU;AAEhE,SAASC,EAAmBC,GAA0B;CACpD,IAAMC,IAAkBC,OAAOC,aAAa,8BAA8B,CAACC;AAIzE,QAHE,OAAOJ,KAAmB,YACrBA,IAEAC;;AAIX,IAAMjB,KAA8C,EAAEsB,kBAAe;CACnE,IAAM,EAAEC,qBAAkBhB,GAAW,EAC/BiB,IAAoBT,EAAmBQ,EAAcE,SAAS,EAC9DC,IAAuBH,EAAcI,iBACrC,CAACC,GAAmBhB,KAAiBN,EAAgB,YAAYkB,EAAkB,EACnFb,IAAae,MAAyB,KAAOE,IAAoBJ,GAGjEM,IAAerB,EAFQE,IAAa,SAAS,SAEVY,EAAcQ,aAAa;AAEpE,QACE,kBAAC,EAAa,UAAd;EAAuB,OAAO;GAAEpB;GAAYC;GAAe;YACzD,kBAAC,GAAD;GAAsB,aAAa;aACjC,kBAAC,GAAD;IAAkB,OAAOkB;IAAeR;IAA2B,CAAA;GAC/C,CAAA;EACA,CAAA;GAIfU,UAAuB3B,EAAWQ,EAAa"}
+{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","MUIThemeProvider","StyledEngineProvider","React","createContext","useContext","useLocalStorage","useConfig","ThemeMode","getTheme","Props","isDarkMode","setIsDarkMode","ThemeContext","undefined","getDarkModeDefault","darkModeConfig","prefersDarkMode","window","matchMedia","matches","FC","children","configOptions","isDarkModeDefault","darkMode","isSwitchThemeEnabled","showThemeSwitch","isDarkModeStorage","themeMode","currentTheme","primaryColor","useCustomTheme"],"sources":["../../src/Theme/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport React, { createContext, useContext } from 'react';\n\nimport useLocalStorage from '../hooks/useLocalStorage';\nimport { useConfig } from '../providers/AppConfigurationProvider';\nimport type { ThemeMode } from './modes';\nimport { getTheme } from './theme';\n\ninterface Props {\n  isDarkMode: boolean;\n  setIsDarkMode: (isDarkMode: boolean) => void;\n}\n\nconst ThemeContext = createContext<undefined | Props>(undefined);\n\nfunction getDarkModeDefault(darkModeConfig?: boolean) {\n  const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;\n  if (typeof darkModeConfig === 'boolean') {\n    return darkModeConfig;\n  } else {\n    return prefersDarkMode;\n  }\n}\n\nconst ThemeProvider: React.FC<{ children: any }> = ({ children }) => {\n  const { configOptions } = useConfig();\n  const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);\n  const isSwitchThemeEnabled = configOptions.showThemeSwitch;\n  const [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);\n  const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;\n  const themeMode: ThemeMode = isDarkMode ? 'dark' : 'light';\n\n  const currentTheme = getTheme(themeMode, configOptions.primaryColor);\n\n  return (\n    <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode }}>\n      <StyledEngineProvider injectFirst={true}>\n        <MUIThemeProvider theme={currentTheme}>{children}</MUIThemeProvider>\n      </StyledEngineProvider>\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useCustomTheme = () => useContext(ThemeContext);\n\nexport { ThemeProvider };\n"],"mappings":";;;;;;;;;;AAaA,IAAMa,gBAAAA,GAAAA,MAAAA,eAAgDC,KAAAA,EAAU;AAEhE,SAASC,mBAAmBC,gBAA0B;CACpD,MAAMC,kBAAkBC,OAAOC,aAAa,8BAA8B,CAACC;AAC3E,KAAI,OAAOJ,mBAAmB,UAC5B,QAAOA;KAEP,QAAOC;;AAIX,IAAMjB,iBAA8C,EAAEsB,eAAe;CACnE,MAAM,EAAEC,kBAAkBhB,iCAAAA,WAAW;CACrC,MAAMiB,oBAAoBT,mBAAmBQ,cAAcE,SAAS;CACpE,MAAMC,uBAAuBH,cAAcI;CAC3C,MAAM,CAACC,mBAAmBhB,iBAAiBN,wBAAAA,QAAgB,YAAYkB,kBAAkB;CACzF,MAAMb,aAAae,yBAAyB,OAAOE,oBAAoBJ;CAGvE,MAAMM,eAAerB,cAAAA,SAFQE,aAAa,SAAS,SAEVY,cAAcQ,aAAa;AAEpE,QACE,iBAAA,GAAA,kBAAA,KAAC,aAAa,UAAd;EAAuB,OAAO;GAAEpB;GAAYC;GAAe;YACzD,iBAAA,GAAA,kBAAA,KAAC,qBAAA,sBAAD;GAAsB,aAAa;aACjC,iBAAA,GAAA,kBAAA,KAAC,qBAAA,eAAD;IAAkB,OAAOkB;IAAeR;IAA2B,CAAA;GAC/C,CAAA;EACA,CAAA;;AAI5B,IAAaU,wBAAAA,GAAAA,MAAAA,YAAkCnB,aAAa"}

package/build/Theme/ThemeProvider.mjs

@@ -0,0 +1,40 @@
+import { useConfig } from "../providers/AppConfigurationProvider/AppConfigurationProvider.mjs";
+import "../providers/AppConfigurationProvider/index.mjs";
+import useLocalStorage from "../hooks/useLocalStorage.mjs";
+import { getTheme } from "./theme.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { StyledEngineProvider, ThemeProvider } from "@mui/material/styles";
+//#region src/Theme/ThemeProvider.tsx
+var ThemeContext = createContext(void 0);
+function getDarkModeDefault(darkModeConfig) {
+	const prefersDarkMode = window.matchMedia?.("(prefers-color-scheme:dark)").matches;
+	if (typeof darkModeConfig === "boolean") return darkModeConfig;
+	else return prefersDarkMode;
+}
+var ThemeProvider$1 = ({ children }) => {
+	const { configOptions } = useConfig();
+	const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);
+	const isSwitchThemeEnabled = configOptions.showThemeSwitch;
+	const [isDarkModeStorage, setIsDarkMode] = useLocalStorage("darkMode", isDarkModeDefault);
+	const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;
+	const currentTheme = getTheme(isDarkMode ? "dark" : "light", configOptions.primaryColor);
+	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
+		value: {
+			isDarkMode,
+			setIsDarkMode
+		},
+		children: /* @__PURE__ */ jsx(StyledEngineProvider, {
+			injectFirst: true,
+			children: /* @__PURE__ */ jsx(ThemeProvider, {
+				theme: currentTheme,
+				children
+			})
+		})
+	});
+};
+var useCustomTheme = () => useContext(ThemeContext);
+//#endregion
+export { ThemeProvider$1 as ThemeProvider, useCustomTheme };
+
+//# sourceMappingURL=ThemeProvider.mjs.map

package/build/Theme/ThemeProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","MUIThemeProvider","StyledEngineProvider","React","createContext","useContext","useLocalStorage","useConfig","ThemeMode","getTheme","Props","isDarkMode","setIsDarkMode","ThemeContext","undefined","getDarkModeDefault","darkModeConfig","prefersDarkMode","window","matchMedia","matches","FC","children","configOptions","isDarkModeDefault","darkMode","isSwitchThemeEnabled","showThemeSwitch","isDarkModeStorage","themeMode","currentTheme","primaryColor","useCustomTheme"],"sources":["../../src/Theme/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport React, { createContext, useContext } from 'react';\n\nimport useLocalStorage from '../hooks/useLocalStorage';\nimport { useConfig } from '../providers/AppConfigurationProvider';\nimport type { ThemeMode } from './modes';\nimport { getTheme } from './theme';\n\ninterface Props {\n  isDarkMode: boolean;\n  setIsDarkMode: (isDarkMode: boolean) => void;\n}\n\nconst ThemeContext = createContext<undefined | Props>(undefined);\n\nfunction getDarkModeDefault(darkModeConfig?: boolean) {\n  const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;\n  if (typeof darkModeConfig === 'boolean') {\n    return darkModeConfig;\n  } else {\n    return prefersDarkMode;\n  }\n}\n\nconst ThemeProvider: React.FC<{ children: any }> = ({ children }) => {\n  const { configOptions } = useConfig();\n  const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);\n  const isSwitchThemeEnabled = configOptions.showThemeSwitch;\n  const [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);\n  const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;\n  const themeMode: ThemeMode = isDarkMode ? 'dark' : 'light';\n\n  const currentTheme = getTheme(themeMode, configOptions.primaryColor);\n\n  return (\n    <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode }}>\n      <StyledEngineProvider injectFirst={true}>\n        <MUIThemeProvider theme={currentTheme}>{children}</MUIThemeProvider>\n      </StyledEngineProvider>\n    </ThemeContext.Provider>\n  );\n};\n\nexport const useCustomTheme = () => useContext(ThemeContext);\n\nexport { ThemeProvider };\n"],"mappings":";;;;;;;;AAaA,IAAMa,eAAeT,cAAiCU,KAAAA,EAAU;AAEhE,SAASC,mBAAmBC,gBAA0B;CACpD,MAAMC,kBAAkBC,OAAOC,aAAa,8BAA8B,CAACC;AAC3E,KAAI,OAAOJ,mBAAmB,UAC5B,QAAOA;KAEP,QAAOC;;AAIX,IAAMjB,mBAA8C,EAAEsB,eAAe;CACnE,MAAM,EAAEC,kBAAkBhB,WAAW;CACrC,MAAMiB,oBAAoBT,mBAAmBQ,cAAcE,SAAS;CACpE,MAAMC,uBAAuBH,cAAcI;CAC3C,MAAM,CAACC,mBAAmBhB,iBAAiBN,gBAAgB,YAAYkB,kBAAkB;CACzF,MAAMb,aAAae,yBAAyB,OAAOE,oBAAoBJ;CAGvE,MAAMM,eAAerB,SAFQE,aAAa,SAAS,SAEVY,cAAcQ,aAAa;AAEpE,QACE,oBAAC,aAAa,UAAd;EAAuB,OAAO;GAAEpB;GAAYC;GAAe;YACzD,oBAAC,sBAAD;GAAsB,aAAa;aACjC,oBAAC,eAAD;IAAkB,OAAOkB;IAAeR;IAA2B,CAAA;GAC/C,CAAA;EACA,CAAA;;AAI5B,IAAaU,uBAAuB3B,WAAWQ,aAAa"}

package/build/Theme/colors.js

@@ -1,17 +1,31 @@
-import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
-import { grey as t } from "@mui/material/colors";
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let _mui_material_colors = require("@mui/material/colors");
 //#region src/Theme/colors.ts
-var n = /* @__PURE__ */ e({
-	PRIMARY_COLOR: () => r,
-	baseColors: () => i,
-	greyDark: () => a,
-	greyLight: () => s,
-	greyMedium: () => o
-}), r = "#4b5e40", i = {
-	primary: { main: r },
+var colors_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	PRIMARY_COLOR: () => PRIMARY_COLOR,
+	baseColors: () => baseColors,
+	greyDark: () => greyDark,
+	greyLight: () => greyLight,
+	greyMedium: () => greyMedium
+});
+var PRIMARY_COLOR = "#4b5e40";
+var baseColors = {
+	primary: { main: PRIMARY_COLOR },
 	secondary: { main: "#20232a" }
-}, a = t[900], o = t[700], s = t[200];
+};
+var greyDark = _mui_material_colors.grey[900];
+var greyMedium = _mui_material_colors.grey[700];
+var greyLight = _mui_material_colors.grey[200];
 //#endregion
-export { r as PRIMARY_COLOR, i as baseColors, n as colors_exports, a as greyDark, o as greyMedium };
+exports.PRIMARY_COLOR = PRIMARY_COLOR;
+exports.baseColors = baseColors;
+Object.defineProperty(exports, "colors_exports", {
+	enumerable: true,
+	get: function() {
+		return colors_exports;
+	}
+});
+exports.greyDark = greyDark;
+exports.greyMedium = greyMedium;
 
 //# sourceMappingURL=colors.js.map

package/build/Theme/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["grey","PRIMARY_COLOR","baseColors","primary","main","secondary","const","greyDark","greyMedium","greyLight"],"sources":["../../src/Theme/colors.ts"],"sourcesContent":["import { grey } from '@mui/material/colors';\n\nexport const PRIMARY_COLOR = '#4b5e40';\n\nexport const baseColors = {\n  primary: {\n    main: PRIMARY_COLOR,\n  },\n  secondary: {\n    main: '#20232a',\n  },\n} as const;\n\nexport const greyDark = grey[900];\nexport const greyMedium = grey[700];\nexport const greyLight = grey[200];\n"],"mappings":";;;;;;;;;IAEaC,IAAgB,WAEhBC,IAAa;CACxBC,SAAS,EACPC,MAAMH,GACP;CACDI,WAAW,EACTD,MAAM,WACR;CACD,EAEYG,IAAWP,EAAK,MAChBQ,IAAaR,EAAK,MAClBS,IAAYT,EAAK"}
+{"version":3,"file":"colors.js","names":["grey","PRIMARY_COLOR","baseColors","primary","main","secondary","const","greyDark","greyMedium","greyLight"],"sources":["../../src/Theme/colors.ts"],"sourcesContent":["import { grey } from '@mui/material/colors';\n\nexport const PRIMARY_COLOR = '#4b5e40';\n\nexport const baseColors = {\n  primary: {\n    main: PRIMARY_COLOR,\n  },\n  secondary: {\n    main: '#20232a',\n  },\n} as const;\n\nexport const greyDark = grey[900];\nexport const greyMedium = grey[700];\nexport const greyLight = grey[200];\n"],"mappings":";;;;;;;;;;AAEA,IAAaC,gBAAgB;AAE7B,IAAaC,aAAa;CACxBC,SAAS,EACPC,MAAMH,eACP;CACDI,WAAW,EACTD,MAAM,WACR;CACD;AAED,IAAaG,WAAWP,qBAAAA,KAAK;AAC7B,IAAaQ,aAAaR,qBAAAA,KAAK;AAC/B,IAAaS,YAAYT,qBAAAA,KAAK"}

package/build/Theme/colors.mjs

@@ -0,0 +1,22 @@
+import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
+import { grey } from "@mui/material/colors";
+//#region src/Theme/colors.ts
+var colors_exports = /* @__PURE__ */ __exportAll({
+	PRIMARY_COLOR: () => PRIMARY_COLOR,
+	baseColors: () => baseColors,
+	greyDark: () => greyDark,
+	greyLight: () => greyLight,
+	greyMedium: () => greyMedium
+});
+var PRIMARY_COLOR = "#4b5e40";
+var baseColors = {
+	primary: { main: PRIMARY_COLOR },
+	secondary: { main: "#20232a" }
+};
+var greyDark = grey[900];
+var greyMedium = grey[700];
+var greyLight = grey[200];
+//#endregion
+export { PRIMARY_COLOR, baseColors, colors_exports, greyDark, greyMedium };
+
+//# sourceMappingURL=colors.mjs.map

package/build/Theme/colors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.mjs","names":["grey","PRIMARY_COLOR","baseColors","primary","main","secondary","const","greyDark","greyMedium","greyLight"],"sources":["../../src/Theme/colors.ts"],"sourcesContent":["import { grey } from '@mui/material/colors';\n\nexport const PRIMARY_COLOR = '#4b5e40';\n\nexport const baseColors = {\n  primary: {\n    main: PRIMARY_COLOR,\n  },\n  secondary: {\n    main: '#20232a',\n  },\n} as const;\n\nexport const greyDark = grey[900];\nexport const greyMedium = grey[700];\nexport const greyLight = grey[200];\n"],"mappings":";;;;;;;;;;AAEA,IAAaC,gBAAgB;AAE7B,IAAaC,aAAa;CACxBC,SAAS,EACPC,MAAMH,eACP;CACDI,WAAW,EACTD,MAAM,WACR;CACD;AAED,IAAaG,WAAWP,KAAK;AAC7B,IAAaQ,aAAaR,KAAK;AAC/B,IAAaS,YAAYT,KAAK"}

package/build/Theme/index.js

@@ -1,5 +1,5 @@
-import "./colors.js";
-import "./tokens.js";
-import "./theme.js";
-import "./ThemeProvider.js";
-import "./StyleBaseline.js";
+require("./colors.js");
+require("./tokens.js");
+require("./theme.js");
+require("./ThemeProvider.js");
+require("./StyleBaseline.js");

package/build/Theme/index.mjs

@@ -0,0 +1,5 @@
+import "./colors.mjs";
+import "./tokens.mjs";
+import "./theme.mjs";
+import "./ThemeProvider.mjs";
+import "./StyleBaseline.mjs";

package/build/Theme/modes.js

@@ -1,20 +1,23 @@
-import { baseColors as e } from "./colors.js";
-import { common as t } from "@mui/material/colors";
+require("../_virtual/_rolldown/runtime.js");
+const require_colors = require("./colors.js");
 //#region src/Theme/modes.ts
-var n = t.white, r = (t, r) => {
-	let i = r || e.primary.main, a = t === "dark" ? { main: n } : { main: i };
-	return t === "dark" ? {
-		mode: t,
-		primary: a,
+var DARK_MODE_PRIMARY = require("@mui/material/colors").common.white;
+var getModePalette = (mode, primaryColor) => {
+	const basePrimary = primaryColor || require_colors.baseColors.primary.main;
+	const primary = mode === "dark" ? { main: DARK_MODE_PRIMARY } : { main: basePrimary };
+	if (mode === "dark") return {
+		mode,
+		primary,
 		secondary: { main: "#424242" },
 		background: {
 			default: "#1a202c",
 			paper: "#2d3748"
 		}
-	} : {
-		mode: t,
-		primary: a,
-		secondary: e.secondary,
+	};
+	return {
+		mode,
+		primary,
+		secondary: require_colors.baseColors.secondary,
 		background: {
 			default: "#f4f4f4",
 			paper: "#ffffff"
@@ -22,6 +25,6 @@ var n = t.white, r = (t, r) => {
 	};
 };
 //#endregion
-export { r as getModePalette };
+exports.getModePalette = getModePalette;
 
 //# sourceMappingURL=modes.js.map

package/build/Theme/modes.js.map

@@ -1 +1 @@
-{"version":3,"file":"modes.js","names":["common","PaletteOptions","baseColors","ThemeMode","DARK_MODE_PRIMARY","white","getModePalette","mode","primaryColor","basePrimary","primary","main","secondary","background","default","paper"],"sources":["../../src/Theme/modes.ts"],"sourcesContent":["import { common } from '@mui/material/colors';\nimport type { PaletteOptions } from '@mui/material/styles';\n\nimport { baseColors } from './colors';\n\nexport type ThemeMode = 'light' | 'dark';\n\nconst DARK_MODE_PRIMARY = common.white;\n\nexport const getModePalette = (mode: ThemeMode, primaryColor?: string): PaletteOptions => {\n  const basePrimary = primaryColor || baseColors.primary.main;\n  const primary = mode === 'dark' ? { main: DARK_MODE_PRIMARY } : { main: basePrimary };\n\n  if (mode === 'dark') {\n    return {\n      mode,\n      primary,\n      secondary: { main: '#424242' },\n      background: {\n        default: '#1a202c',\n        paper: '#2d3748',\n      },\n    };\n  }\n\n  return {\n    mode,\n    primary,\n    secondary: baseColors.secondary,\n    background: {\n      default: '#f4f4f4',\n      paper: '#ffffff',\n    },\n  };\n};\n"],"mappings":";;;AAOA,IAAMI,IAAoBJ,EAAOK,OAEpBC,KAAkBC,GAAiBC,MAA0C;CACxF,IAAMC,IAAcD,KAAgBN,EAAWQ,QAAQC,MACjDD,IAAUH,MAAS,SAAS,EAAEI,MAAMP,GAAmB,GAAG,EAAEO,MAAMF,GAAa;AAcrF,QAZIF,MAAS,SACJ;EACLA;EACAG;EACAE,WAAW,EAAED,MAAM,WAAW;EAC9BE,YAAY;GACVC,SAAS;GACTC,OAAO;GACT;EACD,GAGI;EACLR;EACAG;EACAE,WAAWV,EAAWU;EACtBC,YAAY;GACVC,SAAS;GACTC,OAAO;GACT;EACD"}
+{"version":3,"file":"modes.js","names":["common","PaletteOptions","baseColors","ThemeMode","DARK_MODE_PRIMARY","white","getModePalette","mode","primaryColor","basePrimary","primary","main","secondary","background","default","paper"],"sources":["../../src/Theme/modes.ts"],"sourcesContent":["import { common } from '@mui/material/colors';\nimport type { PaletteOptions } from '@mui/material/styles';\n\nimport { baseColors } from './colors';\n\nexport type ThemeMode = 'light' | 'dark';\n\nconst DARK_MODE_PRIMARY = common.white;\n\nexport const getModePalette = (mode: ThemeMode, primaryColor?: string): PaletteOptions => {\n  const basePrimary = primaryColor || baseColors.primary.main;\n  const primary = mode === 'dark' ? { main: DARK_MODE_PRIMARY } : { main: basePrimary };\n\n  if (mode === 'dark') {\n    return {\n      mode,\n      primary,\n      secondary: { main: '#424242' },\n      background: {\n        default: '#1a202c',\n        paper: '#2d3748',\n      },\n    };\n  }\n\n  return {\n    mode,\n    primary,\n    secondary: baseColors.secondary,\n    background: {\n      default: '#f4f4f4',\n      paper: '#ffffff',\n    },\n  };\n};\n"],"mappings":";;;AAOA,IAAMI,oDAAoBJ,OAAOK;AAEjC,IAAaC,kBAAkBC,MAAiBC,iBAA0C;CACxF,MAAMC,cAAcD,gBAAgBN,eAAAA,WAAWQ,QAAQC;CACvD,MAAMD,UAAUH,SAAS,SAAS,EAAEI,MAAMP,mBAAmB,GAAG,EAAEO,MAAMF,aAAa;AAErF,KAAIF,SAAS,OACX,QAAO;EACLA;EACAG;EACAE,WAAW,EAAED,MAAM,WAAW;EAC9BE,YAAY;GACVC,SAAS;GACTC,OAAO;GACT;EACD;AAGH,QAAO;EACLR;EACAG;EACAE,WAAWV,eAAAA,WAAWU;EACtBC,YAAY;GACVC,SAAS;GACTC,OAAO;GACT;EACD"}

package/build/Theme/modes.mjs

@@ -0,0 +1,30 @@
+import { baseColors } from "./colors.mjs";
+import { common } from "@mui/material/colors";
+//#region src/Theme/modes.ts
+var DARK_MODE_PRIMARY = common.white;
+var getModePalette = (mode, primaryColor) => {
+	const basePrimary = primaryColor || baseColors.primary.main;
+	const primary = mode === "dark" ? { main: DARK_MODE_PRIMARY } : { main: basePrimary };
+	if (mode === "dark") return {
+		mode,
+		primary,
+		secondary: { main: "#424242" },
+		background: {
+			default: "#1a202c",
+			paper: "#2d3748"
+		}
+	};
+	return {
+		mode,
+		primary,
+		secondary: baseColors.secondary,
+		background: {
+			default: "#f4f4f4",
+			paper: "#ffffff"
+		}
+	};
+};
+//#endregion
+export { getModePalette };
+
+//# sourceMappingURL=modes.mjs.map

package/build/Theme/modes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modes.mjs","names":["common","PaletteOptions","baseColors","ThemeMode","DARK_MODE_PRIMARY","white","getModePalette","mode","primaryColor","basePrimary","primary","main","secondary","background","default","paper"],"sources":["../../src/Theme/modes.ts"],"sourcesContent":["import { common } from '@mui/material/colors';\nimport type { PaletteOptions } from '@mui/material/styles';\n\nimport { baseColors } from './colors';\n\nexport type ThemeMode = 'light' | 'dark';\n\nconst DARK_MODE_PRIMARY = common.white;\n\nexport const getModePalette = (mode: ThemeMode, primaryColor?: string): PaletteOptions => {\n  const basePrimary = primaryColor || baseColors.primary.main;\n  const primary = mode === 'dark' ? { main: DARK_MODE_PRIMARY } : { main: basePrimary };\n\n  if (mode === 'dark') {\n    return {\n      mode,\n      primary,\n      secondary: { main: '#424242' },\n      background: {\n        default: '#1a202c',\n        paper: '#2d3748',\n      },\n    };\n  }\n\n  return {\n    mode,\n    primary,\n    secondary: baseColors.secondary,\n    background: {\n      default: '#f4f4f4',\n      paper: '#ffffff',\n    },\n  };\n};\n"],"mappings":";;;AAOA,IAAMI,oBAAoBJ,OAAOK;AAEjC,IAAaC,kBAAkBC,MAAiBC,iBAA0C;CACxF,MAAMC,cAAcD,gBAAgBN,WAAWQ,QAAQC;CACvD,MAAMD,UAAUH,SAAS,SAAS,EAAEI,MAAMP,mBAAmB,GAAG,EAAEO,MAAMF,aAAa;AAErF,KAAIF,SAAS,OACX,QAAO;EACLA;EACAG;EACAE,WAAW,EAAED,MAAM,WAAW;EAC9BE,YAAY;GACVC,SAAS;GACTC,OAAO;GACT;EACD;AAGH,QAAO;EACLR;EACAG;EACAE,WAAWV,WAAWU;EACtBC,YAAY;GACVC,SAAS;GACTC,OAAO;GACT;EACD"}

package/build/Theme/theme.js

@@ -1,20 +1,23 @@
-import { getModePalette as e } from "./modes.js";
-import { customizedTheme as t } from "./tokens.js";
-import { createTheme as n } from "@mui/material/styles";
+require("../_virtual/_rolldown/runtime.js");
+const require_modes = require("./modes.js");
+const require_tokens = require("./tokens.js");
+let _mui_material_styles = require("@mui/material/styles");
 //#region src/Theme/theme.ts
-var r = (r, i) => n({
-	palette: e(r, i),
-	typography: { fontFamily: [
-		"-apple-system",
-		"BlinkMacSystemFont",
-		"\"Helvetica Neue\"",
-		"Arial",
-		"sans-serif"
-	].join(",") },
-	components: { MuiPaper: { styleOverrides: { root: { backgroundImage: "unset" } } } },
-	...t
-});
+var getTheme = (mode, primaryColor) => {
+	return (0, _mui_material_styles.createTheme)({
+		palette: require_modes.getModePalette(mode, primaryColor),
+		typography: { fontFamily: [
+			"-apple-system",
+			"BlinkMacSystemFont",
+			"\"Helvetica Neue\"",
+			"Arial",
+			"sans-serif"
+		].join(",") },
+		components: { MuiPaper: { styleOverrides: { root: { backgroundImage: "unset" } } } },
+		...require_tokens.customizedTheme
+	});
+};
 //#endregion
-export { r as getTheme };
+exports.getTheme = getTheme;
 
 //# sourceMappingURL=theme.js.map

package/build/Theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["Theme","MuiTheme","createTheme","ThemeMode","getModePalette","CustomTheme","CustomizedTheme","customizedTheme","ThemeOptions","DeprecatedThemeOptions","getTheme","mode","primaryColor","palette","typography","fontFamily","join","components","MuiPaper","styleOverrides","root","backgroundImage"],"sources":["../../src/Theme/theme.ts"],"sourcesContent":["import type { Theme as MuiTheme } from '@mui/material/styles';\nimport { createTheme } from '@mui/material/styles';\n\nimport type { ThemeMode } from './modes';\nimport { getModePalette } from './modes';\nimport type { CustomTheme, CustomizedTheme } from './tokens';\nimport { customizedTheme } from './tokens';\n\nexport type Theme = MuiTheme & CustomizedTheme;\n\ndeclare module '@mui/material/styles' {\n  interface Theme extends CustomTheme {}\n  interface ThemeOptions extends CustomTheme {}\n}\ndeclare module '@mui/material/styles/createTheme' {\n  interface Theme extends CustomizedTheme {}\n\n  interface DeprecatedThemeOptions extends CustomizedTheme {}\n}\n\nexport const getTheme = (mode: ThemeMode, primaryColor?: string): Theme => {\n  return createTheme({\n    palette: getModePalette(mode, primaryColor),\n\n    typography: {\n      fontFamily: [\n        '-apple-system',\n        'BlinkMacSystemFont',\n        '\"Helvetica Neue\"',\n        'Arial',\n        'sans-serif',\n      ].join(','),\n    },\n\n    components: {\n      MuiPaper: {\n        styleOverrides: {\n          root: {\n            backgroundImage: 'unset',\n          },\n        },\n      },\n    },\n\n    ...customizedTheme,\n  });\n};\n"],"mappings":";;;;AAoBA,IAAaU,KAAYC,GAAiBC,MACjCV,EAAY;CACjBW,SAAST,EAAeO,GAAMC,EAAa;CAE3CE,YAAY,EACVC,YAAY;EACV;EACA;EACA;EACA;EACA;EACD,CAACC,KAAK,IAAG,EACX;CAEDC,YAAY,EACVC,UAAU,EACRC,gBAAgB,EACdC,MAAM,EACJC,iBAAiB,SACnB,EACF,EACF,EACD;CAED,GAAGd;CACJ,CAAC"}
+{"version":3,"file":"theme.js","names":["Theme","MuiTheme","createTheme","ThemeMode","getModePalette","CustomTheme","CustomizedTheme","customizedTheme","ThemeOptions","DeprecatedThemeOptions","getTheme","mode","primaryColor","palette","typography","fontFamily","join","components","MuiPaper","styleOverrides","root","backgroundImage"],"sources":["../../src/Theme/theme.ts"],"sourcesContent":["import type { Theme as MuiTheme } from '@mui/material/styles';\nimport { createTheme } from '@mui/material/styles';\n\nimport type { ThemeMode } from './modes';\nimport { getModePalette } from './modes';\nimport type { CustomTheme, CustomizedTheme } from './tokens';\nimport { customizedTheme } from './tokens';\n\nexport type Theme = MuiTheme & CustomizedTheme;\n\ndeclare module '@mui/material/styles' {\n  interface Theme extends CustomTheme {}\n  interface ThemeOptions extends CustomTheme {}\n}\ndeclare module '@mui/material/styles/createTheme' {\n  interface Theme extends CustomizedTheme {}\n\n  interface DeprecatedThemeOptions extends CustomizedTheme {}\n}\n\nexport const getTheme = (mode: ThemeMode, primaryColor?: string): Theme => {\n  return createTheme({\n    palette: getModePalette(mode, primaryColor),\n\n    typography: {\n      fontFamily: [\n        '-apple-system',\n        'BlinkMacSystemFont',\n        '\"Helvetica Neue\"',\n        'Arial',\n        'sans-serif',\n      ].join(','),\n    },\n\n    components: {\n      MuiPaper: {\n        styleOverrides: {\n          root: {\n            backgroundImage: 'unset',\n          },\n        },\n      },\n    },\n\n    ...customizedTheme,\n  });\n};\n"],"mappings":";;;;;AAoBA,IAAaU,YAAYC,MAAiBC,iBAAiC;AACzE,SAAA,GAAA,qBAAA,aAAmB;EACjBC,SAAST,cAAAA,eAAeO,MAAMC,aAAa;EAE3CE,YAAY,EACVC,YAAY;GACV;GACA;GACA;GACA;GACA;GACD,CAACC,KAAK,IAAG,EACX;EAEDC,YAAY,EACVC,UAAU,EACRC,gBAAgB,EACdC,MAAM,EACJC,iBAAiB,SACnB,EACF,EACF,EACD;EAED,GAAGd,eAAAA;EACJ,CAAC"}

package/build/Theme/theme.mjs

@@ -0,0 +1,22 @@
+import { getModePalette } from "./modes.mjs";
+import { customizedTheme } from "./tokens.mjs";
+import { createTheme } from "@mui/material/styles";
+//#region src/Theme/theme.ts
+var getTheme = (mode, primaryColor) => {
+	return createTheme({
+		palette: getModePalette(mode, primaryColor),
+		typography: { fontFamily: [
+			"-apple-system",
+			"BlinkMacSystemFont",
+			"\"Helvetica Neue\"",
+			"Arial",
+			"sans-serif"
+		].join(",") },
+		components: { MuiPaper: { styleOverrides: { root: { backgroundImage: "unset" } } } },
+		...customizedTheme
+	});
+};
+//#endregion
+export { getTheme };
+
+//# sourceMappingURL=theme.mjs.map

package/build/Theme/theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.mjs","names":["Theme","MuiTheme","createTheme","ThemeMode","getModePalette","CustomTheme","CustomizedTheme","customizedTheme","ThemeOptions","DeprecatedThemeOptions","getTheme","mode","primaryColor","palette","typography","fontFamily","join","components","MuiPaper","styleOverrides","root","backgroundImage"],"sources":["../../src/Theme/theme.ts"],"sourcesContent":["import type { Theme as MuiTheme } from '@mui/material/styles';\nimport { createTheme } from '@mui/material/styles';\n\nimport type { ThemeMode } from './modes';\nimport { getModePalette } from './modes';\nimport type { CustomTheme, CustomizedTheme } from './tokens';\nimport { customizedTheme } from './tokens';\n\nexport type Theme = MuiTheme & CustomizedTheme;\n\ndeclare module '@mui/material/styles' {\n  interface Theme extends CustomTheme {}\n  interface ThemeOptions extends CustomTheme {}\n}\ndeclare module '@mui/material/styles/createTheme' {\n  interface Theme extends CustomizedTheme {}\n\n  interface DeprecatedThemeOptions extends CustomizedTheme {}\n}\n\nexport const getTheme = (mode: ThemeMode, primaryColor?: string): Theme => {\n  return createTheme({\n    palette: getModePalette(mode, primaryColor),\n\n    typography: {\n      fontFamily: [\n        '-apple-system',\n        'BlinkMacSystemFont',\n        '\"Helvetica Neue\"',\n        'Arial',\n        'sans-serif',\n      ].join(','),\n    },\n\n    components: {\n      MuiPaper: {\n        styleOverrides: {\n          root: {\n            backgroundImage: 'unset',\n          },\n        },\n      },\n    },\n\n    ...customizedTheme,\n  });\n};\n"],"mappings":";;;;AAoBA,IAAaU,YAAYC,MAAiBC,iBAAiC;AACzE,QAAOV,YAAY;EACjBW,SAAST,eAAeO,MAAMC,aAAa;EAE3CE,YAAY,EACVC,YAAY;GACV;GACA;GACA;GACA;GACA;GACD,CAACC,KAAK,IAAG,EACX;EAEDC,YAAY,EACVC,UAAU,EACRC,gBAAgB,EACdC,MAAM,EACJC,iBAAiB,SACnB,EACF,EACF,EACD;EAED,GAAGd;EACJ,CAAC"}