@weng-lab/ui-components 3.0.1 → 3.1.1

package/dist/ui-components.es340.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es340.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/Popover/popoverClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getPopoverUtilityClass(slot) {\n  return generateUtilityClass('MuiPopover', slot);\n}\nconst popoverClasses = generateUtilityClasses('MuiPopover', ['root', 'paper']);\nexport default popoverClasses;"],"names":["getPopoverUtilityClass","slot","generateUtilityClass","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAuBC,GAAM;AAC3C,SAAOC,EAAqB,cAAcD,CAAI;AAChD;AACuBE,EAAuB,cAAc,CAAC,QAAQ,OAAO,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es340.js","sources":["../../../node_modules/.pnpm/react-transition-group@4.4._a762e99347f462ecb2dad2cc83c6d884/node_modules/react-transition-group/esm/Transition.js"],"sourcesContent":["import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport config from './config';\nimport { timeoutsShape } from './utils/PropTypes';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { forceReflow } from './utils/reflow';\nexport var UNMOUNTED = 'unmounted';\nexport var EXITED = 'exited';\nexport var ENTERING = 'entering';\nexport var ENTERED = 'entered';\nexport var EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n *   transition: `opacity ${duration}ms ease-in-out`,\n *   opacity: 0,\n * }\n *\n * const transitionStyles = {\n *   entering: { opacity: 1 },\n *   entered:  { opacity: 1 },\n *   exiting:  { opacity: 0 },\n *   exited:  { opacity: 0 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n *   <Transition in={inProp} timeout={duration}>\n *     {state => (\n *       <div style={{\n *         ...defaultStyle,\n *         ...transitionStyles[state]\n *       }}>\n *         I'm a fade Transition!\n *       </div>\n *     )}\n *   </Transition>\n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n *  - `'entering'`\n *  - `'entered'`\n *  - `'exiting'`\n *  - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n *   const [inProp, setInProp] = useState(false);\n *   return (\n *     <div>\n *       <Transition in={inProp} timeout={500}>\n *         {state => (\n *           // ...\n *         )}\n *       </Transition>\n *       <button onClick={() => setInProp(true)}>\n *         Click to Enter\n *       </button>\n *     </div>\n *   );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nvar Transition = /*#__PURE__*/function (_React$Component) {\n  _inheritsLoose(Transition, _React$Component);\n\n  function Transition(props, context) {\n    var _this;\n\n    _this = _React$Component.call(this, props, context) || this;\n    var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n    var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n    var initialStatus;\n    _this.appearStatus = null;\n\n    if (props.in) {\n      if (appear) {\n        initialStatus = EXITED;\n        _this.appearStatus = ENTERING;\n      } else {\n        initialStatus = ENTERED;\n      }\n    } else {\n      if (props.unmountOnExit || props.mountOnEnter) {\n        initialStatus = UNMOUNTED;\n      } else {\n        initialStatus = EXITED;\n      }\n    }\n\n    _this.state = {\n      status: initialStatus\n    };\n    _this.nextCallback = null;\n    return _this;\n  }\n\n  Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n    var nextIn = _ref.in;\n\n    if (nextIn && prevState.status === UNMOUNTED) {\n      return {\n        status: EXITED\n      };\n    }\n\n    return null;\n  } // getSnapshotBeforeUpdate(prevProps) {\n  //   let nextStatus = null\n  //   if (prevProps !== this.props) {\n  //     const { status } = this.state\n  //     if (this.props.in) {\n  //       if (status !== ENTERING && status !== ENTERED) {\n  //         nextStatus = ENTERING\n  //       }\n  //     } else {\n  //       if (status === ENTERING || status === ENTERED) {\n  //         nextStatus = EXITING\n  //       }\n  //     }\n  //   }\n  //   return { nextStatus }\n  // }\n  ;\n\n  var _proto = Transition.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.updateStatus(true, this.appearStatus);\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var nextStatus = null;\n\n    if (prevProps !== this.props) {\n      var status = this.state.status;\n\n      if (this.props.in) {\n        if (status !== ENTERING && status !== ENTERED) {\n          nextStatus = ENTERING;\n        }\n      } else {\n        if (status === ENTERING || status === ENTERED) {\n          nextStatus = EXITING;\n        }\n      }\n    }\n\n    this.updateStatus(false, nextStatus);\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.cancelNextCallback();\n  };\n\n  _proto.getTimeouts = function getTimeouts() {\n    var timeout = this.props.timeout;\n    var exit, enter, appear;\n    exit = enter = appear = timeout;\n\n    if (timeout != null && typeof timeout !== 'number') {\n      exit = timeout.exit;\n      enter = timeout.enter; // TODO: remove fallback for next major\n\n      appear = timeout.appear !== undefined ? timeout.appear : enter;\n    }\n\n    return {\n      exit: exit,\n      enter: enter,\n      appear: appear\n    };\n  };\n\n  _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n    if (mounting === void 0) {\n      mounting = false;\n    }\n\n    if (nextStatus !== null) {\n      // nextStatus will always be ENTERING or EXITING.\n      this.cancelNextCallback();\n\n      if (nextStatus === ENTERING) {\n        if (this.props.unmountOnExit || this.props.mountOnEnter) {\n          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749\n          // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.\n          // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.\n\n          if (node) forceReflow(node);\n        }\n\n        this.performEnter(mounting);\n      } else {\n        this.performExit();\n      }\n    } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n      this.setState({\n        status: UNMOUNTED\n      });\n    }\n  };\n\n  _proto.performEnter = function performEnter(mounting) {\n    var _this2 = this;\n\n    var enter = this.props.enter;\n    var appearing = this.context ? this.context.isMounting : mounting;\n\n    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n        maybeNode = _ref2[0],\n        maybeAppearing = _ref2[1];\n\n    var timeouts = this.getTimeouts();\n    var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n    // if we are mounting and running this it means appear _must_ be set\n\n    if (!mounting && !enter || config.disabled) {\n      this.safeSetState({\n        status: ENTERED\n      }, function () {\n        _this2.props.onEntered(maybeNode);\n      });\n      return;\n    }\n\n    this.props.onEnter(maybeNode, maybeAppearing);\n    this.safeSetState({\n      status: ENTERING\n    }, function () {\n      _this2.props.onEntering(maybeNode, maybeAppearing);\n\n      _this2.onTransitionEnd(enterTimeout, function () {\n        _this2.safeSetState({\n          status: ENTERED\n        }, function () {\n          _this2.props.onEntered(maybeNode, maybeAppearing);\n        });\n      });\n    });\n  };\n\n  _proto.performExit = function performExit() {\n    var _this3 = this;\n\n    var exit = this.props.exit;\n    var timeouts = this.getTimeouts();\n    var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n    if (!exit || config.disabled) {\n      this.safeSetState({\n        status: EXITED\n      }, function () {\n        _this3.props.onExited(maybeNode);\n      });\n      return;\n    }\n\n    this.props.onExit(maybeNode);\n    this.safeSetState({\n      status: EXITING\n    }, function () {\n      _this3.props.onExiting(maybeNode);\n\n      _this3.onTransitionEnd(timeouts.exit, function () {\n        _this3.safeSetState({\n          status: EXITED\n        }, function () {\n          _this3.props.onExited(maybeNode);\n        });\n      });\n    });\n  };\n\n  _proto.cancelNextCallback = function cancelNextCallback() {\n    if (this.nextCallback !== null) {\n      this.nextCallback.cancel();\n      this.nextCallback = null;\n    }\n  };\n\n  _proto.safeSetState = function safeSetState(nextState, callback) {\n    // This shouldn't be necessary, but there are weird race conditions with\n    // setState callbacks and unmounting in testing, so always make sure that\n    // we can cancel any pending setState callbacks after we unmount.\n    callback = this.setNextCallback(callback);\n    this.setState(nextState, callback);\n  };\n\n  _proto.setNextCallback = function setNextCallback(callback) {\n    var _this4 = this;\n\n    var active = true;\n\n    this.nextCallback = function (event) {\n      if (active) {\n        active = false;\n        _this4.nextCallback = null;\n        callback(event);\n      }\n    };\n\n    this.nextCallback.cancel = function () {\n      active = false;\n    };\n\n    return this.nextCallback;\n  };\n\n  _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n    this.setNextCallback(handler);\n    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n    var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n    if (!node || doesNotHaveTimeoutOrListener) {\n      setTimeout(this.nextCallback, 0);\n      return;\n    }\n\n    if (this.props.addEndListener) {\n      var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n          maybeNode = _ref3[0],\n          maybeNextCallback = _ref3[1];\n\n      this.props.addEndListener(maybeNode, maybeNextCallback);\n    }\n\n    if (timeout != null) {\n      setTimeout(this.nextCallback, timeout);\n    }\n  };\n\n  _proto.render = function render() {\n    var status = this.state.status;\n\n    if (status === UNMOUNTED) {\n      return null;\n    }\n\n    var _this$props = this.props,\n        children = _this$props.children,\n        _in = _this$props.in,\n        _mountOnEnter = _this$props.mountOnEnter,\n        _unmountOnExit = _this$props.unmountOnExit,\n        _appear = _this$props.appear,\n        _enter = _this$props.enter,\n        _exit = _this$props.exit,\n        _timeout = _this$props.timeout,\n        _addEndListener = _this$props.addEndListener,\n        _onEnter = _this$props.onEnter,\n        _onEntering = _this$props.onEntering,\n        _onEntered = _this$props.onEntered,\n        _onExit = _this$props.onExit,\n        _onExiting = _this$props.onExiting,\n        _onExited = _this$props.onExited,\n        _nodeRef = _this$props.nodeRef,\n        childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n    return (\n      /*#__PURE__*/\n      // allows for nested Transitions\n      React.createElement(TransitionGroupContext.Provider, {\n        value: null\n      }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n    );\n  };\n\n  return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /**\n   * A React reference to DOM element that need to transition:\n   * https://stackoverflow.com/a/51127130/4671932\n   *\n   *   - When `nodeRef` prop is used, `node` is not passed to callback functions\n   *      (e.g. `onEnter`) because user already has direct access to the node.\n   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n   *     `nodeRef` need to be provided to `Transition` with changed `key` prop\n   *     (see\n   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n   */\n  nodeRef: PropTypes.shape({\n    current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n      var value = propValue[key];\n      return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n    }\n  }),\n\n  /**\n   * A `function` child can be used instead of a React element. This function is\n   * called with the current transition status (`'entering'`, `'entered'`,\n   * `'exiting'`, `'exited'`), which can be used to apply context\n   * specific props to a component.\n   *\n   * ```jsx\n   * <Transition in={this.state.in} timeout={150}>\n   *   {state => (\n   *     <MyComponent className={`fade fade-${state}`} />\n   *   )}\n   * </Transition>\n   * ```\n   */\n  children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n  /**\n   * Show the component; triggers the enter or exit states\n   */\n  in: PropTypes.bool,\n\n  /**\n   * By default the child component is mounted immediately along with\n   * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n   * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n   */\n  mountOnEnter: PropTypes.bool,\n\n  /**\n   * By default the child component stays mounted after it reaches the `'exited'` state.\n   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n   */\n  unmountOnExit: PropTypes.bool,\n\n  /**\n   * By default the child component does not perform the enter transition when\n   * it first mounts, regardless of the value of `in`. If you want this\n   * behavior, set both `appear` and `in` to `true`.\n   *\n   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop\n   * > only adds an additional enter transition. However, in the\n   * > `<CSSTransition>` component that first enter transition does result in\n   * > additional `.appear-*` classes, that way you can choose to style it\n   * > differently.\n   */\n  appear: PropTypes.bool,\n\n  /**\n   * Enable or disable enter transitions.\n   */\n  enter: PropTypes.bool,\n\n  /**\n   * Enable or disable exit transitions.\n   */\n  exit: PropTypes.bool,\n\n  /**\n   * The duration of the transition, in milliseconds.\n   * Required unless `addEndListener` is provided.\n   *\n   * You may specify a single timeout for all transitions:\n   *\n   * ```jsx\n   * timeout={500}\n   * ```\n   *\n   * or individually:\n   *\n   * ```jsx\n   * timeout={{\n   *  appear: 500,\n   *  enter: 300,\n   *  exit: 500,\n   * }}\n   * ```\n   *\n   * - `appear` defaults to the value of `enter`\n   * - `enter` defaults to `0`\n   * - `exit` defaults to `0`\n   *\n   * @type {number | { enter?: number, exit?: number, appear?: number }}\n   */\n  timeout: function timeout(props) {\n    var pt = timeoutsShape;\n    if (!props.addEndListener) pt = pt.isRequired;\n\n    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n      args[_key - 1] = arguments[_key];\n    }\n\n    return pt.apply(void 0, [props].concat(args));\n  },\n\n  /**\n   * Add a custom transition end trigger. Called with the transitioning\n   * DOM node and a `done` callback. Allows for more fine grained transition end\n   * logic. Timeouts are still used as a fallback if provided.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * ```jsx\n   * addEndListener={(node, done) => {\n   *   // use the css transitionend event to mark the finish of a transition\n   *   node.addEventListener('transitionend', done, false);\n   * }}\n   * ```\n   */\n  addEndListener: PropTypes.func,\n\n  /**\n   * Callback fired before the \"entering\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool) -> void\n   */\n  onEnter: PropTypes.func,\n\n  /**\n   * Callback fired after the \"entering\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool)\n   */\n  onEntering: PropTypes.func,\n\n  /**\n   * Callback fired after the \"entered\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool) -> void\n   */\n  onEntered: PropTypes.func,\n\n  /**\n   * Callback fired before the \"exiting\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExit: PropTypes.func,\n\n  /**\n   * Callback fired after the \"exiting\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExiting: PropTypes.func,\n\n  /**\n   * Callback fired after the \"exited\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExited: PropTypes.func\n} : {}; // Name the function so it is clearer in the documentation\n\nfunction noop() {}\n\nTransition.defaultProps = {\n  in: false,\n  mountOnEnter: false,\n  unmountOnExit: false,\n  appear: false,\n  enter: true,\n  exit: true,\n  onEnter: noop,\n  onEntering: noop,\n  onEntered: noop,\n  onExit: noop,\n  onExiting: noop,\n  onExited: noop\n};\nTransition.UNMOUNTED = UNMOUNTED;\nTransition.EXITED = EXITED;\nTransition.ENTERING = ENTERING;\nTransition.ENTERED = ENTERED;\nTransition.EXITING = EXITING;\nexport default Transition;"],"names":["UNMOUNTED","EXITED","ENTERING","ENTERED","EXITING","Transition","_React$Component","_inheritsLoose","props","context","_this","parentGroup","appear","initialStatus","_ref","prevState","nextIn","_proto","prevProps","nextStatus","status","timeout","exit","enter","mounting","node","ReactDOM","forceReflow","_this2","appearing","_ref2","maybeNode","maybeAppearing","timeouts","enterTimeout","config","_this3","nextState","callback","_this4","active","event","handler","doesNotHaveTimeoutOrListener","_ref3","maybeNextCallback","_this$props","children","childProps","_objectWithoutPropertiesLoose","React","TransitionGroupContext","PropTypes","propValue","key","componentName","location","propFullName","secret","value","pt","timeoutsShape","_len","args","_key","noop"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es341.js

@@ -1,246 +1,326 @@
-import * as e from "react";
-import C from "./ui-components.es89.js";
-import { clsx as c } from "./ui-components.es88.js";
-import q from "./ui-components.es358.js";
-import i from "./ui-components.es344.js";
-import { j as k } from "./ui-components.es15.js";
-import { useDefaultProps as A } from "./ui-components.es93.js";
-import H from "./ui-components.es168.js";
-import _ from "./ui-components.es359.js";
-import N from "./ui-components.es34.js";
-import { keyframes as E } from "@emotion/react";
-const w = 550, B = 80, G = E`
-  0% {
-    transform: scale(0);
-    opacity: 0.1;
+import * as n from "react";
+import e from "./ui-components.es91.js";
+import q from "./ui-components.es356.js";
+import { getPopperUtilityClass as z } from "./ui-components.es342.js";
+import { j as I } from "./ui-components.es16.js";
+import D from "./ui-components.es171.js";
+import G from "./ui-components.es174.js";
+import H from "./ui-components.es164.js";
+import L from "./ui-components.es133.js";
+import { createPopper as J } from "./ui-components.es357.js";
+import K from "./ui-components.es116.js";
+import Q from "./ui-components.es103.js";
+import X from "./ui-components.es105.js";
+import V from "./ui-components.es178.js";
+import Y from "./ui-components.es119.js";
+function Z(o, t) {
+  if (t === "ltr")
+    return o;
+  switch (o) {
+    case "bottom-end":
+      return "bottom-start";
+    case "bottom-start":
+      return "bottom-end";
+    case "top-end":
+      return "top-start";
+    case "top-start":
+      return "top-end";
+    default:
+      return o;
   }
-
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-`, U = E`
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-`, W = E`
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.92);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-`, F = N("span", {
-  name: "MuiTouchRipple",
-  slot: "Root"
-})({
-  overflow: "hidden",
-  pointerEvents: "none",
-  position: "absolute",
-  zIndex: 0,
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  borderRadius: "inherit"
-}), J = N(q, {
-  name: "MuiTouchRipple",
-  slot: "Ripple"
-})`
-  opacity: 0;
-  position: absolute;
-
-  &.${i.rippleVisible} {
-    opacity: 0.3;
-    transform: scale(1);
-    animation-name: ${G};
-    animation-duration: ${w}ms;
-    animation-timing-function: ${({
-  theme: n
-}) => n.transitions.easing.easeInOut};
-  }
-
-  &.${i.ripplePulsate} {
-    animation-duration: ${({
-  theme: n
-}) => n.transitions.duration.shorter}ms;
-  }
-
-  & .${i.child} {
-    opacity: 1;
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: currentColor;
-  }
-
-  & .${i.childLeaving} {
-    opacity: 0;
-    animation-name: ${U};
-    animation-duration: ${w}ms;
-    animation-timing-function: ${({
-  theme: n
-}) => n.transitions.easing.easeInOut};
-  }
-
-  & .${i.childPulsate} {
-    position: absolute;
-    /* @noflip */
-    left: 0px;
-    top: 0;
-    animation-name: ${W};
-    animation-duration: 2500ms;
-    animation-timing-function: ${({
-  theme: n
-}) => n.transitions.easing.easeInOut};
-    animation-iteration-count: infinite;
-    animation-delay: 200ms;
-  }
-`, Q = /* @__PURE__ */ e.forwardRef(function(D, O) {
-  const V = A({
-    props: D,
-    name: "MuiTouchRipple"
-  }), {
-    center: I = !1,
-    classes: o = {},
-    className: K,
-    ...S
-  } = V, [X, Y] = e.useState([]), j = e.useRef(0), h = e.useRef(null);
-  e.useEffect(() => {
-    h.current && (h.current(), h.current = null);
-  }, [X]);
-  const b = e.useRef(!1), d = H(), r = e.useRef(null), z = e.useRef(null), x = e.useCallback((t) => {
-    const {
-      pulsate: l,
-      rippleX: s,
-      rippleY: R,
-      rippleSize: y,
-      cb: T
-    } = t;
-    Y((a) => [...a, /* @__PURE__ */ k.jsx(J, {
-      classes: {
-        ripple: c(o.ripple, i.ripple),
-        rippleVisible: c(o.rippleVisible, i.rippleVisible),
-        ripplePulsate: c(o.ripplePulsate, i.ripplePulsate),
-        child: c(o.child, i.child),
-        childLeaving: c(o.childLeaving, i.childLeaving),
-        childPulsate: c(o.childPulsate, i.childPulsate)
-      },
-      timeout: w,
-      pulsate: l,
-      rippleX: s,
-      rippleY: R,
-      rippleSize: y
-    }, j.current)]), j.current += 1, h.current = T;
-  }, [o]), g = e.useCallback((t = {}, l = {}, s = () => {
-  }) => {
-    const {
-      pulsate: R = !1,
-      center: y = I || l.pulsate,
-      fakeElement: T = !1
-      // For test purposes
-    } = l;
-    if (t?.type === "mousedown" && b.current) {
-      b.current = !1;
+}
+function x(o) {
+  return typeof o == "function" ? o() : o;
+}
+function w(o) {
+  return o.nodeType !== void 0;
+}
+function $(o) {
+  return !w(o);
+}
+const ee = (o) => {
+  const {
+    classes: t
+  } = o;
+  return Q({
+    root: ["root"]
+  }, z, t);
+}, te = {}, oe = /* @__PURE__ */ n.forwardRef(function(t, s) {
+  const {
+    anchorEl: p,
+    children: d,
+    direction: R,
+    disablePortal: u,
+    modifiers: c,
+    open: m,
+    placement: j,
+    popperOptions: r,
+    popperRef: v,
+    slotProps: M = {},
+    slots: S = {},
+    TransitionProps: O,
+    // @ts-ignore internal logic
+    ownerState: h,
+    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
+    ...U
+  } = t, g = n.useRef(null), N = H(g, s), a = n.useRef(null), f = H(a, v), b = n.useRef(f);
+  L(() => {
+    b.current = f;
+  }, [f]), n.useImperativeHandle(v, () => a.current, []);
+  const y = Z(j, R), [P, C] = n.useState(y), [i, E] = n.useState(x(p));
+  n.useEffect(() => {
+    a.current && a.current.forceUpdate();
+  }), n.useEffect(() => {
+    p && E(x(p));
+  }, [p]), L(() => {
+    if (!i || !m)
       return;
-    }
-    t?.type === "touchstart" && (b.current = !0);
-    const a = T ? null : z.current, p = a ? a.getBoundingClientRect() : {
-      width: 0,
-      height: 0,
-      left: 0,
-      top: 0
+    const _ = (l) => {
+      C(l.placement);
     };
-    let u, m, f;
-    if (y || t === void 0 || t.clientX === 0 && t.clientY === 0 || !t.clientX && !t.touches)
-      u = Math.round(p.width / 2), m = Math.round(p.height / 2);
-    else {
-      const {
-        clientX: $,
-        clientY: P
-      } = t.touches && t.touches.length > 0 ? t.touches[0] : t;
-      u = Math.round($ - p.left), m = Math.round(P - p.top);
-    }
-    if (y)
-      f = Math.sqrt((2 * p.width ** 2 + p.height ** 2) / 3), f % 2 === 0 && (f += 1);
-    else {
-      const $ = Math.max(Math.abs((a ? a.clientWidth : 0) - u), u) * 2 + 2, P = Math.max(Math.abs((a ? a.clientHeight : 0) - m), m) * 2 + 2;
-      f = Math.sqrt($ ** 2 + P ** 2);
+    if (process.env.NODE_ENV !== "production" && i && w(i) && i.nodeType === 1) {
+      const l = i.getBoundingClientRect();
+      q() && l.top === 0 && l.left === 0 && l.right === 0 && l.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
+`));
     }
-    t?.touches ? r.current === null && (r.current = () => {
-      x({
-        pulsate: R,
-        rippleX: u,
-        rippleY: m,
-        rippleSize: f,
-        cb: s
-      });
-    }, d.start(B, () => {
-      r.current && (r.current(), r.current = null);
-    })) : x({
-      pulsate: R,
-      rippleX: u,
-      rippleY: m,
-      rippleSize: f,
-      cb: s
-    });
-  }, [I, x, d]), L = e.useCallback(() => {
-    g({}, {
-      pulsate: !0
+    let T = [{
+      name: "preventOverflow",
+      options: {
+        altBoundary: u
+      }
+    }, {
+      name: "flip",
+      options: {
+        altBoundary: u
+      }
+    }, {
+      name: "onUpdate",
+      enabled: !0,
+      phase: "afterWrite",
+      fn: ({
+        state: l
+      }) => {
+        _(l);
+      }
+    }];
+    c != null && (T = T.concat(c)), r && r.modifiers != null && (T = T.concat(r.modifiers));
+    const B = J(i, g.current, {
+      placement: y,
+      ...r,
+      modifiers: T
     });
-  }, [g]), M = e.useCallback((t, l) => {
-    if (d.clear(), t?.type === "touchend" && r.current) {
-      r.current(), r.current = null, d.start(0, () => {
-        M(t, l);
-      });
-      return;
-    }
-    r.current = null, Y((s) => s.length > 0 ? s.slice(1) : s), h.current = l;
-  }, [d]);
-  return e.useImperativeHandle(O, () => ({
-    pulsate: L,
-    start: g,
-    stop: M
-  }), [L, g, M]), /* @__PURE__ */ k.jsx(F, {
-    className: c(i.root, o.root, K),
-    ref: z,
-    ...S,
-    children: /* @__PURE__ */ k.jsx(_, {
-      component: null,
-      exit: !0,
-      children: X
+    return b.current(B), () => {
+      B.destroy(), b.current(null);
+    };
+  }, [i, u, c, m, r, y]);
+  const k = {
+    placement: P
+  };
+  O !== null && (k.TransitionProps = O);
+  const F = ee(t), A = S.root ?? "div", W = K({
+    elementType: A,
+    externalSlotProps: M.root,
+    externalForwardedProps: U,
+    additionalProps: {
+      role: "tooltip",
+      ref: N
+    },
+    ownerState: t,
+    className: F.root
+  });
+  return /* @__PURE__ */ I.jsx(A, {
+    ...W,
+    children: typeof d == "function" ? d(k) : d
+  });
+}), ne = /* @__PURE__ */ n.forwardRef(function(t, s) {
+  const {
+    anchorEl: p,
+    children: d,
+    container: R,
+    direction: u = "ltr",
+    disablePortal: c = !1,
+    keepMounted: m = !1,
+    modifiers: j,
+    open: r,
+    placement: v = "bottom",
+    popperOptions: M = te,
+    popperRef: S,
+    style: O,
+    transition: h = !1,
+    slotProps: U = {},
+    slots: g = {},
+    ...N
+  } = t, [a, f] = n.useState(!0), b = () => {
+    f(!1);
+  }, y = () => {
+    f(!0);
+  };
+  if (!m && !r && (!h || a))
+    return null;
+  let P;
+  if (R)
+    P = R;
+  else if (p) {
+    const E = x(p);
+    P = E && w(E) ? D(E).body : D(null).body;
+  }
+  const C = !r && m && (!h || a) ? "none" : void 0, i = h ? {
+    in: r,
+    onEnter: b,
+    onExited: y
+  } : void 0;
+  return /* @__PURE__ */ I.jsx(G, {
+    disablePortal: c,
+    container: P,
+    children: /* @__PURE__ */ I.jsx(oe, {
+      anchorEl: p,
+      direction: u,
+      disablePortal: c,
+      modifiers: j,
+      ref: s,
+      open: h ? !a : r,
+      placement: v,
+      popperOptions: M,
+      popperRef: S,
+      slotProps: U,
+      slots: g,
+      ...N,
+      style: {
+        // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
+        position: "fixed",
+        // Fix Popper.js display issue
+        top: 0,
+        left: 0,
+        display: C,
+        ...O
+      },
+      TransitionProps: i,
+      children: d
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Q.propTypes = {
+process.env.NODE_ENV !== "production" && (ne.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
+   * or a function that returns either.
+   * It's used to set the position of the popper.
+   * The return value will passed as the reference object of the Popper instance.
+   */
+  anchorEl: Y(e.oneOfType([V, e.object, e.func]), (o) => {
+    if (o.open) {
+      const t = x(o.anchorEl);
+      if (t && w(t) && t.nodeType === 1) {
+        const s = t.getBoundingClientRect();
+        if (process.env.NODE_ENV !== "production" && q() && s.top === 0 && s.left === 0 && s.right === 0 && s.bottom === 0)
+          return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
+`));
+      } else if (!t || typeof t.getBoundingClientRect != "function" || $(t) && t.contextElement != null && t.contextElement.nodeType !== 1)
+        return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.", "It should be an HTML element instance or a virtualElement ", "(https://popper.js.org/docs/v2/virtual-elements/)."].join(`
+`));
+    }
+    return null;
+  }),
+  /**
+   * Popper render function or node.
+   */
+  children: e.oneOfType([e.node, e.func]),
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: e.oneOfType([V, e.func]),
+  /**
+   * Direction of the text.
+   * @default 'ltr'
+   */
+  direction: e.oneOf(["ltr", "rtl"]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: e.bool,
+  /**
+   * Always keep the children in the DOM.
+   * This prop can be useful in SEO situation or
+   * when you want to maximize the responsiveness of the Popper.
+   * @default false
+   */
+  keepMounted: e.bool,
+  /**
+   * Popper.js is based on a "plugin-like" architecture,
+   * most of its features are fully encapsulated "modifiers".
+   *
+   * A modifier is a function that is called each time Popper.js needs to
+   * compute the position of the popper.
+   * For this reason, modifiers should be very performant to avoid bottlenecks.
+   * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
+   */
+  modifiers: e.arrayOf(e.shape({
+    data: e.object,
+    effect: e.func,
+    enabled: e.bool,
+    fn: e.func,
+    name: e.any,
+    options: e.object,
+    phase: e.oneOf(["afterMain", "afterRead", "afterWrite", "beforeMain", "beforeRead", "beforeWrite", "main", "read", "write"]),
+    requires: e.arrayOf(e.string),
+    requiresIfExists: e.arrayOf(e.string)
+  })),
+  /**
+   * If `true`, the component is shown.
+   */
+  open: e.bool.isRequired,
+  /**
+   * Popper placement.
+   * @default 'bottom'
+   */
+  placement: e.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+  /**
+   * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
+   * @default {}
+   */
+  popperOptions: e.shape({
+    modifiers: e.array,
+    onFirstUpdate: e.func,
+    placement: e.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
+    strategy: e.oneOf(["absolute", "fixed"])
+  }),
+  /**
+   * A ref that points to the used popper instance.
+   */
+  popperRef: X,
   /**
-   * If `true`, the ripple starts at the center of the component
-   * rather than at the point of interaction.
+   * The props used for each slot inside the Popper.
+   * @default {}
    */
-  center: C.bool,
+  slotProps: e.shape({
+    root: e.oneOfType([e.func, e.object])
+  }),
   /**
-   * Override or extend the styles applied to the component.
+   * The components used for each slot inside the Popper.
+   * Either a string to use a HTML element or a component.
+   * @default {}
    */
-  classes: C.object,
+  slots: e.shape({
+    root: e.elementType
+  }),
   /**
-   * @ignore
+   * Help supporting a react-transition-group/Transition component.
+   * @default false
    */
-  className: C.string
+  transition: e.bool
 });
 export {
-  B as DELAY_RIPPLE,
-  J as TouchRippleRipple,
-  F as TouchRippleRoot,
-  Q as default
+  ne as default
 };
 //# sourceMappingURL=ui-components.es341.js.map