@weng-lab/ui-components 3.0.1-beta.1 → 3.0.1-beta.2

package/dist/ui-components.es186.js

@@ -1,67 +1,127 @@
-const d = {
-  // This is the most common easing curve.
-  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
-  // Objects enter the screen at full velocity from off-screen and
-  // slowly decelerate to a resting point.
-  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
-  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
-  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
-  // The sharp curve is used by objects that may return to the screen at any time.
-  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, f = {
-  shortest: 150,
-  shorter: 200,
-  short: 250,
-  // most basic recommended timing
-  standard: 300,
-  // this is to be used in complex animations
-  complex: 375,
-  // recommended when something is entering screen
-  enteringScreen: 225,
-  // recommended when something is leaving screen
-  leavingScreen: 195
-};
-function m(e) {
-  return `${Math.round(e)}ms`;
-}
-function l(e) {
-  if (!e)
-    return 0;
-  const n = e / 36;
-  return Math.min(Math.round((4 + 15 * n ** 0.25 + n / 5) * 10), 3e3);
-}
-function p(e) {
-  const n = {
-    ...d,
-    ...e.easing
-  }, i = {
-    ...f,
-    ...e.duration
-  };
+import S from "./ui-components.es237.js";
+import p from "./ui-components.es185.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 {
-    getAutoHeightDuration: l,
-    create: (o = ["all"], u = {}) => {
+    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 {
-        duration: r = i.standard,
-        easing: c = n.easeInOut,
-        delay: a = 0,
-        ...g
+        [s]: c,
+        ...d
       } = u;
-      if (process.env.NODE_ENV !== "production") {
-        const t = (s) => typeof s == "string", b = (s) => !Number.isNaN(parseFloat(s));
-        !t(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !b(r) && !t(r) && console.error(`MUI: Argument "duration" must be a number or a string but found ${r}.`), t(c) || console.error('MUI: Argument "easing" must be a string.'), !b(a) && !t(a) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof u != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
-`)), Object.keys(g).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(g).join(",")}].`);
+      if (c) {
+        const {
+          css: r
+        } = c, o = f[s]?.palette?.mode, n = !v && o ? {
+          colorScheme: o,
+          ...r
+        } : {
+          ...r
+        };
+        t(m(s, {
+          ...n
+        }), n);
       }
-      return (Array.isArray(o) ? o : [o]).map((t) => `${t} ${typeof r == "string" ? r : m(r)} ${c} ${typeof a == "string" ? a : m(a)}`).join(",");
-    },
-    ...e,
-    easing: n,
-    duration: i
+      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;
+    }
   };
 }
 export {
-  p as default,
-  f as duration,
-  d as easing
+  M as default
 };
 //# sourceMappingURL=ui-components.es186.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es186.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/styles/createTransitions.js"],"sourcesContent":["// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves\n// to learn the context in which each easing should be used.\nexport const easing = {\n  // This is the most common easing curve.\n  easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n  // Objects enter the screen at full velocity from off-screen and\n  // slowly decelerate to a resting point.\n  easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',\n  // Objects leave the screen at full velocity. They do not decelerate when off-screen.\n  easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n  // The sharp curve is used by objects that may return to the screen at any time.\n  sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'\n};\n\n// Follow https://m2.material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations\n// to learn when use what timing\nexport const duration = {\n  shortest: 150,\n  shorter: 200,\n  short: 250,\n  // most basic recommended timing\n  standard: 300,\n  // this is to be used in complex animations\n  complex: 375,\n  // recommended when something is entering screen\n  enteringScreen: 225,\n  // recommended when something is leaving screen\n  leavingScreen: 195\n};\nfunction formatMs(milliseconds) {\n  return `${Math.round(milliseconds)}ms`;\n}\nfunction getAutoHeightDuration(height) {\n  if (!height) {\n    return 0;\n  }\n  const constant = height / 36;\n\n  // https://www.desmos.com/calculator/vbrp3ggqet\n  return Math.min(Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10), 3000);\n}\nexport default function createTransitions(inputTransitions) {\n  const mergedEasing = {\n    ...easing,\n    ...inputTransitions.easing\n  };\n  const mergedDuration = {\n    ...duration,\n    ...inputTransitions.duration\n  };\n  const create = (props = ['all'], options = {}) => {\n    const {\n      duration: durationOption = mergedDuration.standard,\n      easing: easingOption = mergedEasing.easeInOut,\n      delay = 0,\n      ...other\n    } = options;\n    if (process.env.NODE_ENV !== 'production') {\n      const isString = value => typeof value === 'string';\n      const isNumber = value => !Number.isNaN(parseFloat(value));\n      if (!isString(props) && !Array.isArray(props)) {\n        console.error('MUI: Argument \"props\" must be a string or Array.');\n      }\n      if (!isNumber(durationOption) && !isString(durationOption)) {\n        console.error(`MUI: Argument \"duration\" must be a number or a string but found ${durationOption}.`);\n      }\n      if (!isString(easingOption)) {\n        console.error('MUI: Argument \"easing\" must be a string.');\n      }\n      if (!isNumber(delay) && !isString(delay)) {\n        console.error('MUI: Argument \"delay\" must be a number or a string.');\n      }\n      if (typeof options !== 'object') {\n        console.error(['MUI: Secong argument of transition.create must be an object.', \"Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`\"].join('\\n'));\n      }\n      if (Object.keys(other).length !== 0) {\n        console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);\n      }\n    }\n    return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');\n  };\n  return {\n    getAutoHeightDuration,\n    create,\n    ...inputTransitions,\n    easing: mergedEasing,\n    duration: mergedDuration\n  };\n}"],"names":["easing","duration","formatMs","milliseconds","getAutoHeightDuration","height","constant","createTransitions","inputTransitions","mergedEasing","mergedDuration","props","options","durationOption","easingOption","delay","other","isString","value","isNumber","animatedProp"],"mappings":"AAEY,MAACA,IAAS;AAAA;AAAA,EAEpB,WAAW;AAAA;AAAA;AAAA,EAGX,SAAS;AAAA;AAAA,EAET,QAAQ;AAAA;AAAA,EAER,OAAO;AACT,GAIaC,IAAW;AAAA,EACtB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA;AAAA,EAEP,UAAU;AAAA;AAAA,EAEV,SAAS;AAAA;AAAA,EAET,gBAAgB;AAAA;AAAA,EAEhB,eAAe;AACjB;AACA,SAASC,EAASC,GAAc;AAC9B,SAAO,GAAG,KAAK,MAAMA,CAAY,CAAC;AACpC;AACA,SAASC,EAAsBC,GAAQ;AACrC,MAAI,CAACA;AACH,WAAO;AAET,QAAMC,IAAWD,IAAS;AAG1B,SAAO,KAAK,IAAI,KAAK,OAAO,IAAI,KAAKC,KAAY,OAAOA,IAAW,KAAK,EAAE,GAAG,GAAI;AACnF;AACe,SAASC,EAAkBC,GAAkB;AAC1D,QAAMC,IAAe;AAAA,IACnB,GAAGT;AAAA,IACH,GAAGQ,EAAiB;AAAA,EACxB,GACQE,IAAiB;AAAA,IACrB,GAAGT;AAAA,IACH,GAAGO,EAAiB;AAAA,EACxB;AAgCE,SAAO;AAAA,IACL,uBAAAJ;AAAA,IACA,QAjCa,CAACO,IAAQ,CAAC,KAAK,GAAGC,IAAU,OAAO;AAChD,YAAM;AAAA,QACJ,UAAUC,IAAiBH,EAAe;AAAA,QAC1C,QAAQI,IAAeL,EAAa;AAAA,QACpC,OAAAM,IAAQ;AAAA,QACR,GAAGC;AAAA,MACT,IAAQJ;AACJ,UAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,cAAMK,IAAW,CAAAC,MAAS,OAAOA,KAAU,UACrCC,IAAW,CAAAD,MAAS,CAAC,OAAO,MAAM,WAAWA,CAAK,CAAC;AACzD,QAAI,CAACD,EAASN,CAAK,KAAK,CAAC,MAAM,QAAQA,CAAK,KAC1C,QAAQ,MAAM,kDAAkD,GAE9D,CAACQ,EAASN,CAAc,KAAK,CAACI,EAASJ,CAAc,KACvD,QAAQ,MAAM,mEAAmEA,CAAc,GAAG,GAE/FI,EAASH,CAAY,KACxB,QAAQ,MAAM,0CAA0C,GAEtD,CAACK,EAASJ,CAAK,KAAK,CAACE,EAASF,CAAK,KACrC,QAAQ,MAAM,qDAAqD,GAEjE,OAAOH,KAAY,YACrB,QAAQ,MAAM,CAAC,gEAAgE,gGAAgG,EAAE,KAAK;AAAA,CAAI,CAAC,GAEzL,OAAO,KAAKI,CAAK,EAAE,WAAW,KAChC,QAAQ,MAAM,kCAAkC,OAAO,KAAKA,CAAK,EAAE,KAAK,GAAG,CAAC,IAAI;AAAA,MAEpF;AACA,cAAQ,MAAM,QAAQL,CAAK,IAAIA,IAAQ,CAACA,CAAK,GAAG,IAAI,CAAAS,MAAgB,GAAGA,CAAY,IAAI,OAAOP,KAAmB,WAAWA,IAAiBX,EAASW,CAAc,CAAC,IAAIC,CAAY,IAAI,OAAOC,KAAU,WAAWA,IAAQb,EAASa,CAAK,CAAC,EAAE,EAAE,KAAK,GAAG;AAAA,IAC1P;AAAA,IAIE,GAAGP;AAAA,IACH,QAAQC;AAAA,IACR,UAAUC;AAAA,EACd;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es186.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.es187.js

@@ -1,49 +1,16 @@
-import c from "./ui-components.es183.js";
-import i from "./ui-components.es132.js";
-const p = [...Array(25)].map((r, t) => {
-  if (t === 0)
-    return "none";
-  const e = i(t);
-  return `linear-gradient(rgba(255 255 255 / ${e}), rgba(255 255 255 / ${e}))`;
-});
-function u(r) {
-  return {
-    inputPlaceholder: r === "dark" ? 0.5 : 0.42,
-    inputUnderline: r === "dark" ? 0.7 : 0.42,
-    switchTrackDisabled: r === "dark" ? 0.2 : 0.12,
-    switchTrack: r === "dark" ? 0.3 : 0.38
-  };
-}
-function s(r) {
-  return r === "dark" ? p : [];
-}
-function f(r) {
-  const {
-    palette: t = {
-      mode: "light"
-    },
-    // need to cast to avoid module augmentation test
-    opacity: e,
-    overlays: o,
-    colorSpace: n,
-    ...l
-  } = r, a = c({
-    ...t,
-    colorSpace: n
-  });
-  return {
-    palette: a,
-    opacity: {
-      ...u(a.mode),
-      ...e
-    },
-    overlays: o || s(a.mode),
-    ...l
-  };
+import { createUnarySpacing as i } from "./ui-components.es192.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;
 }
 export {
-  f as default,
-  u as getOpacity,
-  s as getOverlays
+  m as default
 };
 //# sourceMappingURL=ui-components.es187.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es187.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/styles/createColorScheme.js"],"sourcesContent":["import createPalette from \"./createPalette.js\";\nimport getOverlayAlpha from \"./getOverlayAlpha.js\";\nconst defaultDarkOverlays = [...Array(25)].map((_, index) => {\n  if (index === 0) {\n    return 'none';\n  }\n  const overlay = getOverlayAlpha(index);\n  return `linear-gradient(rgba(255 255 255 / ${overlay}), rgba(255 255 255 / ${overlay}))`;\n});\nexport function getOpacity(mode) {\n  return {\n    inputPlaceholder: mode === 'dark' ? 0.5 : 0.42,\n    inputUnderline: mode === 'dark' ? 0.7 : 0.42,\n    switchTrackDisabled: mode === 'dark' ? 0.2 : 0.12,\n    switchTrack: mode === 'dark' ? 0.3 : 0.38\n  };\n}\nexport function getOverlays(mode) {\n  return mode === 'dark' ? defaultDarkOverlays : [];\n}\nexport default function createColorScheme(options) {\n  const {\n    palette: paletteInput = {\n      mode: 'light'\n    },\n    // need to cast to avoid module augmentation test\n    opacity,\n    overlays,\n    colorSpace,\n    ...other\n  } = options;\n  // need to cast because `colorSpace` is considered internal at the moment.\n  const palette = createPalette({\n    ...paletteInput,\n    colorSpace\n  });\n  return {\n    palette,\n    opacity: {\n      ...getOpacity(palette.mode),\n      ...opacity\n    },\n    overlays: overlays || getOverlays(palette.mode),\n    ...other\n  };\n}"],"names":["defaultDarkOverlays","_","index","overlay","getOverlayAlpha","getOpacity","mode","getOverlays","createColorScheme","options","paletteInput","opacity","overlays","colorSpace","other","palette","createPalette"],"mappings":";;AAEA,MAAMA,IAAsB,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,IAAI,CAACC,GAAGC,MAAU;AAC3D,MAAIA,MAAU;AACZ,WAAO;AAET,QAAMC,IAAUC,EAAgBF,CAAK;AACrC,SAAO,sCAAsCC,CAAO,yBAAyBA,CAAO;AACtF,CAAC;AACM,SAASE,EAAWC,GAAM;AAC/B,SAAO;AAAA,IACL,kBAAkBA,MAAS,SAAS,MAAM;AAAA,IAC1C,gBAAgBA,MAAS,SAAS,MAAM;AAAA,IACxC,qBAAqBA,MAAS,SAAS,MAAM;AAAA,IAC7C,aAAaA,MAAS,SAAS,MAAM;AAAA,EACzC;AACA;AACO,SAASC,EAAYD,GAAM;AAChC,SAAOA,MAAS,SAASN,IAAsB,CAAA;AACjD;AACe,SAASQ,EAAkBC,GAAS;AACjD,QAAM;AAAA,IACJ,SAASC,IAAe;AAAA,MACtB,MAAM;AAAA,IACZ;AAAA;AAAA,IAEI,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML,GAEEM,IAAUC,EAAc;AAAA,IAC5B,GAAGN;AAAA,IACH,YAAAG;AAAA,EACJ,CAAG;AACD,SAAO;AAAA,IACL,SAAAE;AAAA,IACA,SAAS;AAAA,MACP,GAAGV,EAAWU,EAAQ,IAAI;AAAA,MAC1B,GAAGJ;AAAA,IACT;AAAA,IACI,UAAUC,KAAYL,EAAYQ,EAAQ,IAAI;AAAA,IAC9C,GAAGD;AAAA,EACP;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es187.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]}

package/dist/ui-components.es188.js

@@ -1,6 +1,9 @@
-import e from "./ui-components.es131.js";
-const a = e();
+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)} &` : "&";
+  };
+}
 export {
-  a as default
+  n as createGetColorSchemeSelector
 };
 //# 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+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/styles/defaultTheme.js"],"sourcesContent":["'use client';\n\nimport createTheme from \"./createTheme.js\";\nconst defaultTheme = createTheme();\nexport default defaultTheme;"],"names":["defaultTheme","createTheme"],"mappings":";AAGK,MAACA,IAAeC,EAAW;","x_google_ignoreList":[0]}
+{"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/getColorSchemeSelector.js"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport function createGetColorSchemeSelector(selector) {\n  return function getColorSchemeSelector(colorScheme) {\n    if (selector === 'media') {\n      if (process.env.NODE_ENV !== 'production') {\n        if (colorScheme !== 'light' && colorScheme !== 'dark') {\n          console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${colorScheme}'.`);\n        }\n      }\n      return `@media (prefers-color-scheme: ${colorScheme})`;\n    }\n    if (selector) {\n      if (selector.startsWith('data-') && !selector.includes('%s')) {\n        return `[${selector}=\"${colorScheme}\"] &`;\n      }\n      if (selector === 'class') {\n        return `.${colorScheme} &`;\n      }\n      if (selector === 'data') {\n        return `[data-${colorScheme}] &`;\n      }\n      return `${selector.replace('%s', colorScheme)} &`;\n    }\n    return '&';\n  };\n}"],"names":["createGetColorSchemeSelector","selector","colorScheme"],"mappings":"AACO,SAASA,EAA6BC,GAAU;AACrD,SAAO,SAAgCC,GAAa;AAClD,WAAID,MAAa,WACX,QAAQ,IAAI,aAAa,gBACvBC,MAAgB,WAAWA,MAAgB,UAC7C,QAAQ,MAAM,oFAAoFA,CAAW,IAAI,GAG9G,iCAAiCA,CAAW,OAEjDD,IACEA,EAAS,WAAW,OAAO,KAAK,CAACA,EAAS,SAAS,IAAI,IAClD,IAAIA,CAAQ,KAAKC,CAAW,SAEjCD,MAAa,UACR,IAAIC,CAAW,OAEpBD,MAAa,SACR,SAASC,CAAW,QAEtB,GAAGD,EAAS,QAAQ,MAAMC,CAAW,CAAC,OAExC;AAAA,EACT;AACF;","x_google_ignoreList":[0]}

package/dist/ui-components.es189.js

@@ -1,11 +1,297 @@
-import t from "./ui-components.es343.js";
-import m from "./ui-components.es273.js";
-const r = m();
-function u(e = r) {
-  return t(e);
-}
+import { sizingTransform as o, maxWidth as s } from "./ui-components.es317.js";
+import { columnGap as i, rowGap as n, gap as m } from "./ui-components.es313.js";
+import { margin as e, padding as t } from "./ui-components.es192.js";
+import { paletteTransform as l } from "./ui-components.es314.js";
+import { borderRadius as y, borderTransform as r } from "./ui-components.es309.js";
+const b = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: r
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: y
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: l
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: l
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: l
+  },
+  // spacing
+  p: {
+    style: t
+  },
+  pt: {
+    style: t
+  },
+  pr: {
+    style: t
+  },
+  pb: {
+    style: t
+  },
+  pl: {
+    style: t
+  },
+  px: {
+    style: t
+  },
+  py: {
+    style: t
+  },
+  padding: {
+    style: t
+  },
+  paddingTop: {
+    style: t
+  },
+  paddingRight: {
+    style: t
+  },
+  paddingBottom: {
+    style: t
+  },
+  paddingLeft: {
+    style: t
+  },
+  paddingX: {
+    style: t
+  },
+  paddingY: {
+    style: t
+  },
+  paddingInline: {
+    style: t
+  },
+  paddingInlineStart: {
+    style: t
+  },
+  paddingInlineEnd: {
+    style: t
+  },
+  paddingBlock: {
+    style: t
+  },
+  paddingBlockStart: {
+    style: t
+  },
+  paddingBlockEnd: {
+    style: t
+  },
+  m: {
+    style: e
+  },
+  mt: {
+    style: e
+  },
+  mr: {
+    style: e
+  },
+  mb: {
+    style: e
+  },
+  ml: {
+    style: e
+  },
+  mx: {
+    style: e
+  },
+  my: {
+    style: e
+  },
+  margin: {
+    style: e
+  },
+  marginTop: {
+    style: e
+  },
+  marginRight: {
+    style: e
+  },
+  marginBottom: {
+    style: e
+  },
+  marginLeft: {
+    style: e
+  },
+  marginX: {
+    style: e
+  },
+  marginY: {
+    style: e
+  },
+  marginInline: {
+    style: e
+  },
+  marginInlineStart: {
+    style: e
+  },
+  marginInlineEnd: {
+    style: e
+  },
+  marginBlock: {
+    style: e
+  },
+  marginBlockStart: {
+    style: e
+  },
+  marginBlockEnd: {
+    style: e
+  },
+  // display
+  displayPrint: {
+    cssProperty: !1,
+    transform: (a) => ({
+      "@media print": {
+        display: a
+      }
+    })
+  },
+  display: {},
+  overflow: {},
+  textOverflow: {},
+  visibility: {},
+  whiteSpace: {},
+  // flexbox
+  flexBasis: {},
+  flexDirection: {},
+  flexWrap: {},
+  justifyContent: {},
+  alignItems: {},
+  alignContent: {},
+  order: {},
+  flex: {},
+  flexGrow: {},
+  flexShrink: {},
+  alignSelf: {},
+  justifyItems: {},
+  justifySelf: {},
+  // grid
+  gap: {
+    style: m
+  },
+  rowGap: {
+    style: n
+  },
+  columnGap: {
+    style: i
+  },
+  gridColumn: {},
+  gridRow: {},
+  gridAutoFlow: {},
+  gridAutoColumns: {},
+  gridAutoRows: {},
+  gridTemplateColumns: {},
+  gridTemplateRows: {},
+  gridTemplateAreas: {},
+  gridArea: {},
+  // positions
+  position: {},
+  zIndex: {
+    themeKey: "zIndex"
+  },
+  top: {},
+  right: {},
+  bottom: {},
+  left: {},
+  // shadows
+  boxShadow: {
+    themeKey: "shadows"
+  },
+  // sizing
+  width: {
+    transform: o
+  },
+  maxWidth: {
+    style: s
+  },
+  minWidth: {
+    transform: o
+  },
+  height: {
+    transform: o
+  },
+  maxHeight: {
+    transform: o
+  },
+  minHeight: {
+    transform: o
+  },
+  boxSizing: {},
+  // typography
+  font: {
+    themeKey: "font"
+  },
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+};
 export {
-  u as default,
-  r as systemDefaultTheme
+  b as default
 };
 //# sourceMappingURL=ui-components.es189.js.map