@weng-lab/ui-components 2.2.3 → 2.2.4

package/dist/ui-components.es310.js

@@ -1,52 +1,11 @@
-import * as n from "react";
-import i from "./ui-components.es313.js";
-class u {
-  /** React ref to the ripple instance */
-  /** If the ripple component should be mounted */
-  /** Promise that resolves when the ripple component is mounted */
-  /** If the ripple component has been mounted */
-  /** React state hook setter */
-  static create() {
-    return new u();
-  }
-  static use() {
-    const t = i(u.create).current, [e, s] = n.useState(!1);
-    return t.shouldMount = e, t.setShouldMount = s, n.useEffect(t.mountEffect, [e]), t;
-  }
-  constructor() {
-    this.ref = {
-      current: null
-    }, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
-  }
-  mount() {
-    return this.mounted || (this.mounted = h(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
-  }
-  mountEffect = () => {
-    this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
-  };
-  /* Ripple API */
-  start(...t) {
-    this.mount().then(() => this.ref.current?.start(...t));
-  }
-  stop(...t) {
-    this.mount().then(() => this.ref.current?.stop(...t));
-  }
-  pulsate(...t) {
-    this.mount().then(() => this.ref.current?.pulsate(...t));
-  }
-}
-function c() {
-  return u.use();
-}
-function h() {
-  let o, t;
-  const e = new Promise((s, r) => {
-    o = s, t = r;
-  });
-  return e.resolve = o, e.reject = t, e;
+import c from "./ui-components.es319.js";
+function f(...n) {
+  const u = n.reduce((r, e) => (e.filterProps.forEach((o) => {
+    r[o] = e;
+  }), r), {}), t = (r) => Object.keys(r).reduce((e, o) => u[o] ? c(e, u[o](r)) : e, {});
+  return t.propTypes = process.env.NODE_ENV !== "production" ? n.reduce((r, e) => Object.assign(r, e.propTypes), {}) : {}, t.filterProps = n.reduce((r, e) => r.concat(e.filterProps), []), t;
 }
 export {
-  u as LazyRipple,
-  c as default
+  f as default
 };
 //# sourceMappingURL=ui-components.es310.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es310.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/useLazyRipple/useLazyRipple.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useLazyRef from '@mui/utils/useLazyRef';\n/**\n * Lazy initialization container for the Ripple instance. This improves\n * performance by delaying mounting the ripple until it's needed.\n */\nexport class LazyRipple {\n  /** React ref to the ripple instance */\n\n  /** If the ripple component should be mounted */\n\n  /** Promise that resolves when the ripple component is mounted */\n\n  /** If the ripple component has been mounted */\n\n  /** React state hook setter */\n\n  static create() {\n    return new LazyRipple();\n  }\n  static use() {\n    /* eslint-disable */\n    const ripple = useLazyRef(LazyRipple.create).current;\n    const [shouldMount, setShouldMount] = React.useState(false);\n    ripple.shouldMount = shouldMount;\n    ripple.setShouldMount = setShouldMount;\n    React.useEffect(ripple.mountEffect, [shouldMount]);\n    /* eslint-enable */\n\n    return ripple;\n  }\n  constructor() {\n    this.ref = {\n      current: null\n    };\n    this.mounted = null;\n    this.didMount = false;\n    this.shouldMount = false;\n    this.setShouldMount = null;\n  }\n  mount() {\n    if (!this.mounted) {\n      this.mounted = createControlledPromise();\n      this.shouldMount = true;\n      this.setShouldMount(this.shouldMount);\n    }\n    return this.mounted;\n  }\n  mountEffect = () => {\n    if (this.shouldMount && !this.didMount) {\n      if (this.ref.current !== null) {\n        this.didMount = true;\n        this.mounted.resolve();\n      }\n    }\n  };\n\n  /* Ripple API */\n\n  start(...args) {\n    this.mount().then(() => this.ref.current?.start(...args));\n  }\n  stop(...args) {\n    this.mount().then(() => this.ref.current?.stop(...args));\n  }\n  pulsate(...args) {\n    this.mount().then(() => this.ref.current?.pulsate(...args));\n  }\n}\nexport default function useLazyRipple() {\n  return LazyRipple.use();\n}\nfunction createControlledPromise() {\n  let resolve;\n  let reject;\n  const p = new Promise((resolveFn, rejectFn) => {\n    resolve = resolveFn;\n    reject = rejectFn;\n  });\n  p.resolve = resolve;\n  p.reject = reject;\n  return p;\n}"],"names":["LazyRipple","ripple","useLazyRef","shouldMount","setShouldMount","React","createControlledPromise","args","useLazyRipple","resolve","reject","p","resolveFn","rejectFn"],"mappings":";;AAQO,MAAMA,EAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWtB,OAAO,SAAS;AACd,WAAO,IAAIA,EAAU;AAAA,EACvB;AAAA,EACA,OAAO,MAAM;AAEX,UAAMC,IAASC,EAAWF,EAAW,MAAM,EAAE,SACvC,CAACG,GAAaC,CAAc,IAAIC,EAAM,SAAS,EAAK;AAC1D,WAAAJ,EAAO,cAAcE,GACrBF,EAAO,iBAAiBG,GACxBC,EAAM,UAAUJ,EAAO,aAAa,CAACE,CAAW,CAAC,GAG1CF;AAAA,EACT;AAAA,EACA,cAAc;AACZ,SAAK,MAAM;AAAA,MACT,SAAS;AAAA,IACf,GACI,KAAK,UAAU,MACf,KAAK,WAAW,IAChB,KAAK,cAAc,IACnB,KAAK,iBAAiB;AAAA,EACxB;AAAA,EACA,QAAQ;AACN,WAAK,KAAK,YACR,KAAK,UAAUK,EAAuB,GACtC,KAAK,cAAc,IACnB,KAAK,eAAe,KAAK,WAAW,IAE/B,KAAK;AAAA,EACd;AAAA,EACA,cAAc,MAAM;AAClB,IAAI,KAAK,eAAe,CAAC,KAAK,YACxB,KAAK,IAAI,YAAY,SACvB,KAAK,WAAW,IAChB,KAAK,QAAQ,QAAO;AAAA,EAG1B;AAAA;AAAA,EAIA,SAASC,GAAM;AACb,SAAK,QAAQ,KAAK,MAAM,KAAK,IAAI,SAAS,MAAM,GAAGA,CAAI,CAAC;AAAA,EAC1D;AAAA,EACA,QAAQA,GAAM;AACZ,SAAK,QAAQ,KAAK,MAAM,KAAK,IAAI,SAAS,KAAK,GAAGA,CAAI,CAAC;AAAA,EACzD;AAAA,EACA,WAAWA,GAAM;AACf,SAAK,QAAQ,KAAK,MAAM,KAAK,IAAI,SAAS,QAAQ,GAAGA,CAAI,CAAC;AAAA,EAC5D;AACF;AACe,SAASC,IAAgB;AACtC,SAAOR,EAAW,IAAG;AACvB;AACA,SAASM,IAA0B;AACjC,MAAIG,GACAC;AACJ,QAAMC,IAAI,IAAI,QAAQ,CAACC,GAAWC,MAAa;AAC7C,IAAAJ,IAAUG,GACVF,IAASG;AAAA,EACX,CAAC;AACD,SAAAF,EAAE,UAAUF,GACZE,EAAE,SAASD,GACJC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es310.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/compose/compose.js"],"sourcesContent":["import merge from \"../merge/index.js\";\nfunction compose(...styles) {\n  const handlers = styles.reduce((acc, style) => {\n    style.filterProps.forEach(prop => {\n      acc[prop] = style;\n    });\n    return acc;\n  }, {});\n\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const fn = props => {\n    return Object.keys(props).reduce((acc, prop) => {\n      if (handlers[prop]) {\n        return merge(acc, handlers[prop](props));\n      }\n      return acc;\n    }, {});\n  };\n  fn.propTypes = process.env.NODE_ENV !== 'production' ? styles.reduce((acc, style) => Object.assign(acc, style.propTypes), {}) : {};\n  fn.filterProps = styles.reduce((acc, style) => acc.concat(style.filterProps), []);\n  return fn;\n}\nexport default compose;"],"names":["compose","styles","handlers","acc","style","prop","fn","props","merge"],"mappings":";AACA,SAASA,KAAWC,GAAQ;AAC1B,QAAMC,IAAWD,EAAO,OAAO,CAACE,GAAKC,OACnCA,EAAM,YAAY,QAAQ,CAAAC,MAAQ;AAChC,IAAAF,EAAIE,CAAI,IAAID;AAAA,EACd,CAAC,GACMD,IACN,CAAA,CAAE,GAICG,IAAK,CAAAC,MACF,OAAO,KAAKA,CAAK,EAAE,OAAO,CAACJ,GAAKE,MACjCH,EAASG,CAAI,IACRG,EAAML,GAAKD,EAASG,CAAI,EAAEE,CAAK,CAAC,IAElCJ,GACN,CAAA,CAAE;AAEP,SAAAG,EAAG,YAAY,QAAQ,IAAI,aAAa,eAAeL,EAAO,OAAO,CAACE,GAAKC,MAAU,OAAO,OAAOD,GAAKC,EAAM,SAAS,GAAG,CAAA,CAAE,IAAI,CAAA,GAChIE,EAAG,cAAcL,EAAO,OAAO,CAACE,GAAKC,MAAUD,EAAI,OAAOC,EAAM,WAAW,GAAG,CAAA,CAAE,GACzEE;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es311.js

@@ -1,6 +1,44 @@
-import e from "./ui-components.es98.js";
-const l = e("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]);
+import P from "./ui-components.es309.js";
+import { handleBreakpoints as m } from "./ui-components.es312.js";
+import $ from "./ui-components.es96.js";
+function c(t, e, f = !0) {
+  if (!e || typeof e != "string")
+    return null;
+  if (t && t.vars && f) {
+    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
+    if (n != null)
+      return n;
+  }
+  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
+}
+function y(t, e, f, n = f) {
+  let r;
+  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
+}
+function k(t) {
+  const {
+    prop: e,
+    cssProperty: f = t.prop,
+    themeKey: n,
+    transform: r
+  } = t, s = (o) => {
+    if (o[e] == null)
+      return null;
+    const v = o[e], d = o.theme, i = c(d, n) || {};
+    return m(o, v, (u) => {
+      let l = y(i, r, u);
+      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
+        [f]: l
+      };
+    });
+  };
+  return s.propTypes = process.env.NODE_ENV !== "production" ? {
+    [e]: P
+  } : {}, s.filterProps = [e], s;
+}
 export {
-  l as default
+  k as default,
+  c as getPath,
+  y as getStyleValue
 };
 //# sourceMappingURL=ui-components.es311.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es311.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/ButtonBase/touchRippleClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTouchRippleUtilityClass(slot) {\n  return generateUtilityClass('MuiTouchRipple', slot);\n}\nconst touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);\nexport default touchRippleClasses;"],"names":["touchRippleClasses","generateUtilityClasses"],"mappings":";AAKK,MAACA,IAAqBC,EAAuB,kBAAkB,CAAC,QAAQ,UAAU,iBAAiB,iBAAiB,SAAS,gBAAgB,cAAc,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es311.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/style/style.js"],"sourcesContent":["import capitalize from '@mui/utils/capitalize';\nimport responsivePropType from \"../responsivePropType/index.js\";\nimport { handleBreakpoints } from \"../breakpoints/index.js\";\nexport function getPath(obj, path, checkVars = true) {\n  if (!path || typeof path !== 'string') {\n    return null;\n  }\n\n  // Check if CSS variables are used\n  if (obj && obj.vars && checkVars) {\n    const val = `vars.${path}`.split('.').reduce((acc, item) => acc && acc[item] ? acc[item] : null, obj);\n    if (val != null) {\n      return val;\n    }\n  }\n  return path.split('.').reduce((acc, item) => {\n    if (acc && acc[item] != null) {\n      return acc[item];\n    }\n    return null;\n  }, obj);\n}\nexport function getStyleValue(themeMapping, transform, propValueFinal, userValue = propValueFinal) {\n  let value;\n  if (typeof themeMapping === 'function') {\n    value = themeMapping(propValueFinal);\n  } else if (Array.isArray(themeMapping)) {\n    value = themeMapping[propValueFinal] || userValue;\n  } else {\n    value = getPath(themeMapping, propValueFinal) || userValue;\n  }\n  if (transform) {\n    value = transform(value, userValue, themeMapping);\n  }\n  return value;\n}\nfunction style(options) {\n  const {\n    prop,\n    cssProperty = options.prop,\n    themeKey,\n    transform\n  } = options;\n\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const fn = props => {\n    if (props[prop] == null) {\n      return null;\n    }\n    const propValue = props[prop];\n    const theme = props.theme;\n    const themeMapping = getPath(theme, themeKey) || {};\n    const styleFromPropValue = propValueFinal => {\n      let value = getStyleValue(themeMapping, transform, propValueFinal);\n      if (propValueFinal === value && typeof propValueFinal === 'string') {\n        // Haven't found value\n        value = getStyleValue(themeMapping, transform, `${prop}${propValueFinal === 'default' ? '' : capitalize(propValueFinal)}`, propValueFinal);\n      }\n      if (cssProperty === false) {\n        return value;\n      }\n      return {\n        [cssProperty]: value\n      };\n    };\n    return handleBreakpoints(props, propValue, styleFromPropValue);\n  };\n  fn.propTypes = process.env.NODE_ENV !== 'production' ? {\n    [prop]: responsivePropType\n  } : {};\n  fn.filterProps = [prop];\n  return fn;\n}\nexport default style;"],"names":["getPath","obj","path","checkVars","val","acc","item","getStyleValue","themeMapping","transform","propValueFinal","userValue","value","style","options","prop","cssProperty","themeKey","fn","props","propValue","theme","handleBreakpoints","capitalize","responsivePropType"],"mappings":";;;AAGO,SAASA,EAAQC,GAAKC,GAAMC,IAAY,IAAM;AACnD,MAAI,CAACD,KAAQ,OAAOA,KAAS;AAC3B,WAAO;AAIT,MAAID,KAAOA,EAAI,QAAQE,GAAW;AAChC,UAAMC,IAAM,QAAQF,CAAI,GAAG,MAAM,GAAG,EAAE,OAAO,CAACG,GAAKC,MAASD,KAAOA,EAAIC,CAAI,IAAID,EAAIC,CAAI,IAAI,MAAML,CAAG;AACpG,QAAIG,KAAO;AACT,aAAOA;AAAA,EAEX;AACA,SAAOF,EAAK,MAAM,GAAG,EAAE,OAAO,CAACG,GAAKC,MAC9BD,KAAOA,EAAIC,CAAI,KAAK,OACfD,EAAIC,CAAI,IAEV,MACNL,CAAG;AACR;AACO,SAASM,EAAcC,GAAcC,GAAWC,GAAgBC,IAAYD,GAAgB;AACjG,MAAIE;AACJ,SAAI,OAAOJ,KAAiB,aAC1BI,IAAQJ,EAAaE,CAAc,IAC1B,MAAM,QAAQF,CAAY,IACnCI,IAAQJ,EAAaE,CAAc,KAAKC,IAExCC,IAAQZ,EAAQQ,GAAcE,CAAc,KAAKC,GAE/CF,MACFG,IAAQH,EAAUG,GAAOD,GAAWH,CAAY,IAE3CI;AACT;AACA,SAASC,EAAMC,GAAS;AACtB,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,aAAAC,IAAcF,EAAQ;AAAA,IACtB,UAAAG;AAAA,IACA,WAAAR;AAAA,EACJ,IAAMK,GAIEI,IAAK,CAAAC,MAAS;AAClB,QAAIA,EAAMJ,CAAI,KAAK;AACjB,aAAO;AAET,UAAMK,IAAYD,EAAMJ,CAAI,GACtBM,IAAQF,EAAM,OACdX,IAAeR,EAAQqB,GAAOJ,CAAQ,KAAK,CAAA;AAcjD,WAAOK,EAAkBH,GAAOC,GAbL,CAAAV,MAAkB;AAC3C,UAAIE,IAAQL,EAAcC,GAAcC,GAAWC,CAAc;AAKjE,aAJIA,MAAmBE,KAAS,OAAOF,KAAmB,aAExDE,IAAQL,EAAcC,GAAcC,GAAW,GAAGM,CAAI,GAAGL,MAAmB,YAAY,KAAKa,EAAWb,CAAc,CAAC,IAAIA,CAAc,IAEvIM,MAAgB,KACXJ,IAEF;AAAA,QACL,CAACI,CAAW,GAAGJ;AAAA,MACvB;AAAA,IACI,CAC6D;AAAA,EAC/D;AACA,SAAAM,EAAG,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,IACrD,CAACH,CAAI,GAAGS;AAAA,EACZ,IAAM,CAAA,GACJN,EAAG,cAAc,CAACH,CAAI,GACfG;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es312.js

@@ -1,10 +1,68 @@
-import e from "./ui-components.es113.js";
-import i from "./ui-components.es98.js";
-function c(r) {
-  return e("MuiCircularProgress", r);
+import { isCqShorthand as m, getContainerQuery as y } from "./ui-components.es315.js";
+const c = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, f = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (n) => `@media (min-width:${c[n]}px)`
+}, h = {
+  containerQueries: (n) => ({
+    up: (e) => {
+      let t = typeof e == "number" ? e : c[e] || e;
+      return typeof t == "number" && (t = `${t}px`), n ? `@container ${n} (min-width:${t})` : `@container (min-width:${t})`;
+    }
+  })
+};
+function B(n, e, t) {
+  const i = n.theme || {};
+  if (Array.isArray(e)) {
+    const u = i.breakpoints || f;
+    return e.reduce((o, s, r) => (o[u.up(u.keys[r])] = t(e[r]), o), {});
+  }
+  if (typeof e == "object") {
+    const u = i.breakpoints || f;
+    return Object.keys(e).reduce((o, s) => {
+      if (m(u.keys, s)) {
+        const r = y(i.containerQueries ? i : h, s);
+        r && (o[r] = t(e[s], s));
+      } else if (Object.keys(u.values || c).includes(s)) {
+        const r = u.up(s);
+        o[r] = t(e[s], s);
+      } else {
+        const r = s;
+        o[r] = e[r];
+      }
+      return o;
+    }, {});
+  }
+  return t(e);
+}
+function O(n = {}) {
+  return n.keys?.reduce((t, i) => {
+    const d = n.up(i);
+    return t[d] = {}, t;
+  }, {}) || {};
+}
+function x(n, e) {
+  return n.reduce((t, i) => {
+    const d = t[i];
+    return (!d || Object.keys(d).length === 0) && delete t[i], t;
+  }, e);
 }
-i("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "track", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
 export {
-  c as getCircularProgressUtilityClass
+  O as createEmptyBreakpointObject,
+  B as handleBreakpoints,
+  x as removeUnusedBreakpoints,
+  c as values
 };
 //# sourceMappingURL=ui-components.es312.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es312.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/CircularProgress/circularProgressClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getCircularProgressUtilityClass(slot) {\n  return generateUtilityClass('MuiCircularProgress', slot);\n}\nconst circularProgressClasses = generateUtilityClasses('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'track', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);\nexport default circularProgressClasses;"],"names":["getCircularProgressUtilityClass","slot","generateUtilityClass","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAgCC,GAAM;AACpD,SAAOC,EAAqB,uBAAuBD,CAAI;AACzD;AACgCE,EAAuB,uBAAuB,CAAC,QAAQ,eAAe,iBAAiB,gBAAgB,kBAAkB,OAAO,SAAS,UAAU,qBAAqB,uBAAuB,qBAAqB,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es312.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/breakpoints/breakpoints.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport deepmerge from '@mui/utils/deepmerge';\nimport merge from \"../merge/index.js\";\nimport { isCqShorthand, getContainerQuery } from \"../cssContainerQueries/index.js\";\n\n// The breakpoint **start** at this value.\n// For instance with the first breakpoint xs: [xs, sm[.\nexport const values = {\n  xs: 0,\n  // phone\n  sm: 600,\n  // tablet\n  md: 900,\n  // small laptop\n  lg: 1200,\n  // desktop\n  xl: 1536 // large screen\n};\nconst defaultBreakpoints = {\n  // Sorted ASC by size. That's important.\n  // It can't be configured as it's used statically for propTypes.\n  keys: ['xs', 'sm', 'md', 'lg', 'xl'],\n  up: key => `@media (min-width:${values[key]}px)`\n};\nconst defaultContainerQueries = {\n  containerQueries: containerName => ({\n    up: key => {\n      let result = typeof key === 'number' ? key : values[key] || key;\n      if (typeof result === 'number') {\n        result = `${result}px`;\n      }\n      return containerName ? `@container ${containerName} (min-width:${result})` : `@container (min-width:${result})`;\n    }\n  })\n};\nexport function handleBreakpoints(props, propValue, styleFromPropValue) {\n  const theme = props.theme || {};\n  if (Array.isArray(propValue)) {\n    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n    return propValue.reduce((acc, item, index) => {\n      acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]);\n      return acc;\n    }, {});\n  }\n  if (typeof propValue === 'object') {\n    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n    return Object.keys(propValue).reduce((acc, breakpoint) => {\n      if (isCqShorthand(themeBreakpoints.keys, breakpoint)) {\n        const containerKey = getContainerQuery(theme.containerQueries ? theme : defaultContainerQueries, breakpoint);\n        if (containerKey) {\n          acc[containerKey] = styleFromPropValue(propValue[breakpoint], breakpoint);\n        }\n      }\n      // key is breakpoint\n      else if (Object.keys(themeBreakpoints.values || values).includes(breakpoint)) {\n        const mediaKey = themeBreakpoints.up(breakpoint);\n        acc[mediaKey] = styleFromPropValue(propValue[breakpoint], breakpoint);\n      } else {\n        const cssKey = breakpoint;\n        acc[cssKey] = propValue[cssKey];\n      }\n      return acc;\n    }, {});\n  }\n  const output = styleFromPropValue(propValue);\n  return output;\n}\nfunction breakpoints(styleFunction) {\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const newStyleFunction = props => {\n    const theme = props.theme || {};\n    const base = styleFunction(props);\n    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;\n    const extended = themeBreakpoints.keys.reduce((acc, key) => {\n      if (props[key]) {\n        acc = acc || {};\n        acc[themeBreakpoints.up(key)] = styleFunction({\n          theme,\n          ...props[key]\n        });\n      }\n      return acc;\n    }, null);\n    return merge(base, extended);\n  };\n  newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? {\n    ...styleFunction.propTypes,\n    xs: PropTypes.object,\n    sm: PropTypes.object,\n    md: PropTypes.object,\n    lg: PropTypes.object,\n    xl: PropTypes.object\n  } : {};\n  newStyleFunction.filterProps = ['xs', 'sm', 'md', 'lg', 'xl', ...styleFunction.filterProps];\n  return newStyleFunction;\n}\nexport function createEmptyBreakpointObject(breakpointsInput = {}) {\n  const breakpointsInOrder = breakpointsInput.keys?.reduce((acc, key) => {\n    const breakpointStyleKey = breakpointsInput.up(key);\n    acc[breakpointStyleKey] = {};\n    return acc;\n  }, {});\n  return breakpointsInOrder || {};\n}\nexport function removeUnusedBreakpoints(breakpointKeys, style) {\n  return breakpointKeys.reduce((acc, key) => {\n    const breakpointOutput = acc[key];\n    const isBreakpointUnused = !breakpointOutput || Object.keys(breakpointOutput).length === 0;\n    if (isBreakpointUnused) {\n      delete acc[key];\n    }\n    return acc;\n  }, style);\n}\nexport function mergeBreakpointsInOrder(breakpointsInput, ...styles) {\n  const emptyBreakpoints = createEmptyBreakpointObject(breakpointsInput);\n  const mergedOutput = [emptyBreakpoints, ...styles].reduce((prev, next) => deepmerge(prev, next), {});\n  return removeUnusedBreakpoints(Object.keys(emptyBreakpoints), mergedOutput);\n}\n\n// compute base for responsive values; e.g.,\n// [1,2,3] => {xs: true, sm: true, md: true}\n// {xs: 1, sm: 2, md: 3} => {xs: true, sm: true, md: true}\nexport function computeBreakpointsBase(breakpointValues, themeBreakpoints) {\n  // fixed value\n  if (typeof breakpointValues !== 'object') {\n    return {};\n  }\n  const base = {};\n  const breakpointsKeys = Object.keys(themeBreakpoints);\n  if (Array.isArray(breakpointValues)) {\n    breakpointsKeys.forEach((breakpoint, i) => {\n      if (i < breakpointValues.length) {\n        base[breakpoint] = true;\n      }\n    });\n  } else {\n    breakpointsKeys.forEach(breakpoint => {\n      if (breakpointValues[breakpoint] != null) {\n        base[breakpoint] = true;\n      }\n    });\n  }\n  return base;\n}\nexport function resolveBreakpointValues({\n  values: breakpointValues,\n  breakpoints: themeBreakpoints,\n  base: customBase\n}) {\n  const base = customBase || computeBreakpointsBase(breakpointValues, themeBreakpoints);\n  const keys = Object.keys(base);\n  if (keys.length === 0) {\n    return breakpointValues;\n  }\n  let previous;\n  return keys.reduce((acc, breakpoint, i) => {\n    if (Array.isArray(breakpointValues)) {\n      acc[breakpoint] = breakpointValues[i] != null ? breakpointValues[i] : breakpointValues[previous];\n      previous = i;\n    } else if (typeof breakpointValues === 'object') {\n      acc[breakpoint] = breakpointValues[breakpoint] != null ? breakpointValues[breakpoint] : breakpointValues[previous];\n      previous = breakpoint;\n    } else {\n      acc[breakpoint] = breakpointValues;\n    }\n    return acc;\n  }, {});\n}\nexport default breakpoints;"],"names":["values","defaultBreakpoints","key","defaultContainerQueries","containerName","result","handleBreakpoints","props","propValue","styleFromPropValue","theme","themeBreakpoints","acc","item","index","breakpoint","isCqShorthand","containerKey","getContainerQuery","mediaKey","cssKey","createEmptyBreakpointObject","breakpointsInput","breakpointStyleKey","removeUnusedBreakpoints","breakpointKeys","style","breakpointOutput"],"mappings":";AAOY,MAACA,IAAS;AAAA,EACpB,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AACN,GACMC,IAAqB;AAAA;AAAA;AAAA,EAGzB,MAAM,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,EACnC,IAAI,CAAAC,MAAO,qBAAqBF,EAAOE,CAAG,CAAC;AAC7C,GACMC,IAA0B;AAAA,EAC9B,kBAAkB,CAAAC,OAAkB;AAAA,IAClC,IAAI,CAAAF,MAAO;AACT,UAAIG,IAAS,OAAOH,KAAQ,WAAWA,IAAMF,EAAOE,CAAG,KAAKA;AAC5D,aAAI,OAAOG,KAAW,aACpBA,IAAS,GAAGA,CAAM,OAEbD,IAAgB,cAAcA,CAAa,eAAeC,CAAM,MAAM,yBAAyBA,CAAM;AAAA,IAC9G;AAAA,EACJ;AACA;AACO,SAASC,EAAkBC,GAAOC,GAAWC,GAAoB;AACtE,QAAMC,IAAQH,EAAM,SAAS,CAAA;AAC7B,MAAI,MAAM,QAAQC,CAAS,GAAG;AAC5B,UAAMG,IAAmBD,EAAM,eAAeT;AAC9C,WAAOO,EAAU,OAAO,CAACI,GAAKC,GAAMC,OAClCF,EAAID,EAAiB,GAAGA,EAAiB,KAAKG,CAAK,CAAC,CAAC,IAAIL,EAAmBD,EAAUM,CAAK,CAAC,GACrFF,IACN,CAAA,CAAE;AAAA,EACP;AACA,MAAI,OAAOJ,KAAc,UAAU;AACjC,UAAMG,IAAmBD,EAAM,eAAeT;AAC9C,WAAO,OAAO,KAAKO,CAAS,EAAE,OAAO,CAACI,GAAKG,MAAe;AACxD,UAAIC,EAAcL,EAAiB,MAAMI,CAAU,GAAG;AACpD,cAAME,IAAeC,EAAkBR,EAAM,mBAAmBA,IAAQP,GAAyBY,CAAU;AAC3G,QAAIE,MACFL,EAAIK,CAAY,IAAIR,EAAmBD,EAAUO,CAAU,GAAGA,CAAU;AAAA,MAE5E,WAES,OAAO,KAAKJ,EAAiB,UAAUX,CAAM,EAAE,SAASe,CAAU,GAAG;AAC5E,cAAMI,IAAWR,EAAiB,GAAGI,CAAU;AAC/C,QAAAH,EAAIO,CAAQ,IAAIV,EAAmBD,EAAUO,CAAU,GAAGA,CAAU;AAAA,MACtE,OAAO;AACL,cAAMK,IAASL;AACf,QAAAH,EAAIQ,CAAM,IAAIZ,EAAUY,CAAM;AAAA,MAChC;AACA,aAAOR;AAAA,IACT,GAAG,CAAA,CAAE;AAAA,EACP;AAEA,SADeH,EAAmBD,CAAS;AAE7C;AA+BO,SAASa,EAA4BC,IAAmB,IAAI;AAMjE,SAL2BA,EAAiB,MAAM,OAAO,CAACV,GAAKV,MAAQ;AACrE,UAAMqB,IAAqBD,EAAiB,GAAGpB,CAAG;AAClD,WAAAU,EAAIW,CAAkB,IAAI,CAAA,GACnBX;AAAA,EACT,GAAG,CAAA,CAAE,KACwB,CAAA;AAC/B;AACO,SAASY,EAAwBC,GAAgBC,GAAO;AAC7D,SAAOD,EAAe,OAAO,CAACb,GAAKV,MAAQ;AACzC,UAAMyB,IAAmBf,EAAIV,CAAG;AAEhC,YAD2B,CAACyB,KAAoB,OAAO,KAAKA,CAAgB,EAAE,WAAW,MAEvF,OAAOf,EAAIV,CAAG,GAETU;AAAA,EACT,GAAGc,CAAK;AACV;","x_google_ignoreList":[0]}

package/dist/ui-components.es313.js

@@ -1,10 +1,42 @@
-import * as n from "react";
-const r = {};
-function u(t, f) {
-  const e = n.useRef(r);
-  return e.current === r && (e.current = t(f)), e;
+import r from "./ui-components.es89.js";
+import { internal_serializeStyles as p } from "./ui-components.es236.js";
+import { j as f } from "./ui-components.es15.js";
+import m from "./ui-components.es180.js";
+import u from "./ui-components.es314.js";
+function i(o) {
+  const e = p(o);
+  return o !== e && e.styles ? (e.styles.match(/^@layer\s+[^{]*$/) || (e.styles = `@layer global{${e.styles}}`), e) : o;
 }
+function y({
+  styles: o,
+  themeId: e,
+  defaultTheme: a = {}
+}) {
+  const s = m(a), l = e && s[e] || s;
+  let t = typeof o == "function" ? o(l) : o;
+  return l.modularCssLayers && (Array.isArray(t) ? t = t.map((n) => i(typeof n == "function" ? n(l) : n)) : t = i(t)), /* @__PURE__ */ f.jsx(u, {
+    styles: t
+  });
+}
+process.env.NODE_ENV !== "production" && (y.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  defaultTheme: r.object,
+  /**
+   * @ignore
+   */
+  styles: r.oneOfType([r.array, r.func, r.number, r.object, r.string, r.bool]),
+  /**
+   * @ignore
+   */
+  themeId: r.string
+});
 export {
-  u as default
+  y as default
 };
 //# sourceMappingURL=ui-components.es313.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es313.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useLazyRef/useLazyRef.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nconst UNINITIALIZED = {};\n\n/**\n * A React.useRef() that is initialized lazily with a function. Note that it accepts an optional\n * initialization argument, so the initialization function doesn't need to be an inline closure.\n *\n * @usage\n *   const ref = useLazyRef(sortColumns, columns)\n */\nexport default function useLazyRef(init, initArg) {\n  const ref = React.useRef(UNINITIALIZED);\n  if (ref.current === UNINITIALIZED) {\n    ref.current = init(initArg);\n  }\n  return ref;\n}"],"names":["UNINITIALIZED","useLazyRef","init","initArg","ref","React"],"mappings":";AAGA,MAAMA,IAAgB,CAAA;AASP,SAASC,EAAWC,GAAMC,GAAS;AAChD,QAAMC,IAAMC,EAAM,OAAOL,CAAa;AACtC,SAAII,EAAI,YAAYJ,MAClBI,EAAI,UAAUF,EAAKC,CAAO,IAErBC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es313.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/GlobalStyles/GlobalStyles.js"],"sourcesContent":["'use client';\n\nimport PropTypes from 'prop-types';\nimport { GlobalStyles as MuiGlobalStyles, internal_serializeStyles as serializeStyles } from '@mui/styled-engine';\nimport useTheme from \"../useTheme/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction wrapGlobalLayer(styles) {\n  const serialized = serializeStyles(styles);\n  if (styles !== serialized && serialized.styles) {\n    if (!serialized.styles.match(/^@layer\\s+[^{]*$/)) {\n      // If the styles are not already wrapped in a layer, wrap them in a global layer.\n      serialized.styles = `@layer global{${serialized.styles}}`;\n    }\n    return serialized;\n  }\n  return styles;\n}\nfunction GlobalStyles({\n  styles,\n  themeId,\n  defaultTheme = {}\n}) {\n  const upperTheme = useTheme(defaultTheme);\n  const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;\n  let globalStyles = typeof styles === 'function' ? styles(resolvedTheme) : styles;\n  if (resolvedTheme.modularCssLayers) {\n    if (Array.isArray(globalStyles)) {\n      globalStyles = globalStyles.map(styleArg => {\n        if (typeof styleArg === 'function') {\n          return wrapGlobalLayer(styleArg(resolvedTheme));\n        }\n        return wrapGlobalLayer(styleArg);\n      });\n    } else {\n      globalStyles = wrapGlobalLayer(globalStyles);\n    }\n  }\n  return /*#__PURE__*/_jsx(MuiGlobalStyles, {\n    styles: globalStyles\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? GlobalStyles.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  defaultTheme: PropTypes.object,\n  /**\n   * @ignore\n   */\n  styles: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.array, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.string, PropTypes.bool]),\n  /**\n   * @ignore\n   */\n  themeId: PropTypes.string\n} : void 0;\nexport default GlobalStyles;"],"names":["wrapGlobalLayer","styles","serialized","serializeStyles","GlobalStyles","themeId","defaultTheme","upperTheme","useTheme","resolvedTheme","globalStyles","styleArg","_jsx","MuiGlobalStyles","PropTypes"],"mappings":";;;;;AAMA,SAASA,EAAgBC,GAAQ;AAC/B,QAAMC,IAAaC,EAAgBF,CAAM;AACzC,SAAIA,MAAWC,KAAcA,EAAW,UACjCA,EAAW,OAAO,MAAM,kBAAkB,MAE7CA,EAAW,SAAS,iBAAiBA,EAAW,MAAM,MAEjDA,KAEFD;AACT;AACA,SAASG,EAAa;AAAA,EACpB,QAAAH;AAAA,EACA,SAAAI;AAAA,EACA,cAAAC,IAAe,CAAA;AACjB,GAAG;AACD,QAAMC,IAAaC,EAASF,CAAY,GAClCG,IAAgBJ,KAAUE,EAAWF,CAAO,KAAKE;AACvD,MAAIG,IAAe,OAAOT,KAAW,aAAaA,EAAOQ,CAAa,IAAIR;AAC1E,SAAIQ,EAAc,qBACZ,MAAM,QAAQC,CAAY,IAC5BA,IAAeA,EAAa,IAAI,CAAAC,MAErBX,EADL,OAAOW,KAAa,aACCA,EAASF,CAAa,IAExBE,CAFyB,CAGjD,IAEDD,IAAeV,EAAgBU,CAAY,IAG3BE,gBAAAA,EAAAA,IAAKC,GAAiB;AAAA,IACxC,QAAQH;AAAA,EACZ,CAAG;AACH;AACA,QAAQ,IAAI,aAAa,iBAAeN,EAAa,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQtF,cAAcU,EAAU;AAAA;AAAA;AAAA;AAAA,EAIxB,QAAQA,EAAgD,UAAU,CAACA,EAAU,OAAOA,EAAU,MAAMA,EAAU,QAAQA,EAAU,QAAQA,EAAU,QAAQA,EAAU,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,EAIzK,SAASA,EAAU;AACrB;","x_google_ignoreList":[0]}

package/dist/ui-components.es314.js

@@ -1,9 +1,23 @@
-import * as e from "react";
-const o = [];
+import e from "./ui-components.es89.js";
+import { Global as l } from "@emotion/react";
+import { j as p } from "./ui-components.es15.js";
 function f(t) {
-  e.useEffect(t, o);
+  return t == null || Object.keys(t).length === 0;
 }
+function i(t) {
+  const {
+    styles: o,
+    defaultTheme: n = {}
+  } = t, r = typeof o == "function" ? (s) => o(f(s) ? n : s) : o;
+  return /* @__PURE__ */ p.jsx(l, {
+    styles: r
+  });
+}
+process.env.NODE_ENV !== "production" && (i.propTypes = {
+  defaultTheme: e.object,
+  styles: e.oneOfType([e.array, e.string, e.object, e.func])
+});
 export {
-  f as default
+  i as default
 };
 //# sourceMappingURL=ui-components.es314.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es314.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useOnMount/useOnMount.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nconst EMPTY = [];\n\n/**\n * A React.useEffect equivalent that runs once, when the component is mounted.\n */\nexport default function useOnMount(fn) {\n  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- no need to put `fn` in the dependency array\n  /* eslint-disable react-hooks/exhaustive-deps */\n  React.useEffect(fn, EMPTY);\n  /* eslint-enable react-hooks/exhaustive-deps */\n}"],"names":["EMPTY","useOnMount","fn","React"],"mappings":";AAGA,MAAMA,IAAQ,CAAA;AAKC,SAASC,EAAWC,GAAI;AAGrC,EAAAC,EAAM,UAAUD,GAAIF,CAAK;AAE3B;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es314.js","sources":["../../../node_modules/.pnpm/@mui+styled-engine@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emo_8b0ec912ff35ca62c315c470150335d1/node_modules/@mui/styled-engine/esm/GlobalStyles/GlobalStyles.js"],"sourcesContent":["'use client';\n\nimport PropTypes from 'prop-types';\nimport { Global } from '@emotion/react';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction isEmpty(obj) {\n  return obj === undefined || obj === null || Object.keys(obj).length === 0;\n}\nexport default function GlobalStyles(props) {\n  const {\n    styles,\n    defaultTheme = {}\n  } = props;\n  const globalStyles = typeof styles === 'function' ? themeInput => styles(isEmpty(themeInput) ? defaultTheme : themeInput) : styles;\n  return /*#__PURE__*/_jsx(Global, {\n    styles: globalStyles\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? GlobalStyles.propTypes = {\n  defaultTheme: PropTypes.object,\n  styles: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object, PropTypes.func])\n} : void 0;"],"names":["isEmpty","obj","GlobalStyles","props","styles","defaultTheme","globalStyles","themeInput","_jsx","Global","PropTypes"],"mappings":";;;AAKA,SAASA,EAAQC,GAAK;AACpB,SAA4BA,KAAQ,QAAQ,OAAO,KAAKA,CAAG,EAAE,WAAW;AAC1E;AACe,SAASC,EAAaC,GAAO;AAC1C,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,cAAAC,IAAe,CAAA;AAAA,EACnB,IAAMF,GACEG,IAAe,OAAOF,KAAW,aAAa,CAAAG,MAAcH,EAAOJ,EAAQO,CAAU,IAAIF,IAAeE,CAAU,IAAIH;AAC5H,SAAoBI,gBAAAA,EAAAA,IAAKC,GAAQ;AAAA,IAC/B,QAAQH;AAAA,EACZ,CAAG;AACH;AACA,QAAQ,IAAI,aAAa,iBAAeJ,EAAa,YAAY;AAAA,EAC/D,cAAcQ,EAAU;AAAA,EACxB,QAAQA,EAAU,UAAU,CAACA,EAAU,OAAOA,EAAU,QAAQA,EAAU,QAAQA,EAAU,IAAI,CAAC;AACnG;","x_google_ignoreList":[0]}

package/dist/ui-components.es315.js

@@ -1,18 +1,52 @@
-const r = (t) => t.scrollTop;
-function a(t, i) {
-  const {
-    timeout: n,
-    easing: o,
-    style: e = {}
-  } = t;
-  return {
-    duration: e.transitionDuration ?? (typeof n == "number" ? n : n[i.mode] || 0),
-    easing: e.transitionTimingFunction ?? (typeof o == "object" ? o[i.mode] : o),
-    delay: e.transitionDelay
+function u(e, r) {
+  if (!e.containerQueries)
+    return r;
+  const o = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, i) => {
+    const t = /min-width:\s*([0-9.]+)/;
+    return +(n.match(t)?.[1] || 0) - +(i.match(t)?.[1] || 0);
+  });
+  return o.length ? o.reduce((n, i) => {
+    const t = r[i];
+    return delete n[i], n[i] = t, n;
+  }, {
+    ...r
+  }) : r;
+}
+function d(e, r) {
+  return r === "@" || r.startsWith("@") && (e.some((o) => r.startsWith(`@${o}`)) || !!r.match(/^@\d/));
+}
+function l(e, r) {
+  const o = r.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!o) {
+    if (process.env.NODE_ENV !== "production")
+      throw (
+        /* minify-error */
+        new Error(`MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`)
+      );
+    return null;
+  }
+  const [, n, i] = o, t = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(i).up(t);
+}
+function h(e) {
+  const r = (t, s) => t.replace("@media", s ? `@container ${s}` : "@container");
+  function o(t, s) {
+    t.up = (...a) => r(e.breakpoints.up(...a), s), t.down = (...a) => r(e.breakpoints.down(...a), s), t.between = (...a) => r(e.breakpoints.between(...a), s), t.only = (...a) => r(e.breakpoints.only(...a), s), t.not = (...a) => {
+      const c = r(e.breakpoints.not(...a), s);
+      return c.includes("not all and") ? c.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : c;
+    };
+  }
+  const n = {}, i = (t) => (o(n, t), n);
+  return o(i), {
+    ...e,
+    containerQueries: i
   };
 }
 export {
-  a as getTransitionProps,
-  r as reflow
+  h as default,
+  l as getContainerQuery,
+  d as isCqShorthand,
+  u as sortContainerQueries
 };
 //# sourceMappingURL=ui-components.es315.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es315.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/transitions/utils.js"],"sourcesContent":["export const reflow = node => node.scrollTop;\nexport function getTransitionProps(props, options) {\n  const {\n    timeout,\n    easing,\n    style = {}\n  } = props;\n  return {\n    duration: style.transitionDuration ?? (typeof timeout === 'number' ? timeout : timeout[options.mode] || 0),\n    easing: style.transitionTimingFunction ?? (typeof easing === 'object' ? easing[options.mode] : easing),\n    delay: style.transitionDelay\n  };\n}"],"names":["reflow","node","getTransitionProps","props","options","timeout","easing","style"],"mappings":"AAAY,MAACA,IAAS,CAAAC,MAAQA,EAAK;AAC5B,SAASC,EAAmBC,GAAOC,GAAS;AACjD,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ,CAAA;AAAA,EACZ,IAAMJ;AACJ,SAAO;AAAA,IACL,UAAUI,EAAM,uBAAuB,OAAOF,KAAY,WAAWA,IAAUA,EAAQD,EAAQ,IAAI,KAAK;AAAA,IACxG,QAAQG,EAAM,6BAA6B,OAAOD,KAAW,WAAWA,EAAOF,EAAQ,IAAI,IAAIE;AAAA,IAC/F,OAAOC,EAAM;AAAA,EACjB;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es315.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/cssContainerQueries/cssContainerQueries.js"],"sourcesContent":["/**\n * For using in `sx` prop to sort the breakpoint from low to high.\n * Note: this function does not work and will not support multiple units.\n *       e.g. input: { '@container (min-width:300px)': '1rem', '@container (min-width:40rem)': '2rem' }\n *            output: { '@container (min-width:40rem)': '2rem', '@container (min-width:300px)': '1rem' } // since 40 < 300 even though 40rem > 300px\n */\nexport function sortContainerQueries(theme, css) {\n  if (!theme.containerQueries) {\n    return css;\n  }\n  const sorted = Object.keys(css).filter(key => key.startsWith('@container')).sort((a, b) => {\n    const regex = /min-width:\\s*([0-9.]+)/;\n    return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);\n  });\n  if (!sorted.length) {\n    return css;\n  }\n  return sorted.reduce((acc, key) => {\n    const value = css[key];\n    delete acc[key];\n    acc[key] = value;\n    return acc;\n  }, {\n    ...css\n  });\n}\nexport function isCqShorthand(breakpointKeys, value) {\n  return value === '@' || value.startsWith('@') && (breakpointKeys.some(key => value.startsWith(`@${key}`)) || !!value.match(/^@\\d/));\n}\nexport function getContainerQuery(theme, shorthand) {\n  const matches = shorthand.match(/^@([^/]+)?\\/?(.+)?$/);\n  if (!matches) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw /* minify-error */new Error(`MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \\`@<breakpoint | number>\\` or \\`@<breakpoint | number>/<container>\\`.\\n` + 'For example, `@sm` or `@600` or `@40rem/sidebar`.');\n    }\n    return null;\n  }\n  const [, containerQuery, containerName] = matches;\n  const value = Number.isNaN(+containerQuery) ? containerQuery || 0 : +containerQuery;\n  return theme.containerQueries(containerName).up(value);\n}\nexport default function cssContainerQueries(themeInput) {\n  const toContainerQuery = (mediaQuery, name) => mediaQuery.replace('@media', name ? `@container ${name}` : '@container');\n  function attachCq(node, name) {\n    node.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);\n    node.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);\n    node.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);\n    node.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);\n    node.not = (...args) => {\n      const result = toContainerQuery(themeInput.breakpoints.not(...args), name);\n      if (result.includes('not all and')) {\n        // `@container` does not work with `not all and`, so need to invert the logic\n        return result.replace('not all and ', '').replace('min-width:', 'width<').replace('max-width:', 'width>').replace('and', 'or');\n      }\n      return result;\n    };\n  }\n  const node = {};\n  const containerQueries = name => {\n    attachCq(node, name);\n    return node;\n  };\n  attachCq(containerQueries);\n  return {\n    ...themeInput,\n    containerQueries\n  };\n}"],"names":["sortContainerQueries","theme","css","sorted","key","a","b","regex","acc","value","isCqShorthand","breakpointKeys","getContainerQuery","shorthand","matches","containerQuery","containerName","cssContainerQueries","themeInput","toContainerQuery","mediaQuery","name","attachCq","node","args","result","containerQueries"],"mappings":"AAMO,SAASA,EAAqBC,GAAOC,GAAK;AAC/C,MAAI,CAACD,EAAM;AACT,WAAOC;AAET,QAAMC,IAAS,OAAO,KAAKD,CAAG,EAAE,OAAO,CAAAE,MAAOA,EAAI,WAAW,YAAY,CAAC,EAAE,KAAK,CAACC,GAAGC,MAAM;AACzF,UAAMC,IAAQ;AACd,WAAO,EAAEF,EAAE,MAAME,CAAK,IAAI,CAAC,KAAK,KAAK,EAAED,EAAE,MAAMC,CAAK,IAAI,CAAC,KAAK;AAAA,EAChE,CAAC;AACD,SAAKJ,EAAO,SAGLA,EAAO,OAAO,CAACK,GAAKJ,MAAQ;AACjC,UAAMK,IAAQP,EAAIE,CAAG;AACrB,kBAAOI,EAAIJ,CAAG,GACdI,EAAIJ,CAAG,IAAIK,GACJD;AAAA,EACT,GAAG;AAAA,IACD,GAAGN;AAAA,EACP,CAAG,IATQA;AAUX;AACO,SAASQ,EAAcC,GAAgBF,GAAO;AACnD,SAAOA,MAAU,OAAOA,EAAM,WAAW,GAAG,MAAME,EAAe,KAAK,CAAAP,MAAOK,EAAM,WAAW,IAAIL,CAAG,EAAE,CAAC,KAAK,CAAC,CAACK,EAAM,MAAM,MAAM;AACnI;AACO,SAASG,EAAkBX,GAAOY,GAAW;AAClD,QAAMC,IAAUD,EAAU,MAAM,qBAAqB;AACrD,MAAI,CAACC,GAAS;AACZ,QAAI,QAAQ,IAAI,aAAa;AAC3B;AAAA;AAAA,QAAwB,IAAI,MAAM,+BAA+B,IAAID,CAAS,GAAG;AAAA,wDAAiK;AAAA;AAEpP,WAAO;AAAA,EACT;AACA,QAAM,CAAA,EAAGE,GAAgBC,CAAa,IAAIF,GACpCL,IAAQ,OAAO,MAAM,CAACM,CAAc,IAAIA,KAAkB,IAAI,CAACA;AACrE,SAAOd,EAAM,iBAAiBe,CAAa,EAAE,GAAGP,CAAK;AACvD;AACe,SAASQ,EAAoBC,GAAY;AACtD,QAAMC,IAAmB,CAACC,GAAYC,MAASD,EAAW,QAAQ,UAAUC,IAAO,cAAcA,CAAI,KAAK,YAAY;AACtH,WAASC,EAASC,GAAMF,GAAM;AAC5B,IAAAE,EAAK,KAAK,IAAIC,MAASL,EAAiBD,EAAW,YAAY,GAAG,GAAGM,CAAI,GAAGH,CAAI,GAChFE,EAAK,OAAO,IAAIC,MAASL,EAAiBD,EAAW,YAAY,KAAK,GAAGM,CAAI,GAAGH,CAAI,GACpFE,EAAK,UAAU,IAAIC,MAASL,EAAiBD,EAAW,YAAY,QAAQ,GAAGM,CAAI,GAAGH,CAAI,GAC1FE,EAAK,OAAO,IAAIC,MAASL,EAAiBD,EAAW,YAAY,KAAK,GAAGM,CAAI,GAAGH,CAAI,GACpFE,EAAK,MAAM,IAAIC,MAAS;AACtB,YAAMC,IAASN,EAAiBD,EAAW,YAAY,IAAI,GAAGM,CAAI,GAAGH,CAAI;AACzE,aAAII,EAAO,SAAS,aAAa,IAExBA,EAAO,QAAQ,gBAAgB,EAAE,EAAE,QAAQ,cAAc,QAAQ,EAAE,QAAQ,cAAc,QAAQ,EAAE,QAAQ,OAAO,IAAI,IAExHA;AAAA,IACT;AAAA,EACF;AACA,QAAMF,IAAO,CAAA,GACPG,IAAmB,CAAAL,OACvBC,EAASC,GAAMF,CAAI,GACZE;AAET,SAAAD,EAASI,CAAgB,GAClB;AAAA,IACL,GAAGR;AAAA,IACH,kBAAAQ;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}