@solostylist/ui-kit 1.0.57 → 1.0.59

package/dist/s-text-editor/s-text-editor-toolbar.js

@@ -1,3932 +1,31 @@
-import { j as i } from "../jsx-runtime-C5mzlN2N.js";
-import * as l from "react";
-import { c as le, u as ce, s as T, a as Y, m as V, f as ge, g as qo } from "../createSvgIcon-YtxTUNwI.js";
-import { MenuItem as fo } from "@mui/material";
-import { usePopover as Ko } from "../hooks/use-popover.js";
-import Go from "../s-text-field/s-text-field.js";
-import { g as Ie, c as F, P as e, a as mo, l as Xo, p as No, j as eo } from "../createTheme-CozHbEju.js";
-import { g as Oe, c as ae } from "../identifier-9JFYVRsR.js";
-import { c as Se } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
-import { g as Yo, i as bo } from "../iconButtonClasses-Ba5VdL62.js";
-import { c as Po, B as Zo, r as we, u as ze, b as Jo, e as Qo, a as et } from "../useSlot-GW4ou7g5.js";
-import { css as Eo, keyframes as Fo } from "@emotion/react";
-import { S as go } from "../Stack-DT2aopM5.js";
-import { o as ot, M as tt, a as ho, d as nt, i as vo, g as rt, P as st } from "../Menu-Y8dE9GrA.js";
-import { F as $o, u as yo, a as oo } from "../useFormControl-B3RPiDsz.js";
-import { i as Fe, g as it, a as at, o as X } from "../outlinedInputClasses-MXXlnR_X.js";
-import { g as lt } from "../index-GaV7LHxy.js";
-import { u as Ze } from "../useEnhancedEffect-CJGo-L3B.js";
-function Ye(o, t) {
-  var n, r, s;
-  return /* @__PURE__ */ l.isValidElement(o) && t.indexOf(
-    // For server components `muiName` is avaialble in element.type._payload.value.muiName
-    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
-    // eslint-disable-next-line no-underscore-dangle
-    o.type.muiName ?? ((s = (r = (n = o.type) == null ? void 0 : n._payload) == null ? void 0 : r.value) == null ? void 0 : s.muiName)
-  ) !== -1;
-}
-let xo = 0;
-function ct(o) {
-  const [t, n] = l.useState(o), r = o || t;
-  return l.useEffect(() => {
-    t == null && (xo += 1, n(`mui-${xo}`));
-  }, [t]), r;
-}
-const dt = {
-  ...l
-}, Co = dt.useId;
-function Bo(o) {
-  if (Co !== void 0) {
-    const t = Co();
-    return o ?? t;
-  }
-  return ct(o);
-}
-const ut = le(/* @__PURE__ */ i.jsx("path", {
+import { j as c } from "../jsx-runtime-C5mzlN2N.js";
+import * as r from "react";
+import { c as t } from "../createSvgIcon-ChpOI-a_.js";
+import { MenuItem as u } from "@mui/material";
+import { usePopover as g } from "../hooks/use-popover.js";
+import m from "../s-text-field/s-text-field.js";
+import { I as f, S as x, F as d } from "../Select-D539S2ky.js";
+import { S as v } from "../Stack-CG6wicnq.js";
+import { P as j } from "../Menu-CFtdt9_b.js";
+const k = t(/* @__PURE__ */ c.jsx("path", {
   d: "M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z"
-}), "Code"), pt = le(/* @__PURE__ */ i.jsx("path", {
+}), "Code"), H = t(/* @__PURE__ */ c.jsx("path", {
   d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42M10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5"
-}), "FormatBold"), ft = le(/* @__PURE__ */ i.jsx("path", {
+}), "FormatBold"), L = t(/* @__PURE__ */ c.jsx("path", {
   d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
-}), "FormatItalic"), mt = le(/* @__PURE__ */ i.jsx("path", {
+}), "FormatItalic"), b = t(/* @__PURE__ */ c.jsx("path", {
   d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z"
-}), "FormatListBulleted"), bt = le(/* @__PURE__ */ i.jsx("path", {
+}), "FormatListBulleted"), C = t(/* @__PURE__ */ c.jsx("path", {
   d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-6v2h14V5zm0 14h14v-2H7zm0-6h14v-2H7z"
-}), "FormatListNumbered"), So = le(/* @__PURE__ */ i.jsx("path", {
+}), "FormatListNumbered"), p = t(/* @__PURE__ */ c.jsx("path", {
   d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5"
-}), "Link"), gt = le(/* @__PURE__ */ i.jsx("path", {
+}), "Link"), I = t(/* @__PURE__ */ c.jsx("path", {
   d: "M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85-.29-.86-1.2-1.28-2.25-1.28-1.86 0-2.34 1.02-2.34 1.7 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92M21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97 0 1-.81 1.67-2.28 1.67-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58.81 2.29 3.29 3.3 5.67 3.3 2.27 0 5.3-.89 5.3-4.05 0-.3-.01-1.16-.48-1.94H21z"
-}), "StrikethroughS");
-function Io(o) {
-  return o != null && !(Array.isArray(o) && o.length === 0);
-}
-function Ae(o, t = !1) {
-  return o && (Io(o.value) && o.value !== "" || t && Io(o.defaultValue) && o.defaultValue !== "");
-}
-function ht(o) {
-  return o.startAdornment;
-}
-function vt(o) {
-  return Ie("MuiFormControl", o);
-}
-Oe("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
-const yt = (o) => {
-  const {
-    classes: t,
-    margin: n,
-    fullWidth: r
-  } = o, s = {
-    root: ["root", n !== "none" && `margin${F(n)}`, r && "fullWidth"]
-  };
-  return Y(s, vt, t);
-}, xt = T("div", {
-  name: "MuiFormControl",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.root, t[`margin${F(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: {
-      margin: "normal"
-    },
-    style: {
-      marginTop: 16,
-      marginBottom: 8
-    }
-  }, {
-    props: {
-      margin: "dense"
-    },
-    style: {
-      marginTop: 8,
-      marginBottom: 4
-    }
-  }, {
-    props: {
-      fullWidth: !0
-    },
-    style: {
-      width: "100%"
-    }
-  }]
-}), Mo = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const r = ce({
-    props: t,
-    name: "MuiFormControl"
-  }), {
-    children: s,
-    className: c,
-    color: a = "primary",
-    component: p = "div",
-    disabled: y = !1,
-    error: h = !1,
-    focused: m,
-    fullWidth: v = !1,
-    hiddenLabel: b = !1,
-    margin: C = "none",
-    required: O = !1,
-    size: j = "medium",
-    variant: g = "outlined",
-    ...w
-  } = r, S = {
-    ...r,
-    color: a,
-    component: p,
-    disabled: y,
-    error: h,
-    fullWidth: v,
-    hiddenLabel: b,
-    margin: C,
-    required: O,
-    size: j,
-    variant: g
-  }, u = yt(S), [f, N] = l.useState(() => {
-    let K = !1;
-    return s && l.Children.forEach(s, (B) => {
-      if (!Ye(B, ["Input", "Select"]))
-        return;
-      const q = Ye(B, ["Select"]) ? B.props.input : B;
-      q && ht(q.props) && (K = !0);
-    }), K;
-  }), [I, D] = l.useState(() => {
-    let K = !1;
-    return s && l.Children.forEach(s, (B) => {
-      Ye(B, ["Input", "Select"]) && (Ae(B.props, !0) || Ae(B.props.inputProps, !0)) && (K = !0);
-    }), K;
-  }), [H, _] = l.useState(!1);
-  y && H && _(!1);
-  const A = m !== void 0 && !y ? m : H;
-  let z;
-  const E = l.useRef(!1);
-  process.env.NODE_ENV !== "production" && (z = () => (E.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
-`)), E.current = !0, () => {
-    E.current = !1;
-  }));
-  const $ = l.useCallback(() => {
-    D(!0);
-  }, []), L = l.useCallback(() => {
-    D(!1);
-  }, []), de = l.useMemo(() => ({
-    adornedStart: f,
-    setAdornedStart: N,
-    color: a,
-    disabled: y,
-    error: h,
-    filled: I,
-    focused: A,
-    fullWidth: v,
-    hiddenLabel: b,
-    size: j,
-    onBlur: () => {
-      _(!1);
-    },
-    onFocus: () => {
-      _(!0);
-    },
-    onEmpty: L,
-    onFilled: $,
-    registerEffect: z,
-    required: O,
-    variant: g
-  }), [f, a, y, h, I, A, v, b, z, L, $, O, j, g]);
-  return /* @__PURE__ */ i.jsx($o.Provider, {
-    value: de,
-    children: /* @__PURE__ */ i.jsx(xt, {
-      as: p,
-      ownerState: S,
-      className: ae(u.root, c),
-      ref: n,
-      ...w,
-      children: s
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (Mo.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: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  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).
-   * @default 'primary'
-   */
-  color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, the label, input and helper text should be displayed in a disabled state.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the label is displayed in an error state.
-   * @default false
-   */
-  error: e.bool,
-  /**
-   * If `true`, the component is displayed in focused state.
-   */
-  focused: e.bool,
-  /**
-   * If `true`, the component will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: e.bool,
-  /**
-   * 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
-   */
-  hiddenLabel: e.bool,
-  /**
-   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
-   * @default 'none'
-   */
-  margin: e.oneOf(["dense", "none", "normal"]),
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   * @default false
-   */
-  required: e.bool,
-  /**
-   * The size of the component.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * 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 variant to use.
-   * @default 'outlined'
-   */
-  variant: e.oneOf(["filled", "outlined", "standard"])
-});
-function Ct(o) {
-  return Ie("MuiCircularProgress", o);
-}
-Oe("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
-const se = 44, Je = Fo`
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-`, Qe = Fo`
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: -126px;
-  }
-`, St = typeof Je != "string" ? Eo`
-        animation: ${Je} 1.4s linear infinite;
-      ` : null, It = typeof Qe != "string" ? Eo`
-        animation: ${Qe} 1.4s ease-in-out infinite;
-      ` : null, Ot = (o) => {
-  const {
-    classes: t,
-    variant: n,
-    color: r,
-    disableShrink: s
-  } = o, c = {
-    root: ["root", n, `color${F(r)}`],
-    svg: ["svg"],
-    circle: ["circle", `circle${F(n)}`, s && "circleDisableShrink"]
-  };
-  return Y(c, Ct, t);
-}, wt = T("span", {
-  name: "MuiCircularProgress",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.root, t[n.variant], t[`color${F(n.color)}`]];
-  }
-})(V(({
-  theme: o
-}) => ({
-  display: "inline-block",
-  variants: [{
-    props: {
-      variant: "determinate"
-    },
-    style: {
-      transition: o.transitions.create("transform")
-    }
-  }, {
-    props: {
-      variant: "indeterminate"
-    },
-    style: St || {
-      animation: `${Je} 1.4s linear infinite`
-    }
-  }, ...Object.entries(o.palette).filter(Se()).map(([t]) => ({
-    props: {
-      color: t
-    },
-    style: {
-      color: (o.vars || o).palette[t].main
-    }
-  }))]
-}))), Rt = T("svg", {
-  name: "MuiCircularProgress",
-  slot: "Svg"
-})({
-  display: "block"
-  // Keeps the progress centered
-}), jt = T("circle", {
-  name: "MuiCircularProgress",
-  slot: "Circle",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.circle, t[`circle${F(n.variant)}`], n.disableShrink && t.circleDisableShrink];
-  }
-})(V(({
-  theme: o
-}) => ({
-  stroke: "currentColor",
-  variants: [{
-    props: {
-      variant: "determinate"
-    },
-    style: {
-      transition: o.transitions.create("stroke-dashoffset")
-    }
-  }, {
-    props: {
-      variant: "indeterminate"
-    },
-    style: {
-      // Some default value that looks fine waiting for the animation to kicks in.
-      strokeDasharray: "80px, 200px",
-      strokeDashoffset: 0
-      // Add the unit to fix a Edge 16 and below bug.
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.variant === "indeterminate" && !t.disableShrink,
-    style: It || {
-      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
-      animation: `${Qe} 1.4s ease-in-out infinite`
-    }
-  }]
-}))), Ao = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const r = ce({
-    props: t,
-    name: "MuiCircularProgress"
-  }), {
-    className: s,
-    color: c = "primary",
-    disableShrink: a = !1,
-    size: p = 40,
-    style: y,
-    thickness: h = 3.6,
-    value: m = 0,
-    variant: v = "indeterminate",
-    ...b
-  } = r, C = {
-    ...r,
-    color: c,
-    disableShrink: a,
-    size: p,
-    thickness: h,
-    value: m,
-    variant: v
-  }, O = Ot(C), j = {}, g = {}, w = {};
-  if (v === "determinate") {
-    const S = 2 * Math.PI * ((se - h) / 2);
-    j.strokeDasharray = S.toFixed(3), w["aria-valuenow"] = Math.round(m), j.strokeDashoffset = `${((100 - m) / 100 * S).toFixed(3)}px`, g.transform = "rotate(-90deg)";
-  }
-  return /* @__PURE__ */ i.jsx(wt, {
-    className: ae(O.root, s),
-    style: {
-      width: p,
-      height: p,
-      ...g,
-      ...y
-    },
-    ownerState: C,
-    ref: n,
-    role: "progressbar",
-    ...w,
-    ...b,
-    children: /* @__PURE__ */ i.jsx(Rt, {
-      className: O.svg,
-      ownerState: C,
-      viewBox: `${se / 2} ${se / 2} ${se} ${se}`,
-      children: /* @__PURE__ */ i.jsx(jt, {
-        className: O.circle,
-        style: j,
-        ownerState: C,
-        cx: se,
-        cy: se,
-        r: (se - h) / 2,
-        fill: "none",
-        strokeWidth: h
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (Ao.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  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).
-   * @default 'primary'
-   */
-  color: e.oneOfType([e.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * If `true`, the shrink animation is disabled.
-   * This only works if variant is `indeterminate`.
-   * @default false
-   */
-  disableShrink: Po(e.bool, (o) => o.disableShrink && o.variant && o.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
-  /**
-   * The size of the component.
-   * If using a number, the pixel unit is assumed.
-   * If using a string, you need to provide the CSS unit, for example '3rem'.
-   * @default 40
-   */
-  size: e.oneOfType([e.number, e.string]),
-  /**
-   * @ignore
-   */
-  style: 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 thickness of the circle.
-   * @default 3.6
-   */
-  thickness: e.number,
-  /**
-   * The value of the progress indicator for the determinate variant.
-   * Value between 0 and 100.
-   * @default 0
-   */
-  value: e.number,
-  /**
-   * The variant to use.
-   * Use indeterminate when there is no progress value.
-   * @default 'indeterminate'
-   */
-  variant: e.oneOf(["determinate", "indeterminate"])
-});
-const Tt = (o) => {
-  const {
-    classes: t,
-    disabled: n,
-    color: r,
-    edge: s,
-    size: c,
-    loading: a
-  } = o, p = {
-    root: ["root", a && "loading", n && "disabled", r !== "default" && `color${F(r)}`, s && `edge${F(s)}`, `size${F(c)}`],
-    loadingIndicator: ["loadingIndicator"],
-    loadingWrapper: ["loadingWrapper"]
-  };
-  return Y(p, Yo, t);
-}, kt = T(Zo, {
-  name: "MuiIconButton",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.root, n.loading && t.loading, n.color !== "default" && t[`color${F(n.color)}`], n.edge && t[`edge${F(n.edge)}`], t[`size${F(n.size)}`]];
-  }
-})(V(({
-  theme: o
-}) => ({
-  textAlign: "center",
-  flex: "0 0 auto",
-  fontSize: o.typography.pxToRem(24),
-  padding: 8,
-  borderRadius: "50%",
-  color: (o.vars || o).palette.action.active,
-  transition: o.transitions.create("background-color", {
-    duration: o.transitions.duration.shortest
-  }),
-  variants: [{
-    props: (t) => !t.disableRipple,
-    style: {
-      "--IconButton-hoverBg": o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : mo(o.palette.action.active, o.palette.action.hoverOpacity),
-      "&:hover": {
-        backgroundColor: "var(--IconButton-hoverBg)",
-        // Reset on touch devices, it doesn't add specificity
-        "@media (hover: none)": {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  }, {
-    props: {
-      edge: "start"
-    },
-    style: {
-      marginLeft: -12
-    }
-  }, {
-    props: {
-      edge: "start",
-      size: "small"
-    },
-    style: {
-      marginLeft: -3
-    }
-  }, {
-    props: {
-      edge: "end"
-    },
-    style: {
-      marginRight: -12
-    }
-  }, {
-    props: {
-      edge: "end",
-      size: "small"
-    },
-    style: {
-      marginRight: -3
-    }
-  }]
-})), V(({
-  theme: o
-}) => ({
-  variants: [{
-    props: {
-      color: "inherit"
-    },
-    style: {
-      color: "inherit"
-    }
-  }, ...Object.entries(o.palette).filter(Se()).map(([t]) => ({
-    props: {
-      color: t
-    },
-    style: {
-      color: (o.vars || o).palette[t].main
-    }
-  })), ...Object.entries(o.palette).filter(Se()).map(([t]) => ({
-    props: {
-      color: t
-    },
-    style: {
-      "--IconButton-hoverBg": o.vars ? `rgba(${(o.vars || o).palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : mo((o.vars || o).palette[t].main, o.palette.action.hoverOpacity)
-    }
-  })), {
-    props: {
-      size: "small"
-    },
-    style: {
-      padding: 5,
-      fontSize: o.typography.pxToRem(18)
-    }
-  }, {
-    props: {
-      size: "large"
-    },
-    style: {
-      padding: 12,
-      fontSize: o.typography.pxToRem(28)
-    }
-  }],
-  [`&.${bo.disabled}`]: {
-    backgroundColor: "transparent",
-    color: (o.vars || o).palette.action.disabled
-  },
-  [`&.${bo.loading}`]: {
-    color: "transparent"
-  }
-}))), Nt = T("span", {
-  name: "MuiIconButton",
-  slot: "LoadingIndicator"
-})(({
-  theme: o
-}) => ({
-  display: "none",
-  position: "absolute",
-  visibility: "visible",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  color: (o.vars || o).palette.action.disabled,
-  variants: [{
-    props: {
-      loading: !0
-    },
-    style: {
-      display: "flex"
-    }
-  }]
-})), zo = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const r = ce({
-    props: t,
-    name: "MuiIconButton"
-  }), {
-    edge: s = !1,
-    children: c,
-    className: a,
-    color: p = "default",
-    disabled: y = !1,
-    disableFocusRipple: h = !1,
-    size: m = "medium",
-    id: v,
-    loading: b = null,
-    loadingIndicator: C,
-    ...O
-  } = r, j = Bo(v), g = C ?? /* @__PURE__ */ i.jsx(Ao, {
-    "aria-labelledby": j,
-    color: "inherit",
-    size: 16
-  }), w = {
-    ...r,
-    edge: s,
-    color: p,
-    disabled: y,
-    disableFocusRipple: h,
-    loading: b,
-    loadingIndicator: g,
-    size: m
-  }, S = Tt(w);
-  return /* @__PURE__ */ i.jsxs(kt, {
-    id: b ? j : v,
-    className: ae(S.root, a),
-    centerRipple: !0,
-    focusRipple: !h,
-    disabled: y || b,
-    ref: n,
-    ...O,
-    ownerState: w,
-    children: [typeof b == "boolean" && // use plain HTML span to minimize the runtime overhead
-    /* @__PURE__ */ i.jsx("span", {
-      className: S.loadingWrapper,
-      style: {
-        display: "contents"
-      },
-      children: /* @__PURE__ */ i.jsx(Nt, {
-        className: S.loadingIndicator,
-        ownerState: w,
-        children: b && g
-      })
-    }), c]
-  });
-});
-process.env.NODE_ENV !== "production" && (zo.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The icon to display.
-   */
-  children: Po(e.node, (o) => l.Children.toArray(o.children).some((n) => /* @__PURE__ */ l.isValidElement(n) && n.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
-`)) : null),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  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).
-   * @default 'default'
-   */
-  color: e.oneOfType([e.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: e.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: e.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge: e.oneOf(["end", "start", !1]),
-  /**
-   * @ignore
-   */
-  id: e.string,
-  /**
-   * If `true`, the loading indicator is visible and the button is disabled.
-   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
-   * @default null
-   */
-  loading: e.bool,
-  /**
-   * Element placed before the children if the button is in loading state.
-   * The node should contain an element with `role="progressbar"` with an accessible name.
-   * By default, it renders a `CircularProgress` that is labeled by the button itself.
-   * @default <CircularProgress color="inherit" size={16} />
-   */
-  loadingIndicator: e.node,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["small", "medium", "large"]), e.string]),
-  /**
-   * 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])
-});
-function Pt(o) {
-  return Ie("MuiNativeSelect", o);
-}
-const to = Oe("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Et = (o) => {
-  const {
-    classes: t,
-    variant: n,
-    disabled: r,
-    multiple: s,
-    open: c,
-    error: a
-  } = o, p = {
-    select: ["select", n, r && "disabled", s && "multiple", a && "error"],
-    icon: ["icon", `icon${F(n)}`, c && "iconOpen", r && "disabled"]
-  };
-  return Y(p, Pt, t);
-}, Lo = T("select")(({
-  theme: o
-}) => ({
-  // 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
-  },
-  [`&.${to.disabled}`]: {
-    cursor: "default"
-  },
-  "&[multiple]": {
-    height: "auto"
-  },
-  "&:not([multiple]) option, &:not([multiple]) optgroup": {
-    backgroundColor: (o.vars || o).palette.background.paper
-  },
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => t.variant !== "filled" && t.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: (o.vars || o).shape.borderRadius,
-      "&:focus": {
-        borderRadius: (o.vars || o).shape.borderRadius
-        // Reset the reset for Chrome style
-      },
-      "&&&": {
-        paddingRight: 32
-      }
-    }
-  }]
-})), Ft = T(Lo, {
-  name: "MuiNativeSelect",
-  slot: "Select",
-  shouldForwardProp: ge,
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.select, t[n.variant], n.error && t.error, {
-      [`&.${to.multiple}`]: t.multiple
-    }];
-  }
-})({}), Wo = T("svg")(({
-  theme: o
-}) => ({
-  // 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: (o.vars || o).palette.action.active,
-  [`&.${to.disabled}`]: {
-    color: (o.vars || o).palette.action.disabled
-  },
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => t.open,
-    style: {
-      transform: "rotate(180deg)"
-    }
-  }, {
-    props: {
-      variant: "filled"
-    },
-    style: {
-      right: 7
-    }
-  }, {
-    props: {
-      variant: "outlined"
-    },
-    style: {
-      right: 7
-    }
-  }]
-})), $t = T(Wo, {
-  name: "MuiNativeSelect",
-  slot: "Icon",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.icon, n.variant && t[`icon${F(n.variant)}`], n.open && t.iconOpen];
-  }
-})({}), Do = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const {
-    className: r,
-    disabled: s,
-    error: c,
-    IconComponent: a,
-    inputRef: p,
-    variant: y = "standard",
-    ...h
-  } = t, m = {
-    ...t,
-    disabled: s,
-    variant: y,
-    error: c
-  }, v = Et(m);
-  return /* @__PURE__ */ i.jsxs(l.Fragment, {
-    children: [/* @__PURE__ */ i.jsx(Ft, {
-      ownerState: m,
-      className: ae(v.select, r),
-      disabled: s,
-      ref: p || n,
-      ...h
-    }), t.multiple ? null : /* @__PURE__ */ i.jsx($t, {
-      as: a,
-      ownerState: m,
-      className: v.icon
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (Do.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: we,
-  /**
-   * @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"])
-});
-function Uo(o) {
-  return Ie("MuiSelect", o);
-}
-const Pe = Oe("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
-var Oo;
-const Bt = T(Lo, {
-  name: "MuiSelect",
-  slot: "Select",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [
-      // Win specificity over the input base
-      {
-        [`&.${Pe.select}`]: t.select
-      },
-      {
-        [`&.${Pe.select}`]: t[n.variant]
-      },
-      {
-        [`&.${Pe.error}`]: t.error
-      },
-      {
-        [`&.${Pe.multiple}`]: t.multiple
-      }
-    ];
-  }
-})({
-  // Win specificity over the input base
-  [`&.${Pe.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"
-  }
-}), Mt = T(Wo, {
-  name: "MuiSelect",
-  slot: "Icon",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.icon, n.variant && t[`icon${F(n.variant)}`], n.open && t.iconOpen];
-  }
-})({}), At = T("input", {
-  shouldForwardProp: (o) => qo(o) && o !== "classes",
-  name: "MuiSelect",
-  slot: "NativeInput"
-})({
-  bottom: 0,
-  left: 0,
-  position: "absolute",
-  opacity: 0,
-  pointerEvents: "none",
-  width: "100%",
-  boxSizing: "border-box"
-});
-function wo(o, t) {
-  return typeof t == "object" && t !== null ? o === t : String(o) === String(t);
-}
-function zt(o) {
-  return o == null || typeof o == "string" && !o.trim();
-}
-const Lt = (o) => {
-  const {
-    classes: t,
-    variant: n,
-    disabled: r,
-    multiple: s,
-    open: c,
-    error: a
-  } = o, p = {
-    select: ["select", n, r && "disabled", s && "multiple", a && "error"],
-    icon: ["icon", `icon${F(n)}`, c && "iconOpen", r && "disabled"],
-    nativeInput: ["nativeInput"]
-  };
-  return Y(p, Uo, t);
-}, Vo = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  var uo;
-  const {
-    "aria-describedby": r,
-    "aria-label": s,
-    autoFocus: c,
-    autoWidth: a,
-    children: p,
-    className: y,
-    defaultOpen: h,
-    defaultValue: m,
-    disabled: v,
-    displayEmpty: b,
-    error: C = !1,
-    IconComponent: O,
-    inputRef: j,
-    labelId: g,
-    MenuProps: w = {},
-    multiple: S,
-    name: u,
-    onBlur: f,
-    onChange: N,
-    onClose: I,
-    onFocus: D,
-    onOpen: H,
-    open: _,
-    readOnly: A,
-    renderValue: z,
-    required: E,
-    SelectDisplayProps: $ = {},
-    tabIndex: L,
-    // catching `type` from Input which makes no sense for SelectInput
-    type: de,
-    value: K,
-    variant: B = "standard",
-    ...q
-  } = t, [k, He] = yo({
-    controlled: K,
-    default: m,
-    name: "Select"
-  }), [Re, $e] = yo({
-    controlled: _,
-    default: h,
-    name: "Select"
-  }), Q = l.useRef(null), G = l.useRef(null), [Z, _e] = l.useState(null), {
-    current: ee
-  } = l.useRef(_ != null), [je, J] = l.useState(), qe = ze(n, j), Ke = l.useCallback((d) => {
-    G.current = d, d && _e(d);
-  }, []), oe = Z == null ? void 0 : Z.parentNode;
-  l.useImperativeHandle(qe, () => ({
-    focus: () => {
-      G.current.focus();
-    },
-    node: Q.current,
-    value: k
-  }), [k]), l.useEffect(() => {
-    h && Re && Z && !ee && (J(a ? null : oe.clientWidth), G.current.focus());
-  }, [Z, a]), l.useEffect(() => {
-    c && G.current.focus();
-  }, [c]), l.useEffect(() => {
-    if (!g)
-      return;
-    const d = ot(G.current).getElementById(g);
-    if (d) {
-      const x = () => {
-        getSelection().isCollapsed && G.current.focus();
-      };
-      return d.addEventListener("click", x), () => {
-        d.removeEventListener("click", x);
-      };
-    }
-  }, [g]);
-  const te = (d, x) => {
-    d ? H && H(x) : I && I(x), ee || (J(a ? null : oe.clientWidth), $e(d));
-  }, P = (d) => {
-    d.button === 0 && (d.preventDefault(), G.current.focus(), te(!0, d));
-  }, U = (d) => {
-    te(!1, d);
-  }, ne = l.Children.toArray(p), Te = (d) => {
-    const x = ne.find((M) => M.props.value === d.target.value);
-    x !== void 0 && (He(x.props.value), N && N(d, x));
-  }, ue = (d) => (x) => {
-    let M;
-    if (x.currentTarget.hasAttribute("tabindex")) {
-      if (S) {
-        M = Array.isArray(k) ? k.slice() : [];
-        const Ce = k.indexOf(d.props.value);
-        Ce === -1 ? M.push(d.props.value) : M.splice(Ce, 1);
-      } else
-        M = d.props.value;
-      if (d.props.onClick && d.props.onClick(x), k !== M && (He(M), N)) {
-        const Ce = x.nativeEvent || x, po = new Ce.constructor(Ce.type, Ce);
-        Object.defineProperty(po, "target", {
-          writable: !0,
-          value: {
-            value: M,
-            name: u
-          }
-        }), N(po, d);
-      }
-      S || te(!1, x);
-    }
-  }, Ge = (d) => {
-    A || [
-      " ",
-      "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(d.key) && (d.preventDefault(), te(!0, d));
-  }, pe = Z !== null && Re, Xe = (d) => {
-    !pe && f && (Object.defineProperty(d, "target", {
-      writable: !0,
-      value: {
-        value: k,
-        name: u
-      }
-    }), f(d));
-  };
-  delete q["aria-invalid"];
-  let re, he;
-  const W = [];
-  let ve = !1, fe = !1;
-  (Ae({
-    value: k
-  }) || b) && (z ? re = z(k) : ve = !0);
-  const Be = ne.map((d) => {
-    if (!/* @__PURE__ */ l.isValidElement(d))
-      return null;
-    process.env.NODE_ENV !== "production" && Xo.isFragment(d) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`));
-    let x;
-    if (S) {
-      if (!Array.isArray(k))
-        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : No(2));
-      x = k.some((M) => wo(M, d.props.value)), x && ve && W.push(d.props.children);
-    } else
-      x = wo(k, d.props.value), x && ve && (he = d.props.children);
-    return x && (fe = !0), /* @__PURE__ */ l.cloneElement(d, {
-      "aria-selected": x ? "true" : "false",
-      onClick: ue(d),
-      onKeyUp: (M) => {
-        M.key === " " && M.preventDefault(), d.props.onKeyUp && d.props.onKeyUp(M);
-      },
-      role: "option",
-      selected: x,
-      value: void 0,
-      // The value is most likely not a valid HTML attribute.
-      "data-value": d.props.value
-      // Instead, we provide it as a data attribute.
-    });
-  });
-  process.env.NODE_ENV !== "production" && l.useEffect(() => {
-    if (!fe && !S && k !== "") {
-      const d = ne.map((x) => x.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${k}\` for the select ${u ? `(name="${u}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${d.filter((x) => x != null).map((x) => `\`${x}\``).join(", ") || '""'}.`].join(`
-`));
-    }
-  }, [fe, ne, S, u, k]), ve && (S ? W.length === 0 ? re = null : re = W.reduce((d, x, M) => (d.push(x), M < W.length - 1 && d.push(", "), d), []) : re = he);
-  let ke = je;
-  !a && ee && Z && (ke = oe.clientWidth);
-  let me;
-  typeof L < "u" ? me = L : me = v ? null : 0;
-  const Ne = $.id || (u ? `mui-component-select-${u}` : void 0), R = {
-    ...t,
-    variant: B,
-    value: k,
-    open: pe,
-    error: C
-  }, ye = Lt(R), xe = {
-    ...w.PaperProps,
-    ...(uo = w.slotProps) == null ? void 0 : uo.paper
-  }, co = Bo();
-  return /* @__PURE__ */ i.jsxs(l.Fragment, {
-    children: [/* @__PURE__ */ i.jsx(Bt, {
-      as: "div",
-      ref: Ke,
-      tabIndex: me,
-      role: "combobox",
-      "aria-controls": pe ? co : void 0,
-      "aria-disabled": v ? "true" : void 0,
-      "aria-expanded": pe ? "true" : "false",
-      "aria-haspopup": "listbox",
-      "aria-label": s,
-      "aria-labelledby": [g, Ne].filter(Boolean).join(" ") || void 0,
-      "aria-describedby": r,
-      "aria-required": E ? "true" : void 0,
-      "aria-invalid": C ? "true" : void 0,
-      onKeyDown: Ge,
-      onMouseDown: v || A ? null : P,
-      onBlur: Xe,
-      onFocus: D,
-      ...$,
-      ownerState: R,
-      className: ae($.className, ye.select, y),
-      id: Ne,
-      children: zt(re) ? (
-        // notranslate needed while Google Translate will not fix zero-width space issue
-        Oo || (Oo = /* @__PURE__ */ i.jsx("span", {
-          className: "notranslate",
-          "aria-hidden": !0,
-          children: "​"
-        }))
-      ) : re
-    }), /* @__PURE__ */ i.jsx(At, {
-      "aria-invalid": C,
-      value: Array.isArray(k) ? k.join(",") : k,
-      name: u,
-      ref: Q,
-      "aria-hidden": !0,
-      onChange: Te,
-      tabIndex: -1,
-      disabled: v,
-      className: ye.nativeInput,
-      autoFocus: c,
-      required: E,
-      ...q,
-      ownerState: R
-    }), /* @__PURE__ */ i.jsx(Mt, {
-      as: O,
-      className: ye.icon,
-      ownerState: R
-    }), /* @__PURE__ */ i.jsx(tt, {
-      id: `menu-${u || ""}`,
-      anchorEl: oe,
-      open: pe,
-      onClose: U,
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "center"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "center"
-      },
-      ...w,
-      slotProps: {
-        ...w.slotProps,
-        list: {
-          "aria-labelledby": g,
-          role: "listbox",
-          "aria-multiselectable": S ? "true" : void 0,
-          disableListWrap: !0,
-          id: co,
-          ...w.MenuListProps
-        },
-        paper: {
-          ...xe,
-          style: {
-            minWidth: ke,
-            ...xe != null ? xe.style : null
-          }
-        }
-      },
-      children: Be
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (Vo.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: we,
-  /**
-   * 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"])
-});
-function no({
-  props: o,
-  states: t,
-  muiFormControl: n
-}) {
-  return t.reduce((r, s) => (r[s] = o[s], n && typeof o[s] > "u" && (r[s] = n[s]), r), {});
-}
-const Wt = le(/* @__PURE__ */ i.jsx("path", {
-  d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown");
-function Me(o) {
-  return parseInt(o, 10) || 0;
-}
-const Dt = {
-  shadow: {
-    // Visibility needed to hide the extra text area on iPads
-    visibility: "hidden",
-    // Remove from the content flow
-    position: "absolute",
-    // Ignore the scrollbar width
-    overflow: "hidden",
-    height: 0,
-    top: 0,
-    left: 0,
-    // Create a new layer, increase the isolation of the computed values
-    transform: "translateZ(0)"
-  }
-};
-function Ut(o) {
-  for (const t in o)
-    return !1;
-  return !0;
-}
-function Ro(o) {
-  return Ut(o) || o.outerHeightStyle === 0 && !o.overflowing;
-}
-const Ho = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const {
-    onChange: r,
-    maxRows: s,
-    minRows: c = 1,
-    style: a,
-    value: p,
-    ...y
-  } = t, {
-    current: h
-  } = l.useRef(p != null), m = l.useRef(null), v = ze(n, m), b = l.useRef(null), C = l.useRef(null), O = l.useCallback(() => {
-    const u = m.current, f = C.current;
-    if (!u || !f)
-      return;
-    const I = ho(u).getComputedStyle(u);
-    if (I.width === "0px")
-      return {
-        outerHeightStyle: 0,
-        overflowing: !1
-      };
-    f.style.width = I.width, f.value = u.value || t.placeholder || "x", f.value.slice(-1) === `
-` && (f.value += " ");
-    const D = I.boxSizing, H = Me(I.paddingBottom) + Me(I.paddingTop), _ = Me(I.borderBottomWidth) + Me(I.borderTopWidth), A = f.scrollHeight;
-    f.value = "x";
-    const z = f.scrollHeight;
-    let E = A;
-    c && (E = Math.max(Number(c) * z, E)), s && (E = Math.min(Number(s) * z, E)), E = Math.max(E, z);
-    const $ = E + (D === "border-box" ? H + _ : 0), L = Math.abs(E - A) <= 1;
-    return {
-      outerHeightStyle: $,
-      overflowing: L
-    };
-  }, [s, c, t.placeholder]), j = Jo(() => {
-    const u = m.current, f = O();
-    if (!u || !f || Ro(f))
-      return !1;
-    const N = f.outerHeightStyle;
-    return b.current != null && b.current !== N;
-  }), g = l.useCallback(() => {
-    const u = m.current, f = O();
-    if (!u || !f || Ro(f))
-      return;
-    const N = f.outerHeightStyle;
-    b.current !== N && (b.current = N, u.style.height = `${N}px`), u.style.overflow = f.overflowing ? "hidden" : "";
-  }, [O]), w = l.useRef(-1);
-  Ze(() => {
-    const u = nt(g), f = m == null ? void 0 : m.current;
-    if (!f)
-      return;
-    const N = ho(f);
-    N.addEventListener("resize", u);
-    let I;
-    return typeof ResizeObserver < "u" && (I = new ResizeObserver(() => {
-      j() && (I.unobserve(f), cancelAnimationFrame(w.current), g(), w.current = requestAnimationFrame(() => {
-        I.observe(f);
-      }));
-    }), I.observe(f)), () => {
-      u.clear(), cancelAnimationFrame(w.current), N.removeEventListener("resize", u), I && I.disconnect();
-    };
-  }, [O, g, j]), Ze(() => {
-    g();
-  });
-  const S = (u) => {
-    h || g();
-    const f = u.target, N = f.value.length, I = f.value.endsWith(`
-`), D = f.selectionStart === N;
-    I && D && f.setSelectionRange(N, N), r && r(u);
-  };
-  return /* @__PURE__ */ i.jsxs(l.Fragment, {
-    children: [/* @__PURE__ */ i.jsx("textarea", {
-      value: p,
-      onChange: S,
-      ref: v,
-      rows: c,
-      style: a,
-      ...y
-    }), /* @__PURE__ */ i.jsx("textarea", {
-      "aria-hidden": !0,
-      className: t.className,
-      readOnly: !0,
-      ref: C,
-      tabIndex: -1,
-      style: {
-        ...Dt.shadow,
-        ...a,
-        paddingTop: 0,
-        paddingBottom: 0
-      }
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (Ho.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * Maximum number of rows to display.
-   */
-  maxRows: e.oneOfType([e.number, e.string]),
-  /**
-   * Minimum number of rows to display.
-   * @default 1
-   */
-  minRows: e.oneOfType([e.number, e.string]),
-  /**
-   * @ignore
-   */
-  onChange: e.func,
-  /**
-   * @ignore
-   */
-  placeholder: e.string,
-  /**
-   * @ignore
-   */
-  style: e.object,
-  /**
-   * @ignore
-   */
-  value: e.oneOfType([e.arrayOf(e.string), e.number, e.string])
-});
-var jo;
-const Le = (o, t) => {
-  const {
-    ownerState: n
-  } = o;
-  return [t.root, n.formControl && t.formControl, n.startAdornment && t.adornedStart, n.endAdornment && t.adornedEnd, n.error && t.error, n.size === "small" && t.sizeSmall, n.multiline && t.multiline, n.color && t[`color${F(n.color)}`], n.fullWidth && t.fullWidth, n.hiddenLabel && t.hiddenLabel];
-}, We = (o, t) => {
-  const {
-    ownerState: n
-  } = o;
-  return [t.input, n.size === "small" && t.inputSizeSmall, n.multiline && t.inputMultiline, n.type === "search" && t.inputTypeSearch, n.startAdornment && t.inputAdornedStart, n.endAdornment && t.inputAdornedEnd, n.hiddenLabel && t.inputHiddenLabel];
-}, Vt = (o) => {
-  const {
-    classes: t,
-    color: n,
-    disabled: r,
-    error: s,
-    endAdornment: c,
-    focused: a,
-    formControl: p,
-    fullWidth: y,
-    hiddenLabel: h,
-    multiline: m,
-    readOnly: v,
-    size: b,
-    startAdornment: C,
-    type: O
-  } = o, j = {
-    root: ["root", `color${F(n)}`, r && "disabled", s && "error", y && "fullWidth", a && "focused", p && "formControl", b && b !== "medium" && `size${F(b)}`, m && "multiline", C && "adornedStart", c && "adornedEnd", h && "hiddenLabel", v && "readOnly"],
-    input: ["input", r && "disabled", O === "search" && "inputTypeSearch", m && "inputMultiline", b === "small" && "inputSizeSmall", h && "inputHiddenLabel", C && "inputAdornedStart", c && "inputAdornedEnd", v && "readOnly"]
-  };
-  return Y(j, it, t);
-}, De = T("div", {
-  name: "MuiInputBase",
-  slot: "Root",
-  overridesResolver: Le
-})(V(({
-  theme: o
-}) => ({
-  ...o.typography.body1,
-  color: (o.vars || o).palette.text.primary,
-  lineHeight: "1.4375em",
-  // 23px
-  boxSizing: "border-box",
-  // Prevent padding issue with fullWidth.
-  position: "relative",
-  cursor: "text",
-  display: "inline-flex",
-  alignItems: "center",
-  [`&.${Fe.disabled}`]: {
-    color: (o.vars || o).palette.text.disabled,
-    cursor: "default"
-  },
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => t.multiline,
-    style: {
-      padding: "4px 0 5px"
-    }
-  }, {
-    props: ({
-      ownerState: t,
-      size: n
-    }) => t.multiline && n === "small",
-    style: {
-      paddingTop: 1
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.fullWidth,
-    style: {
-      width: "100%"
-    }
-  }]
-}))), Ue = T("input", {
-  name: "MuiInputBase",
-  slot: "Input",
-  overridesResolver: We
-})(V(({
-  theme: o
-}) => {
-  const t = o.palette.mode === "light", n = {
-    color: "currentColor",
-    ...o.vars ? {
-      opacity: o.vars.opacity.inputPlaceholder
-    } : {
-      opacity: t ? 0.42 : 0.5
-    },
-    transition: o.transitions.create("opacity", {
-      duration: o.transitions.duration.shorter
-    })
-  }, r = {
-    opacity: "0 !important"
-  }, s = o.vars ? {
-    opacity: o.vars.opacity.inputPlaceholder
-  } : {
-    opacity: t ? 0.42 : 0.5
-  };
-  return {
-    font: "inherit",
-    letterSpacing: "inherit",
-    color: "currentColor",
-    padding: "4px 0 5px",
-    border: 0,
-    boxSizing: "content-box",
-    background: "none",
-    height: "1.4375em",
-    // Reset 23pxthe native input line-height
-    margin: 0,
-    // Reset for Safari
-    WebkitTapHighlightColor: "transparent",
-    display: "block",
-    // Make the flex item shrink with Firefox
-    minWidth: 0,
-    width: "100%",
-    "&::-webkit-input-placeholder": n,
-    "&::-moz-placeholder": n,
-    // Firefox 19+
-    "&::-ms-input-placeholder": n,
-    // Edge
-    "&:focus": {
-      outline: 0
-    },
-    // Reset Firefox invalid required input style
-    "&:invalid": {
-      boxShadow: "none"
-    },
-    "&::-webkit-search-decoration": {
-      // Remove the padding when type=search.
-      WebkitAppearance: "none"
-    },
-    // Show and hide the placeholder logic
-    [`label[data-shrink=false] + .${Fe.formControl} &`]: {
-      "&::-webkit-input-placeholder": r,
-      "&::-moz-placeholder": r,
-      // Firefox 19+
-      "&::-ms-input-placeholder": r,
-      // Edge
-      "&:focus::-webkit-input-placeholder": s,
-      "&:focus::-moz-placeholder": s,
-      // Firefox 19+
-      "&:focus::-ms-input-placeholder": s
-      // Edge
-    },
-    [`&.${Fe.disabled}`]: {
-      opacity: 1,
-      // Reset iOS opacity
-      WebkitTextFillColor: (o.vars || o).palette.text.disabled
-      // Fix opacity Safari bug
-    },
-    variants: [{
-      props: ({
-        ownerState: c
-      }) => !c.disableInjectingGlobalStyles,
-      style: {
-        animationName: "mui-auto-fill-cancel",
-        animationDuration: "10ms",
-        "&:-webkit-autofill": {
-          animationDuration: "5000s",
-          animationName: "mui-auto-fill"
-        }
-      }
-    }, {
-      props: {
-        size: "small"
-      },
-      style: {
-        paddingTop: 1
-      }
-    }, {
-      props: ({
-        ownerState: c
-      }) => c.multiline,
-      style: {
-        height: "auto",
-        resize: "none",
-        padding: 0,
-        paddingTop: 0
-      }
-    }, {
-      props: {
-        type: "search"
-      },
-      style: {
-        MozAppearance: "textfield"
-        // Improve type search style.
-      }
-    }]
-  };
-})), To = lt({
-  "@keyframes mui-auto-fill": {
-    from: {
-      display: "block"
-    }
-  },
-  "@keyframes mui-auto-fill-cancel": {
-    from: {
-      display: "block"
-    }
-  }
-}), Ve = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const r = ce({
-    props: t,
-    name: "MuiInputBase"
-  }), {
-    "aria-describedby": s,
-    autoComplete: c,
-    autoFocus: a,
-    className: p,
-    color: y,
-    components: h = {},
-    componentsProps: m = {},
-    defaultValue: v,
-    disabled: b,
-    disableInjectingGlobalStyles: C,
-    endAdornment: O,
-    error: j,
-    fullWidth: g = !1,
-    id: w,
-    inputComponent: S = "input",
-    inputProps: u = {},
-    inputRef: f,
-    margin: N,
-    maxRows: I,
-    minRows: D,
-    multiline: H = !1,
-    name: _,
-    onBlur: A,
-    onChange: z,
-    onClick: E,
-    onFocus: $,
-    onKeyDown: L,
-    onKeyUp: de,
-    placeholder: K,
-    readOnly: B,
-    renderSuffix: q,
-    rows: k,
-    size: He,
-    slotProps: Re = {},
-    slots: $e = {},
-    startAdornment: Q,
-    type: G = "text",
-    value: Z,
-    ..._e
-  } = r, ee = u.value != null ? u.value : Z, {
-    current: je
-  } = l.useRef(ee != null), J = l.useRef(), qe = l.useCallback((R) => {
-    process.env.NODE_ENV !== "production" && R && R.nodeName !== "INPUT" && !R.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
-`));
-  }, []), Ke = ze(J, f, u.ref, qe), [oe, te] = l.useState(!1), P = oo();
-  process.env.NODE_ENV !== "production" && l.useEffect(() => {
-    if (P)
-      return P.registerEffect();
-  }, [P]);
-  const U = no({
-    props: r,
-    muiFormControl: P,
-    states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
-  });
-  U.focused = P ? P.focused : oe, l.useEffect(() => {
-    !P && b && oe && (te(!1), A && A());
-  }, [P, b, oe, A]);
-  const ne = P && P.onFilled, Te = P && P.onEmpty, ue = l.useCallback((R) => {
-    Ae(R) ? ne && ne() : Te && Te();
-  }, [ne, Te]);
-  Ze(() => {
-    je && ue({
-      value: ee
-    });
-  }, [ee, ue, je]);
-  const Ge = (R) => {
-    $ && $(R), u.onFocus && u.onFocus(R), P && P.onFocus ? P.onFocus(R) : te(!0);
-  }, pe = (R) => {
-    A && A(R), u.onBlur && u.onBlur(R), P && P.onBlur ? P.onBlur(R) : te(!1);
-  }, Xe = (R, ...ye) => {
-    if (!je) {
-      const xe = R.target || J.current;
-      if (xe == null)
-        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : No(1));
-      ue({
-        value: xe.value
-      });
-    }
-    u.onChange && u.onChange(R, ...ye), z && z(R, ...ye);
-  };
-  l.useEffect(() => {
-    ue(J.current);
-  }, []);
-  const re = (R) => {
-    J.current && R.currentTarget === R.target && J.current.focus(), E && E(R);
-  };
-  let he = S, W = u;
-  H && he === "input" && (k ? (process.env.NODE_ENV !== "production" && (D || I) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), W = {
-    type: void 0,
-    minRows: k,
-    maxRows: k,
-    ...W
-  }) : W = {
-    type: void 0,
-    maxRows: I,
-    minRows: D,
-    ...W
-  }, he = Ho);
-  const ve = (R) => {
-    ue(R.animationName === "mui-auto-fill-cancel" ? J.current : {
-      value: "x"
-    });
-  };
-  l.useEffect(() => {
-    P && P.setAdornedStart(!!Q);
-  }, [P, Q]);
-  const fe = {
-    ...r,
-    color: U.color || "primary",
-    disabled: U.disabled,
-    endAdornment: O,
-    error: U.error,
-    focused: U.focused,
-    formControl: P,
-    fullWidth: g,
-    hiddenLabel: U.hiddenLabel,
-    multiline: H,
-    size: U.size,
-    startAdornment: Q,
-    type: G
-  }, Be = Vt(fe), ke = $e.root || h.Root || De, me = Re.root || m.root || {}, Ne = $e.input || h.Input || Ue;
-  return W = {
-    ...W,
-    ...Re.input ?? m.input
-  }, /* @__PURE__ */ i.jsxs(l.Fragment, {
-    children: [!C && typeof To == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
-    // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
-    (jo || (jo = /* @__PURE__ */ i.jsx(To, {}))), /* @__PURE__ */ i.jsxs(ke, {
-      ...me,
-      ref: n,
-      onClick: re,
-      ..._e,
-      ...!vo(ke) && {
-        ownerState: {
-          ...fe,
-          ...me.ownerState
-        }
-      },
-      className: ae(Be.root, me.className, p, B && "MuiInputBase-readOnly"),
-      children: [Q, /* @__PURE__ */ i.jsx($o.Provider, {
-        value: null,
-        children: /* @__PURE__ */ i.jsx(Ne, {
-          "aria-invalid": U.error,
-          "aria-describedby": s,
-          autoComplete: c,
-          autoFocus: a,
-          defaultValue: v,
-          disabled: U.disabled,
-          id: w,
-          onAnimationStart: ve,
-          name: _,
-          placeholder: K,
-          readOnly: B,
-          required: U.required,
-          rows: k,
-          value: ee,
-          onKeyDown: L,
-          onKeyUp: de,
-          type: G,
-          ...W,
-          ...!vo(Ne) && {
-            as: he,
-            ownerState: {
-              ...fe,
-              ...W.ownerState
-            }
-          },
-          ref: Ke,
-          className: ae(Be.input, W.className, B && "MuiInputBase-readOnly"),
-          onBlur: pe,
-          onChange: Xe,
-          onFocus: Ge
-        })
-      }), O, q ? q({
-        ...U,
-        startAdornment: Q
-      }) : null]
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (Ve.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  "aria-describedby": e.string,
-  /**
-   * 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,
-  /**
-   * @ignore
-   */
-  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: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), 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`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.
-   * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.
-   * @default false
-   */
-  disableInjectingGlobalStyles: 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: Qo,
-  /**
-   * [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: we,
-  /**
-   * 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 `input` is blurred.
-   *
-   * Notice that the first argument (event) might be undefined.
-   */
-  onBlur: e.func,
-  /**
-   * 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,
-  /**
-   * @ignore
-   */
-  onClick: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * Callback fired when the `input` doesn't satisfy its constraints.
-   */
-  onInvalid: e.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: e.func,
-  /**
-   * @ignore
-   */
-  onKeyUp: 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,
-  /**
-   * @ignore
-   */
-  renderSuffix: e.func,
-  /**
-   * 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 size of the component.
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), 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
-});
-function Ht(o) {
-  return Ie("MuiInput", o);
-}
-const Ee = {
-  ...Fe,
-  ...Oe("MuiInput", ["root", "underline", "input"])
-}, _t = (o) => {
-  const {
-    classes: t,
-    disableUnderline: n
-  } = o, s = Y({
-    root: ["root", !n && "underline"],
-    input: ["input"]
-  }, Ht, t);
-  return {
-    ...t,
-    // forward classes to the InputBase
-    ...s
-  };
-}, qt = T(De, {
-  shouldForwardProp: (o) => ge(o) || o === "classes",
-  name: "MuiInput",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [...Le(o, t), !n.disableUnderline && t.underline];
-  }
-})(V(({
-  theme: o
-}) => {
-  let n = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
-  return o.vars && (n = `rgba(${o.vars.palette.common.onBackgroundChannel} / ${o.vars.opacity.inputUnderline})`), {
-    position: "relative",
-    variants: [{
-      props: ({
-        ownerState: r
-      }) => r.formControl,
-      style: {
-        "label + &": {
-          marginTop: 16
-        }
-      }
-    }, {
-      props: ({
-        ownerState: r
-      }) => !r.disableUnderline,
-      style: {
-        "&::after": {
-          left: 0,
-          bottom: 0,
-          content: '""',
-          position: "absolute",
-          right: 0,
-          transform: "scaleX(0)",
-          transition: o.transitions.create("transform", {
-            duration: o.transitions.duration.shorter,
-            easing: o.transitions.easing.easeOut
-          }),
-          pointerEvents: "none"
-          // Transparent to the hover style.
-        },
-        [`&.${Ee.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)"
-        },
-        [`&.${Ee.error}`]: {
-          "&::before, &::after": {
-            borderBottomColor: (o.vars || o).palette.error.main
-          }
-        },
-        "&::before": {
-          borderBottom: `1px solid ${n}`,
-          left: 0,
-          bottom: 0,
-          content: '"\\00a0"',
-          position: "absolute",
-          right: 0,
-          transition: o.transitions.create("border-bottom-color", {
-            duration: o.transitions.duration.shorter
-          }),
-          pointerEvents: "none"
-          // Transparent to the hover style.
-        },
-        [`&:hover:not(.${Ee.disabled}, .${Ee.error}):before`]: {
-          borderBottom: `2px solid ${(o.vars || o).palette.text.primary}`,
-          // Reset on touch devices, it doesn't add specificity
-          "@media (hover: none)": {
-            borderBottom: `1px solid ${n}`
-          }
-        },
-        [`&.${Ee.disabled}:before`]: {
-          borderBottomStyle: "dotted"
-        }
-      }
-    }, ...Object.entries(o.palette).filter(Se()).map(([r]) => ({
-      props: {
-        color: r,
-        disableUnderline: !1
-      },
-      style: {
-        "&::after": {
-          borderBottom: `2px solid ${(o.vars || o).palette[r].main}`
-        }
-      }
-    }))]
-  };
-})), Kt = T(Ue, {
-  name: "MuiInput",
-  slot: "Input",
-  overridesResolver: We
-})({}), ro = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const r = ce({
-    props: t,
-    name: "MuiInput"
-  }), {
-    disableUnderline: s = !1,
-    components: c = {},
-    componentsProps: a,
-    fullWidth: p = !1,
-    inputComponent: y = "input",
-    multiline: h = !1,
-    slotProps: m,
-    slots: v = {},
-    type: b = "text",
-    ...C
-  } = r, O = _t(r), g = {
-    root: {
-      ownerState: {
-        disableUnderline: s
-      }
-    }
-  }, w = m ?? a ? eo(m ?? a, g) : g, S = v.root ?? c.Root ?? qt, u = v.input ?? c.Input ?? Kt;
-  return /* @__PURE__ */ i.jsx(Ve, {
-    slots: {
-      root: S,
-      input: u
-    },
-    slotProps: w,
-    fullWidth: p,
-    inputComponent: y,
-    multiline: h,
-    ref: n,
-    type: b,
-    ...C,
-    classes: O
-  });
-});
-process.env.NODE_ENV !== "production" && (ro.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: we,
-  /**
-   * 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
-});
-ro.muiName = "Input";
-function Gt(o) {
-  return Ie("MuiFilledInput", o);
-}
-const be = {
-  ...Fe,
-  ...Oe("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
-}, Xt = (o) => {
-  const {
-    classes: t,
-    disableUnderline: n,
-    startAdornment: r,
-    endAdornment: s,
-    size: c,
-    hiddenLabel: a,
-    multiline: p
-  } = o, y = {
-    root: ["root", !n && "underline", r && "adornedStart", s && "adornedEnd", c === "small" && `size${F(c)}`, a && "hiddenLabel", p && "multiline"],
-    input: ["input"]
-  }, h = Y(y, Gt, t);
-  return {
-    ...t,
-    // forward classes to the InputBase
-    ...h
-  };
-}, Yt = T(De, {
-  shouldForwardProp: (o) => ge(o) || o === "classes",
-  name: "MuiFilledInput",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [...Le(o, t), !n.disableUnderline && t.underline];
-  }
-})(V(({
-  theme: o
-}) => {
-  const t = o.palette.mode === "light", n = t ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)", r = t ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.09)", s = t ? "rgba(0, 0, 0, 0.09)" : "rgba(255, 255, 255, 0.13)", c = t ? "rgba(0, 0, 0, 0.12)" : "rgba(255, 255, 255, 0.12)";
-  return {
-    position: "relative",
-    backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r,
-    borderTopLeftRadius: (o.vars || o).shape.borderRadius,
-    borderTopRightRadius: (o.vars || o).shape.borderRadius,
-    transition: o.transitions.create("background-color", {
-      duration: o.transitions.duration.shorter,
-      easing: o.transitions.easing.easeOut
-    }),
-    "&:hover": {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.hoverBg : s,
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r
-      }
-    },
-    [`&.${be.focused}`]: {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : r
-    },
-    [`&.${be.disabled}`]: {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : c
-    },
-    variants: [{
-      props: ({
-        ownerState: a
-      }) => !a.disableUnderline,
-      style: {
-        "&::after": {
-          left: 0,
-          bottom: 0,
-          content: '""',
-          position: "absolute",
-          right: 0,
-          transform: "scaleX(0)",
-          transition: o.transitions.create("transform", {
-            duration: o.transitions.duration.shorter,
-            easing: o.transitions.easing.easeOut
-          }),
-          pointerEvents: "none"
-          // Transparent to the hover style.
-        },
-        [`&.${be.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)"
-        },
-        [`&.${be.error}`]: {
-          "&::before, &::after": {
-            borderBottomColor: (o.vars || o).palette.error.main
-          }
-        },
-        "&::before": {
-          borderBottom: `1px solid ${o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / ${o.vars.opacity.inputUnderline})` : n}`,
-          left: 0,
-          bottom: 0,
-          content: '"\\00a0"',
-          position: "absolute",
-          right: 0,
-          transition: o.transitions.create("border-bottom-color", {
-            duration: o.transitions.duration.shorter
-          }),
-          pointerEvents: "none"
-          // Transparent to the hover style.
-        },
-        [`&:hover:not(.${be.disabled}, .${be.error}):before`]: {
-          borderBottom: `1px solid ${(o.vars || o).palette.text.primary}`
-        },
-        [`&.${be.disabled}:before`]: {
-          borderBottomStyle: "dotted"
-        }
-      }
-    }, ...Object.entries(o.palette).filter(Se()).map(([a]) => {
-      var p;
-      return {
-        props: {
-          disableUnderline: !1,
-          color: a
-        },
-        style: {
-          "&::after": {
-            borderBottom: `2px solid ${(p = (o.vars || o).palette[a]) == null ? void 0 : p.main}`
-          }
-        }
-      };
-    }), {
-      props: ({
-        ownerState: a
-      }) => a.startAdornment,
-      style: {
-        paddingLeft: 12
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.endAdornment,
-      style: {
-        paddingRight: 12
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.multiline,
-      style: {
-        padding: "25px 12px 8px"
-      }
-    }, {
-      props: ({
-        ownerState: a,
-        size: p
-      }) => a.multiline && p === "small",
-      style: {
-        paddingTop: 21,
-        paddingBottom: 4
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.multiline && a.hiddenLabel,
-      style: {
-        paddingTop: 16,
-        paddingBottom: 17
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.multiline && a.hiddenLabel && a.size === "small",
-      style: {
-        paddingTop: 8,
-        paddingBottom: 9
-      }
-    }]
-  };
-})), Zt = T(Ue, {
-  name: "MuiFilledInput",
-  slot: "Input",
-  overridesResolver: We
-})(V(({
-  theme: o
-}) => ({
-  paddingTop: 25,
-  paddingRight: 12,
-  paddingBottom: 8,
-  paddingLeft: 12,
-  ...!o.vars && {
-    "&:-webkit-autofill": {
-      WebkitBoxShadow: o.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
-      WebkitTextFillColor: o.palette.mode === "light" ? null : "#fff",
-      caretColor: o.palette.mode === "light" ? null : "#fff",
-      borderTopLeftRadius: "inherit",
-      borderTopRightRadius: "inherit"
-    }
-  },
-  ...o.vars && {
-    "&:-webkit-autofill": {
-      borderTopLeftRadius: "inherit",
-      borderTopRightRadius: "inherit"
-    },
-    [o.getColorSchemeSelector("dark")]: {
-      "&:-webkit-autofill": {
-        WebkitBoxShadow: "0 0 0 100px #266798 inset",
-        WebkitTextFillColor: "#fff",
-        caretColor: "#fff"
-      }
-    }
-  },
-  variants: [{
-    props: {
-      size: "small"
-    },
-    style: {
-      paddingTop: 21,
-      paddingBottom: 4
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.hiddenLabel,
-    style: {
-      paddingTop: 16,
-      paddingBottom: 17
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.startAdornment,
-    style: {
-      paddingLeft: 0
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.endAdornment,
-    style: {
-      paddingRight: 0
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.hiddenLabel && t.size === "small",
-    style: {
-      paddingTop: 8,
-      paddingBottom: 9
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.multiline,
-    style: {
-      paddingTop: 0,
-      paddingBottom: 0,
-      paddingLeft: 0,
-      paddingRight: 0
-    }
-  }]
-}))), so = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const r = ce({
-    props: t,
-    name: "MuiFilledInput"
-  }), {
-    disableUnderline: s = !1,
-    components: c = {},
-    componentsProps: a,
-    fullWidth: p = !1,
-    hiddenLabel: y,
-    // declare here to prevent spreading to DOM
-    inputComponent: h = "input",
-    multiline: m = !1,
-    slotProps: v,
-    slots: b = {},
-    type: C = "text",
-    ...O
-  } = r, j = {
-    ...r,
-    disableUnderline: s,
-    fullWidth: p,
-    inputComponent: h,
-    multiline: m,
-    type: C
-  }, g = Xt(r), w = {
-    root: {
-      ownerState: j
-    },
-    input: {
-      ownerState: j
-    }
-  }, S = v ?? a ? eo(w, v ?? a) : w, u = b.root ?? c.Root ?? Yt, f = b.input ?? c.Input ?? Zt;
-  return /* @__PURE__ */ i.jsx(Ve, {
-    slots: {
-      root: u,
-      input: f
-    },
-    slotProps: S,
-    fullWidth: p,
-    inputComponent: h,
-    multiline: m,
-    ref: n,
-    type: C,
-    ...O,
-    classes: g
-  });
-});
-process.env.NODE_ENV !== "production" && (so.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,
-  /**
-   * 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
-   */
-  hiddenLabel: 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: we,
-  /**
-   * 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
-});
-so.muiName = "Input";
-var ko;
-const Jt = T("fieldset", {
-  shouldForwardProp: ge
-})({
-  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%"
-}), Qt = T("legend", {
-  shouldForwardProp: ge
-})(V(({
-  theme: o
-}) => ({
-  float: "unset",
-  // Fix conflict with bootstrap
-  width: "auto",
-  // Fix conflict with bootstrap
-  overflow: "hidden",
-  // Fix Horizontal scroll when label too long
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => !t.withLabel,
-    style: {
-      padding: 0,
-      lineHeight: "11px",
-      // sync with `height` in `legend` styles
-      transition: o.transitions.create("width", {
-        duration: 150,
-        easing: o.transitions.easing.easeOut
-      })
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.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: o.transitions.create("max-width", {
-        duration: 50,
-        easing: o.transitions.easing.easeOut
-      }),
-      whiteSpace: "nowrap",
-      "& > span": {
-        paddingLeft: 5,
-        paddingRight: 5,
-        display: "inline-block",
-        opacity: 0,
-        visibility: "visible"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.withLabel && t.notched,
-    style: {
-      maxWidth: "100%",
-      transition: o.transitions.create("max-width", {
-        duration: 100,
-        easing: o.transitions.easing.easeOut,
-        delay: 50
-      })
-    }
-  }]
-})));
-function _o(o) {
-  const {
-    children: t,
-    classes: n,
-    className: r,
-    label: s,
-    notched: c,
-    ...a
-  } = o, p = s != null && s !== "", y = {
-    ...o,
-    notched: c,
-    withLabel: p
-  };
-  return /* @__PURE__ */ i.jsx(Jt, {
-    "aria-hidden": !0,
-    className: r,
-    ownerState: y,
-    ...a,
-    children: /* @__PURE__ */ i.jsx(Qt, {
-      ownerState: y,
-      children: p ? /* @__PURE__ */ i.jsx("span", {
-        children: s
-      }) : (
-        // notranslate needed while Google Translate will not fix zero-width space issue
-        ko || (ko = /* @__PURE__ */ i.jsx("span", {
-          className: "notranslate",
-          "aria-hidden": !0,
-          children: "​"
-        }))
-      )
-    })
-  });
-}
-process.env.NODE_ENV !== "production" && (_o.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 en = (o) => {
-  const {
-    classes: t
-  } = o, r = Y({
-    root: ["root"],
-    notchedOutline: ["notchedOutline"],
-    input: ["input"]
-  }, at, t);
-  return {
-    ...t,
-    // forward classes to the InputBase
-    ...r
-  };
-}, on = T(De, {
-  shouldForwardProp: (o) => ge(o) || o === "classes",
-  name: "MuiOutlinedInput",
-  slot: "Root",
-  overridesResolver: Le
-})(V(({
-  theme: o
-}) => {
-  const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
-  return {
-    position: "relative",
-    borderRadius: (o.vars || o).shape.borderRadius,
-    [`&:hover .${X.notchedOutline}`]: {
-      borderColor: (o.vars || o).palette.text.primary
-    },
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      [`&:hover .${X.notchedOutline}`]: {
-        borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
-      }
-    },
-    [`&.${X.focused} .${X.notchedOutline}`]: {
-      borderWidth: 2
-    },
-    variants: [...Object.entries(o.palette).filter(Se()).map(([n]) => ({
-      props: {
-        color: n
-      },
-      style: {
-        [`&.${X.focused} .${X.notchedOutline}`]: {
-          borderColor: (o.vars || o).palette[n].main
-        }
-      }
-    })), {
-      props: {},
-      // to overide the above style
-      style: {
-        [`&.${X.error} .${X.notchedOutline}`]: {
-          borderColor: (o.vars || o).palette.error.main
-        },
-        [`&.${X.disabled} .${X.notchedOutline}`]: {
-          borderColor: (o.vars || o).palette.action.disabled
-        }
-      }
-    }, {
-      props: ({
-        ownerState: n
-      }) => n.startAdornment,
-      style: {
-        paddingLeft: 14
-      }
-    }, {
-      props: ({
-        ownerState: n
-      }) => n.endAdornment,
-      style: {
-        paddingRight: 14
-      }
-    }, {
-      props: ({
-        ownerState: n
-      }) => n.multiline,
-      style: {
-        padding: "16.5px 14px"
-      }
-    }, {
-      props: ({
-        ownerState: n,
-        size: r
-      }) => n.multiline && r === "small",
-      style: {
-        padding: "8.5px 14px"
-      }
-    }]
-  };
-})), tn = T(_o, {
-  name: "MuiOutlinedInput",
-  slot: "NotchedOutline"
-})(V(({
-  theme: o
-}) => {
-  const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
-  return {
-    borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : t
-  };
-})), nn = T(Ue, {
-  name: "MuiOutlinedInput",
-  slot: "Input",
-  overridesResolver: We
-})(V(({
-  theme: o
-}) => ({
-  padding: "16.5px 14px",
-  ...!o.vars && {
-    "&:-webkit-autofill": {
-      WebkitBoxShadow: o.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
-      WebkitTextFillColor: o.palette.mode === "light" ? null : "#fff",
-      caretColor: o.palette.mode === "light" ? null : "#fff",
-      borderRadius: "inherit"
-    }
-  },
-  ...o.vars && {
-    "&:-webkit-autofill": {
-      borderRadius: "inherit"
-    },
-    [o.getColorSchemeSelector("dark")]: {
-      "&:-webkit-autofill": {
-        WebkitBoxShadow: "0 0 0 100px #266798 inset",
-        WebkitTextFillColor: "#fff",
-        caretColor: "#fff"
-      }
-    }
-  },
-  variants: [{
-    props: {
-      size: "small"
-    },
-    style: {
-      padding: "8.5px 14px"
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.multiline,
-    style: {
-      padding: 0
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.startAdornment,
-    style: {
-      paddingLeft: 0
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.endAdornment,
-    style: {
-      paddingRight: 0
-    }
-  }]
-}))), io = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const r = ce({
-    props: t,
-    name: "MuiOutlinedInput"
-  }), {
-    components: s = {},
-    fullWidth: c = !1,
-    inputComponent: a = "input",
-    label: p,
-    multiline: y = !1,
-    notched: h,
-    slots: m = {},
-    slotProps: v = {},
-    type: b = "text",
-    ...C
-  } = r, O = en(r), j = oo(), g = no({
-    props: r,
-    muiFormControl: j,
-    states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
-  }), w = {
-    ...r,
-    color: g.color || "primary",
-    disabled: g.disabled,
-    error: g.error,
-    focused: g.focused,
-    formControl: j,
-    fullWidth: c,
-    hiddenLabel: g.hiddenLabel,
-    multiline: y,
-    size: g.size,
-    type: b
-  }, S = m.root ?? s.Root ?? on, u = m.input ?? s.Input ?? nn, [f, N] = et("notchedOutline", {
-    elementType: tn,
-    className: O.notchedOutline,
-    shouldForwardComponentProp: !0,
-    ownerState: w,
-    externalForwardedProps: {
-      slots: m,
-      slotProps: v
-    },
-    additionalProps: {
-      label: p != null && p !== "" && g.required ? /* @__PURE__ */ i.jsxs(l.Fragment, {
-        children: [p, " ", "*"]
-      }) : p
-    }
-  });
-  return /* @__PURE__ */ i.jsx(Ve, {
-    slots: {
-      root: S,
-      input: u
-    },
-    slotProps: v,
-    renderSuffix: (I) => /* @__PURE__ */ i.jsx(f, {
-      ...N,
-      notched: typeof h < "u" ? h : !!(I.startAdornment || I.filled || I.focused)
-    }),
-    fullWidth: c,
-    inputComponent: a,
-    multiline: y,
-    ref: n,
-    type: b,
-    ...C,
-    classes: {
-      ...O,
-      notchedOutline: null
-    }
-  });
-});
-process.env.NODE_ENV !== "production" && (io.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: we,
-  /**
-   * 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
-});
-io.muiName = "Input";
-const rn = (o) => {
-  const {
-    classes: t
-  } = o, r = Y({
-    root: ["root"]
-  }, Uo, t);
-  return {
-    ...t,
-    ...r
-  };
-}, ao = {
-  name: "MuiSelect",
-  slot: "Root",
-  shouldForwardProp: (o) => ge(o) && o !== "variant"
-}, sn = T(ro, ao)(""), an = T(io, ao)(""), ln = T(so, ao)(""), lo = /* @__PURE__ */ l.forwardRef(function(t, n) {
-  const r = ce({
-    name: "MuiSelect",
-    props: t
-  }), {
-    autoWidth: s = !1,
-    children: c,
-    classes: a = {},
-    className: p,
-    defaultOpen: y = !1,
-    displayEmpty: h = !1,
-    IconComponent: m = Wt,
-    id: v,
-    input: b,
-    inputProps: C,
-    label: O,
-    labelId: j,
-    MenuProps: g,
-    multiple: w = !1,
-    native: S = !1,
-    onClose: u,
-    onOpen: f,
-    open: N,
-    renderValue: I,
-    SelectDisplayProps: D,
-    variant: H = "outlined",
-    ..._
-  } = r, A = S ? Do : Vo, z = oo(), E = no({
-    props: r,
-    muiFormControl: z,
-    states: ["variant", "error"]
-  }), $ = E.variant || H, L = {
-    ...r,
-    variant: $,
-    classes: a
-  }, de = rn(L), {
-    root: K,
-    ...B
-  } = de, q = b || {
-    standard: /* @__PURE__ */ i.jsx(sn, {
-      ownerState: L
-    }),
-    outlined: /* @__PURE__ */ i.jsx(an, {
-      label: O,
-      ownerState: L
-    }),
-    filled: /* @__PURE__ */ i.jsx(ln, {
-      ownerState: L
-    })
-  }[$], k = ze(n, rt(q));
-  return /* @__PURE__ */ i.jsx(l.Fragment, {
-    children: /* @__PURE__ */ l.cloneElement(q, {
-      // Most of the logic is implemented in `SelectInput`.
-      // The `Select` component is a simple API wrapper to expose something better to play with.
-      inputComponent: A,
-      inputProps: {
-        children: c,
-        error: E.error,
-        IconComponent: m,
-        variant: $,
-        type: void 0,
-        // We render a select. We can ignore the type provided by the `Input`.
-        multiple: w,
-        ...S ? {
-          id: v
-        } : {
-          autoWidth: s,
-          defaultOpen: y,
-          displayEmpty: h,
-          labelId: j,
-          MenuProps: g,
-          onClose: u,
-          onOpen: f,
-          open: N,
-          renderValue: I,
-          SelectDisplayProps: {
-            id: v,
-            ...D
-          }
-        },
-        ...C,
-        classes: C ? eo(B, C.classes) : B,
-        ...b ? b.props.inputProps : {}
-      },
-      ...(w && S || h) && $ === "outlined" ? {
-        notched: !0
-      } : {},
-      ref: k,
-      className: ae(q.props.className, p, de.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.
-      ...!b && {
-        variant: $
-      },
-      ..._
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (lo.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"])
-});
-lo.muiName = "Select";
-const jn = ({ editor: o }) => {
-  const t = Ko(), [n, r] = l.useState("");
-  return /* @__PURE__ */ i.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(
-      go,
+}), "StrikethroughS"), N = ({ editor: n }) => {
+  const e = g(), [o, i] = r.useState("");
+  return /* @__PURE__ */ c.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(
+      v,
       {
         className: "tiptap-toolbar",
         spacing: 1,
@@ -3935,30 +34,30 @@ const jn = ({ editor: o }) => {
           p: "8px",
           minHeight: "57px"
         },
-        children: o ? /* @__PURE__ */ i.jsxs(go, { direction: "row", spacing: 0.5, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ i.jsxs(
-            lo,
+        children: n ? /* @__PURE__ */ c.jsxs(v, { direction: "row", spacing: 0.5, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ c.jsxs(
+            x,
             {
               onChange: (s) => {
-                const c = s.target.value;
-                if (c) {
-                  if (c === "p") {
-                    o.chain().focus().setParagraph().run();
+                const l = s.target.value;
+                if (l) {
+                  if (l === "p") {
+                    n.chain().focus().setParagraph().run();
                     return;
                   }
-                  if (c.startsWith("h")) {
-                    const a = parseInt(c.replace("h", ""));
-                    !isNaN(a) && a >= 1 && a <= 6 && o.chain().focus().setHeading({ level: a }).run();
+                  if (l.startsWith("h")) {
+                    const h = parseInt(l.replace("h", ""));
+                    !isNaN(h) && h >= 1 && h <= 6 && n.chain().focus().setHeading({ level: h }).run();
                   }
                 }
               },
-              value: cn(o),
+              value: z(n),
               children: [
-                /* @__PURE__ */ i.jsx(fo, { disabled: !o.can().chain().focus().setParagraph().run(), value: "p", children: "Paragraph" }),
-                [1, 2, 3, 4, 5, 6].map((s) => /* @__PURE__ */ i.jsxs(
-                  fo,
+                /* @__PURE__ */ c.jsx(u, { disabled: !n.can().chain().focus().setParagraph().run(), value: "p", children: "Paragraph" }),
+                [1, 2, 3, 4, 5, 6].map((s) => /* @__PURE__ */ c.jsxs(
+                  u,
                   {
-                    disabled: !o.can().chain().focus().setHeading({ level: s }).run(),
+                    disabled: !n.can().chain().focus().setHeading({ level: s }).run(),
                     value: `h${s}`,
                     children: [
                       "Heading ",
@@ -3970,136 +69,136 @@ const jn = ({ editor: o }) => {
               ]
             }
           ),
-          /* @__PURE__ */ i.jsx(
-            ie,
+          /* @__PURE__ */ c.jsx(
+            a,
             {
-              active: o.isActive("bold"),
-              disabled: !o.can().chain().focus().toggleBold().run(),
+              active: n.isActive("bold"),
+              disabled: !n.can().chain().focus().toggleBold().run(),
               onClick: () => {
-                o.chain().focus().toggleBold().run();
+                n.chain().focus().toggleBold().run();
               },
-              children: /* @__PURE__ */ i.jsx(pt, {})
+              children: /* @__PURE__ */ c.jsx(H, {})
             }
           ),
-          /* @__PURE__ */ i.jsx(
-            ie,
+          /* @__PURE__ */ c.jsx(
+            a,
             {
-              active: o.isActive("italic"),
-              disabled: !o.can().chain().focus().toggleItalic().run(),
+              active: n.isActive("italic"),
+              disabled: !n.can().chain().focus().toggleItalic().run(),
               onClick: () => {
-                o.chain().focus().toggleItalic().run();
+                n.chain().focus().toggleItalic().run();
               },
-              children: /* @__PURE__ */ i.jsx(ft, {})
+              children: /* @__PURE__ */ c.jsx(L, {})
             }
           ),
-          /* @__PURE__ */ i.jsx(
-            ie,
+          /* @__PURE__ */ c.jsx(
+            a,
             {
-              active: o.isActive("strike"),
-              disabled: !o.can().chain().focus().toggleStrike().run(),
+              active: n.isActive("strike"),
+              disabled: !n.can().chain().focus().toggleStrike().run(),
               onClick: () => {
-                o.chain().focus().toggleStrike().run();
+                n.chain().focus().toggleStrike().run();
               },
-              children: /* @__PURE__ */ i.jsx(gt, {})
+              children: /* @__PURE__ */ c.jsx(I, {})
             }
           ),
-          /* @__PURE__ */ i.jsx(
-            ie,
+          /* @__PURE__ */ c.jsx(
+            a,
             {
-              active: o.isActive("codeBlock"),
-              disabled: !o.can().chain().focus().toggleCodeBlock().run(),
+              active: n.isActive("codeBlock"),
+              disabled: !n.can().chain().focus().toggleCodeBlock().run(),
               onClick: () => {
-                o.chain().focus().toggleCodeBlock();
+                n.chain().focus().toggleCodeBlock();
               },
-              children: /* @__PURE__ */ i.jsx(ut, {})
+              children: /* @__PURE__ */ c.jsx(k, {})
             }
           ),
-          /* @__PURE__ */ i.jsx(
-            ie,
+          /* @__PURE__ */ c.jsx(
+            a,
             {
-              active: o.isActive("bulletList"),
-              disabled: !o.can().chain().focus().toggleBulletList().run(),
+              active: n.isActive("bulletList"),
+              disabled: !n.can().chain().focus().toggleBulletList().run(),
               onClick: () => {
-                o.chain().focus().toggleBulletList().run();
+                n.chain().focus().toggleBulletList().run();
               },
-              children: /* @__PURE__ */ i.jsx(mt, {})
+              children: /* @__PURE__ */ c.jsx(b, {})
             }
           ),
-          /* @__PURE__ */ i.jsx(
-            ie,
+          /* @__PURE__ */ c.jsx(
+            a,
             {
-              active: o.isActive("orderedList"),
-              disabled: !o.can().chain().focus().toggleOrderedList().run(),
+              active: n.isActive("orderedList"),
+              disabled: !n.can().chain().focus().toggleOrderedList().run(),
               onClick: () => {
-                o.chain().focus().toggleOrderedList().run();
+                n.chain().focus().toggleOrderedList().run();
               },
-              children: /* @__PURE__ */ i.jsx(bt, {})
+              children: /* @__PURE__ */ c.jsx(C, {})
             }
           ),
-          /* @__PURE__ */ i.jsx(
-            ie,
+          /* @__PURE__ */ c.jsx(
+            a,
             {
               onClick: () => {
-                r(o.getAttributes("link").href ?? ""), t.handleOpen();
+                i(n.getAttributes("link").href ?? ""), e.handleOpen();
               },
-              ref: t.anchorRef,
-              children: /* @__PURE__ */ i.jsx(So, {})
+              ref: e.anchorRef,
+              children: /* @__PURE__ */ c.jsx(p, {})
             }
           ),
-          /* @__PURE__ */ i.jsx(
-            ie,
+          /* @__PURE__ */ c.jsx(
+            a,
             {
-              active: o.isActive("link"),
-              disabled: !o.can().chain().focus().unsetLink().run(),
+              active: n.isActive("link"),
+              disabled: !n.can().chain().focus().unsetLink().run(),
               onClick: () => {
-                o.chain().focus().unsetLink().run();
+                n.chain().focus().unsetLink().run();
               },
-              children: /* @__PURE__ */ i.jsx(So, {})
+              children: /* @__PURE__ */ c.jsx(p, {})
             }
           )
         ] }) : null
       }
     ),
-    /* @__PURE__ */ i.jsx(
-      st,
+    /* @__PURE__ */ c.jsx(
+      j,
       {
-        anchorEl: t.anchorRef.current,
+        anchorEl: e.anchorRef.current,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
         onClose: () => {
-          t.handleClose(), r("");
+          e.handleClose(), i("");
         },
-        open: t.open,
+        open: e.open,
         slotProps: { paper: { sx: { p: 2 } } },
-        children: /* @__PURE__ */ i.jsx(Mo, { children: /* @__PURE__ */ i.jsx(
-          Go,
+        children: /* @__PURE__ */ c.jsx(d, { children: /* @__PURE__ */ c.jsx(
+          m,
           {
             name: "url",
             placeholder: "URL",
             onChange: (s) => {
-              r(s.target.value);
+              i(s.target.value);
             },
             onKeyUp: (s) => {
               if (s.key === "Enter") {
-                if (n === "") {
-                  o == null || o.chain().focus().extendMarkRange("link").unsetLink().run();
+                if (o === "") {
+                  n == null || n.chain().focus().extendMarkRange("link").unsetLink().run();
                   return;
                 }
-                o == null || o.chain().focus().setLink({ href: n }).run(), t.handleClose(), r("");
+                n == null || n.chain().focus().setLink({ href: o }).run(), e.handleClose(), i("");
               }
             },
-            value: n
+            value: o
           }
         ) })
       }
     )
   ] });
 };
-function cn(o) {
-  return o.isActive("paragraph") ? "p" : o.isActive("heading", { level: 1 }) ? "h1" : o.isActive("heading", { level: 2 }) ? "h2" : o.isActive("heading", { level: 3 }) ? "h3" : o.isActive("heading", { level: 4 }) ? "h4" : o.isActive("heading", { level: 5 }) ? "h5" : o.isActive("heading", { level: 6 }) ? "h6" : "p";
+function z(n) {
+  return n.isActive("paragraph") ? "p" : n.isActive("heading", { level: 1 }) ? "h1" : n.isActive("heading", { level: 2 }) ? "h2" : n.isActive("heading", { level: 3 }) ? "h3" : n.isActive("heading", { level: 4 }) ? "h4" : n.isActive("heading", { level: 5 }) ? "h5" : n.isActive("heading", { level: 6 }) ? "h6" : "p";
 }
-const ie = l.forwardRef(function({ active: t, children: n, disabled: r, onClick: s }, c) {
-  return /* @__PURE__ */ i.jsx(zo, { color: t ? "primary" : "secondary", disabled: r, onClick: s, ref: c, children: n });
+const a = r.forwardRef(function({ active: e, children: o, disabled: i, onClick: s }, l) {
+  return /* @__PURE__ */ c.jsx(f, { color: e ? "primary" : "secondary", disabled: i, onClick: s, ref: l, children: o });
 });
 export {
-  jn as STextEditorToolbar
+  N as STextEditorToolbar
 };