@weng-lab/ui-components 2.2.0 → 2.2.1

package/dist/ui-components.es173.js

@@ -1,61 +1,181 @@
-import p from "./ui-components.es184.js";
-import s from "./ui-components.es185.js";
-import m from "./ui-components.es186.js";
-function d(a, o, t) {
-  a.colorSchemes && t && (a.colorSchemes[o] = {
-    ...t !== !0 && t,
-    palette: p({
-      ...t === !0 ? {} : t.palette,
-      mode: o
-    })
-    // cast type to skip module augmentation test
-  });
+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;
+}
+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 C(a = {}, ...o) {
+function y(e) {
   const {
-    palette: t,
-    cssVariables: i = !1,
-    colorSchemes: f = t ? void 0 : {
-      light: !0
-    },
-    defaultColorScheme: n = t?.mode,
-    ...u
-  } = a, r = n || "light", h = f?.[r], e = {
-    ...f,
-    ...t ? {
-      [r]: {
-        ...typeof h != "boolean" && h,
-        palette: t
+    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;
       }
-    } : void 0
+      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;
   };
-  if (i === !1) {
-    if (!("colorSchemes" in a))
-      return m(a, ...o);
-    let c = t;
-    "palette" in a || e[r] && (e[r] !== !0 ? c = e[r].palette : r === "dark" && (c = {
-      mode: "dark"
-    }));
-    const l = m({
-      ...a,
-      palette: c
-    }, ...o);
-    return l.defaultColorScheme = r, l.colorSchemes = e, l.palette.mode === "light" && (l.colorSchemes.light = {
-      ...e.light !== !0 && e.light,
-      palette: l.palette
-    }, d(l, "dark", e.dark)), l.palette.mode === "dark" && (l.colorSchemes.dark = {
-      ...e.dark !== !0 && e.dark,
-      palette: l.palette
-    }, d(l, "light", e.light)), l;
-  }
-  return !t && !("light" in e) && r === "light" && (e.light = !0), s({
-    ...u,
-    colorSchemes: e,
-    defaultColorScheme: r,
-    ...typeof i != "boolean" && i
-  }, ...o);
+  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 {
-  C as default
+  y 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/styles/createTheme.js"],"sourcesContent":["import createPalette from \"./createPalette.js\";\nimport createThemeWithVars from \"./createThemeWithVars.js\";\nimport createThemeNoVars from \"./createThemeNoVars.js\";\n// eslint-disable-next-line consistent-return\nfunction attachColorScheme(theme, scheme, colorScheme) {\n  if (!theme.colorSchemes) {\n    return undefined;\n  }\n  if (colorScheme) {\n    theme.colorSchemes[scheme] = {\n      ...(colorScheme !== true && colorScheme),\n      palette: createPalette({\n        ...(colorScheme === true ? {} : colorScheme.palette),\n        mode: scheme\n      }) // cast type to skip module augmentation test\n    };\n  }\n}\n\n/**\n * Generate a theme base on the options received.\n * @param options Takes an incomplete theme object and adds the missing parts.\n * @param args Deep merge the arguments with the about to be returned theme.\n * @returns A complete, ready-to-use theme object.\n */\nexport default function createTheme(options = {},\n// cast type to skip module augmentation test\n...args) {\n  const {\n    palette,\n    cssVariables = false,\n    colorSchemes: initialColorSchemes = !palette ? {\n      light: true\n    } : undefined,\n    defaultColorScheme: initialDefaultColorScheme = palette?.mode,\n    ...other\n  } = options;\n  const defaultColorSchemeInput = initialDefaultColorScheme || 'light';\n  const defaultScheme = initialColorSchemes?.[defaultColorSchemeInput];\n  const colorSchemesInput = {\n    ...initialColorSchemes,\n    ...(palette ? {\n      [defaultColorSchemeInput]: {\n        ...(typeof defaultScheme !== 'boolean' && defaultScheme),\n        palette\n      }\n    } : undefined)\n  };\n  if (cssVariables === false) {\n    if (!('colorSchemes' in options)) {\n      // Behaves exactly as v5\n      return createThemeNoVars(options, ...args);\n    }\n    let paletteOptions = palette;\n    if (!('palette' in options)) {\n      if (colorSchemesInput[defaultColorSchemeInput]) {\n        if (colorSchemesInput[defaultColorSchemeInput] !== true) {\n          paletteOptions = colorSchemesInput[defaultColorSchemeInput].palette;\n        } else if (defaultColorSchemeInput === 'dark') {\n          // @ts-ignore to prevent the module augmentation test from failing\n          paletteOptions = {\n            mode: 'dark'\n          };\n        }\n      }\n    }\n    const theme = createThemeNoVars({\n      ...options,\n      palette: paletteOptions\n    }, ...args);\n    theme.defaultColorScheme = defaultColorSchemeInput;\n    theme.colorSchemes = colorSchemesInput;\n    if (theme.palette.mode === 'light') {\n      theme.colorSchemes.light = {\n        ...(colorSchemesInput.light !== true && colorSchemesInput.light),\n        palette: theme.palette\n      };\n      attachColorScheme(theme, 'dark', colorSchemesInput.dark);\n    }\n    if (theme.palette.mode === 'dark') {\n      theme.colorSchemes.dark = {\n        ...(colorSchemesInput.dark !== true && colorSchemesInput.dark),\n        palette: theme.palette\n      };\n      attachColorScheme(theme, 'light', colorSchemesInput.light);\n    }\n    return theme;\n  }\n  if (!palette && !('light' in colorSchemesInput) && defaultColorSchemeInput === 'light') {\n    colorSchemesInput.light = true;\n  }\n  return createThemeWithVars({\n    ...other,\n    colorSchemes: colorSchemesInput,\n    defaultColorScheme: defaultColorSchemeInput,\n    ...(typeof cssVariables !== 'boolean' && cssVariables)\n  }, ...args);\n}"],"names":["attachColorScheme","theme","scheme","colorScheme","createPalette","createTheme","options","args","palette","cssVariables","initialColorSchemes","initialDefaultColorScheme","other","defaultColorSchemeInput","defaultScheme","colorSchemesInput","createThemeNoVars","paletteOptions","createThemeWithVars"],"mappings":";;;AAIA,SAASA,EAAkBC,GAAOC,GAAQC,GAAa;AACrD,EAAKF,EAAM,gBAGPE,MACFF,EAAM,aAAaC,CAAM,IAAI;AAAA,IAC3B,GAAIC,MAAgB,MAAQA;AAAA,IAC5B,SAASC,EAAc;AAAA,MACrB,GAAID,MAAgB,KAAO,KAAKA,EAAY;AAAA,MAC5C,MAAMD;AAAA,IACd,CAAO;AAAA;AAAA,EACP;AAEA;AAQe,SAASG,EAAYC,IAAU,CAAA,MAE3CC,GAAM;AACP,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,cAAcC,IAAuBF,IAEjC,SAF2C;AAAA,MAC7C,OAAO;AAAA,IACb;AAAA,IACI,oBAAoBG,IAA4BH,GAAS;AAAA,IACzD,GAAGI;AAAA,EACP,IAAMN,GACEO,IAA0BF,KAA6B,SACvDG,IAAgBJ,IAAsBG,CAAuB,GAC7DE,IAAoB;AAAA,IACxB,GAAGL;AAAA,IACH,GAAIF,IAAU;AAAA,MACZ,CAACK,CAAuB,GAAG;AAAA,QACzB,GAAI,OAAOC,KAAkB,aAAaA;AAAA,QAC1C,SAAAN;AAAA,MACR;AAAA,IACA,IAAQ;AAAA,EACR;AACE,MAAIC,MAAiB,IAAO;AAC1B,QAAI,EAAE,kBAAkBH;AAEtB,aAAOU,EAAkBV,GAAS,GAAGC,CAAI;AAE3C,QAAIU,IAAiBT;AACrB,IAAM,aAAaF,KACbS,EAAkBF,CAAuB,MACvCE,EAAkBF,CAAuB,MAAM,KACjDI,IAAiBF,EAAkBF,CAAuB,EAAE,UACnDA,MAA4B,WAErCI,IAAiB;AAAA,MACf,MAAM;AAAA,IAClB;AAII,UAAMhB,IAAQe,EAAkB;AAAA,MAC9B,GAAGV;AAAA,MACH,SAASW;AAAA,IACf,GAAO,GAAGV,CAAI;AACV,WAAAN,EAAM,qBAAqBY,GAC3BZ,EAAM,eAAec,GACjBd,EAAM,QAAQ,SAAS,YACzBA,EAAM,aAAa,QAAQ;AAAA,MACzB,GAAIc,EAAkB,UAAU,MAAQA,EAAkB;AAAA,MAC1D,SAASd,EAAM;AAAA,IACvB,GACMD,EAAkBC,GAAO,QAAQc,EAAkB,IAAI,IAErDd,EAAM,QAAQ,SAAS,WACzBA,EAAM,aAAa,OAAO;AAAA,MACxB,GAAIc,EAAkB,SAAS,MAAQA,EAAkB;AAAA,MACzD,SAASd,EAAM;AAAA,IACvB,GACMD,EAAkBC,GAAO,SAASc,EAAkB,KAAK,IAEpDd;AAAA,EACT;AACA,SAAI,CAACO,KAAW,EAAE,WAAWO,MAAsBF,MAA4B,YAC7EE,EAAkB,QAAQ,KAErBG,EAAoB;AAAA,IACzB,GAAGN;AAAA,IACH,cAAcG;AAAA,IACd,oBAAoBF;AAAA,IACpB,GAAI,OAAOJ,KAAiB,aAAaA;AAAA,EAC7C,GAAK,GAAGF,CAAI;AACZ;","x_google_ignoreList":[0]}
+{"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]}

package/dist/ui-components.es174.js

@@ -1,129 +1,195 @@
-import p from "./ui-components.es175.js";
-import c from "./ui-components.es176.js";
-import u from "./ui-components.es177.js";
-function m(i) {
-  const e = u(i);
-  return e.body === i ? c(i).innerWidth > e.documentElement.clientWidth : i.scrollHeight > i.clientHeight;
-}
-function a(i, e) {
-  e ? i.setAttribute("aria-hidden", "true") : i.removeAttribute("aria-hidden");
-}
-function h(i) {
-  return parseFloat(c(i).getComputedStyle(i).paddingRight) || 0;
-}
-function y(i) {
-  const o = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].includes(i.tagName), t = i.tagName === "INPUT" && i.getAttribute("type") === "hidden";
-  return o || t;
-}
-function g(i, e, o, t, s) {
-  const n = [e, o, ...t];
-  [].forEach.call(i.children, (r) => {
-    const d = !n.includes(r), l = !y(r);
-    d && l && a(r, s);
-  });
-}
-function f(i, e) {
-  let o = -1;
-  return i.some((t, s) => e(t) ? (o = s, !0) : !1), o;
-}
-function R(i, e) {
-  const o = [], t = i.container;
-  if (!e.disableScrollLock) {
-    if (m(t)) {
-      const r = p(c(t));
-      o.push({
-        value: t.style.paddingRight,
-        property: "padding-right",
-        el: t
-      }), t.style.paddingRight = `${h(t) + r}px`;
-      const d = u(t).querySelectorAll(".mui-fixed");
-      [].forEach.call(d, (l) => {
-        o.push({
-          value: l.style.paddingRight,
-          property: "padding-right",
-          el: l
-        }), l.style.paddingRight = `${h(l) + r}px`;
-      });
-    }
-    let n;
-    if (t.parentNode instanceof DocumentFragment)
-      n = u(t).body;
-    else {
-      const r = t.parentElement, d = c(t);
-      n = r?.nodeName === "HTML" && d.getComputedStyle(r).overflowY === "scroll" ? r : t;
-    }
-    o.push({
-      value: n.style.overflow,
-      property: "overflow",
-      el: n
-    }, {
-      value: n.style.overflowX,
-      property: "overflow-x",
-      el: n
-    }, {
-      value: n.style.overflowY,
-      property: "overflow-y",
-      el: n
-    }), n.style.overflow = "hidden";
-  }
-  return () => {
-    o.forEach(({
-      value: n,
-      el: r,
-      property: d
-    }) => {
-      n ? r.style.setProperty(d, n) : r.style.removeProperty(d);
-    });
-  };
-}
-function b(i) {
-  const e = [];
-  return [].forEach.call(i.children, (o) => {
-    o.getAttribute("aria-hidden") === "true" && e.push(o);
-  }), e;
-}
-class v {
-  constructor() {
-    this.modals = [], this.containers = [];
-  }
-  add(e, o) {
-    let t = this.modals.indexOf(e);
-    if (t !== -1)
-      return t;
-    t = this.modals.length, this.modals.push(e), e.modalRef && a(e.modalRef, !1);
-    const s = b(o);
-    g(o, e.mount, e.modalRef, s, !0);
-    const n = f(this.containers, (r) => r.container === o);
-    return n !== -1 ? (this.containers[n].modals.push(e), t) : (this.containers.push({
-      modals: [e],
-      container: o,
-      restore: null,
-      hiddenSiblings: s
-    }), t);
+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];
   }
-  mount(e, o) {
-    const t = f(this.containers, (n) => n.modals.includes(e)), s = this.containers[t];
-    s.restore || (s.restore = R(s, o));
-  }
-  remove(e, o = !0) {
-    const t = this.modals.indexOf(e);
-    if (t === -1)
-      return t;
-    const s = f(this.containers, (r) => r.modals.includes(e)), n = this.containers[s];
-    if (n.modals.splice(n.modals.indexOf(e), 1), this.modals.splice(t, 1), n.modals.length === 0)
-      n.restore && n.restore(), e.modalRef && a(e.modalRef, o), g(n.container, e.mount, e.modalRef, n.hiddenSiblings, !1), this.containers.splice(s, 1);
-    else {
-      const r = n.modals[n.modals.length - 1];
-      r.modalRef && a(r.modalRef, !1);
+})({
+  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"
     }
-    return t;
-  }
-  isTopModal(e) {
-    return this.modals.length > 0 && this.modals[this.modals.length - 1] === e;
-  }
-}
+  }]
+}), 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
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (q.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.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * 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 {}
+   */
+  components: o.shape({
+    Root: o.elementType
+  }),
+  /**
+   * 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 {}
+   */
+  componentsProps: o.shape({
+    root: o.object
+  }),
+  /**
+   * If `true`, the backdrop is invisible.
+   * It can be used when rendering a popover or a custom select component.
+   * @default false
+   */
+  invisible: o.bool,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object]),
+    transition: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType,
+    transition: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * 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.
+   */
+  TransitionComponent: o.elementType,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  transitionDuration: o.oneOfType([o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.number
+  })])
+});
 export {
-  v as ModalManager,
-  a as ariaHidden
+  q as default
 };
 //# sourceMappingURL=ui-components.es174.js.map