@weng-lab/ui-components 2.0.1 → 2.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es107.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/createBox/createBox.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport styled from '@mui/styled-engine';\nimport styleFunctionSx, { extendSxProp } from \"../styleFunctionSx/index.js\";\nimport useTheme from \"../useTheme/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createBox(options = {}) {\n  const {\n    themeId,\n    defaultTheme,\n    defaultClassName = 'MuiBox-root',\n    generateClassName\n  } = options;\n  const BoxRoot = styled('div', {\n    shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'\n  })(styleFunctionSx);\n  const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {\n    const theme = useTheme(defaultTheme);\n    const {\n      className,\n      component = 'div',\n      ...other\n    } = extendSxProp(inProps);\n    return /*#__PURE__*/_jsx(BoxRoot, {\n      as: component,\n      ref: ref,\n      className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),\n      theme: themeId ? theme[themeId] || theme : theme,\n      ...other\n    });\n  });\n  return Box;\n}"],"names":["createBox","options","themeId","defaultTheme","defaultClassName","generateClassName","BoxRoot","styled","prop","styleFunctionSx","React","inProps","ref","theme","useTheme","className","component","other","extendSxProp","_jsx","clsx"],"mappings":";;;;;;;AAQe,SAASA,EAAUC,IAAU,IAAI;AAC9C,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,mBAAAC;AAAA,EACJ,IAAMJ,GACEK,IAAUC,EAAO,OAAO;AAAA,IAC5B,mBAAmB,CAAAC,MAAQA,MAAS,WAAWA,MAAS,QAAQA,MAAS;AAAA,EAC7E,CAAG,EAAEC,CAAe;AAgBlB,SAfyB,gBAAAC,EAAM,WAAW,SAAaC,GAASC,GAAK;AACnE,UAAMC,IAAQC,EAASX,CAAY,GAC7B;AAAA,MACJ,WAAAY;AAAA,MACA,WAAAC,IAAY;AAAA,MACZ,GAAGC;AAAA,IACT,IAAQC,EAAaP,CAAO;AACxB,WAAoBQ,gBAAAA,EAAAA,IAAKb,GAAS;AAAA,MAChC,IAAIU;AAAA,MACJ,KAAKJ;AAAA,MACL,WAAWQ,EAAKL,GAAWV,IAAoBA,EAAkBD,CAAgB,IAAIA,CAAgB;AAAA,MACrG,OAAOF,KAAUW,EAAMX,CAAO,KAAKW;AAAA,MACnC,GAAGI;AAAA,IACT,CAAK;AAAA,EACH,CAAC;AAEH;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es107.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/TextField/textFieldClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTextFieldUtilityClass(slot) {\n  return generateUtilityClass('MuiTextField', slot);\n}\nconst textFieldClasses = generateUtilityClasses('MuiTextField', ['root']);\nexport default textFieldClasses;"],"names":["getTextFieldUtilityClass","slot","generateUtilityClass","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAyBC,GAAM;AAC7C,SAAOC,EAAqB,gBAAgBD,CAAI;AAClD;AACyBE,EAAuB,gBAAgB,CAAC,MAAM,CAAC;","x_google_ignoreList":[0]}

package/dist/ui-components.es108.js

@@ -1,18 +1,51 @@
-const t = (e) => e, a = () => {
-  let e = t;
-  return {
-    configure(r) {
-      e = r;
+import y from "./ui-components.es220.js";
+import T from "./ui-components.es221.js";
+import g from "./ui-components.es137.js";
+import h from "./ui-components.es222.js";
+function L(o, t) {
+  const {
+    className: c,
+    elementType: i,
+    ownerState: n,
+    externalForwardedProps: P,
+    internalForwardedProps: s,
+    shouldForwardComponentProp: p = !1,
+    ...a
+  } = t, {
+    component: l,
+    slots: r = {
+      [o]: void 0
     },
-    generate(r) {
-      return e(r);
+    slotProps: u = {
+      [o]: void 0
     },
-    reset() {
-      e = t;
-    }
-  };
-}, n = a();
+    ...w
+  } = P, d = r[o] || i, f = y(u[o], n), {
+    props: {
+      component: m,
+      ...C
+    },
+    internalRef: S
+  } = T({
+    className: c,
+    ...a,
+    externalForwardedProps: o === "root" ? w : void 0,
+    externalSlotProps: f
+  }), F = g(S, f?.ref, t.ref), e = o === "root" ? m || l : m, x = h(d, {
+    ...o === "root" && !l && !r[o] && s,
+    ...o !== "root" && !r[o] && s,
+    ...C,
+    ...e && !p && {
+      as: e
+    },
+    ...e && p && {
+      component: e
+    },
+    ref: F
+  }, n);
+  return [d, x];
+}
 export {
-  n as default
+  L as default
 };
 //# sourceMappingURL=ui-components.es108.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es108.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.2.0_@types+react@19.1.8_react@19.1.0/node_modules/@mui/utils/esm/ClassNameGenerator/ClassNameGenerator.js"],"sourcesContent":["const defaultGenerator = componentName => componentName;\nconst createClassNameGenerator = () => {\n  let generate = defaultGenerator;\n  return {\n    configure(generator) {\n      generate = generator;\n    },\n    generate(componentName) {\n      return generate(componentName);\n    },\n    reset() {\n      generate = defaultGenerator;\n    }\n  };\n};\nconst ClassNameGenerator = createClassNameGenerator();\nexport default ClassNameGenerator;"],"names":["defaultGenerator","componentName","createClassNameGenerator","generate","generator","ClassNameGenerator"],"mappings":"AAAA,MAAMA,IAAmB,CAAAC,MAAiBA,GACpCC,IAA2B,MAAM;AACrC,MAAIC,IAAWH;AACf,SAAO;AAAA,IACL,UAAUI,GAAW;AACnB,MAAAD,IAAWC;AAAA,IACb;AAAA,IACA,SAASH,GAAe;AACtB,aAAOE,EAASF,CAAa;AAAA,IAC/B;AAAA,IACA,QAAQ;AACN,MAAAE,IAAWH;AAAA,IACb;AAAA,EACJ;AACA,GACMK,IAAqBH,EAAwB;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es108.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/utils/useSlot.js"],"sourcesContent":["'use client';\n\nimport useForkRef from '@mui/utils/useForkRef';\nimport appendOwnerState from '@mui/utils/appendOwnerState';\nimport resolveComponentProps from '@mui/utils/resolveComponentProps';\nimport mergeSlotProps from '@mui/utils/mergeSlotProps';\n/**\n * An internal function to create a Material UI slot.\n *\n * This is an advanced version of Base UI `useSlotProps` because Material UI allows leaf component to be customized via `component` prop\n * while Base UI does not need to support leaf component customization.\n *\n * @param {string} name: name of the slot\n * @param {object} parameters\n * @returns {[Slot, slotProps]} The slot's React component and the slot's props\n *\n * Note: the returned slot's props\n * - will never contain `component` prop.\n * - might contain `as` prop.\n */\nexport default function useSlot(\n/**\n * The slot's name. All Material UI components should have `root` slot.\n *\n * If the name is `root`, the logic behaves differently from other slots,\n * e.g. the `externalForwardedProps` are spread to `root` slot but not other slots.\n */\nname, parameters) {\n  const {\n    className,\n    elementType: initialElementType,\n    ownerState,\n    externalForwardedProps,\n    internalForwardedProps,\n    shouldForwardComponentProp = false,\n    ...useSlotPropsParams\n  } = parameters;\n  const {\n    component: rootComponent,\n    slots = {\n      [name]: undefined\n    },\n    slotProps = {\n      [name]: undefined\n    },\n    ...other\n  } = externalForwardedProps;\n  const elementType = slots[name] || initialElementType;\n\n  // `slotProps[name]` can be a callback that receives the component's ownerState.\n  // `resolvedComponentsProps` is always a plain object.\n  const resolvedComponentsProps = resolveComponentProps(slotProps[name], ownerState);\n  const {\n    props: {\n      component: slotComponent,\n      ...mergedProps\n    },\n    internalRef\n  } = mergeSlotProps({\n    className,\n    ...useSlotPropsParams,\n    externalForwardedProps: name === 'root' ? other : undefined,\n    externalSlotProps: resolvedComponentsProps\n  });\n  const ref = useForkRef(internalRef, resolvedComponentsProps?.ref, parameters.ref);\n  const LeafComponent = name === 'root' ? slotComponent || rootComponent : slotComponent;\n  const props = appendOwnerState(elementType, {\n    ...(name === 'root' && !rootComponent && !slots[name] && internalForwardedProps),\n    ...(name !== 'root' && !slots[name] && internalForwardedProps),\n    ...mergedProps,\n    ...(LeafComponent && !shouldForwardComponentProp && {\n      as: LeafComponent\n    }),\n    ...(LeafComponent && shouldForwardComponentProp && {\n      component: LeafComponent\n    }),\n    ref\n  }, ownerState);\n  return [elementType, props];\n}"],"names":["useSlot","name","parameters","className","initialElementType","ownerState","externalForwardedProps","internalForwardedProps","shouldForwardComponentProp","useSlotPropsParams","rootComponent","slots","slotProps","other","elementType","resolvedComponentsProps","resolveComponentProps","slotComponent","mergedProps","internalRef","mergeSlotProps","ref","useForkRef","LeafComponent","props","appendOwnerState"],"mappings":";;;;AAoBe,SAASA,EAOxBC,GAAMC,GAAY;AAChB,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,aAAaC;AAAA,IACb,YAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,4BAAAC,IAA6B;AAAA,IAC7B,GAAGC;AAAA,EACP,IAAMP,GACE;AAAA,IACJ,WAAWQ;AAAA,IACX,OAAAC,IAAQ;AAAA,MACN,CAACV,CAAI,GAAG;AAAA,IACd;AAAA,IACI,WAAAW,IAAY;AAAA,MACV,CAACX,CAAI,GAAG;AAAA,IACd;AAAA,IACI,GAAGY;AAAA,EACP,IAAMP,GACEQ,IAAcH,EAAMV,CAAI,KAAKG,GAI7BW,IAA0BC,EAAsBJ,EAAUX,CAAI,GAAGI,CAAU,GAC3E;AAAA,IACJ,OAAO;AAAA,MACL,WAAWY;AAAA,MACX,GAAGC;AAAA,IACT;AAAA,IACI,aAAAC;AAAA,EACJ,IAAMC,EAAe;AAAA,IACjB,WAAAjB;AAAA,IACA,GAAGM;AAAA,IACH,wBAAwBR,MAAS,SAASY,IAAQ;AAAA,IAClD,mBAAmBE;AAAA,EACvB,CAAG,GACKM,IAAMC,EAAWH,GAAaJ,GAAyB,KAAKb,EAAW,GAAG,GAC1EqB,IAAgBtB,MAAS,SAASgB,KAAiBP,IAAgBO,GACnEO,IAAQC,EAAiBX,GAAa;AAAA,IAC1C,GAAIb,MAAS,UAAU,CAACS,KAAiB,CAACC,EAAMV,CAAI,KAAKM;AAAA,IACzD,GAAIN,MAAS,UAAU,CAACU,EAAMV,CAAI,KAAKM;AAAA,IACvC,GAAGW;AAAA,IACH,GAAIK,KAAiB,CAACf,KAA8B;AAAA,MAClD,IAAIe;AAAA,IACV;AAAA,IACI,GAAIA,KAAiBf,KAA8B;AAAA,MACjD,WAAWe;AAAA,IACjB;AAAA,IACI,KAAAF;AAAA,EACJ,GAAKhB,CAAU;AACb,SAAO,CAACS,GAAaU,CAAK;AAC5B;","x_google_ignoreList":[0]}

package/dist/ui-components.es109.js

@@ -1,61 +1,22 @@
-import s from "./ui-components.es203.js";
-import p from "./ui-components.es204.js";
-import m from "./ui-components.es205.js";
-function d(a, o, t) {
-  a.colorSchemes && t && (a.colorSchemes[o] = {
-    ...t !== !0 && t,
-    palette: s({
-      ...t === !0 ? {} : t.palette,
-      mode: o
-    })
-    // cast type to skip module augmentation test
-  });
+import * as u from "react";
+let n = 0;
+function f(t) {
+  const [e, a] = u.useState(t), c = t || e;
+  return u.useEffect(() => {
+    e == null && (n += 1, a(`mui-${n}`));
+  }, [e]), c;
 }
-function C(a = {}, ...o) {
-  const {
-    palette: t,
-    cssVariables: i = !1,
-    colorSchemes: f = t ? void 0 : {
-      light: !0
-    },
-    defaultColorScheme: n = t?.mode,
-    ...u
-  } = a, r = n || "light", h = f?.[r], e = {
-    ...f,
-    ...t ? {
-      [r]: {
-        ...typeof h != "boolean" && h,
-        palette: t
-      }
-    } : void 0
-  };
-  if (i === !1) {
-    if (!("colorSchemes" in a))
-      return m(a, ...o);
-    let c = t;
-    "palette" in a || e[r] && (e[r] !== !0 ? c = e[r].palette : r === "dark" && (c = {
-      mode: "dark"
-    }));
-    const l = m({
-      ...a,
-      palette: c
-    }, ...o);
-    return l.defaultColorScheme = r, l.colorSchemes = e, l.palette.mode === "light" && (l.colorSchemes.light = {
-      ...e.light !== !0 && e.light,
-      palette: l.palette
-    }, d(l, "dark", e.dark)), l.palette.mode === "dark" && (l.colorSchemes.dark = {
-      ...e.dark !== !0 && e.dark,
-      palette: l.palette
-    }, d(l, "light", e.light)), l;
+const o = {
+  ...u
+}, s = o.useId;
+function l(t) {
+  if (s !== void 0) {
+    const e = s();
+    return t ?? e;
   }
-  return !t && !("light" in e) && r === "light" && (e.light = !0), p({
-    ...u,
-    colorSchemes: e,
-    defaultColorScheme: r,
-    ...typeof i != "boolean" && i
-  }, ...o);
+  return f(t);
 }
 export {
-  C as default
+  l as default
 };
 //# sourceMappingURL=ui-components.es109.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es109.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/styles/createTheme.js"],"sourcesContent":["import createPalette from \"./createPalette.js\";\nimport createThemeWithVars from \"./createThemeWithVars.js\";\nimport createThemeNoVars from \"./createThemeNoVars.js\";\n// eslint-disable-next-line consistent-return\nfunction attachColorScheme(theme, scheme, colorScheme) {\n  if (!theme.colorSchemes) {\n    return undefined;\n  }\n  if (colorScheme) {\n    theme.colorSchemes[scheme] = {\n      ...(colorScheme !== true && colorScheme),\n      palette: createPalette({\n        ...(colorScheme === true ? {} : colorScheme.palette),\n        mode: scheme\n      }) // cast type to skip module augmentation test\n    };\n  }\n}\n\n/**\n * Generate a theme base on the options received.\n * @param options Takes an incomplete theme object and adds the missing parts.\n * @param args Deep merge the arguments with the about to be returned theme.\n * @returns A complete, ready-to-use theme object.\n */\nexport default function createTheme(options = {},\n// cast type to skip module augmentation test\n...args) {\n  const {\n    palette,\n    cssVariables = false,\n    colorSchemes: initialColorSchemes = !palette ? {\n      light: true\n    } : undefined,\n    defaultColorScheme: initialDefaultColorScheme = palette?.mode,\n    ...rest\n  } = options;\n  const defaultColorSchemeInput = initialDefaultColorScheme || 'light';\n  const defaultScheme = initialColorSchemes?.[defaultColorSchemeInput];\n  const colorSchemesInput = {\n    ...initialColorSchemes,\n    ...(palette ? {\n      [defaultColorSchemeInput]: {\n        ...(typeof defaultScheme !== 'boolean' && defaultScheme),\n        palette\n      }\n    } : undefined)\n  };\n  if (cssVariables === false) {\n    if (!('colorSchemes' in options)) {\n      // Behaves exactly as v5\n      return createThemeNoVars(options, ...args);\n    }\n    let paletteOptions = palette;\n    if (!('palette' in options)) {\n      if (colorSchemesInput[defaultColorSchemeInput]) {\n        if (colorSchemesInput[defaultColorSchemeInput] !== true) {\n          paletteOptions = colorSchemesInput[defaultColorSchemeInput].palette;\n        } else if (defaultColorSchemeInput === 'dark') {\n          // @ts-ignore to prevent the module augmentation test from failing\n          paletteOptions = {\n            mode: 'dark'\n          };\n        }\n      }\n    }\n    const theme = createThemeNoVars({\n      ...options,\n      palette: paletteOptions\n    }, ...args);\n    theme.defaultColorScheme = defaultColorSchemeInput;\n    theme.colorSchemes = colorSchemesInput;\n    if (theme.palette.mode === 'light') {\n      theme.colorSchemes.light = {\n        ...(colorSchemesInput.light !== true && colorSchemesInput.light),\n        palette: theme.palette\n      };\n      attachColorScheme(theme, 'dark', colorSchemesInput.dark);\n    }\n    if (theme.palette.mode === 'dark') {\n      theme.colorSchemes.dark = {\n        ...(colorSchemesInput.dark !== true && colorSchemesInput.dark),\n        palette: theme.palette\n      };\n      attachColorScheme(theme, 'light', colorSchemesInput.light);\n    }\n    return theme;\n  }\n  if (!palette && !('light' in colorSchemesInput) && defaultColorSchemeInput === 'light') {\n    colorSchemesInput.light = true;\n  }\n  return createThemeWithVars({\n    ...rest,\n    colorSchemes: colorSchemesInput,\n    defaultColorScheme: defaultColorSchemeInput,\n    ...(typeof cssVariables !== 'boolean' && cssVariables)\n  }, ...args);\n}"],"names":["attachColorScheme","theme","scheme","colorScheme","createPalette","createTheme","options","args","palette","cssVariables","initialColorSchemes","initialDefaultColorScheme","rest","defaultColorSchemeInput","defaultScheme","colorSchemesInput","createThemeNoVars","paletteOptions","createThemeWithVars"],"mappings":";;;AAIA,SAASA,EAAkBC,GAAOC,GAAQC,GAAa;AACrD,EAAKF,EAAM,gBAGPE,MACFF,EAAM,aAAaC,CAAM,IAAI;AAAA,IAC3B,GAAIC,MAAgB,MAAQA;AAAA,IAC5B,SAASC,EAAc;AAAA,MACrB,GAAID,MAAgB,KAAO,KAAKA,EAAY;AAAA,MAC5C,MAAMD;AAAA,IACd,CAAO;AAAA;AAAA,EACP;AAEA;AAQe,SAASG,EAAYC,IAAU,CAAA,MAE3CC,GAAM;AACP,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,cAAcC,IAAuBF,IAEjC,SAF2C;AAAA,MAC7C,OAAO;AAAA,IACb;AAAA,IACI,oBAAoBG,IAA4BH,GAAS;AAAA,IACzD,GAAGI;AAAA,EACP,IAAMN,GACEO,IAA0BF,KAA6B,SACvDG,IAAgBJ,IAAsBG,CAAuB,GAC7DE,IAAoB;AAAA,IACxB,GAAGL;AAAA,IACH,GAAIF,IAAU;AAAA,MACZ,CAACK,CAAuB,GAAG;AAAA,QACzB,GAAI,OAAOC,KAAkB,aAAaA;AAAA,QAC1C,SAAAN;AAAA,MACR;AAAA,IACA,IAAQ;AAAA,EACR;AACE,MAAIC,MAAiB,IAAO;AAC1B,QAAI,EAAE,kBAAkBH;AAEtB,aAAOU,EAAkBV,GAAS,GAAGC,CAAI;AAE3C,QAAIU,IAAiBT;AACrB,IAAM,aAAaF,KACbS,EAAkBF,CAAuB,MACvCE,EAAkBF,CAAuB,MAAM,KACjDI,IAAiBF,EAAkBF,CAAuB,EAAE,UACnDA,MAA4B,WAErCI,IAAiB;AAAA,MACf,MAAM;AAAA,IAClB;AAII,UAAMhB,IAAQe,EAAkB;AAAA,MAC9B,GAAGV;AAAA,MACH,SAASW;AAAA,IACf,GAAO,GAAGV,CAAI;AACV,WAAAN,EAAM,qBAAqBY,GAC3BZ,EAAM,eAAec,GACjBd,EAAM,QAAQ,SAAS,YACzBA,EAAM,aAAa,QAAQ;AAAA,MACzB,GAAIc,EAAkB,UAAU,MAAQA,EAAkB;AAAA,MAC1D,SAASd,EAAM;AAAA,IACvB,GACMD,EAAkBC,GAAO,QAAQc,EAAkB,IAAI,IAErDd,EAAM,QAAQ,SAAS,WACzBA,EAAM,aAAa,OAAO;AAAA,MACxB,GAAIc,EAAkB,SAAS,MAAQA,EAAkB;AAAA,MACzD,SAASd,EAAM;AAAA,IACvB,GACMD,EAAkBC,GAAO,SAASc,EAAkB,KAAK,IAEpDd;AAAA,EACT;AACA,SAAI,CAACO,KAAW,EAAE,WAAWO,MAAsBF,MAA4B,YAC7EE,EAAkB,QAAQ,KAErBG,EAAoB;AAAA,IACzB,GAAGN;AAAA,IACH,cAAcG;AAAA,IACd,oBAAoBF;AAAA,IACpB,GAAI,OAAOJ,KAAiB,aAAaA;AAAA,EAC7C,GAAK,GAAGF,CAAI;AACZ;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es109.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.2.0_@types+react@19.1.8_react@19.1.0/node_modules/@mui/utils/esm/useId/useId.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nlet globalId = 0;\n\n// TODO React 17: Remove `useGlobalId` once React 17 support is removed\nfunction useGlobalId(idOverride) {\n  const [defaultId, setDefaultId] = React.useState(idOverride);\n  const id = idOverride || defaultId;\n  React.useEffect(() => {\n    if (defaultId == null) {\n      // Fallback to this default id when possible.\n      // Use the incrementing value for client-side rendering only.\n      // We can't use it server-side.\n      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n      globalId += 1;\n      setDefaultId(`mui-${globalId}`);\n    }\n  }, [defaultId]);\n  return id;\n}\n\n// See https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379 for why\nconst safeReact = {\n  ...React\n};\nconst maybeReactUseId = safeReact.useId;\n\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport default function useId(idOverride) {\n  // React.useId() is only available from React 17.0.0.\n  if (maybeReactUseId !== undefined) {\n    const reactId = maybeReactUseId();\n    return idOverride ?? reactId;\n  }\n\n  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n  // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.\n  return useGlobalId(idOverride);\n}"],"names":["globalId","useGlobalId","idOverride","defaultId","setDefaultId","React","id","safeReact","maybeReactUseId","useId","reactId"],"mappings":";AAGA,IAAIA,IAAW;AAGf,SAASC,EAAYC,GAAY;AAC/B,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAASH,CAAU,GACrDI,IAAKJ,KAAcC;AACzB,SAAAE,EAAM,UAAU,MAAM;AACpB,IAAIF,KAAa,SAKfH,KAAY,GACZI,EAAa,OAAOJ,CAAQ,EAAE;AAAA,EAElC,GAAG,CAACG,CAAS,CAAC,GACPG;AACT;AAGA,MAAMC,IAAY;AAAA,EAChB,GAAGF;AACL,GACMG,IAAkBD,EAAU;AAQnB,SAASE,EAAMP,GAAY;AAExC,MAAIM,MAAoB,QAAW;AACjC,UAAME,IAAUF,EAAe;AAC/B,WAAON,KAAcQ;AAAA,EACvB;AAIA,SAAOT,EAAYC,CAAU;AAC/B;","x_google_ignoreList":[0]}

package/dist/ui-components.es11.js

@@ -1,7 +1,7 @@
 import { c as K } from "./ui-components.es13.js";
 import { useState as Q, useRef as T, useEffect as U } from "react";
-import { getGenes as X, getCCREs as Y, getLegacyCCREs as Z, getICREs as D, getSNPs as ee, getStudys as te } from "./ui-components.es56.js";
-import { isDomain as G, geneResultList as se, ccreResultList as re, getCoordinates as oe, legacyCcreResultList as ce, icreResultList as ne, snpResultList as ie, studyResultList as le, OmesList as ae, omeResultsList as ue } from "./ui-components.es55.js";
+import { getGenes as X, getCCREs as Y, getLegacyCCREs as Z, getICREs as D, getSNPs as ee, getStudys as te } from "./ui-components.es47.js";
+import { isDomain as G, geneResultList as se, ccreResultList as re, getCoordinates as oe, legacyCcreResultList as ce, icreResultList as ne, snpResultList as ie, studyResultList as le, OmesList as ae, omeResultsList as ue } from "./ui-components.es46.js";
 function he(i, j) {
   const e = K.c(36);
   let w;

package/dist/ui-components.es110.js

@@ -1,25 +1,416 @@
-import "react";
-import { j as n } from "./ui-components.es12.js";
-import e from "./ui-components.es130.js";
-import p from "./ui-components.es131.js";
-function x(r) {
-  return function(t) {
-    return (
-      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
-      /* @__PURE__ */ n.jsx(p, {
-        styles: typeof r == "function" ? (o) => r({
-          theme: o,
-          ...t
-        }) : r
-      })
-    );
+import * as v from "react";
+import o from "./ui-components.es81.js";
+import $ from "./ui-components.es282.js";
+import F from "./ui-components.es134.js";
+import k from "./ui-components.es132.js";
+import B from "./ui-components.es142.js";
+import u from "./ui-components.es86.js";
+import N from "./ui-components.es89.js";
+import n, { getOutlinedInputUtilityClass as W } from "./ui-components.es283.js";
+import A, { InputBaseRoot as L, rootOverridesResolver as z, InputBaseInput as M, inputOverridesResolver as q } from "./ui-components.es32.js";
+import E from "./ui-components.es108.js";
+import { j as a } from "./ui-components.es12.js";
+import { useDefaultProps as V } from "./ui-components.es92.js";
+import c from "./ui-components.es25.js";
+import D from "./ui-components.es95.js";
+import U from "./ui-components.es117.js";
+const _ = (e) => {
+  const {
+    classes: t
+  } = e, l = D({
+    root: ["root"],
+    notchedOutline: ["notchedOutline"],
+    input: ["input"]
+  }, W, t);
+  return {
+    ...t,
+    // forward classes to the InputBase
+    ...l
   };
-}
-function a() {
-  return e;
-}
+}, G = c(L, {
+  shouldForwardProp: (e) => B(e) || e === "classes",
+  name: "MuiOutlinedInput",
+  slot: "Root",
+  overridesResolver: z
+})(u(({
+  theme: e
+}) => {
+  const t = e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
+  return {
+    position: "relative",
+    borderRadius: (e.vars || e).shape.borderRadius,
+    [`&:hover .${n.notchedOutline}`]: {
+      borderColor: (e.vars || e).palette.text.primary
+    },
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      [`&:hover .${n.notchedOutline}`]: {
+        borderColor: e.vars ? `rgba(${e.vars.palette.common.onBackgroundChannel} / 0.23)` : t
+      }
+    },
+    [`&.${n.focused} .${n.notchedOutline}`]: {
+      borderWidth: 2
+    },
+    variants: [...Object.entries(e.palette).filter(N()).map(([r]) => ({
+      props: {
+        color: r
+      },
+      style: {
+        [`&.${n.focused} .${n.notchedOutline}`]: {
+          borderColor: (e.vars || e).palette[r].main
+        }
+      }
+    })), {
+      props: {},
+      // to overide the above style
+      style: {
+        [`&.${n.error} .${n.notchedOutline}`]: {
+          borderColor: (e.vars || e).palette.error.main
+        },
+        [`&.${n.disabled} .${n.notchedOutline}`]: {
+          borderColor: (e.vars || e).palette.action.disabled
+        }
+      }
+    }, {
+      props: ({
+        ownerState: r
+      }) => r.startAdornment,
+      style: {
+        paddingLeft: 14
+      }
+    }, {
+      props: ({
+        ownerState: r
+      }) => r.endAdornment,
+      style: {
+        paddingRight: 14
+      }
+    }, {
+      props: ({
+        ownerState: r
+      }) => r.multiline,
+      style: {
+        padding: "16.5px 14px"
+      }
+    }, {
+      props: ({
+        ownerState: r,
+        size: l
+      }) => r.multiline && l === "small",
+      style: {
+        padding: "8.5px 14px"
+      }
+    }]
+  };
+})), H = c($, {
+  name: "MuiOutlinedInput",
+  slot: "NotchedOutline"
+})(u(({
+  theme: e
+}) => {
+  const t = e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
+  return {
+    borderColor: e.vars ? `rgba(${e.vars.palette.common.onBackgroundChannel} / 0.23)` : t
+  };
+})), J = c(M, {
+  name: "MuiOutlinedInput",
+  slot: "Input",
+  overridesResolver: q
+})(u(({
+  theme: e
+}) => ({
+  padding: "16.5px 14px",
+  ...!e.vars && {
+    "&:-webkit-autofill": {
+      WebkitBoxShadow: e.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
+      WebkitTextFillColor: e.palette.mode === "light" ? null : "#fff",
+      caretColor: e.palette.mode === "light" ? null : "#fff",
+      borderRadius: "inherit"
+    }
+  },
+  ...e.vars && {
+    "&:-webkit-autofill": {
+      borderRadius: "inherit"
+    },
+    [e.getColorSchemeSelector("dark")]: {
+      "&:-webkit-autofill": {
+        WebkitBoxShadow: "0 0 0 100px #266798 inset",
+        WebkitTextFillColor: "#fff",
+        caretColor: "#fff"
+      }
+    }
+  },
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      padding: "8.5px 14px"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.multiline,
+    style: {
+      padding: 0
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.startAdornment,
+    style: {
+      paddingLeft: 0
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.endAdornment,
+    style: {
+      paddingRight: 0
+    }
+  }]
+}))), x = /* @__PURE__ */ v.forwardRef(function(t, r) {
+  const l = V({
+    props: t,
+    name: "MuiOutlinedInput"
+  }), {
+    components: m = {},
+    fullWidth: f = !1,
+    inputComponent: R = "input",
+    label: i,
+    multiline: b = !1,
+    notched: y,
+    slots: p = {},
+    slotProps: O = {},
+    type: g = "text",
+    ...I
+  } = l, h = _(l), C = F(), s = k({
+    props: l,
+    muiFormControl: C,
+    states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
+  }), T = {
+    ...l,
+    color: s.color || "primary",
+    disabled: s.disabled,
+    error: s.error,
+    focused: s.focused,
+    formControl: C,
+    fullWidth: f,
+    hiddenLabel: s.hiddenLabel,
+    multiline: b,
+    size: s.size,
+    type: g
+  }, w = p.root ?? m.Root ?? G, j = p.input ?? m.Input ?? J, [P, S] = E("notchedOutline", {
+    elementType: H,
+    className: h.notchedOutline,
+    shouldForwardComponentProp: !0,
+    ownerState: T,
+    externalForwardedProps: {
+      slots: p,
+      slotProps: O
+    },
+    additionalProps: {
+      label: i != null && i !== "" && s.required ? /* @__PURE__ */ a.jsxs(v.Fragment, {
+        children: [i, " ", "*"]
+      }) : i
+    }
+  });
+  return /* @__PURE__ */ a.jsx(A, {
+    slots: {
+      root: w,
+      input: j
+    },
+    slotProps: O,
+    renderSuffix: (d) => /* @__PURE__ */ a.jsx(P, {
+      ...S,
+      notched: typeof y < "u" ? y : !!(d.startAdornment || d.filled || d.focused)
+    }),
+    fullWidth: f,
+    inputComponent: R,
+    multiline: b,
+    ref: r,
+    type: g,
+    ...I,
+    classes: {
+      ...h,
+      notchedOutline: null
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (x.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * This prop helps users to fill forms faster, especially on mobile devices.
+   * The name can be confusing, as it's more like an autofill.
+   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+   */
+  autoComplete: o.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: o.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
+   */
+  color: o.oneOfType([o.oneOf(["primary", "secondary"]), o.string]),
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  components: o.shape({
+    Input: o.elementType,
+    Root: o.elementType
+  }),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: o.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: o.bool,
+  /**
+   * End `InputAdornment` for this component.
+   */
+  endAdornment: o.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error: o.bool,
+  /**
+   * If `true`, the `input` will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: o.bool,
+  /**
+   * The id of the `input` element.
+   */
+  id: o.string,
+  /**
+   * The component used for the `input` element.
+   * Either a string to use a HTML element or a component.
+   * @default 'input'
+   */
+  inputComponent: o.elementType,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
+   * @default {}
+   */
+  inputProps: o.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: U,
+  /**
+   * The label of the `input`. It is only used for layout. The actual labelling
+   * is handled by `InputLabel`.
+   */
+  label: o.node,
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
+   */
+  margin: o.oneOf(["dense", "none"]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: o.oneOfType([o.number, o.string]),
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: o.oneOfType([o.number, o.string]),
+  /**
+   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
+   * @default false
+   */
+  multiline: o.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: o.string,
+  /**
+   * If `true`, the outline is notched to accommodate the label.
+   */
+  notched: o.bool,
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: o.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: o.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: o.bool,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: o.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: o.oneOfType([o.number, o.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    input: o.object,
+    notchedOutline: o.oneOfType([o.func, o.object]),
+    root: o.object
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    input: o.elementType,
+    notchedOutline: o.elementType,
+    root: o.elementType
+  }),
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: o.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
+   * @default 'text'
+   */
+  type: o.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: o.any
+});
+x.muiName = "Input";
 export {
-  x as globalCss,
-  a as internal_createExtendSxProp
+  x as default
 };
 //# sourceMappingURL=ui-components.es110.js.map