@weng-lab/ui-components 2.1.1 → 2.2.0

package/dist/ui-components.es349.js

@@ -1,75 +1,128 @@
-import * as n from "react";
-import e from "./ui-components.es85.js";
-import { clsx as a } from "./ui-components.es84.js";
-import { j as u } from "./ui-components.es13.js";
-function g(c) {
+import * as l from "react";
+import e from "./ui-components.es87.js";
+import { clsx as h } from "./ui-components.es86.js";
+import x from "./ui-components.es250.js";
+import { getListUtilityClass as y } from "./ui-components.es368.js";
+import { j as c } from "./ui-components.es15.js";
+import { useDefaultProps as v } from "./ui-components.es91.js";
+import P from "./ui-components.es92.js";
+import j from "./ui-components.es34.js";
+const L = (o) => {
   const {
-    className: m,
     classes: s,
-    pulsate: p = !1,
-    rippleX: d,
-    rippleY: f,
-    rippleSize: i,
-    in: t,
-    onExited: l,
-    timeout: r
-  } = c, [o, b] = n.useState(!1), h = a(m, s.ripple, s.rippleVisible, p && s.ripplePulsate), x = {
-    width: i,
-    height: i,
-    top: -(i / 2) + f,
-    left: -(i / 2) + d
-  }, N = a(s.child, o && s.childLeaving, p && s.childPulsate);
-  return !t && !o && b(!0), n.useEffect(() => {
-    if (!t && l != null) {
-      const E = setTimeout(l, r);
-      return () => {
-        clearTimeout(E);
-      };
+    disablePadding: t,
+    dense: r,
+    subheader: n
+  } = o;
+  return P({
+    root: ["root", !t && "padding", r && "dense", n && "subheader"]
+  }, y, s);
+}, T = j("ul", {
+  name: "MuiList",
+  slot: "Root",
+  overridesResolver: (o, s) => {
+    const {
+      ownerState: t
+    } = o;
+    return [s.root, !t.disablePadding && s.padding, t.dense && s.dense, t.subheader && s.subheader];
+  }
+})({
+  listStyle: "none",
+  margin: 0,
+  padding: 0,
+  position: "relative",
+  variants: [{
+    props: ({
+      ownerState: o
+    }) => !o.disablePadding,
+    style: {
+      paddingTop: 8,
+      paddingBottom: 8
     }
-  }, [l, t, r]), /* @__PURE__ */ u.jsx("span", {
-    className: h,
-    style: x,
-    children: /* @__PURE__ */ u.jsx("span", {
-      className: N
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.subheader,
+    style: {
+      paddingTop: 0
+    }
+  }]
+}), R = /* @__PURE__ */ l.forwardRef(function(s, t) {
+  const r = v({
+    props: s,
+    name: "MuiList"
+  }), {
+    children: n,
+    className: i,
+    component: d = "ul",
+    dense: a = !1,
+    disablePadding: m = !1,
+    subheader: u,
+    ...f
+  } = r, b = l.useMemo(() => ({
+    dense: a
+  }), [a]), p = {
+    ...r,
+    component: d,
+    dense: a,
+    disablePadding: m
+  }, g = L(p);
+  return /* @__PURE__ */ c.jsx(x.Provider, {
+    value: b,
+    children: /* @__PURE__ */ c.jsxs(T, {
+      as: d,
+      className: h(g.root, i),
+      ref: t,
+      ownerState: p,
+      ...f,
+      children: [u, n]
     })
   });
-}
-process.env.NODE_ENV !== "production" && (g.propTypes = {
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * Override or extend the styles applied to the component.
+   * The content of the component.
    */
-  classes: e.object.isRequired,
-  className: e.string,
+  children: e.node,
   /**
-   * @ignore - injected from TransitionGroup
+   * Override or extend the styles applied to the component.
    */
-  in: e.bool,
+  classes: e.object,
   /**
-   * @ignore - injected from TransitionGroup
+   * @ignore
    */
-  onExited: e.func,
+  className: e.string,
   /**
-   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
    */
-  pulsate: e.bool,
+  component: e.elementType,
   /**
-   * Diameter of the ripple.
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
+   * the list and list items.
+   * The prop is available to descendant components as the `dense` context.
+   * @default false
    */
-  rippleSize: e.number,
+  dense: e.bool,
   /**
-   * Horizontal position of the ripple center.
+   * If `true`, vertical padding is removed from the list.
+   * @default false
    */
-  rippleX: e.number,
+  disablePadding: e.bool,
   /**
-   * Vertical position of the ripple center.
+   * The content of the subheader, normally `ListSubheader`.
    */
-  rippleY: e.number,
+  subheader: e.node,
   /**
-   * exit delay
+   * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  timeout: e.number.isRequired
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
 export {
-  g as default
+  R as default
 };
 //# sourceMappingURL=ui-components.es349.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es349.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/Ripple.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction Ripple(props) {\n  const {\n    className,\n    classes,\n    pulsate = false,\n    rippleX,\n    rippleY,\n    rippleSize,\n    in: inProp,\n    onExited,\n    timeout\n  } = props;\n  const [leaving, setLeaving] = React.useState(false);\n  const rippleClassName = clsx(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);\n  const rippleStyles = {\n    width: rippleSize,\n    height: rippleSize,\n    top: -(rippleSize / 2) + rippleY,\n    left: -(rippleSize / 2) + rippleX\n  };\n  const childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);\n  if (!inProp && !leaving) {\n    setLeaving(true);\n  }\n  React.useEffect(() => {\n    if (!inProp && onExited != null) {\n      // react-transition-group#onExited\n      const timeoutId = setTimeout(onExited, timeout);\n      return () => {\n        clearTimeout(timeoutId);\n      };\n    }\n    return undefined;\n  }, [onExited, inProp, timeout]);\n  return /*#__PURE__*/_jsx(\"span\", {\n    className: rippleClassName,\n    style: rippleStyles,\n    children: /*#__PURE__*/_jsx(\"span\", {\n      className: childClassName\n    })\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? Ripple.propTypes /* remove-proptypes */ = {\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  /**\n   * @ignore - injected from TransitionGroup\n   */\n  in: PropTypes.bool,\n  /**\n   * @ignore - injected from TransitionGroup\n   */\n  onExited: PropTypes.func,\n  /**\n   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.\n   */\n  pulsate: PropTypes.bool,\n  /**\n   * Diameter of the ripple.\n   */\n  rippleSize: PropTypes.number,\n  /**\n   * Horizontal position of the ripple center.\n   */\n  rippleX: PropTypes.number,\n  /**\n   * Vertical position of the ripple center.\n   */\n  rippleY: PropTypes.number,\n  /**\n   * exit delay\n   */\n  timeout: PropTypes.number.isRequired\n} : void 0;\nexport default Ripple;"],"names":["Ripple","props","className","classes","pulsate","rippleX","rippleY","rippleSize","inProp","onExited","timeout","leaving","setLeaving","React","rippleClassName","clsx","rippleStyles","childClassName","timeoutId","_jsx","PropTypes"],"mappings":";;;;AAUA,SAASA,EAAOC,GAAO;AACrB,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,UAAAC;AAAA,IACA,SAAAC;AAAA,EACJ,IAAMT,GACE,CAACU,GAASC,CAAU,IAAIC,EAAM,SAAS,EAAK,GAC5CC,IAAkBC,EAAKb,GAAWC,EAAQ,QAAQA,EAAQ,eAAeC,KAAWD,EAAQ,aAAa,GACzGa,IAAe;AAAA,IACnB,OAAOT;AAAA,IACP,QAAQA;AAAA,IACR,KAAK,EAAEA,IAAa,KAAKD;AAAA,IACzB,MAAM,EAAEC,IAAa,KAAKF;AAAA,EAC9B,GACQY,IAAiBF,EAAKZ,EAAQ,OAAOQ,KAAWR,EAAQ,cAAcC,KAAWD,EAAQ,YAAY;AAC3G,SAAI,CAACK,KAAU,CAACG,KACdC,EAAW,EAAI,GAEjBC,EAAM,UAAU,MAAM;AACpB,QAAI,CAACL,KAAUC,KAAY,MAAM;AAE/B,YAAMS,IAAY,WAAWT,GAAUC,CAAO;AAC9C,aAAO,MAAM;AACX,qBAAaQ,CAAS;AAAA,MACxB;AAAA,IACF;AAAA,EAEF,GAAG,CAACT,GAAUD,GAAQE,CAAO,CAAC,GACVS,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,IAC/B,WAAWL;AAAA,IACX,OAAOE;AAAA,IACP,UAAuBG,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,MAClC,WAAWF;AAAA,IACjB,CAAK;AAAA,EACL,CAAG;AACH;AACA,QAAQ,IAAI,aAAa,iBAAejB,EAAO,YAAmC;AAAA;AAAA;AAAA;AAAA,EAIhF,SAASoB,EAAU,OAAO;AAAA,EAC1B,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,IAAIA,EAAU;AAAA;AAAA;AAAA;AAAA,EAId,UAAUA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,YAAYA,EAAU;AAAA;AAAA;AAAA;AAAA,EAItB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,SAASA,EAAU,OAAO;AAC5B;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es349.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/List/List.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport ListContext from \"./ListContext.js\";\nimport { getListUtilityClass } from \"./listClasses.js\";\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    disablePadding,\n    dense,\n    subheader\n  } = ownerState;\n  const slots = {\n    root: ['root', !disablePadding && 'padding', dense && 'dense', subheader && 'subheader']\n  };\n  return composeClasses(slots, getListUtilityClass, classes);\n};\nconst ListRoot = styled('ul', {\n  name: 'MuiList',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, !ownerState.disablePadding && styles.padding, ownerState.dense && styles.dense, ownerState.subheader && styles.subheader];\n  }\n})({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n  position: 'relative',\n  variants: [{\n    props: ({\n      ownerState\n    }) => !ownerState.disablePadding,\n    style: {\n      paddingTop: 8,\n      paddingBottom: 8\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.subheader,\n    style: {\n      paddingTop: 0\n    }\n  }]\n});\nconst List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiList'\n  });\n  const {\n    children,\n    className,\n    component = 'ul',\n    dense = false,\n    disablePadding = false,\n    subheader,\n    ...other\n  } = props;\n  const context = React.useMemo(() => ({\n    dense\n  }), [dense]);\n  const ownerState = {\n    ...props,\n    component,\n    dense,\n    disablePadding\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(ListContext.Provider, {\n    value: context,\n    children: /*#__PURE__*/_jsxs(ListRoot, {\n      as: component,\n      className: clsx(classes.root, className),\n      ref: ref,\n      ownerState: ownerState,\n      ...other,\n      children: [subheader, children]\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? List.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   * If `true`, compact vertical padding designed for keyboard and mouse input is used for\n   * the list and list items.\n   * The prop is available to descendant components as the `dense` context.\n   * @default false\n   */\n  dense: PropTypes.bool,\n  /**\n   * If `true`, vertical padding is removed from the list.\n   * @default false\n   */\n  disablePadding: PropTypes.bool,\n  /**\n   * The content of the subheader, normally `ListSubheader`.\n   */\n  subheader: PropTypes.node,\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 List;"],"names":["useUtilityClasses","ownerState","classes","disablePadding","dense","subheader","composeClasses","getListUtilityClass","ListRoot","styled","props","styles","List","React","inProps","ref","useDefaultProps","children","className","component","other","context","_jsx","ListContext","_jsxs","clsx","PropTypes"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,EACJ,IAAMJ;AAIJ,SAAOK,EAHO;AAAA,IACZ,MAAM,CAAC,QAAQ,CAACH,KAAkB,WAAWC,KAAS,SAASC,KAAa,WAAW;AAAA,EAC3F,GAC+BE,GAAqBL,CAAO;AAC3D,GACMM,IAAWC,EAAO,MAAM;AAAA,EAC5B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB,CAACC,GAAOC,MAAW;AACpC,UAAM;AAAA,MACJ,YAAAV;AAAA,IACN,IAAQS;AACJ,WAAO,CAACC,EAAO,MAAM,CAACV,EAAW,kBAAkBU,EAAO,SAASV,EAAW,SAASU,EAAO,OAAOV,EAAW,aAAaU,EAAO,SAAS;AAAA,EAC/I;AACF,CAAC,EAAE;AAAA,EACD,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,IACT,OAAO,CAAC;AAAA,MACN,YAAAV;AAAA,IACN,MAAU,CAACA,EAAW;AAAA,IAClB,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,eAAe;AAAA,IACrB;AAAA,EACA,GAAK;AAAA,IACD,OAAO,CAAC;AAAA,MACN,YAAAA;AAAA,IACN,MAAUA,EAAW;AAAA,IACjB,OAAO;AAAA,MACL,YAAY;AAAA,IAClB;AAAA,EACA,CAAG;AACH,CAAC,GACKW,IAAoB,gBAAAC,EAAM,WAAW,SAAcC,GAASC,GAAK;AACrE,QAAML,IAAQM,EAAgB;AAAA,IAC5B,OAAOF;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,UAAAG;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAf,IAAQ;AAAA,IACR,gBAAAD,IAAiB;AAAA,IACjB,WAAAE;AAAA,IACA,GAAGe;AAAA,EACP,IAAMV,GACEW,IAAUR,EAAM,QAAQ,OAAO;AAAA,IACnC,OAAAT;AAAA,EACJ,IAAM,CAACA,CAAK,CAAC,GACLH,IAAa;AAAA,IACjB,GAAGS;AAAA,IACH,WAAAS;AAAA,IACA,OAAAf;AAAA,IACA,gBAAAD;AAAA,EACJ,GACQD,IAAUF,EAAkBC,CAAU;AAC5C,SAAoBqB,gBAAAA,EAAAA,IAAKC,EAAY,UAAU;AAAA,IAC7C,OAAOF;AAAA,IACP,UAAuBG,gBAAAA,EAAAA,KAAMhB,GAAU;AAAA,MACrC,IAAIW;AAAA,MACJ,WAAWM,EAAKvB,EAAQ,MAAMgB,CAAS;AAAA,MACvC,KAAKH;AAAA,MACL,YAAYd;AAAA,MACZ,GAAGmB;AAAA,MACH,UAAU,CAACf,GAAWY,CAAQ;AAAA,IACpC,CAAK;AAAA,EACL,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeL,EAAK,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ9E,UAAUc,EAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOrB,OAAOA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjB,gBAAgBA,EAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AACxJ;","x_google_ignoreList":[0]}