@weng-lab/ui-components 2.1.1 → 2.2.0

package/dist/ui-components.es51.js

@@ -1,158 +1,42 @@
-import * as y from "react";
-import e from "./ui-components.es85.js";
-import { clsx as h } from "./ui-components.es84.js";
-import P from "./ui-components.es106.js";
-import { j as b } from "./ui-components.es13.js";
-import w from "./ui-components.es42.js";
-import g from "./ui-components.es86.js";
-import c from "./ui-components.es131.js";
-import { getPaperUtilityClass as T } from "./ui-components.es132.js";
-import { useDefaultProps as x } from "./ui-components.es89.js";
-import $ from "./ui-components.es90.js";
-import j from "./ui-components.es105.js";
-import O from "./ui-components.es133.js";
-import { alpha as f } from "./ui-components.es52.js";
-const R = (o) => {
+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 {
-    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",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: a
-    } = o;
-    return [r.root, r[a.variant], !a.square && r.rounded, a.variant === "elevation" && r[`elevation${a.elevation}`]];
-  }
-})(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))})`
-        }
-      },
-      ...v.style
-    }
-  });
-});
-process.env.NODE_ENV !== "production" && (N.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`. │
   // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
+   * You can wrap a node.
    */
-  component: e.elementType,
+  children: o.node,
   /**
-   * 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;
-  }),
-  /**
-   * If `true`, rounded corners are disabled.
+   * 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
    */
-  square: e.bool,
-  /**
-   * @ignore
-   */
-  style: e.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]),
+  defer: o.bool,
   /**
-   * The variant to use.
-   * @default 'elevation'
+   * The fallback content to display.
+   * @default null
    */
-  variant: e.oneOfType([e.oneOf(["elevation", "outlined"]), e.string])
+  fallback: o.node
 });
+process.env.NODE_ENV !== "production" && (r.propTypes = a(r.propTypes));
 export {
-  N as default
+  r as default
 };
 //# sourceMappingURL=ui-components.es51.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es51.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/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.es51.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]}