@weng-lab/ui-components 2.1.0 → 2.2.0

package/dist/ui-components.es20.js

@@ -1,33 +1,9 @@
-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;
-}
+import { j as o } from "./ui-components.es15.js";
+import t from "./ui-components.es97.js";
+const s = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
+}), "Info");
 export {
-  j as default
+  s 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":["../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;"}
+{"version":3,"file":"ui-components.es20.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Info.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: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z\"\n}), 'Info');"],"names":["InfoIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,MAAM;","x_google_ignoreList":[0]}

package/dist/ui-components.es200.js

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

package/dist/ui-components.es201.js

@@ -1,200 +1,97 @@
-import * as f from "react";
-import t from "./ui-components.es84.js";
-import W from "./ui-components.es102.js";
-import { j as k } from "./ui-components.es13.js";
-import { getTransitionProps as v, reflow as B } from "./ui-components.es337.js";
-import J from "./ui-components.es338.js";
-import M from "./ui-components.es199.js";
-import Q from "./ui-components.es149.js";
-import U from "./ui-components.es200.js";
-import X from "./ui-components.es195.js";
-function y(m) {
-  return `scale(${m}, ${m ** 2})`;
+import x from "./ui-components.es200.js";
+import { createEmptyBreakpointObject as O, handleBreakpoints as k, removeUnusedBreakpoints as p } from "./ui-components.es285.js";
+import g from "./ui-components.es286.js";
+import { sortContainerQueries as h } from "./ui-components.es287.js";
+import { getPath as P, getStyleValue as j } from "./ui-components.es288.js";
+import B from "./ui-components.es119.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);
 }
-const Y = {
-  entering: {
-    opacity: 1,
-    transform: y(1)
-  },
-  entered: {
-    opacity: 1,
-    transform: "none"
-  }
-}, E = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), h = /* @__PURE__ */ f.forwardRef(function(A, w) {
-  const {
-    addEndListener: x,
-    appear: D = !0,
-    children: l,
-    easing: R,
-    in: T,
-    onEnter: b,
-    onEntered: H,
-    onEntering: L,
-    onExit: j,
-    onExited: O,
-    onExiting: F,
-    style: p,
-    timeout: o = "auto",
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: P = J,
-    ...S
-  } = A, C = M(), g = f.useRef(), s = W(), c = f.useRef(null), G = Q(c, U(l), w), a = (n) => (r) => {
-    if (n) {
-      const e = c.current;
-      r === void 0 ? n(e) : n(e, r);
-    }
-  }, N = a(L), _ = a((n, r) => {
-    B(n);
+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 {
-      duration: e,
-      delay: d,
-      easing: i
-    } = v({
-      style: p,
-      timeout: o,
-      easing: R
-    }, {
-      mode: "enter"
+      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
+      };
     });
-    let u;
-    o === "auto" ? (u = s.transitions.getAutoHeightDuration(n.clientHeight), g.current = u) : u = e, n.style.transition = [s.transitions.create("opacity", {
-      duration: u,
-      delay: d
-    }), s.transitions.create("transform", {
-      duration: E ? u : u * 0.666,
-      delay: d,
-      easing: i
-    })].join(","), b && b(n, r);
-  }), $ = a(H), q = a(F), z = a((n) => {
+  }
+  function a(o) {
     const {
-      duration: r,
-      delay: e,
-      easing: d
-    } = v({
-      style: p,
-      timeout: o,
-      easing: R
-    }, {
-      mode: "exit"
-    });
-    let i;
-    o === "auto" ? (i = s.transitions.getAutoHeightDuration(n.clientHeight), g.current = i) : i = r, n.style.transition = [s.transitions.create("opacity", {
-      duration: i,
-      delay: e
-    }), s.transitions.create("transform", {
-      duration: E ? i : i * 0.666,
-      delay: E ? e : e || i * 0.333,
-      easing: d
-    })].join(","), n.style.opacity = 0, n.style.transform = y(0.75), j && j(n);
-  }), K = a(O), V = (n) => {
-    o === "auto" && C.start(g.current || 0, n), x && x(c.current, n);
-  };
-  return /* @__PURE__ */ k.jsx(P, {
-    appear: D,
-    in: T,
-    nodeRef: c,
-    onEnter: _,
-    onEntered: $,
-    onEntering: N,
-    onExit: z,
-    onExited: K,
-    onExiting: q,
-    addEndListener: V,
-    timeout: o === "auto" ? null : o,
-    ...S,
-    children: (n, {
-      ownerState: r,
-      ...e
-    }) => /* @__PURE__ */ f.cloneElement(l, {
-      style: {
-        opacity: 0,
-        transform: y(0.75),
-        visibility: n === "exited" && !T ? "hidden" : void 0,
-        ...Y[n],
-        ...p,
-        ...l.props.style
-      },
-      ref: G,
-      ...e
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (h.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: t.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: t.bool,
-  /**
-   * A single child content element.
-   */
-  children: X.isRequired,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: t.oneOfType([t.shape({
-    enter: t.string,
-    exit: t.string
-  }), t.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: t.bool,
-  /**
-   * @ignore
-   */
-  onEnter: t.func,
-  /**
-   * @ignore
-   */
-  onEntered: t.func,
-  /**
-   * @ignore
-   */
-  onEntering: t.func,
-  /**
-   * @ignore
-   */
-  onExit: t.func,
-  /**
-   * @ignore
-   */
-  onExited: t.func,
-  /**
-   * @ignore
-   */
-  onExiting: t.func,
-  /**
-   * @ignore
-   */
-  style: t.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default 'auto'
-   */
-  timeout: t.oneOfType([t.oneOf(["auto"]), t.number, t.shape({
-    appear: t.number,
-    enter: t.number,
-    exit: t.number
-  })])
-});
-h && (h.muiSupportAuto = !0);
+      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 {
-  h as default
+  E as default,
+  A as unstable_createStyleFunctionSx
 };
 //# sourceMappingURL=ui-components.es201.js.map