@weng-lab/ui-components 3.0.0 → 3.0.1-beta.1

package/dist/ui-components.es20.js

@@ -1,9 +1,73 @@
-import { j as o } from "./ui-components.es15.js";
-import t from "./ui-components.es78.js";
-const n = t(/* @__PURE__ */ o.jsx("path", {
-  d: "M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"
-}), "Download");
+import { j as t } from "./ui-components.es15.js";
+import { c as S } from "./ui-components.es16.js";
+import { Stack as D, Typography as y, IconButton as C, Divider as v, Box as g, Button as _, Modal as k } from "@mui/material";
+import G from "./ui-components.es19.js";
+const P = (o) => {
+  const e = S.c(24), {
+    open: h,
+    onClose: l,
+    onDownloadSVG: b,
+    onDownloadPNG: u,
+    plotTitle: j
+  } = o;
+  let n;
+  e[0] !== u ? (n = {
+    label: "PNG",
+    action: u
+  }, e[0] = u, e[1] = n) : n = e[1];
+  let r;
+  e[2] !== b ? (r = {
+    label: "SVG",
+    action: b
+  }, e[2] = b, e[3] = r) : r = e[3];
+  let d;
+  e[4] !== n || e[5] !== r ? (d = [n, r].filter(I), e[4] = n, e[5] = r, e[6] = d) : d = e[6];
+  const w = d;
+  let m;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    bgcolor: "background.paper",
+    boxShadow: 24,
+    borderRadius: 2,
+    p: 3,
+    width: 360
+  }, e[7] = m) : m = e[7];
+  let i;
+  e[8] !== j ? (i = /* @__PURE__ */ t.jsxs(y, { variant: "h6", fontWeight: 600, mb: 1, children: [
+    "Download ",
+    j
+  ] }), e[8] = j, e[9] = i) : i = e[9];
+  let f;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t.jsx(y, { variant: "body2", color: "text.secondary", mb: 2, children: "Choose a file format to export your plot." }), e[10] = f) : f = e[10];
+  let p;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ t.jsx(v, { flexItem: !0 }), e[11] = p) : p = e[11];
+  let a;
+  e[12] !== w ? (a = /* @__PURE__ */ t.jsx(D, { spacing: 1.5, divider: p, children: w.map(B) }), e[12] = w, e[13] = a) : a = e[13];
+  let s;
+  e[14] !== l ? (s = /* @__PURE__ */ t.jsx(g, { mt: 3, textAlign: "right", children: /* @__PURE__ */ t.jsx(_, { onClick: l, children: "Close" }) }), e[14] = l, e[15] = s) : s = e[15];
+  let c;
+  e[16] !== i || e[17] !== a || e[18] !== s ? (c = /* @__PURE__ */ t.jsxs(g, { sx: m, children: [
+    i,
+    f,
+    a,
+    s
+  ] }), e[16] = i, e[17] = a, e[18] = s, e[19] = c) : c = e[19];
+  let x;
+  return e[20] !== l || e[21] !== h || e[22] !== c ? (x = /* @__PURE__ */ t.jsx(k, { open: h, onClose: l, children: c }), e[20] = l, e[21] = h, e[22] = c, e[23] = x) : x = e[23], x;
+};
+function I(o) {
+  return o.action;
+}
+function B(o) {
+  return /* @__PURE__ */ t.jsxs(D, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ t.jsx(y, { variant: "body1", children: o.label }),
+    /* @__PURE__ */ t.jsx(C, { color: "primary", onClick: o.action, "aria-label": `Download ${o.label}`, children: /* @__PURE__ */ t.jsx(G, {}) })
+  ] }, o.label);
+}
 export {
-  n as default
+  P 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.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Download.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: \"M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z\"\n}), 'Download');"],"names":["DownloadIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,UAAU;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es20.js","sources":["../src/components/TwoPaneLayout/DownloadModal.tsx"],"sourcesContent":["import React from \"react\";\nimport { Modal, Box, IconButton, Stack, Typography, Divider, Button } from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\n\nexport interface DownloadModalProps {\n  open: boolean;\n  onClose: () => void;\n  onDownloadSVG?: () => void;\n  onDownloadPNG?: () => void;\n  plotTitle: string;\n}\n\nconst DownloadModal: React.FC<DownloadModalProps> = ({ open, onClose, onDownloadSVG, onDownloadPNG, plotTitle }) => {\n  const downloadOptions = [\n    { label: \"PNG\", action: onDownloadPNG },\n    { label: \"SVG\", action: onDownloadSVG },\n  ].filter((option) => option.action);\n\n  return (\n    <Modal open={open} onClose={onClose}>\n      <Box\n        sx={{\n          position: \"absolute\",\n          top: \"50%\",\n          left: \"50%\",\n          transform: \"translate(-50%, -50%)\",\n          bgcolor: \"background.paper\",\n          boxShadow: 24,\n          borderRadius: 2,\n          p: 3,\n          width: 360,\n        }}\n      >\n        <Typography variant=\"h6\" fontWeight={600} mb={1}>\n          Download {plotTitle}\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" mb={2}>\n          Choose a file format to export your plot.\n        </Typography>\n        <Stack spacing={1.5} divider={<Divider flexItem />}>\n          {downloadOptions.map((option) => (\n            <Stack key={option.label} direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n              <Typography variant=\"body1\">{option.label}</Typography>\n              <IconButton color=\"primary\" onClick={option.action} aria-label={`Download ${option.label}`}>\n                <DownloadIcon />\n              </IconButton>\n            </Stack>\n          ))}\n        </Stack>\n        <Box mt={3} textAlign=\"right\">\n          <Button onClick={onClose}>Close</Button>\n        </Box>\n      </Box>\n    </Modal>\n  );\n};\n\nexport default DownloadModal;\n"],"names":["DownloadModal","t0","$","_c","open","onClose","onDownloadSVG","onDownloadPNG","plotTitle","t1","label","action","t2","t3","filter","_temp","downloadOptions","t4","Symbol","for","position","top","left","transform","bgcolor","boxShadow","borderRadius","p","width","t5","Typography","t6","t7","Divider","t8","jsx","Stack","map","_temp2","t9","Box","Button","t10","jsxs","t11","Modal","option","option_0","IconButton","DownloadIcon"],"mappings":"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"}

package/dist/ui-components.es200.js

@@ -1,9 +1,97 @@
-function n(r) {
-  return function(t) {
-    return r === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : r ? r.startsWith("data-") && !r.includes("%s") ? `[${r}="${t}"] &` : r === "class" ? `.${t} &` : r === "data" ? `[data-${t}] &` : `${r.replace("%s", t)} &` : "&";
-  };
+import x from "./ui-components.es199.js";
+import { createEmptyBreakpointObject as O, handleBreakpoints as k, removeUnusedBreakpoints as p } from "./ui-components.es329.js";
+import g from "./ui-components.es334.js";
+import { sortContainerQueries as h } from "./ui-components.es333.js";
+import { getPath as P, getStyleValue as j } from "./ui-components.es328.js";
+import B from "./ui-components.es109.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);
 }
+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 {
-  n as createGetColorSchemeSelector
+  E as default,
+  A as unstable_createStyleFunctionSx
 };
 //# 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.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/cssVars/getColorSchemeSelector.js"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport function createGetColorSchemeSelector(selector) {\n  return function getColorSchemeSelector(colorScheme) {\n    if (selector === 'media') {\n      if (process.env.NODE_ENV !== 'production') {\n        if (colorScheme !== 'light' && colorScheme !== 'dark') {\n          console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${colorScheme}'.`);\n        }\n      }\n      return `@media (prefers-color-scheme: ${colorScheme})`;\n    }\n    if (selector) {\n      if (selector.startsWith('data-') && !selector.includes('%s')) {\n        return `[${selector}=\"${colorScheme}\"] &`;\n      }\n      if (selector === 'class') {\n        return `.${colorScheme} &`;\n      }\n      if (selector === 'data') {\n        return `[data-${colorScheme}] &`;\n      }\n      return `${selector.replace('%s', colorScheme)} &`;\n    }\n    return '&';\n  };\n}"],"names":["createGetColorSchemeSelector","selector","colorScheme"],"mappings":"AACO,SAASA,EAA6BC,GAAU;AACrD,SAAO,SAAgCC,GAAa;AAClD,WAAID,MAAa,WACX,QAAQ,IAAI,aAAa,gBACvBC,MAAgB,WAAWA,MAAgB,UAC7C,QAAQ,MAAM,oFAAoFA,CAAW,IAAI,GAG9G,iCAAiCA,CAAW,OAEjDD,IACEA,EAAS,WAAW,OAAO,KAAK,CAACA,EAAS,SAAS,IAAI,IAClD,IAAIA,CAAQ,KAAKC,CAAW,SAEjCD,MAAa,UACR,IAAIC,CAAW,OAEpBD,MAAa,SACR,SAASC,CAAW,QAEtB,GAAGD,EAAS,QAAQ,MAAMC,CAAW,CAAC,OAExC;AAAA,EACT;AACF;","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/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]}

package/dist/ui-components.es201.js

@@ -1,297 +1,13 @@
-import { sizingTransform as o, maxWidth as s } from "./ui-components.es331.js";
-import { columnGap as i, rowGap as n, gap as m } from "./ui-components.es330.js";
-import { margin as e, padding as t } from "./ui-components.es204.js";
-import { paletteTransform as l } from "./ui-components.es335.js";
-import { borderRadius as y, borderTransform as r } from "./ui-components.es323.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"
+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)})`;
+}
 export {
-  b as default
+  c as default
 };
 //# sourceMappingURL=ui-components.es201.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es201.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.es201.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/cssVars/createGetCssVar.js"],"sourcesContent":["/**\n * The benefit of this function is to help developers get CSS var from theme without specifying the whole variable\n * and they does not need to remember the prefix (defined once).\n */\nexport default function createGetCssVar(prefix = '') {\n  function appendVar(...vars) {\n    if (!vars.length) {\n      return '';\n    }\n    const value = vars[0];\n    if (typeof value === 'string' && !value.match(/(#|\\(|\\)|(-?(\\d*\\.)?\\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\\d*\\.)?\\d+)$|(\\d+ \\d+ \\d+)/)) {\n      return `, var(--${prefix ? `${prefix}-` : ''}${value}${appendVar(...vars.slice(1))})`;\n    }\n    return `, ${value}`;\n  }\n\n  // AdditionalVars makes `getCssVar` less strict, so it can be use like this `getCssVar('non-mui-variable')` without type error.\n  const getCssVar = (field, ...fallbacks) => {\n    return `var(--${prefix ? `${prefix}-` : ''}${field}${appendVar(...fallbacks)})`;\n  };\n  return getCssVar;\n}"],"names":["createGetCssVar","prefix","appendVar","vars","value","field","fallbacks"],"mappings":"AAIe,SAASA,EAAgBC,IAAS,IAAI;AACnD,WAASC,KAAaC,GAAM;AAC1B,QAAI,CAACA,EAAK;AACR,aAAO;AAET,UAAMC,IAAQD,EAAK,CAAC;AACpB,WAAI,OAAOC,KAAU,YAAY,CAACA,EAAM,MAAM,6GAA6G,IAClJ,WAAWH,IAAS,GAAGA,CAAM,MAAM,EAAE,GAAGG,CAAK,GAAGF,EAAU,GAAGC,EAAK,MAAM,CAAC,CAAC,CAAC,MAE7E,KAAKC,CAAK;AAAA,EACnB;AAMA,SAHkB,CAACC,MAAUC,MACpB,SAASL,IAAS,GAAGA,CAAM,MAAM,EAAE,GAAGI,CAAK,GAAGH,EAAU,GAAGI,CAAS,CAAC;AAGhF;","x_google_ignoreList":[0]}