@weng-lab/ui-components 2.0.2 → 2.1.0

package/dist/ui-components.es236.js

@@ -1,42 +1,5 @@
-const d = (o, e, s, c = []) => {
-  let t = o;
-  e.forEach((n, f) => {
-    f === e.length - 1 ? Array.isArray(t) ? t[Number(n)] = s : t && typeof t == "object" && (t[n] = s) : t && typeof t == "object" && (t[n] || (t[n] = c.includes(n) ? [] : {}), t = t[n]);
-  });
-}, j = (o, e, s) => {
-  function c(t, n = [], f = []) {
-    Object.entries(t).forEach(([r, i]) => {
-      (!s || s && !s([...n, r])) && i != null && (typeof i == "object" && Object.keys(i).length > 0 ? c(i, [...n, r], Array.isArray(i) ? [...f, r] : f) : e([...n, r], i, f));
-    });
-  }
-  c(o);
-}, $ = (o, e) => typeof e == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((c) => o.includes(c)) || o[o.length - 1].toLowerCase().includes("opacity") ? e : `${e}px` : e;
-function l(o, e) {
-  const {
-    prefix: s,
-    shouldSkipGeneratingVar: c
-  } = e || {}, t = {}, n = {}, f = {};
-  return j(
-    o,
-    (r, i, g) => {
-      if ((typeof i == "string" || typeof i == "number") && (!c || !c(r, i))) {
-        const b = `--${s ? `${s}-` : ""}${r.join("-")}`, p = $(r, i);
-        Object.assign(t, {
-          [b]: p
-        }), d(n, r, `var(${b})`, g), d(f, r, `var(${b}, ${p})`, g);
-      }
-    },
-    (r) => r[0] === "vars"
-    // skip 'vars/*' paths
-  ), {
-    css: t,
-    vars: n,
-    varsWithDefaults: f
-  };
-}
+import t from "./ui-components.es237.js";
 export {
-  d as assignNestedKeys,
-  l as default,
-  j as walkObjectDeep
+  t as default
 };
 //# sourceMappingURL=ui-components.es236.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es236.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/cssVars/cssVarsParser.js"],"sourcesContent":["/**\n * This function create an object from keys, value and then assign to target\n *\n * @param {Object} obj : the target object to be assigned\n * @param {string[]} keys\n * @param {string | number} value\n *\n * @example\n * const source = {}\n * assignNestedKeys(source, ['palette', 'primary'], 'var(--palette-primary)')\n * console.log(source) // { palette: { primary: 'var(--palette-primary)' } }\n *\n * @example\n * const source = { palette: { primary: 'var(--palette-primary)' } }\n * assignNestedKeys(source, ['palette', 'secondary'], 'var(--palette-secondary)')\n * console.log(source) // { palette: { primary: 'var(--palette-primary)', secondary: 'var(--palette-secondary)' } }\n */\nexport const assignNestedKeys = (obj, keys, value, arrayKeys = []) => {\n  let temp = obj;\n  keys.forEach((k, index) => {\n    if (index === keys.length - 1) {\n      if (Array.isArray(temp)) {\n        temp[Number(k)] = value;\n      } else if (temp && typeof temp === 'object') {\n        temp[k] = value;\n      }\n    } else if (temp && typeof temp === 'object') {\n      if (!temp[k]) {\n        temp[k] = arrayKeys.includes(k) ? [] : {};\n      }\n      temp = temp[k];\n    }\n  });\n};\n\n/**\n *\n * @param {Object} obj : source object\n * @param {Function} callback : a function that will be called when\n *                   - the deepest key in source object is reached\n *                   - the value of the deepest key is NOT `undefined` | `null`\n *\n * @example\n * walkObjectDeep({ palette: { primary: { main: '#000000' } } }, console.log)\n * // ['palette', 'primary', 'main'] '#000000'\n */\nexport const walkObjectDeep = (obj, callback, shouldSkipPaths) => {\n  function recurse(object, parentKeys = [], arrayKeys = []) {\n    Object.entries(object).forEach(([key, value]) => {\n      if (!shouldSkipPaths || shouldSkipPaths && !shouldSkipPaths([...parentKeys, key])) {\n        if (value !== undefined && value !== null) {\n          if (typeof value === 'object' && Object.keys(value).length > 0) {\n            recurse(value, [...parentKeys, key], Array.isArray(value) ? [...arrayKeys, key] : arrayKeys);\n          } else {\n            callback([...parentKeys, key], value, arrayKeys);\n          }\n        }\n      }\n    });\n  }\n  recurse(obj);\n};\nconst getCssValue = (keys, value) => {\n  if (typeof value === 'number') {\n    if (['lineHeight', 'fontWeight', 'opacity', 'zIndex'].some(prop => keys.includes(prop))) {\n      // CSS property that are unitless\n      return value;\n    }\n    const lastKey = keys[keys.length - 1];\n    if (lastKey.toLowerCase().includes('opacity')) {\n      // opacity values are unitless\n      return value;\n    }\n    return `${value}px`;\n  }\n  return value;\n};\n\n/**\n * a function that parse theme and return { css, vars }\n *\n * @param {Object} theme\n * @param {{\n *  prefix?: string,\n *  shouldSkipGeneratingVar?: (objectPathKeys: Array<string>, value: string | number) => boolean\n * }} options.\n *  `prefix`: The prefix of the generated CSS variables. This function does not change the value.\n *\n * @returns {{ css: Object, vars: Object }} `css` is the stylesheet, `vars` is an object to get css variable (same structure as theme).\n *\n * @example\n * const { css, vars } = parser({\n *   fontSize: 12,\n *   lineHeight: 1.2,\n *   palette: { primary: { 500: 'var(--color)' } }\n * }, { prefix: 'foo' })\n *\n * console.log(css) // { '--foo-fontSize': '12px', '--foo-lineHeight': 1.2, '--foo-palette-primary-500': 'var(--color)' }\n * console.log(vars) // { fontSize: 'var(--foo-fontSize)', lineHeight: 'var(--foo-lineHeight)', palette: { primary: { 500: 'var(--foo-palette-primary-500)' } } }\n */\nexport default function cssVarsParser(theme, options) {\n  const {\n    prefix,\n    shouldSkipGeneratingVar\n  } = options || {};\n  const css = {};\n  const vars = {};\n  const varsWithDefaults = {};\n  walkObjectDeep(theme, (keys, value, arrayKeys) => {\n    if (typeof value === 'string' || typeof value === 'number') {\n      if (!shouldSkipGeneratingVar || !shouldSkipGeneratingVar(keys, value)) {\n        // only create css & var if `shouldSkipGeneratingVar` return false\n        const cssVar = `--${prefix ? `${prefix}-` : ''}${keys.join('-')}`;\n        const resolvedValue = getCssValue(keys, value);\n        Object.assign(css, {\n          [cssVar]: resolvedValue\n        });\n        assignNestedKeys(vars, keys, `var(${cssVar})`, arrayKeys);\n        assignNestedKeys(varsWithDefaults, keys, `var(${cssVar}, ${resolvedValue})`, arrayKeys);\n      }\n    }\n  }, keys => keys[0] === 'vars' // skip 'vars/*' paths\n  );\n  return {\n    css,\n    vars,\n    varsWithDefaults\n  };\n}"],"names":["assignNestedKeys","obj","keys","value","arrayKeys","temp","k","index","walkObjectDeep","callback","shouldSkipPaths","recurse","object","parentKeys","key","getCssValue","prop","cssVarsParser","theme","options","prefix","shouldSkipGeneratingVar","css","vars","varsWithDefaults","cssVar","resolvedValue"],"mappings":"AAiBY,MAACA,IAAmB,CAACC,GAAKC,GAAMC,GAAOC,IAAY,CAAA,MAAO;AACpE,MAAIC,IAAOJ;AACX,EAAAC,EAAK,QAAQ,CAACI,GAAGC,MAAU;AACzB,IAAIA,MAAUL,EAAK,SAAS,IACtB,MAAM,QAAQG,CAAI,IACpBA,EAAK,OAAOC,CAAC,CAAC,IAAIH,IACTE,KAAQ,OAAOA,KAAS,aACjCA,EAAKC,CAAC,IAAIH,KAEHE,KAAQ,OAAOA,KAAS,aAC5BA,EAAKC,CAAC,MACTD,EAAKC,CAAC,IAAIF,EAAU,SAASE,CAAC,IAAI,CAAA,IAAK,CAAA,IAEzCD,IAAOA,EAAKC,CAAC;AAAA,EAEjB,CAAC;AACH,GAaaE,IAAiB,CAACP,GAAKQ,GAAUC,MAAoB;AAChE,WAASC,EAAQC,GAAQC,IAAa,CAAA,GAAIT,IAAY,CAAA,GAAI;AACxD,WAAO,QAAQQ,CAAM,EAAE,QAAQ,CAAC,CAACE,GAAKX,CAAK,MAAM;AAC/C,OAAI,CAACO,KAAmBA,KAAmB,CAACA,EAAgB,CAAC,GAAGG,GAAYC,CAAG,CAAC,MACnDX,KAAU,SAC/B,OAAOA,KAAU,YAAY,OAAO,KAAKA,CAAK,EAAE,SAAS,IAC3DQ,EAAQR,GAAO,CAAC,GAAGU,GAAYC,CAAG,GAAG,MAAM,QAAQX,CAAK,IAAI,CAAC,GAAGC,GAAWU,CAAG,IAAIV,CAAS,IAE3FK,EAAS,CAAC,GAAGI,GAAYC,CAAG,GAAGX,GAAOC,CAAS;AAAA,IAIvD,CAAC;AAAA,EACH;AACA,EAAAO,EAAQV,CAAG;AACb,GACMc,IAAc,CAACb,GAAMC,MACrB,OAAOA,KAAU,WACf,CAAC,cAAc,cAAc,WAAW,QAAQ,EAAE,KAAK,CAAAa,MAAQd,EAAK,SAASc,CAAI,CAAC,KAItEd,EAAKA,EAAK,SAAS,CAAC,EACxB,YAAW,EAAG,SAAS,SAAS,IAEnCC,IAEF,GAAGA,CAAK,OAEVA;AAyBM,SAASc,EAAcC,GAAOC,GAAS;AACpD,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,yBAAAC;AAAA,EACJ,IAAMF,KAAW,CAAA,GACTG,IAAM,CAAA,GACNC,IAAO,CAAA,GACPC,IAAmB,CAAA;AACzB,SAAAhB;AAAA,IAAeU;AAAA,IAAO,CAAChB,GAAMC,GAAOC,MAAc;AAChD,WAAI,OAAOD,KAAU,YAAY,OAAOA,KAAU,cAC5C,CAACkB,KAA2B,CAACA,EAAwBnB,GAAMC,CAAK,IAAG;AAErE,cAAMsB,IAAS,KAAKL,IAAS,GAAGA,CAAM,MAAM,EAAE,GAAGlB,EAAK,KAAK,GAAG,CAAC,IACzDwB,IAAgBX,EAAYb,GAAMC,CAAK;AAC7C,eAAO,OAAOmB,GAAK;AAAA,UACjB,CAACG,CAAM,GAAGC;AAAA,QACpB,CAAS,GACD1B,EAAiBuB,GAAMrB,GAAM,OAAOuB,CAAM,KAAKrB,CAAS,GACxDJ,EAAiBwB,GAAkBtB,GAAM,OAAOuB,CAAM,KAAKC,CAAa,KAAKtB,CAAS;AAAA,MACxF;AAAA,IAEJ;AAAA,IAAG,CAAAF,MAAQA,EAAK,CAAC,MAAM;AAAA;AAAA,EACzB,GACS;AAAA,IACL,KAAAoB;AAAA,IACA,MAAAC;AAAA,IACA,kBAAAC;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es236.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/ui-components.es237.js

@@ -1,8 +1,13 @@
-const f = {
-  black: "#000",
-  white: "#fff"
-};
+import * as e from "react";
+function t(a, i) {
+  return /* @__PURE__ */ e.isValidElement(a) && i.indexOf(
+    // For server components `muiName` is avaialble in element.type._payload.value.muiName
+    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
+    // eslint-disable-next-line no-underscore-dangle
+    a.type.muiName ?? a.type?._payload?.value?.muiName
+  ) !== -1;
+}
 export {
-  f as default
+  t as default
 };
 //# sourceMappingURL=ui-components.es237.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es237.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/colors/common.js"],"sourcesContent":["const common = {\n  black: '#000',\n  white: '#fff'\n};\nexport default common;"],"names":["common"],"mappings":"AAAK,MAACA,IAAS;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es237.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.2.0_@types+react@19.1.8_react@19.1.0/node_modules/@mui/utils/esm/isMuiElement/isMuiElement.js"],"sourcesContent":["import * as React from 'react';\nexport default function isMuiElement(element, muiNames) {\n  return /*#__PURE__*/React.isValidElement(element) && muiNames.indexOf(\n  // For server components `muiName` is avaialble in element.type._payload.value.muiName\n  // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45\n  // eslint-disable-next-line no-underscore-dangle\n  element.type.muiName ?? element.type?._payload?.value?.muiName) !== -1;\n}"],"names":["isMuiElement","element","muiNames","React"],"mappings":";AACe,SAASA,EAAaC,GAASC,GAAU;AACtD,SAAoB,gBAAAC,EAAM,eAAeF,CAAO,KAAKC,EAAS;AAAA;AAAA;AAAA;AAAA,IAI9DD,EAAQ,KAAK,WAAWA,EAAQ,MAAM,UAAU,OAAO;AAAA,EAAO,MAAM;AACtE;","x_google_ignoreList":[0]}

package/dist/ui-components.es238.js

@@ -1,19 +1,4 @@
-const e = {
-  50: "#fafafa",
-  100: "#f5f5f5",
-  200: "#eeeeee",
-  300: "#e0e0e0",
-  400: "#bdbdbd",
-  500: "#9e9e9e",
-  600: "#757575",
-  700: "#616161",
-  800: "#424242",
-  900: "#212121",
-  A100: "#f5f5f5",
-  A200: "#eeeeee",
-  A400: "#bdbdbd",
-  A700: "#616161"
-};
+import e from "./ui-components.es151.js";
 export {
   e as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es238.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/colors/grey.js"],"sourcesContent":["const grey = {\n  50: '#fafafa',\n  100: '#f5f5f5',\n  200: '#eeeeee',\n  300: '#e0e0e0',\n  400: '#bdbdbd',\n  500: '#9e9e9e',\n  600: '#757575',\n  700: '#616161',\n  800: '#424242',\n  900: '#212121',\n  A100: '#f5f5f5',\n  A200: '#eeeeee',\n  A400: '#bdbdbd',\n  A700: '#616161'\n};\nexport default grey;"],"names":["grey"],"mappings":"AAAK,MAACA,IAAO;AAAA,EACX,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es238.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/ui-components.es239.js

@@ -1,12 +1,5 @@
-const a = {
-  50: "#f3e5f5",
-  200: "#ce93d8",
-  300: "#ba68c8",
-  400: "#ab47bc",
-  500: "#9c27b0",
-  700: "#7b1fa2"
-};
+import r from "./ui-components.es189.js";
 export {
-  a as default
+  r as default
 };
 //# sourceMappingURL=ui-components.es239.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es239.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/colors/purple.js"],"sourcesContent":["const purple = {\n  50: '#f3e5f5',\n  100: '#e1bee7',\n  200: '#ce93d8',\n  300: '#ba68c8',\n  400: '#ab47bc',\n  500: '#9c27b0',\n  600: '#8e24aa',\n  700: '#7b1fa2',\n  800: '#6a1b9a',\n  900: '#4a148c',\n  A100: '#ea80fc',\n  A200: '#e040fb',\n  A400: '#d500f9',\n  A700: '#aa00ff'\n};\nexport default purple;"],"names":["purple"],"mappings":"AAAK,MAACA,IAAS;AAAA,EACb,IAAI;AAAA,EAEJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EAEL,KAAK;AAOP;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es239.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}