@weng-lab/ui-components 2.0.1 → 2.0.3

package/dist/ui-components.es119.js

@@ -1,180 +1,67 @@
-import * as y from "react";
-import e from "./ui-components.es81.js";
-import { clsx as z } from "./ui-components.es80.js";
-import F from "./ui-components.es172.js";
-import R from "./ui-components.es173.js";
-import j from "./ui-components.es82.js";
-import f, { getFormHelperTextUtilityClasses as q } from "./ui-components.es275.js";
-import { j as u } from "./ui-components.es12.js";
-import { useDefaultProps as C } from "./ui-components.es85.js";
-import H from "./ui-components.es31.js";
-import x from "./ui-components.es98.js";
-import O from "./ui-components.es86.js";
-var b;
-const N = (r) => {
-  const {
-    classes: o,
-    contained: s,
-    size: i,
-    disabled: a,
-    error: l,
-    filled: n,
-    focused: p,
-    required: c
-  } = r, m = {
-    root: ["root", a && "disabled", l && "error", i && `size${x(i)}`, s && "contained", p && "focused", n && "filled", c && "required"]
+const d = {
+  // This is the most common easing curve.
+  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+  // Objects enter the screen at full velocity from off-screen and
+  // slowly decelerate to a resting point.
+  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
+  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+  // The sharp curve is used by objects that may return to the screen at any time.
+  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+}, f = {
+  shortest: 150,
+  shorter: 200,
+  short: 250,
+  // most basic recommended timing
+  standard: 300,
+  // this is to be used in complex animations
+  complex: 375,
+  // recommended when something is entering screen
+  enteringScreen: 225,
+  // recommended when something is leaving screen
+  leavingScreen: 195
+};
+function m(e) {
+  return `${Math.round(e)}ms`;
+}
+function l(e) {
+  if (!e)
+    return 0;
+  const n = e / 36;
+  return Math.min(Math.round((4 + 15 * n ** 0.25 + n / 5) * 10), 3e3);
+}
+function p(e) {
+  const n = {
+    ...d,
+    ...e.easing
+  }, i = {
+    ...f,
+    ...e.duration
   };
-  return O(m, q, o);
-}, w = H("p", {
-  name: "MuiFormHelperText",
-  slot: "Root",
-  overridesResolver: (r, o) => {
-    const {
-      ownerState: s
-    } = r;
-    return [o.root, s.size && o[`size${x(s.size)}`], s.contained && o.contained, s.filled && o.filled];
-  }
-})(j(({
-  theme: r
-}) => ({
-  color: (r.vars || r).palette.text.secondary,
-  ...r.typography.caption,
-  textAlign: "left",
-  marginTop: 3,
-  marginRight: 0,
-  marginBottom: 0,
-  marginLeft: 0,
-  [`&.${f.disabled}`]: {
-    color: (r.vars || r).palette.text.disabled
-  },
-  [`&.${f.error}`]: {
-    color: (r.vars || r).palette.error.main
-  },
-  variants: [{
-    props: {
-      size: "small"
+  return {
+    getAutoHeightDuration: l,
+    create: (o = ["all"], u = {}) => {
+      const {
+        duration: r = i.standard,
+        easing: c = n.easeInOut,
+        delay: a = 0,
+        ...g
+      } = u;
+      if (process.env.NODE_ENV !== "production") {
+        const t = (s) => typeof s == "string", b = (s) => !Number.isNaN(parseFloat(s));
+        !t(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !b(r) && !t(r) && console.error(`MUI: Argument "duration" must be a number or a string but found ${r}.`), t(c) || console.error('MUI: Argument "easing" must be a string.'), !b(a) && !t(a) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof u != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+`)), Object.keys(g).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(g).join(",")}].`);
+      }
+      return (Array.isArray(o) ? o : [o]).map((t) => `${t} ${typeof r == "string" ? r : m(r)} ${c} ${typeof a == "string" ? a : m(a)}`).join(",");
     },
-    style: {
-      marginTop: 4
-    }
-  }, {
-    props: ({
-      ownerState: o
-    }) => o.contained,
-    style: {
-      marginLeft: 14,
-      marginRight: 14
-    }
-  }]
-}))), S = /* @__PURE__ */ y.forwardRef(function(o, s) {
-  const i = C({
-    props: o,
-    name: "MuiFormHelperText"
-  }), {
-    children: a,
-    className: l,
-    component: n = "p",
-    disabled: p,
-    error: c,
-    filled: m,
-    focused: h,
-    margin: $,
-    required: E,
-    variant: B,
-    ...g
-  } = i, v = R(), t = F({
-    props: i,
-    muiFormControl: v,
-    states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
-  }), d = {
-    ...i,
-    component: n,
-    contained: t.variant === "filled" || t.variant === "outlined",
-    variant: t.variant,
-    size: t.size,
-    disabled: t.disabled,
-    error: t.error,
-    filled: t.filled,
-    focused: t.focused,
-    required: t.required
+    ...e,
+    easing: n,
+    duration: i
   };
-  delete d.ownerState;
-  const T = N(d);
-  return /* @__PURE__ */ u.jsx(w, {
-    as: n,
-    className: z(T.root, l),
-    ref: s,
-    ...g,
-    ownerState: d,
-    children: a === " " ? (
-      // notranslate needed while Google Translate will not fix zero-width space issue
-      b || (b = /* @__PURE__ */ u.jsx("span", {
-        className: "notranslate",
-        "aria-hidden": !0,
-        children: "​"
-      }))
-    ) : a
-  });
-});
-process.env.NODE_ENV !== "production" && (S.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.
-   *
-   * If `' '` is provided, the component reserves one line height for displaying a future message.
-   */
-  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.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, the helper text should be displayed in a disabled state.
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, helper text should be displayed in an error state.
-   */
-  error: e.bool,
-  /**
-   * If `true`, the helper text should use filled classes key.
-   */
-  filled: e.bool,
-  /**
-   * If `true`, the helper text should use focused classes key.
-   */
-  focused: e.bool,
-  /**
-   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
-   * FormControl.
-   */
-  margin: e.oneOf(["dense"]),
-  /**
-   * If `true`, the helper text should use required classes key.
-   */
-  required: e.bool,
-  /**
-   * 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]),
-  /**
-   * The variant to use.
-   */
-  variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
-});
+}
 export {
-  S as default
+  p as default,
+  f as duration,
+  d as easing
 };
 //# sourceMappingURL=ui-components.es119.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es119.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/FormHelperText/FormHelperText.js"],"sourcesContent":["'use client';\n\nvar _span;\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport formControlState from \"../FormControl/formControlState.js\";\nimport useFormControl from \"../FormControl/useFormControl.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 formHelperTextClasses, { getFormHelperTextUtilityClasses } from \"./formHelperTextClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    contained,\n    size,\n    disabled,\n    error,\n    filled,\n    focused,\n    required\n  } = ownerState;\n  const slots = {\n    root: ['root', disabled && 'disabled', error && 'error', size && `size${capitalize(size)}`, contained && 'contained', focused && 'focused', filled && 'filled', required && 'required']\n  };\n  return composeClasses(slots, getFormHelperTextUtilityClasses, classes);\n};\nconst FormHelperTextRoot = styled('p', {\n  name: 'MuiFormHelperText',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.size && styles[`size${capitalize(ownerState.size)}`], ownerState.contained && styles.contained, ownerState.filled && styles.filled];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  color: (theme.vars || theme).palette.text.secondary,\n  ...theme.typography.caption,\n  textAlign: 'left',\n  marginTop: 3,\n  marginRight: 0,\n  marginBottom: 0,\n  marginLeft: 0,\n  [`&.${formHelperTextClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.text.disabled\n  },\n  [`&.${formHelperTextClasses.error}`]: {\n    color: (theme.vars || theme).palette.error.main\n  },\n  variants: [{\n    props: {\n      size: 'small'\n    },\n    style: {\n      marginTop: 4\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.contained,\n    style: {\n      marginLeft: 14,\n      marginRight: 14\n    }\n  }]\n})));\nconst FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormHelperText'\n  });\n  const {\n    children,\n    className,\n    component = 'p',\n    disabled,\n    error,\n    filled,\n    focused,\n    margin,\n    required,\n    variant,\n    ...other\n  } = props;\n  const muiFormControl = useFormControl();\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']\n  });\n  const ownerState = {\n    ...props,\n    component,\n    contained: fcs.variant === 'filled' || fcs.variant === 'outlined',\n    variant: fcs.variant,\n    size: fcs.size,\n    disabled: fcs.disabled,\n    error: fcs.error,\n    filled: fcs.filled,\n    focused: fcs.focused,\n    required: fcs.required\n  };\n\n  // This issue explains why this is required: https://github.com/mui/material-ui/issues/42184\n  delete ownerState.ownerState;\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(FormHelperTextRoot, {\n    as: component,\n    className: clsx(classes.root, className),\n    ref: ref,\n    ...other,\n    ownerState: ownerState,\n    children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue\n    _span || (_span = /*#__PURE__*/_jsx(\"span\", {\n      className: \"notranslate\",\n      \"aria-hidden\": true,\n      children: \"\\u200B\"\n    })) : children\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? FormHelperText.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   * If `' '` is provided, the component reserves one line height for displaying a future message.\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`, the helper text should be displayed in a disabled state.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, helper text should be displayed in an error state.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the helper text should use filled classes key.\n   */\n  filled: PropTypes.bool,\n  /**\n   * If `true`, the helper text should use focused classes key.\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n   * FormControl.\n   */\n  margin: PropTypes.oneOf(['dense']),\n  /**\n   * If `true`, the helper text should use required classes key.\n   */\n  required: PropTypes.bool,\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   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined', 'standard']), PropTypes.string])\n} : void 0;\nexport default FormHelperText;"],"names":["_span","useUtilityClasses","ownerState","classes","contained","size","disabled","error","filled","focused","required","slots","capitalize","composeClasses","getFormHelperTextUtilityClasses","FormHelperTextRoot","styled","props","styles","memoTheme","theme","formHelperTextClasses","FormHelperText","React","inProps","ref","useDefaultProps","children","className","component","margin","variant","other","muiFormControl","useFormControl","fcs","formControlState","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es119.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/styles/createTransitions.js"],"sourcesContent":["// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves\n// to learn the context in which each easing should be used.\nexport const easing = {\n  // This is the most common easing curve.\n  easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n  // Objects enter the screen at full velocity from off-screen and\n  // slowly decelerate to a resting point.\n  easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',\n  // Objects leave the screen at full velocity. They do not decelerate when off-screen.\n  easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n  // The sharp curve is used by objects that may return to the screen at any time.\n  sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'\n};\n\n// Follow https://m2.material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations\n// to learn when use what timing\nexport const duration = {\n  shortest: 150,\n  shorter: 200,\n  short: 250,\n  // most basic recommended timing\n  standard: 300,\n  // this is to be used in complex animations\n  complex: 375,\n  // recommended when something is entering screen\n  enteringScreen: 225,\n  // recommended when something is leaving screen\n  leavingScreen: 195\n};\nfunction formatMs(milliseconds) {\n  return `${Math.round(milliseconds)}ms`;\n}\nfunction getAutoHeightDuration(height) {\n  if (!height) {\n    return 0;\n  }\n  const constant = height / 36;\n\n  // https://www.desmos.com/calculator/vbrp3ggqet\n  return Math.min(Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10), 3000);\n}\nexport default function createTransitions(inputTransitions) {\n  const mergedEasing = {\n    ...easing,\n    ...inputTransitions.easing\n  };\n  const mergedDuration = {\n    ...duration,\n    ...inputTransitions.duration\n  };\n  const create = (props = ['all'], options = {}) => {\n    const {\n      duration: durationOption = mergedDuration.standard,\n      easing: easingOption = mergedEasing.easeInOut,\n      delay = 0,\n      ...other\n    } = options;\n    if (process.env.NODE_ENV !== 'production') {\n      const isString = value => typeof value === 'string';\n      const isNumber = value => !Number.isNaN(parseFloat(value));\n      if (!isString(props) && !Array.isArray(props)) {\n        console.error('MUI: Argument \"props\" must be a string or Array.');\n      }\n      if (!isNumber(durationOption) && !isString(durationOption)) {\n        console.error(`MUI: Argument \"duration\" must be a number or a string but found ${durationOption}.`);\n      }\n      if (!isString(easingOption)) {\n        console.error('MUI: Argument \"easing\" must be a string.');\n      }\n      if (!isNumber(delay) && !isString(delay)) {\n        console.error('MUI: Argument \"delay\" must be a number or a string.');\n      }\n      if (typeof options !== 'object') {\n        console.error(['MUI: Secong argument of transition.create must be an object.', \"Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`\"].join('\\n'));\n      }\n      if (Object.keys(other).length !== 0) {\n        console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);\n      }\n    }\n    return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');\n  };\n  return {\n    getAutoHeightDuration,\n    create,\n    ...inputTransitions,\n    easing: mergedEasing,\n    duration: mergedDuration\n  };\n}"],"names":["easing","duration","formatMs","milliseconds","getAutoHeightDuration","height","constant","createTransitions","inputTransitions","mergedEasing","mergedDuration","props","options","durationOption","easingOption","delay","other","isString","value","isNumber","animatedProp"],"mappings":"AAEY,MAACA,IAAS;AAAA;AAAA,EAEpB,WAAW;AAAA;AAAA;AAAA,EAGX,SAAS;AAAA;AAAA,EAET,QAAQ;AAAA;AAAA,EAER,OAAO;AACT,GAIaC,IAAW;AAAA,EACtB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA;AAAA,EAEP,UAAU;AAAA;AAAA,EAEV,SAAS;AAAA;AAAA,EAET,gBAAgB;AAAA;AAAA,EAEhB,eAAe;AACjB;AACA,SAASC,EAASC,GAAc;AAC9B,SAAO,GAAG,KAAK,MAAMA,CAAY,CAAC;AACpC;AACA,SAASC,EAAsBC,GAAQ;AACrC,MAAI,CAACA;AACH,WAAO;AAET,QAAMC,IAAWD,IAAS;AAG1B,SAAO,KAAK,IAAI,KAAK,OAAO,IAAI,KAAKC,KAAY,OAAOA,IAAW,KAAK,EAAE,GAAG,GAAI;AACnF;AACe,SAASC,EAAkBC,GAAkB;AAC1D,QAAMC,IAAe;AAAA,IACnB,GAAGT;AAAA,IACH,GAAGQ,EAAiB;AAAA,EACxB,GACQE,IAAiB;AAAA,IACrB,GAAGT;AAAA,IACH,GAAGO,EAAiB;AAAA,EACxB;AAgCE,SAAO;AAAA,IACL,uBAAAJ;AAAA,IACA,QAjCa,CAACO,IAAQ,CAAC,KAAK,GAAGC,IAAU,OAAO;AAChD,YAAM;AAAA,QACJ,UAAUC,IAAiBH,EAAe;AAAA,QAC1C,QAAQI,IAAeL,EAAa;AAAA,QACpC,OAAAM,IAAQ;AAAA,QACR,GAAGC;AAAA,MACT,IAAQJ;AACJ,UAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,cAAMK,IAAW,CAAAC,MAAS,OAAOA,KAAU,UACrCC,IAAW,CAAAD,MAAS,CAAC,OAAO,MAAM,WAAWA,CAAK,CAAC;AACzD,QAAI,CAACD,EAASN,CAAK,KAAK,CAAC,MAAM,QAAQA,CAAK,KAC1C,QAAQ,MAAM,kDAAkD,GAE9D,CAACQ,EAASN,CAAc,KAAK,CAACI,EAASJ,CAAc,KACvD,QAAQ,MAAM,mEAAmEA,CAAc,GAAG,GAE/FI,EAASH,CAAY,KACxB,QAAQ,MAAM,0CAA0C,GAEtD,CAACK,EAASJ,CAAK,KAAK,CAACE,EAASF,CAAK,KACrC,QAAQ,MAAM,qDAAqD,GAEjE,OAAOH,KAAY,YACrB,QAAQ,MAAM,CAAC,gEAAgE,gGAAgG,EAAE,KAAK;AAAA,CAAI,CAAC,GAEzL,OAAO,KAAKI,CAAK,EAAE,WAAW,KAChC,QAAQ,MAAM,kCAAkC,OAAO,KAAKA,CAAK,EAAE,KAAK,GAAG,CAAC,IAAI;AAAA,MAEpF;AACA,cAAQ,MAAM,QAAQL,CAAK,IAAIA,IAAQ,CAACA,CAAK,GAAG,IAAI,CAAAS,MAAgB,GAAGA,CAAY,IAAI,OAAOP,KAAmB,WAAWA,IAAiBX,EAASW,CAAc,CAAC,IAAIC,CAAY,IAAI,OAAOC,KAAU,WAAWA,IAAQb,EAASa,CAAK,CAAC,EAAE,EAAE,KAAK,GAAG;AAAA,IAC1P;AAAA,IAIE,GAAGP;AAAA,IACH,QAAQC;AAAA,IACR,UAAUC;AAAA,EACd;AACA;","x_google_ignoreList":[0]}

package/dist/ui-components.es120.js

@@ -1,283 +1,45 @@
-import * as m from "react";
-import o from "./ui-components.es81.js";
-import { clsx as q } from "./ui-components.es80.js";
-import z from "./ui-components.es277.js";
-import B from "./ui-components.es172.js";
-import G from "./ui-components.es173.js";
-import H from "./ui-components.es278.js";
-import J from "./ui-components.es279.js";
-import K from "./ui-components.es164.js";
-import { getSelectUtilityClasses as L } from "./ui-components.es280.js";
-import { j as p } from "./ui-components.es12.js";
-import { useDefaultProps as Q } from "./ui-components.es85.js";
-import X from "./ui-components.es139.js";
-import Y from "./ui-components.es194.js";
-import Z from "./ui-components.es213.js";
-import $ from "./ui-components.es86.js";
-import u from "./ui-components.es31.js";
-import oo from "./ui-components.es116.js";
-import eo from "./ui-components.es115.js";
-import to from "./ui-components.es117.js";
-const no = (e) => {
+import l from "./ui-components.es116.js";
+import c from "./ui-components.es121.js";
+const i = [...Array(25)].map((r, t) => {
+  if (t === 0)
+    return "none";
+  const e = c(t);
+  return `linear-gradient(rgba(255 255 255 / ${e}), rgba(255 255 255 / ${e}))`;
+});
+function p(r) {
+  return {
+    inputPlaceholder: r === "dark" ? 0.5 : 0.42,
+    inputUnderline: r === "dark" ? 0.7 : 0.42,
+    switchTrackDisabled: r === "dark" ? 0.2 : 0.12,
+    switchTrack: r === "dark" ? 0.3 : 0.38
+  };
+}
+function s(r) {
+  return r === "dark" ? i : [];
+}
+function y(r) {
   const {
-    classes: s
-  } = e, t = $({
-    root: ["root"]
-  }, L, s);
+    palette: t = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: e,
+    overlays: n,
+    ...o
+  } = r, a = l(t);
   return {
-    ...s,
-    ...t
+    palette: a,
+    opacity: {
+      ...p(a.mode),
+      ...e
+    },
+    overlays: n || s(a.mode),
+    ...o
   };
-}, f = {
-  name: "MuiSelect",
-  slot: "Root",
-  shouldForwardProp: (e) => K(e) && e !== "variant"
-}, so = u(to, f)(""), ro = u(eo, f)(""), lo = u(oo, f)(""), O = /* @__PURE__ */ m.forwardRef(function(s, d) {
-  const t = Q({
-    name: "MuiSelect",
-    props: s
-  }), {
-    autoWidth: v = !1,
-    children: j,
-    classes: h = {},
-    className: g,
-    defaultOpen: w = !1,
-    displayEmpty: y = !1,
-    IconComponent: x = H,
-    id: S,
-    input: r,
-    inputProps: a,
-    label: R,
-    labelId: F,
-    MenuProps: N,
-    multiple: b = !1,
-    native: i = !1,
-    onClose: D,
-    onOpen: E,
-    open: T,
-    renderValue: M,
-    SelectDisplayProps: V,
-    variant: U = "outlined",
-    ...W
-  } = t, k = i ? J : z, A = G(), C = B({
-    props: t,
-    muiFormControl: A,
-    states: ["variant", "error"]
-  }), n = C.variant || U, l = {
-    ...t,
-    variant: n,
-    classes: h
-  }, P = no(l), {
-    root: po,
-    ...I
-  } = P, c = r || {
-    standard: /* @__PURE__ */ p.jsx(so, {
-      ownerState: l
-    }),
-    outlined: /* @__PURE__ */ p.jsx(ro, {
-      label: R,
-      ownerState: l
-    }),
-    filled: /* @__PURE__ */ p.jsx(lo, {
-      ownerState: l
-    })
-  }[n], _ = X(d, Y(c));
-  return /* @__PURE__ */ p.jsx(m.Fragment, {
-    children: /* @__PURE__ */ m.cloneElement(c, {
-      // Most of the logic is implemented in `SelectInput`.
-      // The `Select` component is a simple API wrapper to expose something better to play with.
-      inputComponent: k,
-      inputProps: {
-        children: j,
-        error: C.error,
-        IconComponent: x,
-        variant: n,
-        type: void 0,
-        // We render a select. We can ignore the type provided by the `Input`.
-        multiple: b,
-        ...i ? {
-          id: S
-        } : {
-          autoWidth: v,
-          defaultOpen: w,
-          displayEmpty: y,
-          labelId: F,
-          MenuProps: N,
-          onClose: D,
-          onOpen: E,
-          open: T,
-          renderValue: M,
-          SelectDisplayProps: {
-            id: S,
-            ...V
-          }
-        },
-        ...a,
-        classes: a ? Z(I, a.classes) : I,
-        ...r ? r.props.inputProps : {}
-      },
-      ...(b && i || y) && n === "outlined" ? {
-        notched: !0
-      } : {},
-      ref: _,
-      className: q(c.props.className, g, P.root),
-      // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
-      ...!r && {
-        variant: n
-      },
-      ...W
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (O.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the width of the popover will automatically be set according to the items inside the
-   * menu, otherwise it will be at least the width of the select input.
-   * @default false
-   */
-  autoWidth: o.bool,
-  /**
-   * The option elements to populate the select with.
-   * Can be some `MenuItem` when `native` is false and `option` when `native` is true.
-   *
-   * ⚠️The `MenuItem` elements **must** be direct descendants when `native` is false.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   * @default {}
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * If `true`, the component is initially open. Use when the component open state is not controlled (i.e. the `open` prop is not defined).
-   * You can only use it when the `native` prop is `false` (default).
-   * @default false
-   */
-  defaultOpen: o.bool,
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue: o.any,
-  /**
-   * If `true`, a value is displayed even if no items are selected.
-   *
-   * In order to display a meaningful value, a function can be passed to the `renderValue` prop which
-   * returns the value to be displayed when no items are selected.
-   *
-   * ⚠️ When using this prop, make sure the label doesn't overlap with the empty displayed value.
-   * The label should either be hidden or forced to a shrunk state.
-   * @default false
-   */
-  displayEmpty: o.bool,
-  /**
-   * The icon that displays the arrow.
-   * @default ArrowDropDownIcon
-   */
-  IconComponent: o.elementType,
-  /**
-   * The `id` of the wrapper element or the `select` element when `native`.
-   */
-  id: o.string,
-  /**
-   * An `Input` element; does not have to be a material-ui specific `Input`.
-   */
-  input: o.element,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * When `native` is `true`, the attributes are applied on the `select` element.
-   */
-  inputProps: o.object,
-  /**
-   * See [OutlinedInput#label](https://mui.com/material-ui/api/outlined-input/#props)
-   */
-  label: o.node,
-  /**
-   * The ID of an element that acts as an additional label. The Select will
-   * be labelled by the additional label and the selected value.
-   */
-  labelId: o.string,
-  /**
-   * Props applied to the [`Menu`](https://mui.com/material-ui/api/menu/) element.
-   */
-  MenuProps: o.object,
-  /**
-   * If `true`, `value` must be an array and the menu will support multiple selections.
-   * @default false
-   */
-  multiple: o.bool,
-  /**
-   * If `true`, the component uses a native `select` element.
-   * @default false
-   */
-  native: o.bool,
-  /**
-   * Callback fired when a menu item is selected.
-   *
-   * @param {SelectChangeEvent<Value>} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (any).
-   * **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.
-   * @param {object} [child] The react element that was selected when `native` is `false` (default).
-   */
-  onChange: o.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapses).
-   *
-   * @param {object} event The event source of the callback.
-   */
-  onClose: o.func,
-  /**
-   * Callback fired when the component requests to be opened.
-   * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select expands).
-   *
-   * @param {object} event The event source of the callback.
-   */
-  onOpen: o.func,
-  /**
-   * If `true`, the component is shown.
-   * You can only use it when the `native` prop is `false` (default).
-   */
-  open: o.bool,
-  /**
-   * Render the selected value.
-   * You can only use it when the `native` prop is `false` (default).
-   *
-   * @param {any} value The `value` provided to the component.
-   * @returns {ReactNode}
-   */
-  renderValue: o.func,
-  /**
-   * Props applied to the clickable div element.
-   */
-  SelectDisplayProps: o.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * The `input` value. Providing an empty string will select no options.
-   * Set to an empty string `''` if you don't want any of the available options to be selected.
-   *
-   * If the value is an object it must have reference equality with the option in order to be selected.
-   * If the value is not an object, the string representation must match with the string representation of the option in order to be selected.
-   */
-  value: o.oneOfType([o.oneOf([""]), o.any]),
-  /**
-   * The variant to use.
-   * @default 'outlined'
-   */
-  variant: o.oneOf(["filled", "outlined", "standard"])
-});
-O.muiName = "Select";
+}
 export {
-  O as default
+  y as default,
+  p as getOpacity,
+  s as getOverlays
 };
 //# sourceMappingURL=ui-components.es120.js.map