@weng-lab/ui-components 2.1.0 → 2.1.1

package/dist/ui-components.es203.js

@@ -1,262 +1,97 @@
-import l from "./ui-components.es273.js";
-import I from "./ui-components.es274.js";
-import s from "./ui-components.es275.js";
-import c from "./ui-components.es276.js";
-import f from "./ui-components.es277.js";
-import d from "./ui-components.es278.js";
-import g from "./ui-components.es279.js";
-import m from "./ui-components.es280.js";
-import P from "./ui-components.es213.js";
-import { getContrastRatio as k, lighten as S, darken as U } from "./ui-components.es51.js";
-import v from "./ui-components.es167.js";
-function D() {
-  return {
-    // The colors used to style the text.
-    text: {
-      // The most important text.
-      primary: "rgba(0, 0, 0, 0.87)",
-      // Secondary text.
-      secondary: "rgba(0, 0, 0, 0.6)",
-      // Disabled text have even lower visual prominence.
-      disabled: "rgba(0, 0, 0, 0.38)"
-    },
-    // The color used to divide different elements.
-    divider: "rgba(0, 0, 0, 0.12)",
-    // The background colors used to style the surfaces.
-    // Consistency between these values is important.
-    background: {
-      paper: l.white,
-      default: l.white
-    },
-    // The colors used to style the action elements.
-    action: {
-      // The color of an active action like an icon button.
-      active: "rgba(0, 0, 0, 0.54)",
-      // The color of an hovered action.
-      hover: "rgba(0, 0, 0, 0.04)",
-      hoverOpacity: 0.04,
-      // The color of a selected action.
-      selected: "rgba(0, 0, 0, 0.08)",
-      selectedOpacity: 0.08,
-      // The color of a disabled action.
-      disabled: "rgba(0, 0, 0, 0.26)",
-      // The background color of a disabled action.
-      disabledBackground: "rgba(0, 0, 0, 0.12)",
-      disabledOpacity: 0.38,
-      focus: "rgba(0, 0, 0, 0.12)",
-      focusOpacity: 0.12,
-      activatedOpacity: 0.12
-    }
-  };
-}
-const V = D();
-function E() {
-  return {
-    text: {
-      primary: l.white,
-      secondary: "rgba(255, 255, 255, 0.7)",
-      disabled: "rgba(255, 255, 255, 0.5)",
-      icon: "rgba(255, 255, 255, 0.5)"
-    },
-    divider: "rgba(255, 255, 255, 0.12)",
-    background: {
-      paper: "#121212",
-      default: "#121212"
-    },
-    action: {
-      active: l.white,
-      hover: "rgba(255, 255, 255, 0.08)",
-      hoverOpacity: 0.08,
-      selected: "rgba(255, 255, 255, 0.16)",
-      selectedOpacity: 0.16,
-      disabled: "rgba(255, 255, 255, 0.3)",
-      disabledBackground: "rgba(255, 255, 255, 0.12)",
-      disabledOpacity: 0.38,
-      focus: "rgba(255, 255, 255, 0.12)",
-      focusOpacity: 0.12,
-      activatedOpacity: 0.24
-    }
-  };
-}
-const w = E();
-function O(r, e, u, i) {
-  const h = i.light || i, y = i.dark || i * 1.5;
-  r[e] || (r.hasOwnProperty(u) ? r[e] = r[u] : e === "light" ? r.light = S(r.main, h) : e === "dark" && (r.dark = U(r.main, y)));
-}
-function _(r = "light") {
-  return r === "dark" ? {
-    main: d[200],
-    light: d[50],
-    dark: d[400]
-  } : {
-    main: d[700],
-    light: d[400],
-    dark: d[800]
-  };
+import x from "./ui-components.es202.js";
+import { createEmptyBreakpointObject as O, handleBreakpoints as k, removeUnusedBreakpoints as p } from "./ui-components.es328.js";
+import g from "./ui-components.es333.js";
+import { sortContainerQueries as h } from "./ui-components.es329.js";
+import { getPath as P, getStyleValue as j } from "./ui-components.es327.js";
+import B from "./ui-components.es104.js";
+function C(...s) {
+  const a = s.reduce((t, e) => t.concat(Object.keys(e)), []), o = new Set(a);
+  return s.every((t) => o.size === Object.keys(t).length);
 }
-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 z(s, a) {
+  return typeof s == "function" ? s(a) : s;
 }
-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(`
-`));
+function A() {
+  function s(o, t, e, d) {
+    const l = {
+      [o]: t,
+      theme: e
+    }, m = d[o];
+    if (!m)
+      return {
+        [o]: t
+      };
+    const {
+      cssProperty: i = o,
+      themeKey: f,
+      transform: y,
+      style: b
+    } = m;
+    if (t == null)
+      return null;
+    if (f === "typography" && t === "inherit")
+      return {
+        [o]: t
+      };
+    const r = P(e, f) || {};
+    return b ? b(l) : k(l, t, (n) => {
+      let u = j(r, y, n);
+      return n === u && typeof n == "string" && (u = j(r, y, `${o}${n === "default" ? "" : B(n)}`, n)), i === !1 ? u : {
+        [i]: u
+      };
+    });
+  }
+  function a(o) {
+    const {
+      sx: t,
+      theme: e = {},
+      nested: d
+    } = o || {};
+    if (!t)
+      return null;
+    const l = e.unstable_sxConfig ?? x;
+    function m(i) {
+      let f = i;
+      if (typeof i == "function")
+        f = i(e);
+      else if (typeof i != "object")
+        return i;
+      if (!f)
+        return null;
+      const y = O(e.breakpoints), b = Object.keys(y);
+      let r = y;
+      return Object.keys(f).forEach((c) => {
+        const n = z(f[c], e);
+        if (n != null)
+          if (typeof n == "object")
+            if (l[c])
+              r = g(r, s(c, n, e, l));
+            else {
+              const u = k({
+                theme: e
+              }, n, (S) => ({
+                [c]: S
+              }));
+              C(u, n) ? r[c] = a({
+                sx: n,
+                theme: e,
+                nested: !0
+              }) : r = g(r, u);
+            }
+          else
+            r = g(r, s(c, n, e, l));
+      }), !d && e.modularCssLayers ? {
+        "@layer sx": h(e, p(b, r))
+      } : h(e, p(b, r));
     }
-    return a;
+    return Array.isArray(t) ? t.map(m) : m(t);
   }
-  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);
+  return a;
 }
+const E = A();
+E.filterProps = ["sx"];
 export {
-  w as dark,
-  tr as default,
-  V as light
+  E as default,
+  A as unstable_createStyleFunctionSx
 };
 //# sourceMappingURL=ui-components.es203.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es203.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/styles/createPalette.js"],"sourcesContent":["import _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nimport deepmerge from '@mui/utils/deepmerge';\nimport { darken, getContrastRatio, lighten } from '@mui/system/colorManipulator';\nimport common from \"../colors/common.js\";\nimport grey from \"../colors/grey.js\";\nimport purple from \"../colors/purple.js\";\nimport red from \"../colors/red.js\";\nimport orange from \"../colors/orange.js\";\nimport blue from \"../colors/blue.js\";\nimport lightBlue from \"../colors/lightBlue.js\";\nimport green from \"../colors/green.js\";\nfunction getLight() {\n  return {\n    // The colors used to style the text.\n    text: {\n      // The most important text.\n      primary: 'rgba(0, 0, 0, 0.87)',\n      // Secondary text.\n      secondary: 'rgba(0, 0, 0, 0.6)',\n      // Disabled text have even lower visual prominence.\n      disabled: 'rgba(0, 0, 0, 0.38)'\n    },\n    // The color used to divide different elements.\n    divider: 'rgba(0, 0, 0, 0.12)',\n    // The background colors used to style the surfaces.\n    // Consistency between these values is important.\n    background: {\n      paper: common.white,\n      default: common.white\n    },\n    // The colors used to style the action elements.\n    action: {\n      // The color of an active action like an icon button.\n      active: 'rgba(0, 0, 0, 0.54)',\n      // The color of an hovered action.\n      hover: 'rgba(0, 0, 0, 0.04)',\n      hoverOpacity: 0.04,\n      // The color of a selected action.\n      selected: 'rgba(0, 0, 0, 0.08)',\n      selectedOpacity: 0.08,\n      // The color of a disabled action.\n      disabled: 'rgba(0, 0, 0, 0.26)',\n      // The background color of a disabled action.\n      disabledBackground: 'rgba(0, 0, 0, 0.12)',\n      disabledOpacity: 0.38,\n      focus: 'rgba(0, 0, 0, 0.12)',\n      focusOpacity: 0.12,\n      activatedOpacity: 0.12\n    }\n  };\n}\nexport const light = getLight();\nfunction getDark() {\n  return {\n    text: {\n      primary: common.white,\n      secondary: 'rgba(255, 255, 255, 0.7)',\n      disabled: 'rgba(255, 255, 255, 0.5)',\n      icon: 'rgba(255, 255, 255, 0.5)'\n    },\n    divider: 'rgba(255, 255, 255, 0.12)',\n    background: {\n      paper: '#121212',\n      default: '#121212'\n    },\n    action: {\n      active: common.white,\n      hover: 'rgba(255, 255, 255, 0.08)',\n      hoverOpacity: 0.08,\n      selected: 'rgba(255, 255, 255, 0.16)',\n      selectedOpacity: 0.16,\n      disabled: 'rgba(255, 255, 255, 0.3)',\n      disabledBackground: 'rgba(255, 255, 255, 0.12)',\n      disabledOpacity: 0.38,\n      focus: 'rgba(255, 255, 255, 0.12)',\n      focusOpacity: 0.12,\n      activatedOpacity: 0.24\n    }\n  };\n}\nexport const dark = getDark();\nfunction addLightOrDark(intent, direction, shade, tonalOffset) {\n  const tonalOffsetLight = tonalOffset.light || tonalOffset;\n  const tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;\n  if (!intent[direction]) {\n    if (intent.hasOwnProperty(shade)) {\n      intent[direction] = intent[shade];\n    } else if (direction === 'light') {\n      intent.light = lighten(intent.main, tonalOffsetLight);\n    } else if (direction === 'dark') {\n      intent.dark = darken(intent.main, tonalOffsetDark);\n    }\n  }\n}\nfunction getDefaultPrimary(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: blue[200],\n      light: blue[50],\n      dark: blue[400]\n    };\n  }\n  return {\n    main: blue[700],\n    light: blue[400],\n    dark: blue[800]\n  };\n}\nfunction getDefaultSecondary(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: purple[200],\n      light: purple[50],\n      dark: purple[400]\n    };\n  }\n  return {\n    main: purple[500],\n    light: purple[300],\n    dark: purple[700]\n  };\n}\nfunction getDefaultError(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: red[500],\n      light: red[300],\n      dark: red[700]\n    };\n  }\n  return {\n    main: red[700],\n    light: red[400],\n    dark: red[800]\n  };\n}\nfunction getDefaultInfo(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: lightBlue[400],\n      light: lightBlue[300],\n      dark: lightBlue[700]\n    };\n  }\n  return {\n    main: lightBlue[700],\n    light: lightBlue[500],\n    dark: lightBlue[900]\n  };\n}\nfunction getDefaultSuccess(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: green[400],\n      light: green[300],\n      dark: green[700]\n    };\n  }\n  return {\n    main: green[800],\n    light: green[500],\n    dark: green[900]\n  };\n}\nfunction getDefaultWarning(mode = 'light') {\n  if (mode === 'dark') {\n    return {\n      main: orange[400],\n      light: orange[300],\n      dark: orange[700]\n    };\n  }\n  return {\n    main: '#ed6c02',\n    // closest to orange[800] that pass 3:1.\n    light: orange[500],\n    dark: orange[900]\n  };\n}\nexport default function createPalette(palette) {\n  const {\n    mode = 'light',\n    contrastThreshold = 3,\n    tonalOffset = 0.2,\n    ...other\n  } = palette;\n  const primary = palette.primary || getDefaultPrimary(mode);\n  const secondary = palette.secondary || getDefaultSecondary(mode);\n  const error = palette.error || getDefaultError(mode);\n  const info = palette.info || getDefaultInfo(mode);\n  const success = palette.success || getDefaultSuccess(mode);\n  const warning = palette.warning || getDefaultWarning(mode);\n\n  // Use the same logic as\n  // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59\n  // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54\n  function getContrastText(background) {\n    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n    if (process.env.NODE_ENV !== 'production') {\n      const contrast = getContrastRatio(background, contrastText);\n      if (contrast < 3) {\n        console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\\n'));\n      }\n    }\n    return contrastText;\n  }\n  const augmentColor = ({\n    color,\n    name,\n    mainShade = 500,\n    lightShade = 300,\n    darkShade = 700\n  }) => {\n    color = {\n      ...color\n    };\n    if (!color.main && color[mainShade]) {\n      color.main = color[mainShade];\n    }\n    if (!color.hasOwnProperty('main')) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `The color object needs to have a \\`main\\` property or a \\`${mainShade}\\` property.` : _formatErrorMessage(11, name ? ` (${name})` : '', mainShade));\n    }\n    if (typeof color.main !== 'string') {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `\\`color.main\\` should be a string, but \\`${JSON.stringify(color.main)}\\` was provided instead.\\n` + '\\n' + 'Did you intend to use one of the following approaches?\\n' + '\\n' + 'import { green } from \"@mui/material/colors\";\\n' + '\\n' + 'const theme1 = createTheme({ palette: {\\n' + '  primary: green,\\n' + '} });\\n' + '\\n' + 'const theme2 = createTheme({ palette: {\\n' + '  primary: { main: green[500] },\\n' + '} });' : _formatErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));\n    }\n    addLightOrDark(color, 'light', lightShade, tonalOffset);\n    addLightOrDark(color, 'dark', darkShade, tonalOffset);\n    if (!color.contrastText) {\n      color.contrastText = getContrastText(color.main);\n    }\n    return color;\n  };\n  let modeHydrated;\n  if (mode === 'light') {\n    modeHydrated = getLight();\n  } else if (mode === 'dark') {\n    modeHydrated = getDark();\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    if (!modeHydrated) {\n      console.error(`MUI: The palette mode \\`${mode}\\` is not supported.`);\n    }\n  }\n  const paletteOutput = deepmerge({\n    // A collection of common colors.\n    common: {\n      ...common\n    },\n    // prevent mutable object.\n    // The palette mode, can be light or dark.\n    mode,\n    // The colors used to represent primary interface elements for a user.\n    primary: augmentColor({\n      color: primary,\n      name: 'primary'\n    }),\n    // The colors used to represent secondary interface elements for a user.\n    secondary: augmentColor({\n      color: secondary,\n      name: 'secondary',\n      mainShade: 'A400',\n      lightShade: 'A200',\n      darkShade: 'A700'\n    }),\n    // The colors used to represent interface elements that the user should be made aware of.\n    error: augmentColor({\n      color: error,\n      name: 'error'\n    }),\n    // The colors used to represent potentially dangerous actions or important messages.\n    warning: augmentColor({\n      color: warning,\n      name: 'warning'\n    }),\n    // The colors used to present information to the user that is neutral and not necessarily important.\n    info: augmentColor({\n      color: info,\n      name: 'info'\n    }),\n    // The colors used to indicate the successful completion of an action that user triggered.\n    success: augmentColor({\n      color: success,\n      name: 'success'\n    }),\n    // The grey colors.\n    grey,\n    // Used by `getContrastText()` to maximize the contrast between\n    // the background and the text.\n    contrastThreshold,\n    // Takes a background color and returns the text color that maximizes the contrast.\n    getContrastText,\n    // Generate a rich color object.\n    augmentColor,\n    // Used by the functions below to shift a color's luminance by approximately\n    // two indexes within its tonal palette.\n    // E.g., shift from Red 500 to Red 300 or Red 700.\n    tonalOffset,\n    // The light and dark mode object.\n    ...modeHydrated\n  }, other);\n  return paletteOutput;\n}"],"names":["getLight","common","light","getDark","dark","addLightOrDark","intent","direction","shade","tonalOffset","tonalOffsetLight","tonalOffsetDark","lighten","darken","getDefaultPrimary","mode","blue","getDefaultSecondary","purple","getDefaultError","red","getDefaultInfo","lightBlue","getDefaultSuccess","green","getDefaultWarning","orange","createPalette","palette","contrastThreshold","other","primary","secondary","error","info","success","warning","getContrastText","background","contrastText","getContrastRatio","contrast","augmentColor","color","name","mainShade","lightShade","darkShade","_formatErrorMessage","modeHydrated","deepmerge","grey"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es203.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/styleFunctionSx/styleFunctionSx.js"],"sourcesContent":["import capitalize from '@mui/utils/capitalize';\nimport merge from \"../merge/index.js\";\nimport { getPath, getStyleValue as getValue } from \"../style/index.js\";\nimport { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from \"../breakpoints/index.js\";\nimport { sortContainerQueries } from \"../cssContainerQueries/index.js\";\nimport defaultSxConfig from \"./defaultSxConfig.js\";\nfunction objectsHaveSameKeys(...objects) {\n  const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);\n  const union = new Set(allKeys);\n  return objects.every(object => union.size === Object.keys(object).length);\n}\nfunction callIfFn(maybeFn, arg) {\n  return typeof maybeFn === 'function' ? maybeFn(arg) : maybeFn;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function unstable_createStyleFunctionSx() {\n  function getThemeValue(prop, val, theme, config) {\n    const props = {\n      [prop]: val,\n      theme\n    };\n    const options = config[prop];\n    if (!options) {\n      return {\n        [prop]: val\n      };\n    }\n    const {\n      cssProperty = prop,\n      themeKey,\n      transform,\n      style\n    } = options;\n    if (val == null) {\n      return null;\n    }\n\n    // TODO v6: remove, see https://github.com/mui/material-ui/pull/38123\n    if (themeKey === 'typography' && val === 'inherit') {\n      return {\n        [prop]: val\n      };\n    }\n    const themeMapping = getPath(theme, themeKey) || {};\n    if (style) {\n      return style(props);\n    }\n    const styleFromPropValue = propValueFinal => {\n      let value = getValue(themeMapping, transform, propValueFinal);\n      if (propValueFinal === value && typeof propValueFinal === 'string') {\n        // Haven't found value\n        value = getValue(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : capitalize(propValueFinal)}`, propValueFinal);\n      }\n      if (cssProperty === false) {\n        return value;\n      }\n      return {\n        [cssProperty]: value\n      };\n    };\n    return handleBreakpoints(props, val, styleFromPropValue);\n  }\n  function styleFunctionSx(props) {\n    const {\n      sx,\n      theme = {},\n      nested\n    } = props || {};\n    if (!sx) {\n      return null; // Emotion & styled-components will neglect null\n    }\n    const config = theme.unstable_sxConfig ?? defaultSxConfig;\n\n    /*\n     * Receive `sxInput` as object or callback\n     * and then recursively check keys & values to create media query object styles.\n     * (the result will be used in `styled`)\n     */\n    function traverse(sxInput) {\n      let sxObject = sxInput;\n      if (typeof sxInput === 'function') {\n        sxObject = sxInput(theme);\n      } else if (typeof sxInput !== 'object') {\n        // value\n        return sxInput;\n      }\n      if (!sxObject) {\n        return null;\n      }\n      const emptyBreakpoints = createEmptyBreakpointObject(theme.breakpoints);\n      const breakpointsKeys = Object.keys(emptyBreakpoints);\n      let css = emptyBreakpoints;\n      Object.keys(sxObject).forEach(styleKey => {\n        const value = callIfFn(sxObject[styleKey], theme);\n        if (value !== null && value !== undefined) {\n          if (typeof value === 'object') {\n            if (config[styleKey]) {\n              css = merge(css, getThemeValue(styleKey, value, theme, config));\n            } else {\n              const breakpointsValues = handleBreakpoints({\n                theme\n              }, value, x => ({\n                [styleKey]: x\n              }));\n              if (objectsHaveSameKeys(breakpointsValues, value)) {\n                css[styleKey] = styleFunctionSx({\n                  sx: value,\n                  theme,\n                  nested: true\n                });\n              } else {\n                css = merge(css, breakpointsValues);\n              }\n            }\n          } else {\n            css = merge(css, getThemeValue(styleKey, value, theme, config));\n          }\n        }\n      });\n      if (!nested && theme.modularCssLayers) {\n        return {\n          '@layer sx': sortContainerQueries(theme, removeUnusedBreakpoints(breakpointsKeys, css))\n        };\n      }\n      return sortContainerQueries(theme, removeUnusedBreakpoints(breakpointsKeys, css));\n    }\n    return Array.isArray(sx) ? sx.map(traverse) : traverse(sx);\n  }\n  return styleFunctionSx;\n}\nconst styleFunctionSx = unstable_createStyleFunctionSx();\nstyleFunctionSx.filterProps = ['sx'];\nexport default styleFunctionSx;"],"names":["objectsHaveSameKeys","objects","allKeys","keys","object","union","callIfFn","maybeFn","arg","unstable_createStyleFunctionSx","getThemeValue","prop","val","theme","config","props","options","cssProperty","themeKey","transform","style","themeMapping","getPath","handleBreakpoints","propValueFinal","value","getValue","capitalize","styleFunctionSx","sx","nested","defaultSxConfig","traverse","sxInput","sxObject","emptyBreakpoints","createEmptyBreakpointObject","breakpointsKeys","css","styleKey","merge","breakpointsValues","x","sortContainerQueries","removeUnusedBreakpoints"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es204.js

@@ -1,163 +1,13 @@
-import R from "./ui-components.es205.js";
-import U, { getOverlays as W, getOpacity as j } from "./ui-components.es207.js";
-import z from "./ui-components.es209.js";
-import q from "./ui-components.es210.js";
-import { stringifyTheme as J } from "./ui-components.es211.js";
-import K from "./ui-components.es167.js";
-import Q from "./ui-components.es212.js";
-import { private_safeDarken as n, private_safeLighten as o, private_safeEmphasize as A, private_safeAlpha as w, private_safeColorChannel as y, hslToRgb as X } from "./ui-components.es51.js";
-import Y from "./ui-components.es213.js";
-import Z from "./ui-components.es214.js";
-import ee from "./ui-components.es215.js";
-import re from "./ui-components.es216.js";
-import { createGetColorSchemeSelector as te } from "./ui-components.es217.js";
-import ae from "./ui-components.es218.js";
-import ne from "./ui-components.es219.js";
-import { createUnarySpacing as oe } from "./ui-components.es220.js";
-function ie(a, i) {
-  i.forEach((c) => {
-    a[c] || (a[c] = {});
-  });
-}
-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;
+function c(n = "") {
+  function r(...e) {
+    if (!e.length)
+      return "";
+    const t = e[0];
+    return typeof t == "string" && !t.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${n ? `${n}-` : ""}${t}${r(...e.slice(1))})` : `, ${t}`;
   }
-  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;
+  return (e, ...t) => `var(--${n ? `${n}-` : ""}${e}${r(...t)})`;
 }
 export {
-  se as createGetCssVar,
-  Te as default
+  c as default
 };
 //# sourceMappingURL=ui-components.es204.js.map