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

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es124.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/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]}
+{"version":3,"file":"ui-components.es124.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/Select/Select.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport deepmerge from '@mui/utils/deepmerge';\nimport composeClasses from '@mui/utils/composeClasses';\nimport getReactElementRef from '@mui/utils/getReactElementRef';\nimport SelectInput from \"./SelectInput.js\";\nimport formControlState from \"../FormControl/formControlState.js\";\nimport useFormControl from \"../FormControl/useFormControl.js\";\nimport ArrowDropDownIcon from \"../internal/svg-icons/ArrowDropDown.js\";\nimport Input from \"../Input/index.js\";\nimport NativeSelectInput from \"../NativeSelect/NativeSelectInput.js\";\nimport FilledInput from \"../FilledInput/index.js\";\nimport OutlinedInput from \"../OutlinedInput/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport useForkRef from \"../utils/useForkRef.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport { getSelectUtilityClasses } from \"./selectClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root']\n  };\n  const composedClasses = composeClasses(slots, getSelectUtilityClasses, classes);\n  return {\n    ...classes,\n    ...composedClasses\n  };\n};\nconst styledRootConfig = {\n  name: 'MuiSelect',\n  slot: 'Root',\n  shouldForwardProp: prop => rootShouldForwardProp(prop) && prop !== 'variant'\n};\nconst StyledInput = styled(Input, styledRootConfig)('');\nconst StyledOutlinedInput = styled(OutlinedInput, styledRootConfig)('');\nconst StyledFilledInput = styled(FilledInput, styledRootConfig)('');\nconst Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {\n  const props = useDefaultProps({\n    name: 'MuiSelect',\n    props: inProps\n  });\n  const {\n    autoWidth = false,\n    children,\n    classes: classesProp = {},\n    className,\n    defaultOpen = false,\n    displayEmpty = false,\n    IconComponent = ArrowDropDownIcon,\n    id,\n    input,\n    inputProps,\n    label,\n    labelId,\n    MenuProps,\n    multiple = false,\n    native = false,\n    onClose,\n    onOpen,\n    open,\n    renderValue,\n    SelectDisplayProps,\n    variant: variantProp = 'outlined',\n    ...other\n  } = props;\n  const inputComponent = native ? NativeSelectInput : SelectInput;\n  const muiFormControl = useFormControl();\n  const fcs = formControlState({\n    props,\n    muiFormControl,\n    states: ['variant', 'error']\n  });\n  const variant = fcs.variant || variantProp;\n  const ownerState = {\n    ...props,\n    variant,\n    classes: classesProp\n  };\n  const classes = useUtilityClasses(ownerState);\n  const {\n    root,\n    ...restOfClasses\n  } = classes;\n  const InputComponent = input || {\n    standard: /*#__PURE__*/_jsx(StyledInput, {\n      ownerState: ownerState\n    }),\n    outlined: /*#__PURE__*/_jsx(StyledOutlinedInput, {\n      label: label,\n      ownerState: ownerState\n    }),\n    filled: /*#__PURE__*/_jsx(StyledFilledInput, {\n      ownerState: ownerState\n    })\n  }[variant];\n  const inputComponentRef = useForkRef(ref, getReactElementRef(InputComponent));\n  return /*#__PURE__*/_jsx(React.Fragment, {\n    children: /*#__PURE__*/React.cloneElement(InputComponent, {\n      // Most of the logic is implemented in `SelectInput`.\n      // The `Select` component is a simple API wrapper to expose something better to play with.\n      inputComponent,\n      inputProps: {\n        children,\n        error: fcs.error,\n        IconComponent,\n        variant,\n        type: undefined,\n        // We render a select. We can ignore the type provided by the `Input`.\n        multiple,\n        ...(native ? {\n          id\n        } : {\n          autoWidth,\n          defaultOpen,\n          displayEmpty,\n          labelId,\n          MenuProps,\n          onClose,\n          onOpen,\n          open,\n          renderValue,\n          SelectDisplayProps: {\n            id,\n            ...SelectDisplayProps\n          }\n        }),\n        ...inputProps,\n        classes: inputProps ? deepmerge(restOfClasses, inputProps.classes) : restOfClasses,\n        ...(input ? input.props.inputProps : {})\n      },\n      ...((multiple && native || displayEmpty) && variant === 'outlined' ? {\n        notched: true\n      } : {}),\n      ref: inputComponentRef,\n      className: clsx(InputComponent.props.className, className, classes.root),\n      // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.\n      ...(!input && {\n        variant\n      }),\n      ...other\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Select.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   * If `true`, the width of the popover will automatically be set according to the items inside the\n   * menu, otherwise it will be at least the width of the select input.\n   * @default false\n   */\n  autoWidth: PropTypes.bool,\n  /**\n   * The option elements to populate the select with.\n   * Can be some `MenuItem` when `native` is false and `option` when `native` is true.\n   *\n   * ⚠️The `MenuItem` elements **must** be direct descendants when `native` is false.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   * @default {}\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the component is initially open. Use when the component open state is not controlled (i.e. the `open` prop is not defined).\n   * You can only use it when the `native` prop is `false` (default).\n   * @default false\n   */\n  defaultOpen: PropTypes.bool,\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue: PropTypes.any,\n  /**\n   * If `true`, a value is displayed even if no items are selected.\n   *\n   * In order to display a meaningful value, a function can be passed to the `renderValue` prop which\n   * returns the value to be displayed when no items are selected.\n   *\n   * ⚠️ When using this prop, make sure the label doesn't overlap with the empty displayed value.\n   * The label should either be hidden or forced to a shrunk state.\n   * @default false\n   */\n  displayEmpty: PropTypes.bool,\n  /**\n   * The icon that displays the arrow.\n   * @default ArrowDropDownIcon\n   */\n  IconComponent: PropTypes.elementType,\n  /**\n   * The `id` of the wrapper element or the `select` element when `native`.\n   */\n  id: PropTypes.string,\n  /**\n   * An `Input` element; does not have to be a material-ui specific `Input`.\n   */\n  input: PropTypes.element,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.\n   * When `native` is `true`, the attributes are applied on the `select` element.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * See [OutlinedInput#label](https://mui.com/material-ui/api/outlined-input/#props)\n   */\n  label: PropTypes.node,\n  /**\n   * The ID of an element that acts as an additional label. The Select will\n   * be labelled by the additional label and the selected value.\n   */\n  labelId: PropTypes.string,\n  /**\n   * Props applied to the [`Menu`](https://mui.com/material-ui/api/menu/) element.\n   */\n  MenuProps: PropTypes.object,\n  /**\n   * If `true`, `value` must be an array and the menu will support multiple selections.\n   * @default false\n   */\n  multiple: PropTypes.bool,\n  /**\n   * If `true`, the component uses a native `select` element.\n   * @default false\n   */\n  native: PropTypes.bool,\n  /**\n   * Callback fired when a menu item is selected.\n   *\n   * @param {SelectChangeEvent<Value>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.\n   * @param {object} [child] The react element that was selected when `native` is `false` (default).\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be closed.\n   * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapses).\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Callback fired when the component requests to be opened.\n   * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select expands).\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onOpen: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   * You can only use it when the `native` prop is `false` (default).\n   */\n  open: PropTypes.bool,\n  /**\n   * Render the selected value.\n   * You can only use it when the `native` prop is `false` (default).\n   *\n   * @param {any} value The `value` provided to the component.\n   * @returns {ReactNode}\n   */\n  renderValue: PropTypes.func,\n  /**\n   * Props applied to the clickable div element.\n   */\n  SelectDisplayProps: PropTypes.object,\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  /**\n   * The `input` value. Providing an empty string will select no options.\n   * Set to an empty string `''` if you don't want any of the available options to be selected.\n   *\n   * If the value is an object it must have reference equality with the option in order to be selected.\n   * If the value is not an object, the string representation must match with the string representation of the option in order to be selected.\n   */\n  value: PropTypes.oneOfType([PropTypes.oneOf(['']), PropTypes.any]),\n  /**\n   * The variant to use.\n   * @default 'outlined'\n   */\n  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nSelect.muiName = 'Select';\nexport default Select;"],"names":["useUtilityClasses","ownerState","classes","composedClasses","composeClasses","getSelectUtilityClasses","styledRootConfig","prop","rootShouldForwardProp","StyledInput","styled","Input","StyledOutlinedInput","OutlinedInput","StyledFilledInput","FilledInput","Select","React","inProps","ref","props","useDefaultProps","autoWidth","children","classesProp","className","defaultOpen","displayEmpty","IconComponent","ArrowDropDownIcon","id","input","inputProps","label","labelId","MenuProps","multiple","native","onClose","onOpen","open","renderValue","SelectDisplayProps","variantProp","other","inputComponent","NativeSelectInput","SelectInput","muiFormControl","useFormControl","fcs","formControlState","variant","root","restOfClasses","InputComponent","_jsx","inputComponentRef","useForkRef","getReactElementRef","deepmerge","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es125.js

@@ -1,416 +1,241 @@
-import * as C from "react";
-import o from "./ui-components.es89.js";
-import F from "./ui-components.es289.js";
-import k from "./ui-components.es152.js";
-import $ from "./ui-components.es150.js";
-import B from "./ui-components.es143.js";
-import u from "./ui-components.es105.js";
-import N from "./ui-components.es108.js";
-import n, { getOutlinedInputUtilityClass as W } from "./ui-components.es290.js";
-import A, { InputBaseRoot as L, rootOverridesResolver as z, InputBaseInput as M, inputOverridesResolver as q } from "./ui-components.es49.js";
-import E from "./ui-components.es123.js";
-import { j as a } from "./ui-components.es15.js";
-import { useDefaultProps as V } from "./ui-components.es92.js";
-import D from "./ui-components.es114.js";
-import c from "./ui-components.es48.js";
-import U from "./ui-components.es132.js";
-const _ = (e) => {
+import * as o from "react";
+import e from "./ui-components.es89.js";
+import { clsx as q } from "./ui-components.es92.js";
+import { isAdornedStart as L, isFilled as I } from "./ui-components.es147.js";
+import V from "./ui-components.es145.js";
+import { getFormControlUtilityClasses as _ } from "./ui-components.es296.js";
+import { j as B } from "./ui-components.es15.js";
+import { useDefaultProps as $ } from "./ui-components.es96.js";
+import v from "./ui-components.es227.js";
+import M from "./ui-components.es109.js";
+import G from "./ui-components.es97.js";
+import H from "./ui-components.es50.js";
+const J = (a) => {
   const {
-    classes: t
-  } = e, l = D({
-    root: ["root"],
-    notchedOutline: ["notchedOutline"],
-    input: ["input"]
-  }, W, t);
-  return {
-    ...t,
-    // forward classes to the InputBase
-    ...l
+    classes: t,
+    margin: n,
+    fullWidth: u
+  } = a, s = {
+    root: ["root", n !== "none" && `margin${M(n)}`, u && "fullWidth"]
   };
-}, G = c(L, {
-  shouldForwardProp: (e) => B(e) || e === "classes",
-  name: "MuiOutlinedInput",
+  return G(s, _, t);
+}, K = H("div", {
+  name: "MuiFormControl",
   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 ? e.alpha(e.vars.palette.common.onBackground, 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 override 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(F, {
-  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 ? e.alpha(e.vars.palette.common.onBackground, 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"
-      }
-    }
-  },
+  overridesResolver: (a, t) => {
+    const {
+      ownerState: n
+    } = a;
+    return [t.root, t[`margin${M(n.margin)}`], n.fullWidth && t.fullWidth];
+  }
+})({
+  display: "inline-flex",
+  flexDirection: "column",
+  position: "relative",
+  // Reset fieldset default style.
+  minWidth: 0,
+  padding: 0,
+  margin: 0,
+  border: 0,
+  verticalAlign: "top",
+  // Fix alignment issue on Safari.
   variants: [{
     props: {
-      size: "small"
+      margin: "normal"
     },
     style: {
-      padding: "8.5px 14px"
+      marginTop: 16,
+      marginBottom: 8
     }
   }, {
-    props: ({
-      ownerState: t
-    }) => t.multiline,
-    style: {
-      padding: 0
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.startAdornment,
+    props: {
+      margin: "dense"
+    },
     style: {
-      paddingLeft: 0
+      marginTop: 8,
+      marginBottom: 4
     }
   }, {
-    props: ({
-      ownerState: t
-    }) => t.endAdornment,
+    props: {
+      fullWidth: !0
+    },
     style: {
-      paddingRight: 0
+      width: "100%"
     }
   }]
-}))), x = /* @__PURE__ */ C.forwardRef(function(t, r) {
-  const l = V({
+}), Q = /* @__PURE__ */ o.forwardRef(function(t, n) {
+  const u = $({
     props: t,
-    name: "MuiOutlinedInput"
+    name: "MuiFormControl"
   }), {
-    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), v = k(), s = $({
-    props: l,
-    muiFormControl: v,
-    states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
-  }), T = {
-    ...l,
-    color: s.color || "primary",
-    disabled: s.disabled,
-    error: s.error,
-    focused: s.focused,
-    formControl: v,
-    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
+    children: s,
+    className: A,
+    color: f = "primary",
+    component: F = "div",
+    disabled: i = !1,
+    error: m = !1,
+    focused: S,
+    fullWidth: c = !1,
+    hiddenLabel: p = !1,
+    margin: D = "none",
+    required: d = !1,
+    size: g = "medium",
+    variant: y = "outlined",
+    ...P
+  } = u, x = {
+    ...u,
+    color: f,
+    component: F,
+    disabled: i,
+    error: m,
+    fullWidth: c,
+    hiddenLabel: p,
+    margin: D,
+    required: d,
+    size: g,
+    variant: y
+  }, z = J(x), [O, U] = o.useState(() => {
+    let l = !1;
+    return s && o.Children.forEach(s, (r) => {
+      if (!v(r, ["Input", "Select"]))
+        return;
+      const w = v(r, ["Select"]) ? r.props.input : r;
+      w && L(w.props) && (l = !0);
+    }), l;
+  }), [T, E] = o.useState(() => {
+    let l = !1;
+    return s && o.Children.forEach(s, (r) => {
+      v(r, ["Input", "Select"]) && (I(r.props, !0) || I(r.props.inputProps, !0)) && (l = !0);
+    }), l;
+  }), [j, h] = o.useState(!1);
+  i && j && h(!1);
+  const W = S !== void 0 && !i ? S : j;
+  let b;
+  const C = o.useRef(!1);
+  process.env.NODE_ENV !== "production" && (b = () => (C.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
+`)), C.current = !0, () => {
+    C.current = !1;
+  }));
+  const N = o.useCallback(() => {
+    E(!0);
+  }, []), R = o.useCallback(() => {
+    E(!1);
+  }, []), k = o.useMemo(() => ({
+    adornedStart: O,
+    setAdornedStart: U,
+    color: f,
+    disabled: i,
+    error: m,
+    filled: T,
+    focused: W,
+    fullWidth: c,
+    hiddenLabel: p,
+    size: g,
+    onBlur: () => {
+      h(!1);
     },
-    additionalProps: {
-      label: i != null && i !== "" && s.required ? /* @__PURE__ */ a.jsxs(C.Fragment, {
-        children: [i, " ", "*"]
-      }) : i
-    }
-  });
-  return /* @__PURE__ */ a.jsx(A, {
-    slots: {
-      root: w,
-      input: j
+    onFocus: () => {
+      h(!0);
     },
-    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
-    }
+    onEmpty: R,
+    onFilled: N,
+    registerEffect: b,
+    required: d,
+    variant: y
+  }), [O, f, i, m, T, W, c, p, b, R, N, d, g, y]);
+  return /* @__PURE__ */ B.jsx(V.Provider, {
+    value: k,
+    children: /* @__PURE__ */ B.jsx(K, {
+      as: F,
+      ownerState: x,
+      className: q(z.root, A),
+      ref: n,
+      ...P,
+      children: s
+    })
   });
 });
-process.env.NODE_ENV !== "production" && (x.propTypes = {
+process.env.NODE_ENV !== "production" && (Q.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).
+   * The content of the component.
    */
-  autoComplete: o.string,
+  children: e.node,
   /**
-   * If `true`, the `input` element is focused during the first mount.
+   * Override or extend the styles applied to the component.
    */
-  autoFocus: o.bool,
+  classes: e.object,
   /**
-   * Override or extend the styles applied to the component.
+   * @ignore
    */
-  classes: o.object,
+  className: e.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).
-   * 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.
+   * @default 'primary'
    */
-  error: o.bool,
+  color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
   /**
-   * 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.
+   * The component used for the root node.
    * 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]),
+  component: e.elementType,
   /**
-   * 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.
+   * If `true`, the label, input and helper text should be displayed in a disabled state.
    * @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,
+  disabled: e.bool,
   /**
-   * The short hint displayed in the `input` before the user enters a value.
+   * If `true`, the label is displayed in an error state.
+   * @default false
    */
-  placeholder: o.string,
+  error: e.bool,
   /**
-   * It prevents the user from changing the value of the field
-   * (not from interacting with the field).
+   * If `true`, the component is displayed in focused state.
    */
-  readOnly: o.bool,
+  focused: e.bool,
   /**
-   * If `true`, the `input` element is required.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   * If `true`, the component will take up the full width of its container.
+   * @default false
    */
-  required: o.bool,
+  fullWidth: e.bool,
   /**
-   * Number of rows to display when multiline option is set to true.
+   * If `true`, the label is hidden.
+   * This is used to increase density for a `FilledInput`.
+   * Be sure to add `aria-label` to the `input` element.
+   * @default false
    */
-  rows: o.oneOfType([o.number, o.string]),
+  hiddenLabel: e.bool,
   /**
-   * The props used for each slot inside.
-   * @default {}
+   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
+   * @default 'none'
    */
-  slotProps: o.shape({
-    input: o.object,
-    notchedOutline: o.oneOfType([o.func, o.object]),
-    root: o.object
-  }),
+  margin: e.oneOf(["dense", "none", "normal"]),
   /**
-   * The components used for each slot inside.
-   * @default {}
+   * If `true`, the label will indicate that the `input` is required.
+   * @default false
    */
-  slots: o.shape({
-    input: o.elementType,
-    notchedOutline: o.elementType,
-    root: o.elementType
-  }),
+  required: e.bool,
   /**
-   * Start `InputAdornment` for this component.
+   * The size of the component.
+   * @default 'medium'
    */
-  startAdornment: o.node,
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
   /**
    * 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,
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
-   * The value of the `input` element, required for a controlled component.
+   * The variant to use.
+   * @default 'outlined'
    */
-  value: o.any
+  variant: e.oneOf(["filled", "outlined", "standard"])
 });
-x.muiName = "Input";
 export {
-  x as default
+  Q as default
 };
 //# sourceMappingURL=ui-components.es125.js.map