@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-CRYIEYZZ.mjs

@@ -0,0 +1,756 @@
+import {
+  tabTheme,
+  tabsTheme
+} from "./chunk-IN3O4R7Q.mjs";
+import {
+  styleInject
+} from "./chunk-ONQMRE2G.mjs";
+import {
+  dateCalendarTheme,
+  datePickerTheme,
+  dateTimePickerTheme,
+  multiSectionDigitalClockTheme,
+  pickersCalendarHeaderTheme,
+  pickersDayTheme,
+  pickersInputBaseTheme
+} from "./chunk-EEH7HACG.mjs";
+import {
+  avatarTheme
+} from "./chunk-Y74ALKBL.mjs";
+import {
+  default as default5
+} from "./chunk-27KYFU7R.mjs";
+import {
+  tableCellTheme,
+  tableContainerTheme,
+  tableHeadTheme,
+  tablePaginationTheme,
+  tableSortLabelTheme,
+  tableTheme
+} from "./chunk-DELCADNF.mjs";
+import {
+  stepButtonTheme,
+  stepConnectorTheme,
+  stepIconTheme,
+  stepLabelTheme,
+  stepTheme,
+  stepperTheme
+} from "./chunk-V26V2S3W.mjs";
+import {
+  switchTheme
+} from "./chunk-T34IULP5.mjs";
+import {
+  toggleButtonGroupTheme,
+  toggleButtonTheme
+} from "./chunk-2ZZJTBTE.mjs";
+import {
+  selectTheme
+} from "./chunk-UGMRJMFZ.mjs";
+import {
+  sliderTheme
+} from "./chunk-EW4DTFH3.mjs";
+import {
+  inputBaseTheme,
+  textFieldTheme
+} from "./chunk-VYD3PDBB.mjs";
+import {
+  menuItemTheme,
+  menuTheme
+} from "./chunk-HR3A4H4E.mjs";
+import {
+  listItemButtonTheme,
+  listItemIconTheme,
+  listItemSubheaderTheme,
+  listItemTextTheme,
+  listItemTheme
+} from "./chunk-TDRA5EZI.mjs";
+import {
+  dividerTheme
+} from "./chunk-3DQINB57.mjs";
+import {
+  checkboxTheme
+} from "./chunk-BGB7JHIU.mjs";
+import {
+  formControlLabelTheme,
+  formHelperTextTheme,
+  formLabelTheme
+} from "./chunk-T4X375IG.mjs";
+import {
+  paperTheme
+} from "./chunk-3VUAM2GY.mjs";
+import {
+  circularProgressTheme,
+  linearProgressTheme
+} from "./chunk-WYYP3Y34.mjs";
+import {
+  appBarTheme
+} from "./chunk-HE7MY3RT.mjs";
+import {
+  badgeTheme
+} from "./chunk-56TI2ZBT.mjs";
+import {
+  AlertProvider,
+  alertTheme
+} from "./chunk-EKPULYPU.mjs";
+import {
+  collapseTheme
+} from "./chunk-B7DAB22K.mjs";
+import {
+  cardContentTheme,
+  cardTheme
+} from "./chunk-I5JWS4Z7.mjs";
+import {
+  IconButton_default,
+  buttonBaseTheme,
+  buttonTheme,
+  iconButtonTheme
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  default as default2,
+  tooltipTheme
+} from "./chunk-4Q54P737.mjs";
+import {
+  chipTheme
+} from "./chunk-OP6LKXPA.mjs";
+import {
+  default86 as default3,
+  default87 as default4
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  typographyTheme
+} from "./chunk-4RPFRNXG.mjs";
+
+// src/theme/styles/scroll.css
+styleInject(":root[color-scheme=light] {\n  --scroll-thumb-visible: color-mix(in srgb, var(--mui-palette-secondary-main), transparent 62%);\n  --scroll-thumb-hover-visible: color-mix(in srgb, var(--mui-palette-secondary-dark), transparent 48%);\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: transparent;\n  --scroll-thumb-hover-color: transparent;\n  --scroll-track-color: transparent;\n}\n:root[color-scheme=dark] {\n  --scroll-thumb-visible: color-mix(in srgb, var(--mui-palette-grey-500), transparent 44%);\n  --scroll-thumb-hover-visible: color-mix(in lab, var(--mui-palette-secondary-dark) 16%, transparent 36%);\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: transparent;\n  --scroll-thumb-hover-color: transparent;\n  --scroll-track-color: transparent;\n}\n*:hover {\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: var(--scroll-thumb-visible);\n  --scroll-thumb-hover-color: var(--scroll-thumb-hover-visible);\n  --scroll-track-color: transparent;\n}\n*:hover * {\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: transparent;\n  --scroll-thumb-hover-color: transparent;\n  --scroll-track-color: transparent;\n}\n*:hover *:hover {\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: var(--scroll-thumb-visible);\n  --scroll-thumb-hover-color: var(--scroll-thumb-hover-visible);\n  --scroll-track-color: transparent;\n}\n[data-chat-surface]:focus-within [data-scroll-surface] {\n  --scroll-bg-color: transparent;\n  --scroll-thumb-color: var(--scroll-thumb-visible);\n  --scroll-thumb-hover-color: var(--scroll-thumb-hover-visible);\n  --scroll-track-color: transparent;\n}\n::-webkit-scrollbar-corner {\n  background: var(--mui-palette-background-default);\n}\n::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n::-webkit-scrollbar-track:horizontal {\n  background: transparent;\n}\n::-webkit-scrollbar-thumb {\n  background:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      transparent 25%,\n      var(--scroll-thumb-color) 25%,\n      var(--scroll-thumb-color) 75%,\n      transparent 75%,\n      transparent 100%);\n  border: none;\n  border-radius: 10px;\n}\n::-webkit-scrollbar-thumb:horizontal {\n  background:\n    linear-gradient(\n      to bottom,\n      transparent 0%,\n      transparent 25%,\n      var(--scroll-thumb-color) 25%,\n      var(--scroll-thumb-color) 75%,\n      transparent 75%,\n      transparent 100%);\n}\n::-webkit-scrollbar-thumb:hover {\n  background:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      transparent 25%,\n      var(--scroll-thumb-hover-color) 25%,\n      var(--scroll-thumb-hover-color) 75%,\n      transparent 75%,\n      transparent 100%);\n}\n::-webkit-scrollbar-thumb:horizontal:hover {\n  background:\n    linear-gradient(\n      to bottom,\n      transparent 0%,\n      transparent 25%,\n      var(--scroll-thumb-hover-color) 25%,\n      var(--scroll-thumb-hover-color) 75%,\n      transparent 75%,\n      transparent 100%);\n}\n.disable-scrollbars::-webkit-scrollbar,\n.disable-scrollbars::-webkit-scrollbar-track,\n.disable-scrollbars::-webkit-scrollbar-thumb {\n  background: transparent;\n}\n");
+
+// src/theme/Provider.tsx
+import React from "react";
+import createCache from "@emotion/cache";
+import { CacheProvider } from "@emotion/react";
+import { ThemeProvider as MuiThemeProvider } from "@mui/material/styles";
+import { CssBaseline, GlobalStyles } from "@mui/material";
+
+// src/theme/muiTheme.ts
+import { createTheme } from "@mui/material/styles";
+
+// src/theme/colors/darkBlue.ts
+var themeColor = {
+  themeType: "dark",
+  name: "darkBlue",
+  colorScheme: {
+    primary: {
+      1: "rgba(2, 17, 33, 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: 5
+    },
+    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: {
+      text: "rgba(255, 0, 100, 1)",
+      background: "rgba(35, 0, 10, 1)"
+    },
+    warning: {
+      text: "rgba(230, 190, 125, 1)",
+      background: "rgba(45, 25, 1, 1)"
+    },
+    info: {
+      text: "rgba(100, 180, 255, 1)",
+      background: "rgba(10, 30, 55, 1)"
+    },
+    success: {
+      text: "rgba(100, 255, 150, 1)",
+      background: "rgba(10, 50, 30, 1)"
+    },
+    system: {
+      text: "rgba(45, 212, 191, 1)",
+      background: "rgba(0, 40, 35, 1)"
+    },
+    insight: {
+      text: "rgba(167, 139, 250, 1)",
+      background: "rgba(30, 15, 55, 1)"
+    },
+    focus: "rgba(255, 47, 122, 0.42)",
+    disabled: "rgba(91, 94, 97, 1)",
+    background: {
+      default: "rgb(29, 29, 29, 1)",
+      disabled: "rgba(43, 43, 43, 0.3)"
+    },
+    text: {
+      primary: "rgba(240, 240, 255, 1)",
+      secondary: "rgba(180, 200, 220, 1)",
+      subscript: "rgba(137, 137, 150, 1)",
+      href: "rgba(255, 0, 153, 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.text
+    },
+    warning: {
+      main: themeColor.colorScheme.warning.text
+    },
+    info: {
+      main: themeColor.colorScheme.info.text
+    },
+    success: {
+      main: themeColor.colorScheme.success.text
+    },
+    system: {
+      main: themeColor.colorScheme.system.text,
+      light: "rgba(80, 230, 210, 1)",
+      dark: "rgba(20, 160, 145, 1)",
+      contrastText: "rgba(0, 0, 0, 0.87)"
+    },
+    insight: {
+      main: themeColor.colorScheme.insight.text,
+      light: "rgba(190, 170, 255, 1)",
+      dark: "rgba(130, 100, 220, 1)",
+      contrastText: "rgba(0, 0, 0, 0.87)"
+    },
+    background: {
+      default: themeColor.colorScheme.background.default
+    },
+    text: {
+      primary: themeColor.colorScheme.text.primary,
+      secondary: themeColor.colorScheme.text.secondary,
+      disabled: themeColor.colorScheme.disabled
+    },
+    action: {
+      disabledBackground: themeColor.colorScheme.background.disabled
+    },
+    "secondary-transparent-1": `color-mix(in lab, ${themeColor.colorScheme.primary[5]}, transparent 35%)`,
+    "focus-1": themeColor.colorScheme.focus,
+    "focus-1-hover": "rgba(166, 4, 67, .2)",
+    "focus-soft-1": `color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)`,
+    "primary-emphasis": `color-mix(in lab, ${themeColor.colorScheme.primary[6]}, ${themeColor.colorScheme.secondary[5]} 35%)`,
+    "primary-contrast": themeColor.colorScheme.background.default,
+    "success-background": themeColor.colorScheme.success.background,
+    "info-background": themeColor.colorScheme.info.background,
+    "error-background": themeColor.colorScheme.error.background,
+    "warning-background": themeColor.colorScheme.warning.background,
+    "system-background": themeColor.colorScheme.system.background,
+    "insight-background": themeColor.colorScheme.insight.background,
+    Alert: {
+      // Mirror MUI dark Alert roles: Color = lightened text, FilledBg = dark, IconColor = main.
+      systemColor: `color-mix(in srgb, ${themeColor.colorScheme.system.text}, #fff 55%)`,
+      insightColor: `color-mix(in srgb, ${themeColor.colorScheme.insight.text}, #fff 55%)`,
+      systemFilledBg: "rgba(20, 160, 145, 1)",
+      insightFilledBg: "rgba(130, 100, 220, 1)",
+      systemFilledColor: "rgba(0, 0, 0, 0.87)",
+      insightFilledColor: "rgba(0, 0, 0, 0.87)",
+      systemStandardBg: themeColor.colorScheme.system.background,
+      insightStandardBg: themeColor.colorScheme.insight.background,
+      systemIconColor: themeColor.colorScheme.system.text,
+      insightIconColor: themeColor.colorScheme.insight.text
+    },
+    "border-1": "rgba(102, 102, 102, 0.5)",
+    "border-hover-1": "rgba(45, 98, 145, 0.47)",
+    "border-disabled": "rgba(201, 201, 201, 0.2)",
+    "shadow-border-1": `inset 0 0 0px 2px var(--mui-palette-border-1)`,
+    "shadow-outset-1": `0px 1px 2px 0px var(--mui-palette-border-1),
+        1px 2px 4px 0px var(--mui-palette-border-1),
+        2px 4px 8px 0px var(--mui-palette-border-1),
+        2px 4px 16px 0px var(--mui-palette-border-1)`,
+    "background-hover-1": "color-mix(in lab, transparent , var(--mui-palette-secondary-dark) 10%)",
+    "background-hover-2": "color-mix(in lab, var(--mui-palette-primary-dark), var(--mui-palette-secondary-dark) 50%)",
+    "background-disabled": themeColor.colorScheme.background.disabled,
+    "background-grey-1": "rgba(75, 75, 75, 0.72)",
+    "container-bg-1": "color-mix(in lab, var(--mui-palette-background-default), var(--mui-palette-background-grey-1) 80%)",
+    "container-bg-primary": themeColor.colorScheme.primary[1],
+    "container-bg-secondary": `rgba(0, 0, 0, .314)`,
+    "text-subscript": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-light) 50%)`,
+    "text-href": `${themeColor.colorScheme.text.href}`,
+    // "text-disabled"
+    "text-hover": themeColor.colorScheme.secondary[6],
+    "text-grey-1": "rgba(150, 150, 150, 1)",
+    "blink-golden": "rgba(248, 161, 0, 1)",
+    "blink-secondary": "color-mix(in lab, var(--mui-palette-secondary-main), #414141a6 50%)",
+    "blink-shiny": "rgb(45, 210, 216)",
+    "transparent-primary-light": `color-mix(in lab, ${themeColor.colorScheme.primary[6]}, transparent 45%)`,
+    "transparent-secondary-light": `color-mix(in lab, ${themeColor.colorScheme.secondary[6]}, transparent 45%)`
+  }
+};
+
+// 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, 241, 211,1)",
+      5: "rgba(180, 136, 74, 1)",
+      6: "rgba(168, 124, 66, 1)",
+      main: 5
+    },
+    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: {
+      text: "rgba(255, 45, 120, 1)",
+      background: "rgba(255, 220, 230, 1)"
+    },
+    warning: {
+      text: "rgba(240, 169, 56, 1)",
+      background: "rgba(255, 241, 211, 1)"
+    },
+    info: {
+      text: "rgba(100, 180, 255, 1)",
+      background: "rgba(237, 252, 255, 1)"
+    },
+    success: {
+      text: "rgba(49, 161, 85, 1)",
+      background: "rgba(237, 255, 238, 1)"
+    },
+    system: {
+      text: "rgba(13, 148, 136, 1)",
+      background: "rgba(204, 251, 241, 1)"
+    },
+    insight: {
+      text: "rgba(124, 58, 237, 1)",
+      background: "rgba(237, 233, 254, 1)"
+    },
+    focus: "rgba(255, 47, 122, 0.31)",
+    disabled: "rgba(196, 191, 187, 1)",
+    background: {
+      default: "rgba(255, 255, 255, 1)",
+      disabled: "rgba(150, 150, 150, 0.12)"
+    },
+    text: {
+      primary: "rgba(35, 10, 25, 1)",
+      secondary: "rgba(194, 178, 167, 1)",
+      subscript: "rgba(92, 92, 92, 1)",
+      href: "rgba(255, 0, 153, 1)"
+    }
+  }
+};
+var muiPalette2 = {
+  palette: {
+    mode: "light",
+    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.text
+    },
+    warning: {
+      main: themeColor2.colorScheme.warning.text
+    },
+    info: {
+      main: themeColor2.colorScheme.info.text
+    },
+    success: {
+      main: themeColor2.colorScheme.success.text
+    },
+    system: {
+      main: themeColor2.colorScheme.system.text,
+      light: "rgba(45, 180, 168, 1)",
+      dark: "rgba(10, 120, 110, 1)",
+      contrastText: "rgba(255, 255, 255, 1)"
+    },
+    insight: {
+      main: themeColor2.colorScheme.insight.text,
+      light: "rgba(148, 90, 245, 1)",
+      dark: "rgba(100, 40, 200, 1)",
+      contrastText: "rgba(255, 255, 255, 1)"
+    },
+    background: {
+      default: themeColor2.colorScheme.background.default
+    },
+    text: {
+      primary: themeColor2.colorScheme.text.primary,
+      secondary: themeColor2.colorScheme.text.secondary,
+      disabled: themeColor2.colorScheme.disabled
+    },
+    action: {
+      disabledBackground: themeColor2.colorScheme.background.disabled
+    },
+    "secondary-transparent-1": `color-mix(in lab, ${themeColor2.colorScheme.secondary[6]}, transparent 65%)`,
+    "focus-1": themeColor2.colorScheme.focus,
+    "focus-1-hover": "rgba(255, 175, 204, .38)",
+    "focus-soft-1": "color-mix(in lab, var(--mui-palette-secondary-dark), transparent 90%)",
+    "primary-emphasis": `color-mix(in lab, ${themeColor2.colorScheme.secondary[4]}, ${themeColor2.colorScheme.primary[6]} 28%)`,
+    "primary-contrast": themeColor2.colorScheme.primary[1],
+    "success-background": themeColor2.colorScheme.success.background,
+    "info-background": themeColor2.colorScheme.info.background,
+    "error-background": themeColor2.colorScheme.error.background,
+    "warning-background": themeColor2.colorScheme.warning.background,
+    "system-background": themeColor2.colorScheme.system.background,
+    "insight-background": themeColor2.colorScheme.insight.background,
+    Alert: {
+      // Mirror MUI Alert token roles: Color (standard text), FilledBg, IconColor, StandardBg.
+      systemColor: `color-mix(in srgb, ${themeColor2.colorScheme.system.text}, #000 40%)`,
+      insightColor: `color-mix(in srgb, ${themeColor2.colorScheme.insight.text}, #000 40%)`,
+      systemFilledBg: themeColor2.colorScheme.system.text,
+      insightFilledBg: themeColor2.colorScheme.insight.text,
+      systemFilledColor: "rgba(255, 255, 255, 1)",
+      insightFilledColor: "rgba(255, 255, 255, 1)",
+      systemStandardBg: themeColor2.colorScheme.system.background,
+      insightStandardBg: themeColor2.colorScheme.insight.background,
+      systemIconColor: themeColor2.colorScheme.system.text,
+      insightIconColor: themeColor2.colorScheme.insight.text
+    },
+    "border-1": "rgba(201, 201, 201, 0.5)",
+    "border-hover-1": "rgba(46, 18, 30, 0.47)",
+    "border-disabled": "rgba(138, 138, 138, 0.19)",
+    "shadow-border-1": `inset 0 0 0px 2px var(--mui-palette-border-1)`,
+    "shadow-outset-1": `0px 1px 2px 0px var(--mui-palette-border-1),
+        1px 2px 4px 0px var(--mui-palette-border-1),
+        2px 4px 8px 0px var(--mui-palette-border-1),
+        2px 4px 16px 0px var(--mui-palette-border-1)`,
+    "background-hover-1": "color-mix(in lab, transparent , var(--mui-palette-secondary-dark) 10%)",
+    "background-hover-2": "color-mix(in lab, var(--mui-palette-primary-light) , var(--mui-palette-secondary-dark) 10%)",
+    "background-disabled": themeColor2.colorScheme.background.disabled,
+    "background-grey-1": "rgba(55, 55, 55, 0.20)",
+    "container-bg-1": "color-mix(in lab, var(--mui-palette-background-default), transparent 20%)",
+    // legacy helpers for chat container backgrounds
+    "container-bg-primary": themeColor2.colorScheme.primary[4],
+    "container-bg-secondary": "rgba(255, 249, 241, .525)",
+    "text-subscript": `color-mix(in lab, ${themeColor2.colorScheme.text.subscript}, var(--mui-palette-primary-main) 50%)`,
+    "text-href": `${themeColor2.colorScheme.text.href}`,
+    // "text-disabled"
+    "text-hover": "rgba(36, 9, 24, 1)",
+    "text-grey-1": "color-mix(in lab, var(--mui-palette-secondary-dark), rgba(120, 120, 120, 1) 80%)",
+    "blink-golden": "rgba(248, 161, 0, 1)",
+    "blink-secondary": "color-mix(in lab, var(--mui-palette-secondary-main), #e4e4e4a6 50%)",
+    "blink-shiny": "rgb(250, 60, 177)",
+    "transparent-primary-light": `color-mix(in lab, ${themeColor2.colorScheme.primary[6]}, transparent 45%)`,
+    "transparent-secondary-light": `color-mix(in lab, ${themeColor2.colorScheme.secondary[6]}, transparent 45%)`
+  }
+};
+
+// src/theme/muiTheme.ts
+var baseThemeOptions = {
+  cssVariables: {
+    colorSchemeSelector: '[color-scheme="%s"]'
+  },
+  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: {
+    // Let hosts own the page canvas — CssBaseline would otherwise paint
+    // body with palette.background.default on every ThemeProvider mount.
+    MuiCssBaseline: {
+      styleOverrides: {
+        body: {
+          backgroundColor: "transparent",
+          "@media print": {
+            backgroundColor: "transparent"
+          }
+        }
+      }
+    },
+    // alert
+    MuiAlert: alertTheme,
+    // app bar
+    MuiAppBar: appBarTheme,
+    // avatar
+    MuiAvatar: avatarTheme,
+    // badge
+    MuiBadge: badgeTheme,
+    // buttons
+    MuiButton: buttonTheme,
+    MuiButtonBase: buttonBaseTheme,
+    MuiToggleButtonGroup: toggleButtonGroupTheme,
+    MuiToggleButton: toggleButtonTheme,
+    // card
+    MuiCard: cardTheme,
+    MuiCardContent: cardContentTheme,
+    // checkbox
+    MuiCheckbox: checkboxTheme,
+    // chips
+    MuiChip: chipTheme,
+    // collapse
+    MuiCollapse: collapseTheme,
+    // date picker
+    MuiDateCalendar: dateCalendarTheme,
+    MuiPickersCalendarHeader: pickersCalendarHeaderTheme,
+    MuiMultiSectionDigitalClock: multiSectionDigitalClockTheme,
+    MuiPickersDay: pickersDayTheme,
+    MuiDatePicker: datePickerTheme,
+    MuiDateTimePicker: dateTimePickerTheme,
+    MuiPickersInputBase: pickersInputBaseTheme,
+    // divider
+    MuiDivider: dividerTheme,
+    // form
+    MuiFormLabel: formLabelTheme,
+    MuiFormControlLabel: formControlLabelTheme,
+    MuiFormHelperText: formHelperTextTheme,
+    // IconButton
+    MuiIconButton: iconButtonTheme,
+    // input
+    MuiTextField: textFieldTheme,
+    MuiInputBase: inputBaseTheme,
+    // list
+    MuiListItem: listItemTheme,
+    MuiListItemIcon: listItemIconTheme,
+    MuiListItemText: listItemTextTheme,
+    MuiListItemButton: listItemButtonTheme,
+    MuiListSubheader: listItemSubheaderTheme,
+    // menu
+    MuiMenuItem: menuItemTheme,
+    MuiMenu: menuTheme,
+    // paper
+    MuiPaper: paperTheme,
+    // progress
+    MuiLinearProgress: linearProgressTheme,
+    MuiCircularProgress: circularProgressTheme,
+    // select
+    MuiSelect: selectTheme,
+    // slider
+    MuiSlider: sliderTheme,
+    // switch
+    MuiSwitch: switchTheme,
+    // tab
+    MuiTab: tabTheme,
+    MuiTabs: tabsTheme,
+    // tooltip
+    MuiTooltip: tooltipTheme,
+    // typography
+    MuiTypography: typographyTheme,
+    // stepper components
+    MuiStepper: stepperTheme,
+    MuiStep: stepTheme,
+    MuiStepLabel: stepLabelTheme,
+    MuiStepConnector: stepConnectorTheme,
+    MuiStepIcon: stepIconTheme,
+    MuiStepButton: stepButtonTheme,
+    // table
+    MuiTable: tableTheme,
+    MuiTableContainer: tableContainerTheme,
+    MuiTableHead: tableHeadTheme,
+    MuiTableCell: tableCellTheme,
+    MuiTablePagination: tablePaginationTheme,
+    MuiTableSortLabel: tableSortLabelTheme
+  }
+};
+var createAppTheme = (options) => createTheme(baseThemeOptions, options ?? {});
+var theme = createAppTheme();
+
+// src/theme/Provider.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var appEmotionCache = createCache({
+  key: "sdui",
+  speedy: true
+});
+var globalStyles = {
+  // Font styles
+  "html, body": {
+    fontFamily: "'Roboto', 'Helvetica Neue', Arial, sans-serif",
+    WebkitFontSmoothing: "antialiased",
+    MozOsxFontSmoothing: "grayscale",
+    color: "var(--mui-palette-text-primary)"
+  },
+  "h1,h2,h3,h4,h5,h6,h7, .h1, .h2,.h3,.h4,.h5,.h6": {
+    wordBreak: "break-word",
+    lineHeight: 1.35
+  },
+  label: {
+    color: "var(--mui-palette-text-primary)"
+  },
+  p: {
+    fontSize: "15px",
+    color: "var(--mui-palette-text-primary)",
+    cursor: "text"
+  },
+  // Nested content inside clickable hosts inherits the host cursor
+  // (covers ListItemButton, Button, IconButton, AccordionSummary, etc.).
+  'button *, a *, [role="button"] *, .MuiButtonBase-root *': {
+    cursor: "inherit"
+  },
+  a: {
+    color: "var(--mui-palette-text-href)",
+    // Assuming this var exists from theme
+    cursor: "pointer"
+  },
+  "*::selection": {
+    backgroundColor: "var(--mui-palette-focus-1)",
+    color: "var(--mui-palette-text-primary)",
+    textShadow: "none"
+  },
+  "*::-moz-selection": {
+    backgroundColor: "var(--mui-palette-focus-1)",
+    color: "var(--mui-palette-text-primary)",
+    textShadow: "none"
+  },
+  // Layout styles
+  html: {
+    height: "100%",
+    width: "100%",
+    margin: 0,
+    padding: 0,
+    boxSizing: "border-box"
+  },
+  "html > body": {
+    height: "100%",
+    width: "100%",
+    backgroundColor: "transparent"
+  }
+};
+var ThemeTree = React.memo(function ThemeTree2({ children }) {
+  return /* @__PURE__ */ jsxs(AlertProvider, { children: [
+    /* @__PURE__ */ jsx(CssBaseline, {}),
+    /* @__PURE__ */ jsx(GlobalStyles, { styles: globalStyles }),
+    children
+  ] });
+});
+function ThemeProvider({
+  children,
+  theme: customTheme,
+  muiThemeOptions,
+  defaultMode,
+  storageManager
+}) {
+  const resolvedTheme = React.useMemo(() => {
+    if (customTheme) {
+      return customTheme;
+    }
+    return createAppTheme(muiThemeOptions);
+  }, [customTheme, muiThemeOptions]);
+  return /* @__PURE__ */ jsx(CacheProvider, { value: appEmotionCache, children: /* @__PURE__ */ jsx(
+    MuiThemeProvider,
+    {
+      theme: resolvedTheme,
+      defaultMode,
+      storageManager,
+      disableTransitionOnChange: true,
+      children: /* @__PURE__ */ jsx(ThemeTree, { children })
+    }
+  ) });
+}
+
+// src/theme/ToggleThemeButton/ToggleThemeButton.tsx
+import React2 from "react";
+import { useColorScheme } from "@mui/material/styles";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function resolveRenderMode(forceRenderMode) {
+  if (forceRenderMode) {
+    return forceRenderMode;
+  }
+  return typeof window === "undefined" ? "server" : "client";
+}
+function getCurrentMode(mode) {
+  if (mode !== "system" && mode !== void 0) {
+    return mode;
+  }
+  if (typeof window === "undefined") {
+    return "light";
+  }
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function applyColorScheme(nextMode) {
+  if (typeof document === "undefined") {
+    return;
+  }
+  document.documentElement.setAttribute("color-scheme", nextMode);
+}
+function commitMode(setMode, nextMode) {
+  const commit = () => setMode(nextMode);
+  if (typeof requestAnimationFrame === "function") {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(commit);
+    });
+    return;
+  }
+  setTimeout(commit, 0);
+}
+function ToggleButton({ forceRenderMode }) {
+  const { mode, setMode } = useColorScheme();
+  const renderMode = resolveRenderMode(forceRenderMode);
+  const resolvedMode = getCurrentMode(mode);
+  const [displayedMode, setDisplayedMode] = React2.useState(resolvedMode);
+  React2.useEffect(() => {
+    setDisplayedMode(resolvedMode);
+  }, [resolvedMode]);
+  if (renderMode === "server") {
+    return /* @__PURE__ */ jsx2(default5, { variant: "rounded", width: 34, height: 34 });
+  }
+  const nextMode = displayedMode === "dark" ? "light" : "dark";
+  const label = `Switch to ${nextMode} mode`;
+  function toggle() {
+    setDisplayedMode(nextMode);
+    applyColorScheme(nextMode);
+    commitMode(setMode, nextMode);
+  }
+  return /* @__PURE__ */ jsx2(default2, { title: label, children: /* @__PURE__ */ jsx2(
+    IconButton_default,
+    {
+      "aria-label": label,
+      onClick: toggle,
+      color: "primary",
+      size: "medium",
+      sx: {
+        "--button-color": "var(--mui-palette-primary-emphasis)",
+        "--button-hover-border-color": "var(--mui-palette-primary-emphasis)",
+        "&:active": { scale: "1" },
+        "&:active svg": { scale: "1" }
+      },
+      children: displayedMode === "dark" ? /* @__PURE__ */ jsx2(default3, {}) : /* @__PURE__ */ jsx2(default4, {})
+    }
+  ) });
+}
+
+// src/theme/appScrollStyles.ts
+var appScrollSurfaceAttribute = "data-scroll-surface";
+
+export {
+  createAppTheme,
+  theme,
+  ThemeProvider,
+  ToggleButton,
+  appScrollSurfaceAttribute
+};
+//# sourceMappingURL=chunk-CRYIEYZZ.mjs.map