@weng-lab/ui-components 3.0.1 → 3.1.1

package/dist/ui-components.es32.js

@@ -1,78 +1,26 @@
-import * as f from "react";
-import o from "./ui-components.es89.js";
-import { clsx as d } from "./ui-components.es88.js";
-import y from "./ui-components.es210.js";
-import { getTableBodyUtilityClass as u } from "./ui-components.es219.js";
-import { j as n } from "./ui-components.es15.js";
-import { useDefaultProps as b } from "./ui-components.es93.js";
-import T from "./ui-components.es94.js";
-import x from "./ui-components.es34.js";
-const j = (s) => {
-  const {
-    classes: t
-  } = s;
-  return T({
-    root: ["root"]
-  }, u, t);
-}, v = x("tbody", {
-  name: "MuiTableBody",
-  slot: "Root"
-})({
-  display: "table-row-group"
-}), B = {
-  variant: "body"
-}, p = "tbody", w = /* @__PURE__ */ f.forwardRef(function(t, r) {
-  const l = b({
-    props: t,
-    name: "MuiTableBody"
-  }), {
-    className: c,
-    component: e = p,
-    ...m
-  } = l, a = {
-    ...l,
-    component: e
-  }, i = j(a);
-  return /* @__PURE__ */ n.jsx(y.Provider, {
-    value: B,
-    children: /* @__PURE__ */ n.jsx(v, {
-      className: d(i.root, c),
-      as: e,
-      ref: r,
-      role: e === p ? null : "rowgroup",
-      ownerState: a,
-      ...m
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (w.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally `TableRow`.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.elementType,
-  /**
-   * The 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])
-});
+import { c as p } from "./ui-components.es23.js";
+import { useRef as b, useEffect as v } from "react";
+import z from "./ui-components.es85.js";
+const E = (t, r, h) => {
+  const e = p.c(5), o = 200, u = b(0);
+  let s, n;
+  e[0] !== r || e[1] !== t || e[2] !== o ? (s = () => {
+    const c = t.current;
+    if (!c)
+      return;
+    const f = z(() => {
+      const i = c.offsetWidth;
+      i !== u.current && (u.current = i, r());
+    }, o), d = new ResizeObserver((i) => {
+      for (const m of i)
+        m.borderBoxSize && f();
+    });
+    return d.observe(c), () => {
+      f.clear(), d.disconnect();
+    };
+  }, n = [t, r, o], e[0] = r, e[1] = t, e[2] = o, e[3] = s, e[4] = n) : (s = e[3], n = e[4]), v(s, n);
+};
 export {
-  w as default
+  E as useContainerResize
 };
 //# sourceMappingURL=ui-components.es32.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es32.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/TableBody/TableBody.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport Tablelvl2Context from \"../Table/Tablelvl2Context.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getTableBodyUtilityClass } from \"./tableBodyClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root']\n  };\n  return composeClasses(slots, getTableBodyUtilityClass, classes);\n};\nconst TableBodyRoot = styled('tbody', {\n  name: 'MuiTableBody',\n  slot: 'Root'\n})({\n  display: 'table-row-group'\n});\nconst tablelvl2 = {\n  variant: 'body'\n};\nconst defaultComponent = 'tbody';\nconst TableBody = /*#__PURE__*/React.forwardRef(function TableBody(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiTableBody'\n  });\n  const {\n    className,\n    component = defaultComponent,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {\n    value: tablelvl2,\n    children: /*#__PURE__*/_jsx(TableBodyRoot, {\n      className: clsx(classes.root, className),\n      as: component,\n      ref: ref,\n      role: component === defaultComponent ? null : 'rowgroup',\n      ownerState: ownerState,\n      ...other\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableBody.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component, normally `TableRow`.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default TableBody;"],"names":["useUtilityClasses","ownerState","classes","composeClasses","getTableBodyUtilityClass","TableBodyRoot","styled","tablelvl2","defaultComponent","TableBody","React","inProps","ref","props","useDefaultProps","className","component","other","_jsx","Tablelvl2Context","clsx","PropTypes"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAoB,CAAAC,MAAc;AACtC,QAAM;AAAA,IACJ,SAAAC;AAAA,EACJ,IAAMD;AAIJ,SAAOE,EAHO;AAAA,IACZ,MAAM,CAAC,MAAM;AAAA,EACjB,GAC+BC,GAA0BF,CAAO;AAChE,GACMG,IAAgBC,EAAO,SAAS;AAAA,EACpC,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAE;AAAA,EACD,SAAS;AACX,CAAC,GACKC,IAAY;AAAA,EAChB,SAAS;AACX,GACMC,IAAmB,SACnBC,IAAyB,gBAAAC,EAAM,WAAW,SAAmBC,GAASC,GAAK;AAC/E,QAAMC,IAAQC,EAAgB;AAAA,IAC5B,OAAOH;AAAA,IACP,MAAM;AAAA,EACV,CAAG,GACK;AAAA,IACJ,WAAAI;AAAA,IACA,WAAAC,IAAYR;AAAA,IACZ,GAAGS;AAAA,EACP,IAAMJ,GACEZ,IAAa;AAAA,IACjB,GAAGY;AAAA,IACH,WAAAG;AAAA,EACJ,GACQd,IAAUF,EAAkBC,CAAU;AAC5C,SAAoBiB,gBAAAA,EAAAA,IAAKC,EAAiB,UAAU;AAAA,IAClD,OAAOZ;AAAA,IACP,UAAuBW,gBAAAA,EAAAA,IAAKb,GAAe;AAAA,MACzC,WAAWe,EAAKlB,EAAQ,MAAMa,CAAS;AAAA,MACvC,IAAIC;AAAA,MACJ,KAAKJ;AAAA,MACL,MAAMI,MAAcR,IAAmB,OAAO;AAAA,MAC9C,YAAYP;AAAA,MACZ,GAAGgB;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH,CAAC;AACD,QAAQ,IAAI,aAAa,iBAAeR,EAAU,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnF,UAAUY,EAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAASA,EAAU;AAAA;AAAA;AAAA;AAAA,EAInB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB,WAAWA,EAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,IAAIA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,QAAQA,EAAU,IAAI,CAAC,CAAC,GAAGA,EAAU,MAAMA,EAAU,MAAM,CAAC;AACxJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es32.js","sources":["../src/components/Table/useContainerResize.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\r\nimport { debounce } from \"@mui/material/utils\";\r\n\r\n/**\r\n * Hook that monitors a container element's width changes and triggers a callback\r\n * when the width changes (debounced to avoid excessive calls).\r\n *\r\n * @param containerRef - Ref to the container element to monitor\r\n * @param callback - Function to call when width changes\r\n * @param debounceMs - Debounce delay in milliseconds (default: 200)\r\n */\r\nexport const useContainerResize = (\r\n  containerRef: React.RefObject<HTMLDivElement | null>,\r\n  callback: () => void,\r\n  debounceMs: number = 200\r\n): void => {\r\n  const prevWidth = useRef<number>(0);\r\n\r\n  useEffect(() => {\r\n    const container = containerRef.current;\r\n    if (!container) return;\r\n\r\n    const debouncedResize = debounce(() => {\r\n      const newWidth = container.offsetWidth;\r\n\r\n      // ONLY trigger if the actual pixel width of the container changed.\r\n      // This ignores cases where the grid content expands horizontally\r\n      // but the container remains the same size.\r\n      if (newWidth !== prevWidth.current) {\r\n        prevWidth.current = newWidth;\r\n        callback();\r\n      }\r\n    }, debounceMs);\r\n\r\n    const observer = new ResizeObserver((entries) => {\r\n      for (const entry of entries) {\r\n        // Use borderBoxSize for more accurate external boundary measurement\r\n        if (entry.borderBoxSize) {\r\n          debouncedResize();\r\n        }\r\n      }\r\n    });\r\n\r\n    observer.observe(container);\r\n\r\n    return () => {\r\n      debouncedResize.clear();\r\n      observer.disconnect();\r\n    };\r\n  }, [containerRef, callback, debounceMs]);\r\n};\r\n"],"names":["useContainerResize","containerRef","callback","t0","$","_c","debounceMs","prevWidth","useRef","t1","t2","container","current","debouncedResize","debounce","newWidth","offsetWidth","observer","ResizeObserver","entries","entry","borderBoxSize","observe","clear","disconnect","useEffect"],"mappings":";;;AAWO,MAAMA,IAAqBA,CAAAC,GAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAGhCC,IAAA,KAEAC,IAAkBC,EAAe,CAAC;AAAE,MAAAC,GAAAC;AAAA,EAAAN,EAAA,CAAA,MAAAF,KAAAE,SAAAH,KAAAG,EAAA,CAAA,MAAAE,KAE1BG,IAAAA,MAAA;AACR,UAAAE,IAAkBV,EAAYW;AAC9B,QAAI,CAACD;AAAS;AAEd,UAAAE,IAAwBC,EAAS,MAAA;AAC/B,YAAAC,IAAiBJ,EAASK;AAK1B,MAAID,MAAaR,EAASK,YACxBL,EAASK,UAAWG,GACpBb,EAAAA;AAAAA,IACD,GACAI,CAAU,GAEbW,IAAiB,IAAIC,eAAeC,CAAAA,MAAA;AAClC,iBAAKC,KAAeD;AAElB,QAAIC,EAAKC,iBACPR,EAAAA;AAAAA,IAEH,CACF;AAEDI,WAAAA,EAAQK,QAASX,CAAS,GAEnB,MAAA;AACLE,MAAAA,EAAeU,MAAAA,GACfN,EAAQO,WAAAA;AAAAA,IAAa;AAAA,EACtB,GACAd,KAACT,GAAcC,GAAUI,CAAU,GAACF,OAAAF,GAAAE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,MAAAD,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,IA/BvCqB,EAAUhB,GA+BPC,CAAoC;AAAC;"}

package/dist/ui-components.es320.js

@@ -1,23 +1,54 @@
-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) {
-  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])
-});
+var o = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
 export {
-  i as default
+  o as default
 };
 //# sourceMappingURL=ui-components.es320.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es320.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]}
+{"version":3,"file":"ui-components.es320.js","sources":["../../../node_modules/.pnpm/@emotion+unitless@0.10.0/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js"],"sourcesContent":["var unitlessKeys = {\n  animationIterationCount: 1,\n  aspectRatio: 1,\n  borderImageOutset: 1,\n  borderImageSlice: 1,\n  borderImageWidth: 1,\n  boxFlex: 1,\n  boxFlexGroup: 1,\n  boxOrdinalGroup: 1,\n  columnCount: 1,\n  columns: 1,\n  flex: 1,\n  flexGrow: 1,\n  flexPositive: 1,\n  flexShrink: 1,\n  flexNegative: 1,\n  flexOrder: 1,\n  gridRow: 1,\n  gridRowEnd: 1,\n  gridRowSpan: 1,\n  gridRowStart: 1,\n  gridColumn: 1,\n  gridColumnEnd: 1,\n  gridColumnSpan: 1,\n  gridColumnStart: 1,\n  msGridRow: 1,\n  msGridRowSpan: 1,\n  msGridColumn: 1,\n  msGridColumnSpan: 1,\n  fontWeight: 1,\n  lineHeight: 1,\n  opacity: 1,\n  order: 1,\n  orphans: 1,\n  scale: 1,\n  tabSize: 1,\n  widows: 1,\n  zIndex: 1,\n  zoom: 1,\n  WebkitLineClamp: 1,\n  // SVG-related properties\n  fillOpacity: 1,\n  floodOpacity: 1,\n  stopOpacity: 1,\n  strokeDasharray: 1,\n  strokeDashoffset: 1,\n  strokeMiterlimit: 1,\n  strokeOpacity: 1,\n  strokeWidth: 1\n};\n\nexport { unitlessKeys as default };\n"],"names":["unitlessKeys"],"mappings":"AAAG,IAACA,IAAe;AAAA,EACjB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,iBAAiB;AAAA;AAAA,EAEjB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,aAAa;AACf;","x_google_ignoreList":[0]}

package/dist/ui-components.es321.js

@@ -1,23 +1,10 @@
-function c(e) {
-  for (var f = 0, x, a = 0, d = e.length; d >= 4; ++a, d -= 4)
-    x = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, x = /* Math.imul(k, m): */
-    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16), x ^= /* k >>> r: */
-    x >>> 24, f = /* Math.imul(k, m): */
-    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
-    (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
-  switch (d) {
-    case 3:
-      f ^= (e.charCodeAt(a + 2) & 255) << 16;
-    case 2:
-      f ^= (e.charCodeAt(a + 1) & 255) << 8;
-    case 1:
-      f ^= e.charCodeAt(a) & 255, f = /* Math.imul(h, m): */
-      (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
-  }
-  return f ^= f >>> 13, f = /* Math.imul(h, m): */
-  (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16), ((f ^ f >>> 15) >>> 0).toString(36);
+function u(t) {
+  var n = /* @__PURE__ */ Object.create(null);
+  return function(e) {
+    return n[e] === void 0 && (n[e] = t(e)), n[e];
+  };
 }
 export {
-  c as default
+  u as default
 };
 //# sourceMappingURL=ui-components.es321.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es321.js","sources":["../../../node_modules/.pnpm/@emotion+hash@0.9.2/node_modules/@emotion/hash/dist/emotion-hash.esm.js"],"sourcesContent":["/* eslint-disable */\n// Inspired by https://github.com/garycourt/murmurhash-js\n// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86\nfunction murmur2(str) {\n  // 'm' and 'r' are mixing constants generated offline.\n  // They're not really 'magic', they just happen to work well.\n  // const m = 0x5bd1e995;\n  // const r = 24;\n  // Initialize the hash\n  var h = 0; // Mix 4 bytes at a time into the hash\n\n  var k,\n      i = 0,\n      len = str.length;\n\n  for (; len >= 4; ++i, len -= 4) {\n    k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;\n    k =\n    /* Math.imul(k, m): */\n    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);\n    k ^=\n    /* k >>> r: */\n    k >>> 24;\n    h =\n    /* Math.imul(k, m): */\n    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^\n    /* Math.imul(h, m): */\n    (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n  } // Handle the last few bytes of the input array\n\n\n  switch (len) {\n    case 3:\n      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\n\n    case 2:\n      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\n\n    case 1:\n      h ^= str.charCodeAt(i) & 0xff;\n      h =\n      /* Math.imul(h, m): */\n      (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n  } // Do a few final mixes of the hash to ensure the last few\n  // bytes are well-incorporated.\n\n\n  h ^= h >>> 13;\n  h =\n  /* Math.imul(h, m): */\n  (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);\n  return ((h ^ h >>> 15) >>> 0).toString(36);\n}\n\nexport { murmur2 as default };\n"],"names":["murmur2","str","h","k","i","len"],"mappings":"AAGA,SAASA,EAAQC,GAAK;AAYpB,WANIC,IAAI,GAEJC,GACAC,IAAI,GACJC,IAAMJ,EAAI,QAEPI,KAAO,GAAG,EAAED,GAAGC,KAAO;AAC3B,IAAAF,IAAIF,EAAI,WAAWG,CAAC,IAAI,OAAQH,EAAI,WAAW,EAAEG,CAAC,IAAI,QAAS,KAAKH,EAAI,WAAW,EAAEG,CAAC,IAAI,QAAS,MAAMH,EAAI,WAAW,EAAEG,CAAC,IAAI,QAAS,IACxID;AAAA,KAECA,IAAI,SAAU,eAAeA,MAAM,MAAM,SAAU,KACpDA;AAAA,IAEAA,MAAM,IACND;AAAA,KAECC,IAAI,SAAU,eAAeA,MAAM,MAAM,SAAU;AAAA,KAEnDD,IAAI,SAAU,eAAeA,MAAM,MAAM,SAAU;AAItD,UAAQG,GAAG;AAAA,IACT,KAAK;AACH,MAAAH,MAAMD,EAAI,WAAWG,IAAI,CAAC,IAAI,QAAS;AAAA,IAEzC,KAAK;AACH,MAAAF,MAAMD,EAAI,WAAWG,IAAI,CAAC,IAAI,QAAS;AAAA,IAEzC,KAAK;AACH,MAAAF,KAAKD,EAAI,WAAWG,CAAC,IAAI,KACzBF;AAAA,OAECA,IAAI,SAAU,eAAeA,MAAM,MAAM,SAAU;AAAA,EAC1D;AAIE,SAAAA,KAAKA,MAAM,IACXA;AAAA,GAECA,IAAI,SAAU,eAAeA,MAAM,MAAM,SAAU,OAC3CA,IAAIA,MAAM,QAAQ,GAAG,SAAS,EAAE;AAC3C;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es321.js","sources":["../../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"],"sourcesContent":["function memoize(fn) {\n  var cache = Object.create(null);\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport { memoize as default };\n"],"names":["memoize","fn","cache","arg"],"mappings":"AAAA,SAASA,EAAQC,GAAI;AACnB,MAAIC,IAAQ,uBAAO,OAAO,IAAI;AAC9B,SAAO,SAAUC,GAAK;AACpB,WAAID,EAAMC,CAAG,MAAM,WAAWD,EAAMC,CAAG,IAAIF,EAAGE,CAAG,IAC1CD,EAAMC,CAAG;AAAA,EAClB;AACF;","x_google_ignoreList":[0]}

package/dist/ui-components.es322.js

@@ -1,54 +1,68 @@
-var o = {
-  animationIterationCount: 1,
-  aspectRatio: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  scale: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
+import { isCqShorthand as m, getContainerQuery as y } from "./ui-components.es323.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);
+}
 export {
-  o as default
+  O as createEmptyBreakpointObject,
+  B as handleBreakpoints,
+  x as removeUnusedBreakpoints,
+  c as values
 };
 //# sourceMappingURL=ui-components.es322.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es322.js","sources":["../../../node_modules/.pnpm/@emotion+unitless@0.10.0/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js"],"sourcesContent":["var unitlessKeys = {\n  animationIterationCount: 1,\n  aspectRatio: 1,\n  borderImageOutset: 1,\n  borderImageSlice: 1,\n  borderImageWidth: 1,\n  boxFlex: 1,\n  boxFlexGroup: 1,\n  boxOrdinalGroup: 1,\n  columnCount: 1,\n  columns: 1,\n  flex: 1,\n  flexGrow: 1,\n  flexPositive: 1,\n  flexShrink: 1,\n  flexNegative: 1,\n  flexOrder: 1,\n  gridRow: 1,\n  gridRowEnd: 1,\n  gridRowSpan: 1,\n  gridRowStart: 1,\n  gridColumn: 1,\n  gridColumnEnd: 1,\n  gridColumnSpan: 1,\n  gridColumnStart: 1,\n  msGridRow: 1,\n  msGridRowSpan: 1,\n  msGridColumn: 1,\n  msGridColumnSpan: 1,\n  fontWeight: 1,\n  lineHeight: 1,\n  opacity: 1,\n  order: 1,\n  orphans: 1,\n  scale: 1,\n  tabSize: 1,\n  widows: 1,\n  zIndex: 1,\n  zoom: 1,\n  WebkitLineClamp: 1,\n  // SVG-related properties\n  fillOpacity: 1,\n  floodOpacity: 1,\n  stopOpacity: 1,\n  strokeDasharray: 1,\n  strokeDashoffset: 1,\n  strokeMiterlimit: 1,\n  strokeOpacity: 1,\n  strokeWidth: 1\n};\n\nexport { unitlessKeys as default };\n"],"names":["unitlessKeys"],"mappings":"AAAG,IAACA,IAAe;AAAA,EACjB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,iBAAiB;AAAA;AAAA,EAEjB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,aAAa;AACf;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es322.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+_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.es323.js

@@ -1,10 +1,52 @@
-function u(t) {
-  var n = /* @__PURE__ */ Object.create(null);
-  return function(e) {
-    return n[e] === void 0 && (n[e] = t(e)), n[e];
+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 {
-  u as default
+  h as default,
+  l as getContainerQuery,
+  d as isCqShorthand,
+  u as sortContainerQueries
 };
 //# sourceMappingURL=ui-components.es323.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es323.js","sources":["../../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"],"sourcesContent":["function memoize(fn) {\n  var cache = Object.create(null);\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport { memoize as default };\n"],"names":["memoize","fn","cache","arg"],"mappings":"AAAA,SAASA,EAAQC,GAAI;AACnB,MAAIC,IAAQ,uBAAO,OAAO,IAAI;AAC9B,SAAO,SAAUC,GAAK;AACpB,WAAID,EAAMC,CAAG,MAAM,WAAWD,EAAMC,CAAG,IAAIF,EAAGE,CAAG,IAC1CD,EAAMC,CAAG;AAAA,EAClB;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es323.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+_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]}

package/dist/ui-components.es324.js

@@ -1,8 +1,46 @@
-function u(t) {
-  const n = {};
-  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
+import { createUnaryUnit as i, getValue as b } from "./ui-components.es203.js";
+import l from "./ui-components.es325.js";
+import u from "./ui-components.es326.js";
+import c from "./ui-components.es327.js";
+import { handleBreakpoints as m } from "./ui-components.es322.js";
+function e(r) {
+  return typeof r != "number" ? r : `${r}px solid`;
 }
+function o(r, t) {
+  return c({
+    prop: r,
+    themeKey: "borders",
+    transform: t
+  });
+}
+const f = o("border", e), a = o("borderTop", e), p = o("borderRight", e), R = o("borderBottom", e), C = o("borderLeft", e), h = o("borderColor"), y = o("borderTopColor"), T = o("borderRightColor"), B = o("borderBottomColor"), g = o("borderLeftColor"), L = o("outline", e), P = o("outlineColor"), d = (r) => {
+  if (r.borderRadius !== void 0 && r.borderRadius !== null) {
+    const t = i(r.theme, "shape.borderRadius", 4, "borderRadius"), n = (s) => ({
+      borderRadius: b(t, s)
+    });
+    return m(r, r.borderRadius, n);
+  }
+  return null;
+};
+d.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: l
+} : {};
+d.filterProps = ["borderRadius"];
+u(f, a, p, R, C, h, y, T, B, g, d, L, P);
 export {
-  u as default
+  f as border,
+  R as borderBottom,
+  B as borderBottomColor,
+  h as borderColor,
+  C as borderLeft,
+  g as borderLeftColor,
+  d as borderRadius,
+  p as borderRight,
+  T as borderRightColor,
+  a as borderTop,
+  y as borderTopColor,
+  e as borderTransform,
+  L as outline,
+  P as outlineColor
 };
 //# sourceMappingURL=ui-components.es324.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es324.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/memoize/memoize.js"],"sourcesContent":["export default function memoize(fn) {\n  const cache = {};\n  return arg => {\n    if (cache[arg] === undefined) {\n      cache[arg] = fn(arg);\n    }\n    return cache[arg];\n  };\n}"],"names":["memoize","fn","cache","arg"],"mappings":"AAAe,SAASA,EAAQC,GAAI;AAClC,QAAMC,IAAQ,CAAA;AACd,SAAO,CAAAC,OACDD,EAAMC,CAAG,MAAM,WACjBD,EAAMC,CAAG,IAAIF,EAAGE,CAAG,IAEdD,EAAMC,CAAG;AAEpB;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es324.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/borders/borders.js"],"sourcesContent":["import responsivePropType from \"../responsivePropType/index.js\";\nimport style from \"../style/index.js\";\nimport compose from \"../compose/index.js\";\nimport { createUnaryUnit, getValue } from \"../spacing/index.js\";\nimport { handleBreakpoints } from \"../breakpoints/index.js\";\nexport function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}\nfunction createBorderStyle(prop, transform) {\n  return style({\n    prop,\n    themeKey: 'borders',\n    transform\n  });\n}\nexport const border = createBorderStyle('border', borderTransform);\nexport const borderTop = createBorderStyle('borderTop', borderTransform);\nexport const borderRight = createBorderStyle('borderRight', borderTransform);\nexport const borderBottom = createBorderStyle('borderBottom', borderTransform);\nexport const borderLeft = createBorderStyle('borderLeft', borderTransform);\nexport const borderColor = createBorderStyle('borderColor');\nexport const borderTopColor = createBorderStyle('borderTopColor');\nexport const borderRightColor = createBorderStyle('borderRightColor');\nexport const borderBottomColor = createBorderStyle('borderBottomColor');\nexport const borderLeftColor = createBorderStyle('borderLeftColor');\nexport const outline = createBorderStyle('outline', borderTransform);\nexport const outlineColor = createBorderStyle('outlineColor');\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const borderRadius = props => {\n  if (props.borderRadius !== undefined && props.borderRadius !== null) {\n    const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');\n    const styleFromPropValue = propValue => ({\n      borderRadius: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.borderRadius, styleFromPropValue);\n  }\n  return null;\n};\nborderRadius.propTypes = process.env.NODE_ENV !== 'production' ? {\n  borderRadius: responsivePropType\n} : {};\nborderRadius.filterProps = ['borderRadius'];\nconst borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);\nexport default borders;"],"names":["borderTransform","value","createBorderStyle","prop","transform","style","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outline","outlineColor","borderRadius","props","transformer","createUnaryUnit","styleFromPropValue","propValue","getValue","handleBreakpoints","responsivePropType","compose"],"mappings":";;;;;AAKO,SAASA,EAAgBC,GAAO;AACrC,SAAI,OAAOA,KAAU,WACZA,IAEF,GAAGA,CAAK;AACjB;AACA,SAASC,EAAkBC,GAAMC,GAAW;AAC1C,SAAOC,EAAM;AAAA,IACX,MAAAF;AAAA,IACA,UAAU;AAAA,IACV,WAAAC;AAAA,EACJ,CAAG;AACH;AACY,MAACE,IAASJ,EAAkB,UAAUF,CAAe,GACpDO,IAAYL,EAAkB,aAAaF,CAAe,GAC1DQ,IAAcN,EAAkB,eAAeF,CAAe,GAC9DS,IAAeP,EAAkB,gBAAgBF,CAAe,GAChEU,IAAaR,EAAkB,cAAcF,CAAe,GAC5DW,IAAcT,EAAkB,aAAa,GAC7CU,IAAiBV,EAAkB,gBAAgB,GACnDW,IAAmBX,EAAkB,kBAAkB,GACvDY,IAAoBZ,EAAkB,mBAAmB,GACzDa,IAAkBb,EAAkB,iBAAiB,GACrDc,IAAUd,EAAkB,WAAWF,CAAe,GACtDiB,IAAef,EAAkB,cAAc,GAI/CgB,IAAe,CAAAC,MAAS;AACnC,MAAIA,EAAM,iBAAiB,UAAaA,EAAM,iBAAiB,MAAM;AACnE,UAAMC,IAAcC,EAAgBF,EAAM,OAAO,sBAAsB,GAAG,cAAc,GAClFG,IAAqB,CAAAC,OAAc;AAAA,MACvC,cAAcC,EAASJ,GAAaG,CAAS;AAAA,IACnD;AACI,WAAOE,EAAkBN,GAAOA,EAAM,cAAcG,CAAkB;AAAA,EACxE;AACA,SAAO;AACT;AACAJ,EAAa,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC/D,cAAcQ;AAChB,IAAI,CAAA;AACJR,EAAa,cAAc,CAAC,cAAc;AAC1BS,EAAQrB,GAAQC,GAAWC,GAAaC,GAAcC,GAAYC,GAAaC,GAAgBC,GAAkBC,GAAmBC,GAAiBG,GAAcF,GAASC,CAAY;","x_google_ignoreList":[0]}

package/dist/ui-components.es325.js

@@ -1,29 +1,6 @@
-import { r as u } from "./ui-components.es177.js";
-function a(e, r = "") {
-  return e.displayName || e.name || r;
-}
-function i(e, r, t) {
-  const f = a(r);
-  return e.displayName || (f !== "" ? `${t}(${f})` : t);
-}
-function n(e) {
-  if (e != null) {
-    if (typeof e == "string")
-      return e;
-    if (typeof e == "function")
-      return a(e, "Component");
-    if (typeof e == "object")
-      switch (e.$$typeof) {
-        case u.ForwardRef:
-          return i(e, e.render, "ForwardRef");
-        case u.Memo:
-          return i(e, e.type, "memo");
-        default:
-          return;
-      }
-  }
-}
+import e from "./ui-components.es91.js";
+const r = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {};
 export {
-  n as default
+  r as default
 };
 //# sourceMappingURL=ui-components.es325.js.map