@weng-lab/ui-components 2.1.0 → 2.1.1

package/dist/ui-components.es186.js

@@ -1,10 +1,273 @@
-import e from "./ui-components.es101.js";
-import i from "./ui-components.es100.js";
-function n(t) {
-  return e("MuiTableContainer", t);
+import h from "./ui-components.es259.js";
+import L from "./ui-components.es260.js";
+import d from "./ui-components.es261.js";
+import g from "./ui-components.es262.js";
+import p from "./ui-components.es263.js";
+import m from "./ui-components.es264.js";
+import f from "./ui-components.es265.js";
+import l from "./ui-components.es266.js";
+import P from "./ui-components.es198.js";
+import { getContrastRatio as O, lighten as U, darken as V } from "./ui-components.es52.js";
+import $ from "./ui-components.es146.js";
+function T() {
+  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: h.white,
+      default: h.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 B = T();
+function N() {
+  return {
+    text: {
+      primary: h.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: h.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 D = N();
+function x(r, t, n, e) {
+  const o = e.light || e, u = e.dark || e * 1.5;
+  r[t] || (r.hasOwnProperty(n) ? r[t] = r[n] : t === "light" ? r.light = U(r.main, o) : t === "dark" && (r.dark = V(r.main, u)));
+}
+function E(r, t, n, e, o) {
+  const u = o.light || o, k = o.dark || o * 1.5;
+  t[n] || (t.hasOwnProperty(e) ? t[n] = t[e] : n === "light" ? t.light = `color-mix(in ${r}, ${t.main}, #fff ${(u * 100).toFixed(0)}%)` : n === "dark" && (t.dark = `color-mix(in ${r}, ${t.main}, #000 ${(k * 100).toFixed(0)}%)`));
+}
+function R(r = "light") {
+  return r === "dark" ? {
+    main: m[200],
+    light: m[50],
+    dark: m[400]
+  } : {
+    main: m[700],
+    light: m[400],
+    dark: m[800]
+  };
+}
+function W(r = "light") {
+  return r === "dark" ? {
+    main: d[200],
+    light: d[50],
+    dark: d[400]
+  } : {
+    main: d[500],
+    light: d[300],
+    dark: d[700]
+  };
+}
+function j(r = "light") {
+  return r === "dark" ? {
+    main: g[500],
+    light: g[300],
+    dark: g[700]
+  } : {
+    main: g[700],
+    light: g[400],
+    dark: g[800]
+  };
+}
+function F(r = "light") {
+  return r === "dark" ? {
+    main: f[400],
+    light: f[300],
+    dark: f[700]
+  } : {
+    main: f[700],
+    light: f[500],
+    dark: f[900]
+  };
+}
+function G(r = "light") {
+  return r === "dark" ? {
+    main: l[400],
+    light: l[300],
+    dark: l[700]
+  } : {
+    main: l[800],
+    light: l[500],
+    dark: l[900]
+  };
+}
+function J(r = "light") {
+  return r === "dark" ? {
+    main: p[400],
+    light: p[300],
+    dark: p[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: p[500],
+    dark: p[900]
+  };
+}
+function S(r) {
+  return `oklch(from ${r} var(--__l) 0 h / var(--__a))`;
+}
+function ir(r) {
+  const {
+    mode: t = "light",
+    contrastThreshold: n = 3,
+    tonalOffset: e = 0.2,
+    colorSpace: o,
+    ...u
+  } = r, k = r.primary || R(t), C = r.secondary || W(t), _ = r.error || j(t), M = r.info || F(t), A = r.success || G(t), I = r.warning || J(t);
+  function b(a) {
+    if (o)
+      return S(a);
+    const i = O(a, D.text.primary) >= n ? D.text.primary : B.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const c = O(a, i);
+      c < 3 && console.error([`MUI: The contrast ratio of ${c}:1 for ${i} on ${a}`, "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 i;
+  }
+  const s = ({
+    color: a,
+    name: i,
+    mainShade: c = 500,
+    lightShade: v = 300,
+    darkShade: w = 700
+  }) => {
+    if (a = {
+      ...a
+    }, !a.main && a[c] && (a.main = a[c]), !a.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${i ? ` (${i})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${c}\` property.` : $(11, i ? ` (${i})` : "", c));
+    if (typeof a.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${i ? ` (${i})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(a.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] },
+} });` : $(12, i ? ` (${i})` : "", JSON.stringify(a.main)));
+    return o ? (E(o, a, "light", v, e), E(o, a, "dark", w, e)) : (x(a, "light", v, e), x(a, "dark", w, e)), a.contrastText || (a.contrastText = b(a.main)), a;
+  };
+  let y;
+  return t === "light" ? y = T() : t === "dark" && (y = N()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), P({
+    // A collection of common colors.
+    common: {
+      ...h
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: t,
+    // The colors used to represent primary interface elements for a user.
+    primary: s({
+      color: k,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: s({
+      color: C,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: s({
+      color: _,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: s({
+      color: I,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: s({
+      color: M,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: s({
+      color: A,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: L,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: n,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: b,
+    // Generate a rich color object.
+    augmentColor: s,
+    // 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: e,
+    // The light and dark mode object.
+    ...y
+  }, u);
 }
-i("MuiTableContainer", ["root"]);
 export {
-  n as getTableContainerUtilityClass
+  S as contrastColor,
+  D as dark,
+  ir as default,
+  B as light
 };
 //# sourceMappingURL=ui-components.es186.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es186.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/TableContainer/tableContainerClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTableContainerUtilityClass(slot) {\n  return generateUtilityClass('MuiTableContainer', slot);\n}\nconst tableContainerClasses = generateUtilityClasses('MuiTableContainer', ['root']);\nexport default tableContainerClasses;"],"names":["getTableContainerUtilityClass","slot","generateUtilityClass","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAA8BC,GAAM;AAClD,SAAOC,EAAqB,qBAAqBD,CAAI;AACvD;AAC8BE,EAAuB,qBAAqB,CAAC,MAAM,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es186.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/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 mixLightOrDark(colorSpace, 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 = `color-mix(in ${colorSpace}, ${intent.main}, #fff ${(tonalOffsetLight * 100).toFixed(0)}%)`;\n    } else if (direction === 'dark') {\n      intent.dark = `color-mix(in ${colorSpace}, ${intent.main}, #000 ${(tonalOffsetDark * 100).toFixed(0)}%)`;\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}\n\n// Use the same name as the experimental CSS `contrast-color` function.\nexport function contrastColor(background) {\n  return `oklch(from ${background} var(--__l) 0 h / var(--__a))`;\n}\nexport default function createPalette(palette) {\n  const {\n    mode = 'light',\n    contrastThreshold = 3,\n    tonalOffset = 0.2,\n    colorSpace,\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    if (colorSpace) {\n      return contrastColor(background);\n    }\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    if (colorSpace) {\n      mixLightOrDark(colorSpace, color, 'light', lightShade, tonalOffset);\n      mixLightOrDark(colorSpace, color, 'dark', darkShade, tonalOffset);\n    } else {\n      addLightOrDark(color, 'light', lightShade, tonalOffset);\n      addLightOrDark(color, 'dark', darkShade, tonalOffset);\n    }\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","mixLightOrDark","colorSpace","getDefaultPrimary","mode","blue","getDefaultSecondary","purple","getDefaultError","red","getDefaultInfo","lightBlue","getDefaultSuccess","green","getDefaultWarning","orange","contrastColor","background","createPalette","palette","contrastThreshold","other","primary","secondary","error","info","success","warning","getContrastText","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.es187.js

@@ -1,129 +1,178 @@
-import p from "./ui-components.es188.js";
-import c from "./ui-components.es189.js";
-import u from "./ui-components.es151.js";
-function m(i) {
-  const e = u(i);
-  return e.body === i ? c(i).innerWidth > e.documentElement.clientWidth : i.scrollHeight > i.clientHeight;
-}
-function a(i, e) {
-  e ? i.setAttribute("aria-hidden", "true") : i.removeAttribute("aria-hidden");
+import j from "./ui-components.es188.js";
+import z, { getOverlays as q, getOpacity as J } from "./ui-components.es190.js";
+import K from "./ui-components.es194.js";
+import Q from "./ui-components.es195.js";
+import { stringifyTheme as X } from "./ui-components.es196.js";
+import { dark as Y, light as Z } from "./ui-components.es186.js";
+import ee from "./ui-components.es146.js";
+import re from "./ui-components.es197.js";
+import { private_safeDarken as l, private_safeLighten as s, private_safeAlpha as b, private_safeEmphasize as I, private_safeColorChannel as x, hslToRgb as te } from "./ui-components.es52.js";
+import ae from "./ui-components.es198.js";
+import ne from "./ui-components.es199.js";
+import ie from "./ui-components.es200.js";
+import { createGetColorSchemeSelector as oe } from "./ui-components.es201.js";
+import le from "./ui-components.es202.js";
+import se from "./ui-components.es203.js";
+import ce from "./ui-components.es204.js";
+import { createUnarySpacing as ge } from "./ui-components.es205.js";
+function pe(o, m) {
+  m.forEach((g) => {
+    o[g] || (o[g] = {});
+  });
 }
-function h(i) {
-  return parseInt(c(i).getComputedStyle(i).paddingRight, 10) || 0;
+function r(o, m, g) {
+  !o[m] && g && (o[m] = g);
 }
-function y(i) {
-  const o = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].includes(i.tagName), t = i.tagName === "INPUT" && i.getAttribute("type") === "hidden";
-  return o || t;
+function T(o) {
+  return typeof o != "string" || !o.startsWith("hsl") ? o : te(o);
 }
-function g(i, e, o, t, s) {
-  const n = [e, o, ...t];
-  [].forEach.call(i.children, (r) => {
-    const d = !n.includes(r), l = !y(r);
-    d && l && a(r, s);
-  });
+function h(o, m) {
+  `${m}Channel` in o || (o[`${m}Channel`] = x(T(o[m]), `MUI: Can't create \`palette.${m}Channel\` because \`palette.${m}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${m}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
-function f(i, e) {
-  let o = -1;
-  return i.some((t, s) => e(t) ? (o = s, !0) : !1), o;
+function de(o) {
+  return typeof o == "number" ? `${o}px` : typeof o == "string" || typeof o == "function" || Array.isArray(o) ? o : "8px";
 }
-function R(i, e) {
-  const o = [], t = i.container;
-  if (!e.disableScrollLock) {
-    if (m(t)) {
-      const r = p(c(t));
-      o.push({
-        value: t.style.paddingRight,
-        property: "padding-right",
-        el: t
-      }), t.style.paddingRight = `${h(t) + r}px`;
-      const d = u(t).querySelectorAll(".mui-fixed");
-      [].forEach.call(d, (l) => {
-        o.push({
-          value: l.style.paddingRight,
-          property: "padding-right",
-          el: l
-        }), l.style.paddingRight = `${h(l) + r}px`;
-      });
-    }
-    let n;
-    if (t.parentNode instanceof DocumentFragment)
-      n = u(t).body;
-    else {
-      const r = t.parentElement, d = c(t);
-      n = r?.nodeName === "HTML" && d.getComputedStyle(r).overflowY === "scroll" ? r : t;
-    }
-    o.push({
-      value: n.style.overflow,
-      property: "overflow",
-      el: n
-    }, {
-      value: n.style.overflowX,
-      property: "overflow-x",
-      el: n
-    }, {
-      value: n.style.overflowY,
-      property: "overflow-y",
-      el: n
-    }), n.style.overflow = "hidden";
+const u = (o) => {
+  try {
+    return o();
+  } catch {
   }
-  return () => {
-    o.forEach(({
-      value: n,
-      el: r,
-      property: d
-    }) => {
-      n ? r.style.setProperty(d, n) : r.style.removeProperty(d);
+}, me = (o = "mui") => ce(o);
+function L(o, m, g, v, A) {
+  if (!g)
+    return;
+  g = g === !0 ? {} : g;
+  const C = A === "dark" ? "dark" : "light";
+  if (!v) {
+    m[A] = z({
+      ...g,
+      palette: {
+        mode: C,
+        ...g?.palette
+      },
+      colorSpace: o
     });
-  };
-}
-function b(i) {
-  const e = [];
-  return [].forEach.call(i.children, (o) => {
-    o.getAttribute("aria-hidden") === "true" && e.push(o);
-  }), e;
-}
-class v {
-  constructor() {
-    this.modals = [], this.containers = [];
-  }
-  add(e, o) {
-    let t = this.modals.indexOf(e);
-    if (t !== -1)
-      return t;
-    t = this.modals.length, this.modals.push(e), e.modalRef && a(e.modalRef, !1);
-    const s = b(o);
-    g(o, e.mount, e.modalRef, s, !0);
-    const n = f(this.containers, (r) => r.container === o);
-    return n !== -1 ? (this.containers[n].modals.push(e), t) : (this.containers.push({
-      modals: [e],
-      container: o,
-      restore: null,
-      hiddenSiblings: s
-    }), t);
-  }
-  mount(e, o) {
-    const t = f(this.containers, (n) => n.modals.includes(e)), s = this.containers[t];
-    s.restore || (s.restore = R(s, o));
+    return;
   }
-  remove(e, o = !0) {
-    const t = this.modals.indexOf(e);
-    if (t === -1)
-      return t;
-    const s = f(this.containers, (r) => r.modals.includes(e)), n = this.containers[s];
-    if (n.modals.splice(n.modals.indexOf(e), 1), this.modals.splice(t, 1), n.modals.length === 0)
-      n.restore && n.restore(), e.modalRef && a(e.modalRef, o), g(n.container, e.mount, e.modalRef, n.hiddenSiblings, !1), this.containers.splice(s, 1);
-    else {
-      const r = n.modals[n.modals.length - 1];
-      r.modalRef && a(r.modalRef, !1);
+  const {
+    palette: t,
+    ...F
+  } = j({
+    ...v,
+    palette: {
+      mode: C,
+      ...g?.palette
+    },
+    colorSpace: o
+  });
+  return m[A] = {
+    ...g,
+    palette: t,
+    opacity: {
+      ...J(C),
+      ...g?.opacity
+    },
+    overlays: g?.overlays || q(C)
+  }, F;
+}
+function Ve(o = {}, ...m) {
+  const {
+    colorSchemes: g = {
+      light: !0
+    },
+    defaultColorScheme: v,
+    disableCssColorScheme: A = !1,
+    cssVarPrefix: C = "mui",
+    nativeColor: t = !1,
+    shouldSkipGeneratingVar: F = K,
+    colorSchemeSelector: P = g.light && g.dark ? "media" : void 0,
+    rootSelector: O = ":root",
+    ...D
+  } = o, E = Object.keys(g)[0], S = v || (g.light && E !== "light" ? "light" : E), a = me(C), {
+    [S]: M,
+    light: G,
+    dark: _,
+    ...H
+  } = g, k = {
+    ...H
+  };
+  let V = M;
+  if ((S === "dark" && !("dark" in g) || S === "light" && !("light" in g)) && (V = !0), !V)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${S}\` option is either missing or invalid.` : ee(21, S));
+  let f;
+  t && (f = "oklch");
+  const $ = L(f, k, V, D, S);
+  G && !k.light && L(f, k, G, void 0, "light"), _ && !k.dark && L(f, k, _, void 0, "dark");
+  let p = {
+    defaultColorScheme: S,
+    ...$,
+    cssVarPrefix: C,
+    colorSchemeSelector: P,
+    rootSelector: O,
+    getCssVar: a,
+    colorSchemes: k,
+    font: {
+      ...re($.typography),
+      ...$.font
+    },
+    spacing: de(D.spacing)
+  };
+  Object.keys(p.colorSchemes).forEach((y) => {
+    const e = p.colorSchemes[y].palette, i = (c) => {
+      const d = c.split("-"), w = d[1], B = d[2];
+      return a(c, e[w][B]);
+    };
+    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"));
+    function n(c, d, w) {
+      if (f) {
+        let B;
+        return c === b && (B = `transparent ${((1 - w) * 100).toFixed(0)}%`), c === l && (B = `#000 ${(w * 100).toFixed(0)}%`), c === s && (B = `#fff ${(w * 100).toFixed(0)}%`), `color-mix(in ${f}, ${d}, ${B})`;
+      }
+      return c(d, w);
     }
-    return t;
-  }
-  isTopModal(e) {
-    return this.modals.length > 0 && this.modals[this.modals.length - 1] === e;
-  }
+    if (pe(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(l, t ? a("palette-error-light") : e.error.light, 0.6)), r(e.Alert, "infoColor", n(l, t ? a("palette-info-light") : e.info.light, 0.6)), r(e.Alert, "successColor", n(l, t ? a("palette-success-light") : e.success.light, 0.6)), r(e.Alert, "warningColor", n(l, t ? a("palette-warning-light") : e.warning.light, 0.6)), r(e.Alert, "errorFilledBg", i("palette-error-main")), r(e.Alert, "infoFilledBg", i("palette-info-main")), r(e.Alert, "successFilledBg", i("palette-success-main")), r(e.Alert, "warningFilledBg", i("palette-warning-main")), r(e.Alert, "errorFilledColor", u(() => e.getContrastText(e.error.main))), r(e.Alert, "infoFilledColor", u(() => e.getContrastText(e.info.main))), r(e.Alert, "successFilledColor", u(() => e.getContrastText(e.success.main))), r(e.Alert, "warningFilledColor", u(() => e.getContrastText(e.warning.main))), r(e.Alert, "errorStandardBg", n(s, t ? a("palette-error-light") : e.error.light, 0.9)), r(e.Alert, "infoStandardBg", n(s, t ? a("palette-info-light") : e.info.light, 0.9)), r(e.Alert, "successStandardBg", n(s, t ? a("palette-success-light") : e.success.light, 0.9)), r(e.Alert, "warningStandardBg", n(s, t ? a("palette-warning-light") : e.warning.light, 0.9)), r(e.Alert, "errorIconColor", i("palette-error-main")), r(e.Alert, "infoIconColor", i("palette-info-main")), r(e.Alert, "successIconColor", i("palette-success-main")), r(e.Alert, "warningIconColor", i("palette-warning-main")), r(e.AppBar, "defaultBg", i("palette-grey-100")), r(e.Avatar, "defaultBg", i("palette-grey-400")), r(e.Button, "inheritContainedBg", i("palette-grey-300")), r(e.Button, "inheritContainedHoverBg", i("palette-grey-A100")), r(e.Chip, "defaultBorder", i("palette-grey-400")), r(e.Chip, "defaultAvatarColor", i("palette-grey-700")), r(e.Chip, "defaultIconColor", i("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", n(s, t ? a("palette-primary-main") : e.primary.main, 0.62)), r(e.LinearProgress, "secondaryBg", n(s, t ? a("palette-secondary-main") : e.secondary.main, 0.62)), r(e.LinearProgress, "errorBg", n(s, t ? a("palette-error-main") : e.error.main, 0.62)), r(e.LinearProgress, "infoBg", n(s, t ? a("palette-info-main") : e.info.main, 0.62)), r(e.LinearProgress, "successBg", n(s, t ? a("palette-success-main") : e.success.main, 0.62)), r(e.LinearProgress, "warningBg", n(s, t ? a("palette-warning-light") : e.warning.main, 0.62)), r(e.Skeleton, "bg", f ? n(b, t ? a("palette-text-primary") : e.text.primary, 0.11) : `rgba(${i("palette-text-primaryChannel")} / 0.11)`), r(e.Slider, "primaryTrack", n(s, t ? a("palette-primary-main") : e.primary.main, 0.62)), r(e.Slider, "secondaryTrack", n(s, t ? a("palette-secondary-main") : e.secondary.main, 0.62)), r(e.Slider, "errorTrack", n(s, t ? a("palette-error-main") : e.error.main, 0.62)), r(e.Slider, "infoTrack", n(s, t ? a("palette-info-main") : e.info.main, 0.62)), r(e.Slider, "successTrack", n(s, t ? a("palette-success-main") : e.success.main, 0.62)), r(e.Slider, "warningTrack", n(s, t ? a("palette-warning-main") : e.warning.main, 0.62));
+      const c = f ? n(l, t ? a("palette-background-default") : e.background.default, 0.6825) : I(e.background.default, 0.8);
+      r(e.SnackbarContent, "bg", c), r(e.SnackbarContent, "color", u(() => f ? Y.text.primary : e.getContrastText(c))), r(e.SpeedDialAction, "fabHoverBg", I(e.background.paper, 0.15)), r(e.StepConnector, "border", i("palette-grey-400")), r(e.StepContent, "border", i("palette-grey-400")), r(e.Switch, "defaultColor", i("palette-common-white")), r(e.Switch, "defaultDisabledColor", i("palette-grey-100")), r(e.Switch, "primaryDisabledColor", n(s, t ? a("palette-primary-main") : e.primary.main, 0.62)), r(e.Switch, "secondaryDisabledColor", n(s, t ? a("palette-secondary-main") : e.secondary.main, 0.62)), r(e.Switch, "errorDisabledColor", n(s, t ? a("palette-error-main") : e.error.main, 0.62)), r(e.Switch, "infoDisabledColor", n(s, t ? a("palette-info-main") : e.info.main, 0.62)), r(e.Switch, "successDisabledColor", n(s, t ? a("palette-success-main") : e.success.main, 0.62)), r(e.Switch, "warningDisabledColor", n(s, t ? a("palette-warning-main") : e.warning.main, 0.62)), r(e.TableCell, "border", n(s, b(t ? a("palette-divider") : e.divider, 1), 0.88)), r(e.Tooltip, "bg", n(b, t ? a("palette-grey-700") : e.grey[700], 0.92));
+    }
+    if (e.mode === "dark") {
+      r(e.Alert, "errorColor", n(s, t ? a("palette-error-light") : e.error.light, 0.6)), r(e.Alert, "infoColor", n(s, t ? a("palette-info-light") : e.info.light, 0.6)), r(e.Alert, "successColor", n(s, t ? a("palette-success-light") : e.success.light, 0.6)), r(e.Alert, "warningColor", n(s, t ? a("palette-warning-light") : e.warning.light, 0.6)), r(e.Alert, "errorFilledBg", i("palette-error-dark")), r(e.Alert, "infoFilledBg", i("palette-info-dark")), r(e.Alert, "successFilledBg", i("palette-success-dark")), r(e.Alert, "warningFilledBg", i("palette-warning-dark")), r(e.Alert, "errorFilledColor", u(() => e.getContrastText(e.error.dark))), r(e.Alert, "infoFilledColor", u(() => e.getContrastText(e.info.dark))), r(e.Alert, "successFilledColor", u(() => e.getContrastText(e.success.dark))), r(e.Alert, "warningFilledColor", u(() => e.getContrastText(e.warning.dark))), r(e.Alert, "errorStandardBg", n(l, t ? a("palette-error-light") : e.error.light, 0.9)), r(e.Alert, "infoStandardBg", n(l, t ? a("palette-info-light") : e.info.light, 0.9)), r(e.Alert, "successStandardBg", n(l, t ? a("palette-success-light") : e.success.light, 0.9)), r(e.Alert, "warningStandardBg", n(l, t ? a("palette-warning-light") : e.warning.light, 0.9)), r(e.Alert, "errorIconColor", i("palette-error-main")), r(e.Alert, "infoIconColor", i("palette-info-main")), r(e.Alert, "successIconColor", i("palette-success-main")), r(e.Alert, "warningIconColor", i("palette-warning-main")), r(e.AppBar, "defaultBg", i("palette-grey-900")), r(e.AppBar, "darkBg", i("palette-background-paper")), r(e.AppBar, "darkColor", i("palette-text-primary")), r(e.Avatar, "defaultBg", i("palette-grey-600")), r(e.Button, "inheritContainedBg", i("palette-grey-800")), r(e.Button, "inheritContainedHoverBg", i("palette-grey-700")), r(e.Chip, "defaultBorder", i("palette-grey-700")), r(e.Chip, "defaultAvatarColor", i("palette-grey-300")), r(e.Chip, "defaultIconColor", i("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(l, t ? a("palette-primary-main") : e.primary.main, 0.5)), r(e.LinearProgress, "secondaryBg", n(l, t ? a("palette-secondary-main") : e.secondary.main, 0.5)), r(e.LinearProgress, "errorBg", n(l, t ? a("palette-error-main") : e.error.main, 0.5)), r(e.LinearProgress, "infoBg", n(l, t ? a("palette-info-main") : e.info.main, 0.5)), r(e.LinearProgress, "successBg", n(l, t ? a("palette-success-main") : e.success.main, 0.5)), r(e.LinearProgress, "warningBg", n(l, t ? a("palette-warning-main") : e.warning.main, 0.5)), r(e.Skeleton, "bg", f ? n(b, t ? a("palette-text-primary") : e.text.primary, 0.13) : `rgba(${i("palette-text-primaryChannel")} / 0.13)`), r(e.Slider, "primaryTrack", n(l, t ? a("palette-primary-main") : e.primary.main, 0.5)), r(e.Slider, "secondaryTrack", n(l, t ? a("palette-secondary-main") : e.secondary.main, 0.5)), r(e.Slider, "errorTrack", n(l, t ? a("palette-error-main") : e.error.main, 0.5)), r(e.Slider, "infoTrack", n(l, t ? a("palette-info-main") : e.info.main, 0.5)), r(e.Slider, "successTrack", n(l, t ? a("palette-success-main") : e.success.main, 0.5)), r(e.Slider, "warningTrack", n(l, t ? a("palette-warning-light") : e.warning.main, 0.5));
+      const c = f ? n(s, t ? a("palette-background-default") : e.background.default, 0.985) : I(e.background.default, 0.98);
+      r(e.SnackbarContent, "bg", c), r(e.SnackbarContent, "color", u(() => f ? Z.text.primary : e.getContrastText(c))), r(e.SpeedDialAction, "fabHoverBg", I(e.background.paper, 0.15)), r(e.StepConnector, "border", i("palette-grey-600")), r(e.StepContent, "border", i("palette-grey-600")), r(e.Switch, "defaultColor", i("palette-grey-300")), r(e.Switch, "defaultDisabledColor", i("palette-grey-600")), r(e.Switch, "primaryDisabledColor", n(l, t ? a("palette-primary-main") : e.primary.main, 0.55)), r(e.Switch, "secondaryDisabledColor", n(l, t ? a("palette-secondary-main") : e.secondary.main, 0.55)), r(e.Switch, "errorDisabledColor", n(l, t ? a("palette-error-main") : e.error.main, 0.55)), r(e.Switch, "infoDisabledColor", n(l, t ? a("palette-info-main") : e.info.main, 0.55)), r(e.Switch, "successDisabledColor", n(l, t ? a("palette-success-main") : e.success.main, 0.55)), r(e.Switch, "warningDisabledColor", n(l, t ? a("palette-warning-light") : e.warning.main, 0.55)), r(e.TableCell, "border", n(l, b(t ? a("palette-divider") : e.divider, 1), 0.68)), r(e.Tooltip, "bg", n(b, t ? a("palette-grey-700") : e.grey[700], 0.92));
+    }
+    h(e.background, "default"), h(e.background, "paper"), h(e.common, "background"), h(e.common, "onBackground"), h(e, "divider"), Object.keys(e).forEach((c) => {
+      const d = e[c];
+      c !== "tonalOffset" && d && typeof d == "object" && (d.main && r(e[c], "mainChannel", x(T(d.main))), d.light && r(e[c], "lightChannel", x(T(d.light))), d.dark && r(e[c], "darkChannel", x(T(d.dark))), d.contrastText && r(e[c], "contrastTextChannel", x(T(d.contrastText))), c === "text" && (h(e[c], "primary"), h(e[c], "secondary")), c === "action" && (d.active && h(e[c], "active"), d.selected && h(e[c], "selected")));
+    });
+  }), p = m.reduce((y, e) => ae(y, e), p);
+  const N = {
+    prefix: C,
+    disableCssColorScheme: A,
+    shouldSkipGeneratingVar: F,
+    getSelector: Q(p),
+    enableContrastVars: t
+  }, {
+    vars: R,
+    generateThemeVars: U,
+    generateStyleSheets: W
+  } = ne(p, N);
+  return p.vars = R, Object.entries(p.colorSchemes[p.defaultColorScheme]).forEach(([y, e]) => {
+    p[y] = e;
+  }), p.generateThemeVars = U, p.generateStyleSheets = W, p.generateSpacing = function() {
+    return ie(D.spacing, ge(this));
+  }, p.getColorSchemeSelector = oe(P), p.spacing = p.generateSpacing(), p.shouldSkipGeneratingVar = F, p.unstable_sxConfig = {
+    ...le,
+    ...D?.unstable_sxConfig
+  }, p.unstable_sx = function(e) {
+    return se({
+      sx: e,
+      theme: this
+    });
+  }, p.toRuntimeSource = X, p;
 }
 export {
-  v as ModalManager,
-  a as ariaHidden
+  me as createGetCssVar,
+  Ve as default
 };
 //# sourceMappingURL=ui-components.es187.js.map