impact-ui 4.0.17-alpha.2 → 5.0.0

package/dist/node_modules/@mui/system/esm/createStyled.js

@@ -1,12 +1,12 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import styled, { internal_processStyles } from "../../styled-engine/index.js";
-import propsToClassKey from "./propsToClassKey.js";
-import capitalize from "../../utils/capitalize/capitalize.js";
-import getDisplayName from "../../utils/getDisplayName/getDisplayName.js";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import styled, { internal_processStyles, internal_serializeStyles } from "../../styled-engine/index.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
+import getDisplayName from "../node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js";
 import createTheme from "./createTheme/createTheme.js";
 import styleFunctionSx from "./styleFunctionSx/styleFunctionSx.js";
-const _excluded = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+import { isPlainObject } from "../node_modules/@mui/utils/esm/deepmerge/deepmerge.js";
+const _excluded = ["ownerState"], _excluded2 = ["variants"], _excluded3 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function isEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
@@ -16,49 +16,15 @@ function isStringTag(tag) {
   // it's a lowercase character
   tag.charCodeAt(0) > 96;
 }
-const getStyleOverrides = (name, theme) => {
-  if (theme.components && theme.components[name] && theme.components[name].styleOverrides) {
-    return theme.components[name].styleOverrides;
-  }
-  return null;
-};
-const getVariantStyles = (name, theme) => {
-  let variants = [];
-  if (theme && theme.components && theme.components[name] && theme.components[name].variants) {
-    variants = theme.components[name].variants;
-  }
-  const variantsStyles = {};
-  variants.forEach((definition) => {
-    const key = propsToClassKey(definition.props);
-    variantsStyles[key] = definition.style;
-  });
-  return variantsStyles;
-};
-const variantsResolver = (props, styles, theme, name) => {
-  var _theme$components;
-  const {
-    ownerState = {}
-  } = props;
-  const variantsStyles = [];
-  const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[name]) == null ? void 0 : _theme$components.variants;
-  if (themeVariants) {
-    themeVariants.forEach((themeVariant) => {
-      let isMatch = true;
-      Object.keys(themeVariant.props).forEach((key) => {
-        if (ownerState[key] !== themeVariant.props[key] && props[key] !== themeVariant.props[key]) {
-          isMatch = false;
-        }
-      });
-      if (isMatch) {
-        variantsStyles.push(styles[propsToClassKey(themeVariant.props)]);
-      }
-    });
-  }
-  return variantsStyles;
-};
 function shouldForwardProp(prop) {
   return prop !== "ownerState" && prop !== "theme" && prop !== "sx" && prop !== "as";
 }
+function shallowLayer(serialized, layerName) {
+  if (layerName && serialized && typeof serialized === "object" && serialized.styles && !serialized.styles.startsWith("@layer")) {
+    serialized.styles = `@layer ${layerName}{${String(serialized.styles)}}`;
+  }
+  return serialized;
+}
 const systemDefaultTheme = createTheme();
 const lowercaseFirstLetter = (string) => {
   if (!string) {
@@ -79,6 +45,50 @@ function defaultOverridesResolver(slot) {
   }
   return (props, styles) => styles[slot];
 }
+function processStyleArg(callableStyle, _ref, layerName) {
+  let {
+    ownerState
+  } = _ref, props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const resolvedStylesArg = typeof callableStyle === "function" ? callableStyle(_extends({
+    ownerState
+  }, props)) : callableStyle;
+  if (Array.isArray(resolvedStylesArg)) {
+    return resolvedStylesArg.flatMap((resolvedStyle) => processStyleArg(resolvedStyle, _extends({
+      ownerState
+    }, props), layerName));
+  }
+  if (!!resolvedStylesArg && typeof resolvedStylesArg === "object" && Array.isArray(resolvedStylesArg.variants)) {
+    const {
+      variants = []
+    } = resolvedStylesArg, otherStyles = _objectWithoutPropertiesLoose(resolvedStylesArg, _excluded2);
+    let result = otherStyles;
+    variants.forEach((variant) => {
+      let isMatch = true;
+      if (typeof variant.props === "function") {
+        isMatch = variant.props(_extends({
+          ownerState
+        }, props, ownerState));
+      } else {
+        Object.keys(variant.props).forEach((key) => {
+          if ((ownerState == null ? void 0 : ownerState[key]) !== variant.props[key] && props[key] !== variant.props[key]) {
+            isMatch = false;
+          }
+        });
+      }
+      if (isMatch) {
+        if (!Array.isArray(result)) {
+          result = [result];
+        }
+        const variantStyle = typeof variant.style === "function" ? variant.style(_extends({
+          ownerState
+        }, props, ownerState)) : variant.style;
+        result.push(layerName ? shallowLayer(internal_serializeStyles(variantStyle), layerName) : variantStyle);
+      }
+    });
+    return result;
+  }
+  return layerName ? shallowLayer(internal_serializeStyles(resolvedStylesArg), layerName) : resolvedStylesArg;
+}
 function createStyled(input = {}) {
   const {
     themeId,
@@ -105,7 +115,8 @@ function createStyled(input = {}) {
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))
-    } = inputOptions, options = _objectWithoutPropertiesLoose(inputOptions, _excluded);
+    } = inputOptions, options = _objectWithoutPropertiesLoose(inputOptions, _excluded3);
+    const layerName = componentName && componentName.startsWith("Mui") || !!componentSlot ? "components" : "custom";
     const skipVariantsResolver = inputSkipVariantsResolver !== void 0 ? inputSkipVariantsResolver : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
@@ -130,44 +141,56 @@ function createStyled(input = {}) {
       shouldForwardProp: shouldForwardPropOption,
       label
     }, options));
+    const transformStyleArg = (stylesArg) => {
+      if (typeof stylesArg === "function" && stylesArg.__emotion_real !== stylesArg || isPlainObject(stylesArg)) {
+        return (props) => {
+          const theme = resolveTheme({
+            theme: props.theme,
+            defaultTheme,
+            themeId
+          });
+          return processStyleArg(stylesArg, _extends({}, props, {
+            theme
+          }), theme.modularCssLayers ? layerName : void 0);
+        };
+      }
+      return stylesArg;
+    };
     const muiStyledResolver = (styleArg, ...expressions) => {
-      const expressionsWithDefaultTheme = expressions ? expressions.map((stylesArg) => {
-        return typeof stylesArg === "function" && stylesArg.__emotion_real !== stylesArg ? (props) => {
-          return stylesArg(_extends({}, props, {
-            theme: resolveTheme(_extends({}, props, {
-              defaultTheme,
-              themeId
-            }))
-          }));
-        } : stylesArg;
-      }) : [];
-      let transformedStyleArg = styleArg;
+      let transformedStyleArg = transformStyleArg(styleArg);
+      const expressionsWithDefaultTheme = expressions ? expressions.map(transformStyleArg) : [];
       if (componentName && overridesResolver) {
         expressionsWithDefaultTheme.push((props) => {
           const theme = resolveTheme(_extends({}, props, {
             defaultTheme,
             themeId
           }));
-          const styleOverrides = getStyleOverrides(componentName, theme);
-          if (styleOverrides) {
-            const resolvedStyleOverrides = {};
-            Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {
-              resolvedStyleOverrides[slotKey] = typeof slotStyle === "function" ? slotStyle(_extends({}, props, {
-                theme
-              })) : slotStyle;
-            });
-            return overridesResolver(props, resolvedStyleOverrides);
+          if (!theme.components || !theme.components[componentName] || !theme.components[componentName].styleOverrides) {
+            return null;
           }
-          return null;
+          const styleOverrides = theme.components[componentName].styleOverrides;
+          const resolvedStyleOverrides = {};
+          Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {
+            resolvedStyleOverrides[slotKey] = processStyleArg(slotStyle, _extends({}, props, {
+              theme
+            }), theme.modularCssLayers ? "theme" : void 0);
+          });
+          return overridesResolver(props, resolvedStyleOverrides);
         });
       }
       if (componentName && !skipVariantsResolver) {
         expressionsWithDefaultTheme.push((props) => {
+          var _theme$components;
           const theme = resolveTheme(_extends({}, props, {
             defaultTheme,
             themeId
           }));
-          return variantsResolver(props, getVariantStyles(componentName, theme), theme, componentName);
+          const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[componentName]) == null ? void 0 : _theme$components.variants;
+          return processStyleArg({
+            variants: themeVariants
+          }, _extends({}, props, {
+            theme
+          }), theme.modularCssLayers ? "theme" : void 0);
         });
       }
       if (!skipSx) {
@@ -178,16 +201,6 @@ function createStyled(input = {}) {
         const placeholders = new Array(numOfCustomFnsApplied).fill("");
         transformedStyleArg = [...styleArg, ...placeholders];
         transformedStyleArg.raw = [...styleArg.raw, ...placeholders];
-      } else if (typeof styleArg === "function" && // On the server Emotion doesn't use React.forwardRef for creating components, so the created
-      // component stays as a function. This condition makes sure that we do not interpolate functions
-      // which are basically components used as a selectors.
-      styleArg.__emotion_real !== styleArg) {
-        transformedStyleArg = (props) => styleArg(_extends({}, props, {
-          theme: resolveTheme(_extends({}, props, {
-            defaultTheme,
-            themeId
-          }))
-        }));
       }
       const Component = defaultStyledResolver(transformedStyleArg, ...expressionsWithDefaultTheme);
       if (process.env.NODE_ENV !== "production") {

package/dist/node_modules/@mui/system/esm/createTheme/applyStyles.js

@@ -0,0 +1,16 @@
+function applyStyles(key, styles) {
+  const theme = this;
+  if (theme.vars && typeof theme.getColorSchemeSelector === "function") {
+    const selector = theme.getColorSchemeSelector(key).replace(/(\[[^\]]+\])/, "*:where($1)");
+    return {
+      [selector]: styles
+    };
+  }
+  if (theme.palette.mode === key) {
+    return styles;
+  }
+  return {};
+}
+export {
+  applyStyles as default
+};

package/dist/node_modules/@mui/system/esm/createTheme/createTheme.js

@@ -5,7 +5,8 @@ import shape from "./shape.js";
 import createSpacing from "./createSpacing.js";
 import styleFunctionSx from "../styleFunctionSx/styleFunctionSx.js";
 import defaultSxConfig from "../styleFunctionSx/defaultSxConfig.js";
-import deepmerge from "../../../utils/deepmerge/deepmerge.js";
+import applyStyles from "./applyStyles.js";
+import deepmerge from "../../node_modules/@mui/utils/esm/deepmerge/deepmerge.js";
 const _excluded = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme(options = {}, ...args) {
   const {
@@ -27,6 +28,7 @@ function createTheme(options = {}, ...args) {
     spacing,
     shape: _extends({}, shape, shapeInput)
   }, other);
+  muiTheme.applyStyles = applyStyles;
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
   muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {

package/dist/node_modules/@mui/system/esm/createTheme/index.js

@@ -0,0 +1,8 @@
+import { default as default2 } from "./createTheme.js";
+import { default as default3 } from "./createBreakpoints.js";
+import { default as default4 } from "./applyStyles.js";
+export {
+  default2 as default,
+  default3 as private_createBreakpoints,
+  default4 as unstable_applyStyles
+};

package/dist/node_modules/@mui/system/esm/merge.js

@@ -1,4 +1,4 @@
-import deepmerge from "../../utils/deepmerge/deepmerge.js";
+import deepmerge from "../node_modules/@mui/utils/esm/deepmerge/deepmerge.js";
 function merge(acc, item) {
   if (!item) {
     return acc;

package/dist/node_modules/@mui/system/esm/sizing.js

@@ -11,10 +11,20 @@ const width = style({
 const maxWidth = (props) => {
   if (props.maxWidth !== void 0 && props.maxWidth !== null) {
     const styleFromPropValue = (propValue) => {
-      var _props$theme;
+      var _props$theme, _props$theme2;
       const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || values[propValue];
+      if (!breakpoint) {
+        return {
+          maxWidth: sizingTransform(propValue)
+        };
+      }
+      if (((_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.breakpoints) == null ? void 0 : _props$theme2.unit) !== "px") {
+        return {
+          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
+        };
+      }
       return {
-        maxWidth: breakpoint || sizingTransform(propValue)
+        maxWidth: breakpoint
       };
     };
     return handleBreakpoints(props, props.maxWidth, styleFromPropValue);

package/dist/node_modules/@mui/system/esm/style.js

@@ -1,6 +1,6 @@
 import responsivePropType from "./responsivePropType.js";
 import { handleBreakpoints } from "./breakpoints.js";
-import capitalize from "../../utils/capitalize/capitalize.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
 function getPath(obj, path, checkVars = true) {
   if (!path || typeof path !== "string") {
     return null;

package/dist/node_modules/@mui/system/esm/styleFunctionSx/defaultSxConfig.js

@@ -40,6 +40,13 @@ const defaultSxConfig = {
   borderLeftColor: {
     themeKey: "palette"
   },
+  outline: {
+    themeKey: "borders",
+    transform: borderTransform
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
   borderRadius: {
     themeKey: "shape.borderRadius",
     style: borderRadius

package/dist/node_modules/@mui/system/esm/styleFunctionSx/extendSxProp.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import defaultSxConfig from "./defaultSxConfig.js";
-import { isPlainObject } from "../../../utils/deepmerge/deepmerge.js";
+import { isPlainObject } from "../../node_modules/@mui/utils/esm/deepmerge/deepmerge.js";
 const _excluded = ["sx"];
 const splitProps = (props) => {
   var _props$theme$unstable, _props$theme;

package/dist/node_modules/@mui/system/esm/styleFunctionSx/index.js

@@ -0,0 +1,9 @@
+import { default as default2, unstable_createStyleFunctionSx } from "./styleFunctionSx.js";
+import { default as default3 } from "./extendSxProp.js";
+import { default as default4 } from "./defaultSxConfig.js";
+export {
+  default2 as default,
+  default3 as extendSxProp,
+  unstable_createStyleFunctionSx,
+  default4 as unstable_defaultSxConfig
+};

package/dist/node_modules/@mui/system/esm/styleFunctionSx/styleFunctionSx.js

@@ -2,7 +2,7 @@ import merge from "../merge.js";
 import { getPath, getStyleValue } from "../style.js";
 import { createEmptyBreakpointObject, handleBreakpoints, removeUnusedBreakpoints } from "../breakpoints.js";
 import defaultSxConfig from "./defaultSxConfig.js";
-import capitalize from "../../../utils/capitalize/capitalize.js";
+import capitalize from "../../node_modules/@mui/utils/esm/capitalize/capitalize.js";
 function objectsHaveSameKeys(...objects) {
   const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);
   const union = new Set(allKeys);
@@ -59,7 +59,8 @@ function unstable_createStyleFunctionSx() {
     var _theme$unstable_sxCon;
     const {
       sx,
-      theme = {}
+      theme = {},
+      nested
     } = props || {};
     if (!sx) {
       return null;
@@ -93,7 +94,8 @@ function unstable_createStyleFunctionSx() {
               if (objectsHaveSameKeys(breakpointsValues, value)) {
                 css[styleKey] = styleFunctionSx2({
                   sx: value,
-                  theme
+                  theme,
+                  nested: true
                 });
               } else {
                 css = merge(css, breakpointsValues);
@@ -104,6 +106,11 @@ function unstable_createStyleFunctionSx() {
           }
         }
       });
+      if (!nested && theme.modularCssLayers) {
+        return {
+          "@layer sx": removeUnusedBreakpoints(breakpointsKeys, css)
+        };
+      }
       return removeUnusedBreakpoints(breakpointsKeys, css);
     }
     return Array.isArray(sx) ? sx.map(traverse) : traverse(sx);

package/dist/node_modules/@mui/system/esm/useThemeProps/getThemeProps.js

@@ -1,4 +1,4 @@
-import resolveProps from "../../../utils/resolveProps/resolveProps.js";
+import resolveProps from "../../node_modules/@mui/utils/esm/resolveProps/resolveProps.js";
 function getThemeProps(params) {
   const {
     theme,

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/ClassNameGenerator/ClassNameGenerator.js

@@ -0,0 +1,19 @@
+const defaultGenerator = (componentName) => componentName;
+const createClassNameGenerator = () => {
+  let generate = defaultGenerator;
+  return {
+    configure(generator) {
+      generate = generator;
+    },
+    generate(componentName) {
+      return generate(componentName);
+    },
+    reset() {
+      generate = defaultGenerator;
+    }
+  };
+};
+const ClassNameGenerator = createClassNameGenerator();
+export {
+  ClassNameGenerator as default
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/capitalize/capitalize.js

@@ -0,0 +1,10 @@
+import formatMuiErrorMessage from "../formatMuiErrorMessage/formatMuiErrorMessage.js";
+function capitalize(string) {
+  if (typeof string !== "string") {
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`capitalize(string)\` expects a string argument.` : formatMuiErrorMessage(7));
+  }
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+export {
+  capitalize as default
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/capitalize/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./capitalize.js";
+export {
+  default2 as default
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/clamp.js

@@ -0,0 +1,6 @@
+function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
+  return Math.max(min, Math.min(val, max));
+}
+export {
+  clamp as default
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./clamp.js";
+export {
+  default2 as default
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/composeClasses/composeClasses.js

@@ -0,0 +1,25 @@
+function composeClasses(slots, getUtilityClass, classes = void 0) {
+  const output = {};
+  Object.keys(slots).forEach(
+    // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
+    // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
+    (slot) => {
+      output[slot] = slots[slot].reduce((acc, key) => {
+        if (key) {
+          const utilityClass = getUtilityClass(key);
+          if (utilityClass !== "") {
+            acc.push(utilityClass);
+          }
+          if (classes && classes[key]) {
+            acc.push(classes[key]);
+          }
+        }
+        return acc;
+      }, []).join(" ");
+    }
+  );
+  return output;
+}
+export {
+  composeClasses as default
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/deepmerge/deepmerge.js

@@ -0,0 +1,43 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from "react";
+function isPlainObject(item) {
+  if (typeof item !== "object" || item === null) {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(item);
+  return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);
+}
+function deepClone(source) {
+  if (/* @__PURE__ */ React.isValidElement(source) || !isPlainObject(source)) {
+    return source;
+  }
+  const output = {};
+  Object.keys(source).forEach((key) => {
+    output[key] = deepClone(source[key]);
+  });
+  return output;
+}
+function deepmerge(target, source, options = {
+  clone: true
+}) {
+  const output = options.clone ? _extends({}, target) : target;
+  if (isPlainObject(target) && isPlainObject(source)) {
+    Object.keys(source).forEach((key) => {
+      if (/* @__PURE__ */ React.isValidElement(source[key])) {
+        output[key] = source[key];
+      } else if (isPlainObject(source[key]) && // Avoid prototype pollution
+      Object.prototype.hasOwnProperty.call(target, key) && isPlainObject(target[key])) {
+        output[key] = deepmerge(target[key], source[key], options);
+      } else if (options.clone) {
+        output[key] = isPlainObject(source[key]) ? deepClone(source[key]) : source[key];
+      } else {
+        output[key] = source[key];
+      }
+    });
+  }
+  return output;
+}
+export {
+  deepmerge as default,
+  isPlainObject
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/deepmerge/index.js

@@ -0,0 +1,5 @@
+import { default as default2, isPlainObject } from "./deepmerge.js";
+export {
+  default2 as default,
+  isPlainObject
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js

@@ -0,0 +1,10 @@
+function formatMuiErrorMessage(code) {
+  let url = "https://mui.com/production-error/?code=" + code;
+  for (let i = 1; i < arguments.length; i += 1) {
+    url += "&args[]=" + encodeURIComponent(arguments[i]);
+  }
+  return "Minified MUI error #" + code + "; visit " + url + " for the full message.";
+}
+export {
+  formatMuiErrorMessage as default
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./formatMuiErrorMessage.js";
+export {
+  default2 as default
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js

@@ -0,0 +1,23 @@
+import ClassNameGenerator from "../ClassNameGenerator/ClassNameGenerator.js";
+const globalStateClasses = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function generateUtilityClass(componentName, slot, globalStatePrefix = "Mui") {
+  const globalStateClass = globalStateClasses[slot];
+  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;
+}
+export {
+  generateUtilityClass as default,
+  globalStateClasses
+};

package/dist/node_modules/@mui/{utils → system/node_modules/@mui/utils/esm}/getDisplayName/getDisplayName.js

@@ -1,4 +1,4 @@
-import { r as reactIsExports } from "../node_modules/react-is/index.js";
+import { r as reactIsExports } from "../../../../../../../react-is/index.js";
 const fnNameMatchRegex = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
 function getFunctionName(fn) {
   const match = `${fn}`.match(fnNameMatchRegex);

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/getDisplayName/index.js

@@ -0,0 +1,5 @@
+import { default as default2, getFunctionName } from "./getDisplayName.js";
+export {
+  default2 as default,
+  getFunctionName
+};

package/dist/node_modules/@mui/system/node_modules/@mui/utils/esm/resolveProps/resolveProps.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+function resolveProps(defaultProps, props) {
+  const output = _extends({}, props);
+  Object.keys(defaultProps).forEach((propName) => {
+    if (propName.toString().match(/^(components|slots)$/)) {
+      output[propName] = _extends({}, defaultProps[propName], output[propName]);
+    } else if (propName.toString().match(/^(componentsProps|slotProps)$/)) {
+      const defaultSlotProps = defaultProps[propName] || {};
+      const slotProps = props[propName];
+      output[propName] = {};
+      if (!slotProps || !Object.keys(slotProps)) {
+        output[propName] = defaultSlotProps;
+      } else if (!defaultSlotProps || !Object.keys(defaultSlotProps)) {
+        output[propName] = slotProps;
+      } else {
+        output[propName] = _extends({}, slotProps);
+        Object.keys(defaultSlotProps).forEach((slotPropName) => {
+          output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
+        });
+      }
+    } else if (output[propName] === void 0) {
+      output[propName] = defaultProps[propName];
+    }
+  });
+  return output;
+}
+export {
+  resolveProps as default
+};

package/dist/node_modules/@mui/system/useThemeWithoutDefault.js

@@ -0,0 +1,39 @@
+import { __exports as useThemeWithoutDefault } from "../../../_virtual/useThemeWithoutDefault.js";
+import React__default from "react";
+import require$$1 from "../../../_virtual/index7.js";
+Object.defineProperty(useThemeWithoutDefault, "__esModule", {
+  value: true
+});
+var default_1 = useThemeWithoutDefault.default = void 0;
+var React = _interopRequireWildcard(React__default);
+var _styledEngine = require$$1;
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap();
+  return (_getRequireWildcardCache = function(e2) {
+    return e2 ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return { default: e };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
+function isObjectEmpty(obj) {
+  return Object.keys(obj).length === 0;
+}
+function useTheme(defaultTheme = null) {
+  const contextTheme = React.useContext(_styledEngine.ThemeContext);
+  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
+}
+default_1 = useThemeWithoutDefault.default = useTheme;
+export {
+  default_1 as default
+};