@weng-lab/ui-components 2.0.2 → 2.1.0

package/dist/ui-components.es199.js

@@ -1,297 +1,29 @@
-import { sizingTransform as o, maxWidth as s } from "./ui-components.es326.js";
-import { columnGap as i, rowGap as n, gap as m } from "./ui-components.es325.js";
-import { margin as e, padding as t } from "./ui-components.es201.js";
-import { paletteTransform as l } from "./ui-components.es324.js";
-import { borderRadius as y, borderTransform as r } from "./ui-components.es312.js";
-const b = {
-  // borders
-  border: {
-    themeKey: "borders",
-    transform: r
-  },
-  borderTop: {
-    themeKey: "borders",
-    transform: r
-  },
-  borderRight: {
-    themeKey: "borders",
-    transform: r
-  },
-  borderBottom: {
-    themeKey: "borders",
-    transform: r
-  },
-  borderLeft: {
-    themeKey: "borders",
-    transform: r
-  },
-  borderColor: {
-    themeKey: "palette"
-  },
-  borderTopColor: {
-    themeKey: "palette"
-  },
-  borderRightColor: {
-    themeKey: "palette"
-  },
-  borderBottomColor: {
-    themeKey: "palette"
-  },
-  borderLeftColor: {
-    themeKey: "palette"
-  },
-  outline: {
-    themeKey: "borders",
-    transform: r
-  },
-  outlineColor: {
-    themeKey: "palette"
-  },
-  borderRadius: {
-    themeKey: "shape.borderRadius",
-    style: y
-  },
-  // palette
-  color: {
-    themeKey: "palette",
-    transform: l
-  },
-  bgcolor: {
-    themeKey: "palette",
-    cssProperty: "backgroundColor",
-    transform: l
-  },
-  backgroundColor: {
-    themeKey: "palette",
-    transform: l
-  },
-  // spacing
-  p: {
-    style: t
-  },
-  pt: {
-    style: t
-  },
-  pr: {
-    style: t
-  },
-  pb: {
-    style: t
-  },
-  pl: {
-    style: t
-  },
-  px: {
-    style: t
-  },
-  py: {
-    style: t
-  },
-  padding: {
-    style: t
-  },
-  paddingTop: {
-    style: t
-  },
-  paddingRight: {
-    style: t
-  },
-  paddingBottom: {
-    style: t
-  },
-  paddingLeft: {
-    style: t
-  },
-  paddingX: {
-    style: t
-  },
-  paddingY: {
-    style: t
-  },
-  paddingInline: {
-    style: t
-  },
-  paddingInlineStart: {
-    style: t
-  },
-  paddingInlineEnd: {
-    style: t
-  },
-  paddingBlock: {
-    style: t
-  },
-  paddingBlockStart: {
-    style: t
-  },
-  paddingBlockEnd: {
-    style: t
-  },
-  m: {
-    style: e
-  },
-  mt: {
-    style: e
-  },
-  mr: {
-    style: e
-  },
-  mb: {
-    style: e
-  },
-  ml: {
-    style: e
-  },
-  mx: {
-    style: e
-  },
-  my: {
-    style: e
-  },
-  margin: {
-    style: e
-  },
-  marginTop: {
-    style: e
-  },
-  marginRight: {
-    style: e
-  },
-  marginBottom: {
-    style: e
-  },
-  marginLeft: {
-    style: e
-  },
-  marginX: {
-    style: e
-  },
-  marginY: {
-    style: e
-  },
-  marginInline: {
-    style: e
-  },
-  marginInlineStart: {
-    style: e
-  },
-  marginInlineEnd: {
-    style: e
-  },
-  marginBlock: {
-    style: e
-  },
-  marginBlockStart: {
-    style: e
-  },
-  marginBlockEnd: {
-    style: e
-  },
-  // display
-  displayPrint: {
-    cssProperty: !1,
-    transform: (a) => ({
-      "@media print": {
-        display: a
-      }
-    })
-  },
-  display: {},
-  overflow: {},
-  textOverflow: {},
-  visibility: {},
-  whiteSpace: {},
-  // flexbox
-  flexBasis: {},
-  flexDirection: {},
-  flexWrap: {},
-  justifyContent: {},
-  alignItems: {},
-  alignContent: {},
-  order: {},
-  flex: {},
-  flexGrow: {},
-  flexShrink: {},
-  alignSelf: {},
-  justifyItems: {},
-  justifySelf: {},
-  // grid
-  gap: {
-    style: m
-  },
-  rowGap: {
-    style: n
-  },
-  columnGap: {
-    style: i
-  },
-  gridColumn: {},
-  gridRow: {},
-  gridAutoFlow: {},
-  gridAutoColumns: {},
-  gridAutoRows: {},
-  gridTemplateColumns: {},
-  gridTemplateRows: {},
-  gridTemplateAreas: {},
-  gridArea: {},
-  // positions
-  position: {},
-  zIndex: {
-    themeKey: "zIndex"
-  },
-  top: {},
-  right: {},
-  bottom: {},
-  left: {},
-  // shadows
-  boxShadow: {
-    themeKey: "shadows"
-  },
-  // sizing
-  width: {
-    transform: o
-  },
-  maxWidth: {
-    style: s
-  },
-  minWidth: {
-    transform: o
-  },
-  height: {
-    transform: o
-  },
-  maxHeight: {
-    transform: o
-  },
-  minHeight: {
-    transform: o
-  },
-  boxSizing: {},
-  // typography
-  font: {
-    themeKey: "font"
-  },
-  fontFamily: {
-    themeKey: "typography"
-  },
-  fontSize: {
-    themeKey: "typography"
-  },
-  fontStyle: {
-    themeKey: "typography"
-  },
-  fontWeight: {
-    themeKey: "typography"
-  },
-  letterSpacing: {},
-  textTransform: {},
-  lineHeight: {},
-  textAlign: {},
-  typography: {
-    cssProperty: !1,
-    themeKey: "typography"
+import s from "./ui-components.es335.js";
+import n from "./ui-components.es336.js";
+class t {
+  static create() {
+    return new t();
   }
-};
+  currentId = null;
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(r, u) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, u();
+    }, r);
+  }
+  clear = () => {
+    this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+  };
+  disposeEffect = () => this.clear;
+}
+function l() {
+  const e = s(t.create).current;
+  return n(e.disposeEffect), e;
+}
 export {
-  b as default
+  t as Timeout,
+  l as default
 };
 //# sourceMappingURL=ui-components.es199.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es199.js","sources":["../../../node_modules/.pnpm/@mui+system@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+sty_7f3319f308133a2adcfe5767030e6962/node_modules/@mui/system/esm/styleFunctionSx/defaultSxConfig.js"],"sourcesContent":["import { padding, margin } from \"../spacing/index.js\";\nimport { borderRadius, borderTransform } from \"../borders/index.js\";\nimport { gap, rowGap, columnGap } from \"../cssGrid/index.js\";\nimport { paletteTransform } from \"../palette/index.js\";\nimport { maxWidth, sizingTransform } from \"../sizing/index.js\";\nconst defaultSxConfig = {\n  // borders\n  border: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  borderTop: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  borderRight: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  borderBottom: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  borderLeft: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  borderColor: {\n    themeKey: 'palette'\n  },\n  borderTopColor: {\n    themeKey: 'palette'\n  },\n  borderRightColor: {\n    themeKey: 'palette'\n  },\n  borderBottomColor: {\n    themeKey: 'palette'\n  },\n  borderLeftColor: {\n    themeKey: 'palette'\n  },\n  outline: {\n    themeKey: 'borders',\n    transform: borderTransform\n  },\n  outlineColor: {\n    themeKey: 'palette'\n  },\n  borderRadius: {\n    themeKey: 'shape.borderRadius',\n    style: borderRadius\n  },\n  // palette\n  color: {\n    themeKey: 'palette',\n    transform: paletteTransform\n  },\n  bgcolor: {\n    themeKey: 'palette',\n    cssProperty: 'backgroundColor',\n    transform: paletteTransform\n  },\n  backgroundColor: {\n    themeKey: 'palette',\n    transform: paletteTransform\n  },\n  // spacing\n  p: {\n    style: padding\n  },\n  pt: {\n    style: padding\n  },\n  pr: {\n    style: padding\n  },\n  pb: {\n    style: padding\n  },\n  pl: {\n    style: padding\n  },\n  px: {\n    style: padding\n  },\n  py: {\n    style: padding\n  },\n  padding: {\n    style: padding\n  },\n  paddingTop: {\n    style: padding\n  },\n  paddingRight: {\n    style: padding\n  },\n  paddingBottom: {\n    style: padding\n  },\n  paddingLeft: {\n    style: padding\n  },\n  paddingX: {\n    style: padding\n  },\n  paddingY: {\n    style: padding\n  },\n  paddingInline: {\n    style: padding\n  },\n  paddingInlineStart: {\n    style: padding\n  },\n  paddingInlineEnd: {\n    style: padding\n  },\n  paddingBlock: {\n    style: padding\n  },\n  paddingBlockStart: {\n    style: padding\n  },\n  paddingBlockEnd: {\n    style: padding\n  },\n  m: {\n    style: margin\n  },\n  mt: {\n    style: margin\n  },\n  mr: {\n    style: margin\n  },\n  mb: {\n    style: margin\n  },\n  ml: {\n    style: margin\n  },\n  mx: {\n    style: margin\n  },\n  my: {\n    style: margin\n  },\n  margin: {\n    style: margin\n  },\n  marginTop: {\n    style: margin\n  },\n  marginRight: {\n    style: margin\n  },\n  marginBottom: {\n    style: margin\n  },\n  marginLeft: {\n    style: margin\n  },\n  marginX: {\n    style: margin\n  },\n  marginY: {\n    style: margin\n  },\n  marginInline: {\n    style: margin\n  },\n  marginInlineStart: {\n    style: margin\n  },\n  marginInlineEnd: {\n    style: margin\n  },\n  marginBlock: {\n    style: margin\n  },\n  marginBlockStart: {\n    style: margin\n  },\n  marginBlockEnd: {\n    style: margin\n  },\n  // display\n  displayPrint: {\n    cssProperty: false,\n    transform: value => ({\n      '@media print': {\n        display: value\n      }\n    })\n  },\n  display: {},\n  overflow: {},\n  textOverflow: {},\n  visibility: {},\n  whiteSpace: {},\n  // flexbox\n  flexBasis: {},\n  flexDirection: {},\n  flexWrap: {},\n  justifyContent: {},\n  alignItems: {},\n  alignContent: {},\n  order: {},\n  flex: {},\n  flexGrow: {},\n  flexShrink: {},\n  alignSelf: {},\n  justifyItems: {},\n  justifySelf: {},\n  // grid\n  gap: {\n    style: gap\n  },\n  rowGap: {\n    style: rowGap\n  },\n  columnGap: {\n    style: columnGap\n  },\n  gridColumn: {},\n  gridRow: {},\n  gridAutoFlow: {},\n  gridAutoColumns: {},\n  gridAutoRows: {},\n  gridTemplateColumns: {},\n  gridTemplateRows: {},\n  gridTemplateAreas: {},\n  gridArea: {},\n  // positions\n  position: {},\n  zIndex: {\n    themeKey: 'zIndex'\n  },\n  top: {},\n  right: {},\n  bottom: {},\n  left: {},\n  // shadows\n  boxShadow: {\n    themeKey: 'shadows'\n  },\n  // sizing\n  width: {\n    transform: sizingTransform\n  },\n  maxWidth: {\n    style: maxWidth\n  },\n  minWidth: {\n    transform: sizingTransform\n  },\n  height: {\n    transform: sizingTransform\n  },\n  maxHeight: {\n    transform: sizingTransform\n  },\n  minHeight: {\n    transform: sizingTransform\n  },\n  boxSizing: {},\n  // typography\n  font: {\n    themeKey: 'font'\n  },\n  fontFamily: {\n    themeKey: 'typography'\n  },\n  fontSize: {\n    themeKey: 'typography'\n  },\n  fontStyle: {\n    themeKey: 'typography'\n  },\n  fontWeight: {\n    themeKey: 'typography'\n  },\n  letterSpacing: {},\n  textTransform: {},\n  lineHeight: {},\n  textAlign: {},\n  typography: {\n    cssProperty: false,\n    themeKey: 'typography'\n  }\n};\nexport default defaultSxConfig;"],"names":["defaultSxConfig","borderTransform","borderRadius","paletteTransform","padding","margin","value","gap","rowGap","columnGap","sizingTransform","maxWidth"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es199.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.2.0_@types+react@19.1.8_react@19.1.0/node_modules/@mui/utils/esm/useTimeout/useTimeout.js"],"sourcesContent":["'use client';\n\nimport useLazyRef from \"../useLazyRef/useLazyRef.js\";\nimport useOnMount from \"../useOnMount/useOnMount.js\";\nexport class Timeout {\n  static create() {\n    return new Timeout();\n  }\n  currentId = null;\n\n  /**\n   * Executes `fn` after `delay`, clearing any previously scheduled call.\n   */\n  start(delay, fn) {\n    this.clear();\n    this.currentId = setTimeout(() => {\n      this.currentId = null;\n      fn();\n    }, delay);\n  }\n  clear = () => {\n    if (this.currentId !== null) {\n      clearTimeout(this.currentId);\n      this.currentId = null;\n    }\n  };\n  disposeEffect = () => {\n    return this.clear;\n  };\n}\nexport default function useTimeout() {\n  const timeout = useLazyRef(Timeout.create).current;\n  useOnMount(timeout.disposeEffect);\n  return timeout;\n}"],"names":["Timeout","delay","fn","useTimeout","timeout","useLazyRef","useOnMount"],"mappings":";;AAIO,MAAMA,EAAQ;AAAA,EACnB,OAAO,SAAS;AACd,WAAO,IAAIA,EAAO;AAAA,EACpB;AAAA,EACA,YAAY;AAAA;AAAA;AAAA;AAAA,EAKZ,MAAMC,GAAOC,GAAI;AACf,SAAK,MAAK,GACV,KAAK,YAAY,WAAW,MAAM;AAChC,WAAK,YAAY,MACjBA,EAAE;AAAA,IACJ,GAAGD,CAAK;AAAA,EACV;AAAA,EACA,QAAQ,MAAM;AACZ,IAAI,KAAK,cAAc,SACrB,aAAa,KAAK,SAAS,GAC3B,KAAK,YAAY;AAAA,EAErB;AAAA,EACA,gBAAgB,MACP,KAAK;AAEhB;AACe,SAASE,IAAa;AACnC,QAAMC,IAAUC,EAAWL,EAAQ,MAAM,EAAE;AAC3C,SAAAM,EAAWF,EAAQ,aAAa,GACzBA;AACT;","x_google_ignoreList":[0]}

package/dist/ui-components.es2.js

@@ -1,10 +1,10 @@
-import { j as r } from "./ui-components.es12.js";
+import { j as r } from "./ui-components.es13.js";
 import h, { useEffect as f } from "react";
-import E from "./ui-components.es39.js";
+import E from "./ui-components.es21.js";
 import x from "./ui-components.es22.js";
-import M from "./ui-components.es43.js";
-import c from "./ui-components.es44.js";
-import g from "./ui-components.es45.js";
+import M from "./ui-components.es23.js";
+import c from "./ui-components.es24.js";
+import g from "./ui-components.es25.js";
 function _(n) {
   return `${n}`;
 }

package/dist/ui-components.es20.js

@@ -1,9 +1,33 @@
-import { j as o } from "./ui-components.es12.js";
-import r from "./ui-components.es65.js";
-const a = r(/* @__PURE__ */ o.jsx("path", {
-  d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
-}), "ArrowForwardIos");
+import { j as c } from "./ui-components.es13.js";
+import { c as f } from "./ui-components.es15.js";
+import { useState as x } from "react";
+import b from "./ui-components.es21.js";
+function j(l) {
+  const e = f.c(9), {
+    value: t,
+    figures: n
+  } = l;
+  let r;
+  e[0] !== t ? (r = /* @__PURE__ */ new Set([t]), e[0] = t, e[1] = r) : r = e[1];
+  const [o, d] = x(r);
+  o.has(t) || d(/* @__PURE__ */ new Set([...o, t]));
+  let s;
+  if (e[2] !== n || e[3] !== o || e[4] !== t) {
+    let i;
+    e[6] !== o || e[7] !== t ? (i = (u, a) => {
+      const m = t === a, p = o.has(a);
+      return /* @__PURE__ */ c.jsx(b, { display: m ? "block" : "none", height: "100%", width: "100%", overflow: "auto", padding: 1, sx: {
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 1,
+        position: "relative"
+      }, children: p && u.component }, `figure-${a}`);
+    }, e[6] = o, e[7] = t, e[8] = i) : i = e[8], s = n.map(i), e[2] = n, e[3] = o, e[4] = t, e[5] = s;
+  } else
+    s = e[5];
+  return s;
+}
 export {
-  a as default
+  j as default
 };
 //# sourceMappingURL=ui-components.es20.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es20.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.2.0_@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1._8330a0e2b1c6e05932c97c0385f61d1e/node_modules/@mui/icons-material/esm/ArrowForwardIos.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z\"\n}), 'ArrowForwardIos');"],"names":["ArrowForwardIosIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,iBAAiB;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es20.js","sources":["../src/components/TwoPaneLayout/FigurePanel.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Box from \"@mui/material/Box\";\n\ntype Figure = {\n  title: string;\n  component: React.ReactNode;\n};\n\ntype FigurePanelProps = {\n  value: number;\n  figures: Figure[];\n};\n\nexport default function FigurePanel({ value, figures }: FigurePanelProps) {\n  const [mountedTabs, setMountedTabs] = useState<Set<number>>(new Set([value]));\n\n  if (!mountedTabs.has(value)) {\n    setMountedTabs(new Set([...mountedTabs, value]));\n  }\n\n  return figures.map((Figure, i) => {\n    const isActive = value === i;\n    const isMounted = mountedTabs.has(i);\n\n    return (\n      <Box\n        key={`figure-${i}`}\n        display={isActive ? \"block\" : \"none\"}\n        height=\"100%\"\n        width={\"100%\"}\n        overflow={\"auto\"}\n        padding={1}\n        sx={{ border: \"1px solid\", borderColor: \"divider\", borderRadius: 1, position: \"relative\" }}\n      >\n        {isMounted && Figure.component}\n      </Box>\n    );\n  });\n}\n"],"names":["FigurePanel","t0","$","_c","value","figures","t1","Set","mountedTabs","setMountedTabs","useState","has","t2","t3","Figure","i","isActive","isMounted","jsx","Box","border","borderColor","borderRadius","position","component","map"],"mappings":";;;;AAaA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAqB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAJ;AAAoC,MAAAK;AAAA,EAAAJ,SAAAE,KACVE,wBAAIC,IAAI,CAACH,CAAK,CAAC,GAACF,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAA5E,QAAA,CAAAM,GAAAC,CAAA,IAAsCC,EAAsBJ,CAAgB;AAE5E,EAAKE,EAAWG,IAAKP,CAAK,KACxBK,sBAAmBF,IAAI,CAAA,GAAIC,GAAaJ,CAAK,CAAC,CAAC;AAChD,MAAAQ;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAAAN,EAAA,CAAA,MAAAE,GAAA;AAAA,QAAAS;AAAA,IAAAX,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAEkBS,IAAAA,CAAAC,GAAAC,MAAA;AACjB,YAAAC,IAAiBZ,MAAUW,GAC3BE,IAAkBT,EAAWG,IAAKI,CAAC;AAAE,aAGnCG,gBAAAA,EAAAA,IAACC,GAAA,EAEU,SAAAH,IAAA,UAAA,QACF,QAAA,QACA,OAAA,QACG,UAAA,QACD,SAAA,GACL,IAAA;AAAA,QAAAI,QAAU;AAAA,QAAWC,aAAe;AAAA,QAASC,cAAgB;AAAA,QAACC,UAAY;AAAA,MAAA,GAE7EN,UAAAA,KAAaH,EAAMU,UAAAA,aARLT,CAAC,EASlB;AAAA,IAAM,GAETb,OAAAM,GAAAN,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAjBMU,IAAAP,EAAOoB,IAAKZ,CAiBlB,GAACX,OAAAG,GAAAH,OAAAM,GAAAN,OAAAE,GAAAF,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,SAjBKU;AAiBL;"}

package/dist/ui-components.es200.js

@@ -1,97 +1,8 @@
-import x from "./ui-components.es199.js";
-import { createEmptyBreakpointObject as O, handleBreakpoints as k, removeUnusedBreakpoints as p } from "./ui-components.es316.js";
-import g from "./ui-components.es323.js";
-import { sortContainerQueries as h } from "./ui-components.es322.js";
-import { getPath as P, getStyleValue as j } from "./ui-components.es315.js";
-import B from "./ui-components.es94.js";
-function C(...s) {
-  const a = s.reduce((t, e) => t.concat(Object.keys(e)), []), o = new Set(a);
-  return s.every((t) => o.size === Object.keys(t).length);
+import * as e from "react";
+function t(r) {
+  return parseInt(e.version, 10) >= 19 ? r?.props?.ref || null : r?.ref || null;
 }
-function z(s, a) {
-  return typeof s == "function" ? s(a) : s;
-}
-function A() {
-  function s(o, t, e, d) {
-    const l = {
-      [o]: t,
-      theme: e
-    }, m = d[o];
-    if (!m)
-      return {
-        [o]: t
-      };
-    const {
-      cssProperty: i = o,
-      themeKey: f,
-      transform: y,
-      style: b
-    } = m;
-    if (t == null)
-      return null;
-    if (f === "typography" && t === "inherit")
-      return {
-        [o]: t
-      };
-    const r = P(e, f) || {};
-    return b ? b(l) : k(l, t, (n) => {
-      let u = j(r, y, n);
-      return n === u && typeof n == "string" && (u = j(r, y, `${o}${n === "default" ? "" : B(n)}`, n)), i === !1 ? u : {
-        [i]: u
-      };
-    });
-  }
-  function a(o) {
-    const {
-      sx: t,
-      theme: e = {},
-      nested: d
-    } = o || {};
-    if (!t)
-      return null;
-    const l = e.unstable_sxConfig ?? x;
-    function m(i) {
-      let f = i;
-      if (typeof i == "function")
-        f = i(e);
-      else if (typeof i != "object")
-        return i;
-      if (!f)
-        return null;
-      const y = O(e.breakpoints), b = Object.keys(y);
-      let r = y;
-      return Object.keys(f).forEach((c) => {
-        const n = z(f[c], e);
-        if (n != null)
-          if (typeof n == "object")
-            if (l[c])
-              r = g(r, s(c, n, e, l));
-            else {
-              const u = k({
-                theme: e
-              }, n, (S) => ({
-                [c]: S
-              }));
-              C(u, n) ? r[c] = a({
-                sx: n,
-                theme: e,
-                nested: !0
-              }) : r = g(r, u);
-            }
-          else
-            r = g(r, s(c, n, e, l));
-      }), !d && e.modularCssLayers ? {
-        "@layer sx": h(e, p(b, r))
-      } : h(e, p(b, r));
-    }
-    return Array.isArray(t) ? t.map(m) : m(t);
-  }
-  return a;
-}
-const E = A();
-E.filterProps = ["sx"];
 export {
-  E as default,
-  A as unstable_createStyleFunctionSx
+  t as default
 };
 //# sourceMappingURL=ui-components.es200.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es200.js","sources":["../../../node_modules/.pnpm/@mui+system@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+sty_7f3319f308133a2adcfe5767030e6962/node_modules/@mui/system/esm/styleFunctionSx/styleFunctionSx.js"],"sourcesContent":["import capitalize from '@mui/utils/capitalize';\nimport merge from \"../merge/index.js\";\nimport { getPath, getStyleValue as getValue } from \"../style/index.js\";\nimport { handleBreakpoints, createEmptyBreakpointObject, removeUnusedBreakpoints } from \"../breakpoints/index.js\";\nimport { sortContainerQueries } from \"../cssContainerQueries/index.js\";\nimport defaultSxConfig from \"./defaultSxConfig.js\";\nfunction objectsHaveSameKeys(...objects) {\n  const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);\n  const union = new Set(allKeys);\n  return objects.every(object => union.size === Object.keys(object).length);\n}\nfunction callIfFn(maybeFn, arg) {\n  return typeof maybeFn === 'function' ? maybeFn(arg) : maybeFn;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function unstable_createStyleFunctionSx() {\n  function getThemeValue(prop, val, theme, config) {\n    const props = {\n      [prop]: val,\n      theme\n    };\n    const options = config[prop];\n    if (!options) {\n      return {\n        [prop]: val\n      };\n    }\n    const {\n      cssProperty = prop,\n      themeKey,\n      transform,\n      style\n    } = options;\n    if (val == null) {\n      return null;\n    }\n\n    // TODO v6: remove, see https://github.com/mui/material-ui/pull/38123\n    if (themeKey === 'typography' && val === 'inherit') {\n      return {\n        [prop]: val\n      };\n    }\n    const themeMapping = getPath(theme, themeKey) || {};\n    if (style) {\n      return style(props);\n    }\n    const styleFromPropValue = propValueFinal => {\n      let value = getValue(themeMapping, transform, propValueFinal);\n      if (propValueFinal === value && typeof propValueFinal === 'string') {\n        // Haven't found value\n        value = getValue(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, val, styleFromPropValue);\n  }\n  function styleFunctionSx(props) {\n    const {\n      sx,\n      theme = {},\n      nested\n    } = props || {};\n    if (!sx) {\n      return null; // Emotion & styled-components will neglect null\n    }\n    const config = theme.unstable_sxConfig ?? defaultSxConfig;\n\n    /*\n     * Receive `sxInput` as object or callback\n     * and then recursively check keys & values to create media query object styles.\n     * (the result will be used in `styled`)\n     */\n    function traverse(sxInput) {\n      let sxObject = sxInput;\n      if (typeof sxInput === 'function') {\n        sxObject = sxInput(theme);\n      } else if (typeof sxInput !== 'object') {\n        // value\n        return sxInput;\n      }\n      if (!sxObject) {\n        return null;\n      }\n      const emptyBreakpoints = createEmptyBreakpointObject(theme.breakpoints);\n      const breakpointsKeys = Object.keys(emptyBreakpoints);\n      let css = emptyBreakpoints;\n      Object.keys(sxObject).forEach(styleKey => {\n        const value = callIfFn(sxObject[styleKey], theme);\n        if (value !== null && value !== undefined) {\n          if (typeof value === 'object') {\n            if (config[styleKey]) {\n              css = merge(css, getThemeValue(styleKey, value, theme, config));\n            } else {\n              const breakpointsValues = handleBreakpoints({\n                theme\n              }, value, x => ({\n                [styleKey]: x\n              }));\n              if (objectsHaveSameKeys(breakpointsValues, value)) {\n                css[styleKey] = styleFunctionSx({\n                  sx: value,\n                  theme,\n                  nested: true\n                });\n              } else {\n                css = merge(css, breakpointsValues);\n              }\n            }\n          } else {\n            css = merge(css, getThemeValue(styleKey, value, theme, config));\n          }\n        }\n      });\n      if (!nested && theme.modularCssLayers) {\n        return {\n          '@layer sx': sortContainerQueries(theme, removeUnusedBreakpoints(breakpointsKeys, css))\n        };\n      }\n      return sortContainerQueries(theme, removeUnusedBreakpoints(breakpointsKeys, css));\n    }\n    return Array.isArray(sx) ? sx.map(traverse) : traverse(sx);\n  }\n  return styleFunctionSx;\n}\nconst styleFunctionSx = unstable_createStyleFunctionSx();\nstyleFunctionSx.filterProps = ['sx'];\nexport default styleFunctionSx;"],"names":["objectsHaveSameKeys","objects","allKeys","keys","object","union","callIfFn","maybeFn","arg","unstable_createStyleFunctionSx","getThemeValue","prop","val","theme","config","props","options","cssProperty","themeKey","transform","style","themeMapping","getPath","handleBreakpoints","propValueFinal","value","getValue","capitalize","styleFunctionSx","sx","nested","defaultSxConfig","traverse","sxInput","sxObject","emptyBreakpoints","createEmptyBreakpointObject","breakpointsKeys","css","styleKey","merge","breakpointsValues","x","sortContainerQueries","removeUnusedBreakpoints"],"mappings":";;;;;;AAMA,SAASA,KAAuBC,GAAS;AACvC,QAAMC,IAAUD,EAAQ,OAAO,CAACE,GAAMC,MAAWD,EAAK,OAAO,OAAO,KAAKC,CAAM,CAAC,GAAG,CAAA,CAAE,GAC/EC,IAAQ,IAAI,IAAIH,CAAO;AAC7B,SAAOD,EAAQ,MAAM,CAAAG,MAAUC,EAAM,SAAS,OAAO,KAAKD,CAAM,EAAE,MAAM;AAC1E;AACA,SAASE,EAASC,GAASC,GAAK;AAC9B,SAAO,OAAOD,KAAY,aAAaA,EAAQC,CAAG,IAAID;AACxD;AAGO,SAASE,IAAiC;AAC/C,WAASC,EAAcC,GAAMC,GAAKC,GAAOC,GAAQ;AAC/C,UAAMC,IAAQ;AAAA,MACZ,CAACJ,CAAI,GAAGC;AAAA,MACR,OAAAC;AAAA,IACN,GACUG,IAAUF,EAAOH,CAAI;AAC3B,QAAI,CAACK;AACH,aAAO;AAAA,QACL,CAACL,CAAI,GAAGC;AAAA,MAChB;AAEI,UAAM;AAAA,MACJ,aAAAK,IAAcN;AAAA,MACd,UAAAO;AAAA,MACA,WAAAC;AAAA,MACA,OAAAC;AAAA,IACN,IAAQJ;AACJ,QAAIJ,KAAO;AACT,aAAO;AAIT,QAAIM,MAAa,gBAAgBN,MAAQ;AACvC,aAAO;AAAA,QACL,CAACD,CAAI,GAAGC;AAAA,MAChB;AAEI,UAAMS,IAAeC,EAAQT,GAAOK,CAAQ,KAAK,CAAA;AACjD,WAAIE,IACKA,EAAML,CAAK,IAebQ,EAAkBR,GAAOH,GAbL,CAAAY,MAAkB;AAC3C,UAAIC,IAAQC,EAASL,GAAcF,GAAWK,CAAc;AAK5D,aAJIA,MAAmBC,KAAS,OAAOD,KAAmB,aAExDC,IAAQC,EAASL,GAAcF,GAAW,GAAGR,CAAI,GAAGa,MAAmB,YAAY,KAAKG,EAAWH,CAAc,CAAC,IAAIA,CAAc,IAElIP,MAAgB,KACXQ,IAEF;AAAA,QACL,CAACR,CAAW,GAAGQ;AAAA,MACvB;AAAA,IACI,CACuD;AAAA,EACzD;AACA,WAASG,EAAgBb,GAAO;AAC9B,UAAM;AAAA,MACJ,IAAAc;AAAA,MACA,OAAAhB,IAAQ,CAAA;AAAA,MACR,QAAAiB;AAAA,IACN,IAAQf,KAAS,CAAA;AACb,QAAI,CAACc;AACH,aAAO;AAET,UAAMf,IAASD,EAAM,qBAAqBkB;AAO1C,aAASC,EAASC,GAAS;AACzB,UAAIC,IAAWD;AACf,UAAI,OAAOA,KAAY;AACrB,QAAAC,IAAWD,EAAQpB,CAAK;AAAA,eACf,OAAOoB,KAAY;AAE5B,eAAOA;AAET,UAAI,CAACC;AACH,eAAO;AAET,YAAMC,IAAmBC,EAA4BvB,EAAM,WAAW,GAChEwB,IAAkB,OAAO,KAAKF,CAAgB;AACpD,UAAIG,IAAMH;AA4BV,aA3BA,OAAO,KAAKD,CAAQ,EAAE,QAAQ,CAAAK,MAAY;AACxC,cAAMd,IAAQnB,EAAS4B,EAASK,CAAQ,GAAG1B,CAAK;AAChD,YAAIY,KAAU;AACZ,cAAI,OAAOA,KAAU;AACnB,gBAAIX,EAAOyB,CAAQ;AACjB,cAAAD,IAAME,EAAMF,GAAK5B,EAAc6B,GAAUd,GAAOZ,GAAOC,CAAM,CAAC;AAAA,iBACzD;AACL,oBAAM2B,IAAoBlB,EAAkB;AAAA,gBAC1C,OAAAV;AAAA,cAChB,GAAiBY,GAAO,CAAAiB,OAAM;AAAA,gBACd,CAACH,CAAQ,GAAGG;AAAA,cAC5B,EAAgB;AACF,cAAI1C,EAAoByC,GAAmBhB,CAAK,IAC9Ca,EAAIC,CAAQ,IAAIX,EAAgB;AAAA,gBAC9B,IAAIH;AAAA,gBACJ,OAAAZ;AAAA,gBACA,QAAQ;AAAA,cAC1B,CAAiB,IAEDyB,IAAME,EAAMF,GAAKG,CAAiB;AAAA,YAEtC;AAAA;AAEA,YAAAH,IAAME,EAAMF,GAAK5B,EAAc6B,GAAUd,GAAOZ,GAAOC,CAAM,CAAC;AAAA,MAGpE,CAAC,GACG,CAACgB,KAAUjB,EAAM,mBACZ;AAAA,QACL,aAAa8B,EAAqB9B,GAAO+B,EAAwBP,GAAiBC,CAAG,CAAC;AAAA,MAChG,IAEaK,EAAqB9B,GAAO+B,EAAwBP,GAAiBC,CAAG,CAAC;AAAA,IAClF;AACA,WAAO,MAAM,QAAQT,CAAE,IAAIA,EAAG,IAAIG,CAAQ,IAAIA,EAASH,CAAE;AAAA,EAC3D;AACA,SAAOD;AACT;AACK,MAACA,IAAkBnB,EAA8B;AACtDmB,EAAgB,cAAc,CAAC,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es200.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.2.0_@types+react@19.1.8_react@19.1.0/node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Returns the ref of a React element handling differences between React 19 and older versions.\n * It will throw runtime error if the element is not a valid React element.\n *\n * @param element React.ReactElement\n * @returns React.Ref<any> | null\n */\nexport default function getReactElementRef(element) {\n  // 'ref' is passed as prop in React 19, whereas 'ref' is directly attached to children in older versions\n  if (parseInt(React.version, 10) >= 19) {\n    return element?.props?.ref || null;\n  }\n  // @ts-expect-error element.ref is not included in the ReactElement type\n  // https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/70189\n  return element?.ref || null;\n}"],"names":["getReactElementRef","element","React"],"mappings":";AASe,SAASA,EAAmBC,GAAS;AAElD,SAAI,SAASC,EAAM,SAAS,EAAE,KAAK,KAC1BD,GAAS,OAAO,OAAO,OAIzBA,GAAS,OAAO;AACzB;","x_google_ignoreList":[0]}