impact-ui 4.0.16 → 4.0.17-alpha.2

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

@@ -1,19 +1,16 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
-import { r as reactIsExports } from "../../../react-is/index.js";
+import { r as reactIsExports } from "../node_modules/react-is/index.js";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import styled from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
+import isValueSelected from "./isValueSelected.js";
 import toggleButtonGroupClasses, { getToggleButtonGroupUtilityClass } from "./toggleButtonGroupClasses.js";
-import ToggleButtonGroupContext from "./ToggleButtonGroupContext.js";
-import ToggleButtonGroupButtonContext from "./ToggleButtonGroupButtonContext.js";
-import toggleButtonClasses from "../ToggleButton/toggleButtonClasses.js";
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import getValidReactChildren from "../node_modules/@mui/utils/esm/getValidReactChildren/getValidReactChildren.js";
-import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 const _excluded = ["children", "className", "color", "disabled", "exclusive", "fullWidth", "onChange", "orientation", "size", "value"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -24,10 +21,7 @@ const useUtilityClasses = (ownerState) => {
   } = ownerState;
   const slots = {
     root: ["root", orientation === "vertical" && "vertical", fullWidth && "fullWidth"],
-    grouped: ["grouped", `grouped${capitalize(orientation)}`, disabled && "disabled"],
-    firstButton: ["firstButton"],
-    lastButton: ["lastButton"],
-    middleButton: ["middleButton"]
+    grouped: ["grouped", `grouped${capitalize(orientation)}`, disabled && "disabled"]
   };
   return composeClasses(slots, getToggleButtonGroupUtilityClass, classes);
 };
@@ -42,12 +36,6 @@ const ToggleButtonGroupRoot = styled("div", {
       [`& .${toggleButtonGroupClasses.grouped}`]: styles.grouped
     }, {
       [`& .${toggleButtonGroupClasses.grouped}`]: styles[`grouped${capitalize(ownerState.orientation)}`]
-    }, {
-      [`& .${toggleButtonGroupClasses.firstButton}`]: styles.firstButton
-    }, {
-      [`& .${toggleButtonGroupClasses.lastButton}`]: styles.lastButton
-    }, {
-      [`& .${toggleButtonGroupClasses.middleButton}`]: styles.middleButton
     }, styles.root, ownerState.orientation === "vertical" && styles.vertical, ownerState.fullWidth && styles.fullWidth];
   }
 })(({
@@ -62,49 +50,39 @@ const ToggleButtonGroupRoot = styled("div", {
   width: "100%"
 }, {
   [`& .${toggleButtonGroupClasses.grouped}`]: _extends({}, ownerState.orientation === "horizontal" ? {
+    "&:not(:first-of-type)": {
+      marginLeft: -1,
+      borderLeft: "1px solid transparent",
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0
+    },
+    "&:not(:last-of-type)": {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    },
     [`&.${toggleButtonGroupClasses.selected} + .${toggleButtonGroupClasses.grouped}.${toggleButtonGroupClasses.selected}`]: {
       borderLeft: 0,
       marginLeft: 0
     }
   } : {
+    "&:not(:first-of-type)": {
+      marginTop: -1,
+      borderTop: "1px solid transparent",
+      borderTopLeftRadius: 0,
+      borderTopRightRadius: 0
+    },
+    "&:not(:last-of-type)": {
+      borderBottomLeftRadius: 0,
+      borderBottomRightRadius: 0
+    },
     [`&.${toggleButtonGroupClasses.selected} + .${toggleButtonGroupClasses.grouped}.${toggleButtonGroupClasses.selected}`]: {
       borderTop: 0,
       marginTop: 0
     }
   })
-}, ownerState.orientation === "horizontal" ? {
-  [`& .${toggleButtonGroupClasses.firstButton},& .${toggleButtonGroupClasses.middleButton}`]: {
-    borderTopRightRadius: 0,
-    borderBottomRightRadius: 0
-  },
-  [`& .${toggleButtonGroupClasses.lastButton},& .${toggleButtonGroupClasses.middleButton}`]: {
-    marginLeft: -1,
-    borderLeft: "1px solid transparent",
-    borderTopLeftRadius: 0,
-    borderBottomLeftRadius: 0
-  }
-} : {
-  [`& .${toggleButtonGroupClasses.firstButton},& .${toggleButtonGroupClasses.middleButton}`]: {
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0
-  },
-  [`& .${toggleButtonGroupClasses.lastButton},& .${toggleButtonGroupClasses.middleButton}`]: {
-    marginTop: -1,
-    borderTop: "1px solid transparent",
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0
-  }
-}, ownerState.orientation === "horizontal" ? {
-  [`& .${toggleButtonGroupClasses.lastButton}.${toggleButtonClasses.disabled},& .${toggleButtonGroupClasses.middleButton}.${toggleButtonClasses.disabled}`]: {
-    borderLeft: "1px solid transparent"
-  }
-} : {
-  [`& .${toggleButtonGroupClasses.lastButton}.${toggleButtonClasses.disabled},& .${toggleButtonGroupClasses.middleButton}.${toggleButtonClasses.disabled}`]: {
-    borderTop: "1px solid transparent"
-  }
 }));
 const ToggleButtonGroup = /* @__PURE__ */ React.forwardRef(function ToggleButtonGroup2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiToggleButtonGroup"
   });
@@ -127,7 +105,7 @@ const ToggleButtonGroup = /* @__PURE__ */ React.forwardRef(function ToggleButton
     size
   });
   const classes = useUtilityClasses(ownerState);
-  const handleChange = React.useCallback((event, buttonValue) => {
+  const handleChange = (event, buttonValue) => {
     if (!onChange) {
       return;
     }
@@ -140,37 +118,12 @@ const ToggleButtonGroup = /* @__PURE__ */ React.forwardRef(function ToggleButton
       newValue = value ? value.concat(buttonValue) : [buttonValue];
     }
     onChange(event, newValue);
-  }, [onChange, value]);
-  const handleExclusiveChange = React.useCallback((event, buttonValue) => {
+  };
+  const handleExclusiveChange = (event, buttonValue) => {
     if (!onChange) {
       return;
     }
     onChange(event, value === buttonValue ? null : buttonValue);
-  }, [onChange, value]);
-  const context = React.useMemo(() => ({
-    className: classes.grouped,
-    onChange: exclusive ? handleExclusiveChange : handleChange,
-    value,
-    size,
-    fullWidth,
-    color,
-    disabled
-  }), [classes.grouped, exclusive, handleExclusiveChange, handleChange, value, size, fullWidth, color, disabled]);
-  const validChildren = getValidReactChildren(children);
-  const childrenCount = validChildren.length;
-  const getButtonPositionClassName = (index) => {
-    const isFirstButton = index === 0;
-    const isLastButton = index === childrenCount - 1;
-    if (isFirstButton && isLastButton) {
-      return "";
-    }
-    if (isFirstButton) {
-      return classes.firstButton;
-    }
-    if (isLastButton) {
-      return classes.lastButton;
-    }
-    return classes.middleButton;
   };
   return /* @__PURE__ */ jsx(ToggleButtonGroupRoot, _extends({
     role: "group",
@@ -178,27 +131,32 @@ const ToggleButtonGroup = /* @__PURE__ */ React.forwardRef(function ToggleButton
     ref,
     ownerState
   }, other, {
-    children: /* @__PURE__ */ jsx(ToggleButtonGroupContext.Provider, {
-      value: context,
-      children: validChildren.map((child, index) => {
-        if (process.env.NODE_ENV !== "production") {
-          if (reactIsExports.isFragment(child)) {
-            console.error(["MUI: The ToggleButtonGroup component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
-          }
+    children: React.Children.map(children, (child) => {
+      if (!/* @__PURE__ */ React.isValidElement(child)) {
+        return null;
+      }
+      if (process.env.NODE_ENV !== "production") {
+        if (reactIsExports.isFragment(child)) {
+          console.error(["MUI: The ToggleButtonGroup component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
         }
-        return /* @__PURE__ */ jsx(ToggleButtonGroupButtonContext.Provider, {
-          value: getButtonPositionClassName(index),
-          children: child
-        }, index);
-      })
+      }
+      return /* @__PURE__ */ React.cloneElement(child, {
+        className: clsx(classes.grouped, child.props.className),
+        onChange: exclusive ? handleExclusiveChange : handleChange,
+        selected: child.props.selected === void 0 ? isValueSelected(child.props.value, value) : child.props.selected,
+        size: child.props.size || size,
+        fullWidth,
+        color: child.props.color || color,
+        disabled: child.props.disabled || disabled
+      });
     })
   }));
 });
 process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The content of the component.
    */
@@ -214,7 +172,7 @@ process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes = {
   /**
    * The color of the button when it is selected.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'standard'
    */
   color: PropTypes.oneOfType([PropTypes.oneOf(["standard", "primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),

package/dist/node_modules/@mui/material/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -1,9 +1,9 @@
-import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
 function getToggleButtonGroupUtilityClass(slot) {
   return generateUtilityClass("MuiToggleButtonGroup", slot);
 }
-const toggleButtonGroupClasses = generateUtilityClasses("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]);
+const toggleButtonGroupClasses = generateUtilityClasses("MuiToggleButtonGroup", ["root", "selected", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical"]);
 export {
   toggleButtonGroupClasses as default,
   getToggleButtonGroupUtilityClass

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

@@ -3,26 +3,23 @@ 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 { alpha as alpha_1 } from "../../system/colorManipulator.js";
-import { useRtl } from "../../system/esm/RtlProvider/index.js";
+import styled from "../styles/styled.js";
+import useTheme from "../styles/useTheme.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import tooltipClasses, { getTooltipUtilityClass } from "./tooltipClasses.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import Grow from "../Grow/Grow.js";
-import useTheme from "../styles/useTheme.js";
-import useTimeout, { Timeout } from "../node_modules/@mui/utils/esm/useTimeout/useTimeout.js";
-import useControlled from "../node_modules/@mui/utils/esm/useControlled/useControlled.js";
-import useId from "../node_modules/@mui/utils/esm/useId/useId.js";
-import useEventCallback from "../node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js";
-import useIsFocusVisible from "../node_modules/@mui/utils/esm/useIsFocusVisible/useIsFocusVisible.js";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import getReactElementRef from "../node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js";
-import appendOwnerState from "../node_modules/@mui/utils/esm/appendOwnerState/appendOwnerState.js";
+import useControlled from "../../utils/useControlled/useControlled.js";
+import useId from "../../utils/useId/useId.js";
+import useEventCallback from "../../utils/useEventCallback/useEventCallback.js";
+import useIsFocusVisible from "../../utils/useIsFocusVisible/useIsFocusVisible.js";
+import useForkRef from "../../utils/useForkRef/useForkRef.js";
+import { appendOwnerState } from "../node_modules/@mui/base/utils/appendOwnerState.js";
 import Popper from "../Popper/Popper.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";
-import elementAcceptingRef from "../node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import { alpha } from "../../system/esm/colorManipulator.js";
+import elementAcceptingRef from "../../utils/elementAcceptingRef/elementAcceptingRef.js";
 const _excluded = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
@@ -117,7 +114,7 @@ const TooltipTooltip = styled("div", {
   theme,
   ownerState
 }) => _extends({
-  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha_1(theme.palette.grey[700], 0.92),
+  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.92),
   borderRadius: (theme.vars || theme).shape.borderRadius,
   color: (theme.vars || theme).palette.common.white,
   fontFamily: theme.typography.fontFamily,
@@ -183,7 +180,7 @@ const TooltipArrow = styled("span", {
   width: "1em",
   height: "0.71em",
   boxSizing: "border-box",
-  color: theme.vars ? theme.vars.palette.Tooltip.bg : alpha_1(theme.palette.grey[700], 0.9),
+  color: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.9),
   "&::before": {
     content: '""',
     margin: "auto",
@@ -195,22 +192,22 @@ const TooltipArrow = styled("span", {
   }
 }));
 let hystersisOpen = false;
-const hystersisTimer = new Timeout();
+let hystersisTimer = null;
 let cursorPosition = {
   x: 0,
   y: 0
 };
 function composeEventHandler(handler, eventHandler) {
-  return (event, ...params) => {
+  return (event) => {
     if (eventHandler) {
-      eventHandler(event, ...params);
+      eventHandler(event);
     }
-    handler(event, ...params);
+    handler(event);
   };
 }
 const Tooltip = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, ref) {
   var _ref, _slots$popper, _ref2, _ref3, _slots$transition, _ref4, _slots$tooltip, _ref5, _slots$arrow, _slotProps$popper, _ref6, _slotProps$popper2, _slotProps$transition, _slotProps$tooltip, _ref7, _slotProps$tooltip2, _slotProps$arrow, _ref8, _slotProps$arrow2;
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiTooltip"
   });
@@ -247,15 +244,15 @@ const Tooltip = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, ref)
     children: childrenProp
   });
   const theme = useTheme();
-  const isRtl = useRtl();
+  const isRtl = theme.direction === "rtl";
   const [childNode, setChildNode] = React.useState();
   const [arrowRef, setArrowRef] = React.useState(null);
   const ignoreNonTouchEvents = React.useRef(false);
   const disableInteractive = disableInteractiveProp || followCursor;
-  const closeTimer = useTimeout();
-  const enterTimer = useTimeout();
-  const leaveTimer = useTimeout();
-  const touchTimer = useTimeout();
+  const closeTimer = React.useRef();
+  const enterTimer = React.useRef();
+  const leaveTimer = React.useRef();
+  const touchTimer = React.useRef();
   const [openState, setOpenState] = useControlled({
     controlled: openProp,
     default: false,
@@ -275,16 +272,23 @@ const Tooltip = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, ref)
   }
   const id = useId(idProp);
   const prevUserSelect = React.useRef();
-  const stopTouchInteraction = useEventCallback(() => {
+  const stopTouchInteraction = React.useCallback(() => {
     if (prevUserSelect.current !== void 0) {
       document.body.style.WebkitUserSelect = prevUserSelect.current;
       prevUserSelect.current = void 0;
     }
-    touchTimer.clear();
-  });
-  React.useEffect(() => stopTouchInteraction, [stopTouchInteraction]);
+    clearTimeout(touchTimer.current);
+  }, []);
+  React.useEffect(() => {
+    return () => {
+      clearTimeout(closeTimer.current);
+      clearTimeout(enterTimer.current);
+      clearTimeout(leaveTimer.current);
+      stopTouchInteraction();
+    };
+  }, [stopTouchInteraction]);
   const handleOpen = (event) => {
-    hystersisTimer.clear();
+    clearTimeout(hystersisTimer);
     hystersisOpen = true;
     setOpenState(true);
     if (onOpen && !open) {
@@ -296,40 +300,43 @@ const Tooltip = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, ref)
      * @param {React.SyntheticEvent | Event} event
      */
     (event) => {
-      hystersisTimer.start(800 + leaveDelay, () => {
+      clearTimeout(hystersisTimer);
+      hystersisTimer = setTimeout(() => {
         hystersisOpen = false;
-      });
+      }, 800 + leaveDelay);
       setOpenState(false);
       if (onClose && open) {
         onClose(event);
       }
-      closeTimer.start(theme.transitions.duration.shortest, () => {
+      clearTimeout(closeTimer.current);
+      closeTimer.current = setTimeout(() => {
         ignoreNonTouchEvents.current = false;
-      });
+      }, theme.transitions.duration.shortest);
     }
   );
-  const handleMouseOver = (event) => {
+  const handleEnter = (event) => {
     if (ignoreNonTouchEvents.current && event.type !== "touchstart") {
       return;
     }
     if (childNode) {
       childNode.removeAttribute("title");
     }
-    enterTimer.clear();
-    leaveTimer.clear();
+    clearTimeout(enterTimer.current);
+    clearTimeout(leaveTimer.current);
     if (enterDelay || hystersisOpen && enterNextDelay) {
-      enterTimer.start(hystersisOpen ? enterNextDelay : enterDelay, () => {
+      enterTimer.current = setTimeout(() => {
         handleOpen(event);
-      });
+      }, hystersisOpen ? enterNextDelay : enterDelay);
     } else {
       handleOpen(event);
     }
   };
-  const handleMouseLeave = (event) => {
-    enterTimer.clear();
-    leaveTimer.start(leaveDelay, () => {
+  const handleLeave = (event) => {
+    clearTimeout(enterTimer.current);
+    clearTimeout(leaveTimer.current);
+    leaveTimer.current = setTimeout(() => {
       handleClose(event);
-    });
+    }, leaveDelay);
   };
   const {
     isFocusVisibleRef,
@@ -342,7 +349,7 @@ const Tooltip = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, ref)
     handleBlurVisible(event);
     if (isFocusVisibleRef.current === false) {
       setChildIsFocusVisible(false);
-      handleMouseLeave(event);
+      handleLeave(event);
     }
   };
   const handleFocus = (event) => {
@@ -352,7 +359,7 @@ const Tooltip = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, ref)
     handleFocusVisible(event);
     if (isFocusVisibleRef.current === true) {
       setChildIsFocusVisible(true);
-      handleMouseOver(event);
+      handleEnter(event);
     }
   };
   const detectTouchStart = (event) => {
@@ -362,26 +369,29 @@ const Tooltip = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, ref)
       childrenProps2.onTouchStart(event);
     }
   };
+  const handleMouseOver = handleEnter;
+  const handleMouseLeave = handleLeave;
   const handleTouchStart = (event) => {
     detectTouchStart(event);
-    leaveTimer.clear();
-    closeTimer.clear();
+    clearTimeout(leaveTimer.current);
+    clearTimeout(closeTimer.current);
     stopTouchInteraction();
     prevUserSelect.current = document.body.style.WebkitUserSelect;
     document.body.style.WebkitUserSelect = "none";
-    touchTimer.start(enterTouchDelay, () => {
+    touchTimer.current = setTimeout(() => {
       document.body.style.WebkitUserSelect = prevUserSelect.current;
-      handleMouseOver(event);
-    });
+      handleEnter(event);
+    }, enterTouchDelay);
   };
   const handleTouchEnd = (event) => {
     if (children.props.onTouchEnd) {
       children.props.onTouchEnd(event);
     }
     stopTouchInteraction();
-    leaveTimer.start(leaveTouchDelay, () => {
+    clearTimeout(leaveTimer.current);
+    leaveTimer.current = setTimeout(() => {
       handleClose(event);
-    });
+    }, leaveTouchDelay);
   };
   React.useEffect(() => {
     if (!open) {
@@ -397,7 +407,7 @@ const Tooltip = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, ref)
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [handleClose, open]);
-  const handleRef = useForkRef(getReactElementRef(children), focusVisibleRef, setChildNode, ref);
+  const handleRef = useForkRef(children.ref, focusVisibleRef, setChildNode, ref);
   if (!title && title !== 0) {
     open = false;
   }
@@ -540,10 +550,10 @@ const Tooltip = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, ref)
   });
 });
 process.env.NODE_ENV !== "production" ? Tooltip.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * If `true`, adds an arrow to the tooltip.
    * @default false
@@ -728,7 +738,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes = {
   TransitionComponent: PropTypes.elementType,
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
    */
   TransitionProps: PropTypes.object
 } : void 0;

package/dist/node_modules/@mui/material/Tooltip/tooltipClasses.js

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

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

@@ -4,12 +4,12 @@ import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import styled from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import { getTypographyUtilityClass } from "./typographyClasses.js";
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import extendSxProp from "../../system/esm/styleFunctionSx/extendSxProp.js";
-import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 const _excluded = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -77,7 +77,7 @@ const transformDeprecatedColors = (color) => {
   return colorTransformations[color] || color;
 };
 const Typography = /* @__PURE__ */ React.forwardRef(function Typography2(inProps, ref) {
-  const themeProps = useDefaultProps({
+  const themeProps = useThemeProps({
     props: inProps,
     name: "MuiTypography"
   });
@@ -116,10 +116,10 @@ const Typography = /* @__PURE__ */ React.forwardRef(function Typography2(inProps
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Typography.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * Set the text-align on the component.
    * @default 'inherit'

package/dist/node_modules/@mui/material/Typography/typographyClasses.js

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

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

@@ -7,12 +7,11 @@ 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 "../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 useControlled from "../../utils/useControlled/useControlled.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 import ButtonBase from "../ButtonBase/ButtonBase.js";
-import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
-import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
+import refType from "../../utils/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 {
@@ -27,9 +26,7 @@ const useUtilityClasses = (ownerState) => {
   };
   return composeClasses(slots, getSwitchBaseUtilityClass, classes);
 };
-const SwitchBaseRoot = styled(ButtonBase, {
-  name: "MuiSwitchBase"
-})(({
+const SwitchBaseRoot = styled(ButtonBase)(({
   ownerState
 }) => _extends({
   padding: 9,
@@ -39,10 +36,7 @@ const SwitchBaseRoot = styled(ButtonBase, {
 }, ownerState.edge === "end" && {
   marginRight: ownerState.size === "small" ? -3 : -12
 }));
-const SwitchBaseInput = styled("input", {
-  name: "MuiSwitchBase",
-  shouldForwardProp: rootShouldForwardProp
-})({
+const SwitchBaseInput = styled("input")({
   cursor: "inherit",
   position: "absolute",
   opacity: 0,
@@ -173,6 +167,7 @@ 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 "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
 function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass("PrivateSwitchBase", slot);
 }