impact-ui 4.0.18 → 5.0.0-beta.1

package/dist/node_modules/@mui/material/{node_modules/@mui/base/FocusTrap → Unstable_TrapFocus}/FocusTrap.js

@@ -1,10 +1,11 @@
 import * as React from "react";
-import PropTypes from "../../../../../../prop-types/index.js";
+import PropTypes from "../../../prop-types/index.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import useForkRef from "../../../../../utils/useForkRef/useForkRef.js";
-import ownerDocument from "../../../../../utils/ownerDocument/ownerDocument.js";
-import elementAcceptingRef from "../../../../../utils/elementAcceptingRef/elementAcceptingRef.js";
-import exactProp from "../../../../../utils/exactProp/exactProp.js";
+import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
+import getReactElementRef from "../node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js";
+import ownerDocument from "../node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js";
+import elementAcceptingRef from "../node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js";
+import exactProp from "../node_modules/@mui/utils/esm/exactProp/exactProp.js";
 const candidatesSelector = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
 function getTabIndex(node) {
   const tabindexAttr = parseInt(node.getAttribute("tabindex") || "", 10);
@@ -76,7 +77,7 @@ function FocusTrap(props) {
   const reactFocusEventTarget = React.useRef(null);
   const activated = React.useRef(false);
   const rootRef = React.useRef(null);
-  const handleRef = useForkRef(children.ref, rootRef);
+  const handleRef = useForkRef(getReactElementRef(children), rootRef);
   const lastKeydown = React.useRef(null);
   React.useEffect(() => {
     if (!open || !rootRef.current) {
@@ -115,47 +116,6 @@ function FocusTrap(props) {
       return;
     }
     const doc = ownerDocument(rootRef.current);
-    const contain = (nativeEvent) => {
-      const {
-        current: rootElement
-      } = rootRef;
-      if (rootElement === null) {
-        return;
-      }
-      if (!doc.hasFocus() || disableEnforceFocus || !isEnabled() || ignoreNextEnforceFocus.current) {
-        ignoreNextEnforceFocus.current = false;
-        return;
-      }
-      if (!rootElement.contains(doc.activeElement)) {
-        if (nativeEvent && reactFocusEventTarget.current !== nativeEvent.target || doc.activeElement !== reactFocusEventTarget.current) {
-          reactFocusEventTarget.current = null;
-        } else if (reactFocusEventTarget.current !== null) {
-          return;
-        }
-        if (!activated.current) {
-          return;
-        }
-        let tabbable = [];
-        if (doc.activeElement === sentinelStart.current || doc.activeElement === sentinelEnd.current) {
-          tabbable = getTabbable(rootRef.current);
-        }
-        if (tabbable.length > 0) {
-          var _lastKeydown$current, _lastKeydown$current2;
-          const isShiftTab = Boolean(((_lastKeydown$current = lastKeydown.current) == null ? void 0 : _lastKeydown$current.shiftKey) && ((_lastKeydown$current2 = lastKeydown.current) == null ? void 0 : _lastKeydown$current2.key) === "Tab");
-          const focusNext = tabbable[0];
-          const focusPrevious = tabbable[tabbable.length - 1];
-          if (typeof focusNext !== "string" && typeof focusPrevious !== "string") {
-            if (isShiftTab) {
-              focusPrevious.focus();
-            } else {
-              focusNext.focus();
-            }
-          }
-        } else {
-          rootElement.focus();
-        }
-      }
-    };
     const loopFocus = (nativeEvent) => {
       lastKeydown.current = nativeEvent;
       if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== "Tab") {
@@ -168,11 +128,54 @@ function FocusTrap(props) {
         }
       }
     };
+    const contain = () => {
+      const rootElement = rootRef.current;
+      if (rootElement === null) {
+        return;
+      }
+      if (!doc.hasFocus() || !isEnabled() || ignoreNextEnforceFocus.current) {
+        ignoreNextEnforceFocus.current = false;
+        return;
+      }
+      if (rootElement.contains(doc.activeElement)) {
+        return;
+      }
+      if (disableEnforceFocus && doc.activeElement !== sentinelStart.current && doc.activeElement !== sentinelEnd.current) {
+        return;
+      }
+      if (doc.activeElement !== reactFocusEventTarget.current) {
+        reactFocusEventTarget.current = null;
+      } else if (reactFocusEventTarget.current !== null) {
+        return;
+      }
+      if (!activated.current) {
+        return;
+      }
+      let tabbable = [];
+      if (doc.activeElement === sentinelStart.current || doc.activeElement === sentinelEnd.current) {
+        tabbable = getTabbable(rootRef.current);
+      }
+      if (tabbable.length > 0) {
+        var _lastKeydown$current, _lastKeydown$current2;
+        const isShiftTab = Boolean(((_lastKeydown$current = lastKeydown.current) == null ? void 0 : _lastKeydown$current.shiftKey) && ((_lastKeydown$current2 = lastKeydown.current) == null ? void 0 : _lastKeydown$current2.key) === "Tab");
+        const focusNext = tabbable[0];
+        const focusPrevious = tabbable[tabbable.length - 1];
+        if (typeof focusNext !== "string" && typeof focusPrevious !== "string") {
+          if (isShiftTab) {
+            focusPrevious.focus();
+          } else {
+            focusNext.focus();
+          }
+        }
+      } else {
+        rootElement.focus();
+      }
+    };
     doc.addEventListener("focusin", contain);
     doc.addEventListener("keydown", loopFocus, true);
     const interval = setInterval(() => {
       if (doc.activeElement && doc.activeElement.tagName === "BODY") {
-        contain(null);
+        contain();
       }
     }, 50);
     return () => {
@@ -216,10 +219,10 @@ function FocusTrap(props) {
   });
 }
 process.env.NODE_ENV !== "production" ? FocusTrap.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * A single child content element.
    */
@@ -273,5 +276,5 @@ if (process.env.NODE_ENV !== "production") {
   FocusTrap["propTypes"] = exactProp(FocusTrap.propTypes);
 }
 export {
-  FocusTrap
+  FocusTrap as default
 };

package/dist/node_modules/@mui/material/internal/SwitchBase.js

@@ -7,11 +7,12 @@ import styled from "../styles/styled.js";
 import useFormControl from "../FormControl/useFormControl.js";
 import { getSwitchBaseUtilityClass } from "./switchBaseClasses.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import useControlled from "../../utils/useControlled/useControlled.js";
-import capitalize from "../../utils/capitalize/capitalize.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import useControlled from "../node_modules/@mui/utils/esm/useControlled/useControlled.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
 import ButtonBase from "../ButtonBase/ButtonBase.js";
-import refType from "../../utils/refType/refType.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
 const _excluded = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -26,7 +27,9 @@ const useUtilityClasses = (ownerState) => {
   };
   return composeClasses(slots, getSwitchBaseUtilityClass, classes);
 };
-const SwitchBaseRoot = styled(ButtonBase)(({
+const SwitchBaseRoot = styled(ButtonBase, {
+  name: "MuiSwitchBase"
+})(({
   ownerState
 }) => _extends({
   padding: 9,
@@ -36,7 +39,10 @@ const SwitchBaseRoot = styled(ButtonBase)(({
 }, ownerState.edge === "end" && {
   marginRight: ownerState.size === "small" ? -3 : -12
 }));
-const SwitchBaseInput = styled("input")({
+const SwitchBaseInput = styled("input", {
+  name: "MuiSwitchBase",
+  shouldForwardProp: rootShouldForwardProp
+})({
   cursor: "inherit",
   position: "absolute",
   opacity: 0,
@@ -167,7 +173,6 @@ process.env.NODE_ENV !== "production" ? SwitchBase.propTypes = {
   checkedIcon: PropTypes.node.isRequired,
   /**
    * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
    */
   classes: PropTypes.object,
   /**

package/dist/node_modules/@mui/material/internal/switchBaseClasses.js

@@ -1,5 +1,5 @@
-import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
 function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass("PrivateSwitchBase", slot);
 }

package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/appendOwnerState}/appendOwnerState.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { isHostComponent } from "./isHostComponent.js";
+import isHostComponent from "../isHostComponent/isHostComponent.js";
 function appendOwnerState(elementType, otherProps, ownerState) {
   if (elementType === void 0 || isHostComponent(elementType)) {
     return otherProps;
@@ -9,5 +9,5 @@ function appendOwnerState(elementType, otherProps, ownerState) {
   });
 }
 export {
-  appendOwnerState
+  appendOwnerState as default
 };

package/dist/node_modules/@mui/material/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/{utils → material/node_modules/@mui/utils/esm}/deepmerge/deepmerge.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from "react";
 function isPlainObject(item) {
   if (typeof item !== "object" || item === null) {
     return false;
@@ -7,7 +8,7 @@ function isPlainObject(item) {
   return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);
 }
 function deepClone(source) {
-  if (!isPlainObject(source)) {
+  if (/* @__PURE__ */ React.isValidElement(source) || !isPlainObject(source)) {
     return source;
   }
   const output = {};
@@ -22,10 +23,10 @@ function deepmerge(target, source, options = {
   const output = options.clone ? _extends({}, target) : target;
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach((key) => {
-      if (key === "__proto__") {
-        return;
-      }
-      if (isPlainObject(source[key]) && key in target && isPlainObject(target[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];

package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/elementAcceptingRef/elementAcceptingRef.js

@@ -1,4 +1,4 @@
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../../../../prop-types/index.js";
 import chainPropTypes from "../chainPropTypes/chainPropTypes.js";
 function isClassComponent(elementType) {
   const {

package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/elementTypeAcceptingRef/elementTypeAcceptingRef.js

@@ -1,4 +1,4 @@
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../../../../prop-types/index.js";
 import chainPropTypes from "../chainPropTypes/chainPropTypes.js";
 function isClassComponent(elementType) {
   const {

package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/extractEventHandlers}/extractEventHandlers.js

@@ -9,5 +9,5 @@ function extractEventHandlers(object, excludeKeys = []) {
   return result;
 }
 export {
-  extractEventHandlers
+  extractEventHandlers as default
 };

package/dist/node_modules/@mui/material/node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+function getReactElementRef(element) {
+  if (parseInt(React.version, 10) >= 19) {
+    var _element$props;
+    return (element == null || (_element$props = element.props) == null ? void 0 : _element$props.ref) || null;
+  }
+  return (element == null ? void 0 : element.ref) || null;
+}
+export {
+  getReactElementRef as default
+};

package/dist/node_modules/@mui/material/node_modules/@mui/utils/esm/getValidReactChildren/getValidReactChildren.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+function getValidReactChildren(children) {
+  return React.Children.toArray(children).filter((child) => /* @__PURE__ */ React.isValidElement(child));
+}
+export {
+  getValidReactChildren as default
+};

package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/isHostComponent}/isHostComponent.js

@@ -2,5 +2,5 @@ function isHostComponent(element) {
   return typeof element === "string";
 }
 export {
-  isHostComponent
+  isHostComponent as default
 };

package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/mergeSlotProps}/mergeSlotProps.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { clsx } from "../../../../../../clsx/dist/clsx.js";
-import { extractEventHandlers } from "./extractEventHandlers.js";
-import { omitEventHandlers } from "./omitEventHandlers.js";
+import { clsx } from "../../../../../../../clsx/dist/clsx.js";
+import extractEventHandlers from "../extractEventHandlers/extractEventHandlers.js";
+import omitEventHandlers from "../omitEventHandlers/omitEventHandlers.js";
 function mergeSlotProps(parameters) {
   const {
     getSlotProps,
@@ -11,7 +11,7 @@ function mergeSlotProps(parameters) {
     className
   } = parameters;
   if (!getSlotProps) {
-    const joinedClasses2 = clsx(externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className, className, additionalProps == null ? void 0 : additionalProps.className);
+    const joinedClasses2 = clsx(additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
     const mergedStyle2 = _extends({}, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);
     const props2 = _extends({}, additionalProps, externalForwardedProps, externalSlotProps);
     if (joinedClasses2.length > 0) {
@@ -44,5 +44,5 @@ function mergeSlotProps(parameters) {
   };
 }
 export {
-  mergeSlotProps
+  mergeSlotProps as default
 };

package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/omitEventHandlers}/omitEventHandlers.js

@@ -9,5 +9,5 @@ function omitEventHandlers(object) {
   return result;
 }
 export {
-  omitEventHandlers
+  omitEventHandlers as default
 };

package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/refType/refType.js

@@ -1,4 +1,4 @@
-import PropTypes from "../../../prop-types/index.js";
+import PropTypes from "../../../../../../../prop-types/index.js";
 const refType = PropTypes.oneOfType([PropTypes.func, PropTypes.object]);
 export {
   refType as default

package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/resolveComponentProps}/resolveComponentProps.js

@@ -5,5 +5,5 @@ function resolveComponentProps(componentProps, ownerState, slotState) {
   return componentProps;
 }
 export {
-  resolveComponentProps
+  resolveComponentProps as default
 };

package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/useControlled/useControlled.js

@@ -20,7 +20,7 @@ function useControlled({
       current: defaultValue
     } = React.useRef(defaultProp);
     React.useEffect(() => {
-      if (!isControlled && defaultValue !== defaultProp) {
+      if (!isControlled && !Object.is(defaultValue, defaultProp)) {
         console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. To suppress this warning opt to use a controlled ${name}.`].join("\n"));
       }
     }, [JSON.stringify(defaultProp)]);

package/dist/node_modules/@mui/material/node_modules/@mui/utils/esm/useLazyRef/useLazyRef.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+const UNINITIALIZED = {};
+function useLazyRef(init, initArg) {
+  const ref = React.useRef(UNINITIALIZED);
+  if (ref.current === UNINITIALIZED) {
+    ref.current = init(initArg);
+  }
+  return ref;
+}
+export {
+  useLazyRef as default
+};

package/dist/node_modules/@mui/material/node_modules/@mui/utils/esm/useOnMount/useOnMount.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+const EMPTY = [];
+function useOnMount(fn) {
+  React.useEffect(fn, EMPTY);
+}
+export {
+  useOnMount as default
+};

package/dist/node_modules/@mui/material/node_modules/@mui/{base/utils → utils/esm/useSlotProps}/useSlotProps.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import { appendOwnerState } from "./appendOwnerState.js";
-import { mergeSlotProps } from "./mergeSlotProps.js";
-import { resolveComponentProps } from "./resolveComponentProps.js";
-import useForkRef from "../../../../../utils/useForkRef/useForkRef.js";
+import resolveComponentProps from "../resolveComponentProps/resolveComponentProps.js";
+import mergeSlotProps from "../mergeSlotProps/mergeSlotProps.js";
+import useForkRef from "../useForkRef/useForkRef.js";
+import appendOwnerState from "../appendOwnerState/appendOwnerState.js";
 const _excluded = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
 function useSlotProps(parameters) {
   var _parameters$additiona;
@@ -27,5 +27,5 @@ function useSlotProps(parameters) {
   return props;
 }
 export {
-  useSlotProps
+  useSlotProps as default
 };

package/dist/node_modules/@mui/{utils → material/node_modules/@mui/utils/esm}/useTimeout/useTimeout.js

@@ -1,3 +1,5 @@
+import useLazyRef from "../useLazyRef/useLazyRef.js";
+import useOnMount from "../useOnMount/useOnMount.js";
 class Timeout {
   constructor() {
     this.currentId = null;
@@ -25,6 +27,12 @@ class Timeout {
     }, delay);
   }
 }
+function useTimeout() {
+  const timeout = useLazyRef(Timeout.create).current;
+  useOnMount(timeout.disposeEffect);
+  return timeout;
+}
 export {
-  Timeout
+  Timeout,
+  useTimeout as default
 };

package/dist/node_modules/@mui/material/styles/ThemeProvider.js

@@ -0,0 +1,43 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import "react";
+import PropTypes from "../../../prop-types/index.js";
+import THEME_ID from "./identifier.js";
+import { jsx } from "react/jsx-runtime";
+import ThemeProvider$1 from "../../system/esm/ThemeProvider/ThemeProvider.js";
+const _excluded = ["theme"];
+function ThemeProvider(_ref) {
+  let {
+    theme: themeInput
+  } = _ref, props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const scopedTheme = themeInput[THEME_ID];
+  let finalTheme = scopedTheme || themeInput;
+  if (typeof themeInput !== "function") {
+    if (scopedTheme && !scopedTheme.vars) {
+      finalTheme = _extends({}, scopedTheme, {
+        vars: null
+      });
+    } else if (themeInput && !themeInput.vars) {
+      finalTheme = _extends({}, themeInput, {
+        vars: null
+      });
+    }
+  }
+  return /* @__PURE__ */ jsx(ThemeProvider$1, _extends({}, props, {
+    themeId: scopedTheme ? THEME_ID : void 0,
+    theme: finalTheme
+  }));
+}
+process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
+  /**
+   * Your component tree.
+   */
+  children: PropTypes.node,
+  /**
+   * A theme object. You can provide a function to extend the outer theme.
+   */
+  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
+} : void 0;
+export {
+  ThemeProvider as default
+};

package/dist/node_modules/@mui/material/styles/createPalette.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import { getContrastRatio as getContrastRatio_1, lighten as lighten_1, darken as darken_1 } from "../../system/colorManipulator.js";
 import common from "../colors/common.js";
 import grey from "../colors/grey.js";
 import purple from "../colors/purple.js";
@@ -8,9 +9,8 @@ import orange from "../colors/orange.js";
 import blue from "../colors/blue.js";
 import lightBlue from "../colors/lightBlue.js";
 import green from "../colors/green.js";
-import deepmerge from "../../utils/deepmerge/deepmerge.js";
-import { getContrastRatio, lighten, darken } from "../../system/esm/colorManipulator.js";
-import formatMuiErrorMessage from "../../utils/formatMuiErrorMessage/formatMuiErrorMessage.js";
+import deepmerge from "../node_modules/@mui/utils/esm/deepmerge/deepmerge.js";
+import formatMuiErrorMessage from "../node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js";
 const _excluded = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   // The colors used to style the text.
@@ -83,9 +83,9 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
     if (intent.hasOwnProperty(shade)) {
       intent[direction] = intent[shade];
     } else if (direction === "light") {
-      intent.light = lighten(intent.main, tonalOffsetLight);
+      intent.light = lighten_1(intent.main, tonalOffsetLight);
     } else if (direction === "dark") {
-      intent.dark = darken(intent.main, tonalOffsetDark);
+      intent.dark = darken_1(intent.main, tonalOffsetDark);
     }
   }
 }
@@ -187,9 +187,9 @@ function createPalette(palette) {
   const success = palette.success || getDefaultSuccess(mode);
   const warning = palette.warning || getDefaultWarning(mode);
   function getContrastText(background) {
-    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
+    const contrastText = getContrastRatio_1(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const contrast = getContrastRatio(background, contrastText);
+      const contrast = getContrastRatio_1(background, contrastText);
       if (contrast < 3) {
         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"));
       }

package/dist/node_modules/@mui/material/styles/createTheme.js

@@ -6,12 +6,12 @@ import createTypography from "./createTypography.js";
 import shadows from "./shadows.js";
 import createTransitions from "./createTransitions.js";
 import zIndex from "./zIndex.js";
-import formatMuiErrorMessage from "../../utils/formatMuiErrorMessage/formatMuiErrorMessage.js";
+import formatMuiErrorMessage from "../node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js";
 import createTheme$1 from "../../system/esm/createTheme/createTheme.js";
-import deepmerge from "../../utils/deepmerge/deepmerge.js";
+import deepmerge from "../node_modules/@mui/utils/esm/deepmerge/deepmerge.js";
 import defaultSxConfig from "../../system/esm/styleFunctionSx/defaultSxConfig.js";
 import styleFunctionSx from "../../system/esm/styleFunctionSx/styleFunctionSx.js";
-import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
 const _excluded = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 function createTheme(options = {}, ...args) {
   const {
@@ -20,7 +20,9 @@ function createTheme(options = {}, ...args) {
     transitions: transitionsInput = {},
     typography: typographyInput = {}
   } = options, other = _objectWithoutPropertiesLoose(options, _excluded);
-  if (options.vars) {
+  if (options.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
+  // `generateCssVars` is the closest identifier for checking that the `options` is a result of `extendTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
+  options.generateCssVars === void 0) {
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
 Please use another name.` : formatMuiErrorMessage(18));
   }

package/dist/node_modules/@mui/material/styles/createTypography.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import deepmerge from "../../utils/deepmerge/deepmerge.js";
+import deepmerge from "../node_modules/@mui/utils/esm/deepmerge/deepmerge.js";
 const _excluded = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round(value) {
   return Math.round(value * 1e5) / 1e5;

package/dist/node_modules/@mui/material/styles/rootShouldForwardProp.js

@@ -0,0 +1,5 @@
+import slotShouldForwardProp from "./slotShouldForwardProp.js";
+const rootShouldForwardProp = (prop) => slotShouldForwardProp(prop) && prop !== "classes";
+export {
+  rootShouldForwardProp as default
+};

package/dist/node_modules/@mui/material/styles/slotShouldForwardProp.js

@@ -0,0 +1,6 @@
+function slotShouldForwardProp(prop) {
+  return prop !== "ownerState" && prop !== "theme" && prop !== "sx" && prop !== "as";
+}
+export {
+  slotShouldForwardProp as default
+};

package/dist/node_modules/@mui/material/styles/styled.js

@@ -1,15 +1,13 @@
+import _default from "../../system/createStyled.js";
 import defaultTheme from "./defaultTheme.js";
 import THEME_ID from "./identifier.js";
-import createStyled, { shouldForwardProp } from "../../system/esm/createStyled.js";
-const rootShouldForwardProp = (prop) => shouldForwardProp(prop) && prop !== "classes";
-const slotShouldForwardProp = shouldForwardProp;
-const styled = createStyled({
+import rootShouldForwardProp from "./rootShouldForwardProp.js";
+const styled = _default({
   themeId: THEME_ID,
   defaultTheme,
   rootShouldForwardProp
 });
 export {
   styled as default,
-  rootShouldForwardProp,
-  slotShouldForwardProp
+  rootShouldForwardProp
 };

package/dist/node_modules/@mui/material/{node_modules/@mui/base/utils → utils}/areArraysEqual.js

@@ -2,5 +2,5 @@ function areArraysEqual(array1, array2, itemComparer = (a, b) => a === b) {
   return array1.length === array2.length && array1.every((value, index) => itemComparer(value, array2[index]));
 }
 export {
-  areArraysEqual
+  areArraysEqual as default
 };

package/dist/node_modules/@mui/material/utils/capitalize.js

@@ -1,4 +1,4 @@
-import capitalize from "../../utils/capitalize/capitalize.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
 export {
   capitalize as default
 };

package/dist/node_modules/@mui/material/utils/createChainedFunction.js

@@ -1,4 +1,4 @@
-import createChainedFunction from "../../utils/createChainedFunction/createChainedFunction.js";
+import createChainedFunction from "../node_modules/@mui/utils/esm/createChainedFunction/createChainedFunction.js";
 export {
   createChainedFunction as default
 };

package/dist/node_modules/@mui/material/utils/debounce.js

@@ -1,4 +1,4 @@
-import debounce from "../../utils/debounce/debounce.js";
+import debounce from "../node_modules/@mui/utils/esm/debounce/debounce.js";
 export {
   debounce as default
 };