impact-ui 4.0.18 → 5.0.0-beta.1

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

@@ -4,16 +4,17 @@ import * as React from "react";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import PropTypes from "../../../prop-types/index.js";
 import styled from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import { duration } from "../styles/createTransitions.js";
 import { getTransitionProps } from "../transitions/utils.js";
 import useTheme from "../styles/useTheme.js";
 import { getCollapseUtilityClass } from "./collapseClasses.js";
 import { jsx } from "react/jsx-runtime";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import Transition from "../../../react-transition-group/esm/Transition.js";
-import useForkRef from "../../utils/useForkRef/useForkRef.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
-import elementTypeAcceptingRef from "../../utils/elementTypeAcceptingRef/elementTypeAcceptingRef.js";
+import useTimeout from "../node_modules/@mui/utils/esm/useTimeout/useTimeout.js";
+import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import elementTypeAcceptingRef from "../node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js";
 const _excluded = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -84,7 +85,7 @@ const CollapseWrapperInner = styled("div", {
   height: "100%"
 }));
 const Collapse = /* @__PURE__ */ React.forwardRef(function Collapse2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiCollapse"
   });
@@ -114,17 +115,12 @@ const Collapse = /* @__PURE__ */ React.forwardRef(function Collapse2(inProps, re
   });
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
-  const timer = React.useRef();
+  const timer = useTimeout();
   const wrapperRef = React.useRef(null);
   const autoTransitionDuration = React.useRef();
   const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
   const isHorizontal = orientation === "horizontal";
   const size = isHorizontal ? "width" : "height";
-  React.useEffect(() => {
-    return () => {
-      clearTimeout(timer.current);
-    };
-  }, []);
   const nodeRef = React.useRef(null);
   const handleRef = useForkRef(ref, nodeRef);
   const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => {
@@ -215,7 +211,7 @@ const Collapse = /* @__PURE__ */ React.forwardRef(function Collapse2(inProps, re
   });
   const handleAddEndListener = (next) => {
     if (timeout === "auto") {
-      timer.current = setTimeout(next, autoTransitionDuration.current || 0);
+      timer.start(autoTransitionDuration.current || 0, next);
     }
     if (addEndListener) {
       addEndListener(nodeRef.current, next);
@@ -242,11 +238,13 @@ const Collapse = /* @__PURE__ */ React.forwardRef(function Collapse2(inProps, re
       style: _extends({
         [isHorizontal ? "minWidth" : "minHeight"]: collapsedSize
       }, style),
+      ref: handleRef
+    }, childProps, {
+      // `ownerState` is set after `childProps` to override any existing `ownerState` property in `childProps`
+      // that might have been forwarded from the Transition component.
       ownerState: _extends({}, ownerState, {
         state
       }),
-      ref: handleRef
-    }, childProps, {
       children: /* @__PURE__ */ jsx(CollapseWrapper, {
         ownerState: _extends({}, ownerState, {
           state
@@ -265,10 +263,10 @@ const Collapse = /* @__PURE__ */ React.forwardRef(function Collapse2(inProps, re
   }));
 });
 process.env.NODE_ENV !== "production" ? Collapse.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * 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/Collapse/collapseClasses.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 getCollapseUtilityClass(slot) {
   return generateUtilityClass("MuiCollapse", slot);
 }

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

@@ -0,0 +1,25 @@
+import "@babel/runtime/helpers/esm/extends";
+import "react";
+import PropTypes from "../../../prop-types/index.js";
+import "react/jsx-runtime";
+import { useDefaultProps as useDefaultProps$1 } from "../../system/esm/DefaultPropsProvider/DefaultPropsProvider.js";
+process.env.NODE_ENV !== "production" ? {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: PropTypes.node,
+  /**
+   * @ignore
+   */
+  value: PropTypes.object.isRequired
+} : void 0;
+function useDefaultProps(params) {
+  return useDefaultProps$1(params);
+}
+export {
+  useDefaultProps
+};

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

@@ -3,20 +3,20 @@ 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 useThemeProps from "../styles/useThemeProps.js";
 import styled from "../styles/styled.js";
 import dialogClasses, { getDialogUtilityClass } from "./dialogClasses.js";
 import DialogContext from "./DialogContext.js";
 import useTheme from "../styles/useTheme.js";
 import { jsx } from "react/jsx-runtime";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import Paper from "../Paper/Paper.js";
 import Fade from "../Fade/Fade.js";
-import useId from "../../utils/useId/useId.js";
-import capitalize from "../../utils/capitalize/capitalize.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import useId from "../node_modules/@mui/utils/esm/useId/useId.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
 import Modal from "../Modal/Modal.js";
 import Backdrop from "../Backdrop/Backdrop.js";
-const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
+const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
 const DialogBackdrop = styled(Backdrop, {
   name: "MuiDialog",
   slot: "Backdrop",
@@ -76,7 +76,7 @@ const DialogContainer = styled("div", {
   overflowY: "auto",
   overflowX: "hidden",
   textAlign: "center",
-  "&:after": {
+  "&::after": {
     content: '""',
     display: "inline-block",
     verticalAlign: "middle",
@@ -145,7 +145,7 @@ const DialogPaper = styled(Paper, {
   }
 }));
 const Dialog = /* @__PURE__ */ React.forwardRef(function Dialog2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiDialog"
   });
@@ -166,6 +166,7 @@ const Dialog = /* @__PURE__ */ React.forwardRef(function Dialog2(inProps, ref) {
     fullWidth = false,
     maxWidth = "sm",
     onBackdropClick,
+    onClick,
     onClose,
     open,
     PaperComponent = Paper,
@@ -188,6 +189,9 @@ const Dialog = /* @__PURE__ */ React.forwardRef(function Dialog2(inProps, ref) {
     backdropClick.current = event.target === event.currentTarget;
   };
   const handleBackdropClick = (event) => {
+    if (onClick) {
+      onClick(event);
+    }
     if (!backdropClick.current) {
       return;
     }
@@ -253,10 +257,10 @@ const Dialog = /* @__PURE__ */ React.forwardRef(function Dialog2(inProps, ref) {
   }));
 });
 process.env.NODE_ENV !== "production" ? Dialog.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 id(s) of the element(s) that describe the dialog.
    */
@@ -325,6 +329,10 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes = {
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
   onBackdropClick: PropTypes.func,
+  /**
+   * @ignore
+   */
+  onClick: PropTypes.func,
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -376,7 +384,7 @@ process.env.NODE_ENV !== "production" ? Dialog.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.
    */
   TransitionProps: PropTypes.object
 } : void 0;

package/dist/node_modules/@mui/material/Dialog/dialogClasses.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 getDialogUtilityClass(slot) {
   return generateUtilityClass("MuiDialog", slot);
 }

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

@@ -4,10 +4,10 @@ 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 { getDialogActionsUtilityClass } from "./dialogActionsClasses.js";
 import { 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";
 const _excluded = ["className", "disableSpacing"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -37,12 +37,12 @@ const DialogActionsRoot = styled("div", {
   justifyContent: "flex-end",
   flex: "0 0 auto"
 }, !ownerState.disableSpacing && {
-  "& > :not(:first-of-type)": {
+  "& > :not(style) ~ :not(style)": {
     marginLeft: 8
   }
 }));
 const DialogActions = /* @__PURE__ */ React.forwardRef(function DialogActions2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiDialogActions"
   });
@@ -61,10 +61,10 @@ const DialogActions = /* @__PURE__ */ React.forwardRef(function DialogActions2(i
   }, other));
 });
 process.env.NODE_ENV !== "production" ? DialogActions.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/DialogActions/dialogActionsClasses.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 getDialogActionsUtilityClass(slot) {
   return generateUtilityClass("MuiDialogActions", slot);
 }

package/dist/node_modules/@mui/material/DialogContent/DialogContent.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 { getDialogContentUtilityClass } from "./dialogContentClasses.js";
 import dialogTitleClasses from "../DialogTitle/dialogTitleClasses.js";
 import { 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";
 const _excluded = ["className", "dividers"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -48,7 +48,7 @@ const DialogContentRoot = styled("div", {
   }
 }));
 const DialogContent = /* @__PURE__ */ React.forwardRef(function DialogContent2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiDialogContent"
   });
@@ -67,10 +67,10 @@ const DialogContent = /* @__PURE__ */ React.forwardRef(function DialogContent2(i
   }, other));
 });
 process.env.NODE_ENV !== "production" ? DialogContent.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/DialogContent/dialogContentClasses.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 getDialogContentUtilityClass(slot) {
   return generateUtilityClass("MuiDialogContent", slot);
 }

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

@@ -3,12 +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 styled, { rootShouldForwardProp } from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
+import styled from "../styles/styled.js";
 import { getDialogContentTextUtilityClass } from "./dialogContentTextClasses.js";
 import { 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 Typography from "../Typography/Typography.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
 const _excluded = ["children", "className"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -27,7 +28,7 @@ const DialogContentTextRoot = styled(Typography, {
   overridesResolver: (props, styles) => styles.root
 })({});
 const DialogContentText = /* @__PURE__ */ React.forwardRef(function DialogContentText2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiDialogContentText"
   });
@@ -47,10 +48,10 @@ const DialogContentText = /* @__PURE__ */ React.forwardRef(function DialogConten
   }));
 });
 process.env.NODE_ENV !== "production" ? DialogContentText.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/DialogContentText/dialogContentTextClasses.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 getDialogContentTextUtilityClass(slot) {
   return generateUtilityClass("MuiDialogContentText", slot);
 }

package/dist/node_modules/@mui/material/DialogTitle/DialogTitle.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 { getDialogTitleUtilityClass } from "./dialogTitleClasses.js";
 import DialogContext from "../Dialog/DialogContext.js";
 import { 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 Typography from "../Typography/Typography.js";
 const _excluded = ["className", "id"];
 const useUtilityClasses = (ownerState) => {
@@ -29,7 +29,7 @@ const DialogTitleRoot = styled(Typography, {
   flex: "0 0 auto"
 });
 const DialogTitle = /* @__PURE__ */ React.forwardRef(function DialogTitle2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiDialogTitle"
   });
@@ -52,10 +52,10 @@ const DialogTitle = /* @__PURE__ */ React.forwardRef(function DialogTitle2(inPro
   }, other));
 });
 process.env.NODE_ENV !== "production" ? DialogTitle.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/DialogTitle/dialogTitleClasses.js

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

package/dist/node_modules/@mui/material/Divider/dividerClasses.js

@@ -1,4 +1,4 @@
-import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
 const dividerClasses = generateUtilityClasses("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
 export {
   dividerClasses as default

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

@@ -3,17 +3,19 @@ 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 { useRtl } from "../../system/esm/RtlProvider/index.js";
 import useTheme from "../styles/useTheme.js";
-import useThemeProps from "../styles/useThemeProps.js";
-import styled, { rootShouldForwardProp } from "../styles/styled.js";
+import styled from "../styles/styled.js";
 import { getDrawerUtilityClass } from "./drawerClasses.js";
 import { jsx } from "react/jsx-runtime";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import Slide from "../Slide/Slide.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 Paper from "../Paper/Paper.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
 import Modal from "../Modal/Modal.js";
-import integerPropType from "../../utils/integerPropType/integerPropType.js";
+import integerPropType from "../node_modules/@mui/utils/esm/integerPropType/integerPropType.js";
 const _excluded = ["BackdropProps"], _excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
 const overridesResolver = (props, styles) => {
   const {
@@ -116,15 +118,18 @@ const oppositeDirection = {
 function isHorizontal(anchor) {
   return ["left", "right"].indexOf(anchor) !== -1;
 }
-function getAnchor(theme, anchor) {
-  return theme.direction === "rtl" && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
+function getAnchor({
+  direction
+}, anchor) {
+  return direction === "rtl" && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
 }
 const Drawer = /* @__PURE__ */ React.forwardRef(function Drawer2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiDrawer"
   });
   const theme = useTheme();
+  const isRtl = useRtl();
   const defaultTransitionDuration = {
     enter: theme.transitions.duration.enteringScreen,
     exit: theme.transitions.duration.leavingScreen
@@ -152,7 +157,9 @@ const Drawer = /* @__PURE__ */ React.forwardRef(function Drawer2(inProps, ref) {
   React.useEffect(() => {
     mounted.current = true;
   }, []);
-  const anchorInvariant = getAnchor(theme, anchorProp);
+  const anchorInvariant = getAnchor({
+    direction: isRtl ? "rtl" : "ltr"
+  }, anchorProp);
   const anchor = anchorProp;
   const ownerState = _extends({}, props, {
     anchor,
@@ -210,10 +217,10 @@ const Drawer = /* @__PURE__ */ React.forwardRef(function Drawer2(inProps, ref) {
   }));
 });
 process.env.NODE_ENV !== "production" ? Drawer.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * Side from which the drawer will appear.
    * @default 'left'
@@ -252,8 +259,10 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes = {
   ModalProps: PropTypes.object,
   /**
    * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
    *
    * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
   onClose: PropTypes.func,
   /**

package/dist/node_modules/@mui/material/Drawer/drawerClasses.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 getDrawerUtilityClass(slot) {
   return generateUtilityClass("MuiDrawer", slot);
 }

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

@@ -6,8 +6,9 @@ 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 useForkRef from "../../utils/useForkRef/useForkRef.js";
-import elementAcceptingRef from "../../utils/elementAcceptingRef/elementAcceptingRef.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";
 const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 const styles = {
   entering: {
@@ -41,7 +42,7 @@ const Fade = /* @__PURE__ */ React.forwardRef(function Fade2(props, ref) {
     TransitionComponent = Transition
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
   const nodeRef = React.useRef(null);
-  const handleRef = useForkRef(nodeRef, children.ref, ref);
+  const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
   const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => {
     if (callback) {
       const node = nodeRef.current;
@@ -115,10 +116,10 @@ const Fade = /* @__PURE__ */ React.forwardRef(function Fade2(props, ref) {
   }));
 });
 process.env.NODE_ENV !== "production" ? Fade.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * 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/FormControl/FormControl.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 useThemeProps from "../styles/useThemeProps.js";
 import styled from "../styles/styled.js";
 import { isAdornedStart, isFilled } from "../InputBase/utils.js";
 import FormControlContext from "./FormControlContext.js";
 import { getFormControlUtilityClasses } from "./formControlClasses.js";
 import { jsx } from "react/jsx-runtime";
-import isMuiElement from "../../utils/isMuiElement/isMuiElement.js";
-import capitalize from "../../utils/capitalize/capitalize.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import isMuiElement from "../node_modules/@mui/utils/esm/isMuiElement/isMuiElement.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
 const _excluded = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -54,7 +54,7 @@ const FormControlRoot = styled("div", {
   width: "100%"
 }));
 const FormControl = /* @__PURE__ */ React.forwardRef(function FormControl2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiFormControl"
   });
@@ -175,10 +175,10 @@ const FormControl = /* @__PURE__ */ React.forwardRef(function FormControl2(inPro
   });
 });
 process.env.NODE_ENV !== "production" ? FormControl.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.
    */
@@ -194,7 +194,7 @@ process.env.NODE_ENV !== "production" ? FormControl.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/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
   color: PropTypes.oneOfType([PropTypes.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),