@weng-lab/ui-components 3.0.1-beta.0 → 3.1.0

package/dist/ui-components.es249.js

@@ -1,12 +1,13 @@
-function u(e, f = []) {
-  if (e === void 0)
-    return {};
-  const t = {};
-  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !f.includes(n)).forEach((n) => {
-    t[n] = e[n];
-  }), t;
+import * as e from "react";
+function t(a, i) {
+  return /* @__PURE__ */ e.isValidElement(a) && i.indexOf(
+    // For server components `muiName` is available in element.type._payload.value.muiName
+    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
+    // eslint-disable-next-line no-underscore-dangle
+    a.type.muiName ?? a.type?._payload?.value?.muiName
+  ) !== -1;
 }
 export {
-  u as default
+  t as default
 };
 //# sourceMappingURL=ui-components.es249.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es249.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/extractEventHandlers/extractEventHandlers.js"],"sourcesContent":["/**\n * Extracts event handlers from a given object.\n * A prop is considered an event handler if it is a function and its name starts with `on`.\n *\n * @param object An object to extract event handlers from.\n * @param excludeKeys An array of keys to exclude from the returned object.\n */\nfunction extractEventHandlers(object, excludeKeys = []) {\n  if (object === undefined) {\n    return {};\n  }\n  const result = {};\n  Object.keys(object).filter(prop => prop.match(/^on[A-Z]/) && typeof object[prop] === 'function' && !excludeKeys.includes(prop)).forEach(prop => {\n    result[prop] = object[prop];\n  });\n  return result;\n}\nexport default extractEventHandlers;"],"names":["extractEventHandlers","object","excludeKeys","result","prop"],"mappings":"AAOA,SAASA,EAAqBC,GAAQC,IAAc,IAAI;AACtD,MAAID,MAAW;AACb,WAAO,CAAA;AAET,QAAME,IAAS,CAAA;AACf,gBAAO,KAAKF,CAAM,EAAE,OAAO,CAAAG,MAAQA,EAAK,MAAM,UAAU,KAAK,OAAOH,EAAOG,CAAI,KAAM,cAAc,CAACF,EAAY,SAASE,CAAI,CAAC,EAAE,QAAQ,CAAAA,MAAQ;AAC9I,IAAAD,EAAOC,CAAI,IAAIH,EAAOG,CAAI;AAAA,EAC5B,CAAC,GACMD;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es249.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/isMuiElement/isMuiElement.js"],"sourcesContent":["import * as React from 'react';\nexport default function isMuiElement(element, muiNames) {\n  return /*#__PURE__*/React.isValidElement(element) && muiNames.indexOf(\n  // For server components `muiName` is available in element.type._payload.value.muiName\n  // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45\n  // eslint-disable-next-line no-underscore-dangle\n  element.type.muiName ?? element.type?._payload?.value?.muiName) !== -1;\n}"],"names":["isMuiElement","element","muiNames","React"],"mappings":";AACe,SAASA,EAAaC,GAASC,GAAU;AACtD,SAAoB,gBAAAC,EAAM,eAAeF,CAAO,KAAKC,EAAS;AAAA;AAAA;AAAA;AAAA,IAI9DD,EAAQ,KAAK,WAAWA,EAAQ,MAAM,UAAU,OAAO;AAAA,EAAO,MAAM;AACtE;","x_google_ignoreList":[0]}

package/dist/ui-components.es25.js

@@ -1,9 +1,46 @@
-import { j as o } from "./ui-components.es15.js";
-import t from "./ui-components.es83.js";
-const h = t(/* @__PURE__ */ o.jsx("path", {
-  d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
-}), "Add");
+import { c as M } from "./ui-components.es18.js";
+import { useState as d, useRef as E, useEffect as S } from "react";
+function v(r, n, u) {
+  const t = M.c(11), [e, b] = d(!1), m = E(e);
+  let s;
+  t[0] !== e ? (s = () => {
+    m.current = e;
+  }, t[0] = e, t[1] = s) : s = t[1], S(s);
+  let l, _;
+  t[2] !== r || t[3] !== e || t[4] !== n || t[5] !== u ? (l = () => {
+    const c = r?.current;
+    if (!c)
+      return;
+    const o = u ? [] : n;
+    c.setSortModel(e ? [{
+      field: "__check__",
+      sort: "desc"
+    }, ...o] : o);
+  }, _ = [r, e, u, n], t[2] = r, t[3] = e, t[4] = n, t[5] = u, t[6] = l, t[7] = _) : (l = t[6], _ = t[7]), S(l, _);
+  let f;
+  t[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (c) => [c.current.subscribeEvent("sortModelChange", (o) => {
+    if (!m.current || o[0]?.field === "__check__")
+      return;
+    const k = o.filter(g);
+    c.current.setSortModel([{
+      field: "__check__",
+      sort: "desc"
+    }, ...k]);
+  }), c.current.subscribeEvent("rowSelectionChange", () => {
+    m.current && c.current.setSortModel([...c.current.getSortModel()]);
+  })], t[8] = f) : f = t[8];
+  const i = f;
+  let h;
+  return t[9] !== e ? (h = {
+    autoSort: e,
+    setAutoSort: b,
+    onReady: i
+  }, t[9] = e, t[10] = h) : h = t[10], h;
+}
+function g(r) {
+  return r.field !== "__check__";
+}
 export {
-  h as default
+  v as useAutoSort
 };
 //# sourceMappingURL=ui-components.es25.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es25.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Add.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z\"\n}), 'Add');"],"names":["AddIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,KAAK;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es25.js","sources":["../src/components/TwoPaneLayout/useAutoSort.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { RefObject } from \"react\";\nimport type { GridApi, GridSortModel } from \"@mui/x-data-grid-premium\";\n\ntype UseAutoSortReturn = {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n  onReady: (readyApiRef: RefObject<GridApi>) => (() => void)[];\n};\n\n/**\n * Manages the \"auto-sort selected rows to top\" behavior for a Table.\n *\n * Owns the autoSort toggle state and all related DataGrid behavior, returning\n * `autoSort` and `setAutoSort` for use in a toolbar toggle, and `onReady` to\n * be composed with the Table's `onReady` prop.\n *\n * `onReady` is used for event subscriptions rather than plain useEffects because\n * the Table is wrapped in <NoSsr>, which defers DataGrid initialization — subscriptions\n * attempted on mount may attach before the api is ready. `onReady` fires inside the\n * NoSsr boundary after the DataGrid is fully initialized.\n *\n * The sort model reset remains a reactive useEffect because it must fire on every\n * autoSort/viewBy change, not just on mount.\n */\nexport function useAutoSort(\n  apiRef: RefObject<GridApi | null>,\n  initialSort: GridSortModel,\n  isPresorted: boolean\n): UseAutoSortReturn {\n  const [autoSort, setAutoSort] = useState(false);\n\n  // Track autoSort in a ref so event handlers always see the current value\n  // without needing to unsubscribe and re-subscribe on every change.\n  const autoSortRef = useRef(autoSort);\n  useEffect(() => {\n    autoSortRef.current = autoSort;\n  });\n\n  // Reactive: reset sort model when autoSort or viewBy changes.\n  // The null guard handles any edge case where this runs before the DataGrid is ready.\n  useEffect(() => {\n    const api = apiRef?.current;\n    if (!api) return;\n\n    const base: GridSortModel = isPresorted ? [] : initialSort;\n    api.setSortModel(autoSort ? [{ field: \"__check__\", sort: \"desc\" }, ...base] : base);\n  }, [apiRef, autoSort, isPresorted, initialSort]);\n\n  // Return a stable onReady callback that attaches event subscriptions once,\n  // after the DataGrid has fully mounted. Handlers read autoSortRef at event\n  // time so they reflect the current autoSort state without re-subscribing.\n  const onReady = useCallback(\n    (readyApiRef: RefObject<GridApi>) => [\n      // Keep __check__ as the primary sort after any user-initiated sort change.\n      // Guard against infinite loop: if __check__ is already first, the call was ours — skip it.\n      readyApiRef.current.subscribeEvent(\"sortModelChange\", (model) => {\n        if (!autoSortRef.current || model[0]?.field === \"__check__\") return;\n        const withoutCheck = model.filter((s) => s.field !== \"__check__\");\n        readyApiRef.current.setSortModel([{ field: \"__check__\", sort: \"desc\" }, ...withoutCheck]);\n      }),\n      // Re-apply sort when selection changes — DataGrid doesn't re-sort automatically\n      // when checkbox state changes.\n      readyApiRef.current.subscribeEvent(\"rowSelectionChange\", () => {\n        if (!autoSortRef.current) return;\n        readyApiRef.current.setSortModel([...readyApiRef.current.getSortModel()]);\n      }),\n    ],\n    []\n  );\n\n  return { autoSort, setAutoSort, onReady };\n}\n"],"names":["useAutoSort","apiRef","initialSort","isPresorted","$","_c","autoSort","setAutoSort","useState","autoSortRef","useRef","t0","current","useEffect","t1","t2","api","base","setSortModel","field","sort","t3","Symbol","for","readyApiRef","subscribeEvent","model","withoutCheck","filter","_temp","getSortModel","onReady","t4","s"],"mappings":";;AAyBO,SAAAA,EAAAC,GAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAKL,CAAAC,GAAAC,CAAA,IAAgCC,EAAS,EAAK,GAI9CC,IAAoBC,EAAOJ,CAAQ;AAAE,MAAAK;AAAA,EAAAP,SAAAE,KAC3BK,IAAAA,MAAA;AACRF,IAAAA,EAAWG,UAAWN;AAAAA,EAAH,GACpBF,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAFDS,EAAUF,CAET;AAAC,MAAAG,GAAAC;AAAA,EAAAX,EAAA,CAAA,MAAAH,KAAAG,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAF,KAAAE,SAAAD,KAIQW,IAAAA,MAAA;AACR,UAAAE,IAAYf,GAAMW;AAClB,QAAI,CAACI;AAAG;AAER,UAAAC,IAA4Bd,IAAA,CAAA,IAAAD;AAC5Bc,IAAAA,EAAGE,aAAcZ,IAAA,CAAY;AAAA,MAAAa,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKH,CAAI,IAAzDA,CAAiE;AAAA,EAAC,GAClFF,IAAA,CAACd,GAAQK,GAAUH,GAAaD,CAAW,GAACE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAF,GAAAE,OAAAD,GAAAC,OAAAU,GAAAV,OAAAW,MAAAD,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,CAAA,IAN/CS,EAAUC,GAMPC,CAA4C;AAAC,MAAAM;AAAA,EAAAjB,EAAA,CAAA,MAAAkB,uBAAAC,IAAA,2BAAA,KAM9CF,IAAAG,OAAqC,CAGnCA,EAAWZ,QAAQa,eAAgB,mBAAmBC,CAAAA,MAAA;AACpD,QAAI,CAACjB,EAAWG,WAAYc,EAAK,CAAA,GAAUP,UAAK;AAAW;AAC3D,UAAAQ,IAAqBD,EAAKE,OAAQC,CAA8B;AAChEL,IAAAA,EAAWZ,QAAQM,aAAc,CAAC;AAAA,MAAAC,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKO,CAAY,CAAC;AAAA,EAAC,CAC1F,GAGDH,EAAWZ,QAAQa,eAAgB,sBAAsB,MAAA;AACvD,IAAKhB,EAAWG,WAChBY,EAAWZ,QAAQM,aAAc,CAAA,GAAIM,EAAWZ,QAAQkB,aAAAA,CAAe,CAAC;AAAA,EAAC,CAC1E,CAAC,GACH1B,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAfH,QAAA2B,IAAgBV;AAiBd,MAAAW;AAAA,SAAA5B,SAAAE,KAEK0B,IAAA;AAAA,IAAA1B,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAwB,SAAAA;AAAAA,EAAAA,GAAkC3B,OAAAE,GAAAF,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA,GAAlC4B;AAAkC;AA9CpC,SAAAH,EAAAI,GAAA;AAAA,SAiC0CA,EAACd,UAAW;AAAW;"}

package/dist/ui-components.es250.js

@@ -1,7 +1,5 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+import e from "./ui-components.es176.js";
 export {
-  e as getDefaultExportFromCjs
+  e as default
 };
 //# sourceMappingURL=ui-components.es250.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es250.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"ui-components.es250.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/ui-components.es251.js

@@ -1,6 +1,5 @@
-import { __require as r } from "./ui-components.es333.js";
-var a = /* @__PURE__ */ r();
+import r from "./ui-components.es175.js";
 export {
-  a as r
+  r as default
 };
 //# sourceMappingURL=ui-components.es251.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es251.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"ui-components.es251.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/ui-components.es252.js

@@ -1,10 +1,5 @@
-import e from "./ui-components.es98.js";
-import i from "./ui-components.es99.js";
-function o(t) {
-  return e("MuiMenu", t);
-}
-i("MuiMenu", ["root", "paper", "list"]);
+import e from "./ui-components.es187.js";
 export {
-  o as getMenuUtilityClass
+  e as default
 };
 //# sourceMappingURL=ui-components.es252.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es252.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/Menu/menuClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getMenuUtilityClass(slot) {\n  return generateUtilityClass('MuiMenu', slot);\n}\nconst menuClasses = generateUtilityClasses('MuiMenu', ['root', 'paper', 'list']);\nexport default menuClasses;"],"names":["getMenuUtilityClass","slot","generateUtilityClass","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAoBC,GAAM;AACxC,SAAOC,EAAqB,WAAWD,CAAI;AAC7C;AACoBE,EAAuB,WAAW,CAAC,QAAQ,SAAS,MAAM,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es252.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/ui-components.es253.js

@@ -1,480 +1,5 @@
-import * as l from "react";
-import o from "./ui-components.es89.js";
-import { clsx as go } from "./ui-components.es92.js";
-import Z from "./ui-components.es353.js";
-import { getPopoverUtilityClass as yo } from "./ui-components.es356.js";
-import k from "./ui-components.es114.js";
-import { j as S } from "./ui-components.es15.js";
-import oo from "./ui-components.es40.js";
-import To from "./ui-components.es50.js";
-import { useDefaultProps as vo } from "./ui-components.es96.js";
-import Y from "./ui-components.es186.js";
-import G from "./ui-components.es185.js";
-import Eo from "./ui-components.es82.js";
-import Oo from "./ui-components.es179.js";
-import wo from "./ui-components.es206.js";
-import xo from "./ui-components.es126.js";
-import Ro from "./ui-components.es97.js";
-import jo from "./ui-components.es49.js";
-import ko from "./ui-components.es104.js";
-import So from "./ui-components.es128.js";
-import Co from "./ui-components.es129.js";
-import X from "./ui-components.es192.js";
-import Mo from "./ui-components.es103.js";
-function J(r, t) {
-  let i = 0;
-  return typeof t == "number" ? i = t : t === "center" ? i = r.height / 2 : t === "bottom" && (i = r.height), i;
-}
-function K(r, t) {
-  let i = 0;
-  return typeof t == "number" ? i = t : t === "center" ? i = r.width / 2 : t === "right" && (i = r.width), i;
-}
-function Q(r) {
-  return [r.horizontal, r.vertical].map((t) => typeof t == "number" ? `${t}px` : t).join(" ");
-}
-function v(r) {
-  return typeof r == "function" ? r() : r;
-}
-const No = (r) => {
-  const {
-    classes: t
-  } = r;
-  return Ro({
-    root: ["root"],
-    paper: ["paper"]
-  }, yo, t);
-}, zo = oo(jo, {
-  name: "MuiPopover",
-  slot: "Root"
-})({}), Do = oo(To, {
-  name: "MuiPopover",
-  slot: "Paper"
-})({
-  position: "absolute",
-  overflowY: "auto",
-  overflowX: "hidden",
-  // So we see the popover when it's empty.
-  // It's most likely on issue on userland.
-  minWidth: 16,
-  minHeight: 16,
-  maxWidth: "calc(100% - 32px)",
-  maxHeight: "calc(100% - 32px)",
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0
-}), Lo = /* @__PURE__ */ l.forwardRef(function(t, i) {
-  const C = vo({
-    props: t,
-    name: "MuiPopover"
-  }), {
-    action: eo,
-    anchorEl: c,
-    anchorOrigin: P = {
-      vertical: "top",
-      horizontal: "left"
-    },
-    anchorPosition: O,
-    anchorReference: b = "anchorEl",
-    children: to,
-    className: no,
-    container: ro,
-    elevation: M = 8,
-    marginThreshold: p = 16,
-    open: u,
-    PaperProps: io = {},
-    // TODO: remove in v7
-    slots: N = {},
-    slotProps: E = {},
-    transformOrigin: g = {
-      vertical: "top",
-      horizontal: "left"
-    },
-    TransitionComponent: z,
-    // TODO: remove in v7
-    transitionDuration: w = "auto",
-    TransitionProps: D = {},
-    // TODO: remove in v7
-    disableScrollLock: x = !1,
-    ...so
-  } = C, R = l.useRef(), y = {
-    ...C,
-    anchorOrigin: P,
-    anchorReference: b,
-    elevation: M,
-    marginThreshold: p,
-    transformOrigin: g,
-    TransitionComponent: z,
-    transitionDuration: w,
-    TransitionProps: D
-  }, L = No(y), I = l.useCallback(() => {
-    if (b === "anchorPosition")
-      return process.env.NODE_ENV !== "production" && (O || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), O;
-    const e = v(c), n = e && e.nodeType === 1 ? e : Y(R.current).body, s = n.getBoundingClientRect();
-    if (process.env.NODE_ENV !== "production") {
-      const m = n.getBoundingClientRect();
-      Z() && m.top === 0 && m.left === 0 && m.right === 0 && m.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(`
-`));
-    }
-    return {
-      top: s.top + J(s, P.vertical),
-      left: s.left + K(s, P.horizontal)
-    };
-  }, [c, P.horizontal, P.vertical, O, b]), q = l.useCallback((e) => ({
-    vertical: J(e, g.vertical),
-    horizontal: K(e, g.horizontal)
-  }), [g.horizontal, g.vertical]), H = l.useCallback((e) => {
-    const n = {
-      width: e.offsetWidth,
-      height: e.offsetHeight
-    }, s = q(n);
-    if (b === "none")
-      return {
-        top: null,
-        left: null,
-        transformOrigin: Q(s)
-      };
-    const m = I();
-    let d = m.top - s.vertical, h = m.left - s.horizontal;
-    const B = d + n.height, _ = h + n.width, $ = G(v(c)), T = $.innerHeight - p, F = $.innerWidth - p;
-    if (p !== null && d < p) {
-      const a = d - p;
-      d -= a, s.vertical += a;
-    } else if (p !== null && B > T) {
-      const a = B - T;
-      d -= a, s.vertical += a;
-    }
-    if (process.env.NODE_ENV !== "production" && n.height > T && n.height && T && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${n.height - T}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
-`)), p !== null && h < p) {
-      const a = h - p;
-      h -= a, s.horizontal += a;
-    } else if (_ > F) {
-      const a = _ - F;
-      h -= a, s.horizontal += a;
-    }
-    return {
-      top: `${Math.round(d)}px`,
-      left: `${Math.round(h)}px`,
-      transformOrigin: Q(s)
-    };
-  }, [c, b, I, q, p]), [po, U] = l.useState(u), f = l.useCallback(() => {
-    const e = R.current;
-    if (!e)
-      return;
-    const n = H(e);
-    n.top !== null && e.style.setProperty("top", n.top), n.left !== null && (e.style.left = n.left), e.style.transformOrigin = n.transformOrigin, U(!0);
-  }, [H]);
-  l.useEffect(() => (x && window.addEventListener("scroll", f), () => window.removeEventListener("scroll", f)), [c, x, f]);
-  const ao = () => {
-    f();
-  }, lo = () => {
-    U(!1);
-  };
-  l.useEffect(() => {
-    u && f();
-  }), l.useImperativeHandle(eo, () => u ? {
-    updatePosition: () => {
-      f();
-    }
-  } : null, [u, f]), l.useEffect(() => {
-    if (!u)
-      return;
-    const e = Eo(() => {
-      f();
-    }), n = G(v(c));
-    return n.addEventListener("resize", e), () => {
-      e.clear(), n.removeEventListener("resize", e);
-    };
-  }, [c, u, f]);
-  let V = w;
-  const j = {
-    slots: {
-      transition: z,
-      ...N
-    },
-    slotProps: {
-      transition: D,
-      paper: io,
-      ...E
-    }
-  }, [W, co] = k("transition", {
-    elementType: Oo,
-    externalForwardedProps: j,
-    ownerState: y,
-    getSlotProps: (e) => ({
-      ...e,
-      onEntering: (n, s) => {
-        e.onEntering?.(n, s), ao();
-      },
-      onExited: (n) => {
-        e.onExited?.(n), lo();
-      }
-    }),
-    additionalProps: {
-      appear: !0,
-      in: u
-    }
-  });
-  w === "auto" && !W.muiSupportAuto && (V = void 0);
-  const fo = ro || (c ? Y(v(c)).body : void 0), [A, {
-    slots: uo,
-    slotProps: mo,
-    ...ho
-  }] = k("root", {
-    ref: i,
-    elementType: zo,
-    externalForwardedProps: {
-      ...j,
-      ...so
-    },
-    shouldForwardComponentProp: !0,
-    additionalProps: {
-      slots: {
-        backdrop: N.backdrop
-      },
-      slotProps: {
-        backdrop: wo(typeof E.backdrop == "function" ? E.backdrop(y) : E.backdrop, {
-          invisible: !0
-        })
-      },
-      container: fo,
-      open: u
-    },
-    ownerState: y,
-    className: go(L.root, no)
-  }), [Po, bo] = k("paper", {
-    ref: R,
-    className: L.paper,
-    elementType: Do,
-    externalForwardedProps: j,
-    shouldForwardComponentProp: !0,
-    additionalProps: {
-      elevation: M,
-      style: po ? void 0 : {
-        opacity: 0
-      }
-    },
-    ownerState: y
-  });
-  return /* @__PURE__ */ S.jsx(A, {
-    ...ho,
-    ...!xo(A) && {
-      slots: uo,
-      slotProps: mo,
-      disableScrollLock: x
-    },
-    children: /* @__PURE__ */ S.jsx(W, {
-      ...co,
-      timeout: V,
-      children: /* @__PURE__ */ S.jsx(Po, {
-        ...bo,
-        children: to
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (Lo.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A ref for imperative actions.
-   * It currently only supports updatePosition() action.
-   */
-  action: So,
-  /**
-   * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),
-   * or a function that returns either.
-   * It's used to set the position of the popover.
-   */
-  anchorEl: Mo(o.oneOfType([X, o.func]), (r) => {
-    if (r.open && (!r.anchorReference || r.anchorReference === "anchorEl")) {
-      const t = v(r.anchorEl);
-      if (t && t.nodeType === 1) {
-        const i = t.getBoundingClientRect();
-        if (process.env.NODE_ENV !== "production" && Z() && i.top === 0 && i.left === 0 && i.right === 0 && i.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
-        return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.", `It should be an Element or PopoverVirtualElement instance but it's \`${t}\` instead.`].join(`
-`));
-    }
-    return null;
-  }),
-  /**
-   * This is the point on the anchor where the popover's
-   * `anchorEl` will attach to. This is not used when the
-   * anchorReference is 'anchorPosition'.
-   *
-   * Options:
-   * vertical: [top, center, bottom];
-   * horizontal: [left, center, right].
-   * @default {
-   *   vertical: 'top',
-   *   horizontal: 'left',
-   * }
-   */
-  anchorOrigin: o.shape({
-    horizontal: o.oneOfType([o.oneOf(["center", "left", "right"]), o.number]).isRequired,
-    vertical: o.oneOfType([o.oneOf(["bottom", "center", "top"]), o.number]).isRequired
-  }),
-  /**
-   * This is the position that may be used to set the position of the popover.
-   * The coordinates are relative to the application's client area.
-   */
-  anchorPosition: o.shape({
-    left: o.number.isRequired,
-    top: o.number.isRequired
-  }),
-  /**
-   * This determines which anchor prop to refer to when setting
-   * the position of the popover.
-   * @default 'anchorEl'
-   */
-  anchorReference: o.oneOf(["anchorEl", "anchorPosition", "none"]),
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` 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 styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: o.elementType,
-  /**
-   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` 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.
-   */
-  BackdropProps: o.object,
-  /**
-   * The content of the component.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * An HTML element, component instance, or function that returns either.
-   * The `container` will passed to the Modal component.
-   *
-   * By default, it uses the body of the anchorEl's top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: o.oneOfType([X, o.func]),
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock: o.bool,
-  /**
-   * The elevation of the popover.
-   * @default 8
-   */
-  elevation: ko,
-  /**
-   * Specifies how close to the edge of the window the popover can appear.
-   * If null, the popover will not be constrained by the window.
-   * @default 16
-   */
-  marginThreshold: o.number,
-  /**
-   * Callback fired when the component requests to be closed.
-   * The `reason` parameter can optionally be used to control the response to `onClose`.
-   */
-  onClose: o.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: o.bool.isRequired,
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   *
-   * This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
-   * @deprecated Use `slotProps.paper` instead.
-   *
-   * @default {}
-   */
-  PaperProps: o.shape({
-    component: Co
-  }),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: o.shape({
-    backdrop: o.oneOfType([o.func, o.object]),
-    paper: o.oneOfType([o.func, o.object]),
-    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({
-    backdrop: o.elementType,
-    paper: o.elementType,
-    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]),
-  /**
-   * This is the point on the popover which
-   * will attach to the anchor's origin.
-   *
-   * Options:
-   * vertical: [top, center, bottom, x(px)];
-   * horizontal: [left, center, right, x(px)].
-   * @default {
-   *   vertical: 'top',
-   *   horizontal: 'left',
-   * }
-   */
-  transformOrigin: o.shape({
-    horizontal: o.oneOfType([o.oneOf(["center", "left", "right"]), o.number]).isRequired,
-    vertical: o.oneOfType([o.oneOf(["bottom", "center", "top"]), o.number]).isRequired
-  }),
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default Grow
-   */
-  TransitionComponent: o.elementType,
-  /**
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default 'auto'
-   */
-  transitionDuration: o.oneOfType([o.oneOf(["auto"]), o.number, o.shape({
-    appear: o.number,
-    enter: o.number,
-    exit: o.number
-  })]),
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  TransitionProps: o.object
-});
+import e from "./ui-components.es188.js";
 export {
-  Do as PopoverPaper,
-  zo as PopoverRoot,
-  Lo as default,
-  K as getOffsetLeft,
-  J as getOffsetTop
+  e as default
 };
 //# sourceMappingURL=ui-components.es253.js.map