@weng-lab/ui-components 2.2.2 → 2.2.3

package/dist/ui-components.es188.js

@@ -1,127 +1,195 @@
-import S from "./ui-components.es239.js";
-import p from "./ui-components.es187.js";
-function M(i, h = {}) {
+import * as S from "react";
+import o from "./ui-components.es88.js";
+import { clsx as w } from "./ui-components.es99.js";
+import a from "./ui-components.es115.js";
+import { getBackdropUtilityClass as B } from "./ui-components.es320.js";
+import { j as l } from "./ui-components.es15.js";
+import { useDefaultProps as N } from "./ui-components.es91.js";
+import D from "./ui-components.es321.js";
+import E from "./ui-components.es111.js";
+import F from "./ui-components.es34.js";
+const M = (s) => {
   const {
-    getSelector: m = O,
-    disableCssColorScheme: v,
-    colorSchemeSelector: a,
-    enableContrastVars: b
-  } = h, {
-    colorSchemes: f = {},
-    components: E,
-    defaultColorScheme: C = "light",
-    ...y
-  } = i, {
-    vars: W,
-    css: _,
-    varsWithDefaults: j
-  } = S(y, h);
-  let l = j;
-  const u = {}, {
-    [C]: g,
-    ...D
-  } = f;
-  if (Object.entries(D || {}).forEach(([e, s]) => {
-    const {
-      vars: t,
-      css: c,
-      varsWithDefaults: d
-    } = S(s, h);
-    l = p(l, d), u[e] = {
-      css: c,
-      vars: t
-    };
-  }), g) {
+    classes: t,
+    invisible: e
+  } = s;
+  return E({
+    root: ["root", e && "invisible"]
+  }, B, t);
+}, U = F("div", {
+  name: "MuiBackdrop",
+  slot: "Root",
+  overridesResolver: (s, t) => {
     const {
-      css: e,
-      vars: s,
-      varsWithDefaults: t
-    } = S(g, h);
-    l = p(l, t), u[C] = {
-      css: e,
-      vars: s
-    };
+      ownerState: e
+    } = s;
+    return [t.root, e.invisible && t.invisible];
   }
-  function O(e, s) {
-    let t = a;
-    if (a === "class" && (t = ".%s"), a === "data" && (t = "[data-%s]"), a?.startsWith("data-") && !a.includes("%s") && (t = `[${a}="%s"]`), e) {
-      if (t === "media")
-        return i.defaultColorScheme === e ? ":root" : {
-          [`@media (prefers-color-scheme: ${f[e]?.palette?.mode || e})`]: {
-            ":root": s
-          }
-        };
-      if (t)
-        return i.defaultColorScheme === e ? `:root, ${t.replace("%s", String(e))}` : t.replace("%s", String(e));
-    }
-    return ":root";
-  }
-  return {
-    vars: l,
-    generateThemeVars: () => {
-      let e = {
-        ...W
-      };
-      return Object.entries(u).forEach(([, {
-        vars: s
-      }]) => {
-        e = p(e, s);
-      }), e;
+})({
+  position: "fixed",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  right: 0,
+  bottom: 0,
+  top: 0,
+  left: 0,
+  backgroundColor: "rgba(0, 0, 0, 0.5)",
+  WebkitTapHighlightColor: "transparent",
+  variants: [{
+    props: {
+      invisible: !0
     },
-    generateStyleSheets: () => {
-      const e = [], s = i.defaultColorScheme || "light";
-      function t(r, o) {
-        Object.keys(o).length && e.push(typeof r == "string" ? {
-          [r]: {
-            ...o
-          }
-        } : r);
-      }
-      t(m(void 0, {
-        ..._
-      }), _);
-      const {
-        [s]: c,
-        ...d
-      } = u;
-      if (c) {
-        const {
-          css: r
-        } = c, o = f[s]?.palette?.mode, n = !v && o ? {
-          colorScheme: o,
-          ...r
-        } : {
-          ...r
-        };
-        t(m(s, {
-          ...n
-        }), n);
-      }
-      return Object.entries(d).forEach(([r, {
-        css: o
-      }]) => {
-        const n = f[r]?.palette?.mode, V = !v && n ? {
-          colorScheme: n,
-          ...o
-        } : {
-          ...o
-        };
-        t(m(r, {
-          ...V
-        }), V);
-      }), b && e.push({
-        ":root": {
-          // use double underscore to indicate that these are private variables
-          "--__l-threshold": "0.7",
-          "--__l": "clamp(0, (l / var(--__l-threshold) - 1) * -infinity, 1)",
-          "--__a": "clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)"
-          // 0.87 is the default alpha value for black text.
-        }
-      }), e;
+    style: {
+      backgroundColor: "transparent"
     }
-  };
-}
+  }]
+}), q = /* @__PURE__ */ S.forwardRef(function(t, e) {
+  const n = N({
+    props: t,
+    name: "MuiBackdrop"
+  }), {
+    children: c,
+    className: m,
+    component: i = "div",
+    invisible: d = !1,
+    open: f,
+    components: u = {},
+    componentsProps: b = {},
+    slotProps: y = {},
+    slots: T = {},
+    TransitionComponent: h,
+    transitionDuration: v,
+    ...C
+  } = n, r = {
+    ...n,
+    component: i,
+    invisible: d
+  }, P = M(r), j = {
+    transition: h,
+    root: u.Root,
+    ...T
+  }, k = {
+    ...b,
+    ...y
+  }, p = {
+    component: i,
+    slots: j,
+    slotProps: k
+  }, [x, R] = a("root", {
+    elementType: U,
+    externalForwardedProps: p,
+    className: w(P.root, m),
+    ownerState: r
+  }), [g, O] = a("transition", {
+    elementType: D,
+    externalForwardedProps: p,
+    ownerState: r
+  });
+  return /* @__PURE__ */ l.jsx(g, {
+    in: f,
+    timeout: v,
+    ...C,
+    ...O,
+    children: /* @__PURE__ */ l.jsx(x, {
+      "aria-hidden": !0,
+      ...R,
+      ref: e,
+      children: c
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (q.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.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  components: o.shape({
+    Root: o.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  componentsProps: o.shape({
+    root: o.object
+  }),
+  /**
+   * If `true`, the backdrop is invisible.
+   * It can be used when rendering a popover or a custom select component.
+   * @default false
+   */
+  invisible: o.bool,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object]),
+    transition: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType,
+    transition: o.elementType
+  }),
+  /**
+   * 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 component used for the transition.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Fade
+   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionComponent: o.elementType,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  transitionDuration: o.oneOfType([o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.number
+  })])
+});
 export {
-  M as default
+  q as default
 };
 //# sourceMappingURL=ui-components.es188.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es188.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/cssVars/prepareCssVars.js"],"sourcesContent":["import deepmerge from '@mui/utils/deepmerge';\nimport cssVarsParser from \"./cssVarsParser.js\";\nfunction prepareCssVars(theme, parserConfig = {}) {\n  const {\n    getSelector = defaultGetSelector,\n    disableCssColorScheme,\n    colorSchemeSelector: selector,\n    enableContrastVars\n  } = parserConfig;\n  // @ts-ignore - ignore components do not exist\n  const {\n    colorSchemes = {},\n    components,\n    defaultColorScheme = 'light',\n    ...otherTheme\n  } = theme;\n  const {\n    vars: rootVars,\n    css: rootCss,\n    varsWithDefaults: rootVarsWithDefaults\n  } = cssVarsParser(otherTheme, parserConfig);\n  let themeVars = rootVarsWithDefaults;\n  const colorSchemesMap = {};\n  const {\n    [defaultColorScheme]: defaultScheme,\n    ...otherColorSchemes\n  } = colorSchemes;\n  Object.entries(otherColorSchemes || {}).forEach(([key, scheme]) => {\n    const {\n      vars,\n      css,\n      varsWithDefaults\n    } = cssVarsParser(scheme, parserConfig);\n    themeVars = deepmerge(themeVars, varsWithDefaults);\n    colorSchemesMap[key] = {\n      css,\n      vars\n    };\n  });\n  if (defaultScheme) {\n    // default color scheme vars should be merged last to set as default\n    const {\n      css,\n      vars,\n      varsWithDefaults\n    } = cssVarsParser(defaultScheme, parserConfig);\n    themeVars = deepmerge(themeVars, varsWithDefaults);\n    colorSchemesMap[defaultColorScheme] = {\n      css,\n      vars\n    };\n  }\n  function defaultGetSelector(colorScheme, cssObject) {\n    let rule = selector;\n    if (selector === 'class') {\n      rule = '.%s';\n    }\n    if (selector === 'data') {\n      rule = '[data-%s]';\n    }\n    if (selector?.startsWith('data-') && !selector.includes('%s')) {\n      // 'data-joy-color-scheme' -> '[data-joy-color-scheme=\"%s\"]'\n      rule = `[${selector}=\"%s\"]`;\n    }\n    if (colorScheme) {\n      if (rule === 'media') {\n        if (theme.defaultColorScheme === colorScheme) {\n          return ':root';\n        }\n        const mode = colorSchemes[colorScheme]?.palette?.mode || colorScheme;\n        return {\n          [`@media (prefers-color-scheme: ${mode})`]: {\n            ':root': cssObject\n          }\n        };\n      }\n      if (rule) {\n        if (theme.defaultColorScheme === colorScheme) {\n          return `:root, ${rule.replace('%s', String(colorScheme))}`;\n        }\n        return rule.replace('%s', String(colorScheme));\n      }\n    }\n    return ':root';\n  }\n  const generateThemeVars = () => {\n    let vars = {\n      ...rootVars\n    };\n    Object.entries(colorSchemesMap).forEach(([, {\n      vars: schemeVars\n    }]) => {\n      vars = deepmerge(vars, schemeVars);\n    });\n    return vars;\n  };\n  const generateStyleSheets = () => {\n    const stylesheets = [];\n    const colorScheme = theme.defaultColorScheme || 'light';\n    function insertStyleSheet(key, css) {\n      if (Object.keys(css).length) {\n        stylesheets.push(typeof key === 'string' ? {\n          [key]: {\n            ...css\n          }\n        } : key);\n      }\n    }\n    insertStyleSheet(getSelector(undefined, {\n      ...rootCss\n    }), rootCss);\n    const {\n      [colorScheme]: defaultSchemeVal,\n      ...other\n    } = colorSchemesMap;\n    if (defaultSchemeVal) {\n      // default color scheme has to come before other color schemes\n      const {\n        css\n      } = defaultSchemeVal;\n      const cssColorSheme = colorSchemes[colorScheme]?.palette?.mode;\n      const finalCss = !disableCssColorScheme && cssColorSheme ? {\n        colorScheme: cssColorSheme,\n        ...css\n      } : {\n        ...css\n      };\n      insertStyleSheet(getSelector(colorScheme, {\n        ...finalCss\n      }), finalCss);\n    }\n    Object.entries(other).forEach(([key, {\n      css\n    }]) => {\n      const cssColorSheme = colorSchemes[key]?.palette?.mode;\n      const finalCss = !disableCssColorScheme && cssColorSheme ? {\n        colorScheme: cssColorSheme,\n        ...css\n      } : {\n        ...css\n      };\n      insertStyleSheet(getSelector(key, {\n        ...finalCss\n      }), finalCss);\n    });\n    if (enableContrastVars) {\n      stylesheets.push({\n        ':root': {\n          // use double underscore to indicate that these are private variables\n          '--__l-threshold': '0.7',\n          '--__l': 'clamp(0, (l / var(--__l-threshold) - 1) * -infinity, 1)',\n          '--__a': 'clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)' // 0.87 is the default alpha value for black text.\n        }\n      });\n    }\n    return stylesheets;\n  };\n  return {\n    vars: themeVars,\n    generateThemeVars,\n    generateStyleSheets\n  };\n}\nexport default prepareCssVars;"],"names":["prepareCssVars","theme","parserConfig","getSelector","defaultGetSelector","disableCssColorScheme","selector","enableContrastVars","colorSchemes","components","defaultColorScheme","otherTheme","rootVars","rootCss","rootVarsWithDefaults","cssVarsParser","themeVars","colorSchemesMap","defaultScheme","otherColorSchemes","key","scheme","vars","css","varsWithDefaults","deepmerge","colorScheme","cssObject","rule","schemeVars","stylesheets","insertStyleSheet","defaultSchemeVal","other","cssColorSheme","finalCss"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es188.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/Backdrop/Backdrop.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 useSlot from \"../utils/useSlot.js\";\nimport Fade from \"../Fade/index.js\";\nimport { getBackdropUtilityClass } from \"./backdropClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    invisible\n  } = ownerState;\n  const slots = {\n    root: ['root', invisible && 'invisible']\n  };\n  return composeClasses(slots, getBackdropUtilityClass, classes);\n};\nconst BackdropRoot = styled('div', {\n  name: 'MuiBackdrop',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.invisible && styles.invisible];\n  }\n})({\n  position: 'fixed',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  right: 0,\n  bottom: 0,\n  top: 0,\n  left: 0,\n  backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  WebkitTapHighlightColor: 'transparent',\n  variants: [{\n    props: {\n      invisible: true\n    },\n    style: {\n      backgroundColor: 'transparent'\n    }\n  }]\n});\nconst Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiBackdrop'\n  });\n  const {\n    children,\n    className,\n    component = 'div',\n    invisible = false,\n    open,\n    components = {},\n    componentsProps = {},\n    slotProps = {},\n    slots = {},\n    TransitionComponent: TransitionComponentProp,\n    transitionDuration,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    invisible\n  };\n  const classes = useUtilityClasses(ownerState);\n  const backwardCompatibleSlots = {\n    transition: TransitionComponentProp,\n    root: components.Root,\n    ...slots\n  };\n  const backwardCompatibleSlotProps = {\n    ...componentsProps,\n    ...slotProps\n  };\n  const externalForwardedProps = {\n    component,\n    slots: backwardCompatibleSlots,\n    slotProps: backwardCompatibleSlotProps\n  };\n  const [RootSlot, rootProps] = useSlot('root', {\n    elementType: BackdropRoot,\n    externalForwardedProps,\n    className: clsx(classes.root, className),\n    ownerState\n  });\n  const [TransitionSlot, transitionProps] = useSlot('transition', {\n    elementType: Fade,\n    externalForwardedProps,\n    ownerState\n  });\n  return /*#__PURE__*/_jsx(TransitionSlot, {\n    in: open,\n    timeout: transitionDuration,\n    ...other,\n    ...transitionProps,\n    children: /*#__PURE__*/_jsx(RootSlot, {\n      \"aria-hidden\": true,\n      ...rootProps,\n      ref: ref,\n      children: children\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Backdrop.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   * The components used for each slot inside.\n   *\n   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    root: PropTypes.object\n  }),\n  /**\n   * If `true`, the backdrop is invisible.\n   * It can be used when rendering a popover or a custom select component.\n   * @default false\n   */\n  invisible: PropTypes.bool,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    root: PropTypes.elementType,\n    transition: PropTypes.elementType\n  }),\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 component used for the transition.\n   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.\n   * @default Fade\n   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   */\n  TransitionComponent: PropTypes.elementType,\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   */\n  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })])\n} : void 0;\nexport default Backdrop;"],"names":["useUtilityClasses","ownerState","classes","invisible","composeClasses","getBackdropUtilityClass","BackdropRoot","styled","props","styles","Backdrop","React","inProps","ref","useDefaultProps","children","className","component","open","components","componentsProps","slotProps","slots","TransitionComponentProp","transitionDuration","other","backwardCompatibleSlots","backwardCompatibleSlotProps","externalForwardedProps","RootSlot","rootProps","useSlot","clsx","TransitionSlot","transitionProps","Fade","_jsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es189.js

@@ -1,16 +1,10 @@
-import { createUnarySpacing as i } from "./ui-components.es194.js";
-function m(r = 8, n = i({
-  spacing: r
-})) {
-  if (r.mui)
-    return r;
-  const t = (...e) => (process.env.NODE_ENV !== "production" && (e.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${e.length}`)), (e.length === 0 ? [1] : e).map((c) => {
-    const o = n(c);
-    return typeof o == "number" ? `${o}px` : o;
-  }).join(" "));
-  return t.mui = !0, t;
+function p(r, n, l, t, u) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const e = r[n], o = u || n;
+  return e == null ? null : e && e.nodeType !== 1 ? new Error(`Invalid ${t} \`${o}\` supplied to \`${l}\`. Expected an HTMLElement.`) : null;
 }
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=ui-components.es189.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es189.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/createTheme/createSpacing.js"],"sourcesContent":["import { createUnarySpacing } from \"../spacing/index.js\";\n\n// The different signatures imply different meaning for their arguments that can't be expressed structurally.\n// We express the difference with variable names.\n\nexport default function createSpacing(spacingInput = 8,\n// Material Design layouts are visually balanced. Most measurements align to an 8dp grid, which aligns both spacing and the overall layout.\n// Smaller components, such as icons, can align to a 4dp grid.\n// https://m2.material.io/design/layout/understanding-layout.html\ntransform = createUnarySpacing({\n  spacing: spacingInput\n})) {\n  // Already transformed.\n  if (spacingInput.mui) {\n    return spacingInput;\n  }\n  const spacing = (...argsInput) => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (!(argsInput.length <= 4)) {\n        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);\n      }\n    }\n    const args = argsInput.length === 0 ? [1] : argsInput;\n    return args.map(argument => {\n      const output = transform(argument);\n      return typeof output === 'number' ? `${output}px` : output;\n    }).join(' ');\n  };\n  spacing.mui = true;\n  return spacing;\n}"],"names":["createSpacing","spacingInput","transform","createUnarySpacing","spacing","argsInput","argument","output"],"mappings":";AAKe,SAASA,EAAcC,IAAe,GAIrDC,IAAYC,EAAmB;AAAA,EAC7B,SAASF;AACX,CAAC,GAAG;AAEF,MAAIA,EAAa;AACf,WAAOA;AAET,QAAMG,IAAU,IAAIC,OACd,QAAQ,IAAI,aAAa,iBACrBA,EAAU,UAAU,KACxB,QAAQ,MAAM,mEAAmEA,EAAU,MAAM,EAAE,KAG1FA,EAAU,WAAW,IAAI,CAAC,CAAC,IAAIA,GAChC,IAAI,CAAAC,MAAY;AAC1B,UAAMC,IAASL,EAAUI,CAAQ;AACjC,WAAO,OAAOC,KAAW,WAAW,GAAGA,CAAM,OAAOA;AAAA,EACtD,CAAC,EAAE,KAAK,GAAG;AAEb,SAAAH,EAAQ,MAAM,IACPA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es189.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js"],"sourcesContent":["export default function HTMLElementType(props, propName, componentName, location, propFullName) {\n  if (process.env.NODE_ENV === 'production') {\n    return null;\n  }\n  const propValue = props[propName];\n  const safePropName = propFullName || propName;\n  if (propValue == null) {\n    return null;\n  }\n  if (propValue && propValue.nodeType !== 1) {\n    return new Error(`Invalid ${location} \\`${safePropName}\\` supplied to \\`${componentName}\\`. ` + `Expected an HTMLElement.`);\n  }\n  return null;\n}"],"names":["HTMLElementType","props","propName","componentName","location","propFullName","propValue","safePropName"],"mappings":"AAAe,SAASA,EAAgBC,GAAOC,GAAUC,GAAeC,GAAUC,GAAc;AAC9F,MAAI,QAAQ,IAAI,aAAa;AAC3B,WAAO;AAET,QAAMC,IAAYL,EAAMC,CAAQ,GAC1BK,IAAeF,KAAgBH;AACrC,SAAII,KAAa,OACR,OAELA,KAAaA,EAAU,aAAa,IAC/B,IAAI,MAAM,WAAWF,CAAQ,MAAMG,CAAY,oBAAoBJ,CAAa,8BAAmC,IAErH;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es190.js

@@ -1,9 +1,273 @@
-function n(r) {
-  return function(t) {
-    return r === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : r ? r.startsWith("data-") && !r.includes("%s") ? `[${r}="${t}"] &` : r === "class" ? `.${t} &` : r === "data" ? `[data-${t}] &` : `${r.replace("%s", t)} &` : "&";
+import h from "./ui-components.es245.js";
+import L from "./ui-components.es246.js";
+import d from "./ui-components.es247.js";
+import g from "./ui-components.es248.js";
+import p from "./ui-components.es249.js";
+import m from "./ui-components.es250.js";
+import f from "./ui-components.es251.js";
+import l from "./ui-components.es252.js";
+import P from "./ui-components.es202.js";
+import { getContrastRatio as O, lighten as U, darken as V } from "./ui-components.es45.js";
+import $ from "./ui-components.es153.js";
+function T() {
+  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: h.white,
+      default: h.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 B = T();
+function N() {
+  return {
+    text: {
+      primary: h.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: h.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 D = N();
+function x(r, t, n, e) {
+  const o = e.light || e, u = e.dark || e * 1.5;
+  r[t] || (r.hasOwnProperty(n) ? r[t] = r[n] : t === "light" ? r.light = U(r.main, o) : t === "dark" && (r.dark = V(r.main, u)));
+}
+function E(r, t, n, e, o) {
+  const u = o.light || o, k = o.dark || o * 1.5;
+  t[n] || (t.hasOwnProperty(e) ? t[n] = t[e] : n === "light" ? t.light = `color-mix(in ${r}, ${t.main}, #fff ${(u * 100).toFixed(0)}%)` : n === "dark" && (t.dark = `color-mix(in ${r}, ${t.main}, #000 ${(k * 100).toFixed(0)}%)`));
+}
+function R(r = "light") {
+  return r === "dark" ? {
+    main: m[200],
+    light: m[50],
+    dark: m[400]
+  } : {
+    main: m[700],
+    light: m[400],
+    dark: m[800]
+  };
+}
+function W(r = "light") {
+  return r === "dark" ? {
+    main: d[200],
+    light: d[50],
+    dark: d[400]
+  } : {
+    main: d[500],
+    light: d[300],
+    dark: d[700]
+  };
+}
+function j(r = "light") {
+  return r === "dark" ? {
+    main: g[500],
+    light: g[300],
+    dark: g[700]
+  } : {
+    main: g[700],
+    light: g[400],
+    dark: g[800]
+  };
+}
+function F(r = "light") {
+  return r === "dark" ? {
+    main: f[400],
+    light: f[300],
+    dark: f[700]
+  } : {
+    main: f[700],
+    light: f[500],
+    dark: f[900]
+  };
+}
+function G(r = "light") {
+  return r === "dark" ? {
+    main: l[400],
+    light: l[300],
+    dark: l[700]
+  } : {
+    main: l[800],
+    light: l[500],
+    dark: l[900]
+  };
+}
+function J(r = "light") {
+  return r === "dark" ? {
+    main: p[400],
+    light: p[300],
+    dark: p[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: p[500],
+    dark: p[900]
+  };
+}
+function S(r) {
+  return `oklch(from ${r} var(--__l) 0 h / var(--__a))`;
+}
+function ir(r) {
+  const {
+    mode: t = "light",
+    contrastThreshold: n = 3,
+    tonalOffset: e = 0.2,
+    colorSpace: o,
+    ...u
+  } = r, k = r.primary || R(t), C = r.secondary || W(t), _ = r.error || j(t), M = r.info || F(t), A = r.success || G(t), I = r.warning || J(t);
+  function b(a) {
+    if (o)
+      return S(a);
+    const i = O(a, D.text.primary) >= n ? D.text.primary : B.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const c = O(a, i);
+      c < 3 && console.error([`MUI: The contrast ratio of ${c}:1 for ${i} on ${a}`, "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 i;
+  }
+  const s = ({
+    color: a,
+    name: i,
+    mainShade: c = 500,
+    lightShade: v = 300,
+    darkShade: w = 700
+  }) => {
+    if (a = {
+      ...a
+    }, !a.main && a[c] && (a.main = a[c]), !a.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${i ? ` (${i})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${c}\` property.` : $(11, i ? ` (${i})` : "", c));
+    if (typeof a.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${i ? ` (${i})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(a.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] },
+} });` : $(12, i ? ` (${i})` : "", JSON.stringify(a.main)));
+    return o ? (E(o, a, "light", v, e), E(o, a, "dark", w, e)) : (x(a, "light", v, e), x(a, "dark", w, e)), a.contrastText || (a.contrastText = b(a.main)), a;
+  };
+  let y;
+  return t === "light" ? y = T() : t === "dark" && (y = N()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), P({
+    // A collection of common colors.
+    common: {
+      ...h
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: t,
+    // The colors used to represent primary interface elements for a user.
+    primary: s({
+      color: k,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: s({
+      color: C,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: s({
+      color: _,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: s({
+      color: I,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: s({
+      color: M,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: s({
+      color: A,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: L,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: n,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: b,
+    // Generate a rich color object.
+    augmentColor: s,
+    // 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: e,
+    // The light and dark mode object.
+    ...y
+  }, u);
+}
 export {
-  n as createGetColorSchemeSelector
+  S as contrastColor,
+  D as dark,
+  ir as default,
+  B as light
 };
 //# sourceMappingURL=ui-components.es190.js.map