@weng-lab/ui-components 2.2.1 → 2.2.3

package/dist/ui-components.es173.js

@@ -1,181 +1,8 @@
-import * as o from "react";
-import m from "./ui-components.es89.js";
-import { j as F } from "./ui-components.es15.js";
-import w from "./ui-components.es127.js";
-import L from "./ui-components.es155.js";
-import S from "./ui-components.es169.js";
-import T from "./ui-components.es309.js";
-import U from "./ui-components.es159.js";
-import V from "./ui-components.es90.js";
-const q = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function K(e) {
-  const c = parseInt(e.getAttribute("tabindex") || "", 10);
-  return Number.isNaN(c) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : c;
+import * as e from "react";
+function t(r) {
+  return parseInt(e.version, 10) >= 19 ? r?.props?.ref || null : r?.ref || null;
 }
-function _(e) {
-  if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
-    return !1;
-  const c = (t) => e.ownerDocument.querySelector(`input[type="radio"]${t}`);
-  let u = c(`[name="${e.name}"]:checked`);
-  return u || (u = c(`[name="${e.name}"]`)), u !== e;
-}
-function B(e) {
-  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || _(e));
-}
-function M(e) {
-  const c = [], u = [];
-  return Array.from(e.querySelectorAll(q)).forEach((t, i) => {
-    const b = K(t);
-    b === -1 || !B(t) || (b === 0 ? c.push(t) : u.push({
-      documentOrder: i,
-      tabIndex: b,
-      node: t
-    }));
-  }), u.sort((t, i) => t.tabIndex === i.tabIndex ? t.documentOrder - i.documentOrder : t.tabIndex - i.tabIndex).map((t) => t.node).concat(c);
-}
-function G() {
-  return !0;
-}
-function y(e) {
-  const {
-    children: c,
-    disableAutoFocus: u = !1,
-    disableEnforceFocus: t = !1,
-    disableRestoreFocus: i = !1,
-    getTabbable: b = M,
-    isEnabled: I = G,
-    open: a
-  } = e, g = o.useRef(!1), N = o.useRef(null), p = o.useRef(null), l = o.useRef(null), h = o.useRef(null), E = o.useRef(!1), n = o.useRef(null), j = w(L(c), n), R = o.useRef(null);
-  o.useEffect(() => {
-    !a || !n.current || (E.current = !u);
-  }, [u, a]), o.useEffect(() => {
-    if (!a || !n.current)
-      return;
-    const r = S(n.current), f = T(r);
-    return n.current.contains(f) || (n.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
-`)), n.current.setAttribute("tabIndex", "-1")), E.current && n.current.focus()), () => {
-      i || (l.current && l.current.focus && (g.current = !0, l.current.focus()), l.current = null);
-    };
-  }, [a]), o.useEffect(() => {
-    if (!a || !n.current)
-      return;
-    const r = S(n.current), f = (s) => {
-      if (R.current = s, t || !I() || s.key !== "Tab")
-        return;
-      T(r) === n.current && s.shiftKey && (g.current = !0, p.current && p.current.focus());
-    }, v = () => {
-      const s = n.current;
-      if (s === null)
-        return;
-      const d = T(r);
-      if (!r.hasFocus() || !I() || g.current) {
-        g.current = !1;
-        return;
-      }
-      if (s.contains(d) || t && d !== N.current && d !== p.current)
-        return;
-      if (d !== h.current)
-        h.current = null;
-      else if (h.current !== null)
-        return;
-      if (!E.current)
-        return;
-      let x = [];
-      if ((d === N.current || d === p.current) && (x = b(n.current)), x.length > 0) {
-        const $ = !!(R.current?.shiftKey && R.current?.key === "Tab"), D = x[0], O = x[x.length - 1];
-        typeof D != "string" && typeof O != "string" && ($ ? O.focus() : D.focus());
-      } else
-        s.focus();
-    };
-    r.addEventListener("focusin", v), r.addEventListener("keydown", f, !0);
-    const P = setInterval(() => {
-      const s = T(r);
-      s && s.tagName === "BODY" && v();
-    }, 50);
-    return () => {
-      clearInterval(P), r.removeEventListener("focusin", v), r.removeEventListener("keydown", f, !0);
-    };
-  }, [u, t, i, I, a, b]);
-  const k = (r) => {
-    l.current === null && (l.current = r.relatedTarget), E.current = !0, h.current = r.target;
-    const f = c.props.onFocus;
-    f && f(r);
-  }, A = (r) => {
-    l.current === null && (l.current = r.relatedTarget), E.current = !0;
-  };
-  return /* @__PURE__ */ F.jsxs(o.Fragment, {
-    children: [/* @__PURE__ */ F.jsx("div", {
-      tabIndex: a ? 0 : -1,
-      onFocus: A,
-      ref: N,
-      "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ o.cloneElement(c, {
-      ref: j,
-      onFocus: k
-    }), /* @__PURE__ */ F.jsx("div", {
-      tabIndex: a ? 0 : -1,
-      onFocus: A,
-      ref: p,
-      "data-testid": "sentinelEnd"
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" && (y.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A single child content element.
-   */
-  children: U,
-  /**
-   * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
-   * replace it to the last focused element when it closes.
-   * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the focus trap less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus: m.bool,
-  /**
-   * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
-   *
-   * Generally this should never be set to `true` as it makes the focus trap less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus: m.bool,
-  /**
-   * If `true`, the focus trap will not restore focus to previously focused element once
-   * focus trap is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: m.bool,
-  /**
-   * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.
-   * For instance, you can provide the "tabbable" npm dependency.
-   * @param {HTMLElement} root
-   */
-  getTabbable: m.func,
-  /**
-   * This prop extends the `open` prop.
-   * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
-   * This prop should be memoized.
-   * It can be used to support multiple focus trap mounted at the same time.
-   * @default function defaultIsEnabled(): boolean {
-   *   return true;
-   * }
-   */
-  isEnabled: m.func,
-  /**
-   * If `true`, focus is locked.
-   */
-  open: m.bool.isRequired
-});
-process.env.NODE_ENV !== "production" && (y.propTypes = V(y.propTypes));
 export {
-  y as default
+  t as default
 };
 //# sourceMappingURL=ui-components.es173.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es173.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/Unstable_TrapFocus/FocusTrap.js"],"sourcesContent":["'use client';\n\n/* eslint-disable consistent-return, jsx-a11y/no-noninteractive-tabindex */\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport useForkRef from '@mui/utils/useForkRef';\nimport ownerDocument from '@mui/utils/ownerDocument';\nimport getReactElementRef from '@mui/utils/getReactElementRef';\nimport exactProp from '@mui/utils/exactProp';\nimport elementAcceptingRef from '@mui/utils/elementAcceptingRef';\nimport getActiveElement from \"../utils/getActiveElement.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n// Inspired by https://github.com/focus-trap/tabbable\nconst candidatesSelector = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable=\"false\"])'].join(',');\nfunction getTabIndex(node) {\n  const tabindexAttr = parseInt(node.getAttribute('tabindex') || '', 10);\n  if (!Number.isNaN(tabindexAttr)) {\n    return tabindexAttr;\n  }\n\n  // Browsers do not return `tabIndex` correctly for contentEditable nodes;\n  // https://issues.chromium.org/issues/41283952\n  // so if they don't have a tabindex attribute specifically set, assume it's 0.\n  // in Chrome, <details/>, <audio controls/> and <video controls/> elements get a default\n  //  `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,\n  //  yet they are still part of the regular tab order; in FF, they get a default\n  //  `tabIndex` of 0; since Chrome still puts those elements in the regular tab\n  //  order, consider their tab index to be 0.\n  if (node.contentEditable === 'true' || (node.nodeName === 'AUDIO' || node.nodeName === 'VIDEO' || node.nodeName === 'DETAILS') && node.getAttribute('tabindex') === null) {\n    return 0;\n  }\n  return node.tabIndex;\n}\nfunction isNonTabbableRadio(node) {\n  if (node.tagName !== 'INPUT' || node.type !== 'radio') {\n    return false;\n  }\n  if (!node.name) {\n    return false;\n  }\n  const getRadio = selector => node.ownerDocument.querySelector(`input[type=\"radio\"]${selector}`);\n  let roving = getRadio(`[name=\"${node.name}\"]:checked`);\n  if (!roving) {\n    roving = getRadio(`[name=\"${node.name}\"]`);\n  }\n  return roving !== node;\n}\nfunction isNodeMatchingSelectorFocusable(node) {\n  if (node.disabled || node.tagName === 'INPUT' && node.type === 'hidden' || isNonTabbableRadio(node)) {\n    return false;\n  }\n  return true;\n}\nfunction defaultGetTabbable(root) {\n  const regularTabNodes = [];\n  const orderedTabNodes = [];\n  Array.from(root.querySelectorAll(candidatesSelector)).forEach((node, i) => {\n    const nodeTabIndex = getTabIndex(node);\n    if (nodeTabIndex === -1 || !isNodeMatchingSelectorFocusable(node)) {\n      return;\n    }\n    if (nodeTabIndex === 0) {\n      regularTabNodes.push(node);\n    } else {\n      orderedTabNodes.push({\n        documentOrder: i,\n        tabIndex: nodeTabIndex,\n        node: node\n      });\n    }\n  });\n  return orderedTabNodes.sort((a, b) => a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex).map(a => a.node).concat(regularTabNodes);\n}\nfunction defaultIsEnabled() {\n  return true;\n}\n\n/**\n * @ignore - internal component.\n */\nfunction FocusTrap(props) {\n  const {\n    children,\n    disableAutoFocus = false,\n    disableEnforceFocus = false,\n    disableRestoreFocus = false,\n    getTabbable = defaultGetTabbable,\n    isEnabled = defaultIsEnabled,\n    open\n  } = props;\n  const ignoreNextEnforceFocus = React.useRef(false);\n  const sentinelStart = React.useRef(null);\n  const sentinelEnd = React.useRef(null);\n  const nodeToRestore = React.useRef(null);\n  const reactFocusEventTarget = React.useRef(null);\n  // This variable is useful when disableAutoFocus is true.\n  // It waits for the active element to move into the component to activate.\n  const activated = React.useRef(false);\n  const rootRef = React.useRef(null);\n  const handleRef = useForkRef(getReactElementRef(children), rootRef);\n  const lastKeydown = React.useRef(null);\n  React.useEffect(() => {\n    // We might render an empty child.\n    if (!open || !rootRef.current) {\n      return;\n    }\n    activated.current = !disableAutoFocus;\n  }, [disableAutoFocus, open]);\n  React.useEffect(() => {\n    // We might render an empty child.\n    if (!open || !rootRef.current) {\n      return;\n    }\n    const doc = ownerDocument(rootRef.current);\n    const activeElement = getActiveElement(doc);\n    if (!rootRef.current.contains(activeElement)) {\n      if (!rootRef.current.hasAttribute('tabIndex')) {\n        if (process.env.NODE_ENV !== 'production') {\n          console.error(['MUI: The modal content node does not accept focus.', 'For the benefit of assistive technologies, ' + 'the tabIndex of the node is being set to \"-1\".'].join('\\n'));\n        }\n        rootRef.current.setAttribute('tabIndex', '-1');\n      }\n      if (activated.current) {\n        rootRef.current.focus();\n      }\n    }\n    return () => {\n      // restoreLastFocus()\n      if (!disableRestoreFocus) {\n        // In IE11 it is possible for document.activeElement to be null resulting\n        // in nodeToRestore.current being null.\n        // Not all elements in IE11 have a focus method.\n        // Once IE11 support is dropped the focus() call can be unconditional.\n        if (nodeToRestore.current && nodeToRestore.current.focus) {\n          ignoreNextEnforceFocus.current = true;\n          nodeToRestore.current.focus();\n        }\n        nodeToRestore.current = null;\n      }\n    };\n    // Missing `disableRestoreFocus` which is fine.\n    // We don't support changing that prop on an open FocusTrap\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n  React.useEffect(() => {\n    // We might render an empty child.\n    if (!open || !rootRef.current) {\n      return;\n    }\n    const doc = ownerDocument(rootRef.current);\n    const loopFocus = nativeEvent => {\n      lastKeydown.current = nativeEvent;\n      if (disableEnforceFocus || !isEnabled() || nativeEvent.key !== 'Tab') {\n        return;\n      }\n      const activeElement = getActiveElement(doc);\n\n      // Make sure the next tab starts from the right place.\n      // activeElement refers to the origin.\n      if (activeElement === rootRef.current && nativeEvent.shiftKey) {\n        // We need to ignore the next contain as\n        // it will try to move the focus back to the rootRef element.\n        ignoreNextEnforceFocus.current = true;\n        if (sentinelEnd.current) {\n          sentinelEnd.current.focus();\n        }\n      }\n    };\n    const contain = () => {\n      const rootElement = rootRef.current;\n\n      // Cleanup functions are executed lazily in React 17.\n      // Contain can be called between the component being unmounted and its cleanup function being run.\n      if (rootElement === null) {\n        return;\n      }\n      const activeEl = getActiveElement(doc);\n      if (!doc.hasFocus() || !isEnabled() || ignoreNextEnforceFocus.current) {\n        ignoreNextEnforceFocus.current = false;\n        return;\n      }\n\n      // The focus is already inside\n      if (rootElement.contains(activeEl)) {\n        return;\n      }\n\n      // The disableEnforceFocus is set and the focus is outside of the focus trap (and sentinel nodes)\n      if (disableEnforceFocus && activeEl !== sentinelStart.current && activeEl !== sentinelEnd.current) {\n        return;\n      }\n\n      // if the focus event is not coming from inside the children's react tree, reset the refs\n      if (activeEl !== reactFocusEventTarget.current) {\n        reactFocusEventTarget.current = null;\n      } else if (reactFocusEventTarget.current !== null) {\n        return;\n      }\n      if (!activated.current) {\n        return;\n      }\n      let tabbable = [];\n      if (activeEl === sentinelStart.current || activeEl === sentinelEnd.current) {\n        tabbable = getTabbable(rootRef.current);\n      }\n\n      // one of the sentinel nodes was focused, so move the focus\n      // to the first/last tabbable element inside the focus trap\n      if (tabbable.length > 0) {\n        const isShiftTab = Boolean(lastKeydown.current?.shiftKey && lastKeydown.current?.key === 'Tab');\n        const focusNext = tabbable[0];\n        const focusPrevious = tabbable[tabbable.length - 1];\n        if (typeof focusNext !== 'string' && typeof focusPrevious !== 'string') {\n          if (isShiftTab) {\n            focusPrevious.focus();\n          } else {\n            focusNext.focus();\n          }\n        }\n        // no tabbable elements in the trap focus or the focus was outside of the focus trap\n      } else {\n        rootElement.focus();\n      }\n    };\n    doc.addEventListener('focusin', contain);\n    doc.addEventListener('keydown', loopFocus, true);\n\n    // With Edge, Safari and Firefox, no focus related events are fired when the focused area stops being a focused area.\n    // for example https://bugzilla.mozilla.org/show_bug.cgi?id=559561.\n    // Instead, we can look if the active element was restored on the BODY element.\n    //\n    // The whatwg spec defines how the browser should behave but does not explicitly mention any events:\n    // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.\n    const interval = setInterval(() => {\n      const activeEl = getActiveElement(doc);\n      if (activeEl && activeEl.tagName === 'BODY') {\n        contain();\n      }\n    }, 50);\n    return () => {\n      clearInterval(interval);\n      doc.removeEventListener('focusin', contain);\n      doc.removeEventListener('keydown', loopFocus, true);\n    };\n  }, [disableAutoFocus, disableEnforceFocus, disableRestoreFocus, isEnabled, open, getTabbable]);\n  const onFocus = event => {\n    if (nodeToRestore.current === null) {\n      nodeToRestore.current = event.relatedTarget;\n    }\n    activated.current = true;\n    reactFocusEventTarget.current = event.target;\n    const childrenPropsHandler = children.props.onFocus;\n    if (childrenPropsHandler) {\n      childrenPropsHandler(event);\n    }\n  };\n  const handleFocusSentinel = event => {\n    if (nodeToRestore.current === null) {\n      nodeToRestore.current = event.relatedTarget;\n    }\n    activated.current = true;\n  };\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(\"div\", {\n      tabIndex: open ? 0 : -1,\n      onFocus: handleFocusSentinel,\n      ref: sentinelStart,\n      \"data-testid\": \"sentinelStart\"\n    }), /*#__PURE__*/React.cloneElement(children, {\n      ref: handleRef,\n      onFocus\n    }), /*#__PURE__*/_jsx(\"div\", {\n      tabIndex: open ? 0 : -1,\n      onFocus: handleFocusSentinel,\n      ref: sentinelEnd,\n      \"data-testid\": \"sentinelEnd\"\n    })]\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? FocusTrap.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * A single child content element.\n   */\n  children: elementAcceptingRef,\n  /**\n   * If `true`, the focus trap will not automatically shift focus to itself when it opens, and\n   * replace it to the last focused element when it closes.\n   * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.\n   *\n   * Generally this should never be set to `true` as it makes the focus trap less\n   * accessible to assistive technologies, like screen readers.\n   * @default false\n   */\n  disableAutoFocus: PropTypes.bool,\n  /**\n   * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.\n   *\n   * Generally this should never be set to `true` as it makes the focus trap less\n   * accessible to assistive technologies, like screen readers.\n   * @default false\n   */\n  disableEnforceFocus: PropTypes.bool,\n  /**\n   * If `true`, the focus trap will not restore focus to previously focused element once\n   * focus trap is hidden or unmounted.\n   * @default false\n   */\n  disableRestoreFocus: PropTypes.bool,\n  /**\n   * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.\n   * For instance, you can provide the \"tabbable\" npm dependency.\n   * @param {HTMLElement} root\n   */\n  getTabbable: PropTypes.func,\n  /**\n   * This prop extends the `open` prop.\n   * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.\n   * This prop should be memoized.\n   * It can be used to support multiple focus trap mounted at the same time.\n   * @default function defaultIsEnabled(): boolean {\n   *   return true;\n   * }\n   */\n  isEnabled: PropTypes.func,\n  /**\n   * If `true`, focus is locked.\n   */\n  open: PropTypes.bool.isRequired\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  // eslint-disable-next-line\n  FocusTrap['propTypes' + ''] = exactProp(FocusTrap.propTypes);\n}\nexport default FocusTrap;"],"names":["candidatesSelector","getTabIndex","node","tabindexAttr","isNonTabbableRadio","getRadio","selector","roving","isNodeMatchingSelectorFocusable","defaultGetTabbable","root","regularTabNodes","orderedTabNodes","nodeTabIndex","a","b","defaultIsEnabled","FocusTrap","props","children","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","getTabbable","isEnabled","open","ignoreNextEnforceFocus","React","sentinelStart","sentinelEnd","nodeToRestore","reactFocusEventTarget","activated","rootRef","handleRef","useForkRef","getReactElementRef","lastKeydown","doc","ownerDocument","activeElement","getActiveElement","loopFocus","nativeEvent","contain","rootElement","activeEl","tabbable","isShiftTab","focusNext","focusPrevious","interval","onFocus","event","childrenPropsHandler","handleFocusSentinel","_jsxs","_jsx","elementAcceptingRef","PropTypes","exactProp"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es173.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Returns the ref of a React element handling differences between React 19 and older versions.\n * It will throw runtime error if the element is not a valid React element.\n *\n * @param element React.ReactElement\n * @returns React.Ref<any> | null\n */\nexport default function getReactElementRef(element) {\n  // 'ref' is passed as prop in React 19, whereas 'ref' is directly attached to children in older versions\n  if (parseInt(React.version, 10) >= 19) {\n    return element?.props?.ref || null;\n  }\n  // @ts-expect-error element.ref is not included in the ReactElement type\n  // https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/70189\n  return element?.ref || null;\n}"],"names":["getReactElementRef","element","React"],"mappings":";AASe,SAASA,EAAmBC,GAAS;AAElD,SAAI,SAASC,EAAM,SAAS,EAAE,KAAK,KAC1BD,GAAS,OAAO,OAAO,OAIzBA,GAAS,OAAO;AACzB;","x_google_ignoreList":[0]}

package/dist/ui-components.es174.js

@@ -1,195 +1,200 @@
-import * as S from "react";
-import o from "./ui-components.es89.js";
-import { clsx as w } from "./ui-components.es92.js";
-import a from "./ui-components.es113.js";
-import { getBackdropUtilityClass as B } from "./ui-components.es311.js";
-import { j as l } from "./ui-components.es15.js";
-import { useDefaultProps as N } from "./ui-components.es96.js";
-import D from "./ui-components.es312.js";
-import E from "./ui-components.es97.js";
-import F from "./ui-components.es37.js";
-const M = (s) => {
-  const {
-    classes: t,
-    invisible: e
-  } = s;
-  return E({
-    root: ["root", e && "invisible"]
-  }, B, t);
-}, U = F("div", {
-  name: "MuiBackdrop",
-  slot: "Root",
-  overridesResolver: (s, t) => {
-    const {
-      ownerState: e
-    } = s;
-    return [t.root, e.invisible && t.invisible];
+import * as f from "react";
+import t from "./ui-components.es88.js";
+import W from "./ui-components.es89.js";
+import { j as k } from "./ui-components.es15.js";
+import { reflow as B, getTransitionProps as v } from "./ui-components.es315.js";
+import J from "./ui-components.es316.js";
+import M from "./ui-components.es170.js";
+import Q from "./ui-components.es151.js";
+import U from "./ui-components.es173.js";
+import X from "./ui-components.es177.js";
+function y(m) {
+  return `scale(${m}, ${m ** 2})`;
+}
+const Y = {
+  entering: {
+    opacity: 1,
+    transform: y(1)
+  },
+  entered: {
+    opacity: 1,
+    transform: "none"
   }
-})({
-  position: "fixed",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0,
-  backgroundColor: "rgba(0, 0, 0, 0.5)",
-  WebkitTapHighlightColor: "transparent",
-  variants: [{
-    props: {
-      invisible: !0
-    },
-    style: {
-      backgroundColor: "transparent"
+}, E = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), h = /* @__PURE__ */ f.forwardRef(function(A, w) {
+  const {
+    addEndListener: x,
+    appear: D = !0,
+    children: l,
+    easing: R,
+    in: T,
+    onEnter: b,
+    onEntered: H,
+    onEntering: L,
+    onExit: j,
+    onExited: O,
+    onExiting: F,
+    style: p,
+    timeout: o = "auto",
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: P = J,
+    ...S
+  } = A, C = M(), g = f.useRef(), s = W(), c = f.useRef(null), G = Q(c, U(l), w), a = (n) => (r) => {
+    if (n) {
+      const e = c.current;
+      r === void 0 ? n(e) : n(e, r);
     }
-  }]
-}), q = /* @__PURE__ */ S.forwardRef(function(t, e) {
-  const n = N({
-    props: t,
-    name: "MuiBackdrop"
-  }), {
-    children: c,
-    className: m,
-    component: i = "div",
-    invisible: d = !1,
-    open: f,
-    components: u = {},
-    componentsProps: b = {},
-    slotProps: y = {},
-    slots: T = {},
-    TransitionComponent: h,
-    transitionDuration: v,
-    ...C
-  } = n, r = {
-    ...n,
-    component: i,
-    invisible: d
-  }, P = M(r), j = {
-    transition: h,
-    root: u.Root,
-    ...T
-  }, k = {
-    ...b,
-    ...y
-  }, p = {
-    component: i,
-    slots: j,
-    slotProps: k
-  }, [x, R] = a("root", {
-    elementType: U,
-    externalForwardedProps: p,
-    className: w(P.root, m),
-    ownerState: r
-  }), [g, O] = a("transition", {
-    elementType: D,
-    externalForwardedProps: p,
-    ownerState: r
-  });
-  return /* @__PURE__ */ l.jsx(g, {
-    in: f,
-    timeout: v,
-    ...C,
-    ...O,
-    children: /* @__PURE__ */ l.jsx(x, {
-      "aria-hidden": !0,
-      ...R,
-      ref: e,
-      children: c
+  }, N = a(L), _ = a((n, r) => {
+    B(n);
+    const {
+      duration: e,
+      delay: d,
+      easing: i
+    } = v({
+      style: p,
+      timeout: o,
+      easing: R
+    }, {
+      mode: "enter"
+    });
+    let u;
+    o === "auto" ? (u = s.transitions.getAutoHeightDuration(n.clientHeight), g.current = u) : u = e, n.style.transition = [s.transitions.create("opacity", {
+      duration: u,
+      delay: d
+    }), s.transitions.create("transform", {
+      duration: E ? u : u * 0.666,
+      delay: d,
+      easing: i
+    })].join(","), b && b(n, r);
+  }), $ = a(H), q = a(F), z = a((n) => {
+    const {
+      duration: r,
+      delay: e,
+      easing: d
+    } = v({
+      style: p,
+      timeout: o,
+      easing: R
+    }, {
+      mode: "exit"
+    });
+    let i;
+    o === "auto" ? (i = s.transitions.getAutoHeightDuration(n.clientHeight), g.current = i) : i = r, n.style.transition = [s.transitions.create("opacity", {
+      duration: i,
+      delay: e
+    }), s.transitions.create("transform", {
+      duration: E ? i : i * 0.666,
+      delay: E ? e : e || i * 0.333,
+      easing: d
+    })].join(","), n.style.opacity = 0, n.style.transform = y(0.75), j && j(n);
+  }), K = a(O), V = (n) => {
+    o === "auto" && C.start(g.current || 0, n), x && x(c.current, n);
+  };
+  return /* @__PURE__ */ k.jsx(P, {
+    appear: D,
+    in: T,
+    nodeRef: c,
+    onEnter: _,
+    onEntered: $,
+    onEntering: N,
+    onExit: z,
+    onExited: K,
+    onExiting: q,
+    addEndListener: V,
+    timeout: o === "auto" ? null : o,
+    ...S,
+    children: (n, {
+      ownerState: r,
+      ...e
+    }) => /* @__PURE__ */ f.cloneElement(l, {
+      style: {
+        opacity: 0,
+        transform: y(0.75),
+        visibility: n === "exited" && !T ? "hidden" : void 0,
+        ...Y[n],
+        ...p,
+        ...l.props.style
+      },
+      ref: G,
+      ...e
     })
   });
 });
-process.env.NODE_ENV !== "production" && (q.propTypes = {
+process.env.NODE_ENV !== "production" && (h.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * The content of the component.
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
    */
-  children: o.node,
+  addEndListener: t.func,
   /**
-   * Override or extend the styles applied to the component.
+   * Perform the enter transition when it first mounts if `in` is also `true`.
+   * Set this to `false` to disable this behavior.
+   * @default true
    */
-  classes: o.object,
+  appear: t.bool,
   /**
-   * @ignore
+   * A single child content element.
    */
-  className: o.string,
+  children: X.isRequired,
   /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
    */
-  component: o.elementType,
+  easing: t.oneOfType([t.shape({
+    enter: t.string,
+    exit: t.string
+  }), t.string]),
   /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
+   * If `true`, the component will transition in.
    */
-  components: o.shape({
-    Root: o.elementType
-  }),
+  in: t.bool,
   /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
+   * @ignore
    */
-  componentsProps: o.shape({
-    root: o.object
-  }),
+  onEnter: t.func,
   /**
-   * If `true`, the backdrop is invisible.
-   * It can be used when rendering a popover or a custom select component.
-   * @default false
+   * @ignore
    */
-  invisible: o.bool,
+  onEntered: t.func,
   /**
-   * If `true`, the component is shown.
+   * @ignore
    */
-  open: o.bool.isRequired,
+  onEntering: t.func,
   /**
-   * The props used for each slot inside.
-   * @default {}
+   * @ignore
    */
-  slotProps: o.shape({
-    root: o.oneOfType([o.func, o.object]),
-    transition: o.oneOfType([o.func, o.object])
-  }),
+  onExit: t.func,
   /**
-   * The components used for each slot inside.
-   * @default {}
+   * @ignore
    */
-  slots: o.shape({
-    root: o.elementType,
-    transition: o.elementType
-  }),
+  onExited: t.func,
   /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
+   * @ignore
    */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  onExiting: t.func,
   /**
-   * 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.
-   * @default Fade
-   * @deprecated Use `slots.transition` 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.
+   * @ignore
    */
-  TransitionComponent: o.elementType,
+  style: t.object,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   * @default 'auto'
    */
-  transitionDuration: o.oneOfType([o.number, o.shape({
-    appear: o.number,
-    enter: o.number,
-    exit: o.number
+  timeout: t.oneOfType([t.oneOf(["auto"]), t.number, t.shape({
+    appear: t.number,
+    enter: t.number,
+    exit: t.number
   })])
 });
+h && (h.muiSupportAuto = !0);
 export {
-  q as default
+  h as default
 };
 //# sourceMappingURL=ui-components.es174.js.map