@weng-lab/ui-components 3.0.0-beta.0 → 3.0.1

package/dist/ui-components.es155.js

@@ -1,7 +1,11 @@
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext({});
-process.env.NODE_ENV !== "production" && (o.displayName = "ButtonGroupContext");
+function i(n) {
+  const e = {};
+  return Object.entries(n).forEach((o) => {
+    const [r, t] = o;
+    typeof t == "object" && (e[r] = `${t.fontStyle ? `${t.fontStyle} ` : ""}${t.fontVariant ? `${t.fontVariant} ` : ""}${t.fontWeight ? `${t.fontWeight} ` : ""}${t.fontStretch ? `${t.fontStretch} ` : ""}${t.fontSize || ""}${t.lineHeight ? `/${t.lineHeight} ` : ""}${t.fontFamily || ""}`);
+  }), e;
+}
 export {
-  o as default
+  i as default
 };
 //# sourceMappingURL=ui-components.es155.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es155.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/ButtonGroup/ButtonGroupContext.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst ButtonGroupContext = /*#__PURE__*/React.createContext({});\nif (process.env.NODE_ENV !== 'production') {\n  ButtonGroupContext.displayName = 'ButtonGroupContext';\n}\nexport default ButtonGroupContext;"],"names":["ButtonGroupContext","React"],"mappings":";AAMK,MAACA,IAAkC,gBAAAC,EAAM,cAAc,CAAA,CAAE;AAC1D,QAAQ,IAAI,aAAa,iBAC3BD,EAAmB,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es155.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/prepareTypographyVars.js"],"sourcesContent":["export default function prepareTypographyVars(typography) {\n  const vars = {};\n  const entries = Object.entries(typography);\n  entries.forEach(entry => {\n    const [key, value] = entry;\n    if (typeof value === 'object') {\n      vars[key] = `${value.fontStyle ? `${value.fontStyle} ` : ''}${value.fontVariant ? `${value.fontVariant} ` : ''}${value.fontWeight ? `${value.fontWeight} ` : ''}${value.fontStretch ? `${value.fontStretch} ` : ''}${value.fontSize || ''}${value.lineHeight ? `/${value.lineHeight} ` : ''}${value.fontFamily || ''}`;\n    }\n  });\n  return vars;\n}"],"names":["prepareTypographyVars","typography","vars","entry","key","value"],"mappings":"AAAe,SAASA,EAAsBC,GAAY;AACxD,QAAMC,IAAO,CAAA;AAEb,SADgB,OAAO,QAAQD,CAAU,EACjC,QAAQ,CAAAE,MAAS;AACvB,UAAM,CAACC,GAAKC,CAAK,IAAIF;AACrB,IAAI,OAAOE,KAAU,aACnBH,EAAKE,CAAG,IAAI,GAAGC,EAAM,YAAY,GAAGA,EAAM,SAAS,MAAM,EAAE,GAAGA,EAAM,cAAc,GAAGA,EAAM,WAAW,MAAM,EAAE,GAAGA,EAAM,aAAa,GAAGA,EAAM,UAAU,MAAM,EAAE,GAAGA,EAAM,cAAc,GAAGA,EAAM,WAAW,MAAM,EAAE,GAAGA,EAAM,YAAY,EAAE,GAAGA,EAAM,aAAa,IAAIA,EAAM,UAAU,MAAM,EAAE,GAAGA,EAAM,cAAc,EAAE;AAAA,EAExT,CAAC,GACMH;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es156.js

@@ -1,7 +1,32 @@
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "ButtonGroupButtonContext");
+import * as p from "react";
+import { r as e } from "./ui-components.es177.js";
+function f(t) {
+  if (typeof t != "object" || t === null)
+    return !1;
+  const l = Object.getPrototypeOf(t);
+  return (l === null || l === Object.prototype || Object.getPrototypeOf(l) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
+}
+function a(t) {
+  if (/* @__PURE__ */ p.isValidElement(t) || e.isValidElementType(t) || !f(t))
+    return t;
+  const l = {};
+  return Object.keys(t).forEach((i) => {
+    l[i] = a(t[i]);
+  }), l;
+}
+function r(t, l, i = {
+  clone: !0
+}) {
+  const o = i.clone ? {
+    ...t
+  } : t;
+  return f(t) && f(l) && Object.keys(l).forEach((n) => {
+    /* @__PURE__ */ p.isValidElement(l[n]) || e.isValidElementType(l[n]) ? o[n] = l[n] : f(l[n]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(t, n) && f(t[n]) ? o[n] = r(t[n], l[n], i) : i.clone ? o[n] = f(l[n]) ? a(l[n]) : l[n] : o[n] = l[n];
+  }), o;
+}
 export {
-  o as default
+  r as default,
+  f as isPlainObject
 };
 //# sourceMappingURL=ui-components.es156.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es156.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/ButtonGroup/ButtonGroupButtonContext.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n/**\n * @ignore - internal component.\n */\nconst ButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== 'production') {\n  ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';\n}\nexport default ButtonGroupButtonContext;"],"names":["ButtonGroupButtonContext","React"],"mappings":";AAMK,MAACA,IAAwC,gBAAAC,EAAM,cAAc,MAAS;AACvE,QAAQ,IAAI,aAAa,iBAC3BD,EAAyB,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es156.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/deepmerge/deepmerge.js"],"sourcesContent":["import * as React from 'react';\nimport { isValidElementType } from 'react-is';\n\n// https://github.com/sindresorhus/is-plain-obj/blob/main/index.js\nexport function isPlainObject(item) {\n  if (typeof item !== 'object' || item === null) {\n    return false;\n  }\n  const prototype = Object.getPrototypeOf(item);\n  return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);\n}\nfunction deepClone(source) {\n  if (/*#__PURE__*/React.isValidElement(source) || isValidElementType(source) || !isPlainObject(source)) {\n    return source;\n  }\n  const output = {};\n  Object.keys(source).forEach(key => {\n    output[key] = deepClone(source[key]);\n  });\n  return output;\n}\n\n/**\n * Merge objects deeply.\n * It will shallow copy React elements.\n *\n * If `options.clone` is set to `false` the source object will be merged directly into the target object.\n *\n * @example\n * ```ts\n * deepmerge({ a: { b: 1 }, d: 2 }, { a: { c: 2 }, d: 4 });\n * // => { a: { b: 1, c: 2 }, d: 4 }\n * ````\n *\n * @param target The target object.\n * @param source The source object.\n * @param options The merge options.\n * @param options.clone Set to `false` to merge the source object directly into the target object.\n * @returns The merged object.\n */\nexport default function deepmerge(target, source, options = {\n  clone: true\n}) {\n  const output = options.clone ? {\n    ...target\n  } : target;\n  if (isPlainObject(target) && isPlainObject(source)) {\n    Object.keys(source).forEach(key => {\n      if (/*#__PURE__*/React.isValidElement(source[key]) || isValidElementType(source[key])) {\n        output[key] = source[key];\n      } else if (isPlainObject(source[key]) &&\n      // Avoid prototype pollution\n      Object.prototype.hasOwnProperty.call(target, key) && isPlainObject(target[key])) {\n        // Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.\n        output[key] = deepmerge(target[key], source[key], options);\n      } else if (options.clone) {\n        output[key] = isPlainObject(source[key]) ? deepClone(source[key]) : source[key];\n      } else {\n        output[key] = source[key];\n      }\n    });\n  }\n  return output;\n}"],"names":["isPlainObject","item","prototype","deepClone","source","React","isValidElementType","output","key","deepmerge","target","options"],"mappings":";;AAIO,SAASA,EAAcC,GAAM;AAClC,MAAI,OAAOA,KAAS,YAAYA,MAAS;AACvC,WAAO;AAET,QAAMC,IAAY,OAAO,eAAeD,CAAI;AAC5C,UAAQC,MAAc,QAAQA,MAAc,OAAO,aAAa,OAAO,eAAeA,CAAS,MAAM,SAAS,EAAE,OAAO,eAAeD,MAAS,EAAE,OAAO,YAAYA;AACtK;AACA,SAASE,EAAUC,GAAQ;AACzB,MAAiB,gBAAAC,EAAM,eAAeD,CAAM,KAAKE,EAAAA,mBAAmBF,CAAM,KAAK,CAACJ,EAAcI,CAAM;AAClG,WAAOA;AAET,QAAMG,IAAS,CAAA;AACf,gBAAO,KAAKH,CAAM,EAAE,QAAQ,CAAAI,MAAO;AACjC,IAAAD,EAAOC,CAAG,IAAIL,EAAUC,EAAOI,CAAG,CAAC;AAAA,EACrC,CAAC,GACMD;AACT;AAoBe,SAASE,EAAUC,GAAQN,GAAQO,IAAU;AAAA,EAC1D,OAAO;AACT,GAAG;AACD,QAAMJ,IAASI,EAAQ,QAAQ;AAAA,IAC7B,GAAGD;AAAA,EACP,IAAMA;AACJ,SAAIV,EAAcU,CAAM,KAAKV,EAAcI,CAAM,KAC/C,OAAO,KAAKA,CAAM,EAAE,QAAQ,CAAAI,MAAO;AACjC,IAAiB,gBAAAH,EAAM,eAAeD,EAAOI,CAAG,CAAC,KAAKF,qBAAmBF,EAAOI,CAAG,CAAC,IAClFD,EAAOC,CAAG,IAAIJ,EAAOI,CAAG,IACfR,EAAcI,EAAOI,CAAG,CAAC;AAAA,IAEpC,OAAO,UAAU,eAAe,KAAKE,GAAQF,CAAG,KAAKR,EAAcU,EAAOF,CAAG,CAAC,IAE5ED,EAAOC,CAAG,IAAIC,EAAUC,EAAOF,CAAG,GAAGJ,EAAOI,CAAG,GAAGG,CAAO,IAChDA,EAAQ,QACjBJ,EAAOC,CAAG,IAAIR,EAAcI,EAAOI,CAAG,CAAC,IAAIL,EAAUC,EAAOI,CAAG,CAAC,IAAIJ,EAAOI,CAAG,IAE9ED,EAAOC,CAAG,IAAIJ,EAAOI,CAAG;AAAA,EAE5B,CAAC,GAEID;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es157.js

@@ -1,40 +1,127 @@
-import { clsx as y } from "./ui-components.es94.js";
-function r(t, o, n = !1) {
-  const e = {
-    ...o
-  };
-  for (const f in t)
-    if (Object.prototype.hasOwnProperty.call(t, f)) {
-      const s = f;
-      if (s === "components" || s === "slots")
-        e[s] = {
-          ...t[s],
-          ...e[s]
+import S from "./ui-components.es280.js";
+import p from "./ui-components.es156.js";
+function M(i, h = {}) {
+  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) {
+    const {
+      css: e,
+      vars: s,
+      varsWithDefaults: t
+    } = S(g, h);
+    l = p(l, t), u[C] = {
+      css: e,
+      vars: s
+    };
+  }
+  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;
+    },
+    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
         };
-      else if (s === "componentsProps" || s === "slotProps") {
-        const l = t[s], c = o[s];
-        if (!c)
-          e[s] = l || {};
-        else if (!l)
-          e[s] = c;
-        else {
-          e[s] = {
-            ...c
-          };
-          for (const a in l)
-            if (Object.prototype.hasOwnProperty.call(l, a)) {
-              const i = a;
-              e[s][i] = r(l[i], c[i], n);
-            }
+        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.
         }
-      } else s === "className" && n && o.className ? e.className = y(t?.className, o?.className) : s === "style" && n && o.style ? e.style = {
-        ...t?.style,
-        ...o?.style
-      } : e[s] === void 0 && (e[s] = t[s]);
+      }), e;
     }
-  return e;
+  };
 }
 export {
-  r as default
+  M as default
 };
 //# sourceMappingURL=ui-components.es157.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es157.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/resolveProps/resolveProps.js"],"sourcesContent":["import clsx from 'clsx';\n\n/**\n * Add keys, values of `defaultProps` that does not exist in `props`\n * @param defaultProps\n * @param props\n * @param mergeClassNameAndStyle If `true`, merges `className` and `style` props instead of overriding them.\n *   When `false` (default), props override defaultProps. When `true`, `className` values are concatenated\n *   and `style` objects are merged with props taking precedence.\n * @returns resolved props\n */\nexport default function resolveProps(defaultProps, props, mergeClassNameAndStyle = false) {\n  const output = {\n    ...props\n  };\n  for (const key in defaultProps) {\n    if (Object.prototype.hasOwnProperty.call(defaultProps, key)) {\n      const propName = key;\n      if (propName === 'components' || propName === 'slots') {\n        output[propName] = {\n          ...defaultProps[propName],\n          ...output[propName]\n        };\n      } else if (propName === 'componentsProps' || propName === 'slotProps') {\n        const defaultSlotProps = defaultProps[propName];\n        const slotProps = props[propName];\n        if (!slotProps) {\n          output[propName] = defaultSlotProps || {};\n        } else if (!defaultSlotProps) {\n          output[propName] = slotProps;\n        } else {\n          output[propName] = {\n            ...slotProps\n          };\n          for (const slotKey in defaultSlotProps) {\n            if (Object.prototype.hasOwnProperty.call(defaultSlotProps, slotKey)) {\n              const slotPropName = slotKey;\n              output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName], mergeClassNameAndStyle);\n            }\n          }\n        }\n      } else if (propName === 'className' && mergeClassNameAndStyle && props.className) {\n        output.className = clsx(defaultProps?.className, props?.className);\n      } else if (propName === 'style' && mergeClassNameAndStyle && props.style) {\n        output.style = {\n          ...defaultProps?.style,\n          ...props?.style\n        };\n      } else if (output[propName] === undefined) {\n        output[propName] = defaultProps[propName];\n      }\n    }\n  }\n  return output;\n}"],"names":["resolveProps","defaultProps","props","mergeClassNameAndStyle","output","key","propName","defaultSlotProps","slotProps","slotKey","slotPropName","clsx"],"mappings":";AAWe,SAASA,EAAaC,GAAcC,GAAOC,IAAyB,IAAO;AACxF,QAAMC,IAAS;AAAA,IACb,GAAGF;AAAA,EACP;AACE,aAAWG,KAAOJ;AAChB,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAcI,CAAG,GAAG;AAC3D,YAAMC,IAAWD;AACjB,UAAIC,MAAa,gBAAgBA,MAAa;AAC5C,QAAAF,EAAOE,CAAQ,IAAI;AAAA,UACjB,GAAGL,EAAaK,CAAQ;AAAA,UACxB,GAAGF,EAAOE,CAAQ;AAAA,QAC5B;AAAA,eACiBA,MAAa,qBAAqBA,MAAa,aAAa;AACrE,cAAMC,IAAmBN,EAAaK,CAAQ,GACxCE,IAAYN,EAAMI,CAAQ;AAChC,YAAI,CAACE;AACH,UAAAJ,EAAOE,CAAQ,IAAIC,KAAoB,CAAA;AAAA,iBAC9B,CAACA;AACV,UAAAH,EAAOE,CAAQ,IAAIE;AAAA,aACd;AACL,UAAAJ,EAAOE,CAAQ,IAAI;AAAA,YACjB,GAAGE;AAAA,UACf;AACU,qBAAWC,KAAWF;AACpB,gBAAI,OAAO,UAAU,eAAe,KAAKA,GAAkBE,CAAO,GAAG;AACnE,oBAAMC,IAAeD;AACrB,cAAAL,EAAOE,CAAQ,EAAEI,CAAY,IAAIV,EAAaO,EAAiBG,CAAY,GAAGF,EAAUE,CAAY,GAAGP,CAAsB;AAAA,YAC/H;AAAA,QAEJ;AAAA,MACF,MAAO,CAAIG,MAAa,eAAeH,KAA0BD,EAAM,YACrEE,EAAO,YAAYO,EAAKV,GAAc,WAAWC,GAAO,SAAS,IACxDI,MAAa,WAAWH,KAA0BD,EAAM,QACjEE,EAAO,QAAQ;AAAA,QACb,GAAGH,GAAc;AAAA,QACjB,GAAGC,GAAO;AAAA,MACpB,IACiBE,EAAOE,CAAQ,MAAM,WAC9BF,EAAOE,CAAQ,IAAIL,EAAaK,CAAQ;AAAA,IAE5C;AAEF,SAAOF;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es157.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]}

package/dist/ui-components.es158.js

@@ -1,348 +1,16 @@
-import * as h from "react";
-import o from "./ui-components.es89.js";
-import { clsx as po } from "./ui-components.es94.js";
-import fo from "./ui-components.es307.js";
-import bo, { getButtonBaseUtilityClass as mo } from "./ui-components.es308.js";
-import { j as U } from "./ui-components.es15.js";
-import { useDefaultProps as ho } from "./ui-components.es92.js";
-import yo from "./ui-components.es309.js";
-import A from "./ui-components.es149.js";
-import x from "./ui-components.es186.js";
-import K from "./ui-components.es190.js";
-import Ro from "./ui-components.es98.js";
-import To from "./ui-components.es34.js";
-import go from "./ui-components.es152.js";
-import Mo from "./ui-components.es137.js";
-const Co = (y) => {
-  const {
-    disabled: p,
-    focusVisible: i,
-    focusVisibleClassName: u,
-    classes: c
-  } = y, R = Ro({
-    root: ["root", p && "disabled", i && "focusVisible"]
-  }, mo, c);
-  return i && u && (R.root += ` ${u}`), R;
-}, xo = To("button", {
-  name: "MuiButtonBase",
-  slot: "Root"
-})({
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  position: "relative",
-  boxSizing: "border-box",
-  WebkitTapHighlightColor: "transparent",
-  backgroundColor: "transparent",
-  // Reset default value
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  border: 0,
-  margin: 0,
-  // Remove the margin in Safari
-  borderRadius: 0,
-  padding: 0,
-  // Remove the padding in Firefox
-  cursor: "pointer",
-  userSelect: "none",
-  verticalAlign: "middle",
-  MozAppearance: "none",
-  // Reset
-  WebkitAppearance: "none",
-  // Reset
-  textDecoration: "none",
-  // So we take precedent over the style of a native <a /> element.
-  color: "inherit",
-  "&::-moz-focus-inner": {
-    borderStyle: "none"
-    // Remove Firefox dotted outline.
-  },
-  [`&.${bo.disabled}`]: {
-    pointerEvents: "none",
-    // Disable link interactions
-    cursor: "default"
-  },
-  "@media print": {
-    colorAdjust: "exact"
-  }
-}), Bo = /* @__PURE__ */ h.forwardRef(function(p, i) {
-  const u = ho({
-    props: p,
-    name: "MuiButtonBase"
-  }), {
-    action: c,
-    centerRipple: B = !1,
-    children: R,
-    className: O,
-    component: T = "button",
-    disabled: r = !1,
-    disableRipple: g = !1,
-    disableTouchRipple: n = !1,
-    focusRipple: f = !1,
-    focusVisibleClassName: Do,
-    LinkComponent: P = "a",
-    onBlur: V,
-    onClick: d,
-    onContextMenu: I,
-    onDragLeave: z,
-    onFocus: w,
-    onFocusVisible: E,
-    onKeyDown: L,
-    onKeyUp: N,
-    onMouseDown: q,
-    onMouseLeave: j,
-    onMouseUp: H,
-    onTouchEnd: W,
-    onTouchMove: $,
-    onTouchStart: _,
-    tabIndex: F = 0,
-    TouchRippleProps: G,
-    touchRippleRef: J,
-    type: D,
-    ...l
-  } = u, b = h.useRef(null), t = yo(), Q = A(t.ref, J), [a, M] = h.useState(!1);
-  r && a && M(!1), h.useImperativeHandle(c, () => ({
-    focusVisible: () => {
-      M(!0), b.current.focus();
-    }
-  }), []);
-  const X = t.shouldMount && !g && !r;
-  h.useEffect(() => {
-    a && f && !g && t.pulsate();
-  }, [g, f, a, t]);
-  const Y = s(t, "start", q, n), Z = s(t, "stop", I, n), v = s(t, "stop", z, n), oo = s(t, "stop", H, n), eo = s(t, "stop", (e) => {
-    a && e.preventDefault(), j && j(e);
-  }, n), to = s(t, "start", _, n), no = s(t, "stop", W, n), so = s(t, "stop", $, n), ro = s(t, "stop", (e) => {
-    K(e.target) || M(!1), V && V(e);
-  }, !1), io = x((e) => {
-    b.current || (b.current = e.currentTarget), K(e.target) && (M(!0), E && E(e)), w && w(e);
-  }), k = () => {
-    const e = b.current;
-    return T && T !== "button" && !(e.tagName === "A" && e.href);
-  }, uo = x((e) => {
-    f && !e.repeat && a && e.key === " " && t.stop(e, () => {
-      t.start(e);
-    }), e.target === e.currentTarget && k() && e.key === " " && e.preventDefault(), L && L(e), e.target === e.currentTarget && k() && e.key === "Enter" && !r && (e.preventDefault(), d && d(e));
-  }), ao = x((e) => {
-    f && e.key === " " && a && !e.defaultPrevented && t.stop(e, () => {
-      t.pulsate(e);
-    }), N && N(e), d && e.target === e.currentTarget && k() && e.key === " " && !e.defaultPrevented && d(e);
-  });
-  let C = T;
-  C === "button" && (l.href || l.to) && (C = P);
-  const m = {};
-  if (C === "button") {
-    const e = !!l.formAction;
-    m.type = D === void 0 && !e ? "button" : D, m.disabled = r;
-  } else
-    !l.href && !l.to && (m.role = "button"), r && (m["aria-disabled"] = r);
-  const co = A(i, b), S = {
-    ...u,
-    centerRipple: B,
-    component: T,
-    disabled: r,
-    disableRipple: g,
-    disableTouchRipple: n,
-    focusRipple: f,
-    tabIndex: F,
-    focusVisible: a
-  }, lo = Co(S);
-  return /* @__PURE__ */ U.jsxs(xo, {
-    as: C,
-    className: po(lo.root, O),
-    ownerState: S,
-    onBlur: ro,
-    onClick: d,
-    onContextMenu: Z,
-    onFocus: io,
-    onKeyDown: uo,
-    onKeyUp: ao,
-    onMouseDown: Y,
-    onMouseLeave: eo,
-    onMouseUp: oo,
-    onDragLeave: v,
-    onTouchEnd: no,
-    onTouchMove: so,
-    onTouchStart: to,
-    ref: co,
-    tabIndex: r ? -1 : F,
-    type: D,
-    ...m,
-    ...l,
-    children: [R, X ? /* @__PURE__ */ U.jsx(fo, {
-      ref: Q,
-      center: B,
-      ...G
-    }) : null]
-  });
-});
-function s(y, p, i, u = !1) {
-  return x((c) => (i && i(c), u || y[p](c), !0));
+import { createUnarySpacing as i } from "./ui-components.es163.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;
 }
-process.env.NODE_ENV !== "production" && (Bo.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A ref for imperative actions.
-   * It currently only supports `focusVisible()` action.
-   */
-  action: Mo,
-  /**
-   * If `true`, the ripples are centered.
-   * They won't start at the cursor interaction position.
-   * @default false
-   */
-  centerRipple: o.bool,
-  /**
-   * 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: go,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: o.bool,
-  /**
-   * If `true`, the touch ripple effect is disabled.
-   * @default false
-   */
-  disableTouchRipple: o.bool,
-  /**
-   * If `true`, the base button will have a keyboard focus ripple.
-   * @default false
-   */
-  focusRipple: o.bool,
-  /**
-   * This prop can help identify which element has keyboard focus.
-   * The class name will be applied when the element gains the focus through keyboard interaction.
-   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-   * if needed.
-   */
-  focusVisibleClassName: o.string,
-  /**
-   * @ignore
-   */
-  formAction: o.oneOfType([o.func, o.string]),
-  /**
-   * @ignore
-   */
-  href: o.any,
-  /**
-   * The component used to render a link when the `href` prop is provided.
-   * @default 'a'
-   */
-  LinkComponent: o.elementType,
-  /**
-   * @ignore
-   */
-  onBlur: o.func,
-  /**
-   * @ignore
-   */
-  onClick: o.func,
-  /**
-   * @ignore
-   */
-  onContextMenu: o.func,
-  /**
-   * @ignore
-   */
-  onDragLeave: o.func,
-  /**
-   * @ignore
-   */
-  onFocus: o.func,
-  /**
-   * Callback fired when the component is focused with a keyboard.
-   * We trigger a `onFocus` callback too.
-   */
-  onFocusVisible: o.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: o.func,
-  /**
-   * @ignore
-   */
-  onKeyUp: o.func,
-  /**
-   * @ignore
-   */
-  onMouseDown: o.func,
-  /**
-   * @ignore
-   */
-  onMouseLeave: o.func,
-  /**
-   * @ignore
-   */
-  onMouseUp: o.func,
-  /**
-   * @ignore
-   */
-  onTouchEnd: o.func,
-  /**
-   * @ignore
-   */
-  onTouchMove: o.func,
-  /**
-   * @ignore
-   */
-  onTouchStart: o.func,
-  /**
-   * 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]),
-  /**
-   * @default 0
-   */
-  tabIndex: o.number,
-  /**
-   * Props applied to the `TouchRipple` element.
-   */
-  TouchRippleProps: o.object,
-  /**
-   * A ref that points to the `TouchRipple` element.
-   */
-  touchRippleRef: o.oneOfType([o.func, o.shape({
-    current: o.shape({
-      pulsate: o.func.isRequired,
-      start: o.func.isRequired,
-      stop: o.func.isRequired
-    })
-  })]),
-  /**
-   * @ignore
-   */
-  type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string])
-});
 export {
-  xo as ButtonBaseRoot,
-  Bo as default
+  m as default
 };
 //# sourceMappingURL=ui-components.es158.js.map