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

package/dist/ui-components.es298.js

@@ -1,9 +1,174 @@
-import o from "./ui-components.es78.js";
-import { j as r } from "./ui-components.es15.js";
-const n = o(/* @__PURE__ */ r.jsx("path", {
-  d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown");
+import * as x from "react";
+import o from "./ui-components.es89.js";
+import { clsx as j } from "./ui-components.es92.js";
+import q from "./ui-components.es144.js";
+import C from "./ui-components.es146.js";
+import b from "./ui-components.es93.js";
+import L from "./ui-components.es104.js";
+import c, { getFormLabelUtilityClasses as g } from "./ui-components.es299.js";
+import { j as u } from "./ui-components.es15.js";
+import { useDefaultProps as O } from "./ui-components.es96.js";
+import S from "./ui-components.es109.js";
+import T from "./ui-components.es97.js";
+import y from "./ui-components.es50.js";
+const w = (r) => {
+  const {
+    classes: e,
+    color: t,
+    focused: l,
+    disabled: n,
+    error: a,
+    filled: p,
+    required: i
+  } = r, m = {
+    root: ["root", `color${S(t)}`, n && "disabled", a && "error", p && "filled", l && "focused", i && "required"],
+    asterisk: ["asterisk", a && "error"]
+  };
+  return T(m, g, e);
+}, N = y("label", {
+  name: "MuiFormLabel",
+  slot: "Root",
+  overridesResolver: (r, e) => {
+    const {
+      ownerState: t
+    } = r;
+    return [e.root, t.color === "secondary" && e.colorSecondary, t.filled && e.filled];
+  }
+})(b(({
+  theme: r
+}) => ({
+  color: (r.vars || r).palette.text.secondary,
+  ...r.typography.body1,
+  lineHeight: "1.4375em",
+  padding: 0,
+  position: "relative",
+  variants: [...Object.entries(r.palette).filter(L()).map(([e]) => ({
+    props: {
+      color: e
+    },
+    style: {
+      [`&.${c.focused}`]: {
+        color: (r.vars || r).palette[e].main
+      }
+    }
+  })), {
+    props: {},
+    style: {
+      [`&.${c.disabled}`]: {
+        color: (r.vars || r).palette.text.disabled
+      },
+      [`&.${c.error}`]: {
+        color: (r.vars || r).palette.error.main
+      }
+    }
+  }]
+}))), R = y("span", {
+  name: "MuiFormLabel",
+  slot: "Asterisk"
+})(b(({
+  theme: r
+}) => ({
+  [`&.${c.error}`]: {
+    color: (r.vars || r).palette.error.main
+  }
+}))), k = /* @__PURE__ */ x.forwardRef(function(e, t) {
+  const l = O({
+    props: e,
+    name: "MuiFormLabel"
+  }), {
+    children: n,
+    className: a,
+    color: p,
+    component: i = "label",
+    disabled: m,
+    error: $,
+    filled: E,
+    focused: M,
+    required: P,
+    ...v
+  } = l, F = C(), s = q({
+    props: l,
+    muiFormControl: F,
+    states: ["color", "required", "focused", "disabled", "error", "filled"]
+  }), d = {
+    ...l,
+    color: s.color || "primary",
+    component: i,
+    disabled: s.disabled,
+    error: s.error,
+    filled: s.filled,
+    focused: s.focused,
+    required: s.required
+  }, f = w(d);
+  return /* @__PURE__ */ u.jsxs(N, {
+    as: i,
+    ownerState: d,
+    className: j(f.root, a),
+    ref: t,
+    ...v,
+    children: [n, s.required && /* @__PURE__ */ u.jsxs(R, {
+      ownerState: d,
+      "aria-hidden": !0,
+      className: f.asterisk,
+      children: [" ", "*"]
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (k.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * 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).
+   */
+  color: o.oneOfType([o.oneOf(["error", "info", "primary", "secondary", "success", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * If `true`, the label should be displayed in a disabled state.
+   */
+  disabled: o.bool,
+  /**
+   * If `true`, the label is displayed in an error state.
+   */
+  error: o.bool,
+  /**
+   * If `true`, the label should use filled classes key.
+   */
+  filled: o.bool,
+  /**
+   * If `true`, the input of this label is focused (used by `FormGroup` components).
+   */
+  focused: o.bool,
+  /**
+   * If `true`, the label will indicate that the `input` is required.
+   */
+  required: o.bool,
+  /**
+   * 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])
+});
 export {
-  n as default
+  N as FormLabelRoot,
+  k as default
 };
 //# sourceMappingURL=ui-components.es298.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es298.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/internal/svg-icons/ArrowDropDown.js"],"sourcesContent":["'use client';\n\nimport createSvgIcon from \"../../utils/createSvgIcon.js\";\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M7 10l5 5 5-5z\"\n}), 'ArrowDropDown');"],"names":["ArrowDropDownIcon","createSvgIcon","_jsx"],"mappings":";;AAQA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,eAAe;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es298.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/FormLabel/FormLabel.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport formControlState from \"../FormControl/formControlState.js\";\nimport useFormControl from \"../FormControl/useFormControl.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport createSimplePaletteValueFilter from \"../utils/createSimplePaletteValueFilter.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport formLabelClasses, { getFormLabelUtilityClasses } from \"./formLabelClasses.js\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    color,\n    focused,\n    disabled,\n    error,\n    filled,\n    required\n  } = ownerState;\n  const slots = {\n    root: ['root', `color${capitalize(color)}`, disabled && 'disabled', error && 'error', filled && 'filled', focused && 'focused', required && 'required'],\n    asterisk: ['asterisk', error && 'error']\n  };\n  return composeClasses(slots, getFormLabelUtilityClasses, classes);\n};\nexport const FormLabelRoot = styled('label', {\n  name: 'MuiFormLabel',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  color: (theme.vars || theme).palette.text.secondary,\n  ...theme.typography.body1,\n  lineHeight: '1.4375em',\n  padding: 0,\n  position: 'relative',\n  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      [`&.${formLabelClasses.focused}`]: {\n        color: (theme.vars || theme).palette[color].main\n      }\n    }\n  })), {\n    props: {},\n    style: {\n      [`&.${formLabelClasses.disabled}`]: {\n        color: (theme.vars || theme).palette.text.disabled\n      },\n      [`&.${formLabelClasses.error}`]: {\n        color: (theme.vars || theme).palette.error.main\n      }\n    }\n  }]\n})));\nconst AsteriskComponent = styled('span', {\n  name: 'MuiFormLabel',\n  slot: 'Asterisk'\n})(memoTheme(({\n  theme\n}) => ({\n  [`&.${formLabelClasses.error}`]: {\n    color: (theme.vars || theme).palette.error.main\n  }\n})));\nconst FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormLabel'\n  });\n  const {\n    children,\n    className,\n    color,\n    component = 'label',\n    disabled,\n    error,\n    filled,\n    focused,\n    required,\n    ...other\n  } = props;\n  const muiFormControl = useFormControl();\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']\n  });\n  const ownerState = {\n    ...props,\n    color: fcs.color || 'primary',\n    component,\n    disabled: fcs.disabled,\n    error: fcs.error,\n    filled: fcs.filled,\n    focused: fcs.focused,\n    required: fcs.required\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(FormLabelRoot, {\n    as: component,\n    ownerState: ownerState,\n    className: clsx(classes.root, className),\n    ref: ref,\n    ...other,\n    children: [children, fcs.required && /*#__PURE__*/_jsxs(AsteriskComponent, {\n      ownerState: ownerState,\n      \"aria-hidden\": true,\n      className: classes.asterisk,\n      children: [\"\\u2009\", '*']\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? FormLabel.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the label should be displayed in a disabled state.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is displayed in an error state.\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the label should use filled classes key.\n   */\n  filled: PropTypes.bool,\n  /**\n   * If `true`, the input of this label is focused (used by `FormGroup` components).\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `true`, the label will indicate that the `input` is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default FormLabel;"],"names":["useUtilityClasses","ownerState","classes","color","focused","disabled","error","filled","required","slots","capitalize","composeClasses","getFormLabelUtilityClasses","FormLabelRoot","styled","props","styles","memoTheme","theme","createSimplePaletteValueFilter","formLabelClasses","AsteriskComponent","FormLabel","React","inProps","ref","useDefaultProps","children","className","component","other","muiFormControl","useFormControl","fcs","formControlState","_jsxs","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es299.js

@@ -1,237 +1,11 @@
-import * as v from "react";
-import r from "./ui-components.es89.js";
-import { clsx as g } from "./ui-components.es102.js";
-import u, { getNativeSelectUtilityClasses as R } from "./ui-components.es348.js";
-import N from "./ui-components.es143.js";
-import { j as d } from "./ui-components.es15.js";
-import f from "./ui-components.es113.js";
-import y from "./ui-components.es114.js";
-import n from "./ui-components.es48.js";
-import h from "./ui-components.es132.js";
-const C = (t) => {
-  const {
-    classes: e,
-    variant: o,
-    disabled: a,
-    multiple: i,
-    open: s,
-    error: l
-  } = t, c = {
-    select: ["select", o, a && "disabled", i && "multiple", l && "error"],
-    icon: ["icon", `icon${f(o)}`, s && "iconOpen", a && "disabled"]
-  };
-  return y(c, R, e);
-}, w = n("select", {
-  name: "MuiNativeSelect"
-})(({
-  theme: t
-}) => ({
-  // Reset
-  MozAppearance: "none",
-  // Reset
-  WebkitAppearance: "none",
-  // When interacting quickly, the text can end up selected.
-  // Native select can't be selected either.
-  userSelect: "none",
-  // Reset
-  borderRadius: 0,
-  cursor: "pointer",
-  "&:focus": {
-    // Reset Chrome style
-    borderRadius: 0
-  },
-  [`&.${u.disabled}`]: {
-    cursor: "default"
-  },
-  "&[multiple]": {
-    height: "auto"
-  },
-  "&:not([multiple]) option, &:not([multiple]) optgroup": {
-    backgroundColor: (t.vars || t).palette.background.paper
-  },
-  variants: [{
-    props: ({
-      ownerState: e
-    }) => e.variant !== "filled" && e.variant !== "outlined",
-    style: {
-      // Bump specificity to allow extending custom inputs
-      "&&&": {
-        paddingRight: 24,
-        minWidth: 16
-        // So it doesn't collapse.
-      }
-    }
-  }, {
-    props: {
-      variant: "filled"
-    },
-    style: {
-      "&&&": {
-        paddingRight: 32
-      }
-    }
-  }, {
-    props: {
-      variant: "outlined"
-    },
-    style: {
-      borderRadius: (t.vars || t).shape.borderRadius,
-      "&:focus": {
-        borderRadius: (t.vars || t).shape.borderRadius
-        // Reset the reset for Chrome style
-      },
-      "&&&": {
-        paddingRight: 32
-      }
-    }
-  }]
-})), x = n(w, {
-  name: "MuiNativeSelect",
-  slot: "Select",
-  shouldForwardProp: N,
-  overridesResolver: (t, e) => {
-    const {
-      ownerState: o
-    } = t;
-    return [e.select, e[o.variant], o.error && e.error, {
-      [`&.${u.multiple}`]: e.multiple
-    }];
-  }
-})({}), I = n("svg", {
-  name: "MuiNativeSelect"
-})(({
-  theme: t
-}) => ({
-  // We use a position absolute over a flexbox in order to forward the pointer events
-  // to the input and to support wrapping tags..
-  position: "absolute",
-  right: 0,
-  // Center vertically, height is 1em
-  top: "calc(50% - .5em)",
-  // Don't block pointer events on the select under the icon.
-  pointerEvents: "none",
-  color: (t.vars || t).palette.action.active,
-  [`&.${u.disabled}`]: {
-    color: (t.vars || t).palette.action.disabled
-  },
-  variants: [{
-    props: ({
-      ownerState: e
-    }) => e.open,
-    style: {
-      transform: "rotate(180deg)"
-    }
-  }, {
-    props: {
-      variant: "filled"
-    },
-    style: {
-      right: 7
-    }
-  }, {
-    props: {
-      variant: "outlined"
-    },
-    style: {
-      right: 7
-    }
-  }]
-})), j = n(I, {
-  name: "MuiNativeSelect",
-  slot: "Icon",
-  overridesResolver: (t, e) => {
-    const {
-      ownerState: o
-    } = t;
-    return [e.icon, o.variant && e[`icon${f(o.variant)}`], o.open && e.iconOpen];
-  }
-})({}), M = /* @__PURE__ */ v.forwardRef(function(e, o) {
-  const {
-    className: a,
-    disabled: i,
-    error: s,
-    IconComponent: l,
-    inputRef: c,
-    variant: b = "standard",
-    ...S
-  } = e, p = {
-    ...e,
-    disabled: i,
-    variant: b,
-    error: s
-  }, m = C(p);
-  return /* @__PURE__ */ d.jsxs(v.Fragment, {
-    children: [/* @__PURE__ */ d.jsx(x, {
-      ownerState: p,
-      className: g(m.select, a),
-      disabled: i,
-      ref: c || o,
-      ...S
-    }), e.multiple ? null : /* @__PURE__ */ d.jsx(j, {
-      as: l,
-      ownerState: p,
-      className: m.icon
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (M.propTypes = {
-  /**
-   * The option elements to populate the select with.
-   * Can be some `<option>` elements.
-   */
-  children: r.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  /**
-   * The CSS class name of the select element.
-   */
-  className: r.string,
-  /**
-   * If `true`, the select is disabled.
-   */
-  disabled: r.bool,
-  /**
-   * If `true`, the `select input` will indicate an error.
-   */
-  error: r.bool,
-  /**
-   * The icon that displays the arrow.
-   */
-  IconComponent: r.elementType.isRequired,
-  /**
-   * Use that prop to pass a ref to the native select element.
-   * @deprecated
-   */
-  inputRef: h,
-  /**
-   * @ignore
-   */
-  multiple: r.bool,
-  /**
-   * Name attribute of the `select` or hidden `input` element.
-   */
-  name: r.string,
-  /**
-   * Callback fired when a menu item is selected.
-   *
-   * @param {object} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: r.func,
-  /**
-   * The input value.
-   */
-  value: r.any,
-  /**
-   * The variant to use.
-   */
-  variant: r.oneOf(["standard", "outlined", "filled"])
-});
+import r from "./ui-components.es99.js";
+import o from "./ui-components.es98.js";
+function l(e) {
+  return o("MuiFormLabel", e);
+}
+const a = r("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]);
 export {
-  I as StyledSelectIcon,
-  w as StyledSelectSelect,
-  M as default
+  a as default,
+  l as getFormLabelUtilityClasses
 };
 //# sourceMappingURL=ui-components.es299.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es299.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/NativeSelect/NativeSelectInput.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport capitalize from \"../utils/capitalize.js\";\nimport nativeSelectClasses, { getNativeSelectUtilityClasses } from \"./nativeSelectClasses.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    disabled,\n    multiple,\n    open,\n    error\n  } = ownerState;\n  const slots = {\n    select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],\n    icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled']\n  };\n  return composeClasses(slots, getNativeSelectUtilityClasses, classes);\n};\nexport const StyledSelectSelect = styled('select', {\n  name: 'MuiNativeSelect'\n})(({\n  theme\n}) => ({\n  // Reset\n  MozAppearance: 'none',\n  // Reset\n  WebkitAppearance: 'none',\n  // When interacting quickly, the text can end up selected.\n  // Native select can't be selected either.\n  userSelect: 'none',\n  // Reset\n  borderRadius: 0,\n  cursor: 'pointer',\n  '&:focus': {\n    // Reset Chrome style\n    borderRadius: 0\n  },\n  [`&.${nativeSelectClasses.disabled}`]: {\n    cursor: 'default'\n  },\n  '&[multiple]': {\n    height: 'auto'\n  },\n  '&:not([multiple]) option, &:not([multiple]) optgroup': {\n    backgroundColor: (theme.vars || theme).palette.background.paper\n  },\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.variant !== 'filled' && ownerState.variant !== 'outlined',\n    style: {\n      // Bump specificity to allow extending custom inputs\n      '&&&': {\n        paddingRight: 24,\n        minWidth: 16 // So it doesn't collapse.\n      }\n    }\n  }, {\n    props: {\n      variant: 'filled'\n    },\n    style: {\n      '&&&': {\n        paddingRight: 32\n      }\n    }\n  }, {\n    props: {\n      variant: 'outlined'\n    },\n    style: {\n      borderRadius: (theme.vars || theme).shape.borderRadius,\n      '&:focus': {\n        borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style\n      },\n      '&&&': {\n        paddingRight: 32\n      }\n    }\n  }]\n}));\nconst NativeSelectSelect = styled(StyledSelectSelect, {\n  name: 'MuiNativeSelect',\n  slot: 'Select',\n  shouldForwardProp: rootShouldForwardProp,\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.select, styles[ownerState.variant], ownerState.error && styles.error, {\n      [`&.${nativeSelectClasses.multiple}`]: styles.multiple\n    }];\n  }\n})({});\nexport const StyledSelectIcon = styled('svg', {\n  name: 'MuiNativeSelect'\n})(({\n  theme\n}) => ({\n  // We use a position absolute over a flexbox in order to forward the pointer events\n  // to the input and to support wrapping tags..\n  position: 'absolute',\n  right: 0,\n  // Center vertically, height is 1em\n  top: 'calc(50% - .5em)',\n  // Don't block pointer events on the select under the icon.\n  pointerEvents: 'none',\n  color: (theme.vars || theme).palette.action.active,\n  [`&.${nativeSelectClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.action.disabled\n  },\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.open,\n    style: {\n      transform: 'rotate(180deg)'\n    }\n  }, {\n    props: {\n      variant: 'filled'\n    },\n    style: {\n      right: 7\n    }\n  }, {\n    props: {\n      variant: 'outlined'\n    },\n    style: {\n      right: 7\n    }\n  }]\n}));\nconst NativeSelectIcon = styled(StyledSelectIcon, {\n  name: 'MuiNativeSelect',\n  slot: 'Icon',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.icon, ownerState.variant && styles[`icon${capitalize(ownerState.variant)}`], ownerState.open && styles.iconOpen];\n  }\n})({});\n\n/**\n * @ignore - internal component.\n */\nconst NativeSelectInput = /*#__PURE__*/React.forwardRef(function NativeSelectInput(props, ref) {\n  const {\n    className,\n    disabled,\n    error,\n    IconComponent,\n    inputRef,\n    variant = 'standard',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    disabled,\n    variant,\n    error\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(NativeSelectSelect, {\n      ownerState: ownerState,\n      className: clsx(classes.select, className),\n      disabled: disabled,\n      ref: inputRef || ref,\n      ...other\n    }), props.multiple ? null : /*#__PURE__*/_jsx(NativeSelectIcon, {\n      as: IconComponent,\n      ownerState: ownerState,\n      className: classes.icon\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? NativeSelectInput.propTypes = {\n  /**\n   * The option elements to populate the select with.\n   * Can be some `<option>` elements.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * The CSS class name of the select element.\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the select is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the `select input` will indicate an error.\n   */\n  error: PropTypes.bool,\n  /**\n   * The icon that displays the arrow.\n   */\n  IconComponent: PropTypes.elementType.isRequired,\n  /**\n   * Use that prop to pass a ref to the native select element.\n   * @deprecated\n   */\n  inputRef: refType,\n  /**\n   * @ignore\n   */\n  multiple: PropTypes.bool,\n  /**\n   * Name attribute of the `select` or hidden `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when a menu item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * The input value.\n   */\n  value: PropTypes.any,\n  /**\n   * The variant to use.\n   */\n  variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])\n} : void 0;\nexport default NativeSelectInput;"],"names":["useUtilityClasses","ownerState","classes","variant","disabled","multiple","open","error","slots","capitalize","composeClasses","getNativeSelectUtilityClasses","StyledSelectSelect","styled","theme","nativeSelectClasses","NativeSelectSelect","rootShouldForwardProp","props","styles","StyledSelectIcon","NativeSelectIcon","NativeSelectInput","React","ref","className","IconComponent","inputRef","other","_jsxs","_jsx","clsx","PropTypes","refType"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es299.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/FormLabel/formLabelClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getFormLabelUtilityClasses(slot) {\n  return generateUtilityClass('MuiFormLabel', slot);\n}\nconst formLabelClasses = generateUtilityClasses('MuiFormLabel', ['root', 'colorSecondary', 'focused', 'disabled', 'error', 'filled', 'required', 'asterisk']);\nexport default formLabelClasses;"],"names":["getFormLabelUtilityClasses","slot","generateUtilityClass","formLabelClasses","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAA2BC,GAAM;AAC/C,SAAOC,EAAqB,gBAAgBD,CAAI;AAClD;AACK,MAACE,IAAmBC,EAAuB,gBAAgB,CAAC,QAAQ,kBAAkB,WAAW,YAAY,SAAS,UAAU,YAAY,UAAU,CAAC;","x_google_ignoreList":[0]}

package/dist/ui-components.es3.js

@@ -1,13 +1,13 @@
 import { j as s } from "./ui-components.es15.js";
 import { useState as ve, useEffect as Re, createElement as we } from "react";
-import { c as Ce } from "./ui-components.es17.js";
-import { isDomain as ke } from "./ui-components.es63.js";
-import { TextField as Oe, Autocomplete as Ee, Button as Be, Box as _e, Typography as le } from "@mui/material";
+import { c as Ce } from "./ui-components.es16.js";
+import { isDomain as ke } from "./ui-components.es17.js";
+import { TextField as Oe, Autocomplete as Ee, Button as Be, Box as _e, Typography as oe } from "@mui/material";
 import { useEntityAutocomplete as Le } from "./ui-components.es12.js";
-function Qe(l) {
+function Qe(o) {
   const e = Ce.c(97);
   let n, d, m, x, y, i, c, h, S, b, g, v, a;
-  e[0] !== l ? ({
+  e[0] !== o ? ({
     queries: c,
     assembly: n,
     showiCREFlag: h,
@@ -21,10 +21,10 @@ function Qe(l) {
     slots: b,
     slotProps: S,
     ...d
-  } = l, e[0] = l, e[1] = n, e[2] = d, e[3] = m, e[4] = x, e[5] = y, e[6] = i, e[7] = c, e[8] = h, e[9] = S, e[10] = b, e[11] = g, e[12] = v, e[13] = a) : (n = e[1], d = e[2], m = e[3], x = e[4], y = e[5], i = e[6], c = e[7], h = e[8], S = e[9], b = e[10], g = e[11], v = e[12], a = e[13]);
+  } = o, e[0] = o, e[1] = n, e[2] = d, e[3] = m, e[4] = x, e[5] = y, e[6] = i, e[7] = c, e[8] = h, e[9] = S, e[10] = b, e[11] = g, e[12] = v, e[13] = a) : (n = e[1], d = e[2], m = e[3], x = e[4], y = e[5], i = e[6], c = e[7], h = e[8], S = e[9], b = e[10], g = e[11], v = e[12], a = e[13]);
   let M;
   e[14] !== a ? (M = a === void 0 ? [] : a, e[14] = a, e[15] = M) : M = e[15];
-  const oe = M, [t, ne] = ve(""), [f, ie] = ve(null);
+  const le = M, [t, ne] = ve(""), [f, ie] = ve(null);
   let _;
   e[16] !== b ? (_ = b ?? {}, e[16] = b, e[17] = _) : _ = e[17];
   let V, F, K, j;
@@ -61,25 +61,25 @@ function Qe(l) {
     loading: O
   } = Le(W, N);
   let Q;
-  e[39] !== c ? (Q = new Map(c.map(Ae)), e[39] = c, e[40] = Q) : Q = e[40];
+  e[39] !== c ? (Q = new Map(c.map($e)), e[39] = c, e[40] = Q) : Q = e[40];
   const U = Q;
   let E, B;
-  if (e[41] !== r || e[42] !== oe || e[43] !== t || e[44] !== U) {
+  if (e[41] !== r || e[42] !== le || e[43] !== t || e[44] !== U) {
     const u = t.toLowerCase();
-    let o;
-    e[47] !== t ? (o = ke(t), e[47] = t, e[48] = o) : o = e[48];
-    const pe = o, de = (D) => pe || !u ? 3 : D === u ? 0 : D.startsWith(u) ? 1 : D.includes(u) ? 2 : 3, me = (D) => [...D].sort((xe, ye) => {
-      const G = U.get(xe.type), $ = U.get(ye.type);
-      if (G === void 0 && $ !== void 0)
+    let l;
+    e[47] !== t ? (l = ke(t), e[47] = t, e[48] = l) : l = e[48];
+    const pe = l, de = (A) => pe || !u ? 3 : A === u ? 0 : A.startsWith(u) ? 1 : A.includes(u) ? 2 : 3, me = (A) => [...A].sort((xe, ye) => {
+      const D = U.get(xe.type), G = U.get(ye.type);
+      if (D === void 0 && G !== void 0)
         return 1;
-      if ($ === void 0 && G !== void 0)
+      if (G === void 0 && D !== void 0)
         return -1;
-      if (G !== void 0 && $ !== void 0 && G !== $)
-        return G - $;
+      if (D !== void 0 && G !== void 0 && D !== G)
+        return D - G;
       const he = (xe.title || "").toLowerCase(), Se = (ye.title || "").toLowerCase(), be = de(he), ge = de(Se);
       return be !== ge ? be - ge : he.localeCompare(Se);
     });
-    E = r && me(r), B = me(oe), e[41] = r, e[42] = oe, e[43] = t, e[44] = U, e[45] = E, e[46] = B;
+    E = r && me(r), B = me(le), e[41] = r, e[42] = le, e[43] = t, e[44] = U, e[45] = E, e[46] = B;
   } else
     E = e[45], B = e[46];
   let z;
@@ -87,7 +87,7 @@ function Qe(l) {
     data: E,
     defaultResults: B
   }, e[49] = E, e[50] = B, e[51] = z) : z = e[51];
-  const A = z;
+  const $ = z;
   let H;
   e[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = () => {
     ne(""), ie(null);
@@ -102,14 +102,14 @@ function Qe(l) {
   let Y;
   e[58] !== r || e[59] !== t || e[60] !== i ? (Y = (u) => {
     if (u.key === "Enter") {
-      const o = r?.find((pe) => pe.title?.toLowerCase() === t.toLowerCase());
-      o && (ie(o), i && i(o));
+      const l = r?.find((pe) => pe.title?.toLowerCase() === t.toLowerCase());
+      l && (ie(l), i && i(l));
     }
   }, e[58] = r, e[59] = t, e[60] = i, e[61] = Y) : Y = e[61];
   const ae = Y;
   let Z;
-  e[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = (u, o) => {
-    ie(o), ne(o?.title || "");
+  e[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = (u, l) => {
+    ie(l), ne(l?.title || "");
   }, e[62] = Z) : Z = e[62];
   const je = Z;
   let ee;
@@ -117,13 +117,13 @@ function Qe(l) {
     flex: 1
   }, e[63] = ee) : ee = e[63];
   let L;
-  e[64] !== t || e[65] !== O || e[66] !== A ? (L = t === "" ? A.defaultResults : O || !A.data ? [] : A.data, e[64] = t, e[65] = O, e[66] = A, e[67] = L) : L = e[67];
+  e[64] !== t || e[65] !== O || e[66] !== $ ? (L = t === "" ? $.defaultResults : O || !$.data ? [] : $.data, e[64] = t, e[65] = O, e[66] = $, e[67] = L) : L = e[67];
   let P;
-  e[68] !== r || e[69] !== t || e[70] !== O ? (P = Ge(t, O, r), e[68] = r, e[69] = t, e[70] = O, e[71] = P) : P = e[71];
+  e[68] !== r || e[69] !== t || e[70] !== O ? (P = De(t, O, r), e[68] = r, e[69] = t, e[70] = O, e[71] = P) : P = e[71];
   let T;
-  e[72] !== re || e[73] !== ae || e[74] !== C || e[75] !== t ? (T = (u) => /* @__PURE__ */ s.jsx(re, { ...u, label: "Search", onKeyDown: ae, value: t, onChange: (o) => ne(o.target.value), ...C }), e[72] = re, e[73] = ae, e[74] = C, e[75] = t, e[76] = T) : T = e[76];
+  e[72] !== re || e[73] !== ae || e[74] !== C || e[75] !== t ? (T = (u) => /* @__PURE__ */ s.jsx(re, { ...u, label: "Search", onKeyDown: ae, value: t, onChange: (l) => ne(l.target.value), ...C }), e[72] = re, e[73] = ae, e[74] = C, e[75] = t, e[76] = T) : T = e[76];
   let I;
-  e[77] !== d || e[78] !== k || e[79] !== j || e[80] !== f || e[81] !== L || e[82] !== P || e[83] !== T ? (I = /* @__PURE__ */ s.jsx(Ee, { sx: ee, onChange: je, value: f, options: L, getOptionLabel: qe, groupBy: Ie, renderGroup: De, noOptionsText: P, isOptionEqualToValue: Te, renderOption: $e, filterOptions: Pe, renderInput: T, slots: j, slotProps: k, ...d }), e[77] = d, e[78] = k, e[79] = j, e[80] = f, e[81] = L, e[82] = P, e[83] = T, e[84] = I) : I = e[84];
+  e[77] !== d || e[78] !== k || e[79] !== j || e[80] !== f || e[81] !== L || e[82] !== P || e[83] !== T ? (I = /* @__PURE__ */ s.jsx(Ee, { sx: ee, onChange: je, value: f, options: L, getOptionLabel: qe, groupBy: Ie, renderGroup: Ae, noOptionsText: P, isOptionEqualToValue: Te, renderOption: Ge, filterOptions: Pe, renderInput: T, slots: j, slotProps: k, ...d }), e[77] = d, e[78] = k, e[79] = j, e[80] = f, e[81] = L, e[82] = P, e[83] = T, e[84] = I) : I = e[84];
   const fe = p?.children ?? "Go";
   let q;
   e[85] !== se || e[86] !== p || e[87] !== ue || e[88] !== fe ? (q = /* @__PURE__ */ s.jsx(se, { variant: "contained", onClick: ue, ...p, children: fe }), e[85] = se, e[86] = p, e[87] = ue, e[88] = fe, e[89] = q) : q = e[89];
@@ -133,40 +133,40 @@ function Qe(l) {
     q
   ] }), e[90] = ce, e[91] = w, e[92] = g, e[93] = v, e[94] = I, e[95] = q, e[96] = te) : te = e[96], te;
 }
-function Pe(l) {
-  return l;
+function Pe(o) {
+  return o;
 }
-function Te(l, e) {
-  return l.title === e.title;
+function Te(o, e) {
+  return o.title === e.title;
 }
-function Ie(l) {
-  return l.type || "";
+function Ie(o) {
+  return o.type || "";
 }
-function qe(l) {
-  return l.title || "";
+function qe(o) {
+  return o.title || "";
 }
-function Ae(l, e) {
-  return [l, e];
+function $e(o, e) {
+  return [o, e];
 }
-function De(l) {
+function Ae(o) {
   return /* @__PURE__ */ s.jsxs("div", { children: [
-    /* @__PURE__ */ s.jsx(le, { variant: "subtitle2", sx: {
+    /* @__PURE__ */ s.jsx(oe, { variant: "subtitle2", sx: {
       color: "gray",
       paddingInline: 1.5,
       paddingBlock: 1
-    }, children: l.group }),
-    l.children
-  ] }, l.key);
+    }, children: `Showing top 3 matches for ${o.group}` }),
+    o.children
+  ] }, o.key);
 }
-function Ge(l, e, n) {
-  return /* @__PURE__ */ s.jsx(le, { variant: "caption", children: l ? e ? "Loading..." : Array.isArray(n) && n.length === 0 ? "No results found" : "" : "Start typing for options" });
+function De(o, e, n) {
+  return /* @__PURE__ */ s.jsx(oe, { variant: "caption", children: o ? e ? "Loading..." : Array.isArray(n) && n.length === 0 ? "No results found" : "" : "Start typing for options" });
 }
-function $e(l, e) {
-  return /* @__PURE__ */ we("li", { ...l, key: `${e.type}-${e.title || "untitled"}-${e.description || "no-description"}` }, /* @__PURE__ */ s.jsxs(_e, { children: [
-    /* @__PURE__ */ s.jsx(le, { variant: "body1", component: "div", fontWeight: "bold", sx: e.type === "Gene" ? {
+function Ge(o, e) {
+  return /* @__PURE__ */ we("li", { ...o, key: `${e.type}-${e.title || "untitled"}-${e.description || "no-description"}` }, /* @__PURE__ */ s.jsxs(_e, { children: [
+    /* @__PURE__ */ s.jsx(oe, { variant: "body1", component: "div", fontWeight: "bold", sx: e.type === "Gene" ? {
       fontStyle: "italic"
     } : {}, children: e.title }),
-    /* @__PURE__ */ s.jsx(le, { variant: "body2", color: "text.secondary", style: {
+    /* @__PURE__ */ s.jsx(oe, { variant: "body2", color: "text.secondary", style: {
       whiteSpace: "pre-line"
     }, children: e.description })
   ] }));