@weng-lab/ui-components 2.1.0 → 2.2.0

package/dist/ui-components.es50.js

@@ -1,158 +1,256 @@
-import * as y from "react";
-import e from "./ui-components.es84.js";
-import { clsx as h } from "./ui-components.es85.js";
-import P from "./ui-components.es102.js";
-import { j as b } from "./ui-components.es13.js";
-import w from "./ui-components.es35.js";
-import g from "./ui-components.es89.js";
-import c from "./ui-components.es141.js";
-import { getPaperUtilityClass as T } from "./ui-components.es142.js";
-import { useDefaultProps as x } from "./ui-components.es95.js";
-import $ from "./ui-components.es98.js";
-import j from "./ui-components.es99.js";
-import O from "./ui-components.es143.js";
-import { alpha as f } from "./ui-components.es51.js";
-const R = (o) => {
+import * as v from "react";
+import { clsx as w } from "./ui-components.es86.js";
+import t from "./ui-components.es87.js";
+import C from "./ui-components.es88.js";
+import { getSkeletonUtilityClass as k } from "./ui-components.es89.js";
+import { j as x } from "./ui-components.es15.js";
+import R from "./ui-components.es34.js";
+import { getUnit as O, toUnitless as T } from "./ui-components.es90.js";
+import { useDefaultProps as $ } from "./ui-components.es91.js";
+import S from "./ui-components.es92.js";
+import { keyframes as f, css as h } from "@emotion/react";
+const j = (e) => {
   const {
-    square: r,
-    elevation: a,
-    variant: n,
-    classes: t
-  } = o, i = {
-    root: ["root", n, !r && "rounded", n === "elevation" && `elevation${a}`]
-  };
-  return $(i, T, t);
-}, E = w("div", {
-  name: "MuiPaper",
+    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%);
+  }
+`, N = typeof l != "string" ? h`
+        animation: ${l} 2s ease-in-out 0.5s infinite;
+      ` : null, U = typeof p != "string" ? h`
+        &::after {
+          animation: ${p} 2s linear 0.5s infinite;
+        }
+      ` : null, A = R("span", {
+  name: "MuiSkeleton",
   slot: "Root",
-  overridesResolver: (o, r) => {
+  overridesResolver: (e, n) => {
     const {
-      ownerState: a
-    } = o;
-    return [r.root, r[a.variant], !a.square && r.rounded, a.variant === "elevation" && r[`elevation${a.elevation}`]];
+      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];
   }
-})(g(({
-  theme: o
-}) => ({
-  backgroundColor: (o.vars || o).palette.background.paper,
-  color: (o.vars || o).palette.text.primary,
-  transition: o.transitions.create("box-shadow"),
-  variants: [{
-    props: ({
-      ownerState: r
-    }) => !r.square,
-    style: {
-      borderRadius: o.shape.borderRadius
-    }
-  }, {
-    props: {
-      variant: "outlined"
-    },
-    style: {
-      border: `1px solid ${(o.vars || o).palette.divider}`
-    }
-  }, {
-    props: {
-      variant: "elevation"
-    },
-    style: {
-      boxShadow: "var(--Paper-shadow)",
-      backgroundImage: "var(--Paper-overlay)"
-    }
-  }]
-}))), N = /* @__PURE__ */ y.forwardRef(function(r, a) {
-  const n = x({
-    props: r,
-    name: "MuiPaper"
-  }), t = P(), {
-    className: i,
-    component: p = "div",
-    elevation: s = 1,
-    square: m = !1,
-    variant: l = "elevation",
-    ...v
-  } = n, d = {
-    ...n,
-    component: p,
-    elevation: s,
-    square: m,
-    variant: l
-  }, u = R(d);
-  return process.env.NODE_ENV !== "production" && t.shadows[s] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${s}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${s}]\` is defined.`].join(`
-`)), /* @__PURE__ */ b.jsx(E, {
-    as: p,
-    ownerState: d,
-    className: h(u.root, i),
-    ref: a,
-    ...v,
-    style: {
-      ...l === "elevation" && {
-        "--Paper-shadow": (t.vars || t).shadows[s],
-        ...t.vars && {
-          "--Paper-overlay": t.vars.overlays?.[s]
-        },
-        ...!t.vars && t.palette.mode === "dark" && {
-          "--Paper-overlay": `linear-gradient(${f("#fff", c(s))}, ${f("#fff", c(s))})`
+})(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 : e.alpha(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"
       },
-      ...v.style
+      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: N || {
+        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: U || {
+        "&::after": {
+          animation: `${p} 2s linear 0.5s infinite`
+        }
+      }
+    }]
+  };
+})), M = /* @__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 = j(d);
+  return /* @__PURE__ */ x.jsx(A, {
+    as: i,
+    ref: o,
+    className: w(b.root, s),
+    ownerState: d,
+    ...c,
+    style: {
+      width: g,
+      height: m,
+      ...u
     }
   });
 });
-process.env.NODE_ENV !== "production" && (N.propTypes = {
+process.env.NODE_ENV !== "production" && (M.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.
+   * 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: e.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: t.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
-  /**
-   * Shadow depth, corresponds to `dp` in the spec.
-   * It accepts values between 0 and 24 inclusive.
-   * @default 1
-   */
-  elevation: j(O, (o) => {
-    const {
-      elevation: r,
-      variant: a
-    } = o;
-    return r > 0 && a === "outlined" ? new Error(`MUI: Combining \`elevation={${r}}\` with \`variant="${a}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
-  }),
+  component: t.elementType,
   /**
-   * If `true`, rounded corners are disabled.
-   * @default false
+   * Height of the skeleton.
+   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
    */
-  square: e.bool,
+  height: t.oneOfType([t.number, t.string]),
   /**
    * @ignore
    */
-  style: e.object,
+  style: t.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  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]),
   /**
-   * The variant to use.
-   * @default 'elevation'
+   * Width of the skeleton.
+   * Useful when the skeleton is inside an inline element with no width of its own.
    */
-  variant: e.oneOfType([e.oneOf(["elevation", "outlined"]), e.string])
+  width: t.oneOfType([t.number, t.string])
 });
 export {
-  N as default
+  M as default
 };
 //# sourceMappingURL=ui-components.es50.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es50.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/Paper/Paper.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport integerPropType from '@mui/utils/integerPropType';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport { styled, useTheme } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport getOverlayAlpha from \"../styles/getOverlayAlpha.js\";\nimport { getPaperUtilityClass } from \"./paperClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    square,\n    elevation,\n    variant,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, !square && 'rounded', variant === 'elevation' && `elevation${elevation}`]\n  };\n  return composeClasses(slots, getPaperUtilityClass, classes);\n};\nconst PaperRoot = styled('div', {\n  name: 'MuiPaper',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], !ownerState.square && styles.rounded, ownerState.variant === 'elevation' && styles[`elevation${ownerState.elevation}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  backgroundColor: (theme.vars || theme).palette.background.paper,\n  color: (theme.vars || theme).palette.text.primary,\n  transition: theme.transitions.create('box-shadow'),\n  variants: [{\n    props: ({\n      ownerState\n    }) => !ownerState.square,\n    style: {\n      borderRadius: theme.shape.borderRadius\n    }\n  }, {\n    props: {\n      variant: 'outlined'\n    },\n    style: {\n      border: `1px solid ${(theme.vars || theme).palette.divider}`\n    }\n  }, {\n    props: {\n      variant: 'elevation'\n    },\n    style: {\n      boxShadow: 'var(--Paper-shadow)',\n      backgroundImage: 'var(--Paper-overlay)'\n    }\n  }]\n})));\nconst Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiPaper'\n  });\n  const theme = useTheme();\n  const {\n    className,\n    component = 'div',\n    elevation = 1,\n    square = false,\n    variant = 'elevation',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    elevation,\n    square,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  if (process.env.NODE_ENV !== 'production') {\n    if (theme.shadows[elevation] === undefined) {\n      console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \\`theme.shadows[${elevation}]\\` is defined.`].join('\\n'));\n    }\n  }\n  return /*#__PURE__*/_jsx(PaperRoot, {\n    as: component,\n    ownerState: ownerState,\n    className: clsx(classes.root, className),\n    ref: ref,\n    ...other,\n    style: {\n      ...(variant === 'elevation' && {\n        '--Paper-shadow': (theme.vars || theme).shadows[elevation],\n        ...(theme.vars && {\n          '--Paper-overlay': theme.vars.overlays?.[elevation]\n        }),\n        ...(!theme.vars && theme.palette.mode === 'dark' && {\n          '--Paper-overlay': `linear-gradient(${alpha('#fff', getOverlayAlpha(elevation))}, ${alpha('#fff', getOverlayAlpha(elevation))})`\n        })\n      }),\n      ...other.style\n    }\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Paper.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 content of the component.\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   * Shadow depth, corresponds to `dp` in the spec.\n   * It accepts values between 0 and 24 inclusive.\n   * @default 1\n   */\n  elevation: chainPropTypes(integerPropType, props => {\n    const {\n      elevation,\n      variant\n    } = props;\n    if (elevation > 0 && variant === 'outlined') {\n      return new Error(`MUI: Combining \\`elevation={${elevation}}\\` with \\`variant=\"${variant}\"\\` has no effect. Either use \\`elevation={0}\\` or use a different \\`variant\\`.`);\n    }\n    return null;\n  }),\n  /**\n   * If `true`, rounded corners are disabled.\n   * @default false\n   */\n  square: PropTypes.bool,\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 variant to use.\n   * @default 'elevation'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['elevation', 'outlined']), PropTypes.string])\n} : void 0;\nexport default Paper;"],"names":["useUtilityClasses","ownerState","square","elevation","variant","classes","slots","composeClasses","getPaperUtilityClass","PaperRoot","styled","props","styles","memoTheme","theme","Paper","React","inProps","ref","useDefaultProps","useTheme","className","component","other","_jsx","clsx","alpha","getOverlayAlpha","PropTypes","chainPropTypes","integerPropType"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es50.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/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 { 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 : theme.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","Skeleton","React","inProps","ref","useDefaultProps","className","component","style","other","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es51.js

@@ -1,146 +1,42 @@
-import o from "./ui-components.es167.js";
-import b from "./ui-components.es148.js";
-function l(e, t = 0, n = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), b(e, t, n);
-}
-function v(e) {
-  e = e.slice(1);
-  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
-  let n = e.match(t);
-  return n && n[0].length === 1 && (n = n.map((r) => r + r)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((r, s) => s < 3 ? parseInt(r, 16) : Math.round(parseInt(r, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
-}
-function a(e) {
-  if (e.type)
-    return e;
-  if (e.charAt(0) === "#")
-    return a(v(e));
-  const t = e.indexOf("("), n = e.substring(0, t);
-  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(n))
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : o(9, e));
-  let r = e.substring(t + 1, e.length - 1), s;
-  if (n === "color") {
-    if (r = r.split(" "), s = r.shift(), r.length === 4 && r[3].charAt(0) === "/" && (r[3] = r[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(s))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${s}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : o(10, s));
-  } else
-    r = r.split(",");
-  return r = r.map((i) => parseFloat(i)), {
-    type: n,
-    values: r,
-    colorSpace: s
-  };
-}
-const $ = (e) => {
-  const t = a(e);
-  return t.values.slice(0, 3).map((n, r) => t.type.includes("hsl") && r !== 0 ? `${n}%` : n).join(" ");
-}, C = (e, t) => {
-  try {
-    return $(e);
-  } catch {
-    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
-  }
-};
-function u(e) {
+import * as p from "react";
+import o from "./ui-components.es87.js";
+import a from "./ui-components.es95.js";
+import d from "./ui-components.es96.js";
+function r(f) {
   const {
-    type: t,
-    colorSpace: n
-  } = e;
-  let {
-    values: r
-  } = e;
-  return t.includes("rgb") ? r = r.map((s, i) => i < 3 ? parseInt(s, 10) : s) : t.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), t.includes("color") ? r = `${n} ${r.join(" ")}` : r = `${r.join(", ")}`, `${t}(${r})`;
-}
-function M(e) {
-  e = a(e);
-  const {
-    values: t
-  } = e, n = t[0], r = t[1] / 100, s = t[2] / 100, i = r * Math.min(s, 1 - s), p = (y, d = (y + n / 30) % 12) => s - i * Math.max(Math.min(d - 3, 9 - d, 1), -1);
-  let g = "rgb";
-  const f = [Math.round(p(0) * 255), Math.round(p(8) * 255), Math.round(p(4) * 255)];
-  return e.type === "hsla" && (g += "a", f.push(t[3])), u({
-    type: g,
-    values: f
-  });
-}
-function h(e) {
-  e = a(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? a(M(e)).values : e.values;
-  return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
-}
-function I(e, t) {
-  const n = h(e), r = h(t);
-  return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
-}
-function E(e, t) {
-  return e = a(e), t = l(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, u(e);
-}
-function D(e, t, n) {
-  try {
-    return E(e, t);
-  } catch {
-    return e;
-  }
-}
-function c(e, t) {
-  if (e = a(e), t = l(t), e.type.includes("hsl"))
-    e.values[2] *= 1 - t;
-  else if (e.type.includes("rgb") || e.type.includes("color"))
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] *= 1 - t;
-  return u(e);
-}
-function O(e, t, n) {
-  try {
-    return c(e, t);
-  } catch {
-    return e;
-  }
-}
-function m(e, t) {
-  if (e = a(e), t = l(t), e.type.includes("hsl"))
-    e.values[2] += (100 - e.values[2]) * t;
-  else if (e.type.includes("rgb"))
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] += (255 - e.values[n]) * t;
-  else if (e.type.includes("color"))
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] += (1 - e.values[n]) * t;
-  return u(e);
-}
-function T(e, t, n) {
-  try {
-    return m(e, t);
-  } catch {
-    return e;
-  }
-}
-function w(e, t = 0.15) {
-  return h(e) > 0.5 ? c(e, t) : m(e, t);
-}
-function x(e, t, n) {
-  try {
-    return w(e, t);
-  } catch {
-    return e;
-  }
-}
+    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 TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * You can wrap a node.
+   */
+  children: o.node,
+  /**
+   * 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
+   */
+  defer: o.bool,
+  /**
+   * The fallback content to display.
+   * @default null
+   */
+  fallback: o.node
+});
+process.env.NODE_ENV !== "production" && (r.propTypes = a(r.propTypes));
 export {
-  E as alpha,
-  $ as colorChannel,
-  c as darken,
-  a as decomposeColor,
-  w as emphasize,
-  I as getContrastRatio,
-  h as getLuminance,
-  v as hexToRgb,
-  M as hslToRgb,
-  m as lighten,
-  D as private_safeAlpha,
-  C as private_safeColorChannel,
-  O as private_safeDarken,
-  x as private_safeEmphasize,
-  T as private_safeLighten,
-  u as recomposeColor
+  r as default
 };
 //# sourceMappingURL=ui-components.es51.js.map