impact-ui 5.0.0-alpha.1 → 5.0.0-beta.2

package/dist/node_modules/@mui/material/Slider/sliderClasses.js

@@ -1,9 +1,9 @@
-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 getSliderUtilityClass(slot) {
   return generateUtilityClass("MuiSlider", slot);
 }
-const sliderClasses = generateUtilityClasses("MuiSlider", ["root", "active", "colorPrimary", "colorSecondary", "disabled", "dragging", "focusVisible", "mark", "markActive", "marked", "markLabel", "markLabelActive", "rail", "sizeSmall", "thumb", "thumbColorPrimary", "thumbColorSecondary", "track", "trackInverted", "trackFalse", "thumbSizeSmall", "valueLabel", "valueLabelOpen", "valueLabelCircle", "valueLabelLabel", "vertical"]);
+const sliderClasses = generateUtilityClasses("MuiSlider", ["root", "active", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "disabled", "dragging", "focusVisible", "mark", "markActive", "marked", "markLabel", "markLabelActive", "rail", "sizeSmall", "thumb", "thumbColorPrimary", "thumbColorSecondary", "thumbColorError", "thumbColorSuccess", "thumbColorInfo", "thumbColorWarning", "track", "trackInverted", "trackFalse", "thumbSizeSmall", "valueLabel", "valueLabelOpen", "valueLabelCircle", "valueLabelLabel", "vertical"]);
 export {
   sliderClasses as default,
   getSliderUtilityClass

package/dist/node_modules/@mui/material/{node_modules/@mui/base/useSlider → Slider}/useSlider.js

@@ -1,23 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
-import useControlled from "../../../../../utils/useControlled/useControlled.js";
-import useIsFocusVisible from "../../../../../utils/useIsFocusVisible/useIsFocusVisible.js";
-import useForkRef from "../../../../../utils/useForkRef/useForkRef.js";
-import useEnhancedEffect from "../../../../../utils/useEnhancedEffect/useEnhancedEffect.js";
-import useEventCallback from "../../../../../utils/useEventCallback/useEventCallback.js";
-import ownerDocument from "../../../../../utils/ownerDocument/ownerDocument.js";
-import visuallyHidden from "../../../../../utils/visuallyHidden/visuallyHidden.js";
-import { areArraysEqual } from "../utils/areArraysEqual.js";
+import areArraysEqual from "../utils/areArraysEqual.js";
+import useControlled from "../node_modules/@mui/utils/esm/useControlled/useControlled.js";
+import clamp from "../node_modules/@mui/utils/esm/clamp/clamp.js";
+import useIsFocusVisible from "../node_modules/@mui/utils/esm/useIsFocusVisible/useIsFocusVisible.js";
+import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
+import useEnhancedEffect from "../node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js";
+import useEventCallback from "../node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js";
+import ownerDocument from "../node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js";
+import extractEventHandlers from "../node_modules/@mui/utils/esm/extractEventHandlers/extractEventHandlers.js";
+import visuallyHidden from "../node_modules/@mui/utils/esm/visuallyHidden/visuallyHidden.js";
 const INTENTIONAL_DRAG_COUNT_THRESHOLD = 2;
 function asc(a, b) {
   return a - b;
 }
-function clamp(value, min, max) {
-  if (value == null) {
-    return min;
-  }
-  return Math.min(Math.max(min, value), max);
-}
 function findClosest(values, currentValue) {
   var _values$reduce;
   const {
@@ -90,7 +86,7 @@ function focusThumb({
   const doc = ownerDocument(sliderRef.current);
   if (!((_sliderRef$current = sliderRef.current) != null && _sliderRef$current.contains(doc.activeElement)) || Number(doc == null || (_doc$activeElement = doc.activeElement) == null ? void 0 : _doc$activeElement.getAttribute("data-index")) !== activeIndex) {
     var _sliderRef$current2;
-    (_sliderRef$current2 = sliderRef.current) == null ? void 0 : _sliderRef$current2.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
+    (_sliderRef$current2 = sliderRef.current) == null || _sliderRef$current2.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
   }
   if (setActive) {
     setActive(activeIndex);
@@ -160,10 +156,11 @@ function useSlider(parameters) {
     rootRef: ref,
     scale = Identity,
     step = 1,
+    shiftStep = 10,
     tabIndex,
     value: valueProp
   } = parameters;
-  const touchId = React.useRef();
+  const touchId = React.useRef(void 0);
   const [active, setActive] = React.useState(-1);
   const [open, setOpen] = React.useState(-1);
   const [dragging, setDragging] = React.useState(false);
@@ -187,7 +184,7 @@ function useSlider(parameters) {
   });
   const range = Array.isArray(valueDerived);
   let values = range ? valueDerived.slice().sort(asc) : [valueDerived];
-  values = values.map((value) => clamp(value, min, max));
+  values = values.map((value) => value == null ? min : clamp(value, min, max));
   const marks = marksProp === true && step !== null ? [...Array(Math.floor((max - min) / step) + 1)].map((_, index) => ({
     value: min + step * index
   })) : marksProp || [];
@@ -199,7 +196,7 @@ function useSlider(parameters) {
     ref: focusVisibleRef
   } = useIsFocusVisible();
   const [focusedThumbIndex, setFocusedThumbIndex] = React.useState(-1);
-  const sliderRef = React.useRef();
+  const sliderRef = React.useRef(null);
   const handleFocusRef = useForkRef(focusVisibleRef, sliderRef);
   const handleRef = useForkRef(ref, handleFocusRef);
   const createHandleHiddenInputFocus = (otherHandlers) => (event) => {
@@ -210,7 +207,7 @@ function useSlider(parameters) {
       setFocusedThumbIndex(index);
     }
     setOpen(index);
-    otherHandlers == null || (_otherHandlers$onFocu = otherHandlers.onFocus) == null ? void 0 : _otherHandlers$onFocu.call(otherHandlers, event);
+    otherHandlers == null || (_otherHandlers$onFocu = otherHandlers.onFocus) == null || _otherHandlers$onFocu.call(otherHandlers, event);
   };
   const createHandleHiddenInputBlur = (otherHandlers) => (event) => {
     var _otherHandlers$onBlur;
@@ -219,27 +216,13 @@ function useSlider(parameters) {
       setFocusedThumbIndex(-1);
     }
     setOpen(-1);
-    otherHandlers == null || (_otherHandlers$onBlur = otherHandlers.onBlur) == null ? void 0 : _otherHandlers$onBlur.call(otherHandlers, event);
+    otherHandlers == null || (_otherHandlers$onBlur = otherHandlers.onBlur) == null || _otherHandlers$onBlur.call(otherHandlers, event);
   };
-  useEnhancedEffect(() => {
-    if (disabled && sliderRef.current.contains(document.activeElement)) {
-      var _document$activeEleme;
-      (_document$activeEleme = document.activeElement) == null ? void 0 : _document$activeEleme.blur();
-    }
-  }, [disabled]);
-  if (disabled && active !== -1) {
-    setActive(-1);
-  }
-  if (disabled && focusedThumbIndex !== -1) {
-    setFocusedThumbIndex(-1);
-  }
-  const createHandleHiddenInputChange = (otherHandlers) => (event) => {
-    var _otherHandlers$onChan;
-    (_otherHandlers$onChan = otherHandlers.onChange) == null ? void 0 : _otherHandlers$onChan.call(otherHandlers, event);
+  const changeValue = (event, valueInput) => {
     const index = Number(event.currentTarget.getAttribute("data-index"));
     const value = values[index];
     const marksIndex = marksValues.indexOf(value);
-    let newValue = event.target.valueAsNumber;
+    let newValue = valueInput;
     if (marks && step == null) {
       const maxMarksValue = marksValues[marksValues.length - 1];
       if (newValue > maxMarksValue) {
@@ -279,7 +262,42 @@ function useSlider(parameters) {
       onChangeCommitted(event, newValue);
     }
   };
-  const previousIndex = React.useRef();
+  const createHandleHiddenInputKeyDown = (otherHandlers) => (event) => {
+    var _otherHandlers$onKeyD;
+    if (step !== null) {
+      const index = Number(event.currentTarget.getAttribute("data-index"));
+      const value = values[index];
+      let newValue = null;
+      if ((event.key === "ArrowLeft" || event.key === "ArrowDown") && event.shiftKey || event.key === "PageDown") {
+        newValue = Math.max(value - shiftStep, min);
+      } else if ((event.key === "ArrowRight" || event.key === "ArrowUp") && event.shiftKey || event.key === "PageUp") {
+        newValue = Math.min(value + shiftStep, max);
+      }
+      if (newValue !== null) {
+        changeValue(event, newValue);
+        event.preventDefault();
+      }
+    }
+    otherHandlers == null || (_otherHandlers$onKeyD = otherHandlers.onKeyDown) == null || _otherHandlers$onKeyD.call(otherHandlers, event);
+  };
+  useEnhancedEffect(() => {
+    if (disabled && sliderRef.current.contains(document.activeElement)) {
+      var _document$activeEleme;
+      (_document$activeEleme = document.activeElement) == null || _document$activeEleme.blur();
+    }
+  }, [disabled]);
+  if (disabled && active !== -1) {
+    setActive(-1);
+  }
+  if (disabled && focusedThumbIndex !== -1) {
+    setFocusedThumbIndex(-1);
+  }
+  const createHandleHiddenInputChange = (otherHandlers) => (event) => {
+    var _otherHandlers$onChan;
+    (_otherHandlers$onChan = otherHandlers.onChange) == null || _otherHandlers$onChan.call(otherHandlers, event);
+    changeValue(event, event.target.valueAsNumber);
+  };
+  const previousIndex = React.useRef(void 0);
   let axis = orientation;
   if (isRtl && orientation === "horizontal") {
     axis += "-reverse";
@@ -424,8 +442,12 @@ function useSlider(parameters) {
     }
     moveCount.current = 0;
     const doc = ownerDocument(sliderRef.current);
-    doc.addEventListener("touchmove", handleTouchMove);
-    doc.addEventListener("touchend", handleTouchEnd);
+    doc.addEventListener("touchmove", handleTouchMove, {
+      passive: true
+    });
+    doc.addEventListener("touchend", handleTouchEnd, {
+      passive: true
+    });
   });
   const stopListening = React.useCallback(() => {
     const doc = ownerDocument(sliderRef.current);
@@ -442,9 +464,7 @@ function useSlider(parameters) {
       passive: doesSupportTouchActionNone()
     });
     return () => {
-      slider.removeEventListener("touchstart", handleTouchStart, {
-        passive: doesSupportTouchActionNone()
-      });
+      slider.removeEventListener("touchstart", handleTouchStart);
       stopListening();
     };
   }, [stopListening, handleTouchStart]);
@@ -455,7 +475,7 @@ function useSlider(parameters) {
   }, [disabled, stopListening]);
   const createHandleMouseDown = (otherHandlers) => (event) => {
     var _otherHandlers$onMous;
-    (_otherHandlers$onMous = otherHandlers.onMouseDown) == null ? void 0 : _otherHandlers$onMous.call(otherHandlers, event);
+    (_otherHandlers$onMous = otherHandlers.onMouseDown) == null || _otherHandlers$onMous.call(otherHandlers, event);
     if (disabled) {
       return;
     }
@@ -486,37 +506,41 @@ function useSlider(parameters) {
     }
     moveCount.current = 0;
     const doc = ownerDocument(sliderRef.current);
-    doc.addEventListener("mousemove", handleTouchMove);
+    doc.addEventListener("mousemove", handleTouchMove, {
+      passive: true
+    });
     doc.addEventListener("mouseup", handleTouchEnd);
   };
   const trackOffset = valueToPercent(range ? values[0] : min, min, max);
   const trackLeap = valueToPercent(values[values.length - 1], min, max) - trackOffset;
-  const getRootProps = (otherHandlers = {}) => {
+  const getRootProps = (externalProps = {}) => {
+    const externalHandlers = extractEventHandlers(externalProps);
     const ownEventHandlers = {
-      onMouseDown: createHandleMouseDown(otherHandlers || {})
+      onMouseDown: createHandleMouseDown(externalHandlers || {})
     };
-    const mergedEventHandlers = _extends({}, otherHandlers, ownEventHandlers);
-    return _extends({
+    const mergedEventHandlers = _extends({}, externalHandlers, ownEventHandlers);
+    return _extends({}, externalProps, {
       ref: handleRef
     }, mergedEventHandlers);
   };
   const createHandleMouseOver = (otherHandlers) => (event) => {
     var _otherHandlers$onMous2;
-    (_otherHandlers$onMous2 = otherHandlers.onMouseOver) == null ? void 0 : _otherHandlers$onMous2.call(otherHandlers, event);
+    (_otherHandlers$onMous2 = otherHandlers.onMouseOver) == null || _otherHandlers$onMous2.call(otherHandlers, event);
     const index = Number(event.currentTarget.getAttribute("data-index"));
     setOpen(index);
   };
   const createHandleMouseLeave = (otherHandlers) => (event) => {
     var _otherHandlers$onMous3;
-    (_otherHandlers$onMous3 = otherHandlers.onMouseLeave) == null ? void 0 : _otherHandlers$onMous3.call(otherHandlers, event);
+    (_otherHandlers$onMous3 = otherHandlers.onMouseLeave) == null || _otherHandlers$onMous3.call(otherHandlers, event);
     setOpen(-1);
   };
-  const getThumbProps = (otherHandlers = {}) => {
+  const getThumbProps = (externalProps = {}) => {
+    const externalHandlers = extractEventHandlers(externalProps);
     const ownEventHandlers = {
-      onMouseOver: createHandleMouseOver(otherHandlers || {}),
-      onMouseLeave: createHandleMouseLeave(otherHandlers || {})
+      onMouseOver: createHandleMouseOver(externalHandlers || {}),
+      onMouseLeave: createHandleMouseLeave(externalHandlers || {})
     };
-    return _extends({}, otherHandlers, ownEventHandlers);
+    return _extends({}, externalProps, externalHandlers, ownEventHandlers);
   };
   const getThumbStyle = (index) => {
     return {
@@ -524,14 +548,16 @@ function useSlider(parameters) {
       pointerEvents: active !== -1 && active !== index ? "none" : void 0
     };
   };
-  const getHiddenInputProps = (otherHandlers = {}) => {
+  const getHiddenInputProps = (externalProps = {}) => {
     var _parameters$step;
+    const externalHandlers = extractEventHandlers(externalProps);
     const ownEventHandlers = {
-      onChange: createHandleHiddenInputChange(otherHandlers || {}),
-      onFocus: createHandleHiddenInputFocus(otherHandlers || {}),
-      onBlur: createHandleHiddenInputBlur(otherHandlers || {})
+      onChange: createHandleHiddenInputChange(externalHandlers || {}),
+      onFocus: createHandleHiddenInputFocus(externalHandlers || {}),
+      onBlur: createHandleHiddenInputBlur(externalHandlers || {}),
+      onKeyDown: createHandleHiddenInputKeyDown(externalHandlers || {})
     };
-    const mergedEventHandlers = _extends({}, otherHandlers, ownEventHandlers);
+    const mergedEventHandlers = _extends({}, externalHandlers, ownEventHandlers);
     return _extends({
       tabIndex,
       "aria-labelledby": ariaLabelledby,
@@ -544,7 +570,7 @@ function useSlider(parameters) {
       max: parameters.max,
       step: parameters.step === null && parameters.marks ? "any" : (_parameters$step = parameters.step) != null ? _parameters$step : void 0,
       disabled
-    }, mergedEventHandlers, {
+    }, externalProps, mergedEventHandlers, {
       style: _extends({}, visuallyHidden, {
         direction: isRtl ? "rtl" : "ltr",
         // So that VoiceOver's focus indicator matches the thumb's dimensions

package/dist/node_modules/@mui/material/Snackbar/Snackbar.js

@@ -2,18 +2,18 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
-import styled from "../styles/styled.js";
-import useTheme from "../styles/useTheme.js";
-import useThemeProps from "../styles/useThemeProps.js";
+import useSnackbar from "./useSnackbar.js";
 import { getSnackbarUtilityClass } from "./snackbarClasses.js";
 import { jsx } from "react/jsx-runtime";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import useTheme from "../styles/useTheme.js";
 import Grow from "../Grow/Grow.js";
-import { useSnackbar } from "../node_modules/@mui/base/useSnackbar/useSnackbar.js";
-import { useSlotProps } from "../node_modules/@mui/base/utils/useSlotProps.js";
-import { ClickAwayListener } from "../node_modules/@mui/base/ClickAwayListener/ClickAwayListener.js";
+import useSlotProps from "../node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js";
+import { ClickAwayListener } from "../ClickAwayListener/ClickAwayListener.js";
 import SnackbarContent from "../SnackbarContent/SnackbarContent.js";
-import capitalize from "../../utils/capitalize/capitalize.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import styled from "../styles/styled.js";
 const _excluded = ["onEnter", "onExited"], _excluded2 = ["action", "anchorOrigin", "autoHideDuration", "children", "className", "ClickAwayListenerProps", "ContentProps", "disableWindowBlurListener", "message", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "TransitionComponent", "transitionDuration", "TransitionProps"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -74,7 +74,7 @@ const SnackbarRoot = styled("div", {
   });
 });
 const Snackbar = /* @__PURE__ */ React.forwardRef(function Snackbar2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiSnackbar"
   });
@@ -169,10 +169,10 @@ const Snackbar = /* @__PURE__ */ React.forwardRef(function Snackbar2(inProps, re
   }));
 });
 process.env.NODE_ENV !== "production" ? Snackbar.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The action to display. It renders after the message, at the end of the snackbar.
    */
@@ -221,10 +221,10 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes = {
    */
   disableWindowBlurListener: PropTypes.bool,
   /**
-   * When displaying multiple consecutive Snackbars from a parent rendering a single
-   * <Snackbar/>, add the key prop to ensure independent treatment of each message.
-   * e.g. <Snackbar key={message} />, otherwise, the message may update-in-place and
-   * features such as autoHideDuration may be canceled.
+   * When displaying multiple consecutive snackbars using a single parent-rendered
+   * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.
+   * For instance, use `<Snackbar key={message} />`. Otherwise, messages might update
+   * in place, and features like `autoHideDuration` could be affected.
    */
   key: () => null,
   /**
@@ -294,7 +294,7 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes = {
   })]),
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    * @default {}
    */
   TransitionProps: PropTypes.object

package/dist/node_modules/@mui/material/Snackbar/snackbarClasses.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 getSnackbarUtilityClass(slot) {
   return generateUtilityClass("MuiSnackbar", slot);
 }

package/dist/node_modules/@mui/material/{node_modules/@mui/base/useSnackbar → Snackbar}/useSnackbar.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
-import { extractEventHandlers } from "../utils/extractEventHandlers.js";
-import useEventCallback from "../../../../../utils/useEventCallback/useEventCallback.js";
-function useSnackbar(parameters) {
+import useTimeout from "../node_modules/@mui/utils/esm/useTimeout/useTimeout.js";
+import useEventCallback from "../node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js";
+import extractEventHandlers from "../node_modules/@mui/utils/esm/extractEventHandlers/extractEventHandlers.js";
+function useSnackbar(parameters = {}) {
   const {
     autoHideDuration = null,
     disableWindowBlurListener = false,
@@ -10,7 +11,7 @@ function useSnackbar(parameters) {
     open,
     resumeHideDuration
   } = parameters;
-  const timerAutoHide = React.useRef();
+  const timerAutoHide = useTimeout();
   React.useEffect(() => {
     if (!open) {
       return void 0;
@@ -18,7 +19,7 @@ function useSnackbar(parameters) {
     function handleKeyDown(nativeEvent) {
       if (!nativeEvent.defaultPrevented) {
         if (nativeEvent.key === "Escape" || nativeEvent.key === "Esc") {
-          onClose == null ? void 0 : onClose(nativeEvent, "escapeKeyDown");
+          onClose == null || onClose(nativeEvent, "escapeKeyDown");
         }
       }
     }
@@ -28,31 +29,26 @@ function useSnackbar(parameters) {
     };
   }, [open, onClose]);
   const handleClose = useEventCallback((event, reason) => {
-    onClose == null ? void 0 : onClose(event, reason);
+    onClose == null || onClose(event, reason);
   });
   const setAutoHideTimer = useEventCallback((autoHideDurationParam) => {
     if (!onClose || autoHideDurationParam == null) {
       return;
     }
-    clearTimeout(timerAutoHide.current);
-    timerAutoHide.current = setTimeout(() => {
+    timerAutoHide.start(autoHideDurationParam, () => {
       handleClose(null, "timeout");
-    }, autoHideDurationParam);
+    });
   });
   React.useEffect(() => {
     if (open) {
       setAutoHideTimer(autoHideDuration);
     }
-    return () => {
-      clearTimeout(timerAutoHide.current);
-    };
-  }, [open, autoHideDuration, setAutoHideTimer]);
+    return timerAutoHide.clear;
+  }, [open, autoHideDuration, setAutoHideTimer, timerAutoHide]);
   const handleClickAway = (event) => {
-    onClose == null ? void 0 : onClose(event, "clickaway");
-  };
-  const handlePause = () => {
-    clearTimeout(timerAutoHide.current);
+    onClose == null || onClose(event, "clickaway");
   };
+  const handlePause = timerAutoHide.clear;
   const handleResume = React.useCallback(() => {
     if (autoHideDuration != null) {
       setAutoHideTimer(resumeHideDuration != null ? resumeHideDuration : autoHideDuration * 0.5);
@@ -60,22 +56,22 @@ function useSnackbar(parameters) {
   }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);
   const createHandleBlur = (otherHandlers) => (event) => {
     const onBlurCallback = otherHandlers.onBlur;
-    onBlurCallback == null ? void 0 : onBlurCallback(event);
+    onBlurCallback == null || onBlurCallback(event);
     handleResume();
   };
   const createHandleFocus = (otherHandlers) => (event) => {
     const onFocusCallback = otherHandlers.onFocus;
-    onFocusCallback == null ? void 0 : onFocusCallback(event);
+    onFocusCallback == null || onFocusCallback(event);
     handlePause();
   };
   const createMouseEnter = (otherHandlers) => (event) => {
     const onMouseEnterCallback = otherHandlers.onMouseEnter;
-    onMouseEnterCallback == null ? void 0 : onMouseEnterCallback(event);
+    onMouseEnterCallback == null || onMouseEnterCallback(event);
     handlePause();
   };
   const createMouseLeave = (otherHandlers) => (event) => {
     const onMouseLeaveCallback = otherHandlers.onMouseLeave;
-    onMouseLeaveCallback == null ? void 0 : onMouseLeaveCallback(event);
+    onMouseLeaveCallback == null || onMouseLeaveCallback(event);
     handleResume();
   };
   React.useEffect(() => {
@@ -88,15 +84,14 @@ function useSnackbar(parameters) {
       };
     }
     return void 0;
-  }, [disableWindowBlurListener, handleResume, open]);
-  const getRootProps = (otherHandlers = {}) => {
-    const propsEventHandlers = extractEventHandlers(parameters);
-    const externalEventHandlers = _extends({}, propsEventHandlers, otherHandlers);
+  }, [disableWindowBlurListener, open, handleResume, handlePause]);
+  const getRootProps = (externalProps = {}) => {
+    const externalEventHandlers = _extends({}, extractEventHandlers(parameters), extractEventHandlers(externalProps));
     return _extends({
       // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
       // See https://github.com/mui/material-ui/issues/29080
       role: "presentation"
-    }, externalEventHandlers, {
+    }, externalProps, externalEventHandlers, {
       onBlur: createHandleBlur(externalEventHandlers),
       onFocus: createHandleFocus(externalEventHandlers),
       onMouseEnter: createMouseEnter(externalEventHandlers),
@@ -109,5 +104,5 @@ function useSnackbar(parameters) {
   };
 }
 export {
-  useSnackbar
+  useSnackbar as default
 };

package/dist/node_modules/@mui/material/SnackbarContent/SnackbarContent.js

@@ -3,13 +3,13 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
+import { emphasize as emphasize_1 } from "../../system/colorManipulator.js";
 import styled from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import { getSnackbarContentUtilityClass } from "./snackbarContentClasses.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
 import Paper from "../Paper/Paper.js";
-import { emphasize } from "../../system/esm/colorManipulator.js";
 const _excluded = ["action", "className", "message", "role"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -30,7 +30,7 @@ const SnackbarContentRoot = styled(Paper, {
   theme
 }) => {
   const emphasis = theme.palette.mode === "light" ? 0.8 : 0.98;
-  const backgroundColor = emphasize(theme.palette.background.default, emphasis);
+  const backgroundColor = emphasize_1(theme.palette.background.default, emphasis);
   return _extends({}, theme.typography.body2, {
     color: theme.vars ? theme.vars.palette.SnackbarContent.color : theme.palette.getContrastText(backgroundColor),
     backgroundColor: theme.vars ? theme.vars.palette.SnackbarContent.bg : backgroundColor,
@@ -65,7 +65,7 @@ const SnackbarContentAction = styled("div", {
   marginRight: -8
 });
 const SnackbarContent = /* @__PURE__ */ React.forwardRef(function SnackbarContent2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiSnackbarContent"
   });
@@ -97,10 +97,10 @@ const SnackbarContent = /* @__PURE__ */ React.forwardRef(function SnackbarConten
   }));
 });
 process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The action to display. It renders after the message, at the end of the snackbar.
    */

package/dist/node_modules/@mui/material/SnackbarContent/snackbarContentClasses.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 getSnackbarContentUtilityClass(slot) {
   return generateUtilityClass("MuiSnackbarContent", slot);
 }

package/dist/node_modules/@mui/material/Stack/Stack.js

@@ -1,23 +1,23 @@
 import PropTypes from "../../../prop-types/index.js";
 import styled from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import createStack from "../../system/esm/Stack/createStack.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 const Stack = createStack({
   createStyledComponent: styled("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (props, styles) => styles.root
   }),
-  useThemeProps: (inProps) => useThemeProps({
+  useThemeProps: (inProps) => useDefaultProps({
     props: inProps,
     name: "MuiStack"
   })
 });
 process.env.NODE_ENV !== "production" ? Stack.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */

package/dist/node_modules/@mui/material/Step/Step.js

@@ -5,12 +5,12 @@ import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import StepperContext from "../Stepper/StepperContext.js";
 import StepContext from "./StepContext.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import styled from "../styles/styled.js";
 import { getStepUtilityClass } from "./stepClasses.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
-import integerPropType from "../../utils/integerPropType/integerPropType.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import integerPropType from "../node_modules/@mui/utils/esm/integerPropType/integerPropType.js";
 const _excluded = ["active", "children", "className", "component", "completed", "disabled", "expanded", "index", "last"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -43,7 +43,7 @@ const StepRoot = styled("div", {
   position: "relative"
 }));
 const Step = /* @__PURE__ */ React.forwardRef(function Step2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiStep"
   });
@@ -108,10 +108,10 @@ const Step = /* @__PURE__ */ React.forwardRef(function Step2(inProps, ref) {
   });
 });
 process.env.NODE_ENV !== "production" ? Step.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * Sets the step as active. Is passed to child components.
    */

package/dist/node_modules/@mui/material/Step/stepClasses.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 getStepUtilityClass(slot) {
   return generateUtilityClass("MuiStep", slot);
 }