@dartcom/ui-kit 3.0.0 → 3.1.0

package/dist/cjs/node_modules/@mui/material/esm/ButtonBase/TouchRipple.js

@@ -4,19 +4,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../../../../../_virtual/index5.js');
+var index = require('../../../../../_virtual/index.js');
 var clsx = require('../../../../clsx/dist/clsx.js');
 var Ripple = require('./Ripple.js');
 var touchRippleClasses = require('./touchRippleClasses.js');
 var jsxRuntime = require('react/jsx-runtime');
-var emotionReact_browser_esm = require('../../../../@emotion/react/dist/emotion-react.browser.esm.js');
-var styled = require('../styles/styled.js');
 var DefaultPropsProvider = require('../DefaultPropsProvider/DefaultPropsProvider.js');
 var useTimeout = require('../../../utils/esm/useTimeout/useTimeout.js');
+var styled = require('../styles/styled.js');
 var TransitionGroup = require('../../../../react-transition-group/esm/TransitionGroup.js');
+var emotionReact_browser_esm = require('../../../../@emotion/react/dist/emotion-react.browser.esm.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -29,11 +28,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const DURATION = 550;
 const DELAY_RIPPLE = 80;
@@ -70,7 +69,7 @@ const pulsateKeyframe = emotionReact_browser_esm.keyframes`
     transform: scale(1);
   }
 `;
-const TouchRippleRoot = styled["default"]('span', {
+const TouchRippleRoot = styled.default('span', {
   name: 'MuiTouchRipple',
   slot: 'Root'
 })({
@@ -87,14 +86,14 @@ const TouchRippleRoot = styled["default"]('span', {
 
 // This `styled()` function invokes keyframes. `styled-components` only supports keyframes
 // in string templates. Do not convert these styles in JS object as it will break.
-const TouchRippleRipple = styled["default"](Ripple["default"], {
+const TouchRippleRipple = styled.default(Ripple.default, {
   name: 'MuiTouchRipple',
   slot: 'Ripple'
 })`
   opacity: 0;
   position: absolute;
 
-  &.${touchRippleClasses["default"].rippleVisible} {
+  &.${touchRippleClasses.default.rippleVisible} {
     opacity: 0.3;
     transform: scale(1);
     animation-name: ${enterKeyframe};
@@ -104,13 +103,13 @@ const TouchRippleRipple = styled["default"](Ripple["default"], {
 }) => theme.transitions.easing.easeInOut};
   }
 
-  &.${touchRippleClasses["default"].ripplePulsate} {
+  &.${touchRippleClasses.default.ripplePulsate} {
     animation-duration: ${({
   theme
 }) => theme.transitions.duration.shorter}ms;
   }
 
-  & .${touchRippleClasses["default"].child} {
+  & .${touchRippleClasses.default.child} {
     opacity: 1;
     display: block;
     width: 100%;
@@ -119,7 +118,7 @@ const TouchRippleRipple = styled["default"](Ripple["default"], {
     background-color: currentColor;
   }
 
-  & .${touchRippleClasses["default"].childLeaving} {
+  & .${touchRippleClasses.default.childLeaving} {
     opacity: 0;
     animation-name: ${exitKeyframe};
     animation-duration: ${DURATION}ms;
@@ -128,7 +127,7 @@ const TouchRippleRipple = styled["default"](Ripple["default"], {
 }) => theme.transitions.easing.easeInOut};
   }
 
-  & .${touchRippleClasses["default"].childPulsate} {
+  & .${touchRippleClasses.default.childPulsate} {
     position: absolute;
     /* @noflip */
     left: 0px;
@@ -173,7 +172,7 @@ const TouchRipple = /*#__PURE__*/React__namespace.forwardRef(function TouchRippl
   const ignoringMouseDown = React__namespace.useRef(false);
   // We use a timer in order to only show the ripples for touch "click" like events.
   // We don't want to display the ripple for touch scroll events.
-  const startTimer = useTimeout["default"]();
+  const startTimer = useTimeout.default();
 
   // This is the hook called once the previous timeout is ready.
   const startTimerCommit = React__namespace.useRef(null);
@@ -188,12 +187,12 @@ const TouchRipple = /*#__PURE__*/React__namespace.forwardRef(function TouchRippl
     } = params;
     setRipples(oldRipples => [...oldRipples, /*#__PURE__*/jsxRuntime.jsx(TouchRippleRipple, {
       classes: {
-        ripple: clsx.clsx(classes.ripple, touchRippleClasses["default"].ripple),
-        rippleVisible: clsx.clsx(classes.rippleVisible, touchRippleClasses["default"].rippleVisible),
-        ripplePulsate: clsx.clsx(classes.ripplePulsate, touchRippleClasses["default"].ripplePulsate),
-        child: clsx.clsx(classes.child, touchRippleClasses["default"].child),
-        childLeaving: clsx.clsx(classes.childLeaving, touchRippleClasses["default"].childLeaving),
-        childPulsate: clsx.clsx(classes.childPulsate, touchRippleClasses["default"].childPulsate)
+        ripple: clsx.clsx(classes.ripple, touchRippleClasses.default.ripple),
+        rippleVisible: clsx.clsx(classes.rippleVisible, touchRippleClasses.default.rippleVisible),
+        ripplePulsate: clsx.clsx(classes.ripplePulsate, touchRippleClasses.default.ripplePulsate),
+        child: clsx.clsx(classes.child, touchRippleClasses.default.child),
+        childLeaving: clsx.clsx(classes.childLeaving, touchRippleClasses.default.childLeaving),
+        childPulsate: clsx.clsx(classes.childPulsate, touchRippleClasses.default.childPulsate)
       },
       timeout: DURATION,
       pulsate: pulsate,
@@ -321,10 +320,10 @@ const TouchRipple = /*#__PURE__*/React__namespace.forwardRef(function TouchRippl
     stop
   }), [pulsate, start, stop]);
   return /*#__PURE__*/jsxRuntime.jsx(TouchRippleRoot, {
-    className: clsx.clsx(touchRippleClasses["default"].root, classes.root, className),
+    className: clsx.clsx(touchRippleClasses.default.root, classes.root, className),
     ref: container,
     ...other,
-    children: /*#__PURE__*/jsxRuntime.jsx(TransitionGroup["default"], {
+    children: /*#__PURE__*/jsxRuntime.jsx(TransitionGroup.default, {
       component: null,
       exit: true,
       children: ripples
@@ -336,20 +335,19 @@ process.env.NODE_ENV !== "production" ? TouchRipple.propTypes /* remove-proptype
    * If `true`, the ripple starts at the center of the component
    * rather than at the point of interaction.
    */
-  center: index["default"].bool,
+  center: index.default.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: index["default"].object,
+  classes: index.default.object,
   /**
    * @ignore
    */
-  className: index["default"].string
+  className: index.default.string
 } : void 0;
-var TouchRipple$1 = TouchRipple;
 
 exports.DELAY_RIPPLE = DELAY_RIPPLE;
 exports.TouchRippleRipple = TouchRippleRipple;
 exports.TouchRippleRoot = TouchRippleRoot;
-exports["default"] = TouchRipple$1;
+exports.default = TouchRipple;
 //# sourceMappingURL=TouchRipple.js.map

package/dist/cjs/node_modules/@mui/material/esm/ButtonBase/TouchRipple.js.map

@@ -1 +1 @@
-{"version":3,"file":"TouchRipple.js","sources":["../../../../../../../node_modules/@mui/material/esm/ButtonBase/TouchRipple.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { TransitionGroup } from 'react-transition-group';\nimport clsx from 'clsx';\nimport useTimeout from '@mui/utils/useTimeout';\nimport { keyframes, styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport Ripple from \"./Ripple.js\";\nimport touchRippleClasses from \"./touchRippleClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DURATION = 550;\nexport const DELAY_RIPPLE = 80;\nconst enterKeyframe = keyframes`\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 0.3;\n  }\n`;\nconst exitKeyframe = keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n`;\nconst pulsateKeyframe = keyframes`\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.92);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n`;\nexport const TouchRippleRoot = styled('span', {\n  name: 'MuiTouchRipple',\n  slot: 'Root'\n})({\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  position: 'absolute',\n  zIndex: 0,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  borderRadius: 'inherit'\n});\n\n// This `styled()` function invokes keyframes. `styled-components` only supports keyframes\n// in string templates. Do not convert these styles in JS object as it will break.\nexport const TouchRippleRipple = styled(Ripple, {\n  name: 'MuiTouchRipple',\n  slot: 'Ripple'\n})`\n  opacity: 0;\n  position: absolute;\n\n  &.${touchRippleClasses.rippleVisible} {\n    opacity: 0.3;\n    transform: scale(1);\n    animation-name: ${enterKeyframe};\n    animation-duration: ${DURATION}ms;\n    animation-timing-function: ${({\n  theme\n}) => theme.transitions.easing.easeInOut};\n  }\n\n  &.${touchRippleClasses.ripplePulsate} {\n    animation-duration: ${({\n  theme\n}) => theme.transitions.duration.shorter}ms;\n  }\n\n  & .${touchRippleClasses.child} {\n    opacity: 1;\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: currentColor;\n  }\n\n  & .${touchRippleClasses.childLeaving} {\n    opacity: 0;\n    animation-name: ${exitKeyframe};\n    animation-duration: ${DURATION}ms;\n    animation-timing-function: ${({\n  theme\n}) => theme.transitions.easing.easeInOut};\n  }\n\n  & .${touchRippleClasses.childPulsate} {\n    position: absolute;\n    /* @noflip */\n    left: 0px;\n    top: 0;\n    animation-name: ${pulsateKeyframe};\n    animation-duration: 2500ms;\n    animation-timing-function: ${({\n  theme\n}) => theme.transitions.easing.easeInOut};\n    animation-iteration-count: infinite;\n    animation-delay: 200ms;\n  }\n`;\n\n/**\n * @ignore - internal component.\n *\n * TODO v5: Make private\n */\nconst TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTouchRipple'\n  });\n  const {\n    center: centerProp = false,\n    classes = {},\n    className,\n    ...other\n  } = props;\n  const [ripples, setRipples] = React.useState([]);\n  const nextKey = React.useRef(0);\n  const rippleCallback = React.useRef(null);\n  React.useEffect(() => {\n    if (rippleCallback.current) {\n      rippleCallback.current();\n      rippleCallback.current = null;\n    }\n  }, [ripples]);\n\n  // Used to filter out mouse emulated events on mobile.\n  const ignoringMouseDown = React.useRef(false);\n  // We use a timer in order to only show the ripples for touch \"click\" like events.\n  // We don't want to display the ripple for touch scroll events.\n  const startTimer = useTimeout();\n\n  // This is the hook called once the previous timeout is ready.\n  const startTimerCommit = React.useRef(null);\n  const container = React.useRef(null);\n  const startCommit = React.useCallback(params => {\n    const {\n      pulsate,\n      rippleX,\n      rippleY,\n      rippleSize,\n      cb\n    } = params;\n    setRipples(oldRipples => [...oldRipples, /*#__PURE__*/_jsx(TouchRippleRipple, {\n      classes: {\n        ripple: clsx(classes.ripple, touchRippleClasses.ripple),\n        rippleVisible: clsx(classes.rippleVisible, touchRippleClasses.rippleVisible),\n        ripplePulsate: clsx(classes.ripplePulsate, touchRippleClasses.ripplePulsate),\n        child: clsx(classes.child, touchRippleClasses.child),\n        childLeaving: clsx(classes.childLeaving, touchRippleClasses.childLeaving),\n        childPulsate: clsx(classes.childPulsate, touchRippleClasses.childPulsate)\n      },\n      timeout: DURATION,\n      pulsate: pulsate,\n      rippleX: rippleX,\n      rippleY: rippleY,\n      rippleSize: rippleSize\n    }, nextKey.current)]);\n    nextKey.current += 1;\n    rippleCallback.current = cb;\n  }, [classes]);\n  const start = React.useCallback((event = {}, options = {}, cb = () => {}) => {\n    const {\n      pulsate = false,\n      center = centerProp || options.pulsate,\n      fakeElement = false // For test purposes\n    } = options;\n    if (event?.type === 'mousedown' && ignoringMouseDown.current) {\n      ignoringMouseDown.current = false;\n      return;\n    }\n    if (event?.type === 'touchstart') {\n      ignoringMouseDown.current = true;\n    }\n    const element = fakeElement ? null : container.current;\n    const rect = element ? element.getBoundingClientRect() : {\n      width: 0,\n      height: 0,\n      left: 0,\n      top: 0\n    };\n\n    // Get the size of the ripple\n    let rippleX;\n    let rippleY;\n    let rippleSize;\n    if (center || event === undefined || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {\n      rippleX = Math.round(rect.width / 2);\n      rippleY = Math.round(rect.height / 2);\n    } else {\n      const {\n        clientX,\n        clientY\n      } = event.touches && event.touches.length > 0 ? event.touches[0] : event;\n      rippleX = Math.round(clientX - rect.left);\n      rippleY = Math.round(clientY - rect.top);\n    }\n    if (center) {\n      rippleSize = Math.sqrt((2 * rect.width ** 2 + rect.height ** 2) / 3);\n\n      // For some reason the animation is broken on Mobile Chrome if the size is even.\n      if (rippleSize % 2 === 0) {\n        rippleSize += 1;\n      }\n    } else {\n      const sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;\n      const sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;\n      rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);\n    }\n\n    // Touche devices\n    if (event?.touches) {\n      // check that this isn't another touchstart due to multitouch\n      // otherwise we will only clear a single timer when unmounting while two\n      // are running\n      if (startTimerCommit.current === null) {\n        // Prepare the ripple effect.\n        startTimerCommit.current = () => {\n          startCommit({\n            pulsate,\n            rippleX,\n            rippleY,\n            rippleSize,\n            cb\n          });\n        };\n        // Delay the execution of the ripple effect.\n        // We have to make a tradeoff with this delay value.\n        startTimer.start(DELAY_RIPPLE, () => {\n          if (startTimerCommit.current) {\n            startTimerCommit.current();\n            startTimerCommit.current = null;\n          }\n        });\n      }\n    } else {\n      startCommit({\n        pulsate,\n        rippleX,\n        rippleY,\n        rippleSize,\n        cb\n      });\n    }\n  }, [centerProp, startCommit, startTimer]);\n  const pulsate = React.useCallback(() => {\n    start({}, {\n      pulsate: true\n    });\n  }, [start]);\n  const stop = React.useCallback((event, cb) => {\n    startTimer.clear();\n\n    // The touch interaction occurs too quickly.\n    // We still want to show ripple effect.\n    if (event?.type === 'touchend' && startTimerCommit.current) {\n      startTimerCommit.current();\n      startTimerCommit.current = null;\n      startTimer.start(0, () => {\n        stop(event, cb);\n      });\n      return;\n    }\n    startTimerCommit.current = null;\n    setRipples(oldRipples => {\n      if (oldRipples.length > 0) {\n        return oldRipples.slice(1);\n      }\n      return oldRipples;\n    });\n    rippleCallback.current = cb;\n  }, [startTimer]);\n  React.useImperativeHandle(ref, () => ({\n    pulsate,\n    start,\n    stop\n  }), [pulsate, start, stop]);\n  return /*#__PURE__*/_jsx(TouchRippleRoot, {\n    className: clsx(touchRippleClasses.root, classes.root, className),\n    ref: container,\n    ...other,\n    children: /*#__PURE__*/_jsx(TransitionGroup, {\n      component: null,\n      exit: true,\n      children: ripples\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TouchRipple.propTypes /* remove-proptypes */ = {\n  /**\n   * If `true`, the ripple starts at the center of the component\n   * rather than at the point of interaction.\n   */\n  center: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string\n} : void 0;\nexport default TouchRipple;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;AACY;AACZ;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACY;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACY;AACZ;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;"}
+{"version":3,"file":"TouchRipple.js","sources":["../../../../../../../node_modules/@mui/material/esm/ButtonBase/TouchRipple.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { TransitionGroup } from 'react-transition-group';\nimport clsx from 'clsx';\nimport useTimeout from '@mui/utils/useTimeout';\nimport { keyframes, styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport Ripple from \"./Ripple.js\";\nimport touchRippleClasses from \"./touchRippleClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DURATION = 550;\nexport const DELAY_RIPPLE = 80;\nconst enterKeyframe = keyframes`\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 0.3;\n  }\n`;\nconst exitKeyframe = keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n`;\nconst pulsateKeyframe = keyframes`\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.92);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n`;\nexport const TouchRippleRoot = styled('span', {\n  name: 'MuiTouchRipple',\n  slot: 'Root'\n})({\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  position: 'absolute',\n  zIndex: 0,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  borderRadius: 'inherit'\n});\n\n// This `styled()` function invokes keyframes. `styled-components` only supports keyframes\n// in string templates. Do not convert these styles in JS object as it will break.\nexport const TouchRippleRipple = styled(Ripple, {\n  name: 'MuiTouchRipple',\n  slot: 'Ripple'\n})`\n  opacity: 0;\n  position: absolute;\n\n  &.${touchRippleClasses.rippleVisible} {\n    opacity: 0.3;\n    transform: scale(1);\n    animation-name: ${enterKeyframe};\n    animation-duration: ${DURATION}ms;\n    animation-timing-function: ${({\n  theme\n}) => theme.transitions.easing.easeInOut};\n  }\n\n  &.${touchRippleClasses.ripplePulsate} {\n    animation-duration: ${({\n  theme\n}) => theme.transitions.duration.shorter}ms;\n  }\n\n  & .${touchRippleClasses.child} {\n    opacity: 1;\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: currentColor;\n  }\n\n  & .${touchRippleClasses.childLeaving} {\n    opacity: 0;\n    animation-name: ${exitKeyframe};\n    animation-duration: ${DURATION}ms;\n    animation-timing-function: ${({\n  theme\n}) => theme.transitions.easing.easeInOut};\n  }\n\n  & .${touchRippleClasses.childPulsate} {\n    position: absolute;\n    /* @noflip */\n    left: 0px;\n    top: 0;\n    animation-name: ${pulsateKeyframe};\n    animation-duration: 2500ms;\n    animation-timing-function: ${({\n  theme\n}) => theme.transitions.easing.easeInOut};\n    animation-iteration-count: infinite;\n    animation-delay: 200ms;\n  }\n`;\n\n/**\n * @ignore - internal component.\n *\n * TODO v5: Make private\n */\nconst TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTouchRipple'\n  });\n  const {\n    center: centerProp = false,\n    classes = {},\n    className,\n    ...other\n  } = props;\n  const [ripples, setRipples] = React.useState([]);\n  const nextKey = React.useRef(0);\n  const rippleCallback = React.useRef(null);\n  React.useEffect(() => {\n    if (rippleCallback.current) {\n      rippleCallback.current();\n      rippleCallback.current = null;\n    }\n  }, [ripples]);\n\n  // Used to filter out mouse emulated events on mobile.\n  const ignoringMouseDown = React.useRef(false);\n  // We use a timer in order to only show the ripples for touch \"click\" like events.\n  // We don't want to display the ripple for touch scroll events.\n  const startTimer = useTimeout();\n\n  // This is the hook called once the previous timeout is ready.\n  const startTimerCommit = React.useRef(null);\n  const container = React.useRef(null);\n  const startCommit = React.useCallback(params => {\n    const {\n      pulsate,\n      rippleX,\n      rippleY,\n      rippleSize,\n      cb\n    } = params;\n    setRipples(oldRipples => [...oldRipples, /*#__PURE__*/_jsx(TouchRippleRipple, {\n      classes: {\n        ripple: clsx(classes.ripple, touchRippleClasses.ripple),\n        rippleVisible: clsx(classes.rippleVisible, touchRippleClasses.rippleVisible),\n        ripplePulsate: clsx(classes.ripplePulsate, touchRippleClasses.ripplePulsate),\n        child: clsx(classes.child, touchRippleClasses.child),\n        childLeaving: clsx(classes.childLeaving, touchRippleClasses.childLeaving),\n        childPulsate: clsx(classes.childPulsate, touchRippleClasses.childPulsate)\n      },\n      timeout: DURATION,\n      pulsate: pulsate,\n      rippleX: rippleX,\n      rippleY: rippleY,\n      rippleSize: rippleSize\n    }, nextKey.current)]);\n    nextKey.current += 1;\n    rippleCallback.current = cb;\n  }, [classes]);\n  const start = React.useCallback((event = {}, options = {}, cb = () => {}) => {\n    const {\n      pulsate = false,\n      center = centerProp || options.pulsate,\n      fakeElement = false // For test purposes\n    } = options;\n    if (event?.type === 'mousedown' && ignoringMouseDown.current) {\n      ignoringMouseDown.current = false;\n      return;\n    }\n    if (event?.type === 'touchstart') {\n      ignoringMouseDown.current = true;\n    }\n    const element = fakeElement ? null : container.current;\n    const rect = element ? element.getBoundingClientRect() : {\n      width: 0,\n      height: 0,\n      left: 0,\n      top: 0\n    };\n\n    // Get the size of the ripple\n    let rippleX;\n    let rippleY;\n    let rippleSize;\n    if (center || event === undefined || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {\n      rippleX = Math.round(rect.width / 2);\n      rippleY = Math.round(rect.height / 2);\n    } else {\n      const {\n        clientX,\n        clientY\n      } = event.touches && event.touches.length > 0 ? event.touches[0] : event;\n      rippleX = Math.round(clientX - rect.left);\n      rippleY = Math.round(clientY - rect.top);\n    }\n    if (center) {\n      rippleSize = Math.sqrt((2 * rect.width ** 2 + rect.height ** 2) / 3);\n\n      // For some reason the animation is broken on Mobile Chrome if the size is even.\n      if (rippleSize % 2 === 0) {\n        rippleSize += 1;\n      }\n    } else {\n      const sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;\n      const sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;\n      rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);\n    }\n\n    // Touche devices\n    if (event?.touches) {\n      // check that this isn't another touchstart due to multitouch\n      // otherwise we will only clear a single timer when unmounting while two\n      // are running\n      if (startTimerCommit.current === null) {\n        // Prepare the ripple effect.\n        startTimerCommit.current = () => {\n          startCommit({\n            pulsate,\n            rippleX,\n            rippleY,\n            rippleSize,\n            cb\n          });\n        };\n        // Delay the execution of the ripple effect.\n        // We have to make a tradeoff with this delay value.\n        startTimer.start(DELAY_RIPPLE, () => {\n          if (startTimerCommit.current) {\n            startTimerCommit.current();\n            startTimerCommit.current = null;\n          }\n        });\n      }\n    } else {\n      startCommit({\n        pulsate,\n        rippleX,\n        rippleY,\n        rippleSize,\n        cb\n      });\n    }\n  }, [centerProp, startCommit, startTimer]);\n  const pulsate = React.useCallback(() => {\n    start({}, {\n      pulsate: true\n    });\n  }, [start]);\n  const stop = React.useCallback((event, cb) => {\n    startTimer.clear();\n\n    // The touch interaction occurs too quickly.\n    // We still want to show ripple effect.\n    if (event?.type === 'touchend' && startTimerCommit.current) {\n      startTimerCommit.current();\n      startTimerCommit.current = null;\n      startTimer.start(0, () => {\n        stop(event, cb);\n      });\n      return;\n    }\n    startTimerCommit.current = null;\n    setRipples(oldRipples => {\n      if (oldRipples.length > 0) {\n        return oldRipples.slice(1);\n      }\n      return oldRipples;\n    });\n    rippleCallback.current = cb;\n  }, [startTimer]);\n  React.useImperativeHandle(ref, () => ({\n    pulsate,\n    start,\n    stop\n  }), [pulsate, start, stop]);\n  return /*#__PURE__*/_jsx(TouchRippleRoot, {\n    className: clsx(touchRippleClasses.root, classes.root, className),\n    ref: container,\n    ...other,\n    children: /*#__PURE__*/_jsx(TransitionGroup, {\n      component: null,\n      exit: true,\n      children: ripples\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TouchRipple.propTypes /* remove-proptypes */ = {\n  /**\n   * If `true`, the ripple starts at the center of the component\n   * rather than at the point of interaction.\n   */\n  center: PropTypes.bool,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string\n} : void 0;\nexport default TouchRipple;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;AACY;AACZ;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACY;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACY;AACZ;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/ButtonBase/buttonBaseClasses.js

@@ -6,11 +6,10 @@ var generateUtilityClasses = require('../../../utils/esm/generateUtilityClasses/
 var generateUtilityClass = require('../../../utils/esm/generateUtilityClass/generateUtilityClass.js');
 
 function getButtonBaseUtilityClass(slot) {
-  return generateUtilityClass["default"]('MuiButtonBase', slot);
+  return generateUtilityClass.default('MuiButtonBase', slot);
 }
-const buttonBaseClasses = generateUtilityClasses["default"]('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
-var buttonBaseClasses$1 = buttonBaseClasses;
+const buttonBaseClasses = generateUtilityClasses.default('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
 
-exports["default"] = buttonBaseClasses$1;
+exports.default = buttonBaseClasses;
 exports.getButtonBaseUtilityClass = getButtonBaseUtilityClass;
 //# sourceMappingURL=buttonBaseClasses.js.map

package/dist/cjs/node_modules/@mui/material/esm/ButtonBase/buttonBaseClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonBaseClasses.js","sources":["../../../../../../../node_modules/@mui/material/esm/ButtonBase/buttonBaseClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getButtonBaseUtilityClass(slot) {\n  return generateUtilityClass('MuiButtonBase', slot);\n}\nconst buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);\nexport default buttonBaseClasses;"],"names":["generateUtilityClass","generateUtilityClasses"],"mappings":";;;;;;;AAEO,SAAS,yBAAyB,CAAC,IAAI,EAAE;AAChD,EAAE,OAAOA,+BAAoB,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AACrD,CAAC;AACD,MAAM,iBAAiB,GAAGC,iCAAsB,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC;AACxG,0BAAe,iBAAiB;;;;;"}
+{"version":3,"file":"buttonBaseClasses.js","sources":["../../../../../../../node_modules/@mui/material/esm/ButtonBase/buttonBaseClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getButtonBaseUtilityClass(slot) {\n  return generateUtilityClass('MuiButtonBase', slot);\n}\nconst buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);\nexport default buttonBaseClasses;"],"names":["generateUtilityClass","generateUtilityClasses"],"mappings":";;;;;;;AAEO,SAAS,yBAAyB,CAAC,IAAI,EAAE;AAChD,EAAE,OAAOA,4BAAoB,CAAC,eAAe,EAAE,IAAI,CAAC;AACpD;AACK,MAAC,iBAAiB,GAAGC,8BAAsB,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,cAAc,CAAC;;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/ButtonBase/touchRippleClasses.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var generateUtilityClasses = require('../../../utils/esm/generateUtilityClasses/generateUtilityClasses.js');
 
-const touchRippleClasses = generateUtilityClasses["default"]('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
-var touchRippleClasses$1 = touchRippleClasses;
+const touchRippleClasses = generateUtilityClasses.default('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
 
-exports["default"] = touchRippleClasses$1;
+exports.default = touchRippleClasses;
 //# sourceMappingURL=touchRippleClasses.js.map

package/dist/cjs/node_modules/@mui/material/esm/ButtonBase/touchRippleClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"touchRippleClasses.js","sources":["../../../../../../../node_modules/@mui/material/esm/ButtonBase/touchRippleClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTouchRippleUtilityClass(slot) {\n  return generateUtilityClass('MuiTouchRipple', slot);\n}\nconst touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);\nexport default touchRippleClasses;"],"names":["generateUtilityClasses"],"mappings":";;;;;;AAKA,MAAM,kBAAkB,GAAGA,iCAAsB,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;AACnK,2BAAe,kBAAkB;;;;"}
+{"version":3,"file":"touchRippleClasses.js","sources":["../../../../../../../node_modules/@mui/material/esm/ButtonBase/touchRippleClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTouchRippleUtilityClass(slot) {\n  return generateUtilityClass('MuiTouchRipple', slot);\n}\nconst touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);\nexport default touchRippleClasses;"],"names":["generateUtilityClasses"],"mappings":";;;;;;AAKK,MAAC,kBAAkB,GAAGA,8BAAsB,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/ButtonGroup/ButtonGroupButtonContext.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -19,11 +18,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 /**
  * @ignore - internal component.
@@ -32,7 +31,6 @@ const ButtonGroupButtonContext = /*#__PURE__*/React__namespace.createContext(und
 if (process.env.NODE_ENV !== 'production') {
   ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';
 }
-var ButtonGroupButtonContext$1 = ButtonGroupButtonContext;
 
-exports["default"] = ButtonGroupButtonContext$1;
+exports.default = ButtonGroupButtonContext;
 //# sourceMappingURL=ButtonGroupButtonContext.js.map

package/dist/cjs/node_modules/@mui/material/esm/ButtonGroup/ButtonGroupButtonContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupButtonContext.js","sources":["../../../../../../../node_modules/@mui/material/esm/ButtonGroup/ButtonGroupButtonContext.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst ButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== 'production') {\n  ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';\n}\nexport default ButtonGroupButtonContext;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;"}
+{"version":3,"file":"ButtonGroupButtonContext.js","sources":["../../../../../../../node_modules/@mui/material/esm/ButtonGroup/ButtonGroupButtonContext.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst ButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== 'production') {\n  ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';\n}\nexport default ButtonGroupButtonContext;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACK;AACL;AACA;AACA;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/ButtonGroup/ButtonGroupContext.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -19,11 +18,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 /**
  * @ignore - internal component.
@@ -32,7 +31,6 @@ const ButtonGroupContext = /*#__PURE__*/React__namespace.createContext({});
 if (process.env.NODE_ENV !== 'production') {
   ButtonGroupContext.displayName = 'ButtonGroupContext';
 }
-var ButtonGroupContext$1 = ButtonGroupContext;
 
-exports["default"] = ButtonGroupContext$1;
+exports.default = ButtonGroupContext;
 //# sourceMappingURL=ButtonGroupContext.js.map

package/dist/cjs/node_modules/@mui/material/esm/ButtonGroup/ButtonGroupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupContext.js","sources":["../../../../../../../node_modules/@mui/material/esm/ButtonGroup/ButtonGroupContext.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst ButtonGroupContext = /*#__PURE__*/React.createContext({});\nif (process.env.NODE_ENV !== 'production') {\n  ButtonGroupContext.displayName = 'ButtonGroupContext';\n}\nexport default ButtonGroupContext;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;"}
+{"version":3,"file":"ButtonGroupContext.js","sources":["../../../../../../../node_modules/@mui/material/esm/ButtonGroup/ButtonGroupContext.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst ButtonGroupContext = /*#__PURE__*/React.createContext({});\nif (process.env.NODE_ENV !== 'production') {\n  ButtonGroupContext.displayName = 'ButtonGroupContext';\n}\nexport default ButtonGroupContext;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACK;AACL;AACA;AACA;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/Checkbox/Checkbox.js

@@ -4,7 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../../../../../_virtual/index5.js');
+var index = require('../../../../../_virtual/index.js');
 var clsx = require('../../../../clsx/dist/clsx.js');
 var SwitchBase = require('../internal/SwitchBase.js');
 var CheckBoxOutlineBlank = require('../internal/svg-icons/CheckBoxOutlineBlank.js');
@@ -16,14 +16,13 @@ var memoTheme = require('../utils/memoTheme.js');
 var createSimplePaletteValueFilter = require('../utils/createSimplePaletteValueFilter.js');
 var useSlot = require('../utils/useSlot.js');
 var jsxRuntime = require('react/jsx-runtime');
-var styled = require('../styles/styled.js');
-var capitalize = require('../../../utils/esm/capitalize/capitalize.js');
 var DefaultPropsProvider = require('../DefaultPropsProvider/DefaultPropsProvider.js');
 var mergeSlotProps = require('../utils/mergeSlotProps.js');
+var styled = require('../styles/styled.js');
+var capitalize = require('../../../utils/esm/capitalize/capitalize.js');
 var composeClasses = require('../../../utils/esm/composeClasses/composeClasses.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -36,11 +35,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const useUtilityClasses = ownerState => {
   const {
@@ -50,26 +49,26 @@ const useUtilityClasses = ownerState => {
     size
   } = ownerState;
   const slots = {
-    root: ['root', indeterminate && 'indeterminate', `color${capitalize["default"](color)}`, `size${capitalize["default"](size)}`]
+    root: ['root', indeterminate && 'indeterminate', `color${capitalize.default(color)}`, `size${capitalize.default(size)}`]
   };
-  const composedClasses = composeClasses["default"](slots, checkboxClasses.getCheckboxUtilityClass, classes);
+  const composedClasses = composeClasses.default(slots, checkboxClasses.getCheckboxUtilityClass, classes);
   return {
     ...classes,
     // forward the disabled and checked classes to the SwitchBase
     ...composedClasses
   };
 };
-const CheckboxRoot = styled["default"](SwitchBase["default"], {
-  shouldForwardProp: prop => rootShouldForwardProp["default"](prop) || prop === 'classes',
+const CheckboxRoot = styled.default(SwitchBase.default, {
+  shouldForwardProp: prop => rootShouldForwardProp.default(prop) || prop === 'classes',
   name: 'MuiCheckbox',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize["default"](ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize["default"](ownerState.color)}`]];
+    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize.default(ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize.default(ownerState.color)}`]];
   }
-})(memoTheme["default"](({
+})(memoTheme.default(({
   theme
 }) => ({
   color: (theme.vars || theme).palette.text.secondary,
@@ -83,7 +82,7 @@ const CheckboxRoot = styled["default"](SwitchBase["default"], {
         backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter["default"]()).map(([color]) => ({
+  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter.default()).map(([color]) => ({
     props: {
       color,
       disableRipple: false
@@ -93,15 +92,15 @@ const CheckboxRoot = styled["default"](SwitchBase["default"], {
         backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter["default"]()).map(([color]) => ({
+  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter.default()).map(([color]) => ({
     props: {
       color
     },
     style: {
-      [`&.${checkboxClasses["default"].checked}, &.${checkboxClasses["default"].indeterminate}`]: {
+      [`&.${checkboxClasses.default.checked}, &.${checkboxClasses.default.indeterminate}`]: {
         color: (theme.vars || theme).palette[color].main
       },
-      [`&.${checkboxClasses["default"].disabled}`]: {
+      [`&.${checkboxClasses.default.disabled}`]: {
         color: (theme.vars || theme).palette.action.disabled
       }
     }
@@ -120,9 +119,9 @@ const CheckboxRoot = styled["default"](SwitchBase["default"], {
     }
   }]
 })));
-const defaultCheckedIcon = /*#__PURE__*/jsxRuntime.jsx(CheckBox["default"], {});
-const defaultIcon = /*#__PURE__*/jsxRuntime.jsx(CheckBoxOutlineBlank["default"], {});
-const defaultIndeterminateIcon = /*#__PURE__*/jsxRuntime.jsx(IndeterminateCheckBox["default"], {});
+const defaultCheckedIcon = /*#__PURE__*/jsxRuntime.jsx(CheckBox.default, {});
+const defaultIcon = /*#__PURE__*/jsxRuntime.jsx(CheckBoxOutlineBlank.default, {});
+const defaultIndeterminateIcon = /*#__PURE__*/jsxRuntime.jsx(IndeterminateCheckBox.default, {});
 const Checkbox = /*#__PURE__*/React__namespace.forwardRef(function Checkbox(inProps, ref) {
   const props = DefaultPropsProvider.useDefaultProps({
     props: inProps,
@@ -153,7 +152,7 @@ const Checkbox = /*#__PURE__*/React__namespace.forwardRef(function Checkbox(inPr
   };
   const classes = useUtilityClasses(ownerState);
   const externalInputProps = slotProps.input ?? inputProps;
-  const [RootSlot, rootSlotProps] = useSlot["default"]('root', {
+  const [RootSlot, rootSlotProps] = useSlot.default('root', {
     ref,
     elementType: CheckboxRoot,
     className: clsx.clsx(classes.root, className),
@@ -175,7 +174,7 @@ const Checkbox = /*#__PURE__*/React__namespace.forwardRef(function Checkbox(inPr
       disableRipple,
       slots,
       slotProps: {
-        input: mergeSlotProps["default"](typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {
+        input: mergeSlotProps.default(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {
           'data-indeterminate': indeterminate
         })
       }
@@ -194,50 +193,50 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
   /**
    * If `true`, the component is checked.
    */
-  checked: index["default"].bool,
+  checked: index.default.bool,
   /**
    * The icon to display when the component is checked.
    * @default <CheckBoxIcon />
    */
-  checkedIcon: index["default"].node,
+  checkedIcon: index.default.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: index["default"].object,
+  classes: index.default.object,
   /**
    * @ignore
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * 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).
    * @default 'primary'
    */
-  color: index["default"] /* @typescript-to-proptypes-ignore */.oneOfType([index["default"].oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), index["default"].string]),
+  color: index.default /* @typescript-to-proptypes-ignore */.oneOfType([index.default.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), index.default.string]),
   /**
    * The default checked state. Use when the component is not controlled.
    */
-  defaultChecked: index["default"].bool,
+  defaultChecked: index.default.bool,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: index["default"].bool,
+  disabled: index.default.bool,
   /**
    * If `true`, the ripple effect is disabled.
    * @default false
    */
-  disableRipple: index["default"].bool,
+  disableRipple: index.default.bool,
   /**
    * The icon to display when the component is unchecked.
    * @default <CheckBoxOutlineBlankIcon />
    */
-  icon: index["default"].node,
+  icon: index.default.node,
   /**
    * The id of the `input` element.
    */
-  id: index["default"].string,
+  id: index.default.string,
   /**
    * If `true`, the component appears indeterminate.
    * This does not set the native input element to indeterminate due
@@ -245,62 +244,61 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
    * However, we set a `data-indeterminate` attribute on the `input`.
    * @default false
    */
-  indeterminate: index["default"].bool,
+  indeterminate: index.default.bool,
   /**
    * The icon to display when the component is indeterminate.
    * @default <IndeterminateCheckBoxIcon />
    */
-  indeterminateIcon: index["default"].node,
+  indeterminateIcon: index.default.node,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  inputProps: index["default"].object,
+  inputProps: index.default.object,
   /**
    * Callback fired when the state is changed.
    *
    * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
    * You can pull out the new checked state by accessing `event.target.checked` (boolean).
    */
-  onChange: index["default"].func,
+  onChange: index.default.func,
   /**
    * If `true`, the `input` element is required.
    * @default false
    */
-  required: index["default"].bool,
+  required: index.default.bool,
   /**
    * The size of the component.
    * `small` is equivalent to the dense checkbox styling.
    * @default 'medium'
    */
-  size: index["default"] /* @typescript-to-proptypes-ignore */.oneOfType([index["default"].oneOf(['medium', 'small']), index["default"].string]),
+  size: index.default /* @typescript-to-proptypes-ignore */.oneOfType([index.default.oneOf(['medium', 'small']), index.default.string]),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: index["default"].shape({
-    input: index["default"].oneOfType([index["default"].func, index["default"].object]),
-    root: index["default"].oneOfType([index["default"].func, index["default"].object])
+  slotProps: index.default.shape({
+    input: index.default.oneOfType([index.default.func, index.default.object]),
+    root: index.default.oneOfType([index.default.func, index.default.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: index["default"].shape({
-    input: index["default"].elementType,
-    root: index["default"].elementType
+  slots: index.default.shape({
+    input: index.default.elementType,
+    root: index.default.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: index["default"].oneOfType([index["default"].arrayOf(index["default"].oneOfType([index["default"].func, index["default"].object, index["default"].bool])), index["default"].func, index["default"].object]),
+  sx: index.default.oneOfType([index.default.arrayOf(index.default.oneOfType([index.default.func, index.default.object, index.default.bool])), index.default.func, index.default.object]),
   /**
    * The value of the component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.
    */
-  value: index["default"].any
+  value: index.default.any
 } : void 0;
-var Checkbox$1 = Checkbox;
 
-exports["default"] = Checkbox$1;
+exports.default = Checkbox;
 //# sourceMappingURL=Checkbox.js.map