@weng-lab/ui-components 2.0.3 → 2.1.1

package/dist/ui-components.es179.js

@@ -1,11 +1,29 @@
-import t from "./ui-components.es87.js";
-import i from "./ui-components.es86.js";
-function s(e) {
-  return i("MuiCheckbox", e);
+import s from "./ui-components.es316.js";
+import n from "./ui-components.es317.js";
+class t {
+  static create() {
+    return new t();
+  }
+  currentId = null;
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(r, u) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, u();
+    }, r);
+  }
+  clear = () => {
+    this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+  };
+  disposeEffect = () => this.clear;
+}
+function l() {
+  const e = s(t.create).current;
+  return n(e.disposeEffect), e;
 }
-const a = t("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]);
 export {
-  a as default,
-  s as getCheckboxUtilityClass
+  t as Timeout,
+  l as default
 };
 //# sourceMappingURL=ui-components.es179.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es179.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Checkbox/checkboxClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getCheckboxUtilityClass(slot) {\n  return generateUtilityClass('MuiCheckbox', slot);\n}\nconst checkboxClasses = generateUtilityClasses('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium']);\nexport default checkboxClasses;"],"names":["getCheckboxUtilityClass","slot","generateUtilityClass","checkboxClasses","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAwBC,GAAM;AAC5C,SAAOC,EAAqB,eAAeD,CAAI;AACjD;AACK,MAACE,IAAkBC,EAAuB,eAAe,CAAC,QAAQ,WAAW,YAAY,iBAAiB,gBAAgB,kBAAkB,aAAa,YAAY,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es179.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useTimeout/useTimeout.js"],"sourcesContent":["'use client';\n\nimport useLazyRef from \"../useLazyRef/useLazyRef.js\";\nimport useOnMount from \"../useOnMount/useOnMount.js\";\nexport class Timeout {\n  static create() {\n    return new Timeout();\n  }\n  currentId = null;\n\n  /**\n   * Executes `fn` after `delay`, clearing any previously scheduled call.\n   */\n  start(delay, fn) {\n    this.clear();\n    this.currentId = setTimeout(() => {\n      this.currentId = null;\n      fn();\n    }, delay);\n  }\n  clear = () => {\n    if (this.currentId !== null) {\n      clearTimeout(this.currentId);\n      this.currentId = null;\n    }\n  };\n  disposeEffect = () => {\n    return this.clear;\n  };\n}\nexport default function useTimeout() {\n  const timeout = useLazyRef(Timeout.create).current;\n  useOnMount(timeout.disposeEffect);\n  return timeout;\n}"],"names":["Timeout","delay","fn","useTimeout","timeout","useLazyRef","useOnMount"],"mappings":";;AAIO,MAAMA,EAAQ;AAAA,EACnB,OAAO,SAAS;AACd,WAAO,IAAIA,EAAO;AAAA,EACpB;AAAA,EACA,YAAY;AAAA;AAAA;AAAA;AAAA,EAKZ,MAAMC,GAAOC,GAAI;AACf,SAAK,MAAK,GACV,KAAK,YAAY,WAAW,MAAM;AAChC,WAAK,YAAY,MACjBA,EAAE;AAAA,IACJ,GAAGD,CAAK;AAAA,EACV;AAAA,EACA,QAAQ,MAAM;AACZ,IAAI,KAAK,cAAc,SACrB,aAAa,KAAK,SAAS,GAC3B,KAAK,YAAY;AAAA,EAErB;AAAA,EACA,gBAAgB,MACP,KAAK;AAEhB;AACe,SAASE,IAAa;AACnC,QAAMC,IAAUC,EAAWL,EAAQ,MAAM,EAAE;AAC3C,SAAAM,EAAWF,EAAQ,aAAa,GACzBA;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es18.js

@@ -1,257 +1,26 @@
-import * as v from "react";
-import { clsx as w } from "./ui-components.es79.js";
-import t from "./ui-components.es80.js";
-import C from "./ui-components.es81.js";
-import { getSkeletonUtilityClass as k } from "./ui-components.es82.js";
-import { j as x } from "./ui-components.es12.js";
-import R from "./ui-components.es31.js";
-import { getUnit as O, toUnitless as T } from "./ui-components.es83.js";
-import { useDefaultProps as $ } from "./ui-components.es84.js";
-import S from "./ui-components.es85.js";
-import { keyframes as f, css as h } from "@emotion/react";
-import { alpha as j } from "./ui-components.es48.js";
-const N = (e) => {
-  const {
-    classes: n,
-    variant: o,
-    animation: a,
-    hasChildren: r,
-    width: s,
-    height: i
-  } = e;
-  return S({
-    root: ["root", o, a, r && "withChildren", r && !s && "fitContent", r && !i && "heightAuto"]
-  }, k, n);
-}, l = f`
-  0% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.4;
-  }
-
-  100% {
-    opacity: 1;
-  }
-`, p = f`
-  0% {
-    transform: translateX(-100%);
-  }
-
-  50% {
-    /* +0.5s of delay between each loop */
-    transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(100%);
-  }
-`, U = typeof l != "string" ? h`
-        animation: ${l} 2s ease-in-out 0.5s infinite;
-      ` : null, A = typeof p != "string" ? h`
-        &::after {
-          animation: ${p} 2s linear 0.5s infinite;
-        }
-      ` : null, M = R("span", {
-  name: "MuiSkeleton",
-  slot: "Root",
-  overridesResolver: (e, n) => {
-    const {
-      ownerState: o
-    } = e;
-    return [n.root, n[o.variant], o.animation !== !1 && n[o.animation], o.hasChildren && n.withChildren, o.hasChildren && !o.width && n.fitContent, o.hasChildren && !o.height && n.heightAuto];
-  }
-})(C(({
-  theme: e
-}) => {
-  const n = O(e.shape.borderRadius) || "px", o = T(e.shape.borderRadius);
-  return {
-    display: "block",
-    // Create a "on paper" color with sufficient contrast retaining the color
-    backgroundColor: e.vars ? e.vars.palette.Skeleton.bg : j(e.palette.text.primary, e.palette.mode === "light" ? 0.11 : 0.13),
-    height: "1.2em",
-    variants: [{
-      props: {
-        variant: "text"
-      },
-      style: {
-        marginTop: 0,
-        marginBottom: 0,
-        height: "auto",
-        transformOrigin: "0 55%",
-        transform: "scale(1, 0.60)",
-        borderRadius: `${o}${n}/${Math.round(o / 0.6 * 10) / 10}${n}`,
-        "&:empty:before": {
-          content: '"\\00a0"'
-        }
-      }
-    }, {
-      props: {
-        variant: "circular"
-      },
-      style: {
-        borderRadius: "50%"
-      }
-    }, {
-      props: {
-        variant: "rounded"
-      },
-      style: {
-        borderRadius: (e.vars || e).shape.borderRadius
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.hasChildren,
-      style: {
-        "& > *": {
-          visibility: "hidden"
-        }
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.hasChildren && !a.width,
-      style: {
-        maxWidth: "fit-content"
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.hasChildren && !a.height,
-      style: {
-        height: "auto"
-      }
-    }, {
-      props: {
-        animation: "pulse"
-      },
-      style: U || {
-        animation: `${l} 2s ease-in-out 0.5s infinite`
-      }
-    }, {
-      props: {
-        animation: "wave"
-      },
-      style: {
-        position: "relative",
-        overflow: "hidden",
-        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
-        WebkitMaskImage: "-webkit-radial-gradient(white, black)",
-        "&::after": {
-          background: `linear-gradient(
-                90deg,
-                transparent,
-                ${(e.vars || e).palette.action.hover},
-                transparent
-              )`,
-          content: '""',
-          position: "absolute",
-          transform: "translateX(-100%)",
-          bottom: 0,
-          left: 0,
-          right: 0,
-          top: 0
-        }
-      }
-    }, {
-      props: {
-        animation: "wave"
-      },
-      style: A || {
-        "&::after": {
-          animation: `${p} 2s linear 0.5s infinite`
-        }
-      }
-    }]
-  };
-})), X = /* @__PURE__ */ v.forwardRef(function(n, o) {
-  const a = $({
-    props: n,
-    name: "MuiSkeleton"
-  }), {
-    animation: r = "pulse",
-    className: s,
-    component: i = "span",
-    height: m,
-    style: u,
-    variant: y = "text",
-    width: g,
-    ...c
-  } = a, d = {
-    ...a,
-    animation: r,
-    component: i,
-    variant: y,
-    hasChildren: !!c.children
-  }, b = N(d);
-  return /* @__PURE__ */ x.jsx(M, {
-    as: i,
-    ref: o,
-    className: w(b.root, s),
-    ownerState: d,
-    ...c,
-    style: {
-      width: g,
-      height: m,
-      ...u
-    }
-  });
-});
-process.env.NODE_ENV !== "production" && (X.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The animation.
-   * If `false` the animation effect is disabled.
-   * @default 'pulse'
-   */
-  animation: t.oneOf(["pulse", "wave", !1]),
-  /**
-   * Optional children to infer width and height from.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: t.elementType,
-  /**
-   * Height of the skeleton.
-   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-   */
-  height: t.oneOfType([t.number, t.string]),
-  /**
-   * @ignore
-   */
-  style: t.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * The type of content that will be rendered.
-   * @default 'text'
-   */
-  variant: t.oneOfType([t.oneOf(["circular", "rectangular", "rounded", "text"]), t.string]),
-  /**
-   * Width of the skeleton.
-   * Useful when the skeleton is inside an inline element with no width of its own.
-   */
-  width: t.oneOfType([t.number, t.string])
-});
+import { c as p } from "./ui-components.es14.js";
+import { useRef as b, useEffect as v } from "react";
+import z from "./ui-components.es77.js";
+const E = (t, r, h) => {
+  const e = p.c(5), o = 200, u = b(0);
+  let s, n;
+  e[0] !== r || e[1] !== t || e[2] !== o ? (s = () => {
+    const c = t.current;
+    if (!c)
+      return;
+    const f = z(() => {
+      const i = c.offsetWidth;
+      i !== u.current && (u.current = i, r());
+    }, o), d = new ResizeObserver((i) => {
+      for (const m of i)
+        m.borderBoxSize && f();
+    });
+    return d.observe(c), () => {
+      f.clear(), d.disconnect();
+    };
+  }, n = [t, r, o], e[0] = r, e[1] = t, e[2] = o, e[3] = s, e[4] = n) : (s = e[3], n = e[4]), v(s, n);
+};
 export {
-  X as default
+  E as useContainerResize
 };
 //# sourceMappingURL=ui-components.es18.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es18.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Skeleton/Skeleton.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from \"../styles/index.js\";\nimport { keyframes, css, styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getSkeletonUtilityClass } from \"./skeletonClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    animation,\n    hasChildren,\n    width,\n    height\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, animation, hasChildren && 'withChildren', hasChildren && !width && 'fitContent', hasChildren && !height && 'heightAuto']\n  };\n  return composeClasses(slots, getSkeletonUtilityClass, classes);\n};\nconst pulseKeyframe = keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.4;\n  }\n\n  100% {\n    opacity: 1;\n  }\n`;\nconst waveKeyframe = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    /* +0.5s of delay between each loop */\n    transform: translateX(100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\n// This implementation is for supporting both Styled-components v4+ and Pigment CSS.\n// A global animation has to be created here for Styled-components v4+ (https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#12).\n// which can be done by checking typeof indeterminate1Keyframe !== 'string' (at runtime, Pigment CSS transform keyframes`` to a string).\nconst pulseAnimation = typeof pulseKeyframe !== 'string' ? css`\n        animation: ${pulseKeyframe} 2s ease-in-out 0.5s infinite;\n      ` : null;\nconst waveAnimation = typeof waveKeyframe !== 'string' ? css`\n        &::after {\n          animation: ${waveKeyframe} 2s linear 0.5s infinite;\n        }\n      ` : null;\nconst SkeletonRoot = styled('span', {\n  name: 'MuiSkeleton',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], ownerState.animation !== false && styles[ownerState.animation], ownerState.hasChildren && styles.withChildren, ownerState.hasChildren && !ownerState.width && styles.fitContent, ownerState.hasChildren && !ownerState.height && styles.heightAuto];\n  }\n})(memoTheme(({\n  theme\n}) => {\n  const radiusUnit = getUnit(theme.shape.borderRadius) || 'px';\n  const radiusValue = toUnitless(theme.shape.borderRadius);\n  return {\n    display: 'block',\n    // Create a \"on paper\" color with sufficient contrast retaining the color\n    backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),\n    height: '1.2em',\n    variants: [{\n      props: {\n        variant: 'text'\n      },\n      style: {\n        marginTop: 0,\n        marginBottom: 0,\n        height: 'auto',\n        transformOrigin: '0 55%',\n        transform: 'scale(1, 0.60)',\n        borderRadius: `${radiusValue}${radiusUnit}/${Math.round(radiusValue / 0.6 * 10) / 10}${radiusUnit}`,\n        '&:empty:before': {\n          content: '\"\\\\00a0\"'\n        }\n      }\n    }, {\n      props: {\n        variant: 'circular'\n      },\n      style: {\n        borderRadius: '50%'\n      }\n    }, {\n      props: {\n        variant: 'rounded'\n      },\n      style: {\n        borderRadius: (theme.vars || theme).shape.borderRadius\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren,\n      style: {\n        '& > *': {\n          visibility: 'hidden'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren && !ownerState.width,\n      style: {\n        maxWidth: 'fit-content'\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren && !ownerState.height,\n      style: {\n        height: 'auto'\n      }\n    }, {\n      props: {\n        animation: 'pulse'\n      },\n      style: pulseAnimation || {\n        animation: `${pulseKeyframe} 2s ease-in-out 0.5s infinite`\n      }\n    }, {\n      props: {\n        animation: 'wave'\n      },\n      style: {\n        position: 'relative',\n        overflow: 'hidden',\n        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */\n        WebkitMaskImage: '-webkit-radial-gradient(white, black)',\n        '&::after': {\n          background: `linear-gradient(\n                90deg,\n                transparent,\n                ${(theme.vars || theme).palette.action.hover},\n                transparent\n              )`,\n          content: '\"\"',\n          position: 'absolute',\n          transform: 'translateX(-100%)' /* Avoid flash during server-side hydration */,\n          bottom: 0,\n          left: 0,\n          right: 0,\n          top: 0\n        }\n      }\n    }, {\n      props: {\n        animation: 'wave'\n      },\n      style: waveAnimation || {\n        '&::after': {\n          animation: `${waveKeyframe} 2s linear 0.5s infinite`\n        }\n      }\n    }]\n  };\n}));\nconst Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSkeleton'\n  });\n  const {\n    animation = 'pulse',\n    className,\n    component = 'span',\n    height,\n    style,\n    variant = 'text',\n    width,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    animation,\n    component,\n    variant,\n    hasChildren: Boolean(other.children)\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(SkeletonRoot, {\n    as: component,\n    ref: ref,\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ...other,\n    style: {\n      width,\n      height,\n      ...style\n    }\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Skeleton.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The animation.\n   * If `false` the animation effect is disabled.\n   * @default 'pulse'\n   */\n  animation: PropTypes.oneOf(['pulse', 'wave', false]),\n  /**\n   * Optional children to infer width and height from.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Height of the skeleton.\n   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.\n   */\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The type of content that will be rendered.\n   * @default 'text'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rectangular', 'rounded', 'text']), PropTypes.string]),\n  /**\n   * Width of the skeleton.\n   * Useful when the skeleton is inside an inline element with no width of its own.\n   */\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n} : void 0;\nexport default Skeleton;"],"names":["useUtilityClasses","ownerState","classes","variant","animation","hasChildren","width","height","composeClasses","getSkeletonUtilityClass","pulseKeyframe","keyframes","waveKeyframe","pulseAnimation","css","waveAnimation","SkeletonRoot","styled","props","styles","memoTheme","theme","radiusUnit","getUnit","radiusValue","toUnitless","alpha","Skeleton","React","inProps","ref","useDefaultProps","className","component","style","other","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es18.js","sources":["../src/components/Table/useContainerResize.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { debounce } from \"@mui/material/utils\";\n\n/**\n * Hook that monitors a container element's width changes and triggers a callback\n * when the width changes (debounced to avoid excessive calls).\n *\n * @param containerRef - Ref to the container element to monitor\n * @param callback - Function to call when width changes\n * @param debounceMs - Debounce delay in milliseconds (default: 200)\n */\nexport const useContainerResize = (\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  callback: () => void,\n  debounceMs: number = 200\n): void => {\n  const prevWidth = useRef<number>(0);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const debouncedResize = debounce(() => {\n      const newWidth = container.offsetWidth;\n\n      // ONLY trigger if the actual pixel width of the container changed.\n      // This ignores cases where the grid content expands horizontally\n      // but the container remains the same size.\n      if (newWidth !== prevWidth.current) {\n        prevWidth.current = newWidth;\n        callback();\n      }\n    }, debounceMs);\n\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        // Use borderBoxSize for more accurate external boundary measurement\n        if (entry.borderBoxSize) {\n          debouncedResize();\n        }\n      }\n    });\n\n    observer.observe(container);\n\n    return () => {\n      debouncedResize.clear();\n      observer.disconnect();\n    };\n  }, [containerRef, callback, debounceMs]);\n};\n"],"names":["useContainerResize","containerRef","callback","t0","$","_c","debounceMs","prevWidth","useRef","t1","t2","container","current","debouncedResize","debounce","newWidth","offsetWidth","observer","ResizeObserver","entries","entry","borderBoxSize","observe","clear","disconnect","useEffect"],"mappings":";;;AAWO,MAAMA,IAAqBA,CAAAC,GAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAGhCC,IAAA,KAEAC,IAAkBC,EAAe,CAAC;AAAE,MAAAC,GAAAC;AAAA,EAAAN,EAAA,CAAA,MAAAF,KAAAE,SAAAH,KAAAG,EAAA,CAAA,MAAAE,KAE1BG,IAAAA,MAAA;AACR,UAAAE,IAAkBV,EAAYW;AAC9B,QAAI,CAACD;AAAS;AAEd,UAAAE,IAAwBC,EAAS,MAAA;AAC/B,YAAAC,IAAiBJ,EAASK;AAK1B,MAAID,MAAaR,EAASK,YACxBL,EAASK,UAAWG,GACpBb,EAAAA;AAAAA,IACD,GACAI,CAAU,GAEbW,IAAiB,IAAIC,eAAeC,CAAAA,MAAA;AAClC,iBAAKC,KAAeD;AAElB,QAAIC,EAAKC,iBACPR,EAAAA;AAAAA,IAEH,CACF;AAEDI,WAAAA,EAAQK,QAASX,CAAS,GAEnB,MAAA;AACLE,MAAAA,EAAeU,MAAAA,GACfN,EAAQO,WAAAA;AAAAA,IAAa;AAAA,EACtB,GACAd,KAACT,GAAcC,GAAUI,CAAU,GAACF,OAAAF,GAAAE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,MAAAD,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,IA/BvCqB,EAAUhB,GA+BPC,CAAoC;AAAC;"}

package/dist/ui-components.es180.js

@@ -1,63 +1,32 @@
-import { clsx as A } from "./ui-components.es79.js";
-function x(s, i) {
-  const m = s.charCodeAt(2);
-  return s[0] === "o" && s[1] === "n" && m >= 65 && m <= 90 && typeof i == "function";
-}
-function N(s, i) {
-  if (!s)
-    return i;
-  function m(a, c) {
-    const n = {};
-    return Object.keys(c).forEach((y) => {
-      x(y, c[y]) && typeof a[y] == "function" && (n[y] = (...t) => {
-        a[y](...t), c[y](...t);
-      });
-    }), n;
+import * as t from "react";
+function d(i) {
+  const {
+    controlled: o,
+    default: r,
+    name: n,
+    state: l = "value"
+  } = i, {
+    current: e
+  } = t.useRef(o !== void 0), [c, u] = t.useState(r), f = e ? o : c;
+  if (process.env.NODE_ENV !== "production") {
+    t.useEffect(() => {
+      e !== (o !== void 0) && console.error([`MUI: A component is changing the ${e ? "" : "un"}controlled ${l} state of ${n} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [l, n, o]);
+    const {
+      current: s
+    } = t.useRef(r);
+    t.useEffect(() => {
+      !e && JSON.stringify(r) !== JSON.stringify(s) && console.error([`MUI: A component is changing the default ${l} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+`));
+    }, [JSON.stringify(r)]);
   }
-  if (typeof s == "function" || typeof i == "function")
-    return (a) => {
-      const c = typeof i == "function" ? i(a) : i, n = typeof s == "function" ? s({
-        ...a,
-        ...c
-      }) : s, y = A(a?.className, c?.className, n?.className), t = m(n, c);
-      return {
-        ...c,
-        ...n,
-        ...t,
-        ...!!y && {
-          className: y
-        },
-        ...c?.style && n?.style && {
-          style: {
-            ...c.style,
-            ...n.style
-          }
-        },
-        ...c?.sx && n?.sx && {
-          sx: [...Array.isArray(c.sx) ? c.sx : [c.sx], ...Array.isArray(n.sx) ? n.sx : [n.sx]]
-        }
-      };
-    };
-  const f = i, r = m(s, f), u = A(f?.className, s?.className);
-  return {
-    ...i,
-    ...s,
-    ...r,
-    ...!!u && {
-      className: u
-    },
-    ...f?.style && s?.style && {
-      style: {
-        ...f.style,
-        ...s.style
-      }
-    },
-    ...f?.sx && s?.sx && {
-      sx: [...Array.isArray(f.sx) ? f.sx : [f.sx], ...Array.isArray(s.sx) ? s.sx : [s.sx]]
-    }
-  };
+  const a = t.useCallback((s) => {
+    e || u(s);
+  }, []);
+  return [f, a];
 }
 export {
-  N as default
+  d as default
 };
 //# sourceMappingURL=ui-components.es180.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es180.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/utils/mergeSlotProps.js"],"sourcesContent":["import clsx from 'clsx';\n\n// Brought from [Base UI](https://github.com/mui/base-ui/blob/master/packages/react/src/merge-props/mergeProps.ts#L119)\n// Use it directly from Base UI once it's a package dependency.\nfunction isEventHandler(key, value) {\n  // This approach is more efficient than using a regex.\n  const thirdCharCode = key.charCodeAt(2);\n  return key[0] === 'o' && key[1] === 'n' && thirdCharCode >= 65 /* A */ && thirdCharCode <= 90 /* Z */ && typeof value === 'function';\n}\nexport default function mergeSlotProps(externalSlotProps, defaultSlotProps) {\n  if (!externalSlotProps) {\n    return defaultSlotProps;\n  }\n  function extractHandlers(externalSlotPropsValue, defaultSlotPropsValue) {\n    const handlers = {};\n    Object.keys(defaultSlotPropsValue).forEach(key => {\n      if (isEventHandler(key, defaultSlotPropsValue[key]) && typeof externalSlotPropsValue[key] === 'function') {\n        // only compose the handlers if both default and external slot props match the event handler\n        handlers[key] = (...args) => {\n          externalSlotPropsValue[key](...args);\n          defaultSlotPropsValue[key](...args);\n        };\n      }\n    });\n    return handlers;\n  }\n  if (typeof externalSlotProps === 'function' || typeof defaultSlotProps === 'function') {\n    return ownerState => {\n      const defaultSlotPropsValue = typeof defaultSlotProps === 'function' ? defaultSlotProps(ownerState) : defaultSlotProps;\n      const externalSlotPropsValue = typeof externalSlotProps === 'function' ? externalSlotProps({\n        ...ownerState,\n        ...defaultSlotPropsValue\n      }) : externalSlotProps;\n      const className = clsx(ownerState?.className, defaultSlotPropsValue?.className, externalSlotPropsValue?.className);\n      const handlers = extractHandlers(externalSlotPropsValue, defaultSlotPropsValue);\n      return {\n        ...defaultSlotPropsValue,\n        ...externalSlotPropsValue,\n        ...handlers,\n        ...(!!className && {\n          className\n        }),\n        ...(defaultSlotPropsValue?.style && externalSlotPropsValue?.style && {\n          style: {\n            ...defaultSlotPropsValue.style,\n            ...externalSlotPropsValue.style\n          }\n        }),\n        ...(defaultSlotPropsValue?.sx && externalSlotPropsValue?.sx && {\n          sx: [...(Array.isArray(defaultSlotPropsValue.sx) ? defaultSlotPropsValue.sx : [defaultSlotPropsValue.sx]), ...(Array.isArray(externalSlotPropsValue.sx) ? externalSlotPropsValue.sx : [externalSlotPropsValue.sx])]\n        })\n      };\n    };\n  }\n  const typedDefaultSlotProps = defaultSlotProps;\n  const handlers = extractHandlers(externalSlotProps, typedDefaultSlotProps);\n  const className = clsx(typedDefaultSlotProps?.className, externalSlotProps?.className);\n  return {\n    ...defaultSlotProps,\n    ...externalSlotProps,\n    ...handlers,\n    ...(!!className && {\n      className\n    }),\n    ...(typedDefaultSlotProps?.style && externalSlotProps?.style && {\n      style: {\n        ...typedDefaultSlotProps.style,\n        ...externalSlotProps.style\n      }\n    }),\n    ...(typedDefaultSlotProps?.sx && externalSlotProps?.sx && {\n      sx: [...(Array.isArray(typedDefaultSlotProps.sx) ? typedDefaultSlotProps.sx : [typedDefaultSlotProps.sx]), ...(Array.isArray(externalSlotProps.sx) ? externalSlotProps.sx : [externalSlotProps.sx])]\n    })\n  };\n}"],"names":["isEventHandler","key","value","thirdCharCode","mergeSlotProps","externalSlotProps","defaultSlotProps","extractHandlers","externalSlotPropsValue","defaultSlotPropsValue","handlers","args","ownerState","className","clsx","typedDefaultSlotProps"],"mappings":";AAIA,SAASA,EAAeC,GAAKC,GAAO;AAElC,QAAMC,IAAgBF,EAAI,WAAW,CAAC;AACtC,SAAOA,EAAI,CAAC,MAAM,OAAOA,EAAI,CAAC,MAAM,OAAOE,KAAiB,MAAcA,KAAiB,MAAc,OAAOD,KAAU;AAC5H;AACe,SAASE,EAAeC,GAAmBC,GAAkB;AAC1E,MAAI,CAACD;AACH,WAAOC;AAET,WAASC,EAAgBC,GAAwBC,GAAuB;AACtE,UAAMC,IAAW,CAAA;AACjB,kBAAO,KAAKD,CAAqB,EAAE,QAAQ,CAAAR,MAAO;AAChD,MAAID,EAAeC,GAAKQ,EAAsBR,CAAG,CAAC,KAAK,OAAOO,EAAuBP,CAAG,KAAM,eAE5FS,EAAST,CAAG,IAAI,IAAIU,MAAS;AAC3B,QAAAH,EAAuBP,CAAG,EAAE,GAAGU,CAAI,GACnCF,EAAsBR,CAAG,EAAE,GAAGU,CAAI;AAAA,MACpC;AAAA,IAEJ,CAAC,GACMD;AAAA,EACT;AACA,MAAI,OAAOL,KAAsB,cAAc,OAAOC,KAAqB;AACzE,WAAO,CAAAM,MAAc;AACnB,YAAMH,IAAwB,OAAOH,KAAqB,aAAaA,EAAiBM,CAAU,IAAIN,GAChGE,IAAyB,OAAOH,KAAsB,aAAaA,EAAkB;AAAA,QACzF,GAAGO;AAAA,QACH,GAAGH;AAAA,MACX,CAAO,IAAIJ,GACCQ,IAAYC,EAAKF,GAAY,WAAWH,GAAuB,WAAWD,GAAwB,SAAS,GAC3GE,IAAWH,EAAgBC,GAAwBC,CAAqB;AAC9E,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,GAAGD;AAAA,QACH,GAAGE;AAAA,QACH,GAAI,CAAC,CAACG,KAAa;AAAA,UACjB,WAAAA;AAAA,QACV;AAAA,QACQ,GAAIJ,GAAuB,SAASD,GAAwB,SAAS;AAAA,UACnE,OAAO;AAAA,YACL,GAAGC,EAAsB;AAAA,YACzB,GAAGD,EAAuB;AAAA,UACtC;AAAA,QACA;AAAA,QACQ,GAAIC,GAAuB,MAAMD,GAAwB,MAAM;AAAA,UAC7D,IAAI,CAAC,GAAI,MAAM,QAAQC,EAAsB,EAAE,IAAIA,EAAsB,KAAK,CAACA,EAAsB,EAAE,GAAI,GAAI,MAAM,QAAQD,EAAuB,EAAE,IAAIA,EAAuB,KAAK,CAACA,EAAuB,EAAE,CAAE;AAAA,QAC5N;AAAA,MACA;AAAA,IACI;AAEF,QAAMO,IAAwBT,GACxBI,IAAWH,EAAgBF,GAAmBU,CAAqB,GACnEF,IAAYC,EAAKC,GAAuB,WAAWV,GAAmB,SAAS;AACrF,SAAO;AAAA,IACL,GAAGC;AAAA,IACH,GAAGD;AAAA,IACH,GAAGK;AAAA,IACH,GAAI,CAAC,CAACG,KAAa;AAAA,MACjB,WAAAA;AAAA,IACN;AAAA,IACI,GAAIE,GAAuB,SAASV,GAAmB,SAAS;AAAA,MAC9D,OAAO;AAAA,QACL,GAAGU,EAAsB;AAAA,QACzB,GAAGV,EAAkB;AAAA,MAC7B;AAAA,IACA;AAAA,IACI,GAAIU,GAAuB,MAAMV,GAAmB,MAAM;AAAA,MACxD,IAAI,CAAC,GAAI,MAAM,QAAQU,EAAsB,EAAE,IAAIA,EAAsB,KAAK,CAACA,EAAsB,EAAE,GAAI,GAAI,MAAM,QAAQV,EAAkB,EAAE,IAAIA,EAAkB,KAAK,CAACA,EAAkB,EAAE,CAAE;AAAA,IACzM;AAAA,EACA;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es180.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useControlled/useControlled.js"],"sourcesContent":["'use client';\n\n// TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- process.env never changes, dependency arrays are intentionally ignored\n/* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */\nimport * as React from 'react';\nexport default function useControlled(props) {\n  const {\n    controlled,\n    default: defaultProp,\n    name,\n    state = 'value'\n  } = props;\n  // isControlled is ignored in the hook dependency lists as it should never change.\n  const {\n    current: isControlled\n  } = React.useRef(controlled !== undefined);\n  const [valueState, setValue] = React.useState(defaultProp);\n  const value = isControlled ? controlled : valueState;\n  if (process.env.NODE_ENV !== 'production') {\n    React.useEffect(() => {\n      if (isControlled !== (controlled !== undefined)) {\n        console.error([`MUI: A component is changing the ${isControlled ? '' : 'un'}controlled ${state} state of ${name} to be ${isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${name} ` + 'element for the lifetime of the component.', \"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.\", 'More info: https://fb.me/react-controlled-components'].join('\\n'));\n      }\n    }, [state, name, controlled]);\n    const {\n      current: defaultValue\n    } = React.useRef(defaultProp);\n    React.useEffect(() => {\n      if (!isControlled && JSON.stringify(defaultProp) !== JSON.stringify(defaultValue)) {\n        console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` + `To suppress this warning opt to use a controlled ${name}.`].join('\\n'));\n      }\n    }, [JSON.stringify(defaultProp)]);\n  }\n  const setValueIfUncontrolled = React.useCallback(newValue => {\n    if (!isControlled) {\n      setValue(newValue);\n    }\n  }, []);\n\n  // TODO: provide overloads for the useControlled function to account for the case where either\n  // controlled or default is not undefined.\n  // In that case the return type should be [T, React.Dispatch<React.SetStateAction<T>>]\n  // otherwise it should be [T | undefined, React.Dispatch<React.SetStateAction<T | undefined>>]\n  return [value, setValueIfUncontrolled];\n}"],"names":["useControlled","props","controlled","defaultProp","name","state","isControlled","React","valueState","setValue","value","defaultValue","setValueIfUncontrolled","newValue"],"mappings":";AAKe,SAASA,EAAcC,GAAO;AAC3C,QAAM;AAAA,IACJ,YAAAC;AAAA,IACA,SAASC;AAAA,IACT,MAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,EACZ,IAAMJ,GAEE;AAAA,IACJ,SAASK;AAAA,EACb,IAAMC,EAAM,OAAOL,MAAe,MAAS,GACnC,CAACM,GAAYC,CAAQ,IAAIF,EAAM,SAASJ,CAAW,GACnDO,IAAQJ,IAAeJ,IAAaM;AAC1C,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,IAAAD,EAAM,UAAU,MAAM;AACpB,MAAID,OAAkBJ,MAAe,WACnC,QAAQ,MAAM,CAAC,oCAAoCI,IAAe,KAAK,IAAI,cAAcD,CAAK,aAAaD,CAAI,UAAUE,IAAe,OAAO,EAAE,eAAe,+EAA+E,qDAAqDF,CAAI,+CAAoD,8HAA8H,sDAAsD,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA,IAEhiB,GAAG,CAACC,GAAOD,GAAMF,CAAU,CAAC;AAC5B,UAAM;AAAA,MACJ,SAASS;AAAA,IACf,IAAQJ,EAAM,OAAOJ,CAAW;AAC5B,IAAAI,EAAM,UAAU,MAAM;AACpB,MAAI,CAACD,KAAgB,KAAK,UAAUH,CAAW,MAAM,KAAK,UAAUQ,CAAY,KAC9E,QAAQ,MAAM,CAAC,4CAA4CN,CAAK,6BAA6BD,CAAI,8EAAmFA,CAAI,GAAG,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA,IAE3M,GAAG,CAAC,KAAK,UAAUD,CAAW,CAAC,CAAC;AAAA,EAClC;AACA,QAAMS,IAAyBL,EAAM,YAAY,CAAAM,MAAY;AAC3D,IAAKP,KACHG,EAASI,CAAQ;AAAA,EAErB,GAAG,CAAA,CAAE;AAML,SAAO,CAACH,GAAOE,CAAsB;AACvC;","x_google_ignoreList":[0]}

package/dist/ui-components.es181.js

@@ -1,11 +1,15 @@
-import r from "./ui-components.es87.js";
-import t from "./ui-components.es86.js";
-function n(o) {
-  return t("MuiIconButton", o);
+import * as t from "react";
+import c from "./ui-components.es94.js";
+function f(e) {
+  const r = t.useRef(e);
+  return c(() => {
+    r.current = e;
+  }), t.useRef((...u) => (
+    // @ts-expect-error hide `this`
+    (0, r.current)(...u)
+  )).current;
 }
-const l = r("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]);
 export {
-  l as default,
-  n as getIconButtonUtilityClass
+  f as default
 };
 //# sourceMappingURL=ui-components.es181.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es181.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/IconButton/iconButtonClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getIconButtonUtilityClass(slot) {\n  return generateUtilityClass('MuiIconButton', slot);\n}\nconst iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'loading', 'loadingIndicator', 'loadingWrapper']);\nexport default iconButtonClasses;"],"names":["getIconButtonUtilityClass","slot","generateUtilityClass","iconButtonClasses","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAA0BC,GAAM;AAC9C,SAAOC,EAAqB,iBAAiBD,CAAI;AACnD;AACK,MAACE,IAAoBC,EAAuB,iBAAiB,CAAC,QAAQ,YAAY,gBAAgB,gBAAgB,kBAAkB,cAAc,aAAa,gBAAgB,gBAAgB,aAAa,WAAW,aAAa,cAAc,aAAa,WAAW,oBAAoB,gBAAgB,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es181.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEnhancedEffect from \"../useEnhancedEffect/index.js\";\n\n/**\n * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892\n * See RFC in https://github.com/reactjs/rfcs/pull/220\n */\n\nfunction useEventCallback(fn) {\n  const ref = React.useRef(fn);\n  useEnhancedEffect(() => {\n    ref.current = fn;\n  });\n  return React.useRef((...args) =>\n  // @ts-expect-error hide `this`\n  (0, ref.current)(...args)).current;\n}\nexport default useEventCallback;"],"names":["useEventCallback","fn","ref","React","useEnhancedEffect","args"],"mappings":";;AAUA,SAASA,EAAiBC,GAAI;AAC5B,QAAMC,IAAMC,EAAM,OAAOF,CAAE;AAC3B,SAAAG,EAAkB,MAAM;AACtB,IAAAF,EAAI,UAAUD;AAAA,EAChB,CAAC,GACME,EAAM,OAAO,IAAIE;AAAA;AAAA,QAEpBH,EAAI,SAAS,GAAGG,CAAI;AAAA,GAAC,EAAE;AAC7B;","x_google_ignoreList":[0]}

package/dist/ui-components.es182.js

@@ -1,10 +1,8 @@
-import e from "./ui-components.es86.js";
-import i from "./ui-components.es87.js";
-function n(t) {
-  return e("MuiTableContainer", t);
+import * as e from "react";
+function t(r) {
+  return parseInt(e.version, 10) >= 19 ? r?.props?.ref || null : r?.ref || null;
 }
-i("MuiTableContainer", ["root"]);
 export {
-  n as getTableContainerUtilityClass
+  t as default
 };
 //# sourceMappingURL=ui-components.es182.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es182.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/TableContainer/tableContainerClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTableContainerUtilityClass(slot) {\n  return generateUtilityClass('MuiTableContainer', slot);\n}\nconst tableContainerClasses = generateUtilityClasses('MuiTableContainer', ['root']);\nexport default tableContainerClasses;"],"names":["getTableContainerUtilityClass","slot","generateUtilityClass","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAA8BC,GAAM;AAClD,SAAOC,EAAqB,qBAAqBD,CAAI;AACvD;AAC8BE,EAAuB,qBAAqB,CAAC,MAAM,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es182.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]}