everest-npm-features 0.0.26 → 0.0.27

package/dist/Select-CGei0bav.js

@@ -0,0 +1,1885 @@
+import * as a from "react";
+import { g as ne, j as ke, P as e, b as re, q as mt } from "./createTheme-DmGCMO09.js";
+import { c as me } from "./DefaultPropsProvider-CZh8M2jM.js";
+import { r as bt, M as vt } from "./Menu-BAFJBGa-.js";
+import { g as se, s as v, r as U, u as be, c as z, b as yt } from "./DefaultPropsProvider-4P82EuVL.js";
+import { jsx as f, jsxs as ve } from "react/jsx-runtime";
+import { r as le } from "./refType-CaiGhRso.js";
+import { f as Ae, i as ht } from "./FormControl-H4D1Z6Ov.js";
+import { u as je } from "./useControlled-nm4pBabJ.js";
+import { u as Ue } from "./TransitionGroupContext-CYRQkQ6k.js";
+import { o as gt } from "./HTMLElementType-BrQSV2FE.js";
+import { u as Ot } from "./useId-CK6Kn3Tn.js";
+import { u as Be } from "./useFormControl-CatNKXAi.js";
+import { c as St } from "./createSvgIcon-BgBEJXMh.js";
+import { m as _ } from "./memoTheme-BUUB1UEO.js";
+import { c as Ve } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { i as Le, I as qe, r as ze, a as _e, b as Ke, c as He, F as Ct } from "./FilledInput-QaJVaeIX.js";
+import { u as It } from "./useSlot-DtSnboW7.js";
+import { g as wt } from "./elementAcceptingRef-BbsmdE_3.js";
+function Rt(t) {
+  return ne("MuiInput", t);
+}
+const L = {
+  ...Le,
+  ...se("MuiInput", ["root", "underline", "input"])
+};
+function Nt(t) {
+  return ne("MuiOutlinedInput", t);
+}
+const N = {
+  ...Le,
+  ...se("MuiOutlinedInput", ["root", "notchedOutline", "input"])
+}, Pt = St(/* @__PURE__ */ f("path", {
+  d: "M7 10l5 5 5-5z"
+}), "ArrowDropDown"), xt = (t) => {
+  const {
+    classes: o,
+    disableUnderline: r
+  } = t, i = z({
+    root: ["root", !r && "underline"],
+    input: ["input"]
+  }, Rt, o);
+  return {
+    ...o,
+    // forward classes to the InputBase
+    ...i
+  };
+}, Et = v(qe, {
+  shouldForwardProp: (t) => U(t) || t === "classes",
+  name: "MuiInput",
+  slot: "Root",
+  overridesResolver: (t, o) => {
+    const {
+      ownerState: r
+    } = t;
+    return [...ze(t, o), !r.disableUnderline && o.underline];
+  }
+})(_(({
+  theme: t
+}) => {
+  let r = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
+  return t.vars && (r = `rgba(${t.vars.palette.common.onBackgroundChannel} / ${t.vars.opacity.inputUnderline})`), {
+    position: "relative",
+    variants: [{
+      props: ({
+        ownerState: s
+      }) => s.formControl,
+      style: {
+        "label + &": {
+          marginTop: 16
+        }
+      }
+    }, {
+      props: ({
+        ownerState: s
+      }) => !s.disableUnderline,
+      style: {
+        "&::after": {
+          left: 0,
+          bottom: 0,
+          content: '""',
+          position: "absolute",
+          right: 0,
+          transform: "scaleX(0)",
+          transition: t.transitions.create("transform", {
+            duration: t.transitions.duration.shorter,
+            easing: t.transitions.easing.easeOut
+          }),
+          pointerEvents: "none"
+          // Transparent to the hover style.
+        },
+        [`&.${L.focused}:after`]: {
+          // translateX(0) is a workaround for Safari transform scale bug
+          // See https://github.com/mui/material-ui/issues/31766
+          transform: "scaleX(1) translateX(0)"
+        },
+        [`&.${L.error}`]: {
+          "&::before, &::after": {
+            borderBottomColor: (t.vars || t).palette.error.main
+          }
+        },
+        "&::before": {
+          borderBottom: `1px solid ${r}`,
+          left: 0,
+          bottom: 0,
+          content: '"\\00a0"',
+          position: "absolute",
+          right: 0,
+          transition: t.transitions.create("border-bottom-color", {
+            duration: t.transitions.duration.shorter
+          }),
+          pointerEvents: "none"
+          // Transparent to the hover style.
+        },
+        [`&:hover:not(.${L.disabled}, .${L.error}):before`]: {
+          borderBottom: `2px solid ${(t.vars || t).palette.text.primary}`,
+          // Reset on touch devices, it doesn't add specificity
+          "@media (hover: none)": {
+            borderBottom: `1px solid ${r}`
+          }
+        },
+        [`&.${L.disabled}:before`]: {
+          borderBottomStyle: "dotted"
+        }
+      }
+    }, ...Object.entries(t.palette).filter(Ve()).map(([s]) => ({
+      props: {
+        color: s,
+        disableUnderline: !1
+      },
+      style: {
+        "&::after": {
+          borderBottom: `2px solid ${(t.vars || t).palette[s].main}`
+        }
+      }
+    }))]
+  };
+})), Mt = v(_e, {
+  name: "MuiInput",
+  slot: "Input",
+  overridesResolver: Ke
+})({}), ye = /* @__PURE__ */ a.forwardRef(function(o, r) {
+  const s = be({
+    props: o,
+    name: "MuiInput"
+  }), {
+    disableUnderline: i = !1,
+    components: u = {},
+    componentsProps: d,
+    fullWidth: c = !1,
+    inputComponent: S = "input",
+    multiline: I = !1,
+    slotProps: O,
+    slots: y = {},
+    type: w = "text",
+    ...R
+  } = s, x = xt(s), m = {
+    root: {
+      ownerState: {
+        disableUnderline: i
+      }
+    }
+  }, C = O ?? d ? ke(O ?? d, m) : m, h = y.root ?? u.Root ?? Et, g = y.input ?? u.Input ?? Mt;
+  return /* @__PURE__ */ f(He, {
+    slots: {
+      root: h,
+      input: g
+    },
+    slotProps: C,
+    fullWidth: c,
+    inputComponent: S,
+    multiline: I,
+    ref: r,
+    type: w,
+    ...R,
+    classes: x
+  });
+});
+process.env.NODE_ENV !== "production" && (ye.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: e.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.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: e.oneOfType([e.oneOf(["primary", "secondary"]), e.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: e.shape({
+    Input: e.elementType,
+    Root: e.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated use the `slotProps` 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 {}
+   */
+  componentsProps: e.shape({
+    input: e.object,
+    root: e.object
+  }),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the `input` will not have an underline.
+   * @default false
+   */
+  disableUnderline: e.bool,
+  /**
+   * End `InputAdornment` for this component.
+   */
+  endAdornment: e.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error: e.bool,
+  /**
+   * If `true`, the `input` will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: e.bool,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * The component used for the `input` element.
+   * Either a string to use a HTML element or a component.
+   * @default 'input'
+   */
+  inputComponent: e.elementType,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
+   * @default {}
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: le,
+  /**
+   * 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: e.oneOf(["dense", "none"]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: e.oneOfType([e.number, e.string]),
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: e.oneOfType([e.number, e.string]),
+  /**
+   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
+   * @default false
+   */
+  multiline: e.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * 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: e.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: e.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: e.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: e.oneOfType([e.number, e.string]),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.object,
+    root: e.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slots: e.shape({
+    input: e.elementType,
+    root: e.elementType
+  }),
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: e.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.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: e.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: e.any
+});
+ye.muiName = "Input";
+function Tt(t) {
+  return ne("MuiNativeSelect", t);
+}
+const he = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), $t = (t) => {
+  const {
+    classes: o,
+    variant: r,
+    disabled: s,
+    multiple: i,
+    open: u,
+    error: d
+  } = t, c = {
+    select: ["select", r, s && "disabled", i && "multiple", d && "error"],
+    icon: ["icon", `icon${re(r)}`, u && "iconOpen", s && "disabled"]
+  };
+  return z(c, Tt, o);
+}, Xe = v("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
+  },
+  [`&.${he.disabled}`]: {
+    cursor: "default"
+  },
+  "&[multiple]": {
+    height: "auto"
+  },
+  "&:not([multiple]) option, &:not([multiple]) optgroup": {
+    backgroundColor: (t.vars || t).palette.background.paper
+  },
+  variants: [{
+    props: ({
+      ownerState: o
+    }) => o.variant !== "filled" && o.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
+      }
+    }
+  }]
+})), jt = v(Xe, {
+  name: "MuiNativeSelect",
+  slot: "Select",
+  shouldForwardProp: U,
+  overridesResolver: (t, o) => {
+    const {
+      ownerState: r
+    } = t;
+    return [o.select, o[r.variant], r.error && o.error, {
+      [`&.${he.multiple}`]: o.multiple
+    }];
+  }
+})({}), Ye = v("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,
+  [`&.${he.disabled}`]: {
+    color: (t.vars || t).palette.action.disabled
+  },
+  variants: [{
+    props: ({
+      ownerState: o
+    }) => o.open,
+    style: {
+      transform: "rotate(180deg)"
+    }
+  }, {
+    props: {
+      variant: "filled"
+    },
+    style: {
+      right: 7
+    }
+  }, {
+    props: {
+      variant: "outlined"
+    },
+    style: {
+      right: 7
+    }
+  }]
+})), Ft = v(Ye, {
+  name: "MuiNativeSelect",
+  slot: "Icon",
+  overridesResolver: (t, o) => {
+    const {
+      ownerState: r
+    } = t;
+    return [o.icon, r.variant && o[`icon${re(r.variant)}`], r.open && o.iconOpen];
+  }
+})({}), Ge = /* @__PURE__ */ a.forwardRef(function(o, r) {
+  const {
+    className: s,
+    disabled: i,
+    error: u,
+    IconComponent: d,
+    inputRef: c,
+    variant: S = "standard",
+    ...I
+  } = o, O = {
+    ...o,
+    disabled: i,
+    variant: S,
+    error: u
+  }, y = $t(O);
+  return /* @__PURE__ */ ve(a.Fragment, {
+    children: [/* @__PURE__ */ f(jt, {
+      ownerState: O,
+      className: me(y.select, s),
+      disabled: i,
+      ref: c || r,
+      ...I
+    }), o.multiple ? null : /* @__PURE__ */ f(Ft, {
+      as: d,
+      ownerState: O,
+      className: y.icon
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (Ge.propTypes = {
+  /**
+   * The option elements to populate the select with.
+   * Can be some `<option>` elements.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * The CSS class name of the select element.
+   */
+  className: e.string,
+  /**
+   * If `true`, the select is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the `select input` will indicate an error.
+   */
+  error: e.bool,
+  /**
+   * The icon that displays the arrow.
+   */
+  IconComponent: e.elementType.isRequired,
+  /**
+   * Use that prop to pass a ref to the native select element.
+   * @deprecated
+   */
+  inputRef: le,
+  /**
+   * @ignore
+   */
+  multiple: e.bool,
+  /**
+   * Name attribute of the `select` or hidden `input` element.
+   */
+  name: e.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: e.func,
+  /**
+   * The input value.
+   */
+  value: e.any,
+  /**
+   * The variant to use.
+   */
+  variant: e.oneOf(["standard", "outlined", "filled"])
+});
+var Fe;
+const Dt = v("fieldset", {
+  name: "MuiNotchedOutlined",
+  shouldForwardProp: U
+})({
+  textAlign: "left",
+  position: "absolute",
+  bottom: 0,
+  right: 0,
+  top: -5,
+  left: 0,
+  margin: 0,
+  padding: "0 8px",
+  pointerEvents: "none",
+  borderRadius: "inherit",
+  borderStyle: "solid",
+  borderWidth: 1,
+  overflow: "hidden",
+  minWidth: "0%"
+}), Wt = v("legend", {
+  name: "MuiNotchedOutlined",
+  shouldForwardProp: U
+})(_(({
+  theme: t
+}) => ({
+  float: "unset",
+  // Fix conflict with bootstrap
+  width: "auto",
+  // Fix conflict with bootstrap
+  overflow: "hidden",
+  // Fix Horizontal scroll when label too long
+  variants: [{
+    props: ({
+      ownerState: o
+    }) => !o.withLabel,
+    style: {
+      padding: 0,
+      lineHeight: "11px",
+      // sync with `height` in `legend` styles
+      transition: t.transitions.create("width", {
+        duration: 150,
+        easing: t.transitions.easing.easeOut
+      })
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.withLabel,
+    style: {
+      display: "block",
+      // Fix conflict with normalize.css and sanitize.css
+      padding: 0,
+      height: 11,
+      // sync with `lineHeight` in `legend` styles
+      fontSize: "0.75em",
+      visibility: "hidden",
+      maxWidth: 0.01,
+      transition: t.transitions.create("max-width", {
+        duration: 50,
+        easing: t.transitions.easing.easeOut
+      }),
+      whiteSpace: "nowrap",
+      "& > span": {
+        paddingLeft: 5,
+        paddingRight: 5,
+        display: "inline-block",
+        opacity: 0,
+        visibility: "visible"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.withLabel && o.notched,
+    style: {
+      maxWidth: "100%",
+      transition: t.transitions.create("max-width", {
+        duration: 100,
+        easing: t.transitions.easing.easeOut,
+        delay: 50
+      })
+    }
+  }]
+})));
+function Je(t) {
+  const {
+    children: o,
+    classes: r,
+    className: s,
+    label: i,
+    notched: u,
+    ...d
+  } = t, c = i != null && i !== "", S = {
+    ...t,
+    notched: u,
+    withLabel: c
+  };
+  return /* @__PURE__ */ f(Dt, {
+    "aria-hidden": !0,
+    className: s,
+    ownerState: S,
+    ...d,
+    children: /* @__PURE__ */ f(Wt, {
+      ownerState: S,
+      children: c ? /* @__PURE__ */ f("span", {
+        children: i
+      }) : (
+        // notranslate needed while Google Translate will not fix zero-width space issue
+        Fe || (Fe = /* @__PURE__ */ f("span", {
+          className: "notranslate",
+          "aria-hidden": !0,
+          children: "​"
+        }))
+      )
+    })
+  });
+}
+process.env.NODE_ENV !== "production" && (Je.propTypes = {
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The label.
+   */
+  label: e.node,
+  /**
+   * If `true`, the outline is notched to accommodate the label.
+   */
+  notched: e.bool.isRequired,
+  /**
+   * @ignore
+   */
+  style: e.object
+});
+const kt = (t) => {
+  const {
+    classes: o
+  } = t, s = z({
+    root: ["root"],
+    notchedOutline: ["notchedOutline"],
+    input: ["input"]
+  }, Nt, o);
+  return {
+    ...o,
+    // forward classes to the InputBase
+    ...s
+  };
+}, At = v(qe, {
+  shouldForwardProp: (t) => U(t) || t === "classes",
+  name: "MuiOutlinedInput",
+  slot: "Root",
+  overridesResolver: ze
+})(_(({
+  theme: t
+}) => {
+  const o = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
+  return {
+    position: "relative",
+    borderRadius: (t.vars || t).shape.borderRadius,
+    [`&:hover .${N.notchedOutline}`]: {
+      borderColor: (t.vars || t).palette.text.primary
+    },
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      [`&:hover .${N.notchedOutline}`]: {
+        borderColor: t.vars ? `rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)` : o
+      }
+    },
+    [`&.${N.focused} .${N.notchedOutline}`]: {
+      borderWidth: 2
+    },
+    variants: [...Object.entries(t.palette).filter(Ve()).map(([r]) => ({
+      props: {
+        color: r
+      },
+      style: {
+        [`&.${N.focused} .${N.notchedOutline}`]: {
+          borderColor: (t.vars || t).palette[r].main
+        }
+      }
+    })), {
+      props: {},
+      // to overide the above style
+      style: {
+        [`&.${N.error} .${N.notchedOutline}`]: {
+          borderColor: (t.vars || t).palette.error.main
+        },
+        [`&.${N.disabled} .${N.notchedOutline}`]: {
+          borderColor: (t.vars || t).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: s
+      }) => r.multiline && s === "small",
+      style: {
+        padding: "8.5px 14px"
+      }
+    }]
+  };
+})), Ut = v(Je, {
+  name: "MuiOutlinedInput",
+  slot: "NotchedOutline"
+})(_(({
+  theme: t
+}) => {
+  const o = t.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
+  return {
+    borderColor: t.vars ? `rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)` : o
+  };
+})), Bt = v(_e, {
+  name: "MuiOutlinedInput",
+  slot: "Input",
+  overridesResolver: Ke
+})(_(({
+  theme: t
+}) => ({
+  padding: "16.5px 14px",
+  ...!t.vars && {
+    "&:-webkit-autofill": {
+      WebkitBoxShadow: t.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
+      WebkitTextFillColor: t.palette.mode === "light" ? null : "#fff",
+      caretColor: t.palette.mode === "light" ? null : "#fff",
+      borderRadius: "inherit"
+    }
+  },
+  ...t.vars && {
+    "&:-webkit-autofill": {
+      borderRadius: "inherit"
+    },
+    [t.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: o
+    }) => o.multiline,
+    style: {
+      padding: 0
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.startAdornment,
+    style: {
+      paddingLeft: 0
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.endAdornment,
+    style: {
+      paddingRight: 0
+    }
+  }]
+}))), ge = /* @__PURE__ */ a.forwardRef(function(o, r) {
+  const s = be({
+    props: o,
+    name: "MuiOutlinedInput"
+  }), {
+    components: i = {},
+    fullWidth: u = !1,
+    inputComponent: d = "input",
+    label: c,
+    multiline: S = !1,
+    notched: I,
+    slots: O = {},
+    slotProps: y = {},
+    type: w = "text",
+    ...R
+  } = s, x = kt(s), T = Be(), m = Ae({
+    props: s,
+    muiFormControl: T,
+    states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
+  }), C = {
+    ...s,
+    color: m.color || "primary",
+    disabled: m.disabled,
+    error: m.error,
+    focused: m.focused,
+    formControl: T,
+    fullWidth: u,
+    hiddenLabel: m.hiddenLabel,
+    multiline: S,
+    size: m.size,
+    type: w
+  }, h = O.root ?? i.Root ?? At, g = O.input ?? i.Input ?? Bt, [D, E] = It("notchedOutline", {
+    elementType: Ut,
+    className: x.notchedOutline,
+    shouldForwardComponentProp: !0,
+    ownerState: C,
+    externalForwardedProps: {
+      slots: O,
+      slotProps: y
+    },
+    additionalProps: {
+      label: c != null && c !== "" && m.required ? /* @__PURE__ */ ve(a.Fragment, {
+        children: [c, " ", "*"]
+      }) : c
+    }
+  });
+  return /* @__PURE__ */ f(He, {
+    slots: {
+      root: h,
+      input: g
+    },
+    slotProps: y,
+    renderSuffix: (M) => /* @__PURE__ */ f(D, {
+      ...E,
+      notched: typeof I < "u" ? I : !!(M.startAdornment || M.filled || M.focused)
+    }),
+    fullWidth: u,
+    inputComponent: d,
+    multiline: S,
+    ref: r,
+    type: w,
+    ...R,
+    classes: {
+      ...x,
+      notchedOutline: null
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (ge.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: e.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.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: e.oneOfType([e.oneOf(["primary", "secondary"]), e.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: e.shape({
+    Input: e.elementType,
+    Root: e.elementType
+  }),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the component is disabled.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  disabled: e.bool,
+  /**
+   * End `InputAdornment` for this component.
+   */
+  endAdornment: e.node,
+  /**
+   * If `true`, the `input` will indicate an error.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  error: e.bool,
+  /**
+   * If `true`, the `input` will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: e.bool,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * The component used for the `input` element.
+   * Either a string to use a HTML element or a component.
+   * @default 'input'
+   */
+  inputComponent: e.elementType,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
+   * @default {}
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: le,
+  /**
+   * The label of the `input`. It is only used for layout. The actual labelling
+   * is handled by `InputLabel`.
+   */
+  label: e.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: e.oneOf(["dense", "none"]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: e.oneOfType([e.number, e.string]),
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: e.oneOfType([e.number, e.string]),
+  /**
+   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
+   * @default false
+   */
+  multiline: e.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * If `true`, the outline is notched to accommodate the label.
+   */
+  notched: e.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: e.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: e.string,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the `input` element is required.
+   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
+   */
+  required: e.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: e.oneOfType([e.number, e.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.object,
+    notchedOutline: e.oneOfType([e.func, e.object]),
+    root: e.object
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    input: e.elementType,
+    notchedOutline: e.elementType,
+    root: e.elementType
+  }),
+  /**
+   * Start `InputAdornment` for this component.
+   */
+  startAdornment: e.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.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: e.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: e.any
+});
+ge.muiName = "Input";
+function Qe(t) {
+  return ne("MuiSelect", t);
+}
+const q = se("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+var De;
+const Vt = v(Xe, {
+  name: "MuiSelect",
+  slot: "Select",
+  overridesResolver: (t, o) => {
+    const {
+      ownerState: r
+    } = t;
+    return [
+      // Win specificity over the input base
+      {
+        [`&.${q.select}`]: o.select
+      },
+      {
+        [`&.${q.select}`]: o[r.variant]
+      },
+      {
+        [`&.${q.error}`]: o.error
+      },
+      {
+        [`&.${q.multiple}`]: o.multiple
+      }
+    ];
+  }
+})({
+  // Win specificity over the input base
+  [`&.${q.select}`]: {
+    height: "auto",
+    // Resets for multiple select with chips
+    minHeight: "1.4375em",
+    // Required for select\text-field height consistency
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    overflow: "hidden"
+  }
+}), Lt = v(Ye, {
+  name: "MuiSelect",
+  slot: "Icon",
+  overridesResolver: (t, o) => {
+    const {
+      ownerState: r
+    } = t;
+    return [o.icon, r.variant && o[`icon${re(r.variant)}`], r.open && o.iconOpen];
+  }
+})({}), qt = v("input", {
+  shouldForwardProp: (t) => yt(t) && t !== "classes",
+  name: "MuiSelect",
+  slot: "NativeInput"
+})({
+  bottom: 0,
+  left: 0,
+  position: "absolute",
+  opacity: 0,
+  pointerEvents: "none",
+  width: "100%",
+  boxSizing: "border-box"
+});
+function We(t, o) {
+  return typeof o == "object" && o !== null ? t === o : String(t) === String(o);
+}
+function zt(t) {
+  return t == null || typeof t == "string" && !t.trim();
+}
+const _t = (t) => {
+  const {
+    classes: o,
+    variant: r,
+    disabled: s,
+    multiple: i,
+    open: u,
+    error: d
+  } = t, c = {
+    select: ["select", r, s && "disabled", i && "multiple", d && "error"],
+    icon: ["icon", `icon${re(r)}`, u && "iconOpen", s && "disabled"],
+    nativeInput: ["nativeInput"]
+  };
+  return z(c, Qe, o);
+}, Ze = /* @__PURE__ */ a.forwardRef(function(o, r) {
+  var Me, Te;
+  const {
+    "aria-describedby": s,
+    "aria-label": i,
+    autoFocus: u,
+    autoWidth: d,
+    children: c,
+    className: S,
+    defaultOpen: I,
+    defaultValue: O,
+    disabled: y,
+    displayEmpty: w,
+    error: R = !1,
+    IconComponent: x,
+    inputRef: T,
+    labelId: m,
+    MenuProps: C = {},
+    multiple: h,
+    name: g,
+    onBlur: D,
+    onChange: E,
+    onClose: M,
+    onFocus: ae,
+    onOpen: K,
+    open: H,
+    readOnly: X,
+    renderValue: Y,
+    required: B,
+    SelectDisplayProps: P = {},
+    tabIndex: $,
+    // catching `type` from Input which makes no sense for SelectInput
+    type: ie,
+    value: Se,
+    variant: G = "standard",
+    ...W
+  } = o, [p, Ce] = je({
+    controlled: Se,
+    default: O,
+    name: "Select"
+  }), [Ie, tt] = je({
+    controlled: H,
+    default: I,
+    name: "Select"
+  }), we = a.useRef(null), j = a.useRef(null), [F, ot] = a.useState(null), {
+    current: pe
+  } = a.useRef(H != null), [nt, Re] = a.useState(), rt = Ue(r, T), st = a.useCallback((n) => {
+    j.current = n, n && ot(n);
+  }, []), J = F == null ? void 0 : F.parentNode;
+  a.useImperativeHandle(rt, () => ({
+    focus: () => {
+      j.current.focus();
+    },
+    node: we.current,
+    value: p
+  }), [p]), a.useEffect(() => {
+    I && Ie && F && !pe && (Re(d ? null : J.clientWidth), j.current.focus());
+  }, [F, d]), a.useEffect(() => {
+    u && j.current.focus();
+  }, [u]), a.useEffect(() => {
+    if (!m)
+      return;
+    const n = gt(j.current).getElementById(m);
+    if (n) {
+      const l = () => {
+        getSelection().isCollapsed && j.current.focus();
+      };
+      return n.addEventListener("click", l), () => {
+        n.removeEventListener("click", l);
+      };
+    }
+  }, [m]);
+  const Q = (n, l) => {
+    n ? K && K(l) : M && M(l), pe || (Re(d ? null : J.clientWidth), tt(n));
+  }, lt = (n) => {
+    n.button === 0 && (n.preventDefault(), j.current.focus(), Q(!0, n));
+  }, at = (n) => {
+    Q(!1, n);
+  }, Z = a.Children.toArray(c), it = (n) => {
+    const l = Z.find((b) => b.props.value === n.target.value);
+    l !== void 0 && (Ce(l.props.value), E && E(n, l));
+  }, pt = (n) => (l) => {
+    let b;
+    if (l.currentTarget.hasAttribute("tabindex")) {
+      if (h) {
+        b = Array.isArray(p) ? p.slice() : [];
+        const A = p.indexOf(n.props.value);
+        A === -1 ? b.push(n.props.value) : b.splice(A, 1);
+      } else
+        b = n.props.value;
+      if (n.props.onClick && n.props.onClick(l), p !== b && (Ce(b), E)) {
+        const A = l.nativeEvent || l, $e = new A.constructor(A.type, A);
+        Object.defineProperty($e, "target", {
+          writable: !0,
+          value: {
+            value: b,
+            name: g
+          }
+        }), E($e, n);
+      }
+      h || Q(!1, l);
+    }
+  }, ut = (n) => {
+    X || [
+      " ",
+      "ArrowUp",
+      "ArrowDown",
+      // The native select doesn't respond to enter on macOS, but it's recommended by
+      // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
+      "Enter"
+    ].includes(n.key) && (n.preventDefault(), Q(!0, n));
+  }, V = F !== null && Ie, dt = (n) => {
+    !V && D && (Object.defineProperty(n, "target", {
+      writable: !0,
+      value: {
+        value: p,
+        name: g
+      }
+    }), D(n));
+  };
+  delete W["aria-invalid"];
+  let k, Ne;
+  const ee = [];
+  let te = !1, ue = !1;
+  (ht({
+    value: p
+  }) || w) && (Y ? k = Y(p) : te = !0);
+  const ct = Z.map((n) => {
+    if (!/* @__PURE__ */ a.isValidElement(n))
+      return null;
+    process.env.NODE_ENV !== "production" && bt.isFragment(n) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`));
+    let l;
+    if (h) {
+      if (!Array.isArray(p))
+        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : mt(2));
+      l = p.some((b) => We(b, n.props.value)), l && te && ee.push(n.props.children);
+    } else
+      l = We(p, n.props.value), l && te && (Ne = n.props.children);
+    return l && (ue = !0), /* @__PURE__ */ a.cloneElement(n, {
+      "aria-selected": l ? "true" : "false",
+      onClick: pt(n),
+      onKeyUp: (b) => {
+        b.key === " " && b.preventDefault(), n.props.onKeyUp && n.props.onKeyUp(b);
+      },
+      role: "option",
+      selected: l,
+      value: void 0,
+      // The value is most likely not a valid HTML attribute.
+      "data-value": n.props.value
+      // Instead, we provide it as a data attribute.
+    });
+  });
+  process.env.NODE_ENV !== "production" && a.useEffect(() => {
+    if (!ue && !h && p !== "") {
+      const n = Z.map((l) => l.props.value);
+      console.warn([`MUI: You have provided an out-of-range value \`${p}\` for the select ${g ? `(name="${g}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${n.filter((l) => l != null).map((l) => `\`${l}\``).join(", ") || '""'}.`].join(`
+`));
+    }
+  }, [ue, Z, h, g, p]), te && (h ? ee.length === 0 ? k = null : k = ee.reduce((n, l, b) => (n.push(l), b < ee.length - 1 && n.push(", "), n), []) : k = Ne);
+  let Pe = nt;
+  !d && pe && F && (Pe = J.clientWidth);
+  let de;
+  typeof $ < "u" ? de = $ : de = y ? null : 0;
+  const xe = P.id || (g ? `mui-component-select-${g}` : void 0), oe = {
+    ...o,
+    variant: G,
+    value: p,
+    open: V,
+    error: R
+  }, ce = _t(oe), fe = {
+    ...C.PaperProps,
+    ...(Me = C.slotProps) == null ? void 0 : Me.paper
+  }, ft = {
+    ...C.MenuListProps,
+    ...(Te = C.slotProps) == null ? void 0 : Te.list
+  }, Ee = Ot();
+  return /* @__PURE__ */ ve(a.Fragment, {
+    children: [/* @__PURE__ */ f(Vt, {
+      as: "div",
+      ref: st,
+      tabIndex: de,
+      role: "combobox",
+      "aria-controls": V ? Ee : void 0,
+      "aria-disabled": y ? "true" : void 0,
+      "aria-expanded": V ? "true" : "false",
+      "aria-haspopup": "listbox",
+      "aria-label": i,
+      "aria-labelledby": [m, xe].filter(Boolean).join(" ") || void 0,
+      "aria-describedby": s,
+      "aria-required": B ? "true" : void 0,
+      "aria-invalid": R ? "true" : void 0,
+      onKeyDown: ut,
+      onMouseDown: y || X ? null : lt,
+      onBlur: dt,
+      onFocus: ae,
+      ...P,
+      ownerState: oe,
+      className: me(P.className, ce.select, S),
+      id: xe,
+      children: zt(k) ? (
+        // notranslate needed while Google Translate will not fix zero-width space issue
+        De || (De = /* @__PURE__ */ f("span", {
+          className: "notranslate",
+          "aria-hidden": !0,
+          children: "​"
+        }))
+      ) : k
+    }), /* @__PURE__ */ f(qt, {
+      "aria-invalid": R,
+      value: Array.isArray(p) ? p.join(",") : p,
+      name: g,
+      ref: we,
+      "aria-hidden": !0,
+      onChange: it,
+      tabIndex: -1,
+      disabled: y,
+      className: ce.nativeInput,
+      autoFocus: u,
+      required: B,
+      ...W,
+      ownerState: oe
+    }), /* @__PURE__ */ f(Lt, {
+      as: x,
+      className: ce.icon,
+      ownerState: oe
+    }), /* @__PURE__ */ f(vt, {
+      id: `menu-${g || ""}`,
+      anchorEl: J,
+      open: V,
+      onClose: at,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "center"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "center"
+      },
+      ...C,
+      slotProps: {
+        ...C.slotProps,
+        list: {
+          "aria-labelledby": m,
+          role: "listbox",
+          "aria-multiselectable": h ? "true" : void 0,
+          disableListWrap: !0,
+          id: Ee,
+          ...ft
+        },
+        paper: {
+          ...fe,
+          style: {
+            minWidth: Pe,
+            ...fe != null ? fe.style : null
+          }
+        }
+      },
+      children: ct
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (Ze.propTypes = {
+  /**
+   * @ignore
+   */
+  "aria-describedby": e.string,
+  /**
+   * @ignore
+   */
+  "aria-label": e.string,
+  /**
+   * @ignore
+   */
+  autoFocus: e.bool,
+  /**
+   * If `true`, the width of the popover will automatically be set according to the items inside the
+   * menu, otherwise it will be at least the width of the select input.
+   */
+  autoWidth: e.bool,
+  /**
+   * The option elements to populate the select with.
+   * Can be some `<MenuItem>` elements.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * The CSS class name of the select element.
+   */
+  className: e.string,
+  /**
+   * If `true`, the component is toggled on mount. Use when the component open state is not controlled.
+   * You can only use it when the `native` prop is `false` (default).
+   */
+  defaultOpen: e.bool,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the select is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the selected item is displayed even if its value is empty.
+   */
+  displayEmpty: e.bool,
+  /**
+   * If `true`, the `select input` will indicate an error.
+   */
+  error: e.bool,
+  /**
+   * The icon that displays the arrow.
+   */
+  IconComponent: e.elementType.isRequired,
+  /**
+   * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
+   * Equivalent to `ref`
+   */
+  inputRef: le,
+  /**
+   * The ID of an element that acts as an additional label. The Select will
+   * be labelled by the additional label and the selected value.
+   */
+  labelId: e.string,
+  /**
+   * Props applied to the [`Menu`](/material-ui/api/menu/) element.
+   */
+  MenuProps: e.object,
+  /**
+   * If `true`, `value` must be an array and the menu will support multiple selections.
+   */
+  multiple: e.bool,
+  /**
+   * Name attribute of the `select` or hidden `input` element.
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * 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` (any).
+   * @param {object} [child] The react element that was selected.
+   */
+  onChange: e.func,
+  /**
+   * Callback fired when the component requests to be closed.
+   * Use in controlled mode (see open).
+   *
+   * @param {object} event The event source of the callback.
+   */
+  onClose: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * Callback fired when the component requests to be opened.
+   * Use in controlled mode (see open).
+   *
+   * @param {object} event The event source of the callback.
+   */
+  onOpen: e.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: e.bool,
+  /**
+   * @ignore
+   */
+  readOnly: e.bool,
+  /**
+   * Render the selected value.
+   *
+   * @param {any} value The `value` provided to the component.
+   * @returns {ReactNode}
+   */
+  renderValue: e.func,
+  /**
+   * If `true`, the component is required.
+   */
+  required: e.bool,
+  /**
+   * Props applied to the clickable div element.
+   */
+  SelectDisplayProps: e.object,
+  /**
+   * @ignore
+   */
+  tabIndex: e.oneOfType([e.number, e.string]),
+  /**
+   * @ignore
+   */
+  type: e.any,
+  /**
+   * The input value.
+   */
+  value: e.any,
+  /**
+   * The variant to use.
+   */
+  variant: e.oneOf(["standard", "outlined", "filled"])
+});
+const Kt = (t) => {
+  const {
+    classes: o
+  } = t, s = z({
+    root: ["root"]
+  }, Qe, o);
+  return {
+    ...o,
+    ...s
+  };
+}, Oe = {
+  name: "MuiSelect",
+  slot: "Root",
+  shouldForwardProp: (t) => U(t) && t !== "variant"
+}, Ht = v(ye, Oe)(""), Xt = v(ge, Oe)(""), Yt = v(Ct, Oe)(""), et = /* @__PURE__ */ a.forwardRef(function(o, r) {
+  const s = be({
+    name: "MuiSelect",
+    props: o
+  }), {
+    autoWidth: i = !1,
+    children: u,
+    classes: d = {},
+    className: c,
+    defaultOpen: S = !1,
+    displayEmpty: I = !1,
+    IconComponent: O = Pt,
+    id: y,
+    input: w,
+    inputProps: R,
+    label: x,
+    labelId: T,
+    MenuProps: m,
+    multiple: C = !1,
+    native: h = !1,
+    onClose: g,
+    onOpen: D,
+    open: E,
+    renderValue: M,
+    SelectDisplayProps: ae,
+    variant: K = "outlined",
+    ...H
+  } = s, X = h ? Ge : Ze, Y = Be(), B = Ae({
+    props: s,
+    muiFormControl: Y,
+    states: ["variant", "error"]
+  }), P = B.variant || K, $ = {
+    ...s,
+    variant: P,
+    classes: d
+  }, ie = Kt($), {
+    root: Se,
+    ...G
+  } = ie, W = w || {
+    standard: /* @__PURE__ */ f(Ht, {
+      ownerState: $
+    }),
+    outlined: /* @__PURE__ */ f(Xt, {
+      label: x,
+      ownerState: $
+    }),
+    filled: /* @__PURE__ */ f(Yt, {
+      ownerState: $
+    })
+  }[P], p = Ue(r, wt(W));
+  return /* @__PURE__ */ f(a.Fragment, {
+    children: /* @__PURE__ */ a.cloneElement(W, {
+      // Most of the logic is implemented in `SelectInput`.
+      // The `Select` component is a simple API wrapper to expose something better to play with.
+      inputComponent: X,
+      inputProps: {
+        children: u,
+        error: B.error,
+        IconComponent: O,
+        variant: P,
+        type: void 0,
+        // We render a select. We can ignore the type provided by the `Input`.
+        multiple: C,
+        ...h ? {
+          id: y
+        } : {
+          autoWidth: i,
+          defaultOpen: S,
+          displayEmpty: I,
+          labelId: T,
+          MenuProps: m,
+          onClose: g,
+          onOpen: D,
+          open: E,
+          renderValue: M,
+          SelectDisplayProps: {
+            id: y,
+            ...ae
+          }
+        },
+        ...R,
+        classes: R ? ke(G, R.classes) : G,
+        ...w ? w.props.inputProps : {}
+      },
+      ...(C && h || I) && P === "outlined" ? {
+        notched: !0
+      } : {},
+      ref: p,
+      className: me(W.props.className, c, ie.root),
+      // 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.
+      ...!w && {
+        variant: P
+      },
+      ...H
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (et.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the width of the popover will automatically be set according to the items inside the
+   * menu, otherwise it will be at least the width of the select input.
+   * @default false
+   */
+  autoWidth: e.bool,
+  /**
+   * The option elements to populate the select with.
+   * Can be some `MenuItem` when `native` is false and `option` when `native` is true.
+   *
+   * ⚠️The `MenuItem` elements **must** be direct descendants when `native` is false.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   * @default {}
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * If `true`, the component is initially open. Use when the component open state is not controlled (i.e. the `open` prop is not defined).
+   * You can only use it when the `native` prop is `false` (default).
+   * @default false
+   */
+  defaultOpen: e.bool,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, a value is displayed even if no items are selected.
+   *
+   * In order to display a meaningful value, a function can be passed to the `renderValue` prop which
+   * returns the value to be displayed when no items are selected.
+   *
+   * ⚠️ When using this prop, make sure the label doesn't overlap with the empty displayed value.
+   * The label should either be hidden or forced to a shrunk state.
+   * @default false
+   */
+  displayEmpty: e.bool,
+  /**
+   * The icon that displays the arrow.
+   * @default ArrowDropDownIcon
+   */
+  IconComponent: e.elementType,
+  /**
+   * The `id` of the wrapper element or the `select` element when `native`.
+   */
+  id: e.string,
+  /**
+   * An `Input` element; does not have to be a material-ui specific `Input`.
+   */
+  input: e.element,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
+   * When `native` is `true`, the attributes are applied on the `select` element.
+   */
+  inputProps: e.object,
+  /**
+   * See [OutlinedInput#label](https://mui.com/material-ui/api/outlined-input/#props)
+   */
+  label: e.node,
+  /**
+   * The ID of an element that acts as an additional label. The Select will
+   * be labelled by the additional label and the selected value.
+   */
+  labelId: e.string,
+  /**
+   * Props applied to the [`Menu`](https://mui.com/material-ui/api/menu/) element.
+   */
+  MenuProps: e.object,
+  /**
+   * If `true`, `value` must be an array and the menu will support multiple selections.
+   * @default false
+   */
+  multiple: e.bool,
+  /**
+   * If `true`, the component uses a native `select` element.
+   * @default false
+   */
+  native: e.bool,
+  /**
+   * Callback fired when a menu item is selected.
+   *
+   * @param {SelectChangeEvent<Value>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (any).
+   * **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.
+   * @param {object} [child] The react element that was selected when `native` is `false` (default).
+   */
+  onChange: e.func,
+  /**
+   * Callback fired when the component requests to be closed.
+   * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapses).
+   *
+   * @param {object} event The event source of the callback.
+   */
+  onClose: e.func,
+  /**
+   * Callback fired when the component requests to be opened.
+   * Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select expands).
+   *
+   * @param {object} event The event source of the callback.
+   */
+  onOpen: e.func,
+  /**
+   * If `true`, the component is shown.
+   * You can only use it when the `native` prop is `false` (default).
+   */
+  open: e.bool,
+  /**
+   * Render the selected value.
+   * You can only use it when the `native` prop is `false` (default).
+   *
+   * @param {any} value The `value` provided to the component.
+   * @returns {ReactNode}
+   */
+  renderValue: e.func,
+  /**
+   * Props applied to the clickable div element.
+   */
+  SelectDisplayProps: e.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The `input` value. Providing an empty string will select no options.
+   * Set to an empty string `''` if you don't want any of the available options to be selected.
+   *
+   * If the value is an object it must have reference equality with the option in order to be selected.
+   * If the value is not an object, the string representation must match with the string representation of the option in order to be selected.
+   */
+  value: e.oneOfType([e.oneOf([""]), e.any]),
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant: e.oneOf(["filled", "outlined", "standard"])
+});
+et.muiName = "Select";
+export {
+  Pt as A,
+  ye as I,
+  ge as O,
+  et as S,
+  L as i,
+  N as o
+};