@startdownnotez404/ui 1.0.0

package/dist/theme.css

@@ -0,0 +1,44 @@
+/* src/theme/styles/font.css */
+html,
+body {
+  font-family:
+    "Roboto",
+    "Helvetica Neue",
+    Arial,
+    sans-serif;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: var(--mui-palette-text-1);
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+h7,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  word-break: break-word;
+  line-height: 1.35;
+}
+label {
+  color: var(--mui-palette-text-1);
+}
+p {
+  font-size: 15px;
+  color: var(--mui-palette-text-1);
+  cursor: text;
+}
+a {
+  color: var(--mui-palette-text-href);
+  cursor: pointer;
+}
+/*# sourceMappingURL=theme.css.map */

package/dist/theme.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/styles/font.css"],"sourcesContent":["html, body {\n    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    color: var(--mui-palette-text-1);\n}\n\nh1,h2,h3,h4,h5,h6,h7,\n.h1, .h2,.h3,.h4,.h5,.h6 {\n    word-break: break-word;\n    line-height: 1.35;\n}\nlabel {\n    color: var(--mui-palette-text-1);\n}\n\np {\n    font-size: 15px;\n    color: var(--mui-palette-text-1);\n    /* margin: 1px 5px; */\n    cursor: text;\n}\na {\n    color: var(--mui-palette-text-href);\n    cursor: pointer;\n}"],"mappings":";AAAA;AAAM;AACF;AAAA,IAAa,QAAQ;AAAA,IAAE,gBAAgB;AAAA,IAAE,KAAK;AAAA,IAAE;AAChD,UAAQ;AACR,WAAS;AACT,cAAY;AACZ,0BAAwB;AACxB,2BAAyB;AACzB,SAAO,IAAI;AACf;AAEA;AAAG;AAAG;AAAG;AAAG;AAAG;AAAG;AAClB,CAAC;AAAI,CAAC;AAAG,CAAC;AAAG,CAAC;AAAG,CAAC;AAAG,CAAC;AAClB,cAAY;AACZ,eAAa;AACjB;AACA;AACI,SAAO,IAAI;AACf;AAEA;AACI,aAAW;AACX,SAAO,IAAI;AAEX,UAAQ;AACZ;AACA;AACI,SAAO,IAAI;AACX,UAAQ;AACZ;","names":[]}

package/dist/theme.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function P(p: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ToggleButton(): react_jsx_runtime.JSX.Element;
+
+export { P as ThemeProvider, ToggleButton as ToggleThemeButton };

package/dist/theme.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function P(p: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ToggleButton(): react_jsx_runtime.JSX.Element;
+
+export { P as ThemeProvider, ToggleButton as ToggleThemeButton };

package/dist/theme.js

@@ -0,0 +1,394 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/theme/index.ts
+var theme_exports = {};
+__export(theme_exports, {
+  ThemeProvider: () => P,
+  ToggleThemeButton: () => ToggleButton
+});
+module.exports = __toCommonJS(theme_exports);
+
+// src/theme/Provider.tsx
+var import_styles3 = require("@mui/material/styles");
+
+// src/theme/muiTheme.ts
+var import_styles2 = require("@mui/material/styles");
+
+// src/components/elemental/Button/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+
+// src/components/elemental/Button/src/Button.tsx
+var import_Button = __toESM(require("@mui/material/Button"));
+
+// src/components/elemental/Button/src/IconButton.tsx
+var import_IconButton = __toESM(require("@mui/material/IconButton"));
+
+// src/components/elemental/Button/src/themes.ts
+var buttonTheme = {
+  defaultProps: {
+    variant: "outlined",
+    focusRipple: false,
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: {
+      "&:active": {
+        scale: "0.9"
+      }
+    }
+  }
+};
+var buttonBaseTheme = {
+  styleOverrides: {
+    root: {
+      borderRadius: "var(--mui-shape-borderRadius)",
+      "& svg.MuiSvgIcon-root": {
+        color: "var(--mui-palette-secondary-dark)"
+      }
+    }
+  }
+};
+var iconButtonTheme = {
+  defaultProps: {
+    focusRipple: false,
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: ({ theme: theme2 }) => ({
+      "--color-p": "var(--mui-palette-primary-main)",
+      "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
+      padding: theme2.spacing(0.5),
+      borderRadius: "8px",
+      color: "var(--color-p)",
+      backgroundColor: "var(--bg)",
+      "&:active svg": {
+        scale: "0.9"
+      },
+      "&.Mui-disabled": {
+        "--color-p": "var(--mui-palette-action-disabled)",
+        "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
+        color: "var(--color-p)",
+        backgroundColor: "var(--bg)",
+        "& svg.MuiSvgIcon-root": {
+          color: "var(--color-p)"
+        }
+      }
+    }),
+    colorError: {
+      "--color-p": "var(--mui-palette-error-main)",
+      "& svg.MuiSvgIcon-root": {
+        color: "var(--color-p)"
+      }
+    }
+  }
+};
+
+// src/components/elemental/Typography/src/Typography.ts
+var import_Typography = __toESM(require("@mui/material/Typography"));
+
+// src/components/elemental/Typography/src/Variants.tsx
+var import_Typography2 = __toESM(require("@mui/material/Typography"));
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_styles = require("@mui/material/styles");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MH = (0, import_styles.styled)(import_Typography2.default)({
+  fontWeight: "700"
+});
+var MST = (0, import_styles.styled)(import_Typography2.default, {})(() => ({}));
+var MS = (0, import_styles.styled)(import_Typography2.default)({
+  "&.MuiTypography-root": {
+    color: "inherit",
+    fontSize: "inherit",
+    lineHeight: "inherit",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    cursor: "inherit"
+  }
+});
+var MSContainer = (0, import_styles.styled)(import_Box.default, {
+  shouldForwardProp: (prop) => prop !== "color" && prop !== "fontSize" && prop !== "lineHeight"
+})(({
+  color = "var(--mui-palette-text-subscript)",
+  fontSize = "0.75rem",
+  lineHeight = "1.66"
+}) => ({
+  "&": {
+    "--fs": fontSize,
+    "--lh": lineHeight,
+    "--c": color,
+    fontSize: "var(--fs)",
+    lineHeight: "var(--lh)",
+    color: "var(--c)",
+    textOverflow: "ellipsis",
+    overflow: "hidden"
+  }
+}));
+var MB = (0, import_styles.styled)(import_Typography2.default, {
+  shouldForwardProp: (prop) => prop !== "color"
+})(({ color = "var(--Color-Text-1)" }) => ({
+  "&.MuiTypography-root.MuiTypography-body1": {
+    "--color": color,
+    color: "var(--color)",
+    whiteSpace: "pre",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    cursor: "inherit"
+  }
+}));
+
+// src/components/elemental/Typography/src/theme.ts
+var typographyTheme = {
+  styleOverrides: {
+    root: {
+      color: "var(--mui-palette-text-1)"
+    }
+  }
+};
+
+// src/theme/colors/darkBlue.ts
+var themeColor = {
+  themeType: "dark",
+  name: "darkBlue",
+  colorScheme: {
+    primary: {
+      1: "rgba(5, 20, 35, 1)",
+      2: "rgba(20, 40, 65, 1)",
+      3: "rgba(40, 80, 110, 1)",
+      4: "rgba(65, 110, 140, 1)",
+      5: "rgba(90, 140, 170, 1)",
+      6: "rgba(115, 170, 200, 1)",
+      main: 2
+    },
+    secondary: {
+      1: "rgba(250, 250, 255, 1)",
+      2: "rgba(245, 245, 255, 1)",
+      3: "rgba(200, 235, 240, 1)",
+      4: "rgba(165, 220, 225, 1)",
+      5: "rgba(125, 200, 210, 1)",
+      6: "rgba(20, 215, 215, 1)",
+      main: 5
+    },
+    error: "rgba(255, 0, 100, 1)",
+    warning: "rgba(230, 190, 125, 1)",
+    info: "rgba(100, 180, 255, 1)",
+    success: "rgba(100, 255, 150, 1)",
+    focus: "rgba(255, 0, 100, 1)",
+    disabled: "rgba(100, 120, 140, 1)",
+    background: {
+      default: "rgba(29, 29, 29, 1)"
+    },
+    text: {
+      primary: "rgba(240, 240, 255, 1)",
+      secondary: "rgba(180, 200, 220, 1)",
+      subscript: "rgba(137, 137, 150, 1)"
+    }
+  }
+};
+var muiPalette = {
+  palette: {
+    mode: "dark",
+    primary: {
+      dark: themeColor.colorScheme.primary[1],
+      main: themeColor.colorScheme.primary[themeColor.colorScheme.primary.main],
+      light: themeColor.colorScheme.primary[6]
+    },
+    secondary: {
+      dark: themeColor.colorScheme.secondary[6],
+      main: themeColor.colorScheme.secondary[themeColor.colorScheme.secondary.main],
+      light: themeColor.colorScheme.secondary[1]
+    },
+    error: {
+      main: themeColor.colorScheme.error
+    },
+    warning: {
+      main: themeColor.colorScheme.warning
+    },
+    info: {
+      main: themeColor.colorScheme.info
+    },
+    success: {
+      main: themeColor.colorScheme.success
+    },
+    background: {
+      default: themeColor.colorScheme.background.default
+    },
+    text: {
+      primary: themeColor.colorScheme.text.primary,
+      secondary: themeColor.colorScheme.text.secondary,
+      disabled: themeColor.colorScheme.disabled
+    },
+    "text-1": themeColor.colorScheme.text.primary,
+    "text-subscript": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-light) 50%)`,
+    "text-href": `color-mix(in lab, var(--mui-palette-primary-main) 10%, var(--mui-palette-focus-1) 90%)`,
+    "focus-1": themeColor.colorScheme.focus,
+    "shadow-border-1": `inset 0 0 0px 2px var(--mui-palette-primary-gray)`,
+    "primary-gray": `color-mix(in lab, var(--mui-palette-primary-main) 80%, hsla(0, 0%, 30%, 1.00) 20%)`
+  }
+};
+
+// src/theme/colors/lightBrown.ts
+var themeColor2 = {
+  themeType: "light",
+  name: "lightBrown",
+  colorScheme: {
+    primary: {
+      1: "rgba(255, 255, 255, 1)",
+      2: "rgba(255, 255, 220, 1)",
+      3: "rgba(255, 245, 215, 1)",
+      4: "rgba(255, 245, 215, 1)",
+      5: "rgba(245, 220, 165, 1)",
+      6: "rgba(240, 200, 165, 1)",
+      main: 4
+    },
+    secondary: {
+      1: "rgba(35, 10, 25, 1)",
+      2: "rgba(45, 20, 30, 1)",
+      3: "rgba(75, 20, 30, 1)",
+      4: "rgba(105, 45, 40, 1)",
+      5: "rgba(130, 60, 40, 1)",
+      6: "rgba(165, 105, 65, 1)",
+      main: 4
+    },
+    error: "rgba(255, 45, 120, 1)",
+    warning: "rgba(230, 190, 125, 1)",
+    info: "rgba(100, 180, 255, 1)",
+    success: "rgba(100, 255, 150, 1)",
+    focus: "rgba(255, 45, 120, 1)",
+    disabled: "rgba(100, 120, 140, 1)",
+    background: {
+      default: "rgba(255, 255, 255, 1)"
+    },
+    text: {
+      primary: "rgba(35, 10, 25, 1)",
+      secondary: "rgba(180, 200, 220, 1)",
+      subscript: "rgba(92, 92, 92, 1)"
+    }
+  }
+};
+var muiPalette2 = {
+  palette: {
+    mode: "dark",
+    primary: {
+      dark: themeColor2.colorScheme.primary[6],
+      main: themeColor2.colorScheme.primary[themeColor2.colorScheme.primary.main],
+      light: themeColor2.colorScheme.primary[1]
+    },
+    secondary: {
+      dark: themeColor2.colorScheme.secondary[3],
+      main: themeColor2.colorScheme.secondary[themeColor2.colorScheme.secondary.main],
+      light: themeColor2.colorScheme.secondary[6]
+    },
+    error: {
+      main: themeColor2.colorScheme.error
+    },
+    warning: {
+      main: themeColor2.colorScheme.warning
+    },
+    info: {
+      main: themeColor2.colorScheme.info
+    },
+    success: {
+      main: themeColor2.colorScheme.success
+    },
+    background: {
+      default: themeColor2.colorScheme.background.default
+    },
+    text: {
+      primary: themeColor2.colorScheme.text.primary,
+      secondary: themeColor2.colorScheme.text.secondary,
+      disabled: themeColor2.colorScheme.disabled
+    },
+    "text-1": themeColor2.colorScheme.text.primary,
+    "text-subscript": `color-mix(in lab, ${themeColor2.colorScheme.text.subscript}, var(--mui-palette-primary-main) 50%)`,
+    "text-href": `color-mix(in lab, var(--mui-palette-primary-main) 10%, var(--mui-palette-focus-1) 90%)`,
+    "focus-1": themeColor2.colorScheme.focus,
+    "shadow-border-1": `inset 0 0 0px 2px var(--mui-palette-primary-gray)`,
+    "primary-gray": `color-mix(in lab, var(--mui-palette-primary-main) 80%, hsla(0, 0%, 30%, 1.00) 20%)`
+  }
+};
+
+// src/theme/muiTheme.ts
+var theme = (0, import_styles2.createTheme)({
+  cssVariables: {
+    colorSchemeSelector: "data-toolpad-color-scheme"
+  },
+  colorSchemes: {
+    light: muiPalette2,
+    dark: muiPalette
+  },
+  breakpoints: {
+    values: {
+      xs: 0,
+      sm: 600,
+      md: 600,
+      lg: 1200,
+      xl: 1536
+    }
+  },
+  shape: {
+    borderRadius: 8
+  },
+  // Customize your theme here if needed
+  components: {
+    // buttons
+    MuiButton: buttonTheme,
+    MuiButtonBase: buttonBaseTheme,
+    MuiIconButton: iconButtonTheme,
+    // typography
+    MuiTypography: typographyTheme
+  }
+});
+
+// src/theme/Provider.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function P(p) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("html", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_styles3.ThemeProvider, { theme, children: p.children }) });
+}
+
+// src/theme/ToggleThemeButton/ToggleThemeButton.tsx
+var import_styles4 = require("@mui/material/styles");
+var import_Brightness7 = __toESM(require("@mui/icons-material/Brightness7"));
+var import_Brightness4Outlined = __toESM(require("@mui/icons-material/Brightness4Outlined"));
+var import_IconButton3 = __toESM(require("@mui/material/IconButton"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ToggleButton() {
+  const { mode, setMode } = (0, import_styles4.useColorScheme)();
+  const isDark = mode === "dark";
+  function toggle() {
+    setMode(isDark ? "light" : "dark");
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_IconButton3.default, { onClick: toggle, children: isDark ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Brightness7.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Brightness4Outlined.default, {}) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeProvider,
+  ToggleThemeButton
+});
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/index.ts","../src/theme/Provider.tsx","../src/theme/muiTheme.ts","../src/components/elemental/Button/Button.tsx","../src/components/elemental/Button/src/Button.tsx","../src/components/elemental/Button/src/IconButton.tsx","../src/components/elemental/Button/src/themes.ts","../src/components/elemental/Typography/src/Typography.ts","../src/components/elemental/Typography/src/Variants.tsx","../src/components/elemental/Typography/src/theme.ts","../src/theme/colors/darkBlue.ts","../src/theme/colors/lightBrown.ts","../src/theme/ToggleThemeButton/ToggleThemeButton.tsx"],"sourcesContent":["export {default as ThemeProvider} from './Provider';\nexport {default as ToggleThemeButton} from './ToggleThemeButton';","import { ThemeProvider, } from '@mui/material/styles';\n\nimport { theme } from './muiTheme'\n\nexport default function P(p: { children: React.ReactNode }) {\n  return (\n  <html>\n    <ThemeProvider theme={theme}>\n      {p.children}\n    </ThemeProvider>\n  </html>);\n}","import { ThemeProvider, createTheme } from '@mui/material/styles';\n\nimport { buttonTheme, buttonBaseTheme, iconButtonTheme } from '@/ele/Button';\nimport { typographyTheme } from '@/ele/Typography';\n\nimport { muiPalette as darkBlueMuiPalette } from './colors/darkBlue';\nimport { muiPalette as lightBrownMuiPalette } from './colors/lightBrown';\nimport './styles/font.css';\n\nexport const theme = createTheme({\n  cssVariables: {\n    colorSchemeSelector: 'data-toolpad-color-scheme',\n  },\n  colorSchemes: {\n    light: lightBrownMuiPalette,\n    dark: darkBlueMuiPalette,\n  },\n  breakpoints: {\n    values: {\n      xs: 0,\n      sm: 600,\n      md: 600,\n      lg: 1200,\n      xl: 1536,\n    },\n  },\n  shape: {\n    borderRadius: 8,\n  },\n  // Customize your theme here if needed\n  components: {\n    // buttons\n    MuiButton: buttonTheme,\n    MuiButtonBase: buttonBaseTheme,\n    MuiIconButton: iconButtonTheme,\n    // typography\n    MuiTypography: typographyTheme,\n  },\n});","export default function Button(p:{\n  primary?: boolean;\n}) {\n  return <button style={{ backgroundColor: p.primary ? 'blue' : 'gray' }}>Click Me</button>;\n}","export { default } from '@mui/material/Button'","export { default } from '@mui/material/IconButton'","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const buttonTheme = {\n  defaultProps: {\n    variant: 'outlined',\n    focusRipple: false,\n    disableRipple: true,\n  },\n  styleOverrides: {\n    root: {\n      \"&:active\": {\n        scale:\"0.9\",\n      },\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiButton\">\n\nexport const buttonBaseTheme = {\n  styleOverrides: {\n    root: {\n      borderRadius: 'var(--mui-shape-borderRadius)',\n      \"& svg.MuiSvgIcon-root\":{\n        color: 'var(--mui-palette-secondary-dark)',\n      },\n    },\n  }\n  \n} as const satisfies MuiComponentTheme<\"MuiButtonBase\">\n\nexport const iconButtonTheme = {\n  defaultProps: {\n    focusRipple: false,\n    disableRipple: true,\n  },\n  styleOverrides: {\n    root: ({theme}) =>( {\n      '--color-p':'var(--mui-palette-primary-main)',\n      '--bg': 'color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)',\n      padding: theme.spacing(0.5),\n      borderRadius: '8px',\n      color: 'var(--color-p)',\n\n      backgroundColor:'var(--bg)',\n      \"&:active svg\": {\n        scale:\"0.9\",\n      },\n\n      \"&.Mui-disabled\":{\n        '--color-p':'var(--mui-palette-action-disabled)',\n        '--bg': 'color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)',\n        color: 'var(--color-p)',\n        backgroundColor:'var(--bg)',\n\n        '& svg.MuiSvgIcon-root':{\n          color: 'var(--color-p)',\n        },\n\n      },\n    }),\n    colorError:{\n      '--color-p':'var(--mui-palette-error-main)',\n\n      '& svg.MuiSvgIcon-root':{\n        color: 'var(--color-p)',\n      },\n    },\n  },\n\n} as const satisfies MuiComponentTheme<\"MuiIconButton\">\n\nexport const buttonGroupTheme = {\n  defaultProps:{\n    disableRipple: true,\n  },\n  styleOverrides: {\n    root: {\n      borderRadius: 'var(--mui-shape-borderRadius)',\n      \"& .MuiButtonGroup-grouped\":{\n        borderRadius: 'var(--mui-shape-borderRadius)',\n        borderColor: 'var(--mui-palette-divider)',\n        \"&.Mui-disabled\":{\n          borderColor: 'var(--mui-palette-action-disabled)',\n        }\n      },\n      \"& .MuiButton-root\":{\n        \"&.MuiButtonGroup-firstButton\":{\n          borderTopRightRadius: '0px',\n          borderBottomRightRadius: '0px',\n        },\n        \"&.MuiButtonGroup-middleButton\":{\n          borderRadius: '0px',\n        },\n        \"&.MuiButtonGroup-lastButton\":{\n          borderTopLeftRadius: '0px',\n          borderBottomLeftRadius: '0px',\n        },\n        \"&:hover\":{\n          borderColor:'transparent',\n          backgroundColor:'var(--mui-palette-focus-1)',\n        },\n      }\n    },\n  }\n} as const satisfies MuiComponentTheme<\"MuiButtonGroup\">","export { default } from '@mui/material/Typography'","'use client'\nimport Typography, {type TypographyProps}  from '@mui/material/Typography'\nimport Box from '@mui/material/Box'\nimport { styled } from '@mui/material/styles'\n\n/**\n * Mui Typography with variant h5\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const Header :React.FC<{\n\tchildren?: React.ReactNode, \n} & TypographyProps> = (props) => {\n\treturn (\n\t\t<MH variant=\"h5\" {...props}/>\n\t)\n}\nconst MH = styled(Typography)({\n\tfontWeight: \"700\",\n})\n\n\n/**\n * Mui Typography with variant h6\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const SubHeader:React.FC<TypographyProps> = (props) => {\n\treturn (\n\t\t<Typography variant=\"h6\" {...props}/>\n\t)\n}\n\n/**\n * Mui Typography with variant subtitle1\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const SubTitle:React.FC<TypographyProps> = (props) => {\n\treturn (\n\t\t<MST variant=\"subtitle1\" {...props}/>\n\t)\n}\nconst MST = styled(Typography,{})(()=>({}))\n\n/**\n * Mui Typography with variant caption\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const Subscript:React.FC<\n  React.ComponentProps<typeof MSContainer>\n  & React.ComponentProps<typeof MS>\n> = (props) => {\n\tconst {color, fontSize, lineHeight, ...rest} = props\n  // need to add a container to wrap the span, so that the overflow text ... will share the same color with the text\n  // https://stackoverflow.com/questions/21861125/set-dot-color-of-text-overflow-ellipsis\n  return (\n    <MSContainer color={color} fontSize={fontSize} lineHeight={lineHeight}>\n\t\t  <MS variant=\"caption\" {...rest}/>\n    </MSContainer>\n\t)\n}\nconst MS = styled(Typography,)({\n\t\"&.MuiTypography-root\":{\n\t\tcolor: 'inherit',\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden', \n\t\tcursor: 'inherit',\n\t},\n})\nconst MSContainer = styled(Box,{\n\tshouldForwardProp: (prop) => \n\t\tprop !== 'color' \n\t\t&& prop !== 'fontSize'\n\t\t&& prop !== 'lineHeight',\n})<{color?:string, fontSize?:string, lineHeight?:string}>(({\n\tcolor='var(--mui-palette-text-subscript)', \n\tfontSize='0.75rem', \n\tlineHeight='1.66'\n})=>({\n\t\"&\":{\n\t\t\"--fs\": fontSize,\n\t\t\"--lh\": lineHeight,\n\t\t\"--c\": color,\n\t\tfontSize: 'var(--fs)',\n\t\tlineHeight: 'var(--lh)',\n\t\tcolor: 'var(--c)',\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden', \n\t},\n}))\n\n\n/**\n * Mui Typography with variant body\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const Body:React.FC<React.ComponentProps<typeof MB>> = (props) => {\n\treturn (\n\t\t<MB variant=\"body1\" {...props}/>\n\t)\n}\nconst MB = styled(Typography,{\n\tshouldForwardProp: (prop) => prop !== 'color',\n})<{color?:string}>(({color='var(--Color-Text-1)'})=>({\n\t\"&.MuiTypography-root.MuiTypography-body1\":{\n\t\t\"--color\": color,\n\t\tcolor: \"var(--color)\",\n\t\twhiteSpace: 'pre',\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden',\n\t\tcursor: 'inherit',\n\t},\n}))","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const typographyTheme = {\n  styleOverrides: {\n    root: {\n      color: 'var(--mui-palette-text-1)',\n    }\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiTypography\">","\nimport { \n  type ColorTheme, \n  type ColorSystemOptions \n} from './_utils'\n\nconst themeColor = {\n  themeType: 'dark',\n  name: 'darkBlue',\n\n  colorScheme:{\n    primary:{\n      1: 'rgba(5, 20, 35, 1)',\n      2: 'rgba(20, 40, 65, 1)',\n      3: 'rgba(40, 80, 110, 1)',\n      4: 'rgba(65, 110, 140, 1)',\n      5: 'rgba(90, 140, 170, 1)',\n      6: 'rgba(115, 170, 200, 1)',\n      main: 2,\n    },\n    secondary:{\n      1: 'rgba(250, 250, 255, 1)',\n      2: 'rgba(245, 245, 255, 1)',\n      3: 'rgba(200, 235, 240, 1)',\n      4: 'rgba(165, 220, 225, 1)',\n      5: 'rgba(125, 200, 210, 1)',\n      6: 'rgba(20, 215, 215, 1)',\n      main: 5,\n    },\n    error: 'rgba(255, 0, 100, 1)',\n    warning: 'rgba(230, 190, 125, 1)',\n    info: 'rgba(100, 180, 255, 1)',\n    success: 'rgba(100, 255, 150, 1)',\n    focus: 'rgba(255, 0, 100, 1)',\n    disabled: 'rgba(100, 120, 140, 1)',\n    background: {\n      default: 'rgba(29, 29, 29, 1)',\n    },\n    text: {\n      primary: 'rgba(240, 240, 255, 1)',\n      secondary: 'rgba(180, 200, 220, 1)',\n      subscript: 'rgba(137, 137, 150, 1)',\n    }\n  },\n\n} as const satisfies ColorTheme\n\nexport const muiPalette = {\n  palette: {\n    mode: 'dark',\n    primary: {\n      dark: themeColor.colorScheme.primary[1],\n      main: themeColor.colorScheme.primary[themeColor.colorScheme.primary.main],\n      light: themeColor.colorScheme.primary[6],\n    },\n    secondary: {\n      dark: themeColor.colorScheme.secondary[6],\n      main: themeColor.colorScheme.secondary[themeColor.colorScheme.secondary.main],\n      light: themeColor.colorScheme.secondary[1],\n    },\n    error: {\n      main: themeColor.colorScheme.error,\n    },\n    warning: {\n      main: themeColor.colorScheme.warning,\n    },\n    info: {\n      main: themeColor.colorScheme.info,\n    },\n    success: {\n      main: themeColor.colorScheme.success,\n    },\n    background: {\n      default: themeColor.colorScheme.background.default,\n    },\n    text: {\n      primary: themeColor.colorScheme.text.primary,\n      secondary: themeColor.colorScheme.text.secondary,\n      disabled: themeColor.colorScheme.disabled,\n    },\n\n    \"text-1\": themeColor.colorScheme.text.primary,\n    \"text-subscript\": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-light) 50%)`,    \n    \"text-href\": `color-mix(in lab, var(--mui-palette-primary-main) 10%, var(--mui-palette-focus-1) 90%)`,\n    \"focus-1\": themeColor.colorScheme.focus,\n    \"shadow-border-1\": `inset 0 0 0px 2px var(--mui-palette-primary-gray)`,\n    \"primary-gray\": `color-mix(in lab, var(--mui-palette-primary-main) 80%, hsla(0, 0%, 30%, 1.00) 20%)`,\n  },\n} as const satisfies ColorSystemOptions","\nimport { \n  type ColorTheme, \n  type ColorSystemOptions \n} from './_utils'\n\nexport const themeColor = {\n  themeType: 'light',\n  name: 'lightBrown',\n\n  colorScheme:{\n    primary:{\n      1: 'rgba(255, 255, 255, 1)',\n      2: 'rgba(255, 255, 220, 1)',\n      3: 'rgba(255, 245, 215, 1)',\n      4: 'rgba(255, 245, 215, 1)',\n      5: 'rgba(245, 220, 165, 1)',\n      6: 'rgba(240, 200, 165, 1)',\n      main: 4,\n    },\n    secondary:{\n      1: 'rgba(35, 10, 25, 1)',\n      2: 'rgba(45, 20, 30, 1)',\n      3: 'rgba(75, 20, 30, 1)',\n      4: 'rgba(105, 45, 40, 1)',\n      5: 'rgba(130, 60, 40, 1)',\n      6: 'rgba(165, 105, 65, 1)',\n      main: 4,\n    },\n    error: 'rgba(255, 45, 120, 1)',\n    warning: 'rgba(230, 190, 125, 1)',\n    info: 'rgba(100, 180, 255, 1)',\n    success: 'rgba(100, 255, 150, 1)',\n    focus: 'rgba(255, 45, 120, 1)',\n    disabled: 'rgba(100, 120, 140, 1)',\n    background: {\n      default: 'rgba(255, 255, 255, 1)',\n    },\n    text: {\n      primary: 'rgba(35, 10, 25, 1)',\n      secondary: 'rgba(180, 200, 220, 1)',\n      subscript: 'rgba(92, 92, 92, 1)',\n    }\n  },\n\n} as const satisfies ColorTheme\n\nexport const muiPalette = {\n  palette: {\n    mode: 'dark',\n    primary: {\n      dark: themeColor.colorScheme.primary[6],\n      main: themeColor.colorScheme.primary[themeColor.colorScheme.primary.main],\n      light: themeColor.colorScheme.primary[1],\n    },\n    secondary: {\n      dark: themeColor.colorScheme.secondary[3],\n      main: themeColor.colorScheme.secondary[themeColor.colorScheme.secondary.main],\n      light: themeColor.colorScheme.secondary[6],\n    },\n    error: {\n      main: themeColor.colorScheme.error,\n    },\n    warning: {\n      main: themeColor.colorScheme.warning,\n    },\n    info: {\n      main: themeColor.colorScheme.info,\n    },\n    success: {\n      main: themeColor.colorScheme.success,\n    },\n    background: {\n      default: themeColor.colorScheme.background.default,\n    },\n    text: {\n      primary: themeColor.colorScheme.text.primary,\n      secondary: themeColor.colorScheme.text.secondary,\n      disabled: themeColor.colorScheme.disabled,\n    },\n\n    \"text-1\": themeColor.colorScheme.text.primary,\n    \"text-subscript\": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-main) 50%)`,    \n    \"text-href\": `color-mix(in lab, var(--mui-palette-primary-main) 10%, var(--mui-palette-focus-1) 90%)`,\n    \"focus-1\": themeColor.colorScheme.focus,\n    \"shadow-border-1\": `inset 0 0 0px 2px var(--mui-palette-primary-gray)`,\n    \"primary-gray\": `color-mix(in lab, var(--mui-palette-primary-main) 80%, hsla(0, 0%, 30%, 1.00) 20%)`,\n  },\n} as const satisfies ColorSystemOptions","import { useColorScheme,  } from '@mui/material/styles';\nimport Brightness7Icon from '@mui/icons-material/Brightness7';\nimport Brightness4OutlinedIcon from '@mui/icons-material/Brightness4Outlined';\n\nimport IconButton from '@mui/material/IconButton'\n\nexport default function ToggleButton() {\n  const { mode, setMode } = useColorScheme();\n  const isDark = mode === 'dark';\n\n  function toggle() {\n    setMode(isDark ? 'light' : 'dark');\n  }\n  return (\n    <IconButton onClick={toggle}>\n      {isDark ? <Brightness7Icon /> : <Brightness4OutlinedIcon />}\n    </IconButton>\n  );\n}"],"mappings":"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","names":["import_styles","import_styles","theme","import_Typography","import_jsx_runtime","Typography","Typography","Typography","Box","Typography","themeColor","muiPalette","muiPalette","import_jsx_runtime","import_styles","import_IconButton","import_jsx_runtime","IconButton","Brightness7Icon","Brightness4OutlinedIcon"]}