@weng-lab/ui-components 1.3.3 → 2.0.0

package/dist/ui-components.es139.js

@@ -0,0 +1,55 @@
+import { __require as E } from "./ui-components.es137.js";
+import { __require as _ } from "./ui-components.es138.js";
+var f, v;
+function P() {
+  if (v) return f;
+  v = 1;
+  var o = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var y = /* @__PURE__ */ E(), t = {}, d = /* @__PURE__ */ _();
+    o = function(n) {
+      var a = "Warning: " + n;
+      typeof console < "u" && console.error(a);
+      try {
+        throw new Error(a);
+      } catch {
+      }
+    };
+  }
+  function u(n, a, i, s, c) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var e in n)
+        if (d(n, e)) {
+          var r;
+          try {
+            if (typeof n[e] != "function") {
+              var h = Error(
+                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw h.name = "Invariant Violation", h;
+            }
+            r = n[e](a, e, s, i, null, y);
+          } catch (l) {
+            r = l;
+          }
+          if (r && !(r instanceof Error) && o(
+            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), r instanceof Error && !(r.message in t)) {
+            t[r.message] = !0;
+            var p = c ? c() : "";
+            o(
+              "Failed " + i + " type: " + r.message + (p ?? "")
+            );
+          }
+        }
+    }
+  }
+  return u.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, f = u, f;
+}
+export {
+  P as __require
+};
+//# sourceMappingURL=ui-components.es139.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.es139.js","sources":["../../../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/checkPropTypes.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar printWarning = function() {};\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n  var loggedTypeFailures = {};\n  var has = require('./lib/has');\n\n  printWarning = function(text) {\n    var message = 'Warning: ' + text;\n    if (typeof console !== 'undefined') {\n      console.error(message);\n    }\n    try {\n      // --- Welcome to debugging React ---\n      // This error was thrown as a convenience so that you can use this stack\n      // to find the callsite that caused this warning to fire.\n      throw new Error(message);\n    } catch (x) { /**/ }\n  };\n}\n\n/**\n * Assert that the values match with the type specs.\n * Error messages are memorized and will only be shown once.\n *\n * @param {object} typeSpecs Map of name to a ReactPropType\n * @param {object} values Runtime values that need to be type-checked\n * @param {string} location e.g. \"prop\", \"context\", \"child context\"\n * @param {string} componentName Name of the component for error messages.\n * @param {?Function} getStack Returns the component stack.\n * @private\n */\nfunction checkPropTypes(typeSpecs, values, location, componentName, getStack) {\n  if (process.env.NODE_ENV !== 'production') {\n    for (var typeSpecName in typeSpecs) {\n      if (has(typeSpecs, typeSpecName)) {\n        var error;\n        // Prop type validation may throw. In case they do, we don't want to\n        // fail the render phase where it didn't fail before. So we log it.\n        // After these have been cleaned up, we'll let them throw.\n        try {\n          // This is intentionally an invariant that gets caught. It's the same\n          // behavior as without this statement except with a better message.\n          if (typeof typeSpecs[typeSpecName] !== 'function') {\n            var err = Error(\n              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +\n              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +\n              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'\n            );\n            err.name = 'Invariant Violation';\n            throw err;\n          }\n          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);\n        } catch (ex) {\n          error = ex;\n        }\n        if (error && !(error instanceof Error)) {\n          printWarning(\n            (componentName || 'React class') + ': type specification of ' +\n            location + ' `' + typeSpecName + '` is invalid; the type checker ' +\n            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +\n            'You may have forgotten to pass an argument to the type checker ' +\n            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +\n            'shape all require an argument).'\n          );\n        }\n        if (error instanceof Error && !(error.message in loggedTypeFailures)) {\n          // Only monitor this failure once because there tends to be a lot of the\n          // same error.\n          loggedTypeFailures[error.message] = true;\n\n          var stack = getStack ? getStack() : '';\n\n          printWarning(\n            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')\n          );\n        }\n      }\n    }\n  }\n}\n\n/**\n * Resets warning cache when testing.\n *\n * @private\n */\ncheckPropTypes.resetWarningCache = function() {\n  if (process.env.NODE_ENV !== 'production') {\n    loggedTypeFailures = {};\n  }\n}\n\nmodule.exports = checkPropTypes;\n"],"names":["printWarning","ReactPropTypesSecret","require$$0","loggedTypeFailures","has","require$$1","text","message","checkPropTypes","typeSpecs","values","location","componentName","getStack","typeSpecName","error","err","ex","stack","checkPropTypes_1"],"mappings":";;;;;;AASA,MAAIA,IAAe,WAAW;AAAA,EAAA;AAE9B,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAIC,IAAuBC,gBAAAA,EAAA,GACvBC,IAAqB,CAAA,GACrBC,IAAMC,gBAAAA,EAAA;AAEV,IAAAL,IAAe,SAASM,GAAM;AAC5B,UAAIC,IAAU,cAAcD;AAC5B,MAAI,OAAO,UAAY,OACrB,QAAQ,MAAMC,CAAO;AAEvB,UAAI;AAIF,cAAM,IAAI,MAAMA,CAAO;AAAA,MAC7B,QAAgB;AAAA,MAAA;AAAA,IAChB;AAAA,EACA;AAaA,WAASC,EAAeC,GAAWC,GAAQC,GAAUC,GAAeC,GAAU;AAC5E,QAAI,QAAQ,IAAI,aAAa;AAC3B,eAASC,KAAgBL;AACvB,YAAIL,EAAIK,GAAWK,CAAY,GAAG;AAChC,cAAIC;AAIJ,cAAI;AAGF,gBAAI,OAAON,EAAUK,CAAY,KAAM,YAAY;AACjD,kBAAIE,IAAM;AAAA,iBACPJ,KAAiB,iBAAiB,OAAOD,IAAW,YAAYG,IAAe,+FACC,OAAOL,EAAUK,CAAY,IAAI;AAAA;AAGpH,oBAAAE,EAAI,OAAO,uBACLA;AAAA,YAClB;AACU,YAAAD,IAAQN,EAAUK,CAAY,EAAEJ,GAAQI,GAAcF,GAAeD,GAAU,MAAMV,CAAoB;AAAA,UACnH,SAAiBgB,GAAI;AACX,YAAAF,IAAQE;AAAA,UAClB;AAWQ,cAVIF,KAAS,EAAEA,aAAiB,UAC9Bf;AAAA,aACGY,KAAiB,iBAAiB,6BACnCD,IAAW,OAAOG,IAAe,6FAC6B,OAAOC,IAAQ;AAAA,aAM7EA,aAAiB,SAAS,EAAEA,EAAM,WAAWZ,IAAqB;AAGpE,YAAAA,EAAmBY,EAAM,OAAO,IAAI;AAEpC,gBAAIG,IAAQL,IAAWA,EAAQ,IAAK;AAEpC,YAAAb;AAAA,cACE,YAAYW,IAAW,YAAYI,EAAM,WAAWG,KAAwB;AAAA;UAExF;AAAA,QACA;AAAA;AAAA,EAGA;AAOA,SAAAV,EAAe,oBAAoB,WAAW;AAC5C,IAAI,QAAQ,IAAI,aAAa,iBAC3BL,IAAqB,CAAA;AAAA,EAEzB,GAEAgB,IAAiBX;;","x_google_ignoreList":[0]}

package/dist/ui-components.es14.js

@@ -0,0 +1,23 @@
+import { j as s } from "./ui-components.es12.js";
+import { c as l } from "./ui-components.es13.js";
+import { InfoOutlineRounded as m, WarningAmberRounded as p } from "@mui/icons-material";
+import { Typography as c, Stack as d } from "@mui/material";
+const b = (a) => {
+  const e = l.c(7), {
+    message: i,
+    variant: n
+  } = a;
+  let r;
+  e[0] !== n ? (r = n === "empty" ? /* @__PURE__ */ s.jsx(m, {}) : /* @__PURE__ */ s.jsx(p, {}), e[0] = n, e[1] = r) : r = e[1];
+  let t;
+  e[2] !== i ? (t = /* @__PURE__ */ s.jsx(c, { children: i }), e[2] = i, e[3] = t) : t = e[3];
+  let o;
+  return e[4] !== r || e[5] !== t ? (o = /* @__PURE__ */ s.jsxs(d, { direction: "row", border: "1px solid #e0e0e0", borderRadius: 1, p: 2, spacing: 1, children: [
+    r,
+    t
+  ] }), e[4] = r, e[5] = t, e[6] = o) : o = e[6], o;
+};
+export {
+  b as default
+};
+//# sourceMappingURL=ui-components.es14.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.es14.js","sources":["../src/components/Table/EmptyFallback.tsx"],"sourcesContent":["import { InfoOutlineRounded, WarningAmberRounded } from \"@mui/icons-material\";\nimport { Stack, Typography } from \"@mui/material\";\n\nexport type TableFallbackProps = {\n  message: string;\n  variant: \"error\" | \"empty\";\n};\n\nconst TableFallback = ({ message, variant }: TableFallbackProps) => {\n  return (\n    <Stack direction={\"row\"} border={\"1px solid #e0e0e0\"} borderRadius={1} p={2} spacing={1}>\n      {variant === \"empty\" ? <InfoOutlineRounded /> : <WarningAmberRounded />}\n      <Typography>{message}</Typography>\n    </Stack>\n  );\n};\n\nexport default TableFallback;\n"],"names":["TableFallback","t0","$","_c","message","variant","t1","jsx","InfoOutlineRounded","WarningAmberRounded","t2","Typography","t3","jsxs","Stack"],"mappings":";;;;AAQA,MAAMA,IAAgBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAJ;AAAwC,MAAAK;AAAA,EAAAJ,SAAAG,KAGxDC,IAAAD,MAAY,UAAUE,gBAAAA,MAACC,GAAA,CAAA,CAAkB,0BAAOC,GAAA,EAAmB,GAAGP,OAAAG,GAAAH,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAE,KACvEM,0BAACC,kBAAoB,GAAaT,OAAAE,GAAAF,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,EAAA,CAAA,MAAAI,KAAAJ,SAAAQ,KAFpCE,IAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAiB,WAAA,OAAe,QAAA,qBAAmC,cAAA,GAAM,GAAA,GAAY,YACnFR,UAAAA;AAAAA,IAAAA;AAAAA,IACDI;AAAAA,EAAAA,GACF,GAAQR,OAAAI,GAAAJ,OAAAQ,GAAAR,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAHRU;AAGQ;"}

package/dist/ui-components.es140.js

@@ -0,0 +1,262 @@
+import l from "./ui-components.es235.js";
+import I from "./ui-components.es236.js";
+import s from "./ui-components.es237.js";
+import c from "./ui-components.es238.js";
+import f from "./ui-components.es239.js";
+import d from "./ui-components.es240.js";
+import g from "./ui-components.es241.js";
+import m from "./ui-components.es242.js";
+import P from "./ui-components.es155.js";
+import { getContrastRatio as k, lighten as S, darken as U } from "./ui-components.es56.js";
+import v from "./ui-components.es153.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);
+}
+export {
+  w as dark,
+  tr as default,
+  V as light
+};
+//# sourceMappingURL=ui-components.es140.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.es140.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":";;;;;;;;;;;AAWA,SAASA,IAAW;AAClB,SAAO;AAAA;AAAA,IAEL,MAAM;AAAA;AAAA,MAEJ,SAAS;AAAA;AAAA,MAET,WAAW;AAAA;AAAA,MAEX,UAAU;AAAA,IAChB;AAAA;AAAA,IAEI,SAAS;AAAA;AAAA;AAAA,IAGT,YAAY;AAAA,MACV,OAAOC,EAAO;AAAA,MACd,SAASA,EAAO;AAAA,IACtB;AAAA;AAAA,IAEI,QAAQ;AAAA;AAAA,MAEN,QAAQ;AAAA;AAAA,MAER,OAAO;AAAA,MACP,cAAc;AAAA;AAAA,MAEd,UAAU;AAAA,MACV,iBAAiB;AAAA;AAAA,MAEjB,UAAU;AAAA;AAAA,MAEV,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,cAAc;AAAA,MACd,kBAAkB;AAAA,IACxB;AAAA,EACA;AACA;AACY,MAACC,IAAQF,EAAQ;AAC7B,SAASG,IAAU;AACjB,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,SAASF,EAAO;AAAA,MAChB,WAAW;AAAA,MACX,UAAU;AAAA,MACV,MAAM;AAAA,IACZ;AAAA,IACI,SAAS;AAAA,IACT,YAAY;AAAA,MACV,OAAO;AAAA,MACP,SAAS;AAAA,IACf;AAAA,IACI,QAAQ;AAAA,MACN,QAAQA,EAAO;AAAA,MACf,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,UAAU;AAAA,MACV,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,cAAc;AAAA,MACd,kBAAkB;AAAA,IACxB;AAAA,EACA;AACA;AACY,MAACG,IAAOD,EAAO;AAC3B,SAASE,EAAeC,GAAQC,GAAWC,GAAOC,GAAa;AAC7D,QAAMC,IAAmBD,EAAY,SAASA,GACxCE,IAAkBF,EAAY,QAAQA,IAAc;AAC1D,EAAKH,EAAOC,CAAS,MACfD,EAAO,eAAeE,CAAK,IAC7BF,EAAOC,CAAS,IAAID,EAAOE,CAAK,IACvBD,MAAc,UACvBD,EAAO,QAAQM,EAAQN,EAAO,MAAMI,CAAgB,IAC3CH,MAAc,WACvBD,EAAO,OAAOO,EAAOP,EAAO,MAAMK,CAAe;AAGvD;AACA,SAASG,EAAkBC,IAAO,SAAS;AACzC,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMC,EAAK,GAAG;AAAA,IACd,OAAOA,EAAK,EAAE;AAAA,IACd,MAAMA,EAAK,GAAG;AAAA,EACpB,IAES;AAAA,IACL,MAAMA,EAAK,GAAG;AAAA,IACd,OAAOA,EAAK,GAAG;AAAA,IACf,MAAMA,EAAK,GAAG;AAAA,EAClB;AACA;AACA,SAASC,EAAoBF,IAAO,SAAS;AAC3C,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMG,EAAO,GAAG;AAAA,IAChB,OAAOA,EAAO,EAAE;AAAA,IAChB,MAAMA,EAAO,GAAG;AAAA,EACtB,IAES;AAAA,IACL,MAAMA,EAAO,GAAG;AAAA,IAChB,OAAOA,EAAO,GAAG;AAAA,IACjB,MAAMA,EAAO,GAAG;AAAA,EACpB;AACA;AACA,SAASC,EAAgBJ,IAAO,SAAS;AACvC,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMK,EAAI,GAAG;AAAA,IACb,OAAOA,EAAI,GAAG;AAAA,IACd,MAAMA,EAAI,GAAG;AAAA,EACnB,IAES;AAAA,IACL,MAAMA,EAAI,GAAG;AAAA,IACb,OAAOA,EAAI,GAAG;AAAA,IACd,MAAMA,EAAI,GAAG;AAAA,EACjB;AACA;AACA,SAASC,EAAeN,IAAO,SAAS;AACtC,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMO,EAAU,GAAG;AAAA,IACnB,OAAOA,EAAU,GAAG;AAAA,IACpB,MAAMA,EAAU,GAAG;AAAA,EACzB,IAES;AAAA,IACL,MAAMA,EAAU,GAAG;AAAA,IACnB,OAAOA,EAAU,GAAG;AAAA,IACpB,MAAMA,EAAU,GAAG;AAAA,EACvB;AACA;AACA,SAASC,EAAkBR,IAAO,SAAS;AACzC,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMS,EAAM,GAAG;AAAA,IACf,OAAOA,EAAM,GAAG;AAAA,IAChB,MAAMA,EAAM,GAAG;AAAA,EACrB,IAES;AAAA,IACL,MAAMA,EAAM,GAAG;AAAA,IACf,OAAOA,EAAM,GAAG;AAAA,IAChB,MAAMA,EAAM,GAAG;AAAA,EACnB;AACA;AACA,SAASC,EAAkBV,IAAO,SAAS;AACzC,SAAIA,MAAS,SACJ;AAAA,IACL,MAAMW,EAAO,GAAG;AAAA,IAChB,OAAOA,EAAO,GAAG;AAAA,IACjB,MAAMA,EAAO,GAAG;AAAA,EACtB,IAES;AAAA,IACL,MAAM;AAAA;AAAA,IAEN,OAAOA,EAAO,GAAG;AAAA,IACjB,MAAMA,EAAO,GAAG;AAAA,EACpB;AACA;AACe,SAASC,GAAcC,GAAS;AAC7C,QAAM;AAAA,IACJ,MAAAb,IAAO;AAAA,IACP,mBAAAc,IAAoB;AAAA,IACpB,aAAApB,IAAc;AAAA,IACd,GAAGqB;AAAA,EACP,IAAMF,GACEG,IAAUH,EAAQ,WAAWd,EAAkBC,CAAI,GACnDiB,IAAYJ,EAAQ,aAAaX,EAAoBF,CAAI,GACzDkB,IAAQL,EAAQ,SAAST,EAAgBJ,CAAI,GAC7CmB,IAAON,EAAQ,QAAQP,EAAeN,CAAI,GAC1CoB,IAAUP,EAAQ,WAAWL,EAAkBR,CAAI,GACnDqB,IAAUR,EAAQ,WAAWH,EAAkBV,CAAI;AAKzD,WAASsB,EAAgBC,GAAY;AACnC,UAAMC,IAAeC,EAAiBF,GAAYlC,EAAK,KAAK,OAAO,KAAKyB,IAAoBzB,EAAK,KAAK,UAAUF,EAAM,KAAK;AAC3H,QAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,YAAMuC,IAAWD,EAAiBF,GAAYC,CAAY;AAC1D,MAAIE,IAAW,KACb,QAAQ,MAAM,CAAC,8BAA8BA,CAAQ,UAAUF,CAAY,OAAOD,CAAU,IAAI,4EAA4E,gFAAgF,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA,IAE5Q;AACA,WAAOC;AAAA,EACT;AACA,QAAMG,IAAe,CAAC;AAAA,IACpB,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,EAChB,MAAQ;AAOJ,QANAJ,IAAQ;AAAA,MACN,GAAGA;AAAA,IACT,GACQ,CAACA,EAAM,QAAQA,EAAME,CAAS,MAChCF,EAAM,OAAOA,EAAME,CAAS,IAE1B,CAACF,EAAM,eAAe,MAAM;AAC9B,YAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,iBAAiBC,IAAO,KAAKA,CAAI,MAAM,EAAE;AAAA,4DAAgHC,CAAS,iBAAiBG,EAAoB,IAAIJ,IAAO,KAAKA,CAAI,MAAM,IAAIC,CAAS,CAAC;AAEzS,QAAI,OAAOF,EAAM,QAAS;AACxB,YAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,iBAAiBC,IAAO,KAAKA,CAAI,MAAM,EAAE;AAAA,2CAA+F,KAAK,UAAUD,EAAM,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAA6VK,EAAoB,IAAIJ,IAAO,KAAKA,CAAI,MAAM,IAAI,KAAK,UAAUD,EAAM,IAAI,CAAC,CAAC;AAEtoB,WAAAtC,EAAesC,GAAO,SAASG,GAAYrC,CAAW,GACtDJ,EAAesC,GAAO,QAAQI,GAAWtC,CAAW,GAC/CkC,EAAM,iBACTA,EAAM,eAAeN,EAAgBM,EAAM,IAAI,IAE1CA;AAAA,EACT;AACA,MAAIM;AACJ,SAAIlC,MAAS,UACXkC,IAAejD,EAAQ,IACde,MAAS,WAClBkC,IAAe9C,EAAO,IAEpB,QAAQ,IAAI,aAAa,iBACtB8C,KACH,QAAQ,MAAM,2BAA2BlC,CAAI,sBAAsB,IAGjDmC,EAAU;AAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,GAAGjD;AAAA,IACT;AAAA;AAAA;AAAA,IAGI,MAAAc;AAAA;AAAA,IAEA,SAAS2B,EAAa;AAAA,MACpB,OAAOX;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,WAAWW,EAAa;AAAA,MACtB,OAAOV;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,IACjB,CAAK;AAAA;AAAA,IAED,OAAOU,EAAa;AAAA,MAClB,OAAOT;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,SAASS,EAAa;AAAA,MACpB,OAAON;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,MAAMM,EAAa;AAAA,MACjB,OAAOR;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,SAASQ,EAAa;AAAA,MACpB,OAAOP;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,MAAAgB;AAAA;AAAA;AAAA,IAGA,mBAAAtB;AAAA;AAAA,IAEA,iBAAAQ;AAAA;AAAA,IAEA,cAAAK;AAAA;AAAA;AAAA;AAAA,IAIA,aAAAjC;AAAA;AAAA,IAEA,GAAGwC;AAAA,EACP,GAAKnB,CAAK;AAEV;","x_google_ignoreList":[0]}

package/dist/ui-components.es141.js

@@ -0,0 +1,163 @@
+import R from "./ui-components.es142.js";
+import U, { getOverlays as W, getOpacity as j } from "./ui-components.es144.js";
+import z from "./ui-components.es150.js";
+import q from "./ui-components.es151.js";
+import { stringifyTheme as J } from "./ui-components.es152.js";
+import K from "./ui-components.es153.js";
+import Q from "./ui-components.es154.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.es56.js";
+import Y from "./ui-components.es155.js";
+import Z from "./ui-components.es156.js";
+import ee from "./ui-components.es157.js";
+import re from "./ui-components.es158.js";
+import { createGetColorSchemeSelector as te } from "./ui-components.es159.js";
+import ae from "./ui-components.es160.js";
+import ne from "./ui-components.es161.js";
+import { createUnarySpacing as oe } from "./ui-components.es162.js";
+function ie(a, i) {
+  i.forEach((c) => {
+    a[c] || (a[c] = {});
+  });
+}
+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 {
+    palette: S,
+    ...k
+  } = R({
+    ...c,
+    palette: {
+      mode: u,
+      ...i?.palette
+    }
+  });
+  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 {
+  se as createGetCssVar,
+  Te as default
+};
+//# sourceMappingURL=ui-components.es141.js.map