@weng-lab/ui-components 3.0.0-beta.0 → 3.0.0

package/dist/ui-components.es192.js

@@ -1,273 +1,159 @@
-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.es204.js";
-import { getContrastRatio as O, lighten as U, darken as V } from "./ui-components.es45.js";
-import $ from "./ui-components.es151.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
-    }
-  };
+import B, { internal_mutateStyles as I, internal_serializeStyles as p } from "./ui-components.es239.js";
+import K from "./ui-components.es242.js";
+import q from "./ui-components.es254.js";
+import V from "./ui-components.es202.js";
+import G from "./ui-components.es113.js";
+import J from "./ui-components.es337.js";
+import { isPlainObject as Q } from "./ui-components.es197.js";
+const U = q();
+function R(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-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
-    }
-  };
+function y(e, r) {
+  return r && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${r}{${String(e.styles)}}`), e;
 }
-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 X(e) {
+  return e ? (r, t) => t[e] : null;
 }
-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 Y(e, r, t) {
+  e.theme = N(e.theme) ? t : e.theme[r] || e.theme;
 }
-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 C(e, r, t) {
+  const n = typeof r == "function" ? r(e) : r;
+  if (Array.isArray(n))
+    return n.flatMap((s) => C(e, s, t));
+  if (Array.isArray(n?.variants)) {
+    let s;
+    if (n.isProcessed)
+      s = t ? y(n.style, t) : n.style;
+    else {
+      const {
+        variants: S,
+        ...o
+      } = n;
+      s = t ? y(p(o), t) : o;
+    }
+    return b(e, n.variants, [s], t);
+  }
+  return n?.isProcessed ? t ? y(p(n.style), t) : n.style : t ? y(p(n), t) : n;
 }
-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 b(e, r, t = [], n = void 0) {
+  let s;
+  e: for (let S = 0; S < r.length; S += 1) {
+    const o = r[S];
+    if (typeof o.props == "function") {
+      if (s ??= {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }, !o.props(s))
+        continue;
+    } else
+      for (const i in o.props)
+        if (e[i] !== o.props[i] && e.ownerState?.[i] !== o.props[i])
+          continue e;
+    typeof o.style == "function" ? (s ??= {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }, t.push(n ? y(p(o.style(s)), n) : o.style(s))) : t.push(n ? y(p(o.style), n) : o.style);
+  }
+  return t;
 }
-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 le(e = {}) {
+  const {
+    themeId: r,
+    defaultTheme: t = U,
+    rootShouldForwardProp: n = R,
+    slotShouldForwardProp: s = R
+  } = e;
+  function S(i) {
+    Y(i, r, t);
+  }
+  return (i, k = {}) => {
+    I(i, (u) => u.filter((l) => l !== V));
+    const {
+      name: h,
+      slot: c,
+      skipVariantsResolver: T,
+      skipSx: D,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: L = X(g(c)),
+      ...E
+    } = k, O = h && h.startsWith("Mui") || c ? "components" : "custom", j = T !== void 0 ? T : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      c && c !== "Root" && c !== "root" || !1
+    ), H = D || !1;
+    let w = R;
+    c === "Root" || c === "root" ? w = n : c ? w = s : ee(i) && (w = void 0);
+    const x = B(i, {
+      shouldForwardProp: w,
+      label: z(h, c),
+      ...E
+    }), M = (u) => {
+      if (u.__emotion_real === u)
+        return u;
+      if (typeof u == "function")
+        return function(m) {
+          return C(m, u, m.theme.modularCssLayers ? O : void 0);
+        };
+      if (Q(u)) {
+        const l = K(u);
+        return function(d) {
+          return l.variants ? C(d, l, d.theme.modularCssLayers ? O : void 0) : d.theme.modularCssLayers ? y(l.style, O) : l.style;
+        };
+      }
+      return u;
+    }, _ = (...u) => {
+      const l = [], m = u.map(M), d = [];
+      if (l.push(S), h && L && d.push(function(f) {
+        const a = f.theme.components?.[h]?.styleOverrides;
+        if (!a)
+          return null;
+        const $ = {};
+        for (const F in a)
+          $[F] = C(f, a[F], f.theme.modularCssLayers ? "theme" : void 0);
+        return L(f, $);
+      }), h && !j && d.push(function(f) {
+        const a = f.theme?.components?.[h]?.variants;
+        return a ? b(f, a, [], f.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), H || d.push(V), Array.isArray(m[0])) {
+        const v = m.shift(), f = new Array(l.length).fill(""), A = new Array(d.length).fill("");
+        let a;
+        a = [...f, ...v, ...A], a.raw = [...f, ...v.raw, ...A], l.unshift(a);
+      }
+      const W = [...l, ...m, ...d], P = x(...W);
+      return i.muiName && (P.muiName = i.muiName), process.env.NODE_ENV !== "production" && (P.displayName = Z(h, c, i)), P;
+    };
+    return x.withConfig && (_.withConfig = x.withConfig), _;
   };
 }
-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 Z(e, r, t) {
+  return e ? `${e}${G(r || "")}` : `Styled(${J(t)})`;
 }
-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 z(e, r) {
+  let t;
+  return process.env.NODE_ENV !== "production" && e && (t = `${e}-${g(r || "Root")}`), t;
 }
-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 N(e) {
+  for (const r in e)
+    return !1;
+  return !0;
 }
-function S(r) {
-  return `oklch(from ${r} var(--__l) 0 h / var(--__a))`;
+function ee(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
 }
-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);
+function g(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
 export {
-  S as contrastColor,
-  D as dark,
-  ir as default,
-  B as light
+  le as default,
+  R as shouldForwardProp,
+  U as systemDefaultTheme
 };
 //# sourceMappingURL=ui-components.es192.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es192.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":";;;;;;;;;;;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,EAAeC,GAAYT,GAAQC,GAAWC,GAAOC,GAAa;AACzE,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,QAAQ,gBAAgBS,CAAU,KAAKT,EAAO,IAAI,WAAWI,IAAmB,KAAK,QAAQ,CAAC,CAAC,OAC7FH,MAAc,WACvBD,EAAO,OAAO,gBAAgBS,CAAU,KAAKT,EAAO,IAAI,WAAWK,IAAkB,KAAK,QAAQ,CAAC,CAAC;AAG1G;AACA,SAASK,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;AAGO,SAASC,EAAcC,GAAY;AACxC,SAAO,cAAcA,CAAU;AACjC;AACe,SAASC,GAAcC,GAAS;AAC7C,QAAM;AAAA,IACJ,MAAAf,IAAO;AAAA,IACP,mBAAAgB,IAAoB;AAAA,IACpB,aAAAxB,IAAc;AAAA,IACd,YAAAM;AAAA,IACA,GAAGmB;AAAA,EACP,IAAMF,GACEG,IAAUH,EAAQ,WAAWhB,EAAkBC,CAAI,GACnDmB,IAAYJ,EAAQ,aAAab,EAAoBF,CAAI,GACzDoB,IAAQL,EAAQ,SAASX,EAAgBJ,CAAI,GAC7CqB,IAAON,EAAQ,QAAQT,EAAeN,CAAI,GAC1CsB,IAAUP,EAAQ,WAAWP,EAAkBR,CAAI,GACnDuB,IAAUR,EAAQ,WAAWL,EAAkBV,CAAI;AAKzD,WAASwB,EAAgBX,GAAY;AACnC,QAAIf;AACF,aAAOc,EAAcC,CAAU;AAEjC,UAAMY,IAAeC,EAAiBb,GAAY1B,EAAK,KAAK,OAAO,KAAK6B,IAAoB7B,EAAK,KAAK,UAAUF,EAAM,KAAK;AAC3H,QAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,YAAM0C,IAAWD,EAAiBb,GAAYY,CAAY;AAC1D,MAAIE,IAAW,KACb,QAAQ,MAAM,CAAC,8BAA8BA,CAAQ,UAAUF,CAAY,OAAOZ,CAAU,IAAI,4EAA4E,gFAAgF,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA,IAE5Q;AACA,WAAOY;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,WAAI/B,KACFD,EAAeC,GAAY+B,GAAO,SAASG,GAAYxC,CAAW,GAClEK,EAAeC,GAAY+B,GAAO,QAAQI,GAAWzC,CAAW,MAEhEJ,EAAeyC,GAAO,SAASG,GAAYxC,CAAW,GACtDJ,EAAeyC,GAAO,QAAQI,GAAWzC,CAAW,IAEjDqC,EAAM,iBACTA,EAAM,eAAeL,EAAgBK,EAAM,IAAI,IAE1CA;AAAA,EACT;AACA,MAAIM;AACJ,SAAInC,MAAS,UACXmC,IAAepD,EAAQ,IACdiB,MAAS,WAClBmC,IAAejD,EAAO,IAEpB,QAAQ,IAAI,aAAa,iBACtBiD,KACH,QAAQ,MAAM,2BAA2BnC,CAAI,sBAAsB,IAGjDoC,EAAU;AAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,GAAGpD;AAAA,IACT;AAAA;AAAA;AAAA,IAGI,MAAAgB;AAAA;AAAA,IAEA,SAAS4B,EAAa;AAAA,MACpB,OAAOV;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,WAAWU,EAAa;AAAA,MACtB,OAAOT;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,IACjB,CAAK;AAAA;AAAA,IAED,OAAOS,EAAa;AAAA,MAClB,OAAOR;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,SAASQ,EAAa;AAAA,MACpB,OAAOL;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,MAAMK,EAAa;AAAA,MACjB,OAAOP;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,SAASO,EAAa;AAAA,MACpB,OAAON;AAAA,MACP,MAAM;AAAA,IACZ,CAAK;AAAA;AAAA,IAED,MAAAe;AAAA;AAAA;AAAA,IAGA,mBAAArB;AAAA;AAAA,IAEA,iBAAAQ;AAAA;AAAA,IAEA,cAAAI;AAAA;AAAA;AAAA;AAAA,IAIA,aAAApC;AAAA;AAAA,IAEA,GAAG2C;AAAA,EACP,GAAKlB,CAAK;AAEV;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es192.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/createStyled/createStyled.js"],"sourcesContent":["import styledEngineStyled, { internal_mutateStyles as mutateStyles, internal_serializeStyles as serializeStyles } from '@mui/styled-engine';\nimport { isPlainObject } from '@mui/utils/deepmerge';\nimport capitalize from '@mui/utils/capitalize';\nimport getDisplayName from '@mui/utils/getDisplayName';\nimport createTheme from \"../createTheme/index.js\";\nimport styleFunctionSx from \"../styleFunctionSx/index.js\";\nimport preprocessStyles from \"../preprocessStyles.js\";\n\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable no-labels */\n/* eslint-disable no-lone-blocks */\n\nexport const systemDefaultTheme = createTheme();\n\n// Update /system/styled/#api in case if this changes\nexport function shouldForwardProp(prop) {\n  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';\n}\nfunction shallowLayer(serialized, layerName) {\n  if (layerName && serialized && typeof serialized === 'object' && serialized.styles && !serialized.styles.startsWith('@layer') // only add the layer if it is not already there.\n  ) {\n    serialized.styles = `@layer ${layerName}{${String(serialized.styles)}}`;\n  }\n  return serialized;\n}\nfunction defaultOverridesResolver(slot) {\n  if (!slot) {\n    return null;\n  }\n  return (_props, styles) => styles[slot];\n}\nfunction attachTheme(props, themeId, defaultTheme) {\n  props.theme = isObjectEmpty(props.theme) ? defaultTheme : props.theme[themeId] || props.theme;\n}\nfunction processStyle(props, style, layerName) {\n  /*\n   * Style types:\n   *  - null/undefined\n   *  - string\n   *  - CSS style object: { [cssKey]: [cssValue], variants }\n   *  - Processed style object: { style, variants, isProcessed: true }\n   *  - Array of any of the above\n   */\n\n  const resolvedStyle = typeof style === 'function' ? style(props) : style;\n  if (Array.isArray(resolvedStyle)) {\n    return resolvedStyle.flatMap(subStyle => processStyle(props, subStyle, layerName));\n  }\n  if (Array.isArray(resolvedStyle?.variants)) {\n    let rootStyle;\n    if (resolvedStyle.isProcessed) {\n      rootStyle = layerName ? shallowLayer(resolvedStyle.style, layerName) : resolvedStyle.style;\n    } else {\n      const {\n        variants,\n        ...otherStyles\n      } = resolvedStyle;\n      rootStyle = layerName ? shallowLayer(serializeStyles(otherStyles), layerName) : otherStyles;\n    }\n    return processStyleVariants(props, resolvedStyle.variants, [rootStyle], layerName);\n  }\n  if (resolvedStyle?.isProcessed) {\n    return layerName ? shallowLayer(serializeStyles(resolvedStyle.style), layerName) : resolvedStyle.style;\n  }\n  return layerName ? shallowLayer(serializeStyles(resolvedStyle), layerName) : resolvedStyle;\n}\nfunction processStyleVariants(props, variants, results = [], layerName = undefined) {\n  let mergedState; // We might not need it, initialized lazily\n\n  variantLoop: for (let i = 0; i < variants.length; i += 1) {\n    const variant = variants[i];\n    if (typeof variant.props === 'function') {\n      mergedState ??= {\n        ...props,\n        ...props.ownerState,\n        ownerState: props.ownerState\n      };\n      if (!variant.props(mergedState)) {\n        continue;\n      }\n    } else {\n      for (const key in variant.props) {\n        if (props[key] !== variant.props[key] && props.ownerState?.[key] !== variant.props[key]) {\n          continue variantLoop;\n        }\n      }\n    }\n    if (typeof variant.style === 'function') {\n      mergedState ??= {\n        ...props,\n        ...props.ownerState,\n        ownerState: props.ownerState\n      };\n      results.push(layerName ? shallowLayer(serializeStyles(variant.style(mergedState)), layerName) : variant.style(mergedState));\n    } else {\n      results.push(layerName ? shallowLayer(serializeStyles(variant.style), layerName) : variant.style);\n    }\n  }\n  return results;\n}\nexport default function createStyled(input = {}) {\n  const {\n    themeId,\n    defaultTheme = systemDefaultTheme,\n    rootShouldForwardProp = shouldForwardProp,\n    slotShouldForwardProp = shouldForwardProp\n  } = input;\n  function styleAttachTheme(props) {\n    attachTheme(props, themeId, defaultTheme);\n  }\n  const styled = (tag, inputOptions = {}) => {\n    // If `tag` is already a styled component, filter out the `sx` style function\n    // to prevent unnecessary styles generated by the composite components.\n    mutateStyles(tag, styles => styles.filter(style => style !== styleFunctionSx));\n    const {\n      name: componentName,\n      slot: componentSlot,\n      skipVariantsResolver: inputSkipVariantsResolver,\n      skipSx: inputSkipSx,\n      // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n      // For more details: https://github.com/mui/material-ui/pull/37908\n      overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot)),\n      ...options\n    } = inputOptions;\n    const layerName = componentName && componentName.startsWith('Mui') || !!componentSlot ? 'components' : 'custom';\n\n    // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.\n    const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :\n    // TODO v6: remove `Root` in the next major release\n    // For more details: https://github.com/mui/material-ui/pull/37908\n    componentSlot && componentSlot !== 'Root' && componentSlot !== 'root' || false;\n    const skipSx = inputSkipSx || false;\n    let shouldForwardPropOption = shouldForwardProp;\n\n    // TODO v6: remove `Root` in the next major release\n    // For more details: https://github.com/mui/material-ui/pull/37908\n    if (componentSlot === 'Root' || componentSlot === 'root') {\n      shouldForwardPropOption = rootShouldForwardProp;\n    } else if (componentSlot) {\n      // any other slot specified\n      shouldForwardPropOption = slotShouldForwardProp;\n    } else if (isStringTag(tag)) {\n      // for string (html) tag, preserve the behavior in emotion & styled-components.\n      shouldForwardPropOption = undefined;\n    }\n    const defaultStyledResolver = styledEngineStyled(tag, {\n      shouldForwardProp: shouldForwardPropOption,\n      label: generateStyledLabel(componentName, componentSlot),\n      ...options\n    });\n    const transformStyle = style => {\n      // - On the server Emotion doesn't use React.forwardRef for creating components, so the created\n      //   component stays as a function. This condition makes sure that we do not interpolate functions\n      //   which are basically components used as a selectors.\n      // - `style` could be a styled component from a babel plugin for component selectors, This condition\n      //   makes sure that we do not interpolate them.\n      if (style.__emotion_real === style) {\n        return style;\n      }\n      if (typeof style === 'function') {\n        return function styleFunctionProcessor(props) {\n          return processStyle(props, style, props.theme.modularCssLayers ? layerName : undefined);\n        };\n      }\n      if (isPlainObject(style)) {\n        const serialized = preprocessStyles(style);\n        return function styleObjectProcessor(props) {\n          if (!serialized.variants) {\n            return props.theme.modularCssLayers ? shallowLayer(serialized.style, layerName) : serialized.style;\n          }\n          return processStyle(props, serialized, props.theme.modularCssLayers ? layerName : undefined);\n        };\n      }\n      return style;\n    };\n    const muiStyledResolver = (...expressionsInput) => {\n      const expressionsHead = [];\n      const expressionsBody = expressionsInput.map(transformStyle);\n      const expressionsTail = [];\n\n      // Preprocess `props` to set the scoped theme value.\n      // This must run before any other expression.\n      expressionsHead.push(styleAttachTheme);\n      if (componentName && overridesResolver) {\n        expressionsTail.push(function styleThemeOverrides(props) {\n          const theme = props.theme;\n          const styleOverrides = theme.components?.[componentName]?.styleOverrides;\n          if (!styleOverrides) {\n            return null;\n          }\n          const resolvedStyleOverrides = {};\n\n          // TODO: v7 remove iteration and use `resolveStyleArg(styleOverrides[slot])` directly\n          // eslint-disable-next-line guard-for-in\n          for (const slotKey in styleOverrides) {\n            resolvedStyleOverrides[slotKey] = processStyle(props, styleOverrides[slotKey], props.theme.modularCssLayers ? 'theme' : undefined);\n          }\n          return overridesResolver(props, resolvedStyleOverrides);\n        });\n      }\n      if (componentName && !skipVariantsResolver) {\n        expressionsTail.push(function styleThemeVariants(props) {\n          const theme = props.theme;\n          const themeVariants = theme?.components?.[componentName]?.variants;\n          if (!themeVariants) {\n            return null;\n          }\n          return processStyleVariants(props, themeVariants, [], props.theme.modularCssLayers ? 'theme' : undefined);\n        });\n      }\n      if (!skipSx) {\n        expressionsTail.push(styleFunctionSx);\n      }\n\n      // This function can be called as a tagged template, so the first argument would contain\n      // CSS `string[]` values.\n      if (Array.isArray(expressionsBody[0])) {\n        const inputStrings = expressionsBody.shift();\n\n        // We need to add placeholders in the tagged template for the custom functions we have\n        // possibly added (attachTheme, overrides, variants, and sx).\n        const placeholdersHead = new Array(expressionsHead.length).fill('');\n        const placeholdersTail = new Array(expressionsTail.length).fill('');\n        let outputStrings;\n        // prettier-ignore\n        {\n          outputStrings = [...placeholdersHead, ...inputStrings, ...placeholdersTail];\n          outputStrings.raw = [...placeholdersHead, ...inputStrings.raw, ...placeholdersTail];\n        }\n\n        // The only case where we put something before `attachTheme`\n        expressionsHead.unshift(outputStrings);\n      }\n      const expressions = [...expressionsHead, ...expressionsBody, ...expressionsTail];\n      const Component = defaultStyledResolver(...expressions);\n      if (tag.muiName) {\n        Component.muiName = tag.muiName;\n      }\n      if (process.env.NODE_ENV !== 'production') {\n        Component.displayName = generateDisplayName(componentName, componentSlot, tag);\n      }\n      return Component;\n    };\n    if (defaultStyledResolver.withConfig) {\n      muiStyledResolver.withConfig = defaultStyledResolver.withConfig;\n    }\n    return muiStyledResolver;\n  };\n  return styled;\n}\nfunction generateDisplayName(componentName, componentSlot, tag) {\n  if (componentName) {\n    return `${componentName}${capitalize(componentSlot || '')}`;\n  }\n  return `Styled(${getDisplayName(tag)})`;\n}\nfunction generateStyledLabel(componentName, componentSlot) {\n  let label;\n  if (process.env.NODE_ENV !== 'production') {\n    if (componentName) {\n      // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n      // For more details: https://github.com/mui/material-ui/pull/37908\n      label = `${componentName}-${lowercaseFirstLetter(componentSlot || 'Root')}`;\n    }\n  }\n  return label;\n}\nfunction isObjectEmpty(object) {\n  // eslint-disable-next-line\n  for (const _ in object) {\n    return false;\n  }\n  return true;\n}\n\n// https://github.com/emotion-js/emotion/blob/26ded6109fcd8ca9875cc2ce4564fee678a3f3c5/packages/styled/src/utils.js#L40\nfunction isStringTag(tag) {\n  return typeof tag === 'string' &&\n  // 96 is one less than the char code\n  // for \"a\" so this is checking that\n  // it's a lowercase character\n  tag.charCodeAt(0) > 96;\n}\nfunction lowercaseFirstLetter(string) {\n  if (!string) {\n    return string;\n  }\n  return string.charAt(0).toLowerCase() + string.slice(1);\n}"],"names":["systemDefaultTheme","createTheme","shouldForwardProp","prop","shallowLayer","serialized","layerName","defaultOverridesResolver","slot","_props","styles","attachTheme","props","themeId","defaultTheme","isObjectEmpty","processStyle","style","resolvedStyle","subStyle","rootStyle","variants","otherStyles","serializeStyles","processStyleVariants","results","mergedState","variantLoop","i","variant","key","createStyled","input","rootShouldForwardProp","slotShouldForwardProp","styleAttachTheme","tag","inputOptions","mutateStyles","styleFunctionSx","componentName","componentSlot","inputSkipVariantsResolver","inputSkipSx","overridesResolver","lowercaseFirstLetter","options","skipVariantsResolver","skipSx","shouldForwardPropOption","isStringTag","defaultStyledResolver","styledEngineStyled","generateStyledLabel","transformStyle","isPlainObject","preprocessStyles","muiStyledResolver","expressionsInput","expressionsHead","expressionsBody","expressionsTail","styleOverrides","resolvedStyleOverrides","slotKey","themeVariants","inputStrings","placeholdersHead","placeholdersTail","outputStrings","expressions","Component","generateDisplayName","capitalize","getDisplayName","label","object","_","string"],"mappings":"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","x_google_ignoreList":[0]}