@weng-lab/ui-components 2.0.3 → 2.1.1

package/dist/ui-components.es253.js

@@ -1,50 +1,63 @@
-import u from "./ui-components.es125.js";
-function l(n, r) {
-  if (!n.containerQueries)
-    return r;
-  const o = Object.keys(r).filter((e) => e.startsWith("@container")).sort((e, i) => {
-    const t = /min-width:\s*([0-9.]+)/;
-    return +(e.match(t)?.[1] || 0) - +(i.match(t)?.[1] || 0);
-  });
-  return o.length ? o.reduce((e, i) => {
-    const t = r[i];
-    return delete e[i], e[i] = t, e;
-  }, {
-    ...r
-  }) : r;
-}
-function p(n, r) {
-  return r === "@" || r.startsWith("@") && (n.some((o) => r.startsWith(`@${o}`)) || !!r.match(/^@\d/));
-}
-function b(n, r) {
-  const o = r.match(/^@([^/]+)?\/?(.+)?$/);
-  if (!o) {
-    if (process.env.NODE_ENV !== "production")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : u(18, `(${r})`));
-    return null;
+const x = (i) => {
+  const t = Object.keys(i).map((r) => ({
+    key: r,
+    val: i[r]
+  })) || [];
+  return t.sort((r, o) => r.val - o.val), t.reduce((r, o) => ({
+    ...r,
+    [o.key]: o.val
+  }), {});
+};
+function v(i) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: t = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: r = "px",
+    step: o = 5,
+    ...f
+  } = i, c = x(t), e = Object.keys(c);
+  function a(n) {
+    return `@media (min-width:${typeof t[n] == "number" ? t[n] : n}${r})`;
   }
-  const [, e, i] = o, t = Number.isNaN(+e) ? e || 0 : +e;
-  return n.containerQueries(i).up(t);
-}
-function f(n) {
-  const r = (t, s) => t.replace("@media", s ? `@container ${s}` : "@container");
-  function o(t, s) {
-    t.up = (...a) => r(n.breakpoints.up(...a), s), t.down = (...a) => r(n.breakpoints.down(...a), s), t.between = (...a) => r(n.breakpoints.between(...a), s), t.only = (...a) => r(n.breakpoints.only(...a), s), t.not = (...a) => {
-      const c = r(n.breakpoints.not(...a), s);
-      return c.includes("not all and") ? c.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : c;
-    };
+  function l(n) {
+    return `@media (max-width:${(typeof t[n] == "number" ? t[n] : n) - o / 100}${r})`;
+  }
+  function s(n, u) {
+    const d = e.indexOf(u);
+    return `@media (min-width:${typeof t[n] == "number" ? t[n] : n}${r}) and (max-width:${(d !== -1 && typeof t[e[d]] == "number" ? t[e[d]] : u) - o / 100}${r})`;
+  }
+  function m(n) {
+    return e.indexOf(n) + 1 < e.length ? s(n, e[e.indexOf(n) + 1]) : a(n);
+  }
+  function p(n) {
+    const u = e.indexOf(n);
+    return u === 0 ? a(e[1]) : u === e.length - 1 ? l(e[u]) : s(n, e[e.indexOf(n) + 1]).replace("@media", "@media not all and");
   }
-  const e = {}, i = (t) => (o(e, t), e);
-  return o(i), {
-    ...n,
-    containerQueries: i
+  return {
+    keys: e,
+    values: c,
+    up: a,
+    down: l,
+    between: s,
+    only: m,
+    not: p,
+    unit: r,
+    ...f
   };
 }
 export {
-  f as default,
-  b as getContainerQuery,
-  p as isCqShorthand,
-  l as sortContainerQueries
+  v as default
 };
 //# sourceMappingURL=ui-components.es253.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es253.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/cssContainerQueries/cssContainerQueries.js"],"sourcesContent":["import _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\n/**\n * For using in `sx` prop to sort the breakpoint from low to high.\n * Note: this function does not work and will not support multiple units.\n *       e.g. input: { '@container (min-width:300px)': '1rem', '@container (min-width:40rem)': '2rem' }\n *            output: { '@container (min-width:40rem)': '2rem', '@container (min-width:300px)': '1rem' } // since 40 < 300 eventhough 40rem > 300px\n */\nexport function sortContainerQueries(theme, css) {\n  if (!theme.containerQueries) {\n    return css;\n  }\n  const sorted = Object.keys(css).filter(key => key.startsWith('@container')).sort((a, b) => {\n    const regex = /min-width:\\s*([0-9.]+)/;\n    return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);\n  });\n  if (!sorted.length) {\n    return css;\n  }\n  return sorted.reduce((acc, key) => {\n    const value = css[key];\n    delete acc[key];\n    acc[key] = value;\n    return acc;\n  }, {\n    ...css\n  });\n}\nexport function isCqShorthand(breakpointKeys, value) {\n  return value === '@' || value.startsWith('@') && (breakpointKeys.some(key => value.startsWith(`@${key}`)) || !!value.match(/^@\\d/));\n}\nexport function getContainerQuery(theme, shorthand) {\n  const matches = shorthand.match(/^@([^/]+)?\\/?(.+)?$/);\n  if (!matches) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \\`@<breakpoint | number>\\` or \\`@<breakpoint | number>/<container>\\`.\\n` + 'For example, `@sm` or `@600` or `@40rem/sidebar`.' : _formatErrorMessage(18, `(${shorthand})`));\n    }\n    return null;\n  }\n  const [, containerQuery, containerName] = matches;\n  const value = Number.isNaN(+containerQuery) ? containerQuery || 0 : +containerQuery;\n  return theme.containerQueries(containerName).up(value);\n}\nexport default function cssContainerQueries(themeInput) {\n  const toContainerQuery = (mediaQuery, name) => mediaQuery.replace('@media', name ? `@container ${name}` : '@container');\n  function attachCq(node, name) {\n    node.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);\n    node.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);\n    node.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);\n    node.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);\n    node.not = (...args) => {\n      const result = toContainerQuery(themeInput.breakpoints.not(...args), name);\n      if (result.includes('not all and')) {\n        // `@container` does not work with `not all and`, so need to invert the logic\n        return result.replace('not all and ', '').replace('min-width:', 'width<').replace('max-width:', 'width>').replace('and', 'or');\n      }\n      return result;\n    };\n  }\n  const node = {};\n  const containerQueries = name => {\n    attachCq(node, name);\n    return node;\n  };\n  attachCq(containerQueries);\n  return {\n    ...themeInput,\n    containerQueries\n  };\n}"],"names":["sortContainerQueries","theme","css","sorted","key","a","b","regex","acc","value","isCqShorthand","breakpointKeys","getContainerQuery","shorthand","matches","_formatErrorMessage","containerQuery","containerName","cssContainerQueries","themeInput","toContainerQuery","mediaQuery","name","attachCq","node","args","result","containerQueries"],"mappings":";AAOO,SAASA,EAAqBC,GAAOC,GAAK;AAC/C,MAAI,CAACD,EAAM;AACT,WAAOC;AAET,QAAMC,IAAS,OAAO,KAAKD,CAAG,EAAE,OAAO,CAAAE,MAAOA,EAAI,WAAW,YAAY,CAAC,EAAE,KAAK,CAACC,GAAGC,MAAM;AACzF,UAAMC,IAAQ;AACd,WAAO,EAAEF,EAAE,MAAME,CAAK,IAAI,CAAC,KAAK,KAAK,EAAED,EAAE,MAAMC,CAAK,IAAI,CAAC,KAAK;AAAA,EAChE,CAAC;AACD,SAAKJ,EAAO,SAGLA,EAAO,OAAO,CAACK,GAAKJ,MAAQ;AACjC,UAAMK,IAAQP,EAAIE,CAAG;AACrB,kBAAOI,EAAIJ,CAAG,GACdI,EAAIJ,CAAG,IAAIK,GACJD;AAAA,EACT,GAAG;AAAA,IACD,GAAGN;AAAA,EACP,CAAG,IATQA;AAUX;AACO,SAASQ,EAAcC,GAAgBF,GAAO;AACnD,SAAOA,MAAU,OAAOA,EAAM,WAAW,GAAG,MAAME,EAAe,KAAK,CAAAP,MAAOK,EAAM,WAAW,IAAIL,CAAG,EAAE,CAAC,KAAK,CAAC,CAACK,EAAM,MAAM,MAAM;AACnI;AACO,SAASG,EAAkBX,GAAOY,GAAW;AAClD,QAAMC,IAAUD,EAAU,MAAM,qBAAqB;AACrD,MAAI,CAACC,GAAS;AACZ,QAAI,QAAQ,IAAI,aAAa;AAC3B,YAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,+BAA+B,IAAID,CAAS,GAAG;AAAA,2DAAoKE,EAAoB,IAAI,IAAIF,CAAS,GAAG,CAAC;AAEtT,WAAO;AAAA,EACT;AACA,QAAM,CAAA,EAAGG,GAAgBC,CAAa,IAAIH,GACpCL,IAAQ,OAAO,MAAM,CAACO,CAAc,IAAIA,KAAkB,IAAI,CAACA;AACrE,SAAOf,EAAM,iBAAiBgB,CAAa,EAAE,GAAGR,CAAK;AACvD;AACe,SAASS,EAAoBC,GAAY;AACtD,QAAMC,IAAmB,CAACC,GAAYC,MAASD,EAAW,QAAQ,UAAUC,IAAO,cAAcA,CAAI,KAAK,YAAY;AACtH,WAASC,EAASC,GAAMF,GAAM;AAC5B,IAAAE,EAAK,KAAK,IAAIC,MAASL,EAAiBD,EAAW,YAAY,GAAG,GAAGM,CAAI,GAAGH,CAAI,GAChFE,EAAK,OAAO,IAAIC,MAASL,EAAiBD,EAAW,YAAY,KAAK,GAAGM,CAAI,GAAGH,CAAI,GACpFE,EAAK,UAAU,IAAIC,MAASL,EAAiBD,EAAW,YAAY,QAAQ,GAAGM,CAAI,GAAGH,CAAI,GAC1FE,EAAK,OAAO,IAAIC,MAASL,EAAiBD,EAAW,YAAY,KAAK,GAAGM,CAAI,GAAGH,CAAI,GACpFE,EAAK,MAAM,IAAIC,MAAS;AACtB,YAAMC,IAASN,EAAiBD,EAAW,YAAY,IAAI,GAAGM,CAAI,GAAGH,CAAI;AACzE,aAAII,EAAO,SAAS,aAAa,IAExBA,EAAO,QAAQ,gBAAgB,EAAE,EAAE,QAAQ,cAAc,QAAQ,EAAE,QAAQ,cAAc,QAAQ,EAAE,QAAQ,OAAO,IAAI,IAExHA;AAAA,IACT;AAAA,EACF;AACA,QAAMF,IAAO,CAAA,GACPG,IAAmB,CAAAL,OACvBC,EAASC,GAAMF,CAAI,GACZE;AAET,SAAAD,EAASI,CAAgB,GAClB;AAAA,IACL,GAAGR;AAAA,IACH,kBAAAQ;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es253.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/createBreakpoints/createBreakpoints.js"],"sourcesContent":["// Sorted ASC by size. That's important.\n// It can't be configured as it's used statically for propTypes.\nexport const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];\nconst sortBreakpointsValues = values => {\n  const breakpointsAsArray = Object.keys(values).map(key => ({\n    key,\n    val: values[key]\n  })) || [];\n  // Sort in ascending order\n  breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);\n  return breakpointsAsArray.reduce((acc, obj) => {\n    return {\n      ...acc,\n      [obj.key]: obj.val\n    };\n  }, {});\n};\n\n// Keep in mind that @media is inclusive by the CSS specification.\nexport default function createBreakpoints(breakpoints) {\n  const {\n    // The breakpoint **start** at this value.\n    // For instance with the first breakpoint xs: [xs, sm).\n    values = {\n      xs: 0,\n      // phone\n      sm: 600,\n      // tablet\n      md: 900,\n      // small laptop\n      lg: 1200,\n      // desktop\n      xl: 1536 // large screen\n    },\n    unit = 'px',\n    step = 5,\n    ...other\n  } = breakpoints;\n  const sortedValues = sortBreakpointsValues(values);\n  const keys = Object.keys(sortedValues);\n  function up(key) {\n    const value = typeof values[key] === 'number' ? values[key] : key;\n    return `@media (min-width:${value}${unit})`;\n  }\n  function down(key) {\n    const value = typeof values[key] === 'number' ? values[key] : key;\n    return `@media (max-width:${value - step / 100}${unit})`;\n  }\n  function between(start, end) {\n    const endIndex = keys.indexOf(end);\n    return `@media (min-width:${typeof values[start] === 'number' ? values[start] : start}${unit}) and ` + `(max-width:${(endIndex !== -1 && typeof values[keys[endIndex]] === 'number' ? values[keys[endIndex]] : end) - step / 100}${unit})`;\n  }\n  function only(key) {\n    if (keys.indexOf(key) + 1 < keys.length) {\n      return between(key, keys[keys.indexOf(key) + 1]);\n    }\n    return up(key);\n  }\n  function not(key) {\n    // handle first and last key separately, for better readability\n    const keyIndex = keys.indexOf(key);\n    if (keyIndex === 0) {\n      return up(keys[1]);\n    }\n    if (keyIndex === keys.length - 1) {\n      return down(keys[keyIndex]);\n    }\n    return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');\n  }\n  return {\n    keys,\n    values: sortedValues,\n    up,\n    down,\n    between,\n    only,\n    not,\n    unit,\n    ...other\n  };\n}"],"names":["sortBreakpointsValues","values","breakpointsAsArray","key","breakpoint1","breakpoint2","acc","obj","createBreakpoints","breakpoints","unit","step","other","sortedValues","keys","up","down","between","start","end","endIndex","only","not","keyIndex"],"mappings":"AAGA,MAAMA,IAAwB,CAAAC,MAAU;AACtC,QAAMC,IAAqB,OAAO,KAAKD,CAAM,EAAE,IAAI,CAAAE,OAAQ;AAAA,IACzD,KAAAA;AAAA,IACA,KAAKF,EAAOE,CAAG;AAAA,EACnB,EAAI,KAAK,CAAA;AAEP,SAAAD,EAAmB,KAAK,CAACE,GAAaC,MAAgBD,EAAY,MAAMC,EAAY,GAAG,GAChFH,EAAmB,OAAO,CAACI,GAAKC,OAC9B;AAAA,IACL,GAAGD;AAAA,IACH,CAACC,EAAI,GAAG,GAAGA,EAAI;AAAA,EACrB,IACK,CAAA,CAAE;AACP;AAGe,SAASC,EAAkBC,GAAa;AACrD,QAAM;AAAA;AAAA;AAAA,IAGJ,QAAAR,IAAS;AAAA,MACP,IAAI;AAAA;AAAA,MAEJ,IAAI;AAAA;AAAA,MAEJ,IAAI;AAAA;AAAA,MAEJ,IAAI;AAAA;AAAA,MAEJ,IAAI;AAAA;AAAA,IACV;AAAA,IACI,MAAAS,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EACP,IAAMH,GACEI,IAAeb,EAAsBC,CAAM,GAC3Ca,IAAO,OAAO,KAAKD,CAAY;AACrC,WAASE,EAAGZ,GAAK;AAEf,WAAO,qBADO,OAAOF,EAAOE,CAAG,KAAM,WAAWF,EAAOE,CAAG,IAAIA,CAC7B,GAAGO,CAAI;AAAA,EAC1C;AACA,WAASM,EAAKb,GAAK;AAEjB,WAAO,sBADO,OAAOF,EAAOE,CAAG,KAAM,WAAWF,EAAOE,CAAG,IAAIA,KAC1BQ,IAAO,GAAG,GAAGD,CAAI;AAAA,EACvD;AACA,WAASO,EAAQC,GAAOC,GAAK;AAC3B,UAAMC,IAAWN,EAAK,QAAQK,CAAG;AACjC,WAAO,qBAAqB,OAAOlB,EAAOiB,CAAK,KAAM,WAAWjB,EAAOiB,CAAK,IAAIA,CAAK,GAAGR,CAAI,qBAA0BU,MAAa,MAAM,OAAOnB,EAAOa,EAAKM,CAAQ,CAAC,KAAM,WAAWnB,EAAOa,EAAKM,CAAQ,CAAC,IAAID,KAAOR,IAAO,GAAG,GAAGD,CAAI;AAAA,EACzO;AACA,WAASW,EAAKlB,GAAK;AACjB,WAAIW,EAAK,QAAQX,CAAG,IAAI,IAAIW,EAAK,SACxBG,EAAQd,GAAKW,EAAKA,EAAK,QAAQX,CAAG,IAAI,CAAC,CAAC,IAE1CY,EAAGZ,CAAG;AAAA,EACf;AACA,WAASmB,EAAInB,GAAK;AAEhB,UAAMoB,IAAWT,EAAK,QAAQX,CAAG;AACjC,WAAIoB,MAAa,IACRR,EAAGD,EAAK,CAAC,CAAC,IAEfS,MAAaT,EAAK,SAAS,IACtBE,EAAKF,EAAKS,CAAQ,CAAC,IAErBN,EAAQd,GAAKW,EAAKA,EAAK,QAAQX,CAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,UAAU,oBAAoB;AAAA,EACzF;AACA,SAAO;AAAA,IACL,MAAAW;AAAA,IACA,QAAQD;AAAA,IACR,IAAAE;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAI;AAAA,IACA,KAAAC;AAAA,IACA,MAAAZ;AAAA,IACA,GAAGE;AAAA,EACP;AACA;","x_google_ignoreList":[0]}

package/dist/ui-components.es254.js

@@ -1,44 +1,27 @@
-import P from "./ui-components.es290.js";
-import { handleBreakpoints as m } from "./ui-components.es251.js";
-import $ from "./ui-components.es147.js";
-function c(t, e, f = !0) {
-  if (!e || typeof e != "string")
-    return null;
-  if (t && t.vars && f) {
-    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
-    if (n != null)
-      return n;
-  }
-  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
+import l from "@emotion/styled";
+import { serializeStyles as m } from "./ui-components.es255.js";
+import { ThemeContext as _, css as S, keyframes as h } from "@emotion/react";
+function a(e, t) {
+  const r = l(e, t);
+  return process.env.NODE_ENV !== "production" ? (...o) => {
+    const s = typeof e == "string" ? `"${e}"` : "component";
+    return o.length === 0 ? console.error([`MUI: Seems like you called \`styled(${s})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
+`)) : o.some((i) => i === void 0) && console.error(`MUI: the styled(${s})(...args) API requires all its args to be defined.`), r(...o);
+  } : r;
 }
-function y(t, e, f, n = f) {
-  let r;
-  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
+function c(e, t) {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
-function k(t) {
-  const {
-    prop: e,
-    cssProperty: f = t.prop,
-    themeKey: n,
-    transform: r
-  } = t, s = (o) => {
-    if (o[e] == null)
-      return null;
-    const v = o[e], d = o.theme, i = c(d, n) || {};
-    return m(o, v, (u) => {
-      let l = y(i, r, u);
-      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
-        [f]: l
-      };
-    });
-  };
-  return s.propTypes = process.env.NODE_ENV !== "production" ? {
-    [e]: P
-  } : {}, s.filterProps = [e], s;
+const n = [];
+function f(e) {
+  return n[0] = e, m(n);
 }
 export {
-  k as default,
-  c as getPath,
-  y as getStyleValue
+  _ as ThemeContext,
+  S as css,
+  a as default,
+  c as internal_mutateStyles,
+  f as internal_serializeStyles,
+  h as keyframes
 };
 //# sourceMappingURL=ui-components.es254.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es254.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/style/style.js"],"sourcesContent":["import capitalize from '@mui/utils/capitalize';\nimport responsivePropType from \"../responsivePropType/index.js\";\nimport { handleBreakpoints } from \"../breakpoints/index.js\";\nexport function getPath(obj, path, checkVars = true) {\n  if (!path || typeof path !== 'string') {\n    return null;\n  }\n\n  // Check if CSS variables are used\n  if (obj && obj.vars && checkVars) {\n    const val = `vars.${path}`.split('.').reduce((acc, item) => acc && acc[item] ? acc[item] : null, obj);\n    if (val != null) {\n      return val;\n    }\n  }\n  return path.split('.').reduce((acc, item) => {\n    if (acc && acc[item] != null) {\n      return acc[item];\n    }\n    return null;\n  }, obj);\n}\nexport function getStyleValue(themeMapping, transform, propValueFinal, userValue = propValueFinal) {\n  let value;\n  if (typeof themeMapping === 'function') {\n    value = themeMapping(propValueFinal);\n  } else if (Array.isArray(themeMapping)) {\n    value = themeMapping[propValueFinal] || userValue;\n  } else {\n    value = getPath(themeMapping, propValueFinal) || userValue;\n  }\n  if (transform) {\n    value = transform(value, userValue, themeMapping);\n  }\n  return value;\n}\nfunction style(options) {\n  const {\n    prop,\n    cssProperty = options.prop,\n    themeKey,\n    transform\n  } = options;\n\n  // false positive\n  // eslint-disable-next-line react/function-component-definition\n  const fn = props => {\n    if (props[prop] == null) {\n      return null;\n    }\n    const propValue = props[prop];\n    const theme = props.theme;\n    const themeMapping = getPath(theme, themeKey) || {};\n    const styleFromPropValue = propValueFinal => {\n      let value = getStyleValue(themeMapping, transform, propValueFinal);\n      if (propValueFinal === value && typeof propValueFinal === 'string') {\n        // Haven't found value\n        value = getStyleValue(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, propValue, styleFromPropValue);\n  };\n  fn.propTypes = process.env.NODE_ENV !== 'production' ? {\n    [prop]: responsivePropType\n  } : {};\n  fn.filterProps = [prop];\n  return fn;\n}\nexport default style;"],"names":["getPath","obj","path","checkVars","val","acc","item","getStyleValue","themeMapping","transform","propValueFinal","userValue","value","style","options","prop","cssProperty","themeKey","fn","props","propValue","theme","handleBreakpoints","capitalize","responsivePropType"],"mappings":";;;AAGO,SAASA,EAAQC,GAAKC,GAAMC,IAAY,IAAM;AACnD,MAAI,CAACD,KAAQ,OAAOA,KAAS;AAC3B,WAAO;AAIT,MAAID,KAAOA,EAAI,QAAQE,GAAW;AAChC,UAAMC,IAAM,QAAQF,CAAI,GAAG,MAAM,GAAG,EAAE,OAAO,CAACG,GAAKC,MAASD,KAAOA,EAAIC,CAAI,IAAID,EAAIC,CAAI,IAAI,MAAML,CAAG;AACpG,QAAIG,KAAO;AACT,aAAOA;AAAA,EAEX;AACA,SAAOF,EAAK,MAAM,GAAG,EAAE,OAAO,CAACG,GAAKC,MAC9BD,KAAOA,EAAIC,CAAI,KAAK,OACfD,EAAIC,CAAI,IAEV,MACNL,CAAG;AACR;AACO,SAASM,EAAcC,GAAcC,GAAWC,GAAgBC,IAAYD,GAAgB;AACjG,MAAIE;AACJ,SAAI,OAAOJ,KAAiB,aAC1BI,IAAQJ,EAAaE,CAAc,IAC1B,MAAM,QAAQF,CAAY,IACnCI,IAAQJ,EAAaE,CAAc,KAAKC,IAExCC,IAAQZ,EAAQQ,GAAcE,CAAc,KAAKC,GAE/CF,MACFG,IAAQH,EAAUG,GAAOD,GAAWH,CAAY,IAE3CI;AACT;AACA,SAASC,EAAMC,GAAS;AACtB,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,aAAAC,IAAcF,EAAQ;AAAA,IACtB,UAAAG;AAAA,IACA,WAAAR;AAAA,EACJ,IAAMK,GAIEI,IAAK,CAAAC,MAAS;AAClB,QAAIA,EAAMJ,CAAI,KAAK;AACjB,aAAO;AAET,UAAMK,IAAYD,EAAMJ,CAAI,GACtBM,IAAQF,EAAM,OACdX,IAAeR,EAAQqB,GAAOJ,CAAQ,KAAK,CAAA;AAcjD,WAAOK,EAAkBH,GAAOC,GAbL,CAAAV,MAAkB;AAC3C,UAAIE,IAAQL,EAAcC,GAAcC,GAAWC,CAAc;AAKjE,aAJIA,MAAmBE,KAAS,OAAOF,KAAmB,aAExDE,IAAQL,EAAcC,GAAcC,GAAW,GAAGM,CAAI,GAAGL,MAAmB,YAAY,KAAKa,EAAWb,CAAc,CAAC,IAAIA,CAAc,IAEvIM,MAAgB,KACXJ,IAEF;AAAA,QACL,CAACI,CAAW,GAAGJ;AAAA,MACvB;AAAA,IACI,CAC6D;AAAA,EAC/D;AACA,SAAAM,EAAG,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,IACrD,CAACH,CAAI,GAAGS;AAAA,EACZ,IAAM,CAAA,GACJN,EAAG,cAAc,CAACH,CAAI,GACfG;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es254.js","sources":["../../../node_modules/.pnpm/@mui+styled-engine@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emo_8b0ec912ff35ca62c315c470150335d1/node_modules/@mui/styled-engine/esm/index.js"],"sourcesContent":["/**\n * @mui/styled-engine v7.3.9\n *\n * @license MIT\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use client';\n\n/* eslint-disable no-underscore-dangle */\nimport emStyled from '@emotion/styled';\nimport { serializeStyles as emSerializeStyles } from '@emotion/serialize';\nexport default function styled(tag, options) {\n  const stylesFactory = emStyled(tag, options);\n  if (process.env.NODE_ENV !== 'production') {\n    return (...styles) => {\n      const component = typeof tag === 'string' ? `\"${tag}\"` : 'component';\n      if (styles.length === 0) {\n        console.error([`MUI: Seems like you called \\`styled(${component})()\\` without a \\`style\\` argument.`, 'You must provide a `styles` argument: `styled(\"div\")(styleYouForgotToPass)`.'].join('\\n'));\n      } else if (styles.some(style => style === undefined)) {\n        console.error(`MUI: the styled(${component})(...args) API requires all its args to be defined.`);\n      }\n      return stylesFactory(...styles);\n    };\n  }\n  return stylesFactory;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function internal_mutateStyles(tag, processor) {\n  // Emotion attaches all the styles as `__emotion_styles`.\n  // Ref: https://github.com/emotion-js/emotion/blob/16d971d0da229596d6bcc39d282ba9753c9ee7cf/packages/styled/src/base.js#L186\n  if (Array.isArray(tag.__emotion_styles)) {\n    tag.__emotion_styles = processor(tag.__emotion_styles);\n  }\n}\n\n// Emotion only accepts an array, but we want to avoid allocations\nconst wrapper = [];\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function internal_serializeStyles(styles) {\n  wrapper[0] = styles;\n  return emSerializeStyles(wrapper);\n}\nexport { ThemeContext, keyframes, css } from '@emotion/react';\nexport { default as StyledEngineProvider } from \"./StyledEngineProvider/index.js\";\nexport { default as GlobalStyles } from \"./GlobalStyles/index.js\";"],"names":["styled","tag","options","stylesFactory","emStyled","styles","component","style","internal_mutateStyles","processor","wrapper","internal_serializeStyles","emSerializeStyles"],"mappings":";;;AAYe,SAASA,EAAOC,GAAKC,GAAS;AAC3C,QAAMC,IAAgBC,EAASH,GAAKC,CAAO;AAC3C,SAAI,QAAQ,IAAI,aAAa,eACpB,IAAIG,MAAW;AACpB,UAAMC,IAAY,OAAOL,KAAQ,WAAW,IAAIA,CAAG,MAAM;AACzD,WAAII,EAAO,WAAW,IACpB,QAAQ,MAAM,CAAC,uCAAuCC,CAAS,uCAAuC,8EAA8E,EAAE,KAAK;AAAA,CAAI,CAAC,IACvLD,EAAO,KAAK,CAAAE,MAASA,MAAU,MAAS,KACjD,QAAQ,MAAM,mBAAmBD,CAAS,qDAAqD,GAE1FH,EAAc,GAAGE,CAAM;AAAA,EAChC,IAEKF;AACT;AAGO,SAASK,EAAsBP,GAAKQ,GAAW;AAGpD,EAAI,MAAM,QAAQR,EAAI,gBAAgB,MACpCA,EAAI,mBAAmBQ,EAAUR,EAAI,gBAAgB;AAEzD;AAGA,MAAMS,IAAU,CAAA;AAET,SAASC,EAAyBN,GAAQ;AAC/C,SAAAK,EAAQ,CAAC,IAAIL,GACNO,EAAkBF,CAAO;AAClC;","x_google_ignoreList":[0]}

package/dist/ui-components.es255.js

@@ -1,64 +1,121 @@
-import i from "./ui-components.es254.js";
-import s from "./ui-components.es291.js";
-import { handleBreakpoints as h, values as a } from "./ui-components.es251.js";
-function r(t) {
-  return t <= 1 && t !== 0 ? `${t * 100}%` : t;
-}
-const f = i({
-  prop: "width",
-  transform: r
-}), e = (t) => {
-  if (t.maxWidth !== void 0 && t.maxWidth !== null) {
-    const m = (n) => {
-      const o = t.theme?.breakpoints?.values?.[n] || a[n];
-      return o ? t.theme?.breakpoints?.unit !== "px" ? {
-        maxWidth: `${o}${t.theme.breakpoints.unit}`
-      } : {
-        maxWidth: o
-      } : {
-        maxWidth: r(n)
-      };
-    };
-    return h(t, t.maxWidth, m);
+import w from "./ui-components.es330.js";
+import x from "./ui-components.es331.js";
+import A from "./ui-components.es332.js";
+var _ = /[A-Z]|^ms/g, C = /_EMO_([^_]+?)_([^]*?)_EMO_/g, p = function(a) {
+  return a.charCodeAt(1) === 45;
+}, h = function(a) {
+  return a != null && typeof a != "boolean";
+}, m = /* @__PURE__ */ A(function(r) {
+  return p(r) ? r : r.replace(_, "-$&").toLowerCase();
+}), y = function(a, e) {
+  switch (a) {
+    case "animation":
+    case "animationName":
+      if (typeof e == "string")
+        return e.replace(C, function(f, t, n) {
+          return u = {
+            name: t,
+            styles: n,
+            next: u
+          }, t;
+        });
   }
-  return null;
+  return x[a] !== 1 && !p(a) && typeof e == "number" && e !== 0 ? e + "px" : e;
 };
-e.filterProps = ["maxWidth"];
-const d = i({
-  prop: "minWidth",
-  transform: r
-}), p = i({
-  prop: "height",
-  transform: r
-}), x = i({
-  prop: "maxHeight",
-  transform: r
-}), c = i({
-  prop: "minHeight",
-  transform: r
-});
-i({
-  prop: "size",
-  cssProperty: "width",
-  transform: r
-});
-i({
-  prop: "size",
-  cssProperty: "height",
-  transform: r
-});
-const g = i({
-  prop: "boxSizing"
-});
-s(f, e, d, p, x, c, g);
+function l(r, a, e) {
+  if (e == null)
+    return "";
+  var f = e;
+  if (f.__emotion_styles !== void 0)
+    return f;
+  switch (typeof e) {
+    case "boolean":
+      return "";
+    case "object": {
+      var t = e;
+      if (t.anim === 1)
+        return u = {
+          name: t.name,
+          styles: t.styles,
+          next: u
+        }, t.name;
+      var n = e;
+      if (n.styles !== void 0) {
+        var s = n.next;
+        if (s !== void 0)
+          for (; s !== void 0; )
+            u = {
+              name: s.name,
+              styles: s.styles,
+              next: u
+            }, s = s.next;
+        var i = n.styles + ";";
+        return i;
+      }
+      return S(r, a, e);
+    }
+  }
+  var o = e;
+  return o;
+}
+function S(r, a, e) {
+  var f = "";
+  if (Array.isArray(e))
+    for (var t = 0; t < e.length; t++)
+      f += l(r, a, e[t]) + ";";
+  else
+    for (var n in e) {
+      var s = e[n];
+      if (typeof s != "object") {
+        var i = s;
+        h(i) && (f += m(n) + ":" + y(n, i) + ";");
+      } else if (Array.isArray(s) && typeof s[0] == "string" && a == null)
+        for (var o = 0; o < s.length; o++)
+          h(s[o]) && (f += m(n) + ":" + y(n, s[o]) + ";");
+      else {
+        var c = l(r, a, s);
+        switch (n) {
+          case "animation":
+          case "animationName": {
+            f += m(n) + ":" + c + ";";
+            break;
+          }
+          default:
+            f += n + "{" + c + "}";
+        }
+      }
+    }
+  return f;
+}
+var d = /label:\s*([^\s;{]+)\s*(;|$)/g, u;
+function O(r, a, e) {
+  if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
+    return r[0];
+  var f = !0, t = "";
+  u = void 0;
+  var n = r[0];
+  if (n == null || n.raw === void 0)
+    f = !1, t += l(e, a, n);
+  else {
+    var s = n;
+    t += s[0];
+  }
+  for (var i = 1; i < r.length; i++)
+    if (t += l(e, a, r[i]), f) {
+      var o = n;
+      t += o[i];
+    }
+  d.lastIndex = 0;
+  for (var c = "", v; (v = d.exec(t)) !== null; )
+    c += "-" + v[1];
+  var b = w(t) + c;
+  return {
+    name: b,
+    styles: t,
+    next: u
+  };
+}
 export {
-  g as boxSizing,
-  p as height,
-  x as maxHeight,
-  e as maxWidth,
-  c as minHeight,
-  d as minWidth,
-  r as sizingTransform,
-  f as width
+  O as serializeStyles
 };
 //# sourceMappingURL=ui-components.es255.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es255.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/sizing/sizing.js"],"sourcesContent":["import style from \"../style/index.js\";\nimport compose from \"../compose/index.js\";\nimport { handleBreakpoints, values as breakpointsValues } from \"../breakpoints/index.js\";\nexport function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}\nexport const width = style({\n  prop: 'width',\n  transform: sizingTransform\n});\nexport const maxWidth = props => {\n  if (props.maxWidth !== undefined && props.maxWidth !== null) {\n    const styleFromPropValue = propValue => {\n      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || breakpointsValues[propValue];\n      if (!breakpoint) {\n        return {\n          maxWidth: sizingTransform(propValue)\n        };\n      }\n      if (props.theme?.breakpoints?.unit !== 'px') {\n        return {\n          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`\n        };\n      }\n      return {\n        maxWidth: breakpoint\n      };\n    };\n    return handleBreakpoints(props, props.maxWidth, styleFromPropValue);\n  }\n  return null;\n};\nmaxWidth.filterProps = ['maxWidth'];\nexport const minWidth = style({\n  prop: 'minWidth',\n  transform: sizingTransform\n});\nexport const height = style({\n  prop: 'height',\n  transform: sizingTransform\n});\nexport const maxHeight = style({\n  prop: 'maxHeight',\n  transform: sizingTransform\n});\nexport const minHeight = style({\n  prop: 'minHeight',\n  transform: sizingTransform\n});\nexport const sizeWidth = style({\n  prop: 'size',\n  cssProperty: 'width',\n  transform: sizingTransform\n});\nexport const sizeHeight = style({\n  prop: 'size',\n  cssProperty: 'height',\n  transform: sizingTransform\n});\nexport const boxSizing = style({\n  prop: 'boxSizing'\n});\nconst sizing = compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);\nexport default sizing;"],"names":["sizingTransform","value","width","style","maxWidth","props","styleFromPropValue","propValue","breakpoint","breakpointsValues","handleBreakpoints","minWidth","height","maxHeight","minHeight","boxSizing","compose"],"mappings":";;;AAGO,SAASA,EAAgBC,GAAO;AACrC,SAAOA,KAAS,KAAKA,MAAU,IAAI,GAAGA,IAAQ,GAAG,MAAMA;AACzD;AACY,MAACC,IAAQC,EAAM;AAAA,EACzB,MAAM;AAAA,EACN,WAAWH;AACb,CAAC,GACYI,IAAW,CAAAC,MAAS;AAC/B,MAAIA,EAAM,aAAa,UAAaA,EAAM,aAAa,MAAM;AAC3D,UAAMC,IAAqB,CAAAC,MAAa;AACtC,YAAMC,IAAaH,EAAM,OAAO,aAAa,SAASE,CAAS,KAAKE,EAAkBF,CAAS;AAC/F,aAAKC,IAKDH,EAAM,OAAO,aAAa,SAAS,OAC9B;AAAA,QACL,UAAU,GAAGG,CAAU,GAAGH,EAAM,MAAM,YAAY,IAAI;AAAA,MAChE,IAEa;AAAA,QACL,UAAUG;AAAA,MAClB,IAXe;AAAA,QACL,UAAUR,EAAgBO,CAAS;AAAA,MAC7C;AAAA,IAUI;AACA,WAAOG,EAAkBL,GAAOA,EAAM,UAAUC,CAAkB;AAAA,EACpE;AACA,SAAO;AACT;AACAF,EAAS,cAAc,CAAC,UAAU;AACtB,MAACO,IAAWR,EAAM;AAAA,EAC5B,MAAM;AAAA,EACN,WAAWH;AACb,CAAC,GACYY,IAAST,EAAM;AAAA,EAC1B,MAAM;AAAA,EACN,WAAWH;AACb,CAAC,GACYa,IAAYV,EAAM;AAAA,EAC7B,MAAM;AAAA,EACN,WAAWH;AACb,CAAC,GACYc,IAAYX,EAAM;AAAA,EAC7B,MAAM;AAAA,EACN,WAAWH;AACb,CAAC;AACwBG,EAAM;AAAA,EAC7B,MAAM;AAAA,EACN,aAAa;AAAA,EACb,WAAWH;AACb,CAAC;AACyBG,EAAM;AAAA,EAC9B,MAAM;AAAA,EACN,aAAa;AAAA,EACb,WAAWH;AACb,CAAC;AACW,MAACe,IAAYZ,EAAM;AAAA,EAC7B,MAAM;AACR,CAAC;AACca,EAAQd,GAAOE,GAAUO,GAAUC,GAAQC,GAAWC,GAAWC,CAAS;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es255.js","sources":["../../../node_modules/.pnpm/@emotion+serialize@1.3.3/node_modules/@emotion/serialize/dist/emotion-serialize.esm.js"],"sourcesContent":["import hashString from '@emotion/hash';\nimport unitless from '@emotion/unitless';\nimport memoize from '@emotion/memoize';\n\nvar isDevelopment = false;\n\nvar hyphenateRegex = /[A-Z]|^ms/g;\nvar animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;\n\nvar isCustomProperty = function isCustomProperty(property) {\n  return property.charCodeAt(1) === 45;\n};\n\nvar isProcessableValue = function isProcessableValue(value) {\n  return value != null && typeof value !== 'boolean';\n};\n\nvar processStyleName = /* #__PURE__ */memoize(function (styleName) {\n  return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();\n});\n\nvar processStyleValue = function processStyleValue(key, value) {\n  switch (key) {\n    case 'animation':\n    case 'animationName':\n      {\n        if (typeof value === 'string') {\n          return value.replace(animationRegex, function (match, p1, p2) {\n            cursor = {\n              name: p1,\n              styles: p2,\n              next: cursor\n            };\n            return p1;\n          });\n        }\n      }\n  }\n\n  if (unitless[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {\n    return value + 'px';\n  }\n\n  return value;\n};\n\nvar noComponentSelectorMessage = 'Component selectors can only be used in conjunction with ' + '@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware ' + 'compiler transform.';\n\nfunction handleInterpolation(mergedProps, registered, interpolation) {\n  if (interpolation == null) {\n    return '';\n  }\n\n  var componentSelector = interpolation;\n\n  if (componentSelector.__emotion_styles !== undefined) {\n\n    return componentSelector;\n  }\n\n  switch (typeof interpolation) {\n    case 'boolean':\n      {\n        return '';\n      }\n\n    case 'object':\n      {\n        var keyframes = interpolation;\n\n        if (keyframes.anim === 1) {\n          cursor = {\n            name: keyframes.name,\n            styles: keyframes.styles,\n            next: cursor\n          };\n          return keyframes.name;\n        }\n\n        var serializedStyles = interpolation;\n\n        if (serializedStyles.styles !== undefined) {\n          var next = serializedStyles.next;\n\n          if (next !== undefined) {\n            // not the most efficient thing ever but this is a pretty rare case\n            // and there will be very few iterations of this generally\n            while (next !== undefined) {\n              cursor = {\n                name: next.name,\n                styles: next.styles,\n                next: cursor\n              };\n              next = next.next;\n            }\n          }\n\n          var styles = serializedStyles.styles + \";\";\n          return styles;\n        }\n\n        return createStringFromObject(mergedProps, registered, interpolation);\n      }\n\n    case 'function':\n      {\n        if (mergedProps !== undefined) {\n          var previousCursor = cursor;\n          var result = interpolation(mergedProps);\n          cursor = previousCursor;\n          return handleInterpolation(mergedProps, registered, result);\n        }\n\n        break;\n      }\n  } // finalize string values (regular strings and functions interpolated into css calls)\n\n\n  var asString = interpolation;\n\n  if (registered == null) {\n    return asString;\n  }\n\n  var cached = registered[asString];\n  return cached !== undefined ? cached : asString;\n}\n\nfunction createStringFromObject(mergedProps, registered, obj) {\n  var string = '';\n\n  if (Array.isArray(obj)) {\n    for (var i = 0; i < obj.length; i++) {\n      string += handleInterpolation(mergedProps, registered, obj[i]) + \";\";\n    }\n  } else {\n    for (var key in obj) {\n      var value = obj[key];\n\n      if (typeof value !== 'object') {\n        var asString = value;\n\n        if (registered != null && registered[asString] !== undefined) {\n          string += key + \"{\" + registered[asString] + \"}\";\n        } else if (isProcessableValue(asString)) {\n          string += processStyleName(key) + \":\" + processStyleValue(key, asString) + \";\";\n        }\n      } else {\n        if (key === 'NO_COMPONENT_SELECTOR' && isDevelopment) {\n          throw new Error(noComponentSelectorMessage);\n        }\n\n        if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {\n          for (var _i = 0; _i < value.length; _i++) {\n            if (isProcessableValue(value[_i])) {\n              string += processStyleName(key) + \":\" + processStyleValue(key, value[_i]) + \";\";\n            }\n          }\n        } else {\n          var interpolated = handleInterpolation(mergedProps, registered, value);\n\n          switch (key) {\n            case 'animation':\n            case 'animationName':\n              {\n                string += processStyleName(key) + \":\" + interpolated + \";\";\n                break;\n              }\n\n            default:\n              {\n\n                string += key + \"{\" + interpolated + \"}\";\n              }\n          }\n        }\n      }\n    }\n  }\n\n  return string;\n}\n\nvar labelPattern = /label:\\s*([^\\s;{]+)\\s*(;|$)/g; // this is the cursor for keyframes\n// keyframes are stored on the SerializedStyles object as a linked list\n\nvar cursor;\nfunction serializeStyles(args, registered, mergedProps) {\n  if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {\n    return args[0];\n  }\n\n  var stringMode = true;\n  var styles = '';\n  cursor = undefined;\n  var strings = args[0];\n\n  if (strings == null || strings.raw === undefined) {\n    stringMode = false;\n    styles += handleInterpolation(mergedProps, registered, strings);\n  } else {\n    var asTemplateStringsArr = strings;\n\n    styles += asTemplateStringsArr[0];\n  } // we start at 1 since we've already handled the first arg\n\n\n  for (var i = 1; i < args.length; i++) {\n    styles += handleInterpolation(mergedProps, registered, args[i]);\n\n    if (stringMode) {\n      var templateStringsArr = strings;\n\n      styles += templateStringsArr[i];\n    }\n  } // using a global regex with .exec is stateful so lastIndex has to be reset each time\n\n\n  labelPattern.lastIndex = 0;\n  var identifierName = '';\n  var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5\n\n  while ((match = labelPattern.exec(styles)) !== null) {\n    identifierName += '-' + match[1];\n  }\n\n  var name = hashString(styles) + identifierName;\n\n  return {\n    name: name,\n    styles: styles,\n    next: cursor\n  };\n}\n\nexport { serializeStyles };\n"],"names":["hyphenateRegex","animationRegex","isCustomProperty","property","isProcessableValue","value","processStyleName","memoize","styleName","processStyleValue","key","match","p1","p2","cursor","unitless","handleInterpolation","mergedProps","registered","interpolation","componentSelector","keyframes","serializedStyles","next","styles","createStringFromObject","asString","obj","string","i","_i","interpolated","labelPattern","serializeStyles","args","stringMode","strings","asTemplateStringsArr","templateStringsArr","identifierName","name","hashString"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es256.js

@@ -1,79 +1,7 @@
-import p from "./ui-components.es290.js";
-import r from "./ui-components.es254.js";
-import c from "./ui-components.es291.js";
-import { createUnaryUnit as a, getValue as l } from "./ui-components.es134.js";
-import { handleBreakpoints as s } from "./ui-components.es251.js";
-const u = (o) => {
-  if (o.gap !== void 0 && o.gap !== null) {
-    const e = a(o.theme, "spacing", 8, "gap"), n = (t) => ({
-      gap: l(e, t)
-    });
-    return s(o, o.gap, n);
-  }
-  return null;
+const a = {
+  borderRadius: 4
 };
-u.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: p
-} : {};
-u.filterProps = ["gap"];
-const i = (o) => {
-  if (o.columnGap !== void 0 && o.columnGap !== null) {
-    const e = a(o.theme, "spacing", 8, "columnGap"), n = (t) => ({
-      columnGap: l(e, t)
-    });
-    return s(o, o.columnGap, n);
-  }
-  return null;
-};
-i.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: p
-} : {};
-i.filterProps = ["columnGap"];
-const m = (o) => {
-  if (o.rowGap !== void 0 && o.rowGap !== null) {
-    const e = a(o.theme, "spacing", 8, "rowGap"), n = (t) => ({
-      rowGap: l(e, t)
-    });
-    return s(o, o.rowGap, n);
-  }
-  return null;
-};
-m.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: p
-} : {};
-m.filterProps = ["rowGap"];
-const g = r({
-  prop: "gridColumn"
-}), d = r({
-  prop: "gridRow"
-}), f = r({
-  prop: "gridAutoFlow"
-}), w = r({
-  prop: "gridAutoColumns"
-}), G = r({
-  prop: "gridAutoRows"
-}), A = r({
-  prop: "gridTemplateColumns"
-}), T = r({
-  prop: "gridTemplateRows"
-}), y = r({
-  prop: "gridTemplateAreas"
-}), P = r({
-  prop: "gridArea"
-});
-c(u, i, m, g, d, f, w, G, A, T, y, P);
 export {
-  i as columnGap,
-  u as gap,
-  P as gridArea,
-  w as gridAutoColumns,
-  f as gridAutoFlow,
-  G as gridAutoRows,
-  g as gridColumn,
-  d as gridRow,
-  y as gridTemplateAreas,
-  A as gridTemplateColumns,
-  T as gridTemplateRows,
-  m as rowGap
+  a as default
 };
 //# sourceMappingURL=ui-components.es256.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es256.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/cssGrid/cssGrid.js"],"sourcesContent":["import style from \"../style/index.js\";\nimport compose from \"../compose/index.js\";\nimport { createUnaryUnit, getValue } from \"../spacing/index.js\";\nimport { handleBreakpoints } from \"../breakpoints/index.js\";\nimport responsivePropType from \"../responsivePropType/index.js\";\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const gap = props => {\n  if (props.gap !== undefined && props.gap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');\n    const styleFromPropValue = propValue => ({\n      gap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.gap, styleFromPropValue);\n  }\n  return null;\n};\ngap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  gap: responsivePropType\n} : {};\ngap.filterProps = ['gap'];\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const columnGap = props => {\n  if (props.columnGap !== undefined && props.columnGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');\n    const styleFromPropValue = propValue => ({\n      columnGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.columnGap, styleFromPropValue);\n  }\n  return null;\n};\ncolumnGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  columnGap: responsivePropType\n} : {};\ncolumnGap.filterProps = ['columnGap'];\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const rowGap = props => {\n  if (props.rowGap !== undefined && props.rowGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');\n    const styleFromPropValue = propValue => ({\n      rowGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.rowGap, styleFromPropValue);\n  }\n  return null;\n};\nrowGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  rowGap: responsivePropType\n} : {};\nrowGap.filterProps = ['rowGap'];\nexport const gridColumn = style({\n  prop: 'gridColumn'\n});\nexport const gridRow = style({\n  prop: 'gridRow'\n});\nexport const gridAutoFlow = style({\n  prop: 'gridAutoFlow'\n});\nexport const gridAutoColumns = style({\n  prop: 'gridAutoColumns'\n});\nexport const gridAutoRows = style({\n  prop: 'gridAutoRows'\n});\nexport const gridTemplateColumns = style({\n  prop: 'gridTemplateColumns'\n});\nexport const gridTemplateRows = style({\n  prop: 'gridTemplateRows'\n});\nexport const gridTemplateAreas = style({\n  prop: 'gridTemplateAreas'\n});\nexport const gridArea = style({\n  prop: 'gridArea'\n});\nconst grid = compose(gap, columnGap, rowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);\nexport default grid;"],"names":["gap","props","transformer","createUnaryUnit","styleFromPropValue","propValue","getValue","handleBreakpoints","responsivePropType","columnGap","rowGap","gridColumn","style","gridRow","gridAutoFlow","gridAutoColumns","gridAutoRows","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","gridArea","compose"],"mappings":";;;;;AAQY,MAACA,IAAM,CAAAC,MAAS;AAC1B,MAAIA,EAAM,QAAQ,UAAaA,EAAM,QAAQ,MAAM;AACjD,UAAMC,IAAcC,EAAgBF,EAAM,OAAO,WAAW,GAAG,KAAK,GAC9DG,IAAqB,CAAAC,OAAc;AAAA,MACvC,KAAKC,EAASJ,GAAaG,CAAS;AAAA,IAC1C;AACI,WAAOE,EAAkBN,GAAOA,EAAM,KAAKG,CAAkB;AAAA,EAC/D;AACA,SAAO;AACT;AACAJ,EAAI,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,EACtD,KAAKQ;AACP,IAAI,CAAA;AACJR,EAAI,cAAc,CAAC,KAAK;AAIZ,MAACS,IAAY,CAAAR,MAAS;AAChC,MAAIA,EAAM,cAAc,UAAaA,EAAM,cAAc,MAAM;AAC7D,UAAMC,IAAcC,EAAgBF,EAAM,OAAO,WAAW,GAAG,WAAW,GACpEG,IAAqB,CAAAC,OAAc;AAAA,MACvC,WAAWC,EAASJ,GAAaG,CAAS;AAAA,IAChD;AACI,WAAOE,EAAkBN,GAAOA,EAAM,WAAWG,CAAkB;AAAA,EACrE;AACA,SAAO;AACT;AACAK,EAAU,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,EAC5D,WAAWD;AACb,IAAI,CAAA;AACJC,EAAU,cAAc,CAAC,WAAW;AAIxB,MAACC,IAAS,CAAAT,MAAS;AAC7B,MAAIA,EAAM,WAAW,UAAaA,EAAM,WAAW,MAAM;AACvD,UAAMC,IAAcC,EAAgBF,EAAM,OAAO,WAAW,GAAG,QAAQ,GACjEG,IAAqB,CAAAC,OAAc;AAAA,MACvC,QAAQC,EAASJ,GAAaG,CAAS;AAAA,IAC7C;AACI,WAAOE,EAAkBN,GAAOA,EAAM,QAAQG,CAAkB;AAAA,EAClE;AACA,SAAO;AACT;AACAM,EAAO,YAAY,QAAQ,IAAI,aAAa,eAAe;AAAA,EACzD,QAAQF;AACV,IAAI,CAAA;AACJE,EAAO,cAAc,CAAC,QAAQ;AAClB,MAACC,IAAaC,EAAM;AAAA,EAC9B,MAAM;AACR,CAAC,GACYC,IAAUD,EAAM;AAAA,EAC3B,MAAM;AACR,CAAC,GACYE,IAAeF,EAAM;AAAA,EAChC,MAAM;AACR,CAAC,GACYG,IAAkBH,EAAM;AAAA,EACnC,MAAM;AACR,CAAC,GACYI,IAAeJ,EAAM;AAAA,EAChC,MAAM;AACR,CAAC,GACYK,IAAsBL,EAAM;AAAA,EACvC,MAAM;AACR,CAAC,GACYM,IAAmBN,EAAM;AAAA,EACpC,MAAM;AACR,CAAC,GACYO,IAAoBP,EAAM;AAAA,EACrC,MAAM;AACR,CAAC,GACYQ,IAAWR,EAAM;AAAA,EAC5B,MAAM;AACR,CAAC;AACYS,EAAQrB,GAAKS,GAAWC,GAAQC,GAAYE,GAASC,GAAcC,GAAiBC,GAAcC,GAAqBC,GAAkBC,GAAmBC,CAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es256.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/createTheme/shape.js"],"sourcesContent":["const shape = {\n  borderRadius: 4\n};\nexport default shape;"],"names":["shape"],"mappings":"AAAK,MAACA,IAAQ;AAAA,EACZ,cAAc;AAChB;","x_google_ignoreList":[0]}

package/dist/ui-components.es257.js

@@ -1,27 +1,18 @@
-import o from "./ui-components.es254.js";
-import p from "./ui-components.es291.js";
-function r(e, t) {
-  return t === "grey" ? t : e;
+import { internal_serializeStyles as l } from "./ui-components.es254.js";
+function i(o) {
+  const {
+    variants: e,
+    ...r
+  } = o, t = {
+    variants: e,
+    style: l(r),
+    isProcessed: !0
+  };
+  return t.style === r || e && e.forEach((s) => {
+    typeof s.style != "function" && (s.style = l(s.style));
+  }), t;
 }
-const n = o({
-  prop: "color",
-  themeKey: "palette",
-  transform: r
-}), c = o({
-  prop: "bgcolor",
-  cssProperty: "backgroundColor",
-  themeKey: "palette",
-  transform: r
-}), m = o({
-  prop: "backgroundColor",
-  themeKey: "palette",
-  transform: r
-});
-p(n, c, m);
 export {
-  m as backgroundColor,
-  c as bgcolor,
-  n as color,
-  r as paletteTransform
+  i as default
 };
 //# sourceMappingURL=ui-components.es257.js.map