@weng-lab/ui-components 2.2.1 → 2.2.3

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es306.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/styled/styled.js"],"sourcesContent":["import createStyled from \"../createStyled/index.js\";\nconst styled = createStyled();\nexport default styled;"],"names":["styled","createStyled"],"mappings":";AACK,MAACA,IAASC,EAAY;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es306.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/internal/svg-icons/FirstPage.js"],"sourcesContent":["'use client';\n\nimport createSvgIcon from \"../../utils/createSvgIcon.js\";\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z\"\n}), 'FirstPage');"],"names":["FirstPageIconDefault","createSvgIcon","_jsx"],"mappings":";;AAQA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,WAAW;","x_google_ignoreList":[0]}

package/dist/ui-components.es307.js

@@ -1,19 +1,10 @@
-import f from "./ui-components.es331.js";
-import p from "./ui-components.es190.js";
-function i({
-  props: o,
-  name: t,
-  defaultTheme: m,
-  themeId: r
-}) {
-  let e = p(m);
-  return r && (e = e[r] || e), f({
-    theme: e,
-    name: t,
-    props: o
-  });
+import i from "./ui-components.es113.js";
+import a from "./ui-components.es98.js";
+function e(t) {
+  return i("MuiTablePaginationActions", t);
 }
+a("MuiTablePaginationActions", ["root"]);
 export {
-  i as default
+  e as getTablePaginationActionsUtilityClass
 };
 //# sourceMappingURL=ui-components.es307.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es307.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/useThemeProps/useThemeProps.js"],"sourcesContent":["'use client';\n\nimport getThemeProps from \"./getThemeProps.js\";\nimport useTheme from \"../useTheme/index.js\";\nexport default function useThemeProps({\n  props,\n  name,\n  defaultTheme,\n  themeId\n}) {\n  let theme = useTheme(defaultTheme);\n  if (themeId) {\n    theme = theme[themeId] || theme;\n  }\n  return getThemeProps({\n    theme,\n    name,\n    props\n  });\n}"],"names":["useThemeProps","props","name","defaultTheme","themeId","theme","useTheme","getThemeProps"],"mappings":";;AAIe,SAASA,EAAc;AAAA,EACpC,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AACF,GAAG;AACD,MAAIC,IAAQC,EAASH,CAAY;AACjC,SAAIC,MACFC,IAAQA,EAAMD,CAAO,KAAKC,IAErBE,EAAc;AAAA,IACnB,OAAAF;AAAA,IACA,MAAAH;AAAA,IACA,OAAAD;AAAA,EACJ,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es307.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/TablePaginationActions/tablePaginationActionsClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTablePaginationActionsUtilityClass(slot) {\n  return generateUtilityClass('MuiTablePaginationActions', slot);\n}\nconst tablePaginationActionsClasses = generateUtilityClasses('MuiTablePaginationActions', ['root']);\nexport default tablePaginationActionsClasses;"],"names":["getTablePaginationActionsUtilityClass","slot","generateUtilityClass","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAsCC,GAAM;AAC1D,SAAOC,EAAqB,6BAA6BD,CAAI;AAC/D;AACsCE,EAAuB,6BAA6B,CAAC,MAAM,CAAC;","x_google_ignoreList":[0]}

package/dist/ui-components.es308.js

@@ -1,22 +1,246 @@
-const h = (c, f) => c.filter((l) => f.includes(l)), O = (c, f, l) => {
-  const j = c.keys[0];
-  Array.isArray(f) ? f.forEach((g, t) => {
-    l((y, e) => {
-      t <= c.keys.length - 1 && (t === 0 ? Object.assign(y, e) : y[c.up(c.keys[t])] = e);
-    }, g);
-  }) : f && typeof f == "object" ? (Object.keys(f).length > c.keys.length ? c.keys : h(c.keys, Object.keys(f))).forEach((t) => {
-    if (c.keys.includes(t)) {
-      const y = f[t];
-      y !== void 0 && l((e, u) => {
-        j === t ? Object.assign(e, u) : e[c.up(t)] = u;
-      }, y);
+import * as e from "react";
+import C from "./ui-components.es88.js";
+import { clsx as c } from "./ui-components.es99.js";
+import q from "./ui-components.es349.js";
+import i from "./ui-components.es311.js";
+import { j as k } from "./ui-components.es15.js";
+import { useDefaultProps as A } from "./ui-components.es91.js";
+import H from "./ui-components.es170.js";
+import _ from "./ui-components.es350.js";
+import N from "./ui-components.es34.js";
+import { keyframes as E } from "@emotion/react";
+const w = 550, B = 80, G = E`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`, U = E`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`, W = E`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`, F = N("span", {
+  name: "MuiTouchRipple",
+  slot: "Root"
+})({
+  overflow: "hidden",
+  pointerEvents: "none",
+  position: "absolute",
+  zIndex: 0,
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  borderRadius: "inherit"
+}), J = N(q, {
+  name: "MuiTouchRipple",
+  slot: "Ripple"
+})`
+  opacity: 0;
+  position: absolute;
+
+  &.${i.rippleVisible} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${G};
+    animation-duration: ${w}ms;
+    animation-timing-function: ${({
+  theme: n
+}) => n.transitions.easing.easeInOut};
+  }
+
+  &.${i.ripplePulsate} {
+    animation-duration: ${({
+  theme: n
+}) => n.transitions.duration.shorter}ms;
+  }
+
+  & .${i.child} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${i.childLeaving} {
+    opacity: 0;
+    animation-name: ${U};
+    animation-duration: ${w}ms;
+    animation-timing-function: ${({
+  theme: n
+}) => n.transitions.easing.easeInOut};
+  }
+
+  & .${i.childPulsate} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${W};
+    animation-duration: 2500ms;
+    animation-timing-function: ${({
+  theme: n
+}) => n.transitions.easing.easeInOut};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`, Q = /* @__PURE__ */ e.forwardRef(function(D, O) {
+  const V = A({
+    props: D,
+    name: "MuiTouchRipple"
+  }), {
+    center: I = !1,
+    classes: o = {},
+    className: K,
+    ...S
+  } = V, [X, Y] = e.useState([]), j = e.useRef(0), h = e.useRef(null);
+  e.useEffect(() => {
+    h.current && (h.current(), h.current = null);
+  }, [X]);
+  const b = e.useRef(!1), d = H(), r = e.useRef(null), z = e.useRef(null), x = e.useCallback((t) => {
+    const {
+      pulsate: l,
+      rippleX: s,
+      rippleY: R,
+      rippleSize: y,
+      cb: T
+    } = t;
+    Y((a) => [...a, /* @__PURE__ */ k.jsx(J, {
+      classes: {
+        ripple: c(o.ripple, i.ripple),
+        rippleVisible: c(o.rippleVisible, i.rippleVisible),
+        ripplePulsate: c(o.ripplePulsate, i.ripplePulsate),
+        child: c(o.child, i.child),
+        childLeaving: c(o.childLeaving, i.childLeaving),
+        childPulsate: c(o.childPulsate, i.childPulsate)
+      },
+      timeout: w,
+      pulsate: l,
+      rippleX: s,
+      rippleY: R,
+      rippleSize: y
+    }, j.current)]), j.current += 1, h.current = T;
+  }, [o]), g = e.useCallback((t = {}, l = {}, s = () => {
+  }) => {
+    const {
+      pulsate: R = !1,
+      center: y = I || l.pulsate,
+      fakeElement: T = !1
+      // For test purposes
+    } = l;
+    if (t?.type === "mousedown" && b.current) {
+      b.current = !1;
+      return;
     }
-  }) : (typeof f == "number" || typeof f == "string") && l((g, t) => {
-    Object.assign(g, t);
-  }, f);
-};
+    t?.type === "touchstart" && (b.current = !0);
+    const a = T ? null : z.current, p = a ? a.getBoundingClientRect() : {
+      width: 0,
+      height: 0,
+      left: 0,
+      top: 0
+    };
+    let u, m, f;
+    if (y || t === void 0 || t.clientX === 0 && t.clientY === 0 || !t.clientX && !t.touches)
+      u = Math.round(p.width / 2), m = Math.round(p.height / 2);
+    else {
+      const {
+        clientX: $,
+        clientY: P
+      } = t.touches && t.touches.length > 0 ? t.touches[0] : t;
+      u = Math.round($ - p.left), m = Math.round(P - p.top);
+    }
+    if (y)
+      f = Math.sqrt((2 * p.width ** 2 + p.height ** 2) / 3), f % 2 === 0 && (f += 1);
+    else {
+      const $ = Math.max(Math.abs((a ? a.clientWidth : 0) - u), u) * 2 + 2, P = Math.max(Math.abs((a ? a.clientHeight : 0) - m), m) * 2 + 2;
+      f = Math.sqrt($ ** 2 + P ** 2);
+    }
+    t?.touches ? r.current === null && (r.current = () => {
+      x({
+        pulsate: R,
+        rippleX: u,
+        rippleY: m,
+        rippleSize: f,
+        cb: s
+      });
+    }, d.start(B, () => {
+      r.current && (r.current(), r.current = null);
+    })) : x({
+      pulsate: R,
+      rippleX: u,
+      rippleY: m,
+      rippleSize: f,
+      cb: s
+    });
+  }, [I, x, d]), L = e.useCallback(() => {
+    g({}, {
+      pulsate: !0
+    });
+  }, [g]), M = e.useCallback((t, l) => {
+    if (d.clear(), t?.type === "touchend" && r.current) {
+      r.current(), r.current = null, d.start(0, () => {
+        M(t, l);
+      });
+      return;
+    }
+    r.current = null, Y((s) => s.length > 0 ? s.slice(1) : s), h.current = l;
+  }, [d]);
+  return e.useImperativeHandle(O, () => ({
+    pulsate: L,
+    start: g,
+    stop: M
+  }), [L, g, M]), /* @__PURE__ */ k.jsx(F, {
+    className: c(i.root, o.root, K),
+    ref: z,
+    ...S,
+    children: /* @__PURE__ */ k.jsx(_, {
+      component: null,
+      exit: !0,
+      children: X
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (Q.propTypes = {
+  /**
+   * If `true`, the ripple starts at the center of the component
+   * rather than at the point of interaction.
+   */
+  center: C.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: C.object,
+  /**
+   * @ignore
+   */
+  className: C.string
+});
 export {
-  h as filterBreakpointKeys,
-  O as traverseBreakpoints
+  B as DELAY_RIPPLE,
+  J as TouchRippleRipple,
+  F as TouchRippleRoot,
+  Q as default
 };
 //# sourceMappingURL=ui-components.es308.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es308.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/Grid/traverseBreakpoints.js"],"sourcesContent":["export const filterBreakpointKeys = (breakpointsKeys, responsiveKeys) => breakpointsKeys.filter(key => responsiveKeys.includes(key));\nexport const traverseBreakpoints = (breakpoints, responsive, iterator) => {\n  const smallestBreakpoint = breakpoints.keys[0]; // the keys is sorted from smallest to largest by `createBreakpoints`.\n\n  if (Array.isArray(responsive)) {\n    responsive.forEach((breakpointValue, index) => {\n      iterator((responsiveStyles, style) => {\n        if (index <= breakpoints.keys.length - 1) {\n          if (index === 0) {\n            Object.assign(responsiveStyles, style);\n          } else {\n            responsiveStyles[breakpoints.up(breakpoints.keys[index])] = style;\n          }\n        }\n      }, breakpointValue);\n    });\n  } else if (responsive && typeof responsive === 'object') {\n    // prevent null\n    // responsive could be a very big object, pick the smallest responsive values\n\n    const keys = Object.keys(responsive).length > breakpoints.keys.length ? breakpoints.keys : filterBreakpointKeys(breakpoints.keys, Object.keys(responsive));\n    keys.forEach(key => {\n      if (breakpoints.keys.includes(key)) {\n        // @ts-ignore already checked that responsive is an object\n        const breakpointValue = responsive[key];\n        if (breakpointValue !== undefined) {\n          iterator((responsiveStyles, style) => {\n            if (smallestBreakpoint === key) {\n              Object.assign(responsiveStyles, style);\n            } else {\n              responsiveStyles[breakpoints.up(key)] = style;\n            }\n          }, breakpointValue);\n        }\n      }\n    });\n  } else if (typeof responsive === 'number' || typeof responsive === 'string') {\n    iterator((responsiveStyles, style) => {\n      Object.assign(responsiveStyles, style);\n    }, responsive);\n  }\n};"],"names":["filterBreakpointKeys","breakpointsKeys","responsiveKeys","key","traverseBreakpoints","breakpoints","responsive","iterator","smallestBreakpoint","breakpointValue","index","responsiveStyles","style"],"mappings":"AAAY,MAACA,IAAuB,CAACC,GAAiBC,MAAmBD,EAAgB,OAAO,CAAAE,MAAOD,EAAe,SAASC,CAAG,CAAC,GACtHC,IAAsB,CAACC,GAAaC,GAAYC,MAAa;AACxE,QAAMC,IAAqBH,EAAY,KAAK,CAAC;AAE7C,EAAI,MAAM,QAAQC,CAAU,IAC1BA,EAAW,QAAQ,CAACG,GAAiBC,MAAU;AAC7C,IAAAH,EAAS,CAACI,GAAkBC,MAAU;AACpC,MAAIF,KAASL,EAAY,KAAK,SAAS,MACjCK,MAAU,IACZ,OAAO,OAAOC,GAAkBC,CAAK,IAErCD,EAAiBN,EAAY,GAAGA,EAAY,KAAKK,CAAK,CAAC,CAAC,IAAIE;AAAA,IAGlE,GAAGH,CAAe;AAAA,EACpB,CAAC,IACQH,KAAc,OAAOA,KAAe,YAIhC,OAAO,KAAKA,CAAU,EAAE,SAASD,EAAY,KAAK,SAASA,EAAY,OAAOL,EAAqBK,EAAY,MAAM,OAAO,KAAKC,CAAU,CAAC,GACpJ,QAAQ,CAAAH,MAAO;AAClB,QAAIE,EAAY,KAAK,SAASF,CAAG,GAAG;AAElC,YAAMM,IAAkBH,EAAWH,CAAG;AACtC,MAAIM,MAAoB,UACtBF,EAAS,CAACI,GAAkBC,MAAU;AACpC,QAAIJ,MAAuBL,IACzB,OAAO,OAAOQ,GAAkBC,CAAK,IAErCD,EAAiBN,EAAY,GAAGF,CAAG,CAAC,IAAIS;AAAA,MAE5C,GAAGH,CAAe;AAAA,IAEtB;AAAA,EACF,CAAC,KACQ,OAAOH,KAAe,YAAY,OAAOA,KAAe,aACjEC,EAAS,CAACI,GAAkBC,MAAU;AACpC,WAAO,OAAOD,GAAkBC,CAAK;AAAA,EACvC,GAAGN,CAAU;AAEjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es308.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/ButtonBase/TouchRipple.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { TransitionGroup } from 'react-transition-group';\nimport clsx from 'clsx';\nimport useTimeout from '@mui/utils/useTimeout';\nimport { keyframes, styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport Ripple from \"./Ripple.js\";\nimport touchRippleClasses from \"./touchRippleClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DURATION = 550;\nexport const DELAY_RIPPLE = 80;\nconst enterKeyframe = keyframes`\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 0.3;\n  }\n`;\nconst exitKeyframe = keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n`;\nconst pulsateKeyframe = keyframes`\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.92);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n`;\nexport const TouchRippleRoot = styled('span', {\n  name: 'MuiTouchRipple',\n  slot: 'Root'\n})({\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  position: 'absolute',\n  zIndex: 0,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  borderRadius: 'inherit'\n});\n\n// This `styled()` function invokes keyframes. `styled-components` only supports keyframes\n// in string templates. Do not convert these styles in JS object as it will break.\nexport const TouchRippleRipple = styled(Ripple, {\n  name: 'MuiTouchRipple',\n  slot: 'Ripple'\n})`\n  opacity: 0;\n  position: absolute;\n\n  &.${touchRippleClasses.rippleVisible} {\n    opacity: 0.3;\n    transform: scale(1);\n    animation-name: ${enterKeyframe};\n    animation-duration: ${DURATION}ms;\n    animation-timing-function: ${({\n  theme\n}) => theme.transitions.easing.easeInOut};\n  }\n\n  &.${touchRippleClasses.ripplePulsate} {\n    animation-duration: ${({\n  theme\n}) => theme.transitions.duration.shorter}ms;\n  }\n\n  & .${touchRippleClasses.child} {\n    opacity: 1;\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: currentColor;\n  }\n\n  & .${touchRippleClasses.childLeaving} {\n    opacity: 0;\n    animation-name: ${exitKeyframe};\n    animation-duration: ${DURATION}ms;\n    animation-timing-function: ${({\n  theme\n}) => theme.transitions.easing.easeInOut};\n  }\n\n  & .${touchRippleClasses.childPulsate} {\n    position: absolute;\n    /* @noflip */\n    left: 0px;\n    top: 0;\n    animation-name: ${pulsateKeyframe};\n    animation-duration: 2500ms;\n    animation-timing-function: ${({\n  theme\n}) => theme.transitions.easing.easeInOut};\n    animation-iteration-count: infinite;\n    animation-delay: 200ms;\n  }\n`;\n\n/**\n * @ignore - internal component.\n *\n * TODO v5: Make private\n */\nconst TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTouchRipple'\n  });\n  const {\n    center: centerProp = false,\n    classes = {},\n    className,\n    ...other\n  } = props;\n  const [ripples, setRipples] = React.useState([]);\n  const nextKey = React.useRef(0);\n  const rippleCallback = React.useRef(null);\n  React.useEffect(() => {\n    if (rippleCallback.current) {\n      rippleCallback.current();\n      rippleCallback.current = null;\n    }\n  }, [ripples]);\n\n  // Used to filter out mouse emulated events on mobile.\n  const ignoringMouseDown = React.useRef(false);\n  // We use a timer in order to only show the ripples for touch \"click\" like events.\n  // We don't want to display the ripple for touch scroll events.\n  const startTimer = useTimeout();\n\n  // This is the hook called once the previous timeout is ready.\n  const startTimerCommit = React.useRef(null);\n  const container = React.useRef(null);\n  const startCommit = React.useCallback(params => {\n    const {\n      pulsate,\n      rippleX,\n      rippleY,\n      rippleSize,\n      cb\n    } = params;\n    setRipples(oldRipples => [...oldRipples, /*#__PURE__*/_jsx(TouchRippleRipple, {\n      classes: {\n        ripple: clsx(classes.ripple, touchRippleClasses.ripple),\n        rippleVisible: clsx(classes.rippleVisible, touchRippleClasses.rippleVisible),\n        ripplePulsate: clsx(classes.ripplePulsate, touchRippleClasses.ripplePulsate),\n        child: clsx(classes.child, touchRippleClasses.child),\n        childLeaving: clsx(classes.childLeaving, touchRippleClasses.childLeaving),\n        childPulsate: clsx(classes.childPulsate, touchRippleClasses.childPulsate)\n      },\n      timeout: DURATION,\n      pulsate: pulsate,\n      rippleX: rippleX,\n      rippleY: rippleY,\n      rippleSize: rippleSize\n    }, nextKey.current)]);\n    nextKey.current += 1;\n    rippleCallback.current = cb;\n  }, [classes]);\n  const start = React.useCallback((event = {}, options = {}, cb = () => {}) => {\n    const {\n      pulsate = false,\n      center = centerProp || options.pulsate,\n      fakeElement = false // For test purposes\n    } = options;\n    if (event?.type === 'mousedown' && ignoringMouseDown.current) {\n      ignoringMouseDown.current = false;\n      return;\n    }\n    if (event?.type === 'touchstart') {\n      ignoringMouseDown.current = true;\n    }\n    const element = fakeElement ? null : container.current;\n    const rect = element ? element.getBoundingClientRect() : {\n      width: 0,\n      height: 0,\n      left: 0,\n      top: 0\n    };\n\n    // Get the size of the ripple\n    let rippleX;\n    let rippleY;\n    let rippleSize;\n    if (center || event === undefined || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {\n      rippleX = Math.round(rect.width / 2);\n      rippleY = Math.round(rect.height / 2);\n    } else {\n      const {\n        clientX,\n        clientY\n      } = event.touches && event.touches.length > 0 ? event.touches[0] : event;\n      rippleX = Math.round(clientX - rect.left);\n      rippleY = Math.round(clientY - rect.top);\n    }\n    if (center) {\n      rippleSize = Math.sqrt((2 * rect.width ** 2 + rect.height ** 2) / 3);\n\n      // For some reason the animation is broken on Mobile Chrome if the size is even.\n      if (rippleSize % 2 === 0) {\n        rippleSize += 1;\n      }\n    } else {\n      const sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;\n      const sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;\n      rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);\n    }\n\n    // Touch devices\n    if (event?.touches) {\n      // check that this isn't another touchstart due to multitouch\n      // otherwise we will only clear a single timer when unmounting while two\n      // are running\n      if (startTimerCommit.current === null) {\n        // Prepare the ripple effect.\n        startTimerCommit.current = () => {\n          startCommit({\n            pulsate,\n            rippleX,\n            rippleY,\n            rippleSize,\n            cb\n          });\n        };\n        // Delay the execution of the ripple effect.\n        // We have to make a tradeoff with this delay value.\n        startTimer.start(DELAY_RIPPLE, () => {\n          if (startTimerCommit.current) {\n            startTimerCommit.current();\n            startTimerCommit.current = null;\n          }\n        });\n      }\n    } else {\n      startCommit({\n        pulsate,\n        rippleX,\n        rippleY,\n        rippleSize,\n        cb\n      });\n    }\n  }, [centerProp, startCommit, startTimer]);\n  const pulsate = React.useCallback(() => {\n    start({}, {\n      pulsate: true\n    });\n  }, [start]);\n  const stop = React.useCallback((event, cb) => {\n    startTimer.clear();\n\n    // The touch interaction occurs too quickly.\n    // We still want to show ripple effect.\n    if (event?.type === 'touchend' && startTimerCommit.current) {\n      startTimerCommit.current();\n      startTimerCommit.current = null;\n      startTimer.start(0, () => {\n        stop(event, cb);\n      });\n      return;\n    }\n    startTimerCommit.current = null;\n    setRipples(oldRipples => {\n      if (oldRipples.length > 0) {\n        return oldRipples.slice(1);\n      }\n      return oldRipples;\n    });\n    rippleCallback.current = cb;\n  }, [startTimer]);\n  React.useImperativeHandle(ref, () => ({\n    pulsate,\n    start,\n    stop\n  }), [pulsate, start, stop]);\n  return /*#__PURE__*/_jsx(TouchRippleRoot, {\n    className: clsx(touchRippleClasses.root, classes.root, className),\n    ref: container,\n    ...other,\n    children: /*#__PURE__*/_jsx(TransitionGroup, {\n      component: null,\n      exit: true,\n      children: ripples\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TouchRipple.propTypes /* remove-proptypes */ = {\n  /**\n   * If `true`, the ripple starts at the center of the component\n   * rather than at the point of interaction.\n   */\n  center: PropTypes.bool,\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} : void 0;\nexport default TouchRipple;"],"names":["DURATION","DELAY_RIPPLE","enterKeyframe","keyframes","exitKeyframe","pulsateKeyframe","TouchRippleRoot","styled","TouchRippleRipple","Ripple","touchRippleClasses","theme","TouchRipple","React","inProps","ref","props","useDefaultProps","centerProp","classes","className","other","ripples","setRipples","nextKey","rippleCallback","ignoringMouseDown","startTimer","useTimeout","startTimerCommit","container","startCommit","params","pulsate","rippleX","rippleY","rippleSize","cb","oldRipples","_jsx","clsx","start","event","options","center","fakeElement","element","rect","clientX","clientY","sizeX","sizeY","stop","TransitionGroup","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es309.js

@@ -1,10 +1,11 @@
-function l(t) {
-  let e = t.activeElement;
-  for (; e?.shadowRoot?.activeElement != null; )
-    e = e.shadowRoot.activeElement;
-  return e;
+import s from "./ui-components.es113.js";
+import e from "./ui-components.es98.js";
+function a(t) {
+  return s("MuiButtonBase", t);
 }
+const l = e("MuiButtonBase", ["root", "disabled", "focusVisible"]);
 export {
-  l as default
+  l as default,
+  a as getButtonBaseUtilityClass
 };
 //# sourceMappingURL=ui-components.es309.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es309.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/getActiveElement/getActiveElement.js"],"sourcesContent":["/**\n * Gets the actual active element, traversing through shadow roots if necessary.\n *\n * When an element inside a shadow root has focus, `document.activeElement` returns\n * the shadow host element. This function recursively traverses shadow roots to find\n * the actual focused element.\n *\n * @param root - The document or shadow root to start the search from.\n * @returns The actual focused element, or null if no element has focus.\n *\n * @example\n * // In a shadow DOM context\n * const activeElement = getActiveElement(document);\n * // Returns the actual focused element inside the shadow root\n *\n * @example\n * // Starting from a specific document\n * const activeElement = getActiveElement(ownerDocument(element));\n */\nexport default function activeElement(doc) {\n  let element = doc.activeElement;\n  while (element?.shadowRoot?.activeElement != null) {\n    element = element.shadowRoot.activeElement;\n  }\n  return element;\n}"],"names":["activeElement","doc","element"],"mappings":"AAmBe,SAASA,EAAcC,GAAK;AACzC,MAAIC,IAAUD,EAAI;AAClB,SAAOC,GAAS,YAAY,iBAAiB;AAC3C,IAAAA,IAAUA,EAAQ,WAAW;AAE/B,SAAOA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es309.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/ButtonBase/buttonBaseClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getButtonBaseUtilityClass(slot) {\n  return generateUtilityClass('MuiButtonBase', slot);\n}\nconst buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);\nexport default buttonBaseClasses;"],"names":["getButtonBaseUtilityClass","slot","generateUtilityClass","buttonBaseClasses","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAA0BC,GAAM;AAC9C,SAAOC,EAAqB,iBAAiBD,CAAI;AACnD;AACK,MAACE,IAAoBC,EAAuB,iBAAiB,CAAC,QAAQ,YAAY,cAAc,CAAC;","x_google_ignoreList":[0]}

package/dist/ui-components.es31.js

@@ -1,57 +1,152 @@
-import * as d from "react";
-import o from "./ui-components.es89.js";
-import { clsx as f } from "./ui-components.es92.js";
-import u from "./ui-components.es102.js";
-import { getTableHeadUtilityClass as b } from "./ui-components.es117.js";
-import { j as n } from "./ui-components.es15.js";
-import { useDefaultProps as T } from "./ui-components.es96.js";
-import y from "./ui-components.es97.js";
-import x from "./ui-components.es37.js";
-const h = (s) => {
+import { clsx as C } from "./ui-components.es99.js";
+import o from "./ui-components.es88.js";
+import * as O from "react";
+import P from "./ui-components.es143.js";
+import b from "./ui-components.es102.js";
+import i, { getTableSortLabelUtilityClass as D } from "./ui-components.es144.js";
+import d from "./ui-components.es115.js";
+import { j as u } from "./ui-components.es15.js";
+import { useDefaultProps as N } from "./ui-components.es91.js";
+import c from "./ui-components.es110.js";
+import $ from "./ui-components.es111.js";
+import y from "./ui-components.es34.js";
+import h from "./ui-components.es145.js";
+const E = (e) => {
   const {
-    classes: e
-  } = s;
-  return y({
-    root: ["root"]
-  }, b, e);
-}, j = x("thead", {
-  name: "MuiTableHead",
-  slot: "Root"
-})({
-  display: "table-header-group"
-}), v = {
-  variant: "head"
-}, p = "thead", H = /* @__PURE__ */ d.forwardRef(function(e, r) {
-  const a = T({
-    props: e,
-    name: "MuiTableHead"
+    classes: t,
+    direction: r,
+    active: s
+  } = e, n = {
+    root: ["root", s && "active", `direction${c(r)}`],
+    icon: ["icon", `iconDirection${c(r)}`]
+  };
+  return $(n, D, t);
+}, M = y(h, {
+  name: "MuiTableSortLabel",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.root, r.active && t.active];
+  }
+})(b(({
+  theme: e
+}) => ({
+  cursor: "pointer",
+  display: "inline-flex",
+  justifyContent: "flex-start",
+  flexDirection: "inherit",
+  alignItems: "center",
+  "&:focus": {
+    color: (e.vars || e).palette.text.secondary
+  },
+  "&:hover": {
+    color: (e.vars || e).palette.text.secondary,
+    [`& .${i.icon}`]: {
+      opacity: 0.5
+    }
+  },
+  [`&.${i.active}`]: {
+    color: (e.vars || e).palette.text.primary,
+    [`& .${i.icon}`]: {
+      opacity: 1,
+      color: (e.vars || e).palette.text.secondary
+    }
+  }
+}))), z = y("span", {
+  name: "MuiTableSortLabel",
+  slot: "Icon",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.icon, t[`iconDirection${c(r.direction)}`]];
+  }
+})(b(({
+  theme: e
+}) => ({
+  fontSize: 18,
+  marginRight: 4,
+  marginLeft: 4,
+  opacity: 0,
+  transition: e.transitions.create(["opacity", "transform"], {
+    duration: e.transitions.duration.shorter
+  }),
+  userSelect: "none",
+  variants: [{
+    props: {
+      direction: "desc"
+    },
+    style: {
+      transform: "rotate(0deg)"
+    }
+  }, {
+    props: {
+      direction: "asc"
+    },
+    style: {
+      transform: "rotate(180deg)"
+    }
+  }]
+}))), B = /* @__PURE__ */ O.forwardRef(function(t, r) {
+  const s = N({
+    props: t,
+    name: "MuiTableSortLabel"
   }), {
-    className: c,
-    component: t = p,
-    ...m
-  } = a, l = {
-    ...a,
-    component: t
-  }, i = h(l);
-  return /* @__PURE__ */ n.jsx(u.Provider, {
-    value: v,
-    children: /* @__PURE__ */ n.jsx(j, {
-      as: t,
-      className: f(i.root, c),
-      ref: r,
-      role: t === p ? null : "rowgroup",
-      ownerState: l,
-      ...m
-    })
+    active: n = !1,
+    children: T,
+    className: v,
+    direction: S = "asc",
+    hideSortIcon: l = !1,
+    IconComponent: p = P,
+    slots: x = {},
+    slotProps: j = {},
+    ...L
+  } = s, a = {
+    ...s,
+    active: n,
+    direction: S,
+    hideSortIcon: l,
+    IconComponent: p
+  }, m = E(a), f = {
+    slots: x,
+    slotProps: j
+  }, [R, I] = d("root", {
+    elementType: M,
+    externalForwardedProps: f,
+    ownerState: a,
+    className: C(m.root, v),
+    ref: r
+  }), [g, w] = d("icon", {
+    elementType: z,
+    externalForwardedProps: f,
+    ownerState: a,
+    className: m.icon
+  });
+  return /* @__PURE__ */ u.jsxs(R, {
+    disableRipple: !0,
+    component: "span",
+    ...I,
+    ...L,
+    children: [T, l && !n ? null : /* @__PURE__ */ u.jsx(g, {
+      as: p,
+      ...w
+    })]
   });
 });
-process.env.NODE_ENV !== "production" && (H.propTypes = {
+process.env.NODE_ENV !== "production" && (B.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, normally `TableRow`.
+   * If `true`, the label will have the active styling (should be true for the sorted column).
+   * @default false
+   */
+  active: o.bool,
+  /**
+   * Label contents, the arrow will be appended automatically.
    */
   children: o.node,
   /**
@@ -63,16 +158,42 @@ process.env.NODE_ENV !== "production" && (H.propTypes = {
    */
   className: o.string,
   /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
+   * The current sort direction.
+   * @default 'asc'
+   */
+  direction: o.oneOf(["asc", "desc"]),
+  /**
+   * Hide sort icon when active is false.
+   * @default false
+   */
+  hideSortIcon: o.bool,
+  /**
+   * Sort icon to use.
+   * @default ArrowDownwardIcon
+   */
+  IconComponent: o.elementType,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    icon: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
    */
-  component: o.elementType,
+  slots: o.shape({
+    icon: o.elementType,
+    root: 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])
 });
 export {
-  H as default
+  B as default
 };
 //# sourceMappingURL=ui-components.es31.js.map