impact-ui 4.0.16 → 4.0.17-alpha.2

package/dist/node_modules/@mui/material/FormGroup/FormGroup.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 { getFormGroupUtilityClass } from "./formGroupClasses.js";
 import useFormControl from "../FormControl/useFormControl.js";
 import formControlState from "../FormControl/formControlState.js";
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 const _excluded = ["className", "row"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -41,7 +41,7 @@ const FormGroupRoot = styled("div", {
   flexDirection: "row"
 }));
 const FormGroup = /* @__PURE__ */ React.forwardRef(function FormGroup2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiFormGroup"
   });
@@ -67,10 +67,10 @@ const FormGroup = /* @__PURE__ */ React.forwardRef(function FormGroup2(inProps,
   }, other));
 });
 process.env.NODE_ENV !== "production" ? FormGroup.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.
    */

package/dist/node_modules/@mui/material/FormGroup/formGroupClasses.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 getFormGroupUtilityClass(slot) {
   return generateUtilityClass("MuiFormGroup", slot);
 }

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

@@ -7,10 +7,10 @@ import formControlState from "../FormControl/formControlState.js";
 import useFormControl from "../FormControl/useFormControl.js";
 import styled from "../styles/styled.js";
 import formHelperTextClasses, { getFormHelperTextUtilityClasses } from "./formHelperTextClasses.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.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";
 var _span;
 const _excluded = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
 const useUtilityClasses = (ownerState) => {
@@ -62,7 +62,7 @@ const FormHelperTextRoot = styled("p", {
   marginRight: 14
 }));
 const FormHelperText = /* @__PURE__ */ React.forwardRef(function FormHelperText2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiFormHelperText"
   });
@@ -105,10 +105,10 @@ const FormHelperText = /* @__PURE__ */ React.forwardRef(function FormHelperText2
   }));
 });
 process.env.NODE_ENV !== "production" ? FormHelperText.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.
    *

package/dist/node_modules/@mui/material/FormHelperText/formHelperTextClasses.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 getFormHelperTextUtilityClasses(slot) {
   return generateUtilityClass("MuiFormHelperText", slot);
 }

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

@@ -12,10 +12,10 @@ function GlobalStyles(props) {
   }));
 }
 process.env.NODE_ENV !== "production" ? GlobalStyles.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 styles you want to apply globally.
    */

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

@@ -6,10 +6,8 @@ import useTheme from "../styles/useTheme.js";
 import { reflow, getTransitionProps } from "../transitions/utils.js";
 import { jsx } from "react/jsx-runtime";
 import Transition from "../../../react-transition-group/esm/Transition.js";
-import useTimeout from "../node_modules/@mui/utils/esm/useTimeout/useTimeout.js";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import getReactElementRef from "../node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js";
-import elementAcceptingRef from "../node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js";
+import useForkRef from "../../utils/useForkRef/useForkRef.js";
+import elementAcceptingRef from "../../utils/elementAcceptingRef/elementAcceptingRef.js";
 const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;
@@ -43,11 +41,11 @@ const Grow = /* @__PURE__ */ React.forwardRef(function Grow2(props, ref) {
     // eslint-disable-next-line react/prop-types
     TransitionComponent = Transition
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
-  const timer = useTimeout();
+  const timer = React.useRef();
   const autoTimeout = React.useRef();
   const theme = useTheme();
   const nodeRef = React.useRef(null);
-  const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
+  const handleRef = useForkRef(nodeRef, children.ref, ref);
   const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => {
     if (callback) {
       const node = nodeRef.current;
@@ -129,12 +127,17 @@ const Grow = /* @__PURE__ */ React.forwardRef(function Grow2(props, ref) {
   const handleExited = normalizedTransitionCallback(onExited);
   const handleAddEndListener = (next) => {
     if (timeout === "auto") {
-      timer.start(autoTimeout.current || 0, next);
+      timer.current = setTimeout(next, autoTimeout.current || 0);
     }
     if (addEndListener) {
       addEndListener(nodeRef.current, next);
     }
   };
+  React.useEffect(() => {
+    return () => {
+      clearTimeout(timer.current);
+    };
+  }, []);
   return /* @__PURE__ */ jsx(TransitionComponent, _extends({
     appear,
     in: inProp,
@@ -161,10 +164,10 @@ const Grow = /* @__PURE__ */ React.forwardRef(function Grow2(props, ref) {
   }));
 });
 process.env.NODE_ENV !== "production" ? Grow.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"     |
+  // ----------------------------------------------------------------------
   /**
    * Add a custom transition end trigger. Called with the transitioning DOM
    * node and a done callback. Allows for more fine grained transition end

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

@@ -3,15 +3,15 @@ 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 styled from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import iconButtonClasses, { getIconButtonUtilityClass } from "./iconButtonClasses.js";
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.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";
 import ButtonBase from "../ButtonBase/ButtonBase.js";
-import chainPropTypes from "../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js";
+import { alpha } from "../../system/esm/colorManipulator.js";
+import chainPropTypes from "../../utils/chainPropTypes/chainPropTypes.js";
 const _excluded = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -52,7 +52,7 @@ const IconButtonRoot = styled(ButtonBase, {
   })
 }, !ownerState.disableRipple && {
   "&:hover": {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha_1(theme.palette.action.active, theme.palette.action.hoverOpacity),
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
@@ -74,7 +74,7 @@ const IconButtonRoot = styled(ButtonBase, {
     color: palette == null ? void 0 : palette.main
   }, !ownerState.disableRipple && {
     "&:hover": _extends({}, palette && {
-      backgroundColor: theme.vars ? `rgba(${palette.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha_1(palette.main, theme.palette.action.hoverOpacity)
+      backgroundColor: theme.vars ? `rgba(${palette.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(palette.main, theme.palette.action.hoverOpacity)
     }, {
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
@@ -95,7 +95,7 @@ const IconButtonRoot = styled(ButtonBase, {
   });
 });
 const IconButton = /* @__PURE__ */ React.forwardRef(function IconButton2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiIconButton"
   });
@@ -121,17 +121,17 @@ const IconButton = /* @__PURE__ */ React.forwardRef(function IconButton2(inProps
     centerRipple: true,
     focusRipple: !disableFocusRipple,
     disabled,
-    ref
+    ref,
+    ownerState
   }, other, {
-    ownerState,
     children
   }));
 });
 process.env.NODE_ENV !== "production" ? IconButton.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 icon to display.
    */
@@ -153,7 +153,7 @@ process.env.NODE_ENV !== "production" ? IconButton.propTypes = {
   /**
    * The color of the component.
    * 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 'default'
    */
   color: PropTypes.oneOfType([PropTypes.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),

package/dist/node_modules/@mui/material/IconButton/iconButtonClasses.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 getIconButtonUtilityClass(slot) {
   return generateUtilityClass("MuiIconButton", slot);
 }

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

@@ -7,20 +7,20 @@ import formControlState from "../FormControl/formControlState.js";
 import FormControlContext from "../FormControl/FormControlContext.js";
 import useFormControl from "../FormControl/useFormControl.js";
 import styled from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import { isFilled } from "./utils.js";
 import inputBaseClasses, { getInputBaseUtilityClass } from "./inputBaseClasses.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import useEnhancedEffect from "../node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js";
-import TextareaAutosize from "../TextareaAutosize/TextareaAutosize.js";
-import isHostComponent from "../node_modules/@mui/utils/esm/isHostComponent/isHostComponent.js";
-import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import useForkRef from "../../utils/useForkRef/useForkRef.js";
+import useEnhancedEffect from "../../utils/useEnhancedEffect/useEnhancedEffect.js";
+import { TextareaAutosize } from "../node_modules/@mui/base/TextareaAutosize/TextareaAutosize.js";
+import { isHostComponent } from "../node_modules/@mui/base/utils/isHostComponent.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 import GlobalStyles from "../GlobalStyles/GlobalStyles.js";
-import formatMuiErrorMessage from "../node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js";
-import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
-import elementTypeAcceptingRef from "../node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js";
+import formatMuiErrorMessage from "../../utils/formatMuiErrorMessage/formatMuiErrorMessage.js";
+import refType from "../../utils/refType/refType.js";
+import elementTypeAcceptingRef from "../../utils/elementTypeAcceptingRef/elementTypeAcceptingRef.js";
 const _excluded = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"];
 const rootOverridesResolver = (props, styles) => {
   const {
@@ -52,7 +52,7 @@ const useUtilityClasses = (ownerState) => {
     type
   } = ownerState;
   const slots = {
-    root: ["root", `color${capitalize(color)}`, disabled && "disabled", error && "error", fullWidth && "fullWidth", focused && "focused", formControl && "formControl", size && size !== "medium" && `size${capitalize(size)}`, multiline && "multiline", startAdornment && "adornedStart", endAdornment && "adornedEnd", hiddenLabel && "hiddenLabel", readOnly && "readOnly"],
+    root: ["root", `color${capitalize(color)}`, disabled && "disabled", error && "error", fullWidth && "fullWidth", focused && "focused", formControl && "formControl", size === "small" && "sizeSmall", multiline && "multiline", startAdornment && "adornedStart", endAdornment && "adornedEnd", hiddenLabel && "hiddenLabel", readOnly && "readOnly"],
     input: ["input", disabled && "disabled", type === "search" && "inputTypeSearch", multiline && "inputMultiline", size === "small" && "inputSizeSmall", hiddenLabel && "inputHiddenLabel", startAdornment && "inputAdornedStart", endAdornment && "inputAdornedEnd", readOnly && "readOnly"]
   };
   return composeClasses(slots, getInputBaseUtilityClass, classes);
@@ -206,7 +206,7 @@ const inputGlobalStyles = /* @__PURE__ */ jsx(GlobalStyles, {
 });
 const InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(inProps, ref) {
   var _slotProps$input;
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiInputBase"
   });
@@ -355,7 +355,7 @@ const InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(inProps,
     if (inputRef.current && event.currentTarget === event.target) {
       inputRef.current.focus();
     }
-    if (onClick) {
+    if (onClick && !fcs.disabled) {
       onClick(event);
     }
   };
@@ -457,10 +457,10 @@ const InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(inProps,
   });
 });
 process.env.NODE_ENV !== "production" ? InputBase.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"     |
+  // ----------------------------------------------------------------------
   /**
    * @ignore
    */
@@ -486,7 +486,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes = {
   /**
    * The color of the component.
    * 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).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
   color: PropTypes.oneOfType([PropTypes.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),

package/dist/node_modules/@mui/material/InputBase/inputBaseClasses.js

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

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

@@ -3,15 +3,15 @@ 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 { lighten as lighten_1, darken as darken_1 } from "../../system/colorManipulator.js";
-import { useRtl } from "../../system/esm/RtlProvider/index.js";
+import useTheme from "../styles/useTheme.js";
 import styled from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import { getLinearProgressUtilityClass } from "./linearProgressClasses.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.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";
 import { css, keyframes } from "../../../@emotion/react/dist/emotion-react.browser.esm.js";
+import { lighten, darken } from "../../system/esm/colorManipulator.js";
 const _excluded = ["className", "color", "value", "valueBuffer", "variant"];
 let _ = (t) => t, _t, _t2, _t3, _t4, _t5, _t6;
 const TRANSITION_DURATION = 4;
@@ -84,7 +84,7 @@ const getColorShade = (theme, color) => {
   if (theme.vars) {
     return theme.vars.palette.LinearProgress[`${color}Bg`];
   }
-  return theme.palette.mode === "light" ? lighten_1(theme.palette[color].main, 0.62) : darken_1(theme.palette[color].main, 0.5);
+  return theme.palette.mode === "light" ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);
 };
 const LinearProgressRoot = styled("span", {
   name: "MuiLinearProgress",
@@ -221,7 +221,7 @@ const LinearProgressBar2 = styled("span", {
       animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
     `), indeterminate2Keyframe));
 const LinearProgress = /* @__PURE__ */ React.forwardRef(function LinearProgress2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiLinearProgress"
   });
@@ -237,7 +237,7 @@ const LinearProgress = /* @__PURE__ */ React.forwardRef(function LinearProgress2
     variant
   });
   const classes = useUtilityClasses(ownerState);
-  const isRtl = useRtl();
+  const theme = useTheme();
   const rootProps = {};
   const inlineStyles = {
     bar1: {},
@@ -249,7 +249,7 @@ const LinearProgress = /* @__PURE__ */ React.forwardRef(function LinearProgress2
       rootProps["aria-valuemin"] = 0;
       rootProps["aria-valuemax"] = 100;
       let transform = value - 100;
-      if (isRtl) {
+      if (theme.direction === "rtl") {
         transform = -transform;
       }
       inlineStyles.bar1.transform = `translateX(${transform}%)`;
@@ -260,7 +260,7 @@ const LinearProgress = /* @__PURE__ */ React.forwardRef(function LinearProgress2
   if (variant === "buffer") {
     if (valueBuffer !== void 0) {
       let transform = (valueBuffer || 0) - 100;
-      if (isRtl) {
+      if (theme.direction === "rtl") {
         transform = -transform;
       }
       inlineStyles.bar2.transform = `translateX(${transform}%)`;
@@ -290,10 +290,10 @@ const LinearProgress = /* @__PURE__ */ React.forwardRef(function LinearProgress2
   }));
 });
 process.env.NODE_ENV !== "production" ? LinearProgress.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"     |
+  // ----------------------------------------------------------------------
   /**
    * Override or extend the styles applied to the component.
    */
@@ -305,7 +305,7 @@ process.env.NODE_ENV !== "production" ? LinearProgress.propTypes = {
   /**
    * The color of the component.
    * 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 'primary'
    */
   color: PropTypes.oneOfType([PropTypes.oneOf(["inherit", "primary", "secondary"]), PropTypes.string]),

package/dist/node_modules/@mui/material/LinearProgress/linearProgressClasses.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 getLinearProgressUtilityClass(slot) {
   return generateUtilityClass("MuiLinearProgress", slot);
 }

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

@@ -4,16 +4,16 @@ 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 linkClasses, { getLinkUtilityClass } from "./linkClasses.js";
 import getTextDecoration, { colorTransformations } from "./getTextDecoration.js";
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import useIsFocusVisible from "../node_modules/@mui/utils/esm/useIsFocusVisible/useIsFocusVisible.js";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import useIsFocusVisible from "../../utils/useIsFocusVisible/useIsFocusVisible.js";
+import useForkRef from "../../utils/useForkRef/useForkRef.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 import Typography from "../Typography/Typography.js";
-import elementTypeAcceptingRef from "../node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js";
+import elementTypeAcceptingRef from "../../utils/elementTypeAcceptingRef/elementTypeAcceptingRef.js";
 const _excluded = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -88,7 +88,7 @@ const LinkRoot = styled(Typography, {
   });
 });
 const Link = /* @__PURE__ */ React.forwardRef(function Link2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiLink"
   });
@@ -153,10 +153,10 @@ const Link = /* @__PURE__ */ React.forwardRef(function Link2(inProps, ref) {
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Link.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.
    */

package/dist/node_modules/@mui/material/Link/getTextDecoration.js

@@ -1,5 +1,5 @@
-import { alpha as alpha_1 } from "../../system/colorManipulator.js";
 import { getPath } from "../../system/esm/style.js";
+import { alpha } from "../../system/esm/colorManipulator.js";
 const colorTransformations = {
   primary: "primary.main",
   textPrimary: "text.primary",
@@ -20,7 +20,7 @@ const getTextDecoration = ({
   if ("vars" in theme && channelColor) {
     return `rgba(${channelColor} / 0.4)`;
   }
-  return alpha_1(color, 0.4);
+  return alpha(color, 0.4);
 };
 export {
   colorTransformations,

package/dist/node_modules/@mui/material/Link/linkClasses.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 getLinkUtilityClass(slot) {
   return generateUtilityClass("MuiLink", slot);
 }

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

@@ -4,11 +4,11 @@ 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 ListContext from "./ListContext.js";
 import { getListUtilityClass } from "./listClasses.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 const _excluded = ["children", "className", "component", "dense", "disablePadding", "subheader"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -45,7 +45,7 @@ const ListRoot = styled("ul", {
   paddingTop: 0
 }));
 const List = /* @__PURE__ */ React.forwardRef(function List2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiList"
   });
@@ -79,10 +79,10 @@ const List = /* @__PURE__ */ React.forwardRef(function List2(inProps, ref) {
   });
 });
 process.env.NODE_ENV !== "production" ? List.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.
    */

package/dist/node_modules/@mui/material/List/listClasses.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 getListUtilityClass(slot) {
   return generateUtilityClass("MuiList", slot);
 }