@weng-lab/ui-components 2.0.3 → 2.1.0

package/dist/ui-components.es203.js

@@ -1,10 +1,262 @@
-import i from "./ui-components.es86.js";
-import o from "./ui-components.es87.js";
-function a(t) {
-  return i("MuiModal", t);
+import l from "./ui-components.es273.js";
+import I from "./ui-components.es274.js";
+import s from "./ui-components.es275.js";
+import c from "./ui-components.es276.js";
+import f from "./ui-components.es277.js";
+import d from "./ui-components.es278.js";
+import g from "./ui-components.es279.js";
+import m from "./ui-components.es280.js";
+import P from "./ui-components.es213.js";
+import { getContrastRatio as k, lighten as S, darken as U } from "./ui-components.es51.js";
+import v from "./ui-components.es167.js";
+function D() {
+  return {
+    // The colors used to style the text.
+    text: {
+      // The most important text.
+      primary: "rgba(0, 0, 0, 0.87)",
+      // Secondary text.
+      secondary: "rgba(0, 0, 0, 0.6)",
+      // Disabled text have even lower visual prominence.
+      disabled: "rgba(0, 0, 0, 0.38)"
+    },
+    // The color used to divide different elements.
+    divider: "rgba(0, 0, 0, 0.12)",
+    // The background colors used to style the surfaces.
+    // Consistency between these values is important.
+    background: {
+      paper: l.white,
+      default: l.white
+    },
+    // The colors used to style the action elements.
+    action: {
+      // The color of an active action like an icon button.
+      active: "rgba(0, 0, 0, 0.54)",
+      // The color of an hovered action.
+      hover: "rgba(0, 0, 0, 0.04)",
+      hoverOpacity: 0.04,
+      // The color of a selected action.
+      selected: "rgba(0, 0, 0, 0.08)",
+      selectedOpacity: 0.08,
+      // The color of a disabled action.
+      disabled: "rgba(0, 0, 0, 0.26)",
+      // The background color of a disabled action.
+      disabledBackground: "rgba(0, 0, 0, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(0, 0, 0, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.12
+    }
+  };
+}
+const V = D();
+function E() {
+  return {
+    text: {
+      primary: l.white,
+      secondary: "rgba(255, 255, 255, 0.7)",
+      disabled: "rgba(255, 255, 255, 0.5)",
+      icon: "rgba(255, 255, 255, 0.5)"
+    },
+    divider: "rgba(255, 255, 255, 0.12)",
+    background: {
+      paper: "#121212",
+      default: "#121212"
+    },
+    action: {
+      active: l.white,
+      hover: "rgba(255, 255, 255, 0.08)",
+      hoverOpacity: 0.08,
+      selected: "rgba(255, 255, 255, 0.16)",
+      selectedOpacity: 0.16,
+      disabled: "rgba(255, 255, 255, 0.3)",
+      disabledBackground: "rgba(255, 255, 255, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(255, 255, 255, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.24
+    }
+  };
+}
+const w = E();
+function O(r, e, u, i) {
+  const h = i.light || i, y = i.dark || i * 1.5;
+  r[e] || (r.hasOwnProperty(u) ? r[e] = r[u] : e === "light" ? r.light = S(r.main, h) : e === "dark" && (r.dark = U(r.main, y)));
+}
+function _(r = "light") {
+  return r === "dark" ? {
+    main: d[200],
+    light: d[50],
+    dark: d[400]
+  } : {
+    main: d[700],
+    light: d[400],
+    dark: d[800]
+  };
+}
+function B(r = "light") {
+  return r === "dark" ? {
+    main: s[200],
+    light: s[50],
+    dark: s[400]
+  } : {
+    main: s[500],
+    light: s[300],
+    dark: s[700]
+  };
+}
+function L(r = "light") {
+  return r === "dark" ? {
+    main: c[500],
+    light: c[300],
+    dark: c[700]
+  } : {
+    main: c[700],
+    light: c[400],
+    dark: c[800]
+  };
+}
+function R(r = "light") {
+  return r === "dark" ? {
+    main: g[400],
+    light: g[300],
+    dark: g[700]
+  } : {
+    main: g[700],
+    light: g[500],
+    dark: g[900]
+  };
+}
+function W(r = "light") {
+  return r === "dark" ? {
+    main: m[400],
+    light: m[300],
+    dark: m[700]
+  } : {
+    main: m[800],
+    light: m[500],
+    dark: m[900]
+  };
+}
+function j(r = "light") {
+  return r === "dark" ? {
+    main: f[400],
+    light: f[300],
+    dark: f[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: f[500],
+    dark: f[900]
+  };
+}
+function tr(r) {
+  const {
+    mode: e = "light",
+    contrastThreshold: u = 3,
+    tonalOffset: i = 0.2,
+    ...h
+  } = r, y = r.primary || _(e), T = r.secondary || B(e), $ = r.error || L(e), x = r.info || R(e), N = r.success || W(e), C = r.warning || j(e);
+  function b(t) {
+    const a = k(t, w.text.primary) >= u ? w.text.primary : V.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const n = k(t, a);
+      n < 3 && console.error([`MUI: The contrast ratio of ${n}:1 for ${a} on ${t}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+`));
+    }
+    return a;
+  }
+  const o = ({
+    color: t,
+    name: a,
+    mainShade: n = 500,
+    lightShade: M = 300,
+    darkShade: A = 700
+  }) => {
+    if (t = {
+      ...t
+    }, !t.main && t[n] && (t.main = t[n]), !t.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${a ? ` (${a})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${n}\` property.` : v(11, a ? ` (${a})` : "", n));
+    if (typeof t.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${a ? ` (${a})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(t.main)}\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import { green } from "@mui/material/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });` : v(12, a ? ` (${a})` : "", JSON.stringify(t.main)));
+    return O(t, "light", M, i), O(t, "dark", A, i), t.contrastText || (t.contrastText = b(t.main)), t;
+  };
+  let p;
+  return e === "light" ? p = D() : e === "dark" && (p = E()), process.env.NODE_ENV !== "production" && (p || console.error(`MUI: The palette mode \`${e}\` is not supported.`)), P({
+    // A collection of common colors.
+    common: {
+      ...l
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: e,
+    // The colors used to represent primary interface elements for a user.
+    primary: o({
+      color: y,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: o({
+      color: T,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: o({
+      color: $,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: o({
+      color: C,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: o({
+      color: x,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: o({
+      color: N,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: I,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: u,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: b,
+    // Generate a rich color object.
+    augmentColor: o,
+    // Used by the functions below to shift a color's luminance by approximately
+    // two indexes within its tonal palette.
+    // E.g., shift from Red 500 to Red 300 or Red 700.
+    tonalOffset: i,
+    // The light and dark mode object.
+    ...p
+  }, h);
 }
-o("MuiModal", ["root", "hidden", "backdrop"]);
 export {
-  a as getModalUtilityClass
+  w as dark,
+  tr as default,
+  V as light
 };
 //# sourceMappingURL=ui-components.es203.js.map

package/dist/ui-components.es203.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es203.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Modal/modalClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getModalUtilityClass(slot) {\n  return generateUtilityClass('MuiModal', slot);\n}\nconst modalClasses = generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);\nexport default modalClasses;"],"names":["getModalUtilityClass","slot","generateUtilityClass","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAqBC,GAAM;AACzC,SAAOC,EAAqB,YAAYD,CAAI;AAC9C;AACqBE,EAAuB,YAAY,CAAC,QAAQ,UAAU,UAAU,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es203.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/styles/createPalette.js"],"sourcesContent":["import _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nimport deepmerge from '@mui/utils/deepmerge';\nimport { darken, getContrastRatio, lighten } from '@mui/system/colorManipulator';\nimport common from \"../colors/common.js\";\nimport grey from \"../colors/grey.js\";\nimport purple from \"../colors/purple.js\";\nimport red from \"../colors/red.js\";\nimport orange from \"../colors/orange.js\";\nimport blue from \"../colors/blue.js\";\nimport lightBlue from \"../colors/lightBlue.js\";\nimport green from \"../colors/green.js\";\nfunction getLight() {\n  return {\n    // The colors used to style the text.\n    text: {\n      // The most important text.\n      primary: 'rgba(0, 0, 0, 0.87)',\n      // Secondary text.\n      secondary: 'rgba(0, 0, 0, 0.6)',\n      // Disabled text have even lower visual prominence.\n      disabled: 'rgba(0, 0, 0, 0.38)'\n    },\n    // The color used to divide different elements.\n    divider: 'rgba(0, 0, 0, 0.12)',\n    // The background colors used to style the surfaces.\n    // Consistency between these values is important.\n    background: {\n      paper: common.white,\n      default: common.white\n    },\n    // The colors used to style the action elements.\n    action: {\n      // The color of an active action like an icon button.\n      active: 'rgba(0, 0, 0, 0.54)',\n      // The color of an hovered action.\n      hover: 'rgba(0, 0, 0, 0.04)',\n      hoverOpacity: 0.04,\n      // The color of a selected action.\n      selected: 'rgba(0, 0, 0, 0.08)',\n      selectedOpacity: 0.08,\n      // The color of a disabled action.\n      disabled: 'rgba(0, 0, 0, 0.26)',\n      // The background color of a disabled action.\n      disabledBackground: 'rgba(0, 0, 0, 0.12)',\n      disabledOpacity: 0.38,\n      focus: 'rgba(0, 0, 0, 0.12)',\n      focusOpacity: 0.12,\n      activatedOpacity: 0.12\n    }\n  };\n}\nexport const light = getLight();\nfunction getDark() {\n  return {\n    text: {\n      primary: common.white,\n      secondary: 'rgba(255, 255, 255, 0.7)',\n      disabled: 'rgba(255, 255, 255, 0.5)',\n      icon: 'rgba(255, 255, 255, 0.5)'\n    },\n    divider: 'rgba(255, 255, 255, 0.12)',\n    background: {\n      paper: '#121212',\n      default: '#121212'\n    },\n    action: {\n      active: common.white,\n      hover: 'rgba(255, 255, 255, 0.08)',\n      hoverOpacity: 0.08,\n      selected: 'rgba(255, 255, 255, 0.16)',\n      selectedOpacity: 0.16,\n      disabled: 'rgba(255, 255, 255, 0.3)',\n      disabledBackground: 'rgba(255, 255, 255, 0.12)',\n      disabledOpacity: 0.38,\n      focus: 'rgba(255, 255, 255, 0.12)',\n      focusOpacity: 0.12,\n      activatedOpacity: 0.24\n    }\n  };\n}\nexport const dark = getDark();\nfunction addLightOrDark(intent, direction, shade, tonalOffset) {\n  const tonalOffsetLight = tonalOffset.light || tonalOffset;\n  const tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;\n  if (!intent[direction]) {\n    if (intent.hasOwnProperty(shade)) {\n      intent[direction] = intent[shade];\n    } else if (direction === 'light') {\n      intent.light = lighten(intent.main, tonalOffsetLight);\n    } else if (direction === 'dark') {\n      intent.dark = darken(intent.main, tonalOffsetDark);\n    }\n  }\n}\nfunction getDefaultPrimary(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: blue[200],\n      light: blue[50],\n      dark: blue[400]\n    };\n  }\n  return {\n    main: blue[700],\n    light: blue[400],\n    dark: blue[800]\n  };\n}\nfunction getDefaultSecondary(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: purple[200],\n      light: purple[50],\n      dark: purple[400]\n    };\n  }\n  return {\n    main: purple[500],\n    light: purple[300],\n    dark: purple[700]\n  };\n}\nfunction getDefaultError(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: red[500],\n      light: red[300],\n      dark: red[700]\n    };\n  }\n  return {\n    main: red[700],\n    light: red[400],\n    dark: red[800]\n  };\n}\nfunction getDefaultInfo(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: lightBlue[400],\n      light: lightBlue[300],\n      dark: lightBlue[700]\n    };\n  }\n  return {\n    main: lightBlue[700],\n    light: lightBlue[500],\n    dark: lightBlue[900]\n  };\n}\nfunction getDefaultSuccess(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: green[400],\n      light: green[300],\n      dark: green[700]\n    };\n  }\n  return {\n    main: green[800],\n    light: green[500],\n    dark: green[900]\n  };\n}\nfunction getDefaultWarning(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: orange[400],\n      light: orange[300],\n      dark: orange[700]\n    };\n  }\n  return {\n    main: '#ed6c02',\n    // closest to orange[800] that pass 3:1.\n    light: orange[500],\n    dark: orange[900]\n  };\n}\nexport default function createPalette(palette) {\n  const {\n    mode = 'light',\n    contrastThreshold = 3,\n    tonalOffset = 0.2,\n    ...other\n  } = palette;\n  const primary = palette.primary || getDefaultPrimary(mode);\n  const secondary = palette.secondary || getDefaultSecondary(mode);\n  const error = palette.error || getDefaultError(mode);\n  const info = palette.info || getDefaultInfo(mode);\n  const success = palette.success || getDefaultSuccess(mode);\n  const warning = palette.warning || getDefaultWarning(mode);\n\n  // Use the same logic as\n  // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59\n  // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54\n  function getContrastText(background) {\n    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n    if (process.env.NODE_ENV !== 'production') {\n      const contrast = getContrastRatio(background, contrastText);\n      if (contrast < 3) {\n        console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\\n'));\n      }\n    }\n    return contrastText;\n  }\n  const augmentColor = ({\n    color,\n    name,\n    mainShade = 500,\n    lightShade = 300,\n    darkShade = 700\n  }) => {\n    color = {\n      ...color\n    };\n    if (!color.main && color[mainShade]) {\n      color.main = color[mainShade];\n    }\n    if (!color.hasOwnProperty('main')) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `The color object needs to have a \\`main\\` property or a \\`${mainShade}\\` property.` : _formatErrorMessage(11, name ? ` (${name})` : '', mainShade));\n    }\n    if (typeof color.main !== 'string') {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `\\`color.main\\` should be a string, but \\`${JSON.stringify(color.main)}\\` was provided instead.\\n` + '\\n' + 'Did you intend to use one of the following approaches?\\n' + '\\n' + 'import { green } from \"@mui/material/colors\";\\n' + '\\n' + 'const theme1 = createTheme({ palette: {\\n' + '  primary: green,\\n' + '} });\\n' + '\\n' + 'const theme2 = createTheme({ palette: {\\n' + '  primary: { main: green[500] },\\n' + '} });' : _formatErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));\n    }\n    addLightOrDark(color, 'light', lightShade, tonalOffset);\n    addLightOrDark(color, 'dark', darkShade, tonalOffset);\n    if (!color.contrastText) {\n      color.contrastText = getContrastText(color.main);\n    }\n    return color;\n  };\n  let modeHydrated;\n  if (mode === 'light') {\n    modeHydrated = getLight();\n  } else if (mode === 'dark') {\n    modeHydrated = getDark();\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    if (!modeHydrated) {\n      console.error(`MUI: The palette mode \\`${mode}\\` is not supported.`);\n    }\n  }\n  const paletteOutput = deepmerge({\n    // A collection of common colors.\n    common: {\n      ...common\n    },\n    // prevent mutable object.\n    // The palette mode, can be light or dark.\n    mode,\n    // The colors used to represent primary interface elements for a user.\n    primary: augmentColor({\n      color: primary,\n      name: 'primary'\n    }),\n    // The colors used to represent secondary interface elements for a user.\n    secondary: augmentColor({\n      color: secondary,\n      name: 'secondary',\n      mainShade: 'A400',\n      lightShade: 'A200',\n      darkShade: 'A700'\n    }),\n    // The colors used to represent interface elements that the user should be made aware of.\n    error: augmentColor({\n      color: error,\n      name: 'error'\n    }),\n    // The colors used to represent potentially dangerous actions or important messages.\n    warning: augmentColor({\n      color: warning,\n      name: 'warning'\n    }),\n    // The colors used to present information to the user that is neutral and not necessarily important.\n    info: augmentColor({\n      color: info,\n      name: 'info'\n    }),\n    // The colors used to indicate the successful completion of an action that user triggered.\n    success: augmentColor({\n      color: success,\n      name: 'success'\n    }),\n    // The grey colors.\n    grey,\n    // Used by `getContrastText()` to maximize the contrast between\n    // the background and the text.\n    contrastThreshold,\n    // Takes a background color and returns the text color that maximizes the contrast.\n    getContrastText,\n    // Generate a rich color object.\n    augmentColor,\n    // Used by the functions below to shift a color's luminance by approximately\n    // two indexes within its tonal palette.\n    // E.g., shift from Red 500 to Red 300 or Red 700.\n    tonalOffset,\n    // The light and dark mode object.\n    ...modeHydrated\n  }, other);\n  return paletteOutput;\n}"],"names":["getLight","common","light","getDark","dark","addLightOrDark","intent","direction","shade","tonalOffset","tonalOffsetLight","tonalOffsetDark","lighten","darken","getDefaultPrimary","mode","blue","getDefaultSecondary","purple","getDefaultError","red","getDefaultInfo","lightBlue","getDefaultSuccess","green","getDefaultWarning","orange","createPalette","palette","contrastThreshold","other","primary","secondary","error","info","success","warning","getContrastText","background","contrastText","getContrastRatio","contrast","augmentColor","color","name","mainShade","lightShade","darkShade","_formatErrorMessage","modeHydrated","deepmerge","grey"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es204.js

@@ -1,67 +1,163 @@
-import * as r from "react";
-import * as E from "react-dom";
-import p from "./ui-components.es80.js";
-import y from "./ui-components.es162.js";
-import P from "./ui-components.es191.js";
-import f from "./ui-components.es89.js";
-import m from "./ui-components.es327.js";
-import T from "./ui-components.es207.js";
-import N from "./ui-components.es88.js";
-function R(n) {
-  return typeof n == "function" ? n() : n;
+import R from "./ui-components.es205.js";
+import U, { getOverlays as W, getOpacity as j } from "./ui-components.es207.js";
+import z from "./ui-components.es209.js";
+import q from "./ui-components.es210.js";
+import { stringifyTheme as J } from "./ui-components.es211.js";
+import K from "./ui-components.es167.js";
+import Q from "./ui-components.es212.js";
+import { private_safeDarken as n, private_safeLighten as o, private_safeEmphasize as A, private_safeAlpha as w, private_safeColorChannel as y, hslToRgb as X } from "./ui-components.es51.js";
+import Y from "./ui-components.es213.js";
+import Z from "./ui-components.es214.js";
+import ee from "./ui-components.es215.js";
+import re from "./ui-components.es216.js";
+import { createGetColorSchemeSelector as te } from "./ui-components.es217.js";
+import ae from "./ui-components.es218.js";
+import ne from "./ui-components.es219.js";
+import { createUnarySpacing as oe } from "./ui-components.es220.js";
+function ie(a, i) {
+  i.forEach((c) => {
+    a[c] || (a[c] = {});
+  });
 }
-const l = /* @__PURE__ */ r.forwardRef(function(c, i) {
+function r(a, i, c) {
+  !a[i] && c && (a[i] = c);
+}
+function b(a) {
+  return typeof a != "string" || !a.startsWith("hsl") ? a : X(a);
+}
+function p(a, i) {
+  `${i}Channel` in a || (a[`${i}Channel`] = y(b(a[i]), `MUI: Can't create \`palette.${i}Channel\` because \`palette.${i}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${i}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
+}
+function le(a) {
+  return typeof a == "number" ? `${a}px` : typeof a == "string" || typeof a == "function" || Array.isArray(a) ? a : "8px";
+}
+const d = (a) => {
+  try {
+    return a();
+  } catch {
+  }
+}, se = (a = "mui") => Z(a);
+function v(a, i, c, C) {
+  if (!i)
+    return;
+  i = i === !0 ? {} : i;
+  const u = C === "dark" ? "dark" : "light";
+  if (!c) {
+    a[C] = U({
+      ...i,
+      palette: {
+        mode: u,
+        ...i?.palette
+      }
+    });
+    return;
+  }
   const {
-    children: e,
-    container: s,
-    disablePortal: t = !1
-  } = c, [o, u] = r.useState(null), a = y(/* @__PURE__ */ r.isValidElement(e) ? P(e) : null, i);
-  if (f(() => {
-    t || u(R(s) || document.body);
-  }, [s, t]), f(() => {
-    if (o && !t)
-      return m(i, o), () => {
-        m(i, null);
-      };
-  }, [i, o, t]), t) {
-    if (/* @__PURE__ */ r.isValidElement(e)) {
-      const d = {
-        ref: a
-      };
-      return /* @__PURE__ */ r.cloneElement(e, d);
+    palette: S,
+    ...k
+  } = R({
+    ...c,
+    palette: {
+      mode: u,
+      ...i?.palette
     }
-    return e;
-  }
-  return o && /* @__PURE__ */ E.createPortal(e, o);
-});
-process.env.NODE_ENV !== "production" && (l.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The children to render into the `container`.
-   */
-  children: p.node,
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: p.oneOfType([T, p.func]),
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: p.bool
-});
-process.env.NODE_ENV !== "production" && (l.propTypes = N(l.propTypes));
+  });
+  return a[C] = {
+    ...i,
+    palette: S,
+    opacity: {
+      ...j(u),
+      ...i?.opacity
+    },
+    overlays: i?.overlays || W(u)
+  }, k;
+}
+function Te(a = {}, ...i) {
+  const {
+    colorSchemes: c = {
+      light: !0
+    },
+    defaultColorScheme: C,
+    disableCssColorScheme: u = !1,
+    cssVarPrefix: S = "mui",
+    shouldSkipGeneratingVar: k = z,
+    colorSchemeSelector: F = c.light && c.dark ? "media" : void 0,
+    rootSelector: P = ":root",
+    ...B
+  } = a, D = Object.keys(c)[0], f = C || (c.light && D !== "light" ? "light" : D), I = se(S), {
+    [f]: $,
+    light: V,
+    dark: L,
+    ...E
+  } = c, h = {
+    ...E
+  };
+  let T = $;
+  if ((f === "dark" && !("dark" in c) || f === "light" && !("light" in c)) && (T = !0), !T)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${f}\` option is either missing or invalid.` : K(21, f));
+  const x = v(h, T, B, f);
+  V && !h.light && v(h, V, void 0, "light"), L && !h.dark && v(h, L, void 0, "dark");
+  let l = {
+    defaultColorScheme: f,
+    ...x,
+    cssVarPrefix: S,
+    colorSchemeSelector: F,
+    rootSelector: P,
+    getCssVar: I,
+    colorSchemes: h,
+    font: {
+      ...Q(x.typography),
+      ...x.font
+    },
+    spacing: le(B.spacing)
+  };
+  Object.keys(l.colorSchemes).forEach((m) => {
+    const e = l.colorSchemes[m].palette, t = (s) => {
+      const g = s.split("-"), M = g[1], N = g[2];
+      return I(s, e[M][N]);
+    };
+    if (e.mode === "light" && (r(e.common, "background", "#fff"), r(e.common, "onBackground", "#000")), e.mode === "dark" && (r(e.common, "background", "#000"), r(e.common, "onBackground", "#fff")), ie(e, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), e.mode === "light") {
+      r(e.Alert, "errorColor", n(e.error.light, 0.6)), r(e.Alert, "infoColor", n(e.info.light, 0.6)), r(e.Alert, "successColor", n(e.success.light, 0.6)), r(e.Alert, "warningColor", n(e.warning.light, 0.6)), r(e.Alert, "errorFilledBg", t("palette-error-main")), r(e.Alert, "infoFilledBg", t("palette-info-main")), r(e.Alert, "successFilledBg", t("palette-success-main")), r(e.Alert, "warningFilledBg", t("palette-warning-main")), r(e.Alert, "errorFilledColor", d(() => e.getContrastText(e.error.main))), r(e.Alert, "infoFilledColor", d(() => e.getContrastText(e.info.main))), r(e.Alert, "successFilledColor", d(() => e.getContrastText(e.success.main))), r(e.Alert, "warningFilledColor", d(() => e.getContrastText(e.warning.main))), r(e.Alert, "errorStandardBg", o(e.error.light, 0.9)), r(e.Alert, "infoStandardBg", o(e.info.light, 0.9)), r(e.Alert, "successStandardBg", o(e.success.light, 0.9)), r(e.Alert, "warningStandardBg", o(e.warning.light, 0.9)), r(e.Alert, "errorIconColor", t("palette-error-main")), r(e.Alert, "infoIconColor", t("palette-info-main")), r(e.Alert, "successIconColor", t("palette-success-main")), r(e.Alert, "warningIconColor", t("palette-warning-main")), r(e.AppBar, "defaultBg", t("palette-grey-100")), r(e.Avatar, "defaultBg", t("palette-grey-400")), r(e.Button, "inheritContainedBg", t("palette-grey-300")), r(e.Button, "inheritContainedHoverBg", t("palette-grey-A100")), r(e.Chip, "defaultBorder", t("palette-grey-400")), r(e.Chip, "defaultAvatarColor", t("palette-grey-700")), r(e.Chip, "defaultIconColor", t("palette-grey-700")), r(e.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), r(e.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), r(e.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), r(e.LinearProgress, "primaryBg", o(e.primary.main, 0.62)), r(e.LinearProgress, "secondaryBg", o(e.secondary.main, 0.62)), r(e.LinearProgress, "errorBg", o(e.error.main, 0.62)), r(e.LinearProgress, "infoBg", o(e.info.main, 0.62)), r(e.LinearProgress, "successBg", o(e.success.main, 0.62)), r(e.LinearProgress, "warningBg", o(e.warning.main, 0.62)), r(e.Skeleton, "bg", `rgba(${t("palette-text-primaryChannel")} / 0.11)`), r(e.Slider, "primaryTrack", o(e.primary.main, 0.62)), r(e.Slider, "secondaryTrack", o(e.secondary.main, 0.62)), r(e.Slider, "errorTrack", o(e.error.main, 0.62)), r(e.Slider, "infoTrack", o(e.info.main, 0.62)), r(e.Slider, "successTrack", o(e.success.main, 0.62)), r(e.Slider, "warningTrack", o(e.warning.main, 0.62));
+      const s = A(e.background.default, 0.8);
+      r(e.SnackbarContent, "bg", s), r(e.SnackbarContent, "color", d(() => e.getContrastText(s))), r(e.SpeedDialAction, "fabHoverBg", A(e.background.paper, 0.15)), r(e.StepConnector, "border", t("palette-grey-400")), r(e.StepContent, "border", t("palette-grey-400")), r(e.Switch, "defaultColor", t("palette-common-white")), r(e.Switch, "defaultDisabledColor", t("palette-grey-100")), r(e.Switch, "primaryDisabledColor", o(e.primary.main, 0.62)), r(e.Switch, "secondaryDisabledColor", o(e.secondary.main, 0.62)), r(e.Switch, "errorDisabledColor", o(e.error.main, 0.62)), r(e.Switch, "infoDisabledColor", o(e.info.main, 0.62)), r(e.Switch, "successDisabledColor", o(e.success.main, 0.62)), r(e.Switch, "warningDisabledColor", o(e.warning.main, 0.62)), r(e.TableCell, "border", o(w(e.divider, 1), 0.88)), r(e.Tooltip, "bg", w(e.grey[700], 0.92));
+    }
+    if (e.mode === "dark") {
+      r(e.Alert, "errorColor", o(e.error.light, 0.6)), r(e.Alert, "infoColor", o(e.info.light, 0.6)), r(e.Alert, "successColor", o(e.success.light, 0.6)), r(e.Alert, "warningColor", o(e.warning.light, 0.6)), r(e.Alert, "errorFilledBg", t("palette-error-dark")), r(e.Alert, "infoFilledBg", t("palette-info-dark")), r(e.Alert, "successFilledBg", t("palette-success-dark")), r(e.Alert, "warningFilledBg", t("palette-warning-dark")), r(e.Alert, "errorFilledColor", d(() => e.getContrastText(e.error.dark))), r(e.Alert, "infoFilledColor", d(() => e.getContrastText(e.info.dark))), r(e.Alert, "successFilledColor", d(() => e.getContrastText(e.success.dark))), r(e.Alert, "warningFilledColor", d(() => e.getContrastText(e.warning.dark))), r(e.Alert, "errorStandardBg", n(e.error.light, 0.9)), r(e.Alert, "infoStandardBg", n(e.info.light, 0.9)), r(e.Alert, "successStandardBg", n(e.success.light, 0.9)), r(e.Alert, "warningStandardBg", n(e.warning.light, 0.9)), r(e.Alert, "errorIconColor", t("palette-error-main")), r(e.Alert, "infoIconColor", t("palette-info-main")), r(e.Alert, "successIconColor", t("palette-success-main")), r(e.Alert, "warningIconColor", t("palette-warning-main")), r(e.AppBar, "defaultBg", t("palette-grey-900")), r(e.AppBar, "darkBg", t("palette-background-paper")), r(e.AppBar, "darkColor", t("palette-text-primary")), r(e.Avatar, "defaultBg", t("palette-grey-600")), r(e.Button, "inheritContainedBg", t("palette-grey-800")), r(e.Button, "inheritContainedHoverBg", t("palette-grey-700")), r(e.Chip, "defaultBorder", t("palette-grey-700")), r(e.Chip, "defaultAvatarColor", t("palette-grey-300")), r(e.Chip, "defaultIconColor", t("palette-grey-300")), r(e.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), r(e.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), r(e.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), r(e.LinearProgress, "primaryBg", n(e.primary.main, 0.5)), r(e.LinearProgress, "secondaryBg", n(e.secondary.main, 0.5)), r(e.LinearProgress, "errorBg", n(e.error.main, 0.5)), r(e.LinearProgress, "infoBg", n(e.info.main, 0.5)), r(e.LinearProgress, "successBg", n(e.success.main, 0.5)), r(e.LinearProgress, "warningBg", n(e.warning.main, 0.5)), r(e.Skeleton, "bg", `rgba(${t("palette-text-primaryChannel")} / 0.13)`), r(e.Slider, "primaryTrack", n(e.primary.main, 0.5)), r(e.Slider, "secondaryTrack", n(e.secondary.main, 0.5)), r(e.Slider, "errorTrack", n(e.error.main, 0.5)), r(e.Slider, "infoTrack", n(e.info.main, 0.5)), r(e.Slider, "successTrack", n(e.success.main, 0.5)), r(e.Slider, "warningTrack", n(e.warning.main, 0.5));
+      const s = A(e.background.default, 0.98);
+      r(e.SnackbarContent, "bg", s), r(e.SnackbarContent, "color", d(() => e.getContrastText(s))), r(e.SpeedDialAction, "fabHoverBg", A(e.background.paper, 0.15)), r(e.StepConnector, "border", t("palette-grey-600")), r(e.StepContent, "border", t("palette-grey-600")), r(e.Switch, "defaultColor", t("palette-grey-300")), r(e.Switch, "defaultDisabledColor", t("palette-grey-600")), r(e.Switch, "primaryDisabledColor", n(e.primary.main, 0.55)), r(e.Switch, "secondaryDisabledColor", n(e.secondary.main, 0.55)), r(e.Switch, "errorDisabledColor", n(e.error.main, 0.55)), r(e.Switch, "infoDisabledColor", n(e.info.main, 0.55)), r(e.Switch, "successDisabledColor", n(e.success.main, 0.55)), r(e.Switch, "warningDisabledColor", n(e.warning.main, 0.55)), r(e.TableCell, "border", n(w(e.divider, 1), 0.68)), r(e.Tooltip, "bg", w(e.grey[700], 0.92));
+    }
+    p(e.background, "default"), p(e.background, "paper"), p(e.common, "background"), p(e.common, "onBackground"), p(e, "divider"), Object.keys(e).forEach((s) => {
+      const g = e[s];
+      s !== "tonalOffset" && g && typeof g == "object" && (g.main && r(e[s], "mainChannel", y(b(g.main))), g.light && r(e[s], "lightChannel", y(b(g.light))), g.dark && r(e[s], "darkChannel", y(b(g.dark))), g.contrastText && r(e[s], "contrastTextChannel", y(b(g.contrastText))), s === "text" && (p(e[s], "primary"), p(e[s], "secondary")), s === "action" && (g.active && p(e[s], "active"), g.selected && p(e[s], "selected")));
+    });
+  }), l = i.reduce((m, e) => Y(m, e), l);
+  const G = {
+    prefix: S,
+    disableCssColorScheme: u,
+    shouldSkipGeneratingVar: k,
+    getSelector: q(l)
+  }, {
+    vars: _,
+    generateThemeVars: O,
+    generateStyleSheets: H
+  } = ee(l, G);
+  return l.vars = _, Object.entries(l.colorSchemes[l.defaultColorScheme]).forEach(([m, e]) => {
+    l[m] = e;
+  }), l.generateThemeVars = O, l.generateStyleSheets = H, l.generateSpacing = function() {
+    return re(B.spacing, oe(this));
+  }, l.getColorSchemeSelector = te(F), l.spacing = l.generateSpacing(), l.shouldSkipGeneratingVar = k, l.unstable_sxConfig = {
+    ...ae,
+    ...B?.unstable_sxConfig
+  }, l.unstable_sx = function(e) {
+    return ne({
+      sx: e,
+      theme: this
+    });
+  }, l.toRuntimeSource = J, l;
+}
 export {
-  l as default
+  se as createGetCssVar,
+  Te as default
 };
 //# sourceMappingURL=ui-components.es204.js.map