impact-ui 4.0.16 → 4.0.17-alpha.2

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 { 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";
+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";
 const _excluded = ["className", "color", "edge", "size", "sx"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -41,7 +41,9 @@ 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,
@@ -56,42 +58,26 @@ 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
   },
-  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)"
-        }
-      }
+  [`& .${switchClasses.switchBase}`]: {
+    padding: 4,
+    [`&.${switchClasses.checked}`]: {
+      transform: "translateX(16px)"
     }
-  }]
-});
+  }
+}));
 const SwitchSwitchBase = styled(SwitchBase, {
   name: "MuiSwitch",
   slot: "SwitchBase",
@@ -132,37 +118,32 @@ const SwitchSwitchBase = styled(SwitchBase, {
     width: "300%"
   }
 }), ({
-  theme
-}) => ({
+  theme,
+  ownerState
+}) => _extends({
   "&:hover": {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha_1(theme.palette.action.active, theme.palette.action.hoverOpacity),
+    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
     }
-  },
-  variants: [...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({
-    props: {
-      color
-    },
-    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
+  }
+}, 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"
       }
+    },
+    [`&.${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)}`
     }
-  }))]
+  },
+  [`&.${switchClasses.checked} + .${switchClasses.track}`]: {
+    backgroundColor: (theme.vars || theme).palette[ownerState.color].main
+  }
 }));
 const SwitchTrack = styled("span", {
   name: "MuiSwitch",
@@ -195,7 +176,7 @@ const SwitchThumb = styled("span", {
   borderRadius: "50%"
 }));
 const Switch = /* @__PURE__ */ React.forwardRef(function Switch2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiSwitch"
   });
@@ -237,10 +218,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 `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.
    */
@@ -260,7 +241,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/#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/Switch/switchClasses.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 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 { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 import ButtonBase from "../ButtonBase/ButtonBase.js";
-import unsupportedProp from "../node_modules/@mui/utils/esm/unsupportedProp/unsupportedProp.js";
+import unsupportedProp from "../../utils/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,9 +36,7 @@ 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, {
-      [`& .${tabClasses.iconWrapper}`]: styles.iconWrapper
-    }];
+    return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles[`textColor${capitalize(ownerState.textColor)}`], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped];
   }
 })(({
   theme,
@@ -105,7 +103,7 @@ const TabRoot = styled(ButtonBase, {
   fontSize: theme.typography.pxToRem(12)
 }));
 const Tab = /* @__PURE__ */ React.forwardRef(function Tab2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiTab"
   });
@@ -183,10 +181,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 `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn 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 "../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 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 { 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 { useSlotProps } from "../node_modules/@mui/base/utils/useSlotProps.js";
+import composeClasses from "../../utils/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 = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiTabScrollButton"
   });
@@ -62,7 +62,8 @@ const TabScrollButton = /* @__PURE__ */ React.forwardRef(function TabScrollButto
     slotProps = {},
     direction
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
-  const isRtl = useRtl();
+  const theme = useTheme();
+  const isRtl = theme.direction === "rtl";
   const ownerState = _extends({
     isRtl
   }, props);
@@ -97,10 +98,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 `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/TabScrollButton/tabScrollButtonClasses.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 getTabScrollButtonUtilityClass(slot) {
   return generateUtilityClass("MuiTabScrollButton", slot);
 }

package/dist/node_modules/@mui/material/Tabs/ScrollbarSize.js

@@ -3,9 +3,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
 import { jsx } from "react/jsx-runtime";
-import useEnhancedEffect from "../node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js";
-import debounce from "../node_modules/@mui/utils/esm/debounce/debounce.js";
-import ownerWindow from "../node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js";
+import useEnhancedEffect from "../../utils/useEnhancedEffect/useEnhancedEffect.js";
+import debounce from "../../utils/debounce/debounce.js";
+import ownerWindow from "../../utils/ownerWindow/ownerWindow.js";
 const _excluded = ["onChange"];
 const styles = {
   width: 99,
@@ -43,10 +43,9 @@ function ScrollbarSize(props) {
     onChange(scrollbarHeight.current);
   }, [onChange]);
   return /* @__PURE__ */ jsx("div", _extends({
-    style: styles
-  }, other, {
+    style: styles,
     ref: nodeRef
-  }));
+  }, other));
 }
 process.env.NODE_ENV !== "production" ? ScrollbarSize.propTypes = {
   onChange: PropTypes.func.isRequired

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

@@ -1,26 +1,25 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
-import { r as reactIsExports } from "../../../react-is/index.js";
+import { r as reactIsExports } from "../node_modules/react-is/index.js";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
-import { useRtl } from "../../system/esm/RtlProvider/index.js";
 import styled from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
 import useTheme from "../styles/useTheme.js";
 import animate from "../internal/animate.js";
 import ScrollbarSize from "./ScrollbarSize.js";
 import tabsClasses, { getTabsUtilityClass } from "./tabsClasses.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
 import TabScrollButton from "../TabScrollButton/TabScrollButton.js";
-import useSlotProps from "../node_modules/@mui/utils/esm/useSlotProps/useSlotProps.js";
-import useEventCallback from "../node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js";
-import debounce from "../node_modules/@mui/utils/esm/debounce/debounce.js";
-import ownerWindow from "../node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import ownerDocument from "../node_modules/@mui/utils/esm/ownerDocument/ownerDocument.js";
-import { getNormalizedScrollLeft, detectScrollType } from "../node_modules/@mui/utils/esm/scrollLeft/scrollLeft.js";
-import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
+import { useSlotProps } from "../node_modules/@mui/base/utils/useSlotProps.js";
+import useEventCallback from "../../utils/useEventCallback/useEventCallback.js";
+import debounce from "../../utils/debounce/debounce.js";
+import ownerWindow from "../../utils/ownerWindow/ownerWindow.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import ownerDocument from "../../utils/ownerDocument/ownerDocument.js";
+import { getNormalizedScrollLeft, detectScrollType } from "../../utils/scrollLeft/scrollLeft.js";
+import refType from "../../utils/refType/refType.js";
 const _excluded = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"];
 const nextItem = (list, item) => {
   if (list === item) {
@@ -186,7 +185,10 @@ const TabsIndicator = styled("span", {
   width: 2,
   right: 0
 }));
-const TabsScrollbarSize = styled(ScrollbarSize)({
+const TabsScrollbarSize = styled(ScrollbarSize, {
+  name: "MuiTabs",
+  slot: "ScrollbarSize"
+})({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -200,12 +202,12 @@ const TabsScrollbarSize = styled(ScrollbarSize)({
 const defaultIndicatorStyle = {};
 let warnedOnceTabPresent = false;
 const Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiTabs"
   });
   const theme = useTheme();
-  const isRtl = useRtl();
+  const isRtl = theme.direction === "rtl";
   const {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
@@ -291,7 +293,7 @@ const Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(inProps, ref) {
         clientWidth: tabsNode.clientWidth,
         scrollLeft: tabsNode.scrollLeft,
         scrollTop: tabsNode.scrollTop,
-        scrollLeftNormalized: getNormalizedScrollLeft(tabsNode, isRtl ? "rtl" : "ltr"),
+        scrollLeftNormalized: getNormalizedScrollLeft(tabsNode, theme.direction),
         scrollWidth: tabsNode.scrollWidth,
         top: rect.top,
         bottom: rect.bottom,
@@ -477,44 +479,23 @@ const Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(inProps, ref) {
         updateIndicatorState();
       }
     });
-    let resizeObserver;
-    const handleMutation = (records) => {
-      records.forEach((record) => {
-        record.removedNodes.forEach((item) => {
-          var _resizeObserver;
-          (_resizeObserver = resizeObserver) == null || _resizeObserver.unobserve(item);
-        });
-        record.addedNodes.forEach((item) => {
-          var _resizeObserver2;
-          (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.observe(item);
-        });
-      });
-      handleResize();
-      updateScrollButtonState();
-    };
     const win = ownerWindow(tabsRef.current);
     win.addEventListener("resize", handleResize);
-    let mutationObserver;
+    let resizeObserver;
     if (typeof ResizeObserver !== "undefined") {
       resizeObserver = new ResizeObserver(handleResize);
       Array.from(tabListRef.current.children).forEach((child) => {
         resizeObserver.observe(child);
       });
     }
-    if (typeof MutationObserver !== "undefined") {
-      mutationObserver = new MutationObserver(handleMutation);
-      mutationObserver.observe(tabListRef.current, {
-        childList: true
-      });
-    }
     return () => {
-      var _mutationObserver, _resizeObserver3;
       handleResize.clear();
       win.removeEventListener("resize", handleResize);
-      (_mutationObserver = mutationObserver) == null || _mutationObserver.disconnect();
-      (_resizeObserver3 = resizeObserver) == null || _resizeObserver3.disconnect();
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
     };
-  }, [updateIndicatorState, updateScrollButtonState]);
+  }, [updateIndicatorState]);
   React.useEffect(() => {
     const tabListChildren = Array.from(tabListRef.current.children);
     const length = tabListChildren.length;
@@ -648,10 +629,10 @@ const Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(inProps, ref) {
   }));
 });
 process.env.NODE_ENV !== "production" ? Tabs.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"     |
+  // ----------------------------------------------------------------------
   /**
    * Callback fired when the component mounts.
    * This is useful when you want to trigger an action programmatically.
@@ -783,7 +764,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes = {
    *
    *  - `scrollable` will invoke scrolling properties and allow for horizontally
    *  scrolling (or swiping) of the tab bar.
-   *  - `fullWidth` will make the tabs grow to use all the available space,
+   *  -`fullWidth` will make the tabs grow to use all the available space,
    *  which should be used for small views, like on mobile.
    *  - `standard` will render the default state.
    * @default 'standard'

package/dist/node_modules/@mui/material/Tabs/tabsClasses.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 getTabsUtilityClass(slot) {
   return generateUtilityClass("MuiTabs", slot);
 }

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

@@ -3,19 +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 toggleButtonClasses, { getToggleButtonUtilityClass } from "./toggleButtonClasses.js";
-import ToggleButtonGroupContext from "../ToggleButtonGroup/ToggleButtonGroupContext.js";
-import ToggleButtonGroupButtonContext from "../ToggleButtonGroup/ToggleButtonGroupButtonContext.js";
-import isValueSelected from "../ToggleButtonGroup/isValueSelected.js";
 import { jsx } from "react/jsx-runtime";
-import resolveProps from "../node_modules/@mui/utils/esm/resolveProps/resolveProps.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 capitalize from "../../utils/capitalize/capitalize.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 import ButtonBase from "../ButtonBase/ButtonBase.js";
 import { alpha } from "../../system/esm/colorManipulator.js";
-const _excluded = ["value"], _excluded2 = ["children", "className", "color", "disabled", "disableFocusRipple", "fullWidth", "onChange", "onClick", "selected", "size", "value"];
+const _excluded = ["children", "className", "color", "disabled", "disableFocusRipple", "fullWidth", "onChange", "onClick", "selected", "size", "value"];
 const useUtilityClasses = (ownerState) => {
   const {
     classes,
@@ -89,15 +85,8 @@ const ToggleButtonRoot = styled(ButtonBase, {
   });
 });
 const ToggleButton = /* @__PURE__ */ React.forwardRef(function ToggleButton2(inProps, ref) {
-  const _React$useContext = React.useContext(ToggleButtonGroupContext), {
-    value: contextValue
-  } = _React$useContext, contextProps = _objectWithoutPropertiesLoose(_React$useContext, _excluded);
-  const toggleButtonGroupButtonContextPositionClassName = React.useContext(ToggleButtonGroupButtonContext);
-  const resolvedProps = resolveProps(_extends({}, contextProps, {
-    selected: isValueSelected(inProps.value, contextValue)
-  }), inProps);
-  const props = useDefaultProps({
-    props: resolvedProps,
+  const props = useThemeProps({
+    props: inProps,
     name: "MuiToggleButton"
   });
   const {
@@ -112,7 +101,7 @@ const ToggleButton = /* @__PURE__ */ React.forwardRef(function ToggleButton2(inP
     selected,
     size = "medium",
     value
-  } = props, other = _objectWithoutPropertiesLoose(props, _excluded2);
+  } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     color,
     disabled,
@@ -132,9 +121,8 @@ const ToggleButton = /* @__PURE__ */ React.forwardRef(function ToggleButton2(inP
       onChange(event, value);
     }
   };
-  const positionClassName = toggleButtonGroupButtonContextPositionClassName || "";
   return /* @__PURE__ */ jsx(ToggleButtonRoot, _extends({
-    className: clsx(contextProps.className, classes.root, className, positionClassName),
+    className: clsx(classes.root, className),
     disabled,
     focusRipple: !disableFocusRipple,
     ref,
@@ -148,10 +136,10 @@ const ToggleButton = /* @__PURE__ */ React.forwardRef(function ToggleButton2(inP
   }));
 });
 process.env.NODE_ENV !== "production" ? ToggleButton.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.
    */
@@ -167,7 +155,7 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes = {
   /**
    * The color of the button when it is in an active state.
    * 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 'standard'
    */
   color: PropTypes.oneOfType([PropTypes.oneOf(["standard", "primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),

package/dist/node_modules/@mui/material/ToggleButton/toggleButtonClasses.js

@@ -1,9 +1,9 @@
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
-import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
 function getToggleButtonUtilityClass(slot) {
   return generateUtilityClass("MuiToggleButton", slot);
 }
-const toggleButtonClasses = generateUtilityClasses("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]);
+const toggleButtonClasses = generateUtilityClasses("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge"]);
 export {
   toggleButtonClasses as default,
   getToggleButtonUtilityClass