impact-ui 4.0.16 → 4.0.17-alpha.2

package/dist/node_modules/@mui/material/Collapse/collapseClasses.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 getCollapseUtilityClass(slot) {
   return generateUtilityClass("MuiCollapse", slot);
 }

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 "../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 useId from "../../utils/useId/useId.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/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", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"];
+const _excluded = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "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 = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiDialog"
   });
@@ -166,7 +166,6 @@ const Dialog = /* @__PURE__ */ React.forwardRef(function Dialog2(inProps, ref) {
     fullWidth = false,
     maxWidth = "sm",
     onBackdropClick,
-    onClick,
     onClose,
     open,
     PaperComponent = Paper,
@@ -189,9 +188,6 @@ 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;
     }
@@ -257,10 +253,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 `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 id(s) of the element(s) that describe the dialog.
    */
@@ -329,10 +325,6 @@ 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.
    *
@@ -384,7 +376,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes = {
   })]),
   /**
    * 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/Dialog/dialogClasses.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 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 { 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", "disableSpacing"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -37,12 +37,12 @@ const DialogActionsRoot = styled("div", {
   justifyContent: "flex-end",
   flex: "0 0 auto"
 }, !ownerState.disableSpacing && {
-  "& > :not(style) ~ :not(style)": {
+  "& > :not(:first-of-type)": {
     marginLeft: 8
   }
 }));
 const DialogActions = /* @__PURE__ */ React.forwardRef(function DialogActions2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     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 `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/DialogActions/dialogActionsClasses.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 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 { 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", "dividers"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -48,7 +48,7 @@ const DialogContentRoot = styled("div", {
   }
 }));
 const DialogContent = /* @__PURE__ */ React.forwardRef(function DialogContent2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     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 `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/DialogContent/dialogContentClasses.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 getDialogContentUtilityClass(slot) {
   return generateUtilityClass("MuiDialogContent", slot);
 }

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

@@ -3,13 +3,12 @@ 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 from "../styles/styled.js";
+import styled, { rootShouldForwardProp } from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import { getDialogContentTextUtilityClass } from "./dialogContentTextClasses.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";
 import Typography from "../Typography/Typography.js";
-import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
 const _excluded = ["children", "className"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -28,7 +27,7 @@ const DialogContentTextRoot = styled(Typography, {
   overridesResolver: (props, styles) => styles.root
 })({});
 const DialogContentText = /* @__PURE__ */ React.forwardRef(function DialogContentText2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiDialogContentText"
   });
@@ -48,10 +47,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 `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/DialogContentText/dialogContentTextClasses.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 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 { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import composeClasses from "../../utils/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 = useDefaultProps({
+  const props = useThemeProps({
     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 `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/DialogTitle/dialogTitleClasses.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 getDialogTitleUtilityClass(slot) {
   return generateUtilityClass("MuiDialogTitle", slot);
 }

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

@@ -1,4 +1,4 @@
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClasses from "../../utils/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,19 +3,17 @@ 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 styled from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
+import styled, { rootShouldForwardProp } 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 "../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 Paper from "../Paper/Paper.js";
-import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
 import Modal from "../Modal/Modal.js";
-import integerPropType from "../node_modules/@mui/utils/esm/integerPropType/integerPropType.js";
+import integerPropType from "../../utils/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 {
@@ -118,18 +116,15 @@ const oppositeDirection = {
 function isHorizontal(anchor) {
   return ["left", "right"].indexOf(anchor) !== -1;
 }
-function getAnchor({
-  direction
-}, anchor) {
-  return direction === "rtl" && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
+function getAnchor(theme, anchor) {
+  return theme.direction === "rtl" && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
 }
 const Drawer = /* @__PURE__ */ React.forwardRef(function Drawer2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiDrawer"
   });
   const theme = useTheme();
-  const isRtl = useRtl();
   const defaultTransitionDuration = {
     enter: theme.transitions.duration.enteringScreen,
     exit: theme.transitions.duration.leavingScreen
@@ -157,9 +152,7 @@ const Drawer = /* @__PURE__ */ React.forwardRef(function Drawer2(inProps, ref) {
   React.useEffect(() => {
     mounted.current = true;
   }, []);
-  const anchorInvariant = getAnchor({
-    direction: isRtl ? "rtl" : "ltr"
-  }, anchorProp);
+  const anchorInvariant = getAnchor(theme, anchorProp);
   const anchor = anchorProp;
   const ownerState = _extends({}, props, {
     anchor,
@@ -217,10 +210,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 `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * Side from which the drawer will appear.
    * @default 'left'
@@ -259,10 +252,8 @@ 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 "../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 getDrawerUtilityClass(slot) {
   return generateUtilityClass("MuiDrawer", slot);
 }

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

@@ -6,9 +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 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"];
 const styles = {
   entering: {
@@ -42,7 +41,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, getReactElementRef(children), ref);
+  const handleRef = useForkRef(nodeRef, children.ref, ref);
   const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => {
     if (callback) {
       const node = nodeRef.current;
@@ -116,10 +115,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 `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/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 { 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";
+import isMuiElement from "../../utils/isMuiElement/isMuiElement.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/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 = useDefaultProps({
+  const props = useThemeProps({
     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 `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.
    */
@@ -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/#custom-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
   color: PropTypes.oneOfType([PropTypes.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),

package/dist/node_modules/@mui/material/FormControl/formControlClasses.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 getFormControlUtilityClasses(slot) {
   return generateUtilityClass("MuiFormControl", slot);
 }

package/dist/node_modules/@mui/material/FormControlLabel/FormControlLabel.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 formControlLabelClasses, { getFormControlLabelUtilityClasses } from "./formControlLabelClasses.js";
 import formControlState from "../FormControl/formControlState.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import useFormControl from "../FormControl/useFormControl.js";
 import Typography from "../Typography/Typography.js";
 import Stack from "../Stack/Stack.js";
-import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import refType from "../../utils/refType/refType.js";
 const _excluded = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -88,7 +88,7 @@ const AsteriskComponent = styled("span", {
 }));
 const FormControlLabel = /* @__PURE__ */ React.forwardRef(function FormControlLabel2(inProps, ref) {
   var _ref, _slotProps$typography;
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiFormControlLabel"
   });
@@ -143,7 +143,8 @@ const FormControlLabel = /* @__PURE__ */ React.forwardRef(function FormControlLa
     ref
   }, other, {
     children: [/* @__PURE__ */ React.cloneElement(control, controlProps), required ? /* @__PURE__ */ jsxs(Stack, {
-      display: "block",
+      direction: "row",
+      alignItems: "center",
       children: [label, /* @__PURE__ */ jsxs(AsteriskComponent, {
         ownerState,
         "aria-hidden": true,
@@ -154,10 +155,10 @@ const FormControlLabel = /* @__PURE__ */ React.forwardRef(function FormControlLa
   }));
 });
 process.env.NODE_ENV !== "production" ? FormControlLabel.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`, the component appears selected.
    */

package/dist/node_modules/@mui/material/FormControlLabel/formControlLabelClasses.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 getFormControlLabelUtilityClasses(slot) {
   return generateUtilityClass("MuiFormControlLabel", slot);
 }