impact-ui 4.0.18 → 5.0.0-beta.1

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

@@ -4,13 +4,13 @@ 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 StepperContext from "../Stepper/StepperContext.js";
 import StepContext from "../Step/StepContext.js";
 import { getStepConnectorUtilityClass } from "./stepConnectorClasses.js";
 import { jsx } from "react/jsx-runtime";
-import capitalize from "../../utils/capitalize/capitalize.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
 const _excluded = ["className"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -76,7 +76,7 @@ const StepConnectorLine = styled("span", {
   });
 });
 const StepConnector = /* @__PURE__ */ React.forwardRef(function StepConnector2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiStepConnector"
   });
@@ -112,10 +112,10 @@ const StepConnector = /* @__PURE__ */ React.forwardRef(function StepConnector2(i
   }));
 });
 process.env.NODE_ENV !== "production" ? StepConnector.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * Override or extend the styles applied to the component.
    */

package/dist/node_modules/@mui/material/StepConnector/stepConnectorClasses.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 getStepConnectorUtilityClass(slot) {
   return generateUtilityClass("MuiStepConnector", slot);
 }

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

@@ -4,12 +4,12 @@ import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import styled from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import CheckCircle from "../internal/svg-icons/CheckCircle.js";
 import Warning from "../internal/svg-icons/Warning.js";
 import stepIconClasses, { getStepIconUtilityClass } from "./stepIconClasses.js";
 import { jsx, jsxs } 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 SvgIcon from "../SvgIcon/SvgIcon.js";
 var _circle;
 const _excluded = ["active", "className", "completed", "error", "icon"];
@@ -60,7 +60,7 @@ const StepIconText = styled("text", {
   fontFamily: theme.typography.fontFamily
 }));
 const StepIcon = /* @__PURE__ */ React.forwardRef(function StepIcon2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiStepIcon"
   });
@@ -118,10 +118,10 @@ const StepIcon = /* @__PURE__ */ React.forwardRef(function StepIcon2(inProps, re
   return icon;
 });
 process.env.NODE_ENV !== "production" ? StepIcon.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * Whether this step is active.
    * @default false

package/dist/node_modules/@mui/material/StepIcon/stepIconClasses.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 getStepIconUtilityClass(slot) {
   return generateUtilityClass("MuiStepIcon", slot);
 }

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

@@ -4,12 +4,12 @@ import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import styled from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import StepperContext from "../Stepper/StepperContext.js";
 import StepContext from "../Step/StepContext.js";
 import stepLabelClasses, { getStepLabelUtilityClass } from "./stepLabelClasses.js";
 import { jsxs, 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 StepIcon from "../StepIcon/StepIcon.js";
 const _excluded = ["children", "className", "componentsProps", "error", "icon", "optional", "slotProps", "StepIconComponent", "StepIconProps"];
 const useUtilityClasses = (ownerState) => {
@@ -108,7 +108,7 @@ const StepLabelLabelContainer = styled("span", {
 }));
 const StepLabel = /* @__PURE__ */ React.forwardRef(function StepLabel2(inProps, ref) {
   var _slotProps$label;
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiStepLabel"
   });
@@ -175,10 +175,10 @@ const StepLabel = /* @__PURE__ */ React.forwardRef(function StepLabel2(inProps,
   }));
 });
 process.env.NODE_ENV !== "production" ? StepLabel.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * In most cases will simply be a string containing a title for the label.
    */

package/dist/node_modules/@mui/material/StepLabel/stepLabelClasses.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 getStepLabelUtilityClass(slot) {
   return generateUtilityClass("MuiStepLabel", slot);
 }

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

@@ -3,23 +3,24 @@ 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 { getStepperUtilityClass } from "./stepperClasses.js";
 import StepperContext from "./StepperContext.js";
 import { jsx } from "react/jsx-runtime";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import StepConnector from "../StepConnector/StepConnector.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
-import integerPropType from "../../utils/integerPropType/integerPropType.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import integerPropType from "../node_modules/@mui/utils/esm/integerPropType/integerPropType.js";
 const _excluded = ["activeStep", "alternativeLabel", "children", "className", "component", "connector", "nonLinear", "orientation"];
 const useUtilityClasses = (ownerState) => {
   const {
     orientation,
+    nonLinear,
     alternativeLabel,
     classes
   } = ownerState;
   const slots = {
-    root: ["root", orientation, alternativeLabel && "alternativeLabel"]
+    root: ["root", orientation, nonLinear && "nonLinear", alternativeLabel && "alternativeLabel"]
   };
   return composeClasses(slots, getStepperUtilityClass, classes);
 };
@@ -30,7 +31,7 @@ const StepperRoot = styled("div", {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel];
+    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.nonLinear && styles.nonLinear];
   }
 })(({
   ownerState
@@ -46,7 +47,7 @@ const StepperRoot = styled("div", {
 }));
 const defaultConnector = /* @__PURE__ */ jsx(StepConnector, {});
 const Stepper = /* @__PURE__ */ React.forwardRef(function Stepper2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiStepper"
   });
@@ -61,6 +62,7 @@ const Stepper = /* @__PURE__ */ React.forwardRef(function Stepper2(inProps, ref)
     orientation = "horizontal"
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
+    nonLinear,
     alternativeLabel,
     orientation,
     component
@@ -93,10 +95,10 @@ const Stepper = /* @__PURE__ */ React.forwardRef(function Stepper2(inProps, ref)
   });
 });
 process.env.NODE_ENV !== "production" ? Stepper.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * Set the active step (zero based index).
    * Set to -1 to disable all the steps.

package/dist/node_modules/@mui/material/Stepper/stepperClasses.js

@@ -1,9 +1,9 @@
-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 getStepperUtilityClass(slot) {
   return generateUtilityClass("MuiStepper", slot);
 }
-generateUtilityClasses("MuiStepper", ["root", "horizontal", "vertical", "alternativeLabel"]);
+generateUtilityClasses("MuiStepper", ["root", "horizontal", "vertical", "nonLinear", "alternativeLabel"]);
 export {
   getStepperUtilityClass
 };

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

@@ -3,12 +3,12 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 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 { getSvgIconUtilityClass } from "./svgIconClasses.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import capitalize from "../../utils/capitalize/capitalize.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
 const _excluded = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -41,7 +41,7 @@ const SvgIconRoot = styled("svg", {
     height: "1em",
     display: "inline-block",
     // the <svg> will define the property that has `currentColor`
-    // e.g. heroicons uses fill="none" and stroke="currentColor"
+    // for example heroicons uses fill="none" and stroke="currentColor"
     fill: ownerState.hasSvgAsChild ? void 0 : "currentColor",
     flexShrink: 0,
     transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, "fill", {
@@ -62,7 +62,7 @@ const SvgIconRoot = styled("svg", {
   };
 });
 const SvgIcon = /* @__PURE__ */ React.forwardRef(function SvgIcon2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiSvgIcon"
   });
@@ -108,10 +108,10 @@ const SvgIcon = /* @__PURE__ */ React.forwardRef(function SvgIcon2(inProps, ref)
   }));
 });
 process.env.NODE_ENV !== "production" ? SvgIcon.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * Node passed into the SVG element.
    */
@@ -127,7 +127,7 @@ process.env.NODE_ENV !== "production" ? SvgIcon.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).
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */

package/dist/node_modules/@mui/material/SvgIcon/svgIconClasses.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 getSvgIconUtilityClass(slot) {
   return generateUtilityClass("MuiSvgIcon", slot);
 }

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

@@ -3,15 +3,15 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
+import { lighten as lighten_1, darken as darken_1, alpha as alpha_1 } from "../../system/colorManipulator.js";
 import SwitchBase from "../internal/SwitchBase.js";
-import useThemeProps from "../styles/useThemeProps.js";
-import styled from "../styles/styled.js";
 import switchClasses, { getSwitchUtilityClass } from "./switchClasses.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import capitalize from "../../utils/capitalize/capitalize.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
-import { alpha, lighten, darken } from "../../system/esm/colorManipulator.js";
-import refType from "../../utils/refType/refType.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import styled from "../styles/styled.js";
+import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
 const _excluded = ["className", "color", "edge", "size", "sx"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -41,9 +41,7 @@ const SwitchRoot = styled("span", {
     } = props;
     return [styles.root, ownerState.edge && styles[`edge${capitalize(ownerState.edge)}`], styles[`size${capitalize(ownerState.size)}`]];
   }
-})(({
-  ownerState
-}) => _extends({
+})({
   display: "inline-flex",
   width: 34 + 12 * 2,
   height: 14 + 12 * 2,
@@ -58,26 +56,42 @@ const SwitchRoot = styled("span", {
   // For correct alignment with the text.
   "@media print": {
     colorAdjust: "exact"
-  }
-}, ownerState.edge === "start" && {
-  marginLeft: -8
-}, ownerState.edge === "end" && {
-  marginRight: -8
-}, ownerState.size === "small" && {
-  width: 40,
-  height: 24,
-  padding: 7,
-  [`& .${switchClasses.thumb}`]: {
-    width: 16,
-    height: 16
   },
-  [`& .${switchClasses.switchBase}`]: {
-    padding: 4,
-    [`&.${switchClasses.checked}`]: {
-      transform: "translateX(16px)"
+  variants: [{
+    props: {
+      edge: "start"
+    },
+    style: {
+      marginLeft: -8
     }
-  }
-}));
+  }, {
+    props: {
+      edge: "end"
+    },
+    style: {
+      marginRight: -8
+    }
+  }, {
+    props: {
+      size: "small"
+    },
+    style: {
+      width: 40,
+      height: 24,
+      padding: 7,
+      [`& .${switchClasses.thumb}`]: {
+        width: 16,
+        height: 16
+      },
+      [`& .${switchClasses.switchBase}`]: {
+        padding: 4,
+        [`&.${switchClasses.checked}`]: {
+          transform: "translateX(16px)"
+        }
+      }
+    }
+  }]
+});
 const SwitchSwitchBase = styled(SwitchBase, {
   name: "MuiSwitch",
   slot: "SwitchBase",
@@ -118,32 +132,37 @@ const SwitchSwitchBase = styled(SwitchBase, {
     width: "300%"
   }
 }), ({
-  theme,
-  ownerState
-}) => _extends({
+  theme
+}) => ({
   "&:hover": {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha_1(theme.palette.action.active, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
     }
-  }
-}, ownerState.color !== "default" && {
-  [`&.${switchClasses.checked}`]: {
-    color: (theme.vars || theme).palette[ownerState.color].main,
-    "&:hover": {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
+  },
+  variants: [...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({
+    props: {
+      color
     },
-    [`&.${switchClasses.disabled}`]: {
-      color: theme.vars ? theme.vars.palette.Switch[`${ownerState.color}DisabledColor`] : `${theme.palette.mode === "light" ? lighten(theme.palette[ownerState.color].main, 0.62) : darken(theme.palette[ownerState.color].main, 0.55)}`
+    style: {
+      [`&.${switchClasses.checked}`]: {
+        color: (theme.vars || theme).palette[color].main,
+        "&:hover": {
+          backgroundColor: theme.vars ? `rgba(${theme.vars.palette[color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha_1(theme.palette[color].main, theme.palette.action.hoverOpacity),
+          "@media (hover: none)": {
+            backgroundColor: "transparent"
+          }
+        },
+        [`&.${switchClasses.disabled}`]: {
+          color: theme.vars ? theme.vars.palette.Switch[`${color}DisabledColor`] : `${theme.palette.mode === "light" ? lighten_1(theme.palette[color].main, 0.62) : darken_1(theme.palette[color].main, 0.55)}`
+        }
+      },
+      [`&.${switchClasses.checked} + .${switchClasses.track}`]: {
+        backgroundColor: (theme.vars || theme).palette[color].main
+      }
     }
-  },
-  [`&.${switchClasses.checked} + .${switchClasses.track}`]: {
-    backgroundColor: (theme.vars || theme).palette[ownerState.color].main
-  }
+  }))]
 }));
 const SwitchTrack = styled("span", {
   name: "MuiSwitch",
@@ -176,7 +195,7 @@ const SwitchThumb = styled("span", {
   borderRadius: "50%"
 }));
 const Switch = /* @__PURE__ */ React.forwardRef(function Switch2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiSwitch"
   });
@@ -218,10 +237,10 @@ const Switch = /* @__PURE__ */ React.forwardRef(function Switch2(inProps, ref) {
   });
 });
 process.env.NODE_ENV !== "production" ? Switch.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * If `true`, the component is checked.
    */
@@ -241,7 +260,7 @@ process.env.NODE_ENV !== "production" ? Switch.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(["default", "primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),

package/dist/node_modules/@mui/material/Switch/switchClasses.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 getSwitchUtilityClass(slot) {
   return generateUtilityClass("MuiSwitch", slot);
 }

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

@@ -3,14 +3,14 @@ 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 tabClasses, { getTabUtilityClass } from "./tabClasses.js";
 import { jsxs } from "react/jsx-runtime";
-import capitalize from "../../utils/capitalize/capitalize.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
 import ButtonBase from "../ButtonBase/ButtonBase.js";
-import unsupportedProp from "../../utils/unsupportedProp/unsupportedProp.js";
+import unsupportedProp from "../node_modules/@mui/utils/esm/unsupportedProp/unsupportedProp.js";
 const _excluded = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -36,7 +36,9 @@ const TabRoot = styled(ButtonBase, {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles[`textColor${capitalize(ownerState.textColor)}`], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped];
+    return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles[`textColor${capitalize(ownerState.textColor)}`], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped, {
+      [`& .${tabClasses.iconWrapper}`]: styles.iconWrapper
+    }];
   }
 })(({
   theme,
@@ -103,7 +105,7 @@ const TabRoot = styled(ButtonBase, {
   fontSize: theme.typography.pxToRem(12)
 }));
 const Tab = /* @__PURE__ */ React.forwardRef(function Tab2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiTab"
   });
@@ -181,10 +183,10 @@ const Tab = /* @__PURE__ */ React.forwardRef(function Tab2(inProps, ref) {
   }));
 });
 process.env.NODE_ENV !== "production" ? Tab.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.

package/dist/node_modules/@mui/material/Tab/tabClasses.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 getTabUtilityClass(slot) {
   return generateUtilityClass("MuiTab", slot);
 }

package/dist/node_modules/@mui/material/TabScrollButton/TabScrollButton.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 { useRtl } from "../../system/esm/RtlProvider/index.js";
 import KeyboardArrowLeft from "../internal/svg-icons/KeyboardArrowLeft.js";
 import KeyboardArrowRight from "../internal/svg-icons/KeyboardArrowRight.js";
-import useTheme from "../styles/useTheme.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import styled from "../styles/styled.js";
 import tabScrollButtonClasses, { getTabScrollButtonUtilityClass } from "./tabScrollButtonClasses.js";
 import { jsx } from "react/jsx-runtime";
-import { useSlotProps } from "../node_modules/@mui/base/utils/useSlotProps.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import useSlotProps from "../node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
 import ButtonBase from "../ButtonBase/ButtonBase.js";
 const _excluded = ["className", "slots", "slotProps", "direction", "orientation", "disabled"];
 const useUtilityClasses = (ownerState) => {
@@ -52,7 +52,7 @@ const TabScrollButtonRoot = styled(ButtonBase, {
 }));
 const TabScrollButton = /* @__PURE__ */ React.forwardRef(function TabScrollButton2(inProps, ref) {
   var _slots$StartScrollBut, _slots$EndScrollButto;
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiTabScrollButton"
   });
@@ -62,8 +62,7 @@ const TabScrollButton = /* @__PURE__ */ React.forwardRef(function TabScrollButto
     slotProps = {},
     direction
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
-  const theme = useTheme();
-  const isRtl = theme.direction === "rtl";
+  const isRtl = useRtl();
   const ownerState = _extends({
     isRtl
   }, props);
@@ -98,10 +97,10 @@ const TabScrollButton = /* @__PURE__ */ React.forwardRef(function TabScrollButto
   }));
 });
 process.env.NODE_ENV !== "production" ? TabScrollButton.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/TabScrollButton/tabScrollButtonClasses.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 getTabScrollButtonUtilityClass(slot) {
   return generateUtilityClass("MuiTabScrollButton", slot);
 }