@weng-lab/ui-components 3.0.0-beta.0 → 3.0.0

package/dist/ui-components.es307.js

@@ -1,246 +1,9 @@
-import * as e from "react";
-import C from "./ui-components.es89.js";
-import { clsx as c } from "./ui-components.es94.js";
-import q from "./ui-components.es349.js";
-import i from "./ui-components.es310.js";
-import { j as k } from "./ui-components.es15.js";
-import { useDefaultProps as A } from "./ui-components.es92.js";
-import H from "./ui-components.es184.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;
-    }
-    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
-});
+import r from "./ui-components.es78.js";
+import { j as o } from "./ui-components.es15.js";
+const e = r(/* @__PURE__ */ o.jsx("path", {
+  d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
+}), "KeyboardArrowRight");
 export {
-  B as DELAY_RIPPLE,
-  J as TouchRippleRipple,
-  F as TouchRippleRoot,
-  Q as default
+  e as default
 };
 //# 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+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]}
+{"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/internal/svg-icons/KeyboardArrowRight.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: \"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z\"\n}), 'KeyboardArrowRight');"],"names":["KeyboardArrowRight","createSvgIcon","_jsx"],"mappings":";;AAQA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,oBAAoB;","x_google_ignoreList":[0]}

package/dist/ui-components.es308.js

@@ -1,11 +1,9 @@
-import s from "./ui-components.es99.js";
-import e from "./ui-components.es100.js";
-function a(t) {
-  return s("MuiButtonBase", t);
-}
-const l = e("MuiButtonBase", ["root", "disabled", "focusVisible"]);
+import t from "./ui-components.es78.js";
+import { j as a } from "./ui-components.es15.js";
+const s = t(/* @__PURE__ */ a.jsx("path", {
+  d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
+}), "LastPage");
 export {
-  l as default,
-  a as getButtonBaseUtilityClass
+  s 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+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]}
+{"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/internal/svg-icons/LastPage.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: \"M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z\"\n}), 'LastPage');"],"names":["LastPageIconDefault","createSvgIcon","_jsx"],"mappings":";;AAQA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,UAAU;","x_google_ignoreList":[0]}

package/dist/ui-components.es309.js

@@ -1,52 +1,9 @@
-import * as n from "react";
-import i from "./ui-components.es315.js";
-class u {
-  /** React ref to the ripple instance */
-  /** If the ripple component should be mounted */
-  /** Promise that resolves when the ripple component is mounted */
-  /** If the ripple component has been mounted */
-  /** React state hook setter */
-  static create() {
-    return new u();
-  }
-  static use() {
-    const t = i(u.create).current, [e, s] = n.useState(!1);
-    return t.shouldMount = e, t.setShouldMount = s, n.useEffect(t.mountEffect, [e]), t;
-  }
-  constructor() {
-    this.ref = {
-      current: null
-    }, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
-  }
-  mount() {
-    return this.mounted || (this.mounted = h(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
-  }
-  mountEffect = () => {
-    this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
-  };
-  /* Ripple API */
-  start(...t) {
-    this.mount().then(() => this.ref.current?.start(...t));
-  }
-  stop(...t) {
-    this.mount().then(() => this.ref.current?.stop(...t));
-  }
-  pulsate(...t) {
-    this.mount().then(() => this.ref.current?.pulsate(...t));
-  }
-}
-function c() {
-  return u.use();
-}
-function h() {
-  let o, t;
-  const e = new Promise((s, r) => {
-    o = s, t = r;
-  });
-  return e.resolve = o, e.reject = t, e;
-}
+import t from "./ui-components.es78.js";
+import { j as o } from "./ui-components.es15.js";
+const e = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
+}), "FirstPage");
 export {
-  u as LazyRipple,
-  c as default
+  e as default
 };
 //# 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+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/useLazyRipple/useLazyRipple.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useLazyRef from '@mui/utils/useLazyRef';\n/**\n * Lazy initialization container for the Ripple instance. This improves\n * performance by delaying mounting the ripple until it's needed.\n */\nexport class LazyRipple {\n  /** React ref to the ripple instance */\n\n  /** If the ripple component should be mounted */\n\n  /** Promise that resolves when the ripple component is mounted */\n\n  /** If the ripple component has been mounted */\n\n  /** React state hook setter */\n\n  static create() {\n    return new LazyRipple();\n  }\n  static use() {\n    /* eslint-disable */\n    const ripple = useLazyRef(LazyRipple.create).current;\n    const [shouldMount, setShouldMount] = React.useState(false);\n    ripple.shouldMount = shouldMount;\n    ripple.setShouldMount = setShouldMount;\n    React.useEffect(ripple.mountEffect, [shouldMount]);\n    /* eslint-enable */\n\n    return ripple;\n  }\n  constructor() {\n    this.ref = {\n      current: null\n    };\n    this.mounted = null;\n    this.didMount = false;\n    this.shouldMount = false;\n    this.setShouldMount = null;\n  }\n  mount() {\n    if (!this.mounted) {\n      this.mounted = createControlledPromise();\n      this.shouldMount = true;\n      this.setShouldMount(this.shouldMount);\n    }\n    return this.mounted;\n  }\n  mountEffect = () => {\n    if (this.shouldMount && !this.didMount) {\n      if (this.ref.current !== null) {\n        this.didMount = true;\n        this.mounted.resolve();\n      }\n    }\n  };\n\n  /* Ripple API */\n\n  start(...args) {\n    this.mount().then(() => this.ref.current?.start(...args));\n  }\n  stop(...args) {\n    this.mount().then(() => this.ref.current?.stop(...args));\n  }\n  pulsate(...args) {\n    this.mount().then(() => this.ref.current?.pulsate(...args));\n  }\n}\nexport default function useLazyRipple() {\n  return LazyRipple.use();\n}\nfunction createControlledPromise() {\n  let resolve;\n  let reject;\n  const p = new Promise((resolveFn, rejectFn) => {\n    resolve = resolveFn;\n    reject = rejectFn;\n  });\n  p.resolve = resolve;\n  p.reject = reject;\n  return p;\n}"],"names":["LazyRipple","ripple","useLazyRef","shouldMount","setShouldMount","React","createControlledPromise","args","useLazyRipple","resolve","reject","p","resolveFn","rejectFn"],"mappings":";;AAQO,MAAMA,EAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWtB,OAAO,SAAS;AACd,WAAO,IAAIA,EAAU;AAAA,EACvB;AAAA,EACA,OAAO,MAAM;AAEX,UAAMC,IAASC,EAAWF,EAAW,MAAM,EAAE,SACvC,CAACG,GAAaC,CAAc,IAAIC,EAAM,SAAS,EAAK;AAC1D,WAAAJ,EAAO,cAAcE,GACrBF,EAAO,iBAAiBG,GACxBC,EAAM,UAAUJ,EAAO,aAAa,CAACE,CAAW,CAAC,GAG1CF;AAAA,EACT;AAAA,EACA,cAAc;AACZ,SAAK,MAAM;AAAA,MACT,SAAS;AAAA,IACf,GACI,KAAK,UAAU,MACf,KAAK,WAAW,IAChB,KAAK,cAAc,IACnB,KAAK,iBAAiB;AAAA,EACxB;AAAA,EACA,QAAQ;AACN,WAAK,KAAK,YACR,KAAK,UAAUK,EAAuB,GACtC,KAAK,cAAc,IACnB,KAAK,eAAe,KAAK,WAAW,IAE/B,KAAK;AAAA,EACd;AAAA,EACA,cAAc,MAAM;AAClB,IAAI,KAAK,eAAe,CAAC,KAAK,YACxB,KAAK,IAAI,YAAY,SACvB,KAAK,WAAW,IAChB,KAAK,QAAQ,QAAO;AAAA,EAG1B;AAAA;AAAA,EAIA,SAASC,GAAM;AACb,SAAK,QAAQ,KAAK,MAAM,KAAK,IAAI,SAAS,MAAM,GAAGA,CAAI,CAAC;AAAA,EAC1D;AAAA,EACA,QAAQA,GAAM;AACZ,SAAK,QAAQ,KAAK,MAAM,KAAK,IAAI,SAAS,KAAK,GAAGA,CAAI,CAAC;AAAA,EACzD;AAAA,EACA,WAAWA,GAAM;AACf,SAAK,QAAQ,KAAK,MAAM,KAAK,IAAI,SAAS,QAAQ,GAAGA,CAAI,CAAC;AAAA,EAC5D;AACF;AACe,SAASC,IAAgB;AACtC,SAAOR,EAAW,IAAG;AACvB;AACA,SAASM,IAA0B;AACjC,MAAIG,GACAC;AACJ,QAAMC,IAAI,IAAI,QAAQ,CAACC,GAAWC,MAAa;AAC7C,IAAAJ,IAAUG,GACVF,IAASG;AAAA,EACX,CAAC;AACD,SAAAF,EAAE,UAAUF,GACZE,EAAE,SAASD,GACJC;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/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.es31.js

@@ -1,199 +1,42 @@
-import { clsx as C } from "./ui-components.es94.js";
+import * as p from "react";
 import o from "./ui-components.es89.js";
-import * as O from "react";
-import P from "./ui-components.es161.js";
-import b from "./ui-components.es95.js";
-import i, { getTableSortLabelUtilityClass as D } from "./ui-components.es162.js";
-import d from "./ui-components.es128.js";
-import { j as u } from "./ui-components.es15.js";
-import { useDefaultProps as N } from "./ui-components.es92.js";
-import c from "./ui-components.es117.js";
-import $ from "./ui-components.es98.js";
-import y from "./ui-components.es34.js";
-import h from "./ui-components.es158.js";
-const E = (e) => {
+import a from "./ui-components.es94.js";
+import d from "./ui-components.es95.js";
+function r(f) {
   const {
-    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"
-  }), {
-    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" && (B.propTypes = {
+    children: s,
+    defer: e = !1,
+    fallback: n = null
+  } = f, [c, t] = p.useState(!1);
+  return d(() => {
+    e || t(!0);
+  }, [e]), p.useEffect(() => {
+    e && t(!0);
+  }, [e]), c ? s : n;
+}
+process.env.NODE_ENV !== "production" && (r.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * 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.
+   * You can wrap a node.
    */
   children: o.node,
   /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The current sort direction.
-   * @default 'asc'
-   */
-  direction: o.oneOf(["asc", "desc"]),
-  /**
-   * Hide sort icon when active is false.
+   * If `true`, the component will not only prevent server-side rendering.
+   * It will also defer the rendering of the children into a different screen frame.
    * @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 {}
-   */
-  slots: o.shape({
-    icon: o.elementType,
-    root: o.elementType
-  }),
+  defer: o.bool,
   /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
+   * The fallback content to display.
+   * @default null
    */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+  fallback: o.node
 });
+process.env.NODE_ENV !== "production" && (r.propTypes = a(r.propTypes));
 export {
-  B as default
+  r as default
 };
 //# sourceMappingURL=ui-components.es31.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es31.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/TableSortLabel/TableSortLabel.js"],"sourcesContent":["'use client';\n\nimport composeClasses from '@mui/utils/composeClasses';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport ButtonBase from \"../ButtonBase/index.js\";\nimport ArrowDownwardIcon from \"../internal/svg-icons/ArrowDownward.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport tableSortLabelClasses, { getTableSortLabelUtilityClass } from \"./tableSortLabelClasses.js\";\nimport useSlot from \"../utils/useSlot.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    direction,\n    active\n  } = ownerState;\n  const slots = {\n    root: ['root', active && 'active', `direction${capitalize(direction)}`],\n    icon: ['icon', `iconDirection${capitalize(direction)}`]\n  };\n  return composeClasses(slots, getTableSortLabelUtilityClass, classes);\n};\nconst TableSortLabelRoot = styled(ButtonBase, {\n  name: 'MuiTableSortLabel',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.active && styles.active];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  cursor: 'pointer',\n  display: 'inline-flex',\n  justifyContent: 'flex-start',\n  flexDirection: 'inherit',\n  alignItems: 'center',\n  '&:focus': {\n    color: (theme.vars || theme).palette.text.secondary\n  },\n  '&:hover': {\n    color: (theme.vars || theme).palette.text.secondary,\n    [`& .${tableSortLabelClasses.icon}`]: {\n      opacity: 0.5\n    }\n  },\n  [`&.${tableSortLabelClasses.active}`]: {\n    color: (theme.vars || theme).palette.text.primary,\n    [`& .${tableSortLabelClasses.icon}`]: {\n      opacity: 1,\n      color: (theme.vars || theme).palette.text.secondary\n    }\n  }\n})));\nconst TableSortLabelIcon = styled('span', {\n  name: 'MuiTableSortLabel',\n  slot: 'Icon',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.icon, styles[`iconDirection${capitalize(ownerState.direction)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  fontSize: 18,\n  marginRight: 4,\n  marginLeft: 4,\n  opacity: 0,\n  transition: theme.transitions.create(['opacity', 'transform'], {\n    duration: theme.transitions.duration.shorter\n  }),\n  userSelect: 'none',\n  variants: [{\n    props: {\n      direction: 'desc'\n    },\n    style: {\n      transform: 'rotate(0deg)'\n    }\n  }, {\n    props: {\n      direction: 'asc'\n    },\n    style: {\n      transform: 'rotate(180deg)'\n    }\n  }]\n})));\n\n/**\n * A button based label for placing inside `TableCell` for column sorting.\n */\nconst TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTableSortLabel'\n  });\n  const {\n    active = false,\n    children,\n    className,\n    direction = 'asc',\n    hideSortIcon = false,\n    IconComponent = ArrowDownwardIcon,\n    slots = {},\n    slotProps = {},\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    active,\n    direction,\n    hideSortIcon,\n    IconComponent\n  };\n  const classes = useUtilityClasses(ownerState);\n  const externalForwardedProps = {\n    slots,\n    slotProps\n  };\n  const [RootSlot, rootProps] = useSlot('root', {\n    elementType: TableSortLabelRoot,\n    externalForwardedProps,\n    ownerState,\n    className: clsx(classes.root, className),\n    ref\n  });\n  const [IconSlot, iconProps] = useSlot('icon', {\n    elementType: TableSortLabelIcon,\n    externalForwardedProps,\n    ownerState,\n    className: classes.icon\n  });\n  return /*#__PURE__*/_jsxs(RootSlot, {\n    disableRipple: true,\n    component: \"span\",\n    ...rootProps,\n    ...other,\n    children: [children, hideSortIcon && !active ? null : /*#__PURE__*/_jsx(IconSlot, {\n      as: IconComponent,\n      ...iconProps\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableSortLabel.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   * If `true`, the label will have the active styling (should be true for the sorted column).\n   * @default false\n   */\n  active: PropTypes.bool,\n  /**\n   * Label contents, the arrow will be appended automatically.\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 current sort direction.\n   * @default 'asc'\n   */\n  direction: PropTypes.oneOf(['asc', 'desc']),\n  /**\n   * Hide sort icon when active is false.\n   * @default false\n   */\n  hideSortIcon: PropTypes.bool,\n  /**\n   * Sort icon to use.\n   * @default ArrowDownwardIcon\n   */\n  IconComponent: PropTypes.elementType,\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    icon: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\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} : void 0;\nexport default TableSortLabel;"],"names":["useUtilityClasses","ownerState","classes","direction","active","slots","capitalize","composeClasses","getTableSortLabelUtilityClass","TableSortLabelRoot","styled","ButtonBase","props","styles","memoTheme","theme","tableSortLabelClasses","TableSortLabelIcon","TableSortLabel","React","inProps","ref","useDefaultProps","children","className","hideSortIcon","IconComponent","ArrowDownwardIcon","slotProps","other","externalForwardedProps","RootSlot","rootProps","useSlot","clsx","IconSlot","iconProps","_jsxs","_jsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es31.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/NoSsr/NoSsr.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport useEnhancedEffect from '@mui/utils/useEnhancedEffect';\nimport exactProp from '@mui/utils/exactProp';\n/**\n * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).\n *\n * This component can be useful in a variety of situations:\n *\n * * Escape hatch for broken dependencies not supporting SSR.\n * * Improve the time-to-first paint on the client by only rendering above the fold.\n * * Reduce the rendering time on the server.\n * * Under too heavy server load, you can turn on service degradation.\n *\n * Demos:\n *\n * - [No SSR](https://mui.com/material-ui/react-no-ssr/)\n *\n * API:\n *\n * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)\n */\nfunction NoSsr(props) {\n  const {\n    children,\n    defer = false,\n    fallback = null\n  } = props;\n  const [mountedState, setMountedState] = React.useState(false);\n  useEnhancedEffect(() => {\n    if (!defer) {\n      setMountedState(true);\n    }\n  }, [defer]);\n  React.useEffect(() => {\n    if (defer) {\n      setMountedState(true);\n    }\n  }, [defer]);\n\n  // TODO casting won't be needed at one point https://github.com/DefinitelyTyped/DefinitelyTyped/pull/65135\n  return mountedState ? children : fallback;\n}\nprocess.env.NODE_ENV !== \"production\" ? NoSsr.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * You can wrap a node.\n   */\n  children: PropTypes.node,\n  /**\n   * If `true`, the component will not only prevent server-side rendering.\n   * It will also defer the rendering of the children into a different screen frame.\n   * @default false\n   */\n  defer: PropTypes.bool,\n  /**\n   * The fallback content to display.\n   * @default null\n   */\n  fallback: PropTypes.node\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  // eslint-disable-next-line\n  NoSsr['propTypes' + ''] = exactProp(NoSsr.propTypes);\n}\nexport default NoSsr;"],"names":["NoSsr","props","children","defer","fallback","mountedState","setMountedState","React","useEnhancedEffect","PropTypes","exactProp"],"mappings":";;;;AAwBA,SAASA,EAAMC,GAAO;AACpB,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,EACf,IAAMH,GACE,CAACI,GAAcC,CAAe,IAAIC,EAAM,SAAS,EAAK;AAC5D,SAAAC,EAAkB,MAAM;AACtB,IAAKL,KACHG,EAAgB,EAAI;AAAA,EAExB,GAAG,CAACH,CAAK,CAAC,GACVI,EAAM,UAAU,MAAM;AACpB,IAAIJ,KACFG,EAAgB,EAAI;AAAA,EAExB,GAAG,CAACH,CAAK,CAAC,GAGHE,IAAeH,IAAWE;AACnC;AACA,QAAQ,IAAI,aAAa,iBAAeJ,EAAM,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ/E,UAAUS,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpB,OAAOA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjB,UAAUA,EAAU;AACtB;AACI,QAAQ,IAAI,aAAa,iBAE3BT,EAAM,YAAoBU,EAAUV,EAAM,SAAS;","x_google_ignoreList":[0]}