@weng-lab/ui-components 3.1.0 → 3.1.1

package/dist/ui-components.es210.js

@@ -1,297 +1,15 @@
-import { sizingTransform as o, maxWidth as s } from "./ui-components.es337.js";
-import { columnGap as i, rowGap as n, gap as m } from "./ui-components.es335.js";
-import { margin as e, padding as t } from "./ui-components.es213.js";
-import { paletteTransform as l } from "./ui-components.es338.js";
-import { borderRadius as y, borderTransform as r } from "./ui-components.es331.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 * as t from "react";
+import c from "./ui-components.es133.js";
+function f(e) {
+  const r = t.useRef(e);
+  return c(() => {
+    r.current = e;
+  }), t.useRef((...u) => (
+    // @ts-expect-error hide `this`
+    (0, r.current)(...u)
+  )).current;
+}
 export {
-  b as default
+  f as default
 };
 //# sourceMappingURL=ui-components.es210.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es210.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]}
+{"version":3,"file":"ui-components.es210.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport useEnhancedEffect from \"../useEnhancedEffect/index.js\";\n\n/**\n * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892\n * See RFC in https://github.com/reactjs/rfcs/pull/220\n */\n\nfunction useEventCallback(fn) {\n  const ref = React.useRef(fn);\n  useEnhancedEffect(() => {\n    ref.current = fn;\n  });\n  return React.useRef((...args) =>\n  // @ts-expect-error hide `this`\n  (0, ref.current)(...args)).current;\n}\nexport default useEventCallback;"],"names":["useEventCallback","fn","ref","React","useEnhancedEffect","args"],"mappings":";;AAUA,SAASA,EAAiBC,GAAI;AAC5B,QAAMC,IAAMC,EAAM,OAAOF,CAAE;AAC3B,SAAAG,EAAkB,MAAM;AACtB,IAAAF,EAAI,UAAUD;AAAA,EAChB,CAAC,GACME,EAAM,OAAO,IAAIE;AAAA;AAAA,QAEpBH,EAAI,SAAS,GAAGG,CAAI;AAAA,GAAC,EAAE;AAC7B;","x_google_ignoreList":[0]}

package/dist/ui-components.es211.js

@@ -1,97 +1,8 @@
-import x from "./ui-components.es210.js";
-import { createEmptyBreakpointObject as O, handleBreakpoints as k, removeUnusedBreakpoints as p } from "./ui-components.es329.js";
-import g from "./ui-components.es336.js";
-import { sortContainerQueries as h } from "./ui-components.es330.js";
-import { getPath as P, getStyleValue as j } from "./ui-components.es334.js";
-import B from "./ui-components.es107.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.es211.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es211.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/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":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es211.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/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]}

package/dist/ui-components.es212.js

@@ -1,13 +1,200 @@
-function c(n = "") {
-  function r(...e) {
-    if (!e.length)
-      return "";
-    const t = e[0];
-    return typeof t == "string" && !t.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${n ? `${n}-` : ""}${t}${r(...e.slice(1))})` : `, ${t}`;
-  }
-  return (e, ...t) => `var(--${n ? `${n}-` : ""}${e}${r(...t)})`;
+import * as f from "react";
+import t from "./ui-components.es91.js";
+import W from "./ui-components.es122.js";
+import { j as k } from "./ui-components.es16.js";
+import { reflow as B, getTransitionProps as v } from "./ui-components.es339.js";
+import J from "./ui-components.es340.js";
+import M from "./ui-components.es208.js";
+import Q from "./ui-components.es164.js";
+import U from "./ui-components.es211.js";
+import X from "./ui-components.es177.js";
+function y(m) {
+  return `scale(${m}, ${m ** 2})`;
 }
+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);
+    const {
+      duration: e,
+      delay: d,
+      easing: i
+    } = v({
+      style: p,
+      timeout: o,
+      easing: R
+    }, {
+      mode: "enter"
+    });
+    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) => {
+    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);
 export {
-  c as default
+  h as default
 };
 //# sourceMappingURL=ui-components.es212.js.map