impact-ui 4.0.16 → 4.0.17-alpha.2

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

@@ -3,16 +3,16 @@ 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 getOverlayAlpha from "../styles/getOverlayAlpha.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import useTheme from "../styles/useTheme.js";
 import { getPaperUtilityClass } from "./paperClasses.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 chainPropTypes from "../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js";
-import integerPropType from "../node_modules/@mui/utils/esm/integerPropType/integerPropType.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import { alpha } from "../../system/esm/colorManipulator.js";
+import chainPropTypes from "../../utils/chainPropTypes/chainPropTypes.js";
+import integerPropType from "../../utils/integerPropType/integerPropType.js";
 const _excluded = ["className", "component", "elevation", "square", "variant"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -51,13 +51,13 @@ const PaperRoot = styled("div", {
   }, ownerState.variant === "elevation" && _extends({
     boxShadow: (theme.vars || theme).shadows[ownerState.elevation]
   }, !theme.vars && theme.palette.mode === "dark" && {
-    backgroundImage: `linear-gradient(${alpha_1("#fff", getOverlayAlpha(ownerState.elevation))}, ${alpha_1("#fff", getOverlayAlpha(ownerState.elevation))})`
+    backgroundImage: `linear-gradient(${alpha("#fff", getOverlayAlpha(ownerState.elevation))}, ${alpha("#fff", getOverlayAlpha(ownerState.elevation))})`
   }, theme.vars && {
     backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]
   }));
 });
 const Paper = /* @__PURE__ */ React.forwardRef(function Paper2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiPaper"
   });
@@ -89,10 +89,10 @@ const Paper = /* @__PURE__ */ React.forwardRef(function Paper2(inProps, ref) {
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Paper.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/Paper/paperClasses.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 getPaperUtilityClass(slot) {
   return generateUtilityClass("MuiPaper", slot);
 }

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

@@ -4,25 +4,25 @@ 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 { getPopoverUtilityClass } from "./popoverClasses.js";
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import Grow from "../Grow/Grow.js";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import ownerDocument from "../node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js";
-import ownerWindow from "../node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js";
-import useSlotProps from "../node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js";
-import isHostComponent from "../node_modules/@mui/utils/esm/isHostComponent/isHostComponent.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import debounce from "../node_modules/@mui/utils/esm/debounce/debounce.js";
+import useForkRef from "../../utils/useForkRef/useForkRef.js";
+import ownerDocument from "../../utils/ownerDocument/ownerDocument.js";
+import ownerWindow from "../../utils/ownerWindow/ownerWindow.js";
+import { useSlotProps } from "../node_modules/@mui/base/utils/useSlotProps.js";
+import { isHostComponent } from "../node_modules/@mui/base/utils/isHostComponent.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import debounce from "../../utils/debounce/debounce.js";
 import Modal from "../Modal/Modal.js";
 import Paper from "../Paper/Paper.js";
-import integerPropType from "../node_modules/@mui/utils/esm/integerPropType/integerPropType.js";
-import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
-import elementTypeAcceptingRef from "../node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js";
-import HTMLElementType from "../node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js";
-import chainPropTypes from "../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js";
-const _excluded = ["onEntering"], _excluded2 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "slots", "slotProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps", "disableScrollLock"], _excluded3 = ["slotProps"];
+import integerPropType from "../../utils/integerPropType/integerPropType.js";
+import refType from "../../utils/refType/refType.js";
+import elementTypeAcceptingRef from "../../utils/elementTypeAcceptingRef/elementTypeAcceptingRef.js";
+import HTMLElementType from "../../utils/HTMLElementType/HTMLElementType.js";
+import chainPropTypes from "../../utils/chainPropTypes/chainPropTypes.js";
+const _excluded = ["onEntering"], _excluded2 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "slots", "slotProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"], _excluded3 = ["slotProps"];
 function getOffsetTop(rect, vertical) {
   let offset = 0;
   if (typeof vertical === "number") {
@@ -85,7 +85,7 @@ const PopoverPaper = styled(Paper, {
 });
 const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref) {
   var _slotProps$paper, _slots$root, _slots$paper;
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiPopover"
   });
@@ -115,8 +115,7 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
     transitionDuration: transitionDurationProp = "auto",
     TransitionProps: {
       onEntering
-    } = {},
-    disableScrollLock = false
+    } = {}
   } = props, TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded), other = _objectWithoutPropertiesLoose(props, _excluded2);
   const externalPaperSlotProps = (_slotProps$paper = slotProps == null ? void 0 : slotProps.paper) != null ? _slotProps$paper : PaperPropsProp;
   const paperRef = React.useRef();
@@ -183,11 +182,11 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
     const containerWindow = ownerWindow(resolveAnchorEl(anchorEl));
     const heightThreshold = containerWindow.innerHeight - marginThreshold;
     const widthThreshold = containerWindow.innerWidth - marginThreshold;
-    if (marginThreshold !== null && top < marginThreshold) {
+    if (top < marginThreshold) {
       const diff = top - marginThreshold;
       top -= diff;
       elemTransformOrigin.vertical += diff;
-    } else if (marginThreshold !== null && bottom > heightThreshold) {
+    } else if (bottom > heightThreshold) {
       const diff = bottom - heightThreshold;
       top -= diff;
       elemTransformOrigin.vertical += diff;
@@ -197,7 +196,7 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
         console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${elemRect.height - heightThreshold}px).`, "Please consider adding a `max-height` to improve the user-experience."].join("\n"));
       }
     }
-    if (marginThreshold !== null && left < marginThreshold) {
+    if (left < marginThreshold) {
       const diff = left - marginThreshold;
       left -= diff;
       elemTransformOrigin.horizontal += diff;
@@ -228,12 +227,6 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
     element.style.transformOrigin = positioning.transformOrigin;
     setIsPositioned(true);
   }, [getPositioningStyle]);
-  React.useEffect(() => {
-    if (disableScrollLock) {
-      window.addEventListener("scroll", setPositioningStyles);
-    }
-    return () => window.removeEventListener("scroll", setPositioningStyles);
-  }, [anchorEl, disableScrollLock, setPositioningStyles]);
   const handleEntering = (element, isAppearing) => {
     if (onEntering) {
       onEntering(element, isAppearing);
@@ -308,8 +301,7 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
     slotProps: rootSlotPropsProp
   } = _useSlotProps, rootProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded3);
   return /* @__PURE__ */ jsx(RootSlot, _extends({}, rootProps, !isHostComponent(RootSlot) && {
-    slotProps: rootSlotPropsProp,
-    disableScrollLock
+    slotProps: rootSlotPropsProp
   }, {
     children: /* @__PURE__ */ jsx(TransitionComponent, _extends({
       appear: true,
@@ -325,10 +317,10 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
   }));
 });
 process.env.NODE_ENV !== "production" ? Popover.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"     |
+  // ----------------------------------------------------------------------
   /**
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
@@ -404,11 +396,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes = {
    * so it's simply `document.body` most of the time.
    */
   container: PropTypes.oneOfType([HTMLElementType, PropTypes.func]),
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock: PropTypes.bool,
   /**
    * The elevation of the popover.
    * @default 8
@@ -416,7 +403,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes = {
   elevation: integerPropType,
   /**
    * Specifies how close to the edge of the window the popover can appear.
-   * If null, the popover will not be constrained by the window.
    * @default 16
    */
   marginThreshold: PropTypes.number,
@@ -496,7 +482,7 @@ process.env.NODE_ENV !== "production" ? Popover.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.
    * @default {}
    */
   TransitionProps: PropTypes.object

package/dist/node_modules/@mui/material/Popover/popoverClasses.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 getPopoverUtilityClass(slot) {
   return generateUtilityClass("MuiPopover", slot);
 }

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

@@ -1,14 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import default_1 from "../../system/useThemeWithoutDefault.js";
 import PropTypes from "../../../prop-types/index.js";
 import * as React from "react";
-import Popper$1 from "./BasePopper.js";
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import useTheme from "../../system/esm/useThemeWithoutDefault.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import styled from "../styles/styled.js";
-import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
-import HTMLElementType from "../node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js";
+import { Popper as Popper$1 } from "../node_modules/@mui/base/Popper/Popper.js";
+import refType from "../../utils/refType/refType.js";
+import HTMLElementType from "../../utils/HTMLElementType/HTMLElementType.js";
 const _excluded = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
 const PopperRoot = styled(Popper$1, {
   name: "MuiPopper",
@@ -17,8 +17,8 @@ const PopperRoot = styled(Popper$1, {
 })({});
 const Popper = /* @__PURE__ */ React.forwardRef(function Popper2(inProps, ref) {
   var _slots$root;
-  const theme = default_1();
-  const props = useDefaultProps({
+  const theme = useTheme();
+  const props = useThemeProps({
     props: inProps,
     name: "MuiPopper"
   });
@@ -64,10 +64,10 @@ const Popper = /* @__PURE__ */ React.forwardRef(function Popper2(inProps, ref) {
   }));
 });
 process.env.NODE_ENV !== "production" ? Popper.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
   /**
    * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
    * or a function that returns either.
@@ -103,9 +103,6 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes = {
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
    *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */

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

@@ -3,28 +3,26 @@ 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 SwitchBase from "../internal/SwitchBase.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import RadioButtonIcon from "./RadioButtonIcon.js";
 import useRadioGroup from "../RadioGroup/useRadioGroup.js";
 import radioClasses, { getRadioUtilityClass } from "./radioClasses.js";
-import styled from "../styles/styled.js";
+import styled, { rootShouldForwardProp } from "../styles/styled.js";
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import createChainedFunction from "../node_modules/@mui/utils/esm/createChainedFunction/createChainedFunction.js";
-import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
-import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
+import createChainedFunction from "../../utils/createChainedFunction/createChainedFunction.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import { alpha } from "../../system/esm/colorManipulator.js";
+import refType from "../../utils/refType/refType.js";
 const _excluded = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"];
 const useUtilityClasses = (ownerState) => {
   const {
     classes,
-    color,
-    size
+    color
   } = ownerState;
   const slots = {
-    root: ["root", `color${capitalize(color)}`, size !== "medium" && `size${capitalize(size)}`]
+    root: ["root", `color${capitalize(color)}`]
   };
   return _extends({}, classes, composeClasses(slots, getRadioUtilityClass, classes));
 };
@@ -36,7 +34,7 @@ const RadioRoot = styled(SwitchBase, {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.size !== "medium" && styles[`size${capitalize(ownerState.size)}`], styles[`color${capitalize(ownerState.color)}`]];
+    return [styles.root, styles[`color${capitalize(ownerState.color)}`]];
   }
 })(({
   theme,
@@ -45,7 +43,7 @@ const RadioRoot = styled(SwitchBase, {
   color: (theme.vars || theme).palette.text.secondary
 }, !ownerState.disableRipple && {
   "&:hover": {
-    backgroundColor: theme.vars ? `rgba(${ownerState.color === "default" ? theme.vars.palette.action.activeChannel : theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha_1(ownerState.color === "default" ? theme.palette.action.active : theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
+    backgroundColor: theme.vars ? `rgba(${ownerState.color === "default" ? theme.vars.palette.action.activeChannel : theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(ownerState.color === "default" ? theme.palette.action.active : theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
@@ -72,7 +70,7 @@ const defaultCheckedIcon = /* @__PURE__ */ jsx(RadioButtonIcon, {
 const defaultIcon = /* @__PURE__ */ jsx(RadioButtonIcon, {});
 const Radio = /* @__PURE__ */ React.forwardRef(function Radio2(inProps, ref) {
   var _defaultIcon$props$fo, _defaultCheckedIcon$p;
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiRadio"
   });
@@ -121,10 +119,10 @@ const Radio = /* @__PURE__ */ React.forwardRef(function Radio2(inProps, ref) {
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Radio.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 is checked.
    */
@@ -145,7 +143,7 @@ process.env.NODE_ENV !== "production" ? Radio.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(["default", "primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),

package/dist/node_modules/@mui/material/Radio/RadioButtonIcon.js

@@ -5,23 +5,15 @@ import RadioButtonUncheckedIcon from "../internal/svg-icons/RadioButtonUnchecked
 import RadioButtonCheckedIcon from "../internal/svg-icons/RadioButtonChecked.js";
 import styled from "../styles/styled.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
-const RadioButtonIconRoot = styled("span", {
-  name: "MuiRadioButtonIcon",
-  shouldForwardProp: rootShouldForwardProp
-})({
+const RadioButtonIconRoot = styled("span")({
   position: "relative",
   display: "flex"
 });
-const RadioButtonIconBackground = styled(RadioButtonUncheckedIcon, {
-  name: "MuiRadioButtonIcon"
-})({
+const RadioButtonIconBackground = styled(RadioButtonUncheckedIcon)({
   // Scale applied to prevent dot misalignment in Safari
   transform: "scale(1)"
 });
-const RadioButtonIconDot = styled(RadioButtonCheckedIcon, {
-  name: "MuiRadioButtonIcon"
-})(({
+const RadioButtonIconDot = styled(RadioButtonCheckedIcon)(({
   theme,
   ownerState
 }) => _extends({
@@ -69,6 +61,7 @@ process.env.NODE_ENV !== "production" ? RadioButtonIcon.propTypes = {
   checked: PropTypes.bool,
   /**
    * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
    */
   classes: PropTypes.object,
   /**

package/dist/node_modules/@mui/material/Radio/radioClasses.js

@@ -1,9 +1,9 @@
-import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
 function getRadioUtilityClass(slot) {
   return generateUtilityClass("MuiRadio", slot);
 }
-const radioClasses = generateUtilityClasses("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]);
+const radioClasses = generateUtilityClasses("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary"]);
 export {
   radioClasses as default,
   getRadioUtilityClass

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

@@ -2,41 +2,25 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
-import { clsx } from "../../../clsx/dist/clsx.js";
-import { getRadioGroupUtilityClass } from "./radioGroupClasses.js";
 import RadioGroupContext from "./RadioGroupContext.js";
 import { jsx } from "react/jsx-runtime";
-import useControlled from "../node_modules/@mui/utils/esm/useControlled/useControlled.js";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import useId from "../node_modules/@mui/utils/esm/useId/useId.js";
+import useControlled from "../../utils/useControlled/useControlled.js";
+import useForkRef from "../../utils/useForkRef/useForkRef.js";
+import useId from "../../utils/useId/useId.js";
 import FormGroup from "../FormGroup/FormGroup.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-const _excluded = ["actions", "children", "className", "defaultValue", "name", "onChange", "value"];
-const useUtilityClasses = (props) => {
-  const {
-    classes,
-    row,
-    error
-  } = props;
-  const slots = {
-    root: ["root", row && "row", error && "error"]
-  };
-  return composeClasses(slots, getRadioGroupUtilityClass, classes);
-};
+const _excluded = ["actions", "children", "defaultValue", "name", "onChange", "value"];
 const RadioGroup = /* @__PURE__ */ React.forwardRef(function RadioGroup2(props, ref) {
   const {
     // private
     // eslint-disable-next-line react/prop-types
     actions,
     children,
-    className,
     defaultValue,
     name: nameProp,
     onChange,
     value: valueProp
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
   const rootRef = React.useRef(null);
-  const classes = useUtilityClasses(props);
   const [value, setValueState] = useControlled({
     controlled: valueProp,
     default: defaultValue,
@@ -69,26 +53,21 @@ const RadioGroup = /* @__PURE__ */ React.forwardRef(function RadioGroup2(props,
     value: contextValue,
     children: /* @__PURE__ */ jsx(FormGroup, _extends({
       role: "radiogroup",
-      ref: handleRef,
-      className: clsx(classes.root, className)
+      ref: handleRef
     }, other, {
       children
     }))
   });
 });
 process.env.NODE_ENV !== "production" ? RadioGroup.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.
    */
   children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
   /**
    * The default value. Use when the component is not controlled.
    */

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

@@ -4,10 +4,10 @@ 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 { getSkeletonUtilityClass } from "./skeletonClasses.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 { getUnit, toUnitless } from "../styles/cssUtils.js";
 import { alpha } from "../../system/esm/colorManipulator.js";
 import { css, keyframes } from "../../../@emotion/react/dist/emotion-react.browser.esm.js";
@@ -100,7 +100,7 @@ const SkeletonRoot = styled("span", {
 }, ({
   ownerState
 }) => ownerState.animation === "pulse" && css(_t3 || (_t3 = _`
-      animation: ${0} 2s ease-in-out 0.5s infinite;
+      animation: ${0} 1.5s ease-in-out 0.5s infinite;
     `), pulseKeyframe), ({
   ownerState,
   theme
@@ -112,7 +112,7 @@ const SkeletonRoot = styled("span", {
       -webkit-mask-image: -webkit-radial-gradient(white, black);
 
       &::after {
-        animation: ${0} 2s linear 0.5s infinite;
+        animation: ${0} 1.6s linear 0.5s infinite;
         background: linear-gradient(
           90deg,
           transparent,
@@ -129,7 +129,7 @@ const SkeletonRoot = styled("span", {
       }
     `), waveKeyframe, (theme.vars || theme).palette.action.hover));
 const Skeleton = /* @__PURE__ */ React.forwardRef(function Skeleton2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiSkeleton"
   });
@@ -162,10 +162,10 @@ const Skeleton = /* @__PURE__ */ React.forwardRef(function Skeleton2(inProps, re
   }));
 });
 process.env.NODE_ENV !== "production" ? Skeleton.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 animation.
    * If `false` the animation effect is disabled.

package/dist/node_modules/@mui/material/Skeleton/skeletonClasses.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 getSkeletonUtilityClass(slot) {
   return generateUtilityClass("MuiSkeleton", slot);
 }

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

@@ -6,13 +6,12 @@ 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 debounce from "../node_modules/@mui/utils/esm/debounce/debounce.js";
-import ownerWindow from "../node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js";
-import elementAcceptingRef from "../node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js";
-import chainPropTypes from "../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js";
-import HTMLElementType from "../node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js";
+import useForkRef from "../../utils/useForkRef/useForkRef.js";
+import debounce from "../../utils/debounce/debounce.js";
+import ownerWindow from "../../utils/ownerWindow/ownerWindow.js";
+import elementAcceptingRef from "../../utils/elementAcceptingRef/elementAcceptingRef.js";
+import chainPropTypes from "../../utils/chainPropTypes/chainPropTypes.js";
+import HTMLElementType from "../../utils/HTMLElementType/HTMLElementType.js";
 const _excluded = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 function getTranslateValue(direction, node, resolvedContainer) {
   const rect = node.getBoundingClientRect();
@@ -96,7 +95,7 @@ const Slide = /* @__PURE__ */ React.forwardRef(function Slide2(props, ref) {
     TransitionComponent = Transition
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
   const childrenRef = React.useRef(null);
-  const handleRef = useForkRef(getReactElementRef(children), childrenRef, ref);
+  const handleRef = useForkRef(children.ref, childrenRef, ref);
   const normalizedTransitionCallback = (callback) => (isAppearing) => {
     if (callback) {
       if (isAppearing === void 0) {
@@ -208,10 +207,10 @@ const Slide = /* @__PURE__ */ React.forwardRef(function Slide2(props, ref) {
   }));
 });
 process.env.NODE_ENV !== "production" ? Slide.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