@weng-lab/ui-components 2.1.1 → 2.2.1

package/dist/ui-components.es90.js

@@ -1,17 +1,14 @@
-function s(f, a, e = void 0) {
-  const u = {};
-  for (const r in f) {
-    const l = f[r];
-    let o = "", i = !0;
-    for (let n = 0; n < l.length; n += 1) {
-      const t = l[n];
-      t && (o += (i === !0 ? "" : " ") + a(t), i = !1, e && e[t] && (o += " " + e[t]));
+const n = "exact-prop: ​";
+function u(e) {
+  return process.env.NODE_ENV === "production" ? e : {
+    ...e,
+    [n]: (o) => {
+      const t = Object.keys(o).filter((r) => !e.hasOwnProperty(r));
+      return t.length > 0 ? new Error(`The following props are not supported: ${t.map((r) => `\`${r}\``).join(", ")}. Please remove them.`) : null;
     }
-    u[r] = o;
-  }
-  return u;
+  };
 }
 export {
-  s as default
+  u as default
 };
 //# sourceMappingURL=ui-components.es90.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es90.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/composeClasses/composeClasses.js"],"sourcesContent":["/* eslint no-restricted-syntax: 0, prefer-template: 0, guard-for-in: 0\n   ---\n   These rules are preventing the performance optimizations below.\n */\n\n/**\n * Compose classes from multiple sources.\n *\n * @example\n * ```tsx\n * const slots = {\n *  root: ['root', 'primary'],\n *  label: ['label'],\n * };\n *\n * const getUtilityClass = (slot) => `MuiButton-${slot}`;\n *\n * const classes = {\n *   root: 'my-root-class',\n * };\n *\n * const output = composeClasses(slots, getUtilityClass, classes);\n * // {\n * //   root: 'MuiButton-root MuiButton-primary my-root-class',\n * //   label: 'MuiButton-label',\n * // }\n * ```\n *\n * @param slots a list of classes for each possible slot\n * @param getUtilityClass a function to resolve the class based on the slot name\n * @param classes the input classes from props\n * @returns the resolved classes for all slots\n */\nexport default function composeClasses(slots, getUtilityClass, classes = undefined) {\n  const output = {};\n  for (const slotName in slots) {\n    const slot = slots[slotName];\n    let buffer = '';\n    let start = true;\n    for (let i = 0; i < slot.length; i += 1) {\n      const value = slot[i];\n      if (value) {\n        buffer += (start === true ? '' : ' ') + getUtilityClass(value);\n        start = false;\n        if (classes && classes[value]) {\n          buffer += ' ' + classes[value];\n        }\n      }\n    }\n    output[slotName] = buffer;\n  }\n  return output;\n}"],"names":["composeClasses","slots","getUtilityClass","classes","output","slotName","slot","buffer","start","i","value"],"mappings":"AAiCe,SAASA,EAAeC,GAAOC,GAAiBC,IAAU,QAAW;AAClF,QAAMC,IAAS,CAAA;AACf,aAAWC,KAAYJ,GAAO;AAC5B,UAAMK,IAAOL,EAAMI,CAAQ;AAC3B,QAAIE,IAAS,IACTC,IAAQ;AACZ,aAASC,IAAI,GAAGA,IAAIH,EAAK,QAAQG,KAAK,GAAG;AACvC,YAAMC,IAAQJ,EAAKG,CAAC;AACpB,MAAIC,MACFH,MAAWC,MAAU,KAAO,KAAK,OAAON,EAAgBQ,CAAK,GAC7DF,IAAQ,IACJL,KAAWA,EAAQO,CAAK,MAC1BH,KAAU,MAAMJ,EAAQO,CAAK;AAAA,IAGnC;AACA,IAAAN,EAAOC,CAAQ,IAAIE;AAAA,EACrB;AACA,SAAOH;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es90.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/exactProp/exactProp.js"],"sourcesContent":["// This module is based on https://github.com/airbnb/prop-types-exact repository.\n// However, in order to reduce the number of dependencies and to remove some extra safe checks\n// the module was forked.\n\nconst specialProperty = 'exact-prop: \\u200b';\nexport default function exactProp(propTypes) {\n  if (process.env.NODE_ENV === 'production') {\n    return propTypes;\n  }\n  return {\n    ...propTypes,\n    [specialProperty]: props => {\n      const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));\n      if (unsupportedProps.length > 0) {\n        return new Error(`The following props are not supported: ${unsupportedProps.map(prop => `\\`${prop}\\``).join(', ')}. Please remove them.`);\n      }\n      return null;\n    }\n  };\n}"],"names":["specialProperty","exactProp","propTypes","props","unsupportedProps","prop"],"mappings":"AAIA,MAAMA,IAAkB;AACT,SAASC,EAAUC,GAAW;AAC3C,SAAI,QAAQ,IAAI,aAAa,eACpBA,IAEF;AAAA,IACL,GAAGA;AAAA,IACH,CAACF,CAAe,GAAG,CAAAG,MAAS;AAC1B,YAAMC,IAAmB,OAAO,KAAKD,CAAK,EAAE,OAAO,CAAAE,MAAQ,CAACH,EAAU,eAAeG,CAAI,CAAC;AAC1F,aAAID,EAAiB,SAAS,IACrB,IAAI,MAAM,0CAA0CA,EAAiB,IAAI,CAAAC,MAAQ,KAAKA,CAAI,IAAI,EAAE,KAAK,IAAI,CAAC,uBAAuB,IAEnI;AAAA,IACT;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}

package/dist/ui-components.es91.js

@@ -1,24 +1,6 @@
-import s from "./ui-components.es112.js";
-const t = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
-function o(d, e, r = "Mui") {
-  const a = t[e];
-  return a ? `${r}-${a}` : `${s.generate(d)}-${e}`;
-}
+import * as e from "react";
+const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
 export {
-  o as default,
-  t as globalStateClasses
+  f as default
 };
 //# sourceMappingURL=ui-components.es91.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es91.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js"],"sourcesContent":["import ClassNameGenerator from \"../ClassNameGenerator/index.js\";\nexport const globalStateClasses = {\n  active: 'active',\n  checked: 'checked',\n  completed: 'completed',\n  disabled: 'disabled',\n  error: 'error',\n  expanded: 'expanded',\n  focused: 'focused',\n  focusVisible: 'focusVisible',\n  open: 'open',\n  readOnly: 'readOnly',\n  required: 'required',\n  selected: 'selected'\n};\nexport default function generateUtilityClass(componentName, slot, globalStatePrefix = 'Mui') {\n  const globalStateClass = globalStateClasses[slot];\n  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;\n}\nexport function isGlobalState(slot) {\n  return globalStateClasses[slot] !== undefined;\n}"],"names":["globalStateClasses","generateUtilityClass","componentName","slot","globalStatePrefix","globalStateClass","ClassNameGenerator"],"mappings":";AACY,MAACA,IAAqB;AAAA,EAChC,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AACZ;AACe,SAASC,EAAqBC,GAAeC,GAAMC,IAAoB,OAAO;AAC3F,QAAMC,IAAmBL,EAAmBG,CAAI;AAChD,SAAOE,IAAmB,GAAGD,CAAiB,IAAIC,CAAgB,KAAK,GAAGC,EAAmB,SAASJ,CAAa,CAAC,IAAIC,CAAI;AAC9H;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es91.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.\n * This is useful for effects that are only needed for client-side rendering but not for SSR.\n *\n * Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n * and confirm it doesn't apply to your use-case.\n */\nconst useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\nexport default useEnhancedEffect;"],"names":["useEnhancedEffect","React"],"mappings":";AAWK,MAACA,IAAoB,OAAO,SAAW,MAAcC,EAAM,kBAAkBA,EAAM;","x_google_ignoreList":[0]}

package/dist/ui-components.es92.js

@@ -1,11 +1,18 @@
-import s from "./ui-components.es91.js";
-function l(r, a, i = "Mui") {
-  const t = {};
-  return a.forEach((e) => {
-    t[e] = s(r, e, i);
-  }), t;
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
 }
 export {
-  l as default
+  i as clsx,
+  i as default
 };
 //# sourceMappingURL=ui-components.es92.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es92.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"],"sourcesContent":["import generateUtilityClass from \"../generateUtilityClass/index.js\";\nexport default function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui') {\n  const result = {};\n  slots.forEach(slot => {\n    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);\n  });\n  return result;\n}"],"names":["generateUtilityClasses","componentName","slots","globalStatePrefix","result","slot","generateUtilityClass"],"mappings":";AACe,SAASA,EAAuBC,GAAeC,GAAOC,IAAoB,OAAO;AAC9F,QAAMC,IAAS,CAAA;AACf,SAAAF,EAAM,QAAQ,CAAAG,MAAQ;AACpB,IAAAD,EAAOC,CAAI,IAAIC,EAAqBL,GAAeI,GAAMF,CAAiB;AAAA,EAC5E,CAAC,GACMC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es92.js","sources":["../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}

package/dist/ui-components.es93.js

@@ -1,14 +1,6 @@
-const n = "exact-prop: ​";
-function u(e) {
-  return process.env.NODE_ENV === "production" ? e : {
-    ...e,
-    [n]: (o) => {
-      const t = Object.keys(o).filter((r) => !e.hasOwnProperty(r));
-      return t.length > 0 ? new Error(`The following props are not supported: ${t.map((r) => `\`${r}\``).join(", ")}. Please remove them.`) : null;
-    }
-  };
-}
+import e from "./ui-components.es222.js";
+const o = e;
 export {
-  u as default
+  o as default
 };
 //# sourceMappingURL=ui-components.es93.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es93.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/exactProp/exactProp.js"],"sourcesContent":["// This module is based on https://github.com/airbnb/prop-types-exact repository.\n// However, in order to reduce the number of dependencies and to remove some extra safe checks\n// the module was forked.\n\nconst specialProperty = 'exact-prop: \\u200b';\nexport default function exactProp(propTypes) {\n  if (process.env.NODE_ENV === 'production') {\n    return propTypes;\n  }\n  return {\n    ...propTypes,\n    [specialProperty]: props => {\n      const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));\n      if (unsupportedProps.length > 0) {\n        return new Error(`The following props are not supported: ${unsupportedProps.map(prop => `\\`${prop}\\``).join(', ')}. Please remove them.`);\n      }\n      return null;\n    }\n  };\n}"],"names":["specialProperty","exactProp","propTypes","props","unsupportedProps","prop"],"mappings":"AAIA,MAAMA,IAAkB;AACT,SAASC,EAAUC,GAAW;AAC3C,SAAI,QAAQ,IAAI,aAAa,eACpBA,IAEF;AAAA,IACL,GAAGA;AAAA,IACH,CAACF,CAAe,GAAG,CAAAG,MAAS;AAC1B,YAAMC,IAAmB,OAAO,KAAKD,CAAK,EAAE,OAAO,CAAAE,MAAQ,CAACH,EAAU,eAAeG,CAAI,CAAC;AAC1F,aAAID,EAAiB,SAAS,IACrB,IAAI,MAAM,0CAA0CA,EAAiB,IAAI,CAAAC,MAAQ,KAAKA,CAAI,IAAI,EAAE,KAAK,IAAI,CAAC,uBAAuB,IAEnI;AAAA,IACT;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es93.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/utils/memoTheme.js"],"sourcesContent":["import { unstable_memoTheme } from '@mui/system';\nconst memoTheme = unstable_memoTheme;\nexport default memoTheme;"],"names":["memoTheme","unstable_memoTheme"],"mappings":";AACK,MAACA,IAAYC;","x_google_ignoreList":[0]}

package/dist/ui-components.es94.js

@@ -1,6 +1,10 @@
-import * as e from "react";
-const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
+import e from "./ui-components.es98.js";
+import i from "./ui-components.es99.js";
+function l(t) {
+  return e("MuiSkeleton", t);
+}
+i("MuiSkeleton", ["root", "text", "rectangular", "rounded", "circular", "pulse", "wave", "withChildren", "fitContent", "heightAuto"]);
 export {
-  f as default
+  l as getSkeletonUtilityClass
 };
 //# sourceMappingURL=ui-components.es94.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es94.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.\n * This is useful for effects that are only needed for client-side rendering but not for SSR.\n *\n * Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n * and confirm it doesn't apply to your use-case.\n */\nconst useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\nexport default useEnhancedEffect;"],"names":["useEnhancedEffect","React"],"mappings":";AAWK,MAACA,IAAoB,OAAO,SAAW,MAAcC,EAAM,kBAAkBA,EAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es94.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/Skeleton/skeletonClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSkeletonUtilityClass(slot) {\n  return generateUtilityClass('MuiSkeleton', slot);\n}\nconst skeletonClasses = generateUtilityClasses('MuiSkeleton', ['root', 'text', 'rectangular', 'rounded', 'circular', 'pulse', 'wave', 'withChildren', 'fitContent', 'heightAuto']);\nexport default skeletonClasses;"],"names":["getSkeletonUtilityClass","slot","generateUtilityClass","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAwBC,GAAM;AAC5C,SAAOC,EAAqB,eAAeD,CAAI;AACjD;AACwBE,EAAuB,eAAe,CAAC,QAAQ,QAAQ,eAAe,WAAW,YAAY,SAAS,QAAQ,gBAAgB,cAAc,YAAY,CAAC;","x_google_ignoreList":[0]}

package/dist/ui-components.es95.js

@@ -1,10 +1,11 @@
-import * as e from "react";
-import o from "./ui-components.es85.js";
-import "./ui-components.es13.js";
-const t = /* @__PURE__ */ e.createContext();
-process.env.NODE_ENV !== "production" && (o.node, o.bool);
-const c = () => e.useContext(t) ?? !1;
+function n(t) {
+  return String(t).match(/[\d.\-+]*\s*(.*)/)[1] || "";
+}
+function r(t) {
+  return parseFloat(t);
+}
 export {
-  c as useRtl
+  n as getUnit,
+  r as toUnitless
 };
 //# sourceMappingURL=ui-components.es95.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es95.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/RtlProvider/index.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst RtlContext = /*#__PURE__*/React.createContext();\nfunction RtlProvider({\n  value,\n  ...props\n}) {\n  return /*#__PURE__*/_jsx(RtlContext.Provider, {\n    value: value ?? true,\n    ...props\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? RtlProvider.propTypes = {\n  children: PropTypes.node,\n  value: PropTypes.bool\n} : void 0;\nexport const useRtl = () => {\n  const value = React.useContext(RtlContext);\n  return value ?? false;\n};\nexport default RtlProvider;"],"names":["RtlContext","React","PropTypes","useRtl"],"mappings":";;;AAKA,MAAMA,IAA0B,gBAAAC,EAAM,cAAa;AAUnD,QAAQ,IAAI,aAAa,iBACbC,EAAU,MACbA,EAAU;AAEP,MAACC,IAAS,MACNF,EAAM,WAAWD,CAAU,KACzB;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es95.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/styles/cssUtils.js"],"sourcesContent":["export function isUnitless(value) {\n  return String(parseFloat(value)).length === String(value).length;\n}\n\n// Ported from Compass\n// https://github.com/Compass/compass/blob/master/core/stylesheets/compass/typography/_units.scss\n// Emulate the sass function \"unit\"\nexport function getUnit(input) {\n  return String(input).match(/[\\d.\\-+]*\\s*(.*)/)[1] || '';\n}\n\n// Emulate the sass function \"unitless\"\nexport function toUnitless(length) {\n  return parseFloat(length);\n}\n\n// Convert any CSS <length> or <percentage> value to any another.\n// From https://github.com/KyleAMathews/convert-css-length\nexport function convertLength(baseFontSize) {\n  return (length, toUnit) => {\n    const fromUnit = getUnit(length);\n\n    // Optimize for cases where `from` and `to` units are accidentally the same.\n    if (fromUnit === toUnit) {\n      return length;\n    }\n\n    // Convert input length to pixels.\n    let pxLength = toUnitless(length);\n    if (fromUnit !== 'px') {\n      if (fromUnit === 'em') {\n        pxLength = toUnitless(length) * toUnitless(baseFontSize);\n      } else if (fromUnit === 'rem') {\n        pxLength = toUnitless(length) * toUnitless(baseFontSize);\n      }\n    }\n\n    // Convert length in pixels to the output unit\n    let outputLength = pxLength;\n    if (toUnit !== 'px') {\n      if (toUnit === 'em') {\n        outputLength = pxLength / toUnitless(baseFontSize);\n      } else if (toUnit === 'rem') {\n        outputLength = pxLength / toUnitless(baseFontSize);\n      } else {\n        return length;\n      }\n    }\n    return parseFloat(outputLength.toFixed(5)) + toUnit;\n  };\n}\nexport function alignProperty({\n  size,\n  grid\n}) {\n  const sizeBelow = size - size % grid;\n  const sizeAbove = sizeBelow + grid;\n  return size - sizeBelow < sizeAbove - size ? sizeBelow : sizeAbove;\n}\n\n// fontGrid finds a minimal grid (in rem) for the fontSize values so that the\n// lineHeight falls under a x pixels grid, 4px in the case of Material Design,\n// without changing the relative line height\nexport function fontGrid({\n  lineHeight,\n  pixels,\n  htmlFontSize\n}) {\n  return pixels / (lineHeight * htmlFontSize);\n}\n\n/**\n * generate a responsive version of a given CSS property\n * @example\n * responsiveProperty({\n *   cssProperty: 'fontSize',\n *   min: 15,\n *   max: 20,\n *   unit: 'px',\n *   breakpoints: [300, 600],\n * })\n *\n * // this returns\n *\n * {\n *   fontSize: '15px',\n *   '@media (min-width:300px)': {\n *     fontSize: '17.5px',\n *   },\n *   '@media (min-width:600px)': {\n *     fontSize: '20px',\n *   },\n * }\n * @param {Object} params\n * @param {string} params.cssProperty - The CSS property to be made responsive\n * @param {number} params.min - The smallest value of the CSS property\n * @param {number} params.max - The largest value of the CSS property\n * @param {string} [params.unit] - The unit to be used for the CSS property\n * @param {Array.number} [params.breakpoints]  - An array of breakpoints\n * @param {number} [params.alignStep] - Round scaled value to fall under this grid\n * @returns {Object} responsive styles for {params.cssProperty}\n */\nexport function responsiveProperty({\n  cssProperty,\n  min,\n  max,\n  unit = 'rem',\n  breakpoints = [600, 900, 1200],\n  transform = null\n}) {\n  const output = {\n    [cssProperty]: `${min}${unit}`\n  };\n  const factor = (max - min) / breakpoints[breakpoints.length - 1];\n  breakpoints.forEach(breakpoint => {\n    let value = min + factor * breakpoint;\n    if (transform !== null) {\n      value = transform(value);\n    }\n    output[`@media (min-width:${breakpoint}px)`] = {\n      [cssProperty]: `${Math.round(value * 10000) / 10000}${unit}`\n    };\n  });\n  return output;\n}"],"names":["getUnit","input","toUnitless","length"],"mappings":"AAOO,SAASA,EAAQC,GAAO;AAC7B,SAAO,OAAOA,CAAK,EAAE,MAAM,kBAAkB,EAAE,CAAC,KAAK;AACvD;AAGO,SAASC,EAAWC,GAAQ;AACjC,SAAO,WAAWA,CAAM;AAC1B;","x_google_ignoreList":[0]}