@weng-lab/ui-components 2.0.1 → 2.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es18.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/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 { alpha, 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 : 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","alpha","Skeleton","React","inProps","ref","useDefaultProps","className","component","style","other","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es18.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.2.0_@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1._8330a0e2b1c6e05932c97c0385f61d1e/node_modules/@mui/icons-material/esm/InfoOutlined.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8\"\n}), 'InfoOutlined');"],"names":["InfoOutlinedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,cAAc;","x_google_ignoreList":[0]}

package/dist/ui-components.es180.js

@@ -1,67 +1,14 @@
-import * as r from "react";
-import * as E from "react-dom";
-import p from "./ui-components.es81.js";
-import y from "./ui-components.es139.js";
-import P from "./ui-components.es194.js";
-import f from "./ui-components.es101.js";
-import m from "./ui-components.es332.js";
-import T from "./ui-components.es184.js";
-import N from "./ui-components.es100.js";
-function R(n) {
-  return typeof n == "function" ? n() : n;
-}
-const l = /* @__PURE__ */ r.forwardRef(function(c, i) {
-  const {
-    children: e,
-    container: s,
-    disablePortal: t = !1
-  } = c, [o, u] = r.useState(null), a = y(/* @__PURE__ */ r.isValidElement(e) ? P(e) : null, i);
-  if (f(() => {
-    t || u(R(s) || document.body);
-  }, [s, t]), f(() => {
-    if (o && !t)
-      return m(i, o), () => {
-        m(i, null);
-      };
-  }, [i, o, t]), t) {
-    if (/* @__PURE__ */ r.isValidElement(e)) {
-      const d = {
-        ref: a
-      };
-      return /* @__PURE__ */ r.cloneElement(e, d);
+const n = "exact-prop: ​";
+function u(e) {
+  return process.env.NODE_ENV === "production" ? e : {
+    ...e,
+    [n]: (o) => {
+      const t = Object.keys(o).filter((r) => !e.hasOwnProperty(r));
+      return t.length > 0 ? new Error(`The following props are not supported: ${t.map((r) => `\`${r}\``).join(", ")}. Please remove them.`) : null;
     }
-    return e;
-  }
-  return o && /* @__PURE__ */ E.createPortal(e, o);
-});
-process.env.NODE_ENV !== "production" && (l.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The children to render into the `container`.
-   */
-  children: p.node,
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: p.oneOfType([T, p.func]),
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: p.bool
-});
-process.env.NODE_ENV !== "production" && (l.propTypes = N(l.propTypes));
+  };
+}
 export {
-  l as default
+  u as default
 };
 //# sourceMappingURL=ui-components.es180.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es180.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/Portal/Portal.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport useEnhancedEffect from '@mui/utils/useEnhancedEffect';\nimport useForkRef from '@mui/utils/useForkRef';\nimport setRef from '@mui/utils/setRef';\nimport getReactElementRef from '@mui/utils/getReactElementRef';\nimport exactProp from '@mui/utils/exactProp';\nimport HTMLElementType from '@mui/utils/HTMLElementType';\nfunction getContainer(container) {\n  return typeof container === 'function' ? container() : container;\n}\n\n/**\n * Portals provide a first-class way to render children into a DOM node\n * that exists outside the DOM hierarchy of the parent component.\n *\n * Demos:\n *\n * - [Portal](https://mui.com/material-ui/react-portal/)\n *\n * API:\n *\n * - [Portal API](https://mui.com/material-ui/api/portal/)\n */\nconst Portal = /*#__PURE__*/React.forwardRef(function Portal(props, forwardedRef) {\n  const {\n    children,\n    container,\n    disablePortal = false\n  } = props;\n  const [mountNode, setMountNode] = React.useState(null);\n  const handleRef = useForkRef(/*#__PURE__*/React.isValidElement(children) ? getReactElementRef(children) : null, forwardedRef);\n  useEnhancedEffect(() => {\n    if (!disablePortal) {\n      setMountNode(getContainer(container) || document.body);\n    }\n  }, [container, disablePortal]);\n  useEnhancedEffect(() => {\n    if (mountNode && !disablePortal) {\n      setRef(forwardedRef, mountNode);\n      return () => {\n        setRef(forwardedRef, null);\n      };\n    }\n    return undefined;\n  }, [forwardedRef, mountNode, disablePortal]);\n  if (disablePortal) {\n    if (/*#__PURE__*/React.isValidElement(children)) {\n      const newProps = {\n        ref: handleRef\n      };\n      return /*#__PURE__*/React.cloneElement(children, newProps);\n    }\n    return children;\n  }\n  return mountNode ? /*#__PURE__*/ReactDOM.createPortal(children, mountNode) : mountNode;\n});\nprocess.env.NODE_ENV !== \"production\" ? Portal.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   * The children to render into the `container`.\n   */\n  children: PropTypes.node,\n  /**\n   * An HTML element or function that returns one.\n   * The `container` will have the portal children appended to it.\n   *\n   * You can also provide a callback, which is called in a React layout effect.\n   * This lets you set the container from a ref, and also makes server-side rendering possible.\n   *\n   * By default, it uses the body of the top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),\n  /**\n   * The `children` will be under the DOM hierarchy of the parent component.\n   * @default false\n   */\n  disablePortal: PropTypes.bool\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  // eslint-disable-next-line\n  Portal['propTypes' + ''] = exactProp(Portal.propTypes);\n}\nexport default Portal;"],"names":["getContainer","container","Portal","React","props","forwardedRef","children","disablePortal","mountNode","setMountNode","handleRef","useForkRef","getReactElementRef","useEnhancedEffect","setRef","newProps","ReactDOM","PropTypes","HTMLElementType","exactProp"],"mappings":";;;;;;;;;AAWA,SAASA,EAAaC,GAAW;AAC/B,SAAO,OAAOA,KAAc,aAAaA,EAAS,IAAKA;AACzD;AAcK,MAACC,IAAsB,gBAAAC,EAAM,WAAW,SAAgBC,GAAOC,GAAc;AAChF,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAL;AAAA,IACA,eAAAM,IAAgB;AAAA,EACpB,IAAMH,GACE,CAACI,GAAWC,CAAY,IAAIN,EAAM,SAAS,IAAI,GAC/CO,IAAYC,EAAwB,gBAAAR,EAAM,eAAeG,CAAQ,IAAIM,EAAmBN,CAAQ,IAAI,MAAMD,CAAY;AAe5H,MAdAQ,EAAkB,MAAM;AACtB,IAAKN,KACHE,EAAaT,EAAaC,CAAS,KAAK,SAAS,IAAI;AAAA,EAEzD,GAAG,CAACA,GAAWM,CAAa,CAAC,GAC7BM,EAAkB,MAAM;AACtB,QAAIL,KAAa,CAACD;AAChB,aAAAO,EAAOT,GAAcG,CAAS,GACvB,MAAM;AACX,QAAAM,EAAOT,GAAc,IAAI;AAAA,MAC3B;AAAA,EAGJ,GAAG,CAACA,GAAcG,GAAWD,CAAa,CAAC,GACvCA,GAAe;AACjB,QAAiB,gBAAAJ,EAAM,eAAeG,CAAQ,GAAG;AAC/C,YAAMS,IAAW;AAAA,QACf,KAAKL;AAAA,MACb;AACM,aAAoB,gBAAAP,EAAM,aAAaG,GAAUS,CAAQ;AAAA,IAC3D;AACA,WAAOT;AAAA,EACT;AACA,SAAOE,KAAyB,gBAAAQ,EAAS,aAAaV,GAAUE,CAAS;AAC3E,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeN,EAAO,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhF,UAAUe,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpB,WAAWA,EAAgD,UAAU,CAACC,GAAiBD,EAAU,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKtG,eAAeA,EAAU;AAC3B;AACI,QAAQ,IAAI,aAAa,iBAE3Bf,EAAO,YAAoBiB,EAAUjB,EAAO,SAAS;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es180.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.2.0_@types+react@19.1.8_react@19.1.0/node_modules/@mui/utils/esm/exactProp/exactProp.js"],"sourcesContent":["// This module is based on https://github.com/airbnb/prop-types-exact repository.\n// However, in order to reduce the number of dependencies and to remove some extra safe checks\n// the module was forked.\n\nconst specialProperty = 'exact-prop: \\u200b';\nexport default function exactProp(propTypes) {\n  if (process.env.NODE_ENV === 'production') {\n    return propTypes;\n  }\n  return {\n    ...propTypes,\n    [specialProperty]: props => {\n      const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));\n      if (unsupportedProps.length > 0) {\n        return new Error(`The following props are not supported: ${unsupportedProps.map(prop => `\\`${prop}\\``).join(', ')}. Please remove them.`);\n      }\n      return null;\n    }\n  };\n}"],"names":["specialProperty","exactProp","propTypes","props","unsupportedProps","prop"],"mappings":"AAIA,MAAMA,IAAkB;AACT,SAASC,EAAUC,GAAW;AAC3C,SAAI,QAAQ,IAAI,aAAa,eACpBA,IAEF;AAAA,IACL,GAAGA;AAAA,IACH,CAACF,CAAe,GAAG,CAAAG,MAAS;AAC1B,YAAMC,IAAmB,OAAO,KAAKD,CAAK,EAAE,OAAO,CAAAE,MAAQ,CAACH,EAAU,eAAeG,CAAI,CAAC;AAC1F,aAAID,EAAiB,SAAS,IACrB,IAAI,MAAM,0CAA0CA,EAAiB,IAAI,CAAAC,MAAQ,KAAKA,CAAI,IAAI,EAAE,KAAK,IAAI,CAAC,uBAAuB,IAEnI;AAAA,IACT;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}

package/dist/ui-components.es181.js

@@ -1,176 +1,262 @@
-import * as o from "react";
-import d from "./ui-components.es81.js";
-import { j as N } from "./ui-components.es12.js";
-import P from "./ui-components.es139.js";
-import w from "./ui-components.es194.js";
-import D from "./ui-components.es141.js";
-import L from "./ui-components.es183.js";
-import U from "./ui-components.es100.js";
-const V = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function q(e) {
-  const c = parseInt(e.getAttribute("tabindex") || "", 10);
-  return Number.isNaN(c) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : c;
+import l from "./ui-components.es237.js";
+import I from "./ui-components.es238.js";
+import s from "./ui-components.es239.js";
+import c from "./ui-components.es240.js";
+import f from "./ui-components.es241.js";
+import d from "./ui-components.es242.js";
+import g from "./ui-components.es243.js";
+import m from "./ui-components.es244.js";
+import P from "./ui-components.es194.js";
+import { getContrastRatio as k, lighten as S, darken as U } from "./ui-components.es42.js";
+import v from "./ui-components.es140.js";
+function D() {
+  return {
+    // The colors used to style the text.
+    text: {
+      // The most important text.
+      primary: "rgba(0, 0, 0, 0.87)",
+      // Secondary text.
+      secondary: "rgba(0, 0, 0, 0.6)",
+      // Disabled text have even lower visual prominence.
+      disabled: "rgba(0, 0, 0, 0.38)"
+    },
+    // The color used to divide different elements.
+    divider: "rgba(0, 0, 0, 0.12)",
+    // The background colors used to style the surfaces.
+    // Consistency between these values is important.
+    background: {
+      paper: l.white,
+      default: l.white
+    },
+    // The colors used to style the action elements.
+    action: {
+      // The color of an active action like an icon button.
+      active: "rgba(0, 0, 0, 0.54)",
+      // The color of an hovered action.
+      hover: "rgba(0, 0, 0, 0.04)",
+      hoverOpacity: 0.04,
+      // The color of a selected action.
+      selected: "rgba(0, 0, 0, 0.08)",
+      selectedOpacity: 0.08,
+      // The color of a disabled action.
+      disabled: "rgba(0, 0, 0, 0.26)",
+      // The background color of a disabled action.
+      disabledBackground: "rgba(0, 0, 0, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(0, 0, 0, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.12
+    }
+  };
+}
+const V = D();
+function E() {
+  return {
+    text: {
+      primary: l.white,
+      secondary: "rgba(255, 255, 255, 0.7)",
+      disabled: "rgba(255, 255, 255, 0.5)",
+      icon: "rgba(255, 255, 255, 0.5)"
+    },
+    divider: "rgba(255, 255, 255, 0.12)",
+    background: {
+      paper: "#121212",
+      default: "#121212"
+    },
+    action: {
+      active: l.white,
+      hover: "rgba(255, 255, 255, 0.08)",
+      hoverOpacity: 0.08,
+      selected: "rgba(255, 255, 255, 0.16)",
+      selectedOpacity: 0.16,
+      disabled: "rgba(255, 255, 255, 0.3)",
+      disabledBackground: "rgba(255, 255, 255, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(255, 255, 255, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.24
+    }
+  };
+}
+const w = E();
+function O(r, e, u, i) {
+  const h = i.light || i, y = i.dark || i * 1.5;
+  r[e] || (r.hasOwnProperty(u) ? r[e] = r[u] : e === "light" ? r.light = S(r.main, h) : e === "dark" && (r.dark = U(r.main, y)));
+}
+function _(r = "light") {
+  return r === "dark" ? {
+    main: d[200],
+    light: d[50],
+    dark: d[400]
+  } : {
+    main: d[700],
+    light: d[400],
+    dark: d[800]
+  };
 }
-function K(e) {
-  if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
-    return !1;
-  const c = (r) => e.ownerDocument.querySelector(`input[type="radio"]${r}`);
-  let u = c(`[name="${e.name}"]:checked`);
-  return u || (u = c(`[name="${e.name}"]`)), u !== e;
+function B(r = "light") {
+  return r === "dark" ? {
+    main: s[200],
+    light: s[50],
+    dark: s[400]
+  } : {
+    main: s[500],
+    light: s[300],
+    dark: s[700]
+  };
+}
+function L(r = "light") {
+  return r === "dark" ? {
+    main: c[500],
+    light: c[300],
+    dark: c[700]
+  } : {
+    main: c[700],
+    light: c[400],
+    dark: c[800]
+  };
 }
-function _(e) {
-  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || K(e));
+function R(r = "light") {
+  return r === "dark" ? {
+    main: g[400],
+    light: g[300],
+    dark: g[700]
+  } : {
+    main: g[700],
+    light: g[500],
+    dark: g[900]
+  };
 }
-function $(e) {
-  const c = [], u = [];
-  return Array.from(e.querySelectorAll(V)).forEach((r, s) => {
-    const f = q(r);
-    f === -1 || !_(r) || (f === 0 ? c.push(r) : u.push({
-      documentOrder: s,
-      tabIndex: f,
-      node: r
-    }));
-  }), u.sort((r, s) => r.tabIndex === s.tabIndex ? r.documentOrder - s.documentOrder : r.tabIndex - s.tabIndex).map((r) => r.node).concat(c);
+function W(r = "light") {
+  return r === "dark" ? {
+    main: m[400],
+    light: m[300],
+    dark: m[700]
+  } : {
+    main: m[800],
+    light: m[500],
+    dark: m[900]
+  };
 }
-function B() {
-  return !0;
+function j(r = "light") {
+  return r === "dark" ? {
+    main: f[400],
+    light: f[300],
+    dark: f[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: f[500],
+    dark: f[900]
+  };
 }
-function R(e) {
+function tr(r) {
   const {
-    children: c,
-    disableAutoFocus: u = !1,
-    disableEnforceFocus: r = !1,
-    disableRestoreFocus: s = !1,
-    getTabbable: f = $,
-    isEnabled: h = B,
-    open: i
-  } = e, x = o.useRef(!1), v = o.useRef(null), b = o.useRef(null), a = o.useRef(null), g = o.useRef(null), m = o.useRef(!1), n = o.useRef(null), O = P(w(c), n), T = o.useRef(null);
-  o.useEffect(() => {
-    !i || !n.current || (m.current = !u);
-  }, [u, i]), o.useEffect(() => {
-    if (!i || !n.current)
-      return;
-    const t = D(n.current);
-    return n.current.contains(t.activeElement) || (n.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
-`)), n.current.setAttribute("tabIndex", "-1")), m.current && n.current.focus()), () => {
-      s || (a.current && a.current.focus && (x.current = !0, a.current.focus()), a.current = null);
-    };
-  }, [i]), o.useEffect(() => {
-    if (!i || !n.current)
-      return;
-    const t = D(n.current), p = (l) => {
-      T.current = l, !(r || !h() || l.key !== "Tab") && t.activeElement === n.current && l.shiftKey && (x.current = !0, b.current && b.current.focus());
-    }, I = () => {
-      const l = n.current;
-      if (l === null)
-        return;
-      if (!t.hasFocus() || !h() || x.current) {
-        x.current = !1;
-        return;
-      }
-      if (l.contains(t.activeElement) || r && t.activeElement !== v.current && t.activeElement !== b.current)
-        return;
-      if (t.activeElement !== g.current)
-        g.current = null;
-      else if (g.current !== null)
-        return;
-      if (!m.current)
-        return;
-      let E = [];
-      if ((t.activeElement === v.current || t.activeElement === b.current) && (E = f(n.current)), E.length > 0) {
-        const k = !!(T.current?.shiftKey && T.current?.key === "Tab"), y = E[0], A = E[E.length - 1];
-        typeof y != "string" && typeof A != "string" && (k ? A.focus() : y.focus());
-      } else
-        l.focus();
-    };
-    t.addEventListener("focusin", I), t.addEventListener("keydown", p, !0);
-    const j = setInterval(() => {
-      t.activeElement && t.activeElement.tagName === "BODY" && I();
-    }, 50);
-    return () => {
-      clearInterval(j), t.removeEventListener("focusin", I), t.removeEventListener("keydown", p, !0);
-    };
-  }, [u, r, s, h, i, f]);
-  const S = (t) => {
-    a.current === null && (a.current = t.relatedTarget), m.current = !0, g.current = t.target;
-    const p = c.props.onFocus;
-    p && p(t);
-  }, F = (t) => {
-    a.current === null && (a.current = t.relatedTarget), m.current = !0;
+    mode: e = "light",
+    contrastThreshold: u = 3,
+    tonalOffset: i = 0.2,
+    ...h
+  } = r, y = r.primary || _(e), T = r.secondary || B(e), $ = r.error || L(e), x = r.info || R(e), N = r.success || W(e), C = r.warning || j(e);
+  function b(t) {
+    const a = k(t, w.text.primary) >= u ? w.text.primary : V.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const n = k(t, a);
+      n < 3 && console.error([`MUI: The contrast ratio of ${n}:1 for ${a} on ${t}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+`));
+    }
+    return a;
+  }
+  const o = ({
+    color: t,
+    name: a,
+    mainShade: n = 500,
+    lightShade: M = 300,
+    darkShade: A = 700
+  }) => {
+    if (t = {
+      ...t
+    }, !t.main && t[n] && (t.main = t[n]), !t.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${a ? ` (${a})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${n}\` property.` : v(11, a ? ` (${a})` : "", n));
+    if (typeof t.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${a ? ` (${a})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(t.main)}\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import { green } from "@mui/material/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });` : v(12, a ? ` (${a})` : "", JSON.stringify(t.main)));
+    return O(t, "light", M, i), O(t, "dark", A, i), t.contrastText || (t.contrastText = b(t.main)), t;
   };
-  return /* @__PURE__ */ N.jsxs(o.Fragment, {
-    children: [/* @__PURE__ */ N.jsx("div", {
-      tabIndex: i ? 0 : -1,
-      onFocus: F,
-      ref: v,
-      "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ o.cloneElement(c, {
-      ref: O,
-      onFocus: S
-    }), /* @__PURE__ */ N.jsx("div", {
-      tabIndex: i ? 0 : -1,
-      onFocus: F,
-      ref: b,
-      "data-testid": "sentinelEnd"
-    })]
-  });
+  let p;
+  return e === "light" ? p = D() : e === "dark" && (p = E()), process.env.NODE_ENV !== "production" && (p || console.error(`MUI: The palette mode \`${e}\` is not supported.`)), P({
+    // A collection of common colors.
+    common: {
+      ...l
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: e,
+    // The colors used to represent primary interface elements for a user.
+    primary: o({
+      color: y,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: o({
+      color: T,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: o({
+      color: $,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: o({
+      color: C,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: o({
+      color: x,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: o({
+      color: N,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: I,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: u,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: b,
+    // Generate a rich color object.
+    augmentColor: o,
+    // Used by the functions below to shift a color's luminance by approximately
+    // two indexes within its tonal palette.
+    // E.g., shift from Red 500 to Red 300 or Red 700.
+    tonalOffset: i,
+    // The light and dark mode object.
+    ...p
+  }, h);
 }
-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`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A single child content element.
-   */
-  children: L,
-  /**
-   * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
-   * replace it to the last focused element when it closes.
-   * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the focus trap less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus: d.bool,
-  /**
-   * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
-   *
-   * Generally this should never be set to `true` as it makes the focus trap less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus: d.bool,
-  /**
-   * If `true`, the focus trap will not restore focus to previously focused element once
-   * focus trap is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: d.bool,
-  /**
-   * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.
-   * For instance, you can provide the "tabbable" npm dependency.
-   * @param {HTMLElement} root
-   */
-  getTabbable: d.func,
-  /**
-   * This prop extends the `open` prop.
-   * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
-   * This prop should be memoized.
-   * It can be used to support multiple focus trap mounted at the same time.
-   * @default function defaultIsEnabled(): boolean {
-   *   return true;
-   * }
-   */
-  isEnabled: d.func,
-  /**
-   * If `true`, focus is locked.
-   */
-  open: d.bool.isRequired
-});
-process.env.NODE_ENV !== "production" && (R.propTypes = U(R.propTypes));
 export {
-  R as default
+  w as dark,
+  tr as default,
+  V as light
 };
 //# sourceMappingURL=ui-components.es181.js.map