@mui/material 7.0.0-alpha.0 → 7.0.0-alpha.1

package/Tooltip/Tooltip.js

@@ -1,28 +1,36 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import useTimeout, { Timeout } from '@mui/utils/useTimeout';
-import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
-import composeClasses from '@mui/utils/composeClasses';
-import { alpha } from '@mui/system/colorManipulator';
-import { useRtl } from '@mui/system/RtlProvider';
-import isFocusVisible from '@mui/utils/isFocusVisible';
-import getReactElementRef from '@mui/utils/getReactElementRef';
-import { styled, useTheme } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import capitalize from "../utils/capitalize.js";
-import Grow from "../Grow/index.js";
-import Popper from "../Popper/index.js";
-import useEventCallback from "../utils/useEventCallback.js";
-import useForkRef from "../utils/useForkRef.js";
-import useId from "../utils/useId.js";
-import useControlled from "../utils/useControlled.js";
-import useSlot from "../utils/useSlot.js";
-import tooltipClasses, { getTooltipUtilityClass } from "./tooltipClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.testReset = testReset;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _useTimeout = _interopRequireWildcard(require("@mui/utils/useTimeout"));
+var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _colorManipulator = require("@mui/system/colorManipulator");
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _isFocusVisible = _interopRequireDefault(require("@mui/utils/isFocusVisible"));
+var _getReactElementRef = _interopRequireDefault(require("@mui/utils/getReactElementRef"));
+var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+var _Grow = _interopRequireDefault(require("../Grow"));
+var _Popper = _interopRequireDefault(require("../Popper"));
+var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
+var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
+var _useId = _interopRequireDefault(require("../utils/useId"));
+var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
+var _tooltipClasses = _interopRequireWildcard(require("./tooltipClasses"));
+var _jsxRuntime = require("react/jsx-runtime");
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -36,12 +44,12 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     popper: ['popper', !disableInteractive && 'popperInteractive', arrow && 'popperArrow'],
-    tooltip: ['tooltip', arrow && 'tooltipArrow', touch && 'touch', `tooltipPlacement${capitalize(placement.split('-')[0])}`],
+    tooltip: ['tooltip', arrow && 'tooltipArrow', touch && 'touch', `tooltipPlacement${(0, _capitalize.default)(placement.split('-')[0])}`],
     arrow: ['arrow']
   };
-  return composeClasses(slots, getTooltipUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _tooltipClasses.getTooltipUtilityClass, classes);
 };
-const TooltipPopper = styled(Popper, {
+const TooltipPopper = (0, _zeroStyled.styled)(_Popper.default, {
   name: 'MuiTooltip',
   slot: 'Popper',
   overridesResolver: (props, styles) => {
@@ -50,7 +58,7 @@ const TooltipPopper = styled(Popper, {
     } = props;
     return [styles.popper, !ownerState.disableInteractive && styles.popperInteractive, ownerState.arrow && styles.popperArrow, !ownerState.open && styles.popperClose];
   }
-})(memoTheme(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
   zIndex: (theme.vars || theme).zIndex.tooltip,
@@ -74,28 +82,28 @@ const TooltipPopper = styled(Popper, {
       ownerState
     }) => ownerState.arrow,
     style: {
-      [`&[data-popper-placement*="bottom"] .${tooltipClasses.arrow}`]: {
+      [`&[data-popper-placement*="bottom"] .${_tooltipClasses.default.arrow}`]: {
         top: 0,
         marginTop: '-0.71em',
         '&::before': {
           transformOrigin: '0 100%'
         }
       },
-      [`&[data-popper-placement*="top"] .${tooltipClasses.arrow}`]: {
+      [`&[data-popper-placement*="top"] .${_tooltipClasses.default.arrow}`]: {
         bottom: 0,
         marginBottom: '-0.71em',
         '&::before': {
           transformOrigin: '100% 0'
         }
       },
-      [`&[data-popper-placement*="right"] .${tooltipClasses.arrow}`]: {
+      [`&[data-popper-placement*="right"] .${_tooltipClasses.default.arrow}`]: {
         height: '1em',
         width: '0.71em',
         '&::before': {
           transformOrigin: '100% 100%'
         }
       },
-      [`&[data-popper-placement*="left"] .${tooltipClasses.arrow}`]: {
+      [`&[data-popper-placement*="left"] .${_tooltipClasses.default.arrow}`]: {
         height: '1em',
         width: '0.71em',
         '&::before': {
@@ -108,7 +116,7 @@ const TooltipPopper = styled(Popper, {
       ownerState
     }) => ownerState.arrow && !ownerState.isRtl,
     style: {
-      [`&[data-popper-placement*="right"] .${tooltipClasses.arrow}`]: {
+      [`&[data-popper-placement*="right"] .${_tooltipClasses.default.arrow}`]: {
         left: 0,
         marginLeft: '-0.71em'
       }
@@ -118,7 +126,7 @@ const TooltipPopper = styled(Popper, {
       ownerState
     }) => ownerState.arrow && !!ownerState.isRtl,
     style: {
-      [`&[data-popper-placement*="right"] .${tooltipClasses.arrow}`]: {
+      [`&[data-popper-placement*="right"] .${_tooltipClasses.default.arrow}`]: {
         right: 0,
         marginRight: '-0.71em'
       }
@@ -128,7 +136,7 @@ const TooltipPopper = styled(Popper, {
       ownerState
     }) => ownerState.arrow && !ownerState.isRtl,
     style: {
-      [`&[data-popper-placement*="left"] .${tooltipClasses.arrow}`]: {
+      [`&[data-popper-placement*="left"] .${_tooltipClasses.default.arrow}`]: {
         right: 0,
         marginRight: '-0.71em'
       }
@@ -138,26 +146,26 @@ const TooltipPopper = styled(Popper, {
       ownerState
     }) => ownerState.arrow && !!ownerState.isRtl,
     style: {
-      [`&[data-popper-placement*="left"] .${tooltipClasses.arrow}`]: {
+      [`&[data-popper-placement*="left"] .${_tooltipClasses.default.arrow}`]: {
         left: 0,
         marginLeft: '-0.71em'
       }
     }
   }]
 })));
-const TooltipTooltip = styled('div', {
+const TooltipTooltip = (0, _zeroStyled.styled)('div', {
   name: 'MuiTooltip',
   slot: 'Tooltip',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.tooltip, ownerState.touch && styles.touch, ownerState.arrow && styles.tooltipArrow, styles[`tooltipPlacement${capitalize(ownerState.placement.split('-')[0])}`]];
+    return [styles.tooltip, ownerState.touch && styles.touch, ownerState.arrow && styles.tooltipArrow, styles[`tooltipPlacement${(0, _capitalize.default)(ownerState.placement.split('-')[0])}`]];
   }
-})(memoTheme(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
-  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.92),
+  backgroundColor: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _colorManipulator.alpha)(theme.palette.grey[700], 0.92),
   borderRadius: (theme.vars || theme).shape.borderRadius,
   color: (theme.vars || theme).palette.common.white,
   fontFamily: theme.typography.fontFamily,
@@ -167,17 +175,17 @@ const TooltipTooltip = styled('div', {
   margin: 2,
   wordWrap: 'break-word',
   fontWeight: theme.typography.fontWeightMedium,
-  [`.${tooltipClasses.popper}[data-popper-placement*="left"] &`]: {
+  [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
     transformOrigin: 'right center'
   },
-  [`.${tooltipClasses.popper}[data-popper-placement*="right"] &`]: {
+  [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
     transformOrigin: 'left center'
   },
-  [`.${tooltipClasses.popper}[data-popper-placement*="top"] &`]: {
+  [`.${_tooltipClasses.default.popper}[data-popper-placement*="top"] &`]: {
     transformOrigin: 'center bottom',
     marginBottom: '14px'
   },
-  [`.${tooltipClasses.popper}[data-popper-placement*="bottom"] &`]: {
+  [`.${_tooltipClasses.default.popper}[data-popper-placement*="bottom"] &`]: {
     transformOrigin: 'center top',
     marginTop: '14px'
   },
@@ -204,10 +212,10 @@ const TooltipTooltip = styled('div', {
       ownerState
     }) => !ownerState.isRtl,
     style: {
-      [`.${tooltipClasses.popper}[data-popper-placement*="left"] &`]: {
+      [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
         marginRight: '14px'
       },
-      [`.${tooltipClasses.popper}[data-popper-placement*="right"] &`]: {
+      [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
         marginLeft: '14px'
       }
     }
@@ -216,10 +224,10 @@ const TooltipTooltip = styled('div', {
       ownerState
     }) => !ownerState.isRtl && ownerState.touch,
     style: {
-      [`.${tooltipClasses.popper}[data-popper-placement*="left"] &`]: {
+      [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
         marginRight: '24px'
       },
-      [`.${tooltipClasses.popper}[data-popper-placement*="right"] &`]: {
+      [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
         marginLeft: '24px'
       }
     }
@@ -228,10 +236,10 @@ const TooltipTooltip = styled('div', {
       ownerState
     }) => !!ownerState.isRtl,
     style: {
-      [`.${tooltipClasses.popper}[data-popper-placement*="left"] &`]: {
+      [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
         marginLeft: '14px'
       },
-      [`.${tooltipClasses.popper}[data-popper-placement*="right"] &`]: {
+      [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
         marginRight: '14px'
       }
     }
@@ -240,10 +248,10 @@ const TooltipTooltip = styled('div', {
       ownerState
     }) => !!ownerState.isRtl && ownerState.touch,
     style: {
-      [`.${tooltipClasses.popper}[data-popper-placement*="left"] &`]: {
+      [`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
         marginLeft: '24px'
       },
-      [`.${tooltipClasses.popper}[data-popper-placement*="right"] &`]: {
+      [`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
         marginRight: '24px'
       }
     }
@@ -252,7 +260,7 @@ const TooltipTooltip = styled('div', {
       ownerState
     }) => ownerState.touch,
     style: {
-      [`.${tooltipClasses.popper}[data-popper-placement*="top"] &`]: {
+      [`.${_tooltipClasses.default.popper}[data-popper-placement*="top"] &`]: {
         marginBottom: '24px'
       }
     }
@@ -261,17 +269,17 @@ const TooltipTooltip = styled('div', {
       ownerState
     }) => ownerState.touch,
     style: {
-      [`.${tooltipClasses.popper}[data-popper-placement*="bottom"] &`]: {
+      [`.${_tooltipClasses.default.popper}[data-popper-placement*="bottom"] &`]: {
         marginTop: '24px'
       }
     }
   }]
 })));
-const TooltipArrow = styled('span', {
+const TooltipArrow = (0, _zeroStyled.styled)('span', {
   name: 'MuiTooltip',
   slot: 'Arrow',
   overridesResolver: (props, styles) => styles.arrow
-})(memoTheme(({
+})((0, _memoTheme.default)(({
   theme
 }) => ({
   overflow: 'hidden',
@@ -279,7 +287,7 @@ const TooltipArrow = styled('span', {
   width: '1em',
   height: '0.71em' /* = width / sqrt(2) = (length of the hypotenuse) */,
   boxSizing: 'border-box',
-  color: theme.vars ? theme.vars.palette.Tooltip.bg : alpha(theme.palette.grey[700], 0.9),
+  color: theme.vars ? theme.vars.palette.Tooltip.bg : (0, _colorManipulator.alpha)(theme.palette.grey[700], 0.9),
   '&::before': {
     content: '""',
     margin: 'auto',
@@ -291,12 +299,12 @@ const TooltipArrow = styled('span', {
   }
 })));
 let hystersisOpen = false;
-const hystersisTimer = new Timeout();
+const hystersisTimer = new _useTimeout.Timeout();
 let cursorPosition = {
   x: 0,
   y: 0
 };
-export function testReset() {
+function testReset() {
   hystersisOpen = false;
   hystersisTimer.clear();
 }
@@ -311,7 +319,7 @@ function composeEventHandler(handler, eventHandler) {
 
 // TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
 const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
-  const props = useDefaultProps({
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiTooltip'
   });
@@ -348,20 +356,20 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   } = props;
 
   // to prevent runtime errors, developers will need to provide a child as a React element anyway.
-  const children = /*#__PURE__*/React.isValidElement(childrenProp) ? childrenProp : /*#__PURE__*/_jsx("span", {
+  const children = /*#__PURE__*/React.isValidElement(childrenProp) ? childrenProp : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     children: childrenProp
   });
-  const theme = useTheme();
-  const isRtl = useRtl();
+  const theme = (0, _zeroStyled.useTheme)();
+  const isRtl = (0, _RtlProvider.useRtl)();
   const [childNode, setChildNode] = React.useState();
   const [arrowRef, setArrowRef] = React.useState(null);
   const ignoreNonTouchEvents = React.useRef(false);
   const disableInteractive = disableInteractiveProp || followCursor;
-  const closeTimer = useTimeout();
-  const enterTimer = useTimeout();
-  const leaveTimer = useTimeout();
-  const touchTimer = useTimeout();
-  const [openState, setOpenState] = useControlled({
+  const closeTimer = (0, _useTimeout.default)();
+  const enterTimer = (0, _useTimeout.default)();
+  const leaveTimer = (0, _useTimeout.default)();
+  const touchTimer = (0, _useTimeout.default)();
+  const [openState, setOpenState] = (0, _useControlled.default)({
     controlled: openProp,
     default: false,
     name: 'Tooltip',
@@ -383,9 +391,9 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       }
     }, [title, childNode, isControlled]);
   }
-  const id = useId(idProp);
+  const id = (0, _useId.default)(idProp);
   const prevUserSelect = React.useRef();
-  const stopTouchInteraction = useEventCallback(() => {
+  const stopTouchInteraction = (0, _useEventCallback.default)(() => {
     if (prevUserSelect.current !== undefined) {
       document.body.style.WebkitUserSelect = prevUserSelect.current;
       prevUserSelect.current = undefined;
@@ -405,7 +413,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       onOpen(event);
     }
   };
-  const handleClose = useEventCallback(
+  const handleClose = (0, _useEventCallback.default)(
   /**
    * @param {React.SyntheticEvent | Event} event
    */
@@ -450,7 +458,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   };
   const [, setChildIsFocusVisible] = React.useState(false);
   const handleBlur = event => {
-    if (!isFocusVisible(event.target)) {
+    if (!(0, _isFocusVisible.default)(event.target)) {
       setChildIsFocusVisible(false);
       handleMouseLeave(event);
     }
@@ -462,7 +470,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     if (!childNode) {
       setChildNode(event.currentTarget);
     }
-    if (isFocusVisible(event.target)) {
+    if ((0, _isFocusVisible.default)(event.target)) {
       setChildIsFocusVisible(true);
       handleMouseOver(event);
     }
@@ -514,7 +522,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       document.removeEventListener('keydown', handleKeyDown);
     };
   }, [handleClose, open]);
-  const handleRef = useForkRef(getReactElementRef(children), setChildNode, ref);
+  const handleRef = (0, _useForkRef.default)((0, _getReactElementRef.default)(children), setChildNode, ref);
 
   // There is no point in displaying an empty tooltip.
   // So we exclude all falsy values, except 0, which is valid.
@@ -548,7 +556,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
     ...nameOrDescProps,
     ...other,
     ...children.props,
-    className: clsx(other.className, children.props.className),
+    className: (0, _clsx.default)(other.className, children.props.className),
     onTouchStart: detectTouchStart,
     ref: handleRef,
     ...(followCursor ? {
@@ -647,33 +655,33 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       }
     }
   };
-  const [PopperSlot, popperSlotProps] = useSlot('popper', {
+  const [PopperSlot, popperSlotProps] = (0, _useSlot.default)('popper', {
     elementType: TooltipPopper,
     externalForwardedProps,
     ownerState,
-    className: clsx(classes.popper, PopperProps?.className)
+    className: (0, _clsx.default)(classes.popper, PopperProps?.className)
   });
-  const [TransitionSlot, transitionSlotProps] = useSlot('transition', {
-    elementType: Grow,
+  const [TransitionSlot, transitionSlotProps] = (0, _useSlot.default)('transition', {
+    elementType: _Grow.default,
     externalForwardedProps,
     ownerState
   });
-  const [TooltipSlot, tooltipSlotProps] = useSlot('tooltip', {
+  const [TooltipSlot, tooltipSlotProps] = (0, _useSlot.default)('tooltip', {
     elementType: TooltipTooltip,
     className: classes.tooltip,
     externalForwardedProps,
     ownerState
   });
-  const [ArrowSlot, arrowSlotProps] = useSlot('arrow', {
+  const [ArrowSlot, arrowSlotProps] = (0, _useSlot.default)('arrow', {
     elementType: TooltipArrow,
     className: classes.arrow,
     externalForwardedProps,
     ownerState,
     ref: setArrowRef
   });
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/_jsx(PopperSlot, {
-      as: PopperComponentProp ?? Popper,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperSlot, {
+      as: PopperComponentProp ?? _Popper.default,
       placement: placement,
       anchorEl: followCursor ? {
         getBoundingClientRect: () => ({
@@ -694,13 +702,13 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       popperOptions: popperOptions,
       children: ({
         TransitionProps: TransitionPropsInner
-      }) => /*#__PURE__*/_jsx(TransitionSlot, {
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
         timeout: theme.transitions.duration.shorter,
         ...TransitionPropsInner,
         ...transitionSlotProps,
-        children: /*#__PURE__*/_jsxs(TooltipSlot, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipSlot, {
           ...tooltipSlotProps,
-          children: [title, arrow ? /*#__PURE__*/_jsx(ArrowSlot, {
+          children: [title, arrow ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ArrowSlot, {
             ...arrowSlotProps
           }) : null]
         })
@@ -717,19 +725,19 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    * If `true`, adds an arrow to the tooltip.
    * @default false
    */
-  arrow: PropTypes.bool,
+  arrow: _propTypes.default.bool,
   /**
    * Tooltip reference element.
    */
-  children: elementAcceptingRef.isRequired,
+  children: _elementAcceptingRef.default.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
   /**
    * The components used for each slot inside.
    *
@@ -737,11 +745,11 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    *
    * @default {}
    */
-  components: PropTypes.shape({
-    Arrow: PropTypes.elementType,
-    Popper: PropTypes.elementType,
-    Tooltip: PropTypes.elementType,
-    Transition: PropTypes.elementType
+  components: _propTypes.default.shape({
+    Arrow: _propTypes.default.elementType,
+    Popper: _propTypes.default.elementType,
+    Tooltip: _propTypes.default.elementType,
+    Transition: _propTypes.default.elementType
   }),
   /**
    * The extra props for the slot components.
@@ -751,148 +759,148 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    *
    * @default {}
    */
-  componentsProps: PropTypes.shape({
-    arrow: PropTypes.object,
-    popper: PropTypes.object,
-    tooltip: PropTypes.object,
-    transition: PropTypes.object
+  componentsProps: _propTypes.default.shape({
+    arrow: _propTypes.default.object,
+    popper: _propTypes.default.object,
+    tooltip: _propTypes.default.object,
+    transition: _propTypes.default.object
   }),
   /**
    * Set to `true` if the `title` acts as an accessible description.
    * By default the `title` acts as an accessible label for the child.
    * @default false
    */
-  describeChild: PropTypes.bool,
+  describeChild: _propTypes.default.bool,
   /**
    * Do not respond to focus-visible events.
    * @default false
    */
-  disableFocusListener: PropTypes.bool,
+  disableFocusListener: _propTypes.default.bool,
   /**
    * Do not respond to hover events.
    * @default false
    */
-  disableHoverListener: PropTypes.bool,
+  disableHoverListener: _propTypes.default.bool,
   /**
    * Makes a tooltip not interactive, i.e. it will close when the user
    * hovers over the tooltip before the `leaveDelay` is expired.
    * @default false
    */
-  disableInteractive: PropTypes.bool,
+  disableInteractive: _propTypes.default.bool,
   /**
    * Do not respond to long press touch events.
    * @default false
    */
-  disableTouchListener: PropTypes.bool,
+  disableTouchListener: _propTypes.default.bool,
   /**
    * The number of milliseconds to wait before showing the tooltip.
    * This prop won't impact the enter touch delay (`enterTouchDelay`).
    * @default 100
    */
-  enterDelay: PropTypes.number,
+  enterDelay: _propTypes.default.number,
   /**
    * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
    * @default 0
    */
-  enterNextDelay: PropTypes.number,
+  enterNextDelay: _propTypes.default.number,
   /**
    * The number of milliseconds a user must touch the element before showing the tooltip.
    * @default 700
    */
-  enterTouchDelay: PropTypes.number,
+  enterTouchDelay: _propTypes.default.number,
   /**
    * If `true`, the tooltip follow the cursor over the wrapped element.
    * @default false
    */
-  followCursor: PropTypes.bool,
+  followCursor: _propTypes.default.bool,
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
    */
-  id: PropTypes.string,
+  id: _propTypes.default.string,
   /**
    * The number of milliseconds to wait before hiding the tooltip.
    * This prop won't impact the leave touch delay (`leaveTouchDelay`).
    * @default 0
    */
-  leaveDelay: PropTypes.number,
+  leaveDelay: _propTypes.default.number,
   /**
    * The number of milliseconds after the user stops touching an element before hiding the tooltip.
    * @default 1500
    */
-  leaveTouchDelay: PropTypes.number,
+  leaveTouchDelay: _propTypes.default.number,
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
-  onClose: PropTypes.func,
+  onClose: _propTypes.default.func,
   /**
    * Callback fired when the component requests to be open.
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
-  onOpen: PropTypes.func,
+  onOpen: _propTypes.default.func,
   /**
    * If `true`, the component is shown.
    */
-  open: PropTypes.bool,
+  open: _propTypes.default.bool,
   /**
    * Tooltip placement.
    * @default 'bottom'
    */
-  placement: PropTypes.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
+  placement: _propTypes.default.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
   /**
    * The component used for the popper.
    * @deprecated use the `slots.popper` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  PopperComponent: PropTypes.elementType,
+  PopperComponent: _propTypes.default.elementType,
   /**
    * Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
    * @deprecated use the `slotProps.popper` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
-  PopperProps: PropTypes.object,
+  PopperProps: _propTypes.default.object,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: PropTypes.shape({
-    arrow: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    popper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    tooltip: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  slotProps: _propTypes.default.shape({
+    arrow: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    popper: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    tooltip: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    transition: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: PropTypes.shape({
-    arrow: PropTypes.elementType,
-    popper: PropTypes.elementType,
-    tooltip: PropTypes.elementType,
-    transition: PropTypes.elementType
+  slots: _propTypes.default.shape({
+    arrow: _propTypes.default.elementType,
+    popper: _propTypes.default.elementType,
+    tooltip: _propTypes.default.elementType,
+    transition: _propTypes.default.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
    */
-  title: PropTypes.node,
+  title: _propTypes.default.node,
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @deprecated use the `slots.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  TransitionComponent: PropTypes.elementType,
+  TransitionComponent: _propTypes.default.elementType,
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
-  TransitionProps: PropTypes.object
+  TransitionProps: _propTypes.default.object
 } : void 0;
-export default Tooltip;
+var _default = exports.default = Tooltip;