@hybridcore/ui 1.3.3 → 1.3.4

package/dist/DialogContent-CKeAZ3Ts.js

@@ -1,1982 +0,0 @@
-import { a as j, _ as d } from "./extends-Cyw62AD_.js";
-import * as c from "react";
-import { a as M, P as e } from "./createTheme-C3DKplhE.js";
-import { g as U, r as Lo, u as Y, c as L, a as G } from "./chainPropTypes-GRMJ22CO.js";
-import { g as H, s as _, r as jo, a as eo } from "./styled-iyoioZCr.js";
-import { jsx as N, jsxs as co } from "react/jsx-runtime";
-import { u as Q, B as Vo, b as ho, s as yo, a as Eo } from "./ButtonBase-DE8d_U2E.js";
-import { u as No } from "./useTheme-pWltVFb2.js";
-import { T as Uo, r as Ho, g as To } from "./utils-qcu0RzdN.js";
-import { e as po, a as So } from "./exactProp--3vlJ9a9.js";
-import { o as V } from "./ownerDocument-CUrv0DIK.js";
-import { o as uo } from "./ownerWindow-niciwP7I.js";
-import { r as Ko, m as qo, a as Yo, e as Go } from "./resolveComponentProps-DozbaB8e.js";
-import { c as Co, u as Xo } from "./useId-BHG98T5I.js";
-import * as Jo from "react-dom";
-import { P as Do } from "./Paper-CD_ma6NJ.js";
-function Oo(o, n, t, r, s) {
-  if (process.env.NODE_ENV === "production")
-    return null;
-  const i = o[n], a = s || n;
-  return i == null ? null : i && i.nodeType !== 1 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${t}\`. Expected an HTMLElement.`) : null;
-}
-function Qo(o) {
-  const n = o.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - n);
-}
-const Zo = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
-function ko(o) {
-  var n;
-  const {
-    elementType: t,
-    externalSlotProps: r,
-    ownerState: s,
-    skipResolvingSlotProps: i = !1
-  } = o, a = j(o, Zo), l = i ? {} : Ko(r, s), {
-    props: u,
-    internalRef: g
-  } = qo(d({}, a, {
-    externalSlotProps: l
-  })), m = Q(g, l == null ? void 0 : l.ref, (n = o.additionalProps) == null ? void 0 : n.ref);
-  return Yo(t, d({}, u, {
-    ref: m
-  }), s);
-}
-function oe(o) {
-  return H("MuiButton", o);
-}
-const no = U("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), Io = /* @__PURE__ */ c.createContext({});
-process.env.NODE_ENV !== "production" && (Io.displayName = "ButtonGroupContext");
-const Bo = /* @__PURE__ */ c.createContext(void 0);
-process.env.NODE_ENV !== "production" && (Bo.displayName = "ButtonGroupButtonContext");
-const ee = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], ne = (o) => {
-  const {
-    color: n,
-    disableElevation: t,
-    fullWidth: r,
-    size: s,
-    variant: i,
-    classes: a
-  } = o, l = {
-    root: ["root", i, `${i}${M(n)}`, `size${M(s)}`, `${i}Size${M(s)}`, `color${M(n)}`, t && "disableElevation", r && "fullWidth"],
-    label: ["label"],
-    startIcon: ["icon", "startIcon", `iconSize${M(s)}`],
-    endIcon: ["icon", "endIcon", `iconSize${M(s)}`]
-  }, u = G(l, oe, a);
-  return d({}, a, u);
-}, Mo = (o) => d({}, o.size === "small" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 18
-  }
-}, o.size === "medium" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 20
-  }
-}, o.size === "large" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 22
-  }
-}), te = _(Vo, {
-  shouldForwardProp: (o) => jo(o) || o === "classes",
-  name: "MuiButton",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.root, n[t.variant], n[`${t.variant}${M(t.color)}`], n[`size${M(t.size)}`], n[`${t.variant}Size${M(t.size)}`], t.color === "inherit" && n.colorInherit, t.disableElevation && n.disableElevation, t.fullWidth && n.fullWidth];
-  }
-})(({
-  theme: o,
-  ownerState: n
-}) => {
-  var t, r;
-  const s = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], i = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
-  return d({}, o.typography.button, {
-    minWidth: 64,
-    padding: "6px 16px",
-    borderRadius: (o.vars || o).shape.borderRadius,
-    transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
-      duration: o.transitions.duration.short
-    }),
-    "&:hover": d({
-      textDecoration: "none",
-      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : eo(o.palette.text.primary, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, n.variant === "text" && n.color !== "inherit" && {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : eo(o.palette[n.color].main, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, n.variant === "outlined" && n.color !== "inherit" && {
-      border: `1px solid ${(o.vars || o).palette[n.color].main}`,
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : eo(o.palette[n.color].main, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, n.variant === "contained" && {
-      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : i,
-      boxShadow: (o.vars || o).shadows[4],
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        boxShadow: (o.vars || o).shadows[2],
-        backgroundColor: (o.vars || o).palette.grey[300]
-      }
-    }, n.variant === "contained" && n.color !== "inherit" && {
-      backgroundColor: (o.vars || o).palette[n.color].dark,
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: (o.vars || o).palette[n.color].main
-      }
-    }),
-    "&:active": d({}, n.variant === "contained" && {
-      boxShadow: (o.vars || o).shadows[8]
-    }),
-    [`&.${no.focusVisible}`]: d({}, n.variant === "contained" && {
-      boxShadow: (o.vars || o).shadows[6]
-    }),
-    [`&.${no.disabled}`]: d({
-      color: (o.vars || o).palette.action.disabled
-    }, n.variant === "outlined" && {
-      border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
-    }, n.variant === "contained" && {
-      color: (o.vars || o).palette.action.disabled,
-      boxShadow: (o.vars || o).shadows[0],
-      backgroundColor: (o.vars || o).palette.action.disabledBackground
-    })
-  }, n.variant === "text" && {
-    padding: "6px 8px"
-  }, n.variant === "text" && n.color !== "inherit" && {
-    color: (o.vars || o).palette[n.color].main
-  }, n.variant === "outlined" && {
-    padding: "5px 15px",
-    border: "1px solid currentColor"
-  }, n.variant === "outlined" && n.color !== "inherit" && {
-    color: (o.vars || o).palette[n.color].main,
-    border: o.vars ? `1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${eo(o.palette[n.color].main, 0.5)}`
-  }, n.variant === "contained" && {
-    color: o.vars ? (
-      // this is safe because grey does not change between default light/dark mode
-      o.vars.palette.text.primary
-    ) : (t = (r = o.palette).getContrastText) == null ? void 0 : t.call(r, o.palette.grey[300]),
-    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
-    boxShadow: (o.vars || o).shadows[2]
-  }, n.variant === "contained" && n.color !== "inherit" && {
-    color: (o.vars || o).palette[n.color].contrastText,
-    backgroundColor: (o.vars || o).palette[n.color].main
-  }, n.color === "inherit" && {
-    color: "inherit",
-    borderColor: "currentColor"
-  }, n.size === "small" && n.variant === "text" && {
-    padding: "4px 5px",
-    fontSize: o.typography.pxToRem(13)
-  }, n.size === "large" && n.variant === "text" && {
-    padding: "8px 11px",
-    fontSize: o.typography.pxToRem(15)
-  }, n.size === "small" && n.variant === "outlined" && {
-    padding: "3px 9px",
-    fontSize: o.typography.pxToRem(13)
-  }, n.size === "large" && n.variant === "outlined" && {
-    padding: "7px 21px",
-    fontSize: o.typography.pxToRem(15)
-  }, n.size === "small" && n.variant === "contained" && {
-    padding: "4px 10px",
-    fontSize: o.typography.pxToRem(13)
-  }, n.size === "large" && n.variant === "contained" && {
-    padding: "8px 22px",
-    fontSize: o.typography.pxToRem(15)
-  }, n.fullWidth && {
-    width: "100%"
-  });
-}, ({
-  ownerState: o
-}) => o.disableElevation && {
-  boxShadow: "none",
-  "&:hover": {
-    boxShadow: "none"
-  },
-  [`&.${no.focusVisible}`]: {
-    boxShadow: "none"
-  },
-  "&:active": {
-    boxShadow: "none"
-  },
-  [`&.${no.disabled}`]: {
-    boxShadow: "none"
-  }
-}), re = _("span", {
-  name: "MuiButton",
-  slot: "StartIcon",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.startIcon, n[`iconSize${M(t.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => d({
-  display: "inherit",
-  marginRight: 8,
-  marginLeft: -4
-}, o.size === "small" && {
-  marginLeft: -2
-}, Mo(o))), ie = _("span", {
-  name: "MuiButton",
-  slot: "EndIcon",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.endIcon, n[`iconSize${M(t.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => d({
-  display: "inherit",
-  marginRight: -4,
-  marginLeft: 8
-}, o.size === "small" && {
-  marginRight: -2
-}, Mo(o))), se = /* @__PURE__ */ c.forwardRef(function(n, t) {
-  const r = c.useContext(Io), s = c.useContext(Bo), i = Lo(r, n), a = Y({
-    props: i,
-    name: "MuiButton"
-  }), {
-    children: l,
-    color: u = "primary",
-    component: g = "button",
-    className: m,
-    disabled: x = !1,
-    disableElevation: R = !1,
-    disableFocusRipple: C = !1,
-    endIcon: f,
-    focusVisibleClassName: $,
-    fullWidth: S = !1,
-    size: D = "medium",
-    startIcon: P,
-    type: p,
-    variant: T = "text"
-  } = a, h = j(a, ee), k = d({}, a, {
-    color: u,
-    component: g,
-    disabled: x,
-    disableElevation: R,
-    disableFocusRipple: C,
-    fullWidth: S,
-    size: D,
-    type: p,
-    variant: T
-  }), y = ne(k), O = P && /* @__PURE__ */ N(re, {
-    className: y.startIcon,
-    ownerState: k,
-    children: P
-  }), z = f && /* @__PURE__ */ N(ie, {
-    className: y.endIcon,
-    ownerState: k,
-    children: f
-  }), I = s || "";
-  return /* @__PURE__ */ co(te, d({
-    ownerState: k,
-    className: L(r.className, y.root, m, I),
-    component: g,
-    disabled: x,
-    focusRipple: !C,
-    focusVisibleClassName: L(y.focusVisible, $),
-    ref: t,
-    type: p
-  }, h, {
-    classes: y,
-    children: [O, l, z]
-  }));
-});
-process.env.NODE_ENV !== "production" && (se.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(["inherit", "primary", "secondary", "success", "error", "info", "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 component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, no elevation is used.
-   * @default false
-   */
-  disableElevation: 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,
-  /**
-   * Element placed after the children.
-   */
-  endIcon: e.node,
-  /**
-   * @ignore
-   */
-  focusVisibleClassName: e.string,
-  /**
-   * If `true`, the button will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: e.bool,
-  /**
-   * The URL to link to when the button is clicked.
-   * If defined, an `a` element will be used as the root node.
-   */
-  href: e.string,
-  /**
-   * 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]),
-  /**
-   * Element placed before the children.
-   */
-  startIcon: 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]),
-  /**
-   * @ignore
-   */
-  type: e.oneOfType([e.oneOf(["button", "reset", "submit"]), e.string]),
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: e.oneOfType([e.oneOf(["contained", "outlined", "text"]), e.string])
-});
-function ae(o) {
-  const n = V(o);
-  return n.body === o ? uo(o).innerWidth > n.documentElement.clientWidth : o.scrollHeight > o.clientHeight;
-}
-function J(o, n) {
-  n ? o.setAttribute("aria-hidden", "true") : o.removeAttribute("aria-hidden");
-}
-function Po(o) {
-  return parseInt(uo(o).getComputedStyle(o).paddingRight, 10) || 0;
-}
-function le(o) {
-  const t = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(o.tagName) !== -1, r = o.tagName === "INPUT" && o.getAttribute("type") === "hidden";
-  return t || r;
-}
-function Ro(o, n, t, r, s) {
-  const i = [n, t, ...r];
-  [].forEach.call(o.children, (a) => {
-    const l = i.indexOf(a) === -1, u = !le(a);
-    l && u && J(a, s);
-  });
-}
-function ao(o, n) {
-  let t = -1;
-  return o.some((r, s) => n(r) ? (t = s, !0) : !1), t;
-}
-function ce(o, n) {
-  const t = [], r = o.container;
-  if (!n.disableScrollLock) {
-    if (ae(r)) {
-      const a = Qo(V(r));
-      t.push({
-        value: r.style.paddingRight,
-        property: "padding-right",
-        el: r
-      }), r.style.paddingRight = `${Po(r) + a}px`;
-      const l = V(r).querySelectorAll(".mui-fixed");
-      [].forEach.call(l, (u) => {
-        t.push({
-          value: u.style.paddingRight,
-          property: "padding-right",
-          el: u
-        }), u.style.paddingRight = `${Po(u) + a}px`;
-      });
-    }
-    let i;
-    if (r.parentNode instanceof DocumentFragment)
-      i = V(r).body;
-    else {
-      const a = r.parentElement, l = uo(r);
-      i = (a == null ? void 0 : a.nodeName) === "HTML" && l.getComputedStyle(a).overflowY === "scroll" ? a : r;
-    }
-    t.push({
-      value: i.style.overflow,
-      property: "overflow",
-      el: i
-    }, {
-      value: i.style.overflowX,
-      property: "overflow-x",
-      el: i
-    }, {
-      value: i.style.overflowY,
-      property: "overflow-y",
-      el: i
-    }), i.style.overflow = "hidden";
-  }
-  return () => {
-    t.forEach(({
-      value: i,
-      el: a,
-      property: l
-    }) => {
-      i ? a.style.setProperty(l, i) : a.style.removeProperty(l);
-    });
-  };
-}
-function de(o) {
-  const n = [];
-  return [].forEach.call(o.children, (t) => {
-    t.getAttribute("aria-hidden") === "true" && n.push(t);
-  }), n;
-}
-class pe {
-  constructor() {
-    this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
-  }
-  add(n, t) {
-    let r = this.modals.indexOf(n);
-    if (r !== -1)
-      return r;
-    r = this.modals.length, this.modals.push(n), n.modalRef && J(n.modalRef, !1);
-    const s = de(t);
-    Ro(t, n.mount, n.modalRef, s, !0);
-    const i = ao(this.containers, (a) => a.container === t);
-    return i !== -1 ? (this.containers[i].modals.push(n), r) : (this.containers.push({
-      modals: [n],
-      container: t,
-      restore: null,
-      hiddenSiblings: s
-    }), r);
-  }
-  mount(n, t) {
-    const r = ao(this.containers, (i) => i.modals.indexOf(n) !== -1), s = this.containers[r];
-    s.restore || (s.restore = ce(s, t));
-  }
-  remove(n, t = !0) {
-    const r = this.modals.indexOf(n);
-    if (r === -1)
-      return r;
-    const s = ao(this.containers, (a) => a.modals.indexOf(n) !== -1), i = this.containers[s];
-    if (i.modals.splice(i.modals.indexOf(n), 1), this.modals.splice(r, 1), i.modals.length === 0)
-      i.restore && i.restore(), n.modalRef && J(n.modalRef, t), Ro(i.container, n.mount, n.modalRef, i.hiddenSiblings, !1), this.containers.splice(s, 1);
-    else {
-      const a = i.modals[i.modals.length - 1];
-      a.modalRef && J(a.modalRef, !1);
-    }
-    return r;
-  }
-  isTopModal(n) {
-    return this.modals.length > 0 && this.modals[this.modals.length - 1] === n;
-  }
-}
-const ue = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function fe(o) {
-  const n = parseInt(o.getAttribute("tabindex") || "", 10);
-  return Number.isNaN(n) ? o.contentEditable === "true" || (o.nodeName === "AUDIO" || o.nodeName === "VIDEO" || o.nodeName === "DETAILS") && o.getAttribute("tabindex") === null ? 0 : o.tabIndex : n;
-}
-function be(o) {
-  if (o.tagName !== "INPUT" || o.type !== "radio" || !o.name)
-    return !1;
-  const n = (r) => o.ownerDocument.querySelector(`input[type="radio"]${r}`);
-  let t = n(`[name="${o.name}"]:checked`);
-  return t || (t = n(`[name="${o.name}"]`)), t !== o;
-}
-function ge(o) {
-  return !(o.disabled || o.tagName === "INPUT" && o.type === "hidden" || be(o));
-}
-function me(o) {
-  const n = [], t = [];
-  return Array.from(o.querySelectorAll(ue)).forEach((r, s) => {
-    const i = fe(r);
-    i === -1 || !ge(r) || (i === 0 ? n.push(r) : t.push({
-      documentOrder: s,
-      tabIndex: i,
-      node: r
-    }));
-  }), t.sort((r, s) => r.tabIndex === s.tabIndex ? r.documentOrder - s.documentOrder : r.tabIndex - s.tabIndex).map((r) => r.node).concat(n);
-}
-function ve() {
-  return !0;
-}
-function to(o) {
-  const {
-    children: n,
-    disableAutoFocus: t = !1,
-    disableEnforceFocus: r = !1,
-    disableRestoreFocus: s = !1,
-    getTabbable: i = me,
-    isEnabled: a = ve,
-    open: l
-  } = o, u = c.useRef(!1), g = c.useRef(null), m = c.useRef(null), x = c.useRef(null), R = c.useRef(null), C = c.useRef(!1), f = c.useRef(null), $ = Q(n.ref, f), S = c.useRef(null);
-  c.useEffect(() => {
-    !l || !f.current || (C.current = !t);
-  }, [t, l]), c.useEffect(() => {
-    if (!l || !f.current)
-      return;
-    const p = V(f.current);
-    return f.current.contains(p.activeElement) || (f.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
-`)), f.current.setAttribute("tabIndex", "-1")), C.current && f.current.focus()), () => {
-      s || (x.current && x.current.focus && (u.current = !0, x.current.focus()), x.current = null);
-    };
-  }, [l]), c.useEffect(() => {
-    if (!l || !f.current)
-      return;
-    const p = V(f.current), T = (y) => {
-      S.current = y, !(r || !a() || y.key !== "Tab") && p.activeElement === f.current && y.shiftKey && (u.current = !0, m.current && m.current.focus());
-    }, h = () => {
-      const y = f.current;
-      if (y === null)
-        return;
-      if (!p.hasFocus() || !a() || u.current) {
-        u.current = !1;
-        return;
-      }
-      if (y.contains(p.activeElement) || r && p.activeElement !== g.current && p.activeElement !== m.current)
-        return;
-      if (p.activeElement !== R.current)
-        R.current = null;
-      else if (R.current !== null)
-        return;
-      if (!C.current)
-        return;
-      let O = [];
-      if ((p.activeElement === g.current || p.activeElement === m.current) && (O = i(f.current)), O.length > 0) {
-        var z, I;
-        const F = !!((z = S.current) != null && z.shiftKey && ((I = S.current) == null ? void 0 : I.key) === "Tab"), A = O[0], w = O[O.length - 1];
-        typeof A != "string" && typeof w != "string" && (F ? w.focus() : A.focus());
-      } else
-        y.focus();
-    };
-    p.addEventListener("focusin", h), p.addEventListener("keydown", T, !0);
-    const k = setInterval(() => {
-      p.activeElement && p.activeElement.tagName === "BODY" && h();
-    }, 50);
-    return () => {
-      clearInterval(k), p.removeEventListener("focusin", h), p.removeEventListener("keydown", T, !0);
-    };
-  }, [t, r, s, a, l, i]);
-  const D = (p) => {
-    x.current === null && (x.current = p.relatedTarget), C.current = !0, R.current = p.target;
-    const T = n.props.onFocus;
-    T && T(p);
-  }, P = (p) => {
-    x.current === null && (x.current = p.relatedTarget), C.current = !0;
-  };
-  return /* @__PURE__ */ co(c.Fragment, {
-    children: [/* @__PURE__ */ N("div", {
-      tabIndex: l ? 0 : -1,
-      onFocus: P,
-      ref: g,
-      "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ c.cloneElement(n, {
-      ref: $,
-      onFocus: D
-    }), /* @__PURE__ */ N("div", {
-      tabIndex: l ? 0 : -1,
-      onFocus: P,
-      ref: m,
-      "data-testid": "sentinelEnd"
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" && (to.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A single child content element.
-   */
-  children: po,
-  /**
-   * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
-   * replace it to the last focused element when it closes.
-   * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the focus trap less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus: e.bool,
-  /**
-   * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
-   *
-   * Generally this should never be set to `true` as it makes the focus trap less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus: e.bool,
-  /**
-   * If `true`, the focus trap will not restore focus to previously focused element once
-   * focus trap is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: e.bool,
-  /**
-   * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.
-   * For instance, you can provide the "tabbable" npm dependency.
-   * @param {HTMLElement} root
-   */
-  getTabbable: e.func,
-  /**
-   * This prop extends the `open` prop.
-   * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
-   * This prop should be memoized.
-   * It can be used to support multiple focus trap mounted at the same time.
-   * @default function defaultIsEnabled(): boolean {
-   *   return true;
-   * }
-   */
-  isEnabled: e.func,
-  /**
-   * If `true`, focus is locked.
-   */
-  open: e.bool.isRequired
-});
-process.env.NODE_ENV !== "production" && (to.propTypes = So(to.propTypes));
-function xe(o) {
-  return typeof o == "function" ? o() : o;
-}
-const ro = /* @__PURE__ */ c.forwardRef(function(n, t) {
-  const {
-    children: r,
-    container: s,
-    disablePortal: i = !1
-  } = n, [a, l] = c.useState(null), u = Q(/* @__PURE__ */ c.isValidElement(r) ? r.ref : null, t);
-  if (ho(() => {
-    i || l(xe(s) || document.body);
-  }, [s, i]), ho(() => {
-    if (a && !i)
-      return yo(t, a), () => {
-        yo(t, null);
-      };
-  }, [t, a, i]), i) {
-    if (/* @__PURE__ */ c.isValidElement(r)) {
-      const g = {
-        ref: u
-      };
-      return /* @__PURE__ */ c.cloneElement(r, g);
-    }
-    return /* @__PURE__ */ N(c.Fragment, {
-      children: r
-    });
-  }
-  return /* @__PURE__ */ N(c.Fragment, {
-    children: a && /* @__PURE__ */ Jo.createPortal(r, a)
-  });
-});
-process.env.NODE_ENV !== "production" && (ro.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The children to render into the `container`.
-   */
-  children: e.node,
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: e.oneOfType([Oo, e.func]),
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: e.bool
-});
-process.env.NODE_ENV !== "production" && (ro.propTypes = So(ro.propTypes));
-const he = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], ye = {
-  entering: {
-    opacity: 1
-  },
-  entered: {
-    opacity: 1
-  }
-}, fo = /* @__PURE__ */ c.forwardRef(function(n, t) {
-  const r = No(), s = {
-    enter: r.transitions.duration.enteringScreen,
-    exit: r.transitions.duration.leavingScreen
-  }, {
-    addEndListener: i,
-    appear: a = !0,
-    children: l,
-    easing: u,
-    in: g,
-    onEnter: m,
-    onEntered: x,
-    onEntering: R,
-    onExit: C,
-    onExited: f,
-    onExiting: $,
-    style: S,
-    timeout: D = s,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: P = Uo
-  } = n, p = j(n, he), T = c.useRef(null), h = Q(T, l.ref, t), k = (v) => (W) => {
-    if (v) {
-      const b = T.current;
-      W === void 0 ? v(b) : v(b, W);
-    }
-  }, y = k(R), O = k((v, W) => {
-    Ho(v);
-    const b = To({
-      style: S,
-      timeout: D,
-      easing: u
-    }, {
-      mode: "enter"
-    });
-    v.style.webkitTransition = r.transitions.create("opacity", b), v.style.transition = r.transitions.create("opacity", b), m && m(v, W);
-  }), z = k(x), I = k($), F = k((v) => {
-    const W = To({
-      style: S,
-      timeout: D,
-      easing: u
-    }, {
-      mode: "exit"
-    });
-    v.style.webkitTransition = r.transitions.create("opacity", W), v.style.transition = r.transitions.create("opacity", W), C && C(v);
-  }), A = k(f);
-  return /* @__PURE__ */ N(P, d({
-    appear: a,
-    in: g,
-    nodeRef: T,
-    onEnter: O,
-    onEntered: z,
-    onEntering: y,
-    onExit: F,
-    onExited: A,
-    onExiting: I,
-    addEndListener: (v) => {
-      i && i(T.current, v);
-    },
-    timeout: D
-  }, p, {
-    children: (v, W) => /* @__PURE__ */ c.cloneElement(l, d({
-      style: d({
-        opacity: 0,
-        visibility: v === "exited" && !g ? "hidden" : void 0
-      }, ye[v], S, l.props.style),
-      ref: h
-    }, W))
-  }));
-});
-process.env.NODE_ENV !== "production" && (fo.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: e.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: e.bool,
-  /**
-   * A single child content element.
-   */
-  children: po.isRequired,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: e.oneOfType([e.shape({
-    enter: e.string,
-    exit: e.string
-  }), e.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: e.bool,
-  /**
-   * @ignore
-   */
-  onEnter: e.func,
-  /**
-   * @ignore
-   */
-  onEntered: e.func,
-  /**
-   * @ignore
-   */
-  onEntering: e.func,
-  /**
-   * @ignore
-   */
-  onExit: e.func,
-  /**
-   * @ignore
-   */
-  onExited: e.func,
-  /**
-   * @ignore
-   */
-  onExiting: e.func,
-  /**
-   * @ignore
-   */
-  style: e.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  timeout: e.oneOfType([e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
-  })])
-});
-function Ee(o) {
-  return H("MuiBackdrop", o);
-}
-U("MuiBackdrop", ["root", "invisible"]);
-const Te = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], Ce = (o) => {
-  const {
-    classes: n,
-    invisible: t
-  } = o;
-  return G({
-    root: ["root", t && "invisible"]
-  }, Ee, n);
-}, ke = _("div", {
-  name: "MuiBackdrop",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.root, t.invisible && n.invisible];
-  }
-})(({
-  ownerState: o
-}) => d({
-  position: "fixed",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0,
-  backgroundColor: "rgba(0, 0, 0, 0.5)",
-  WebkitTapHighlightColor: "transparent"
-}, o.invisible && {
-  backgroundColor: "transparent"
-})), bo = /* @__PURE__ */ c.forwardRef(function(n, t) {
-  var r, s, i;
-  const a = Y({
-    props: n,
-    name: "MuiBackdrop"
-  }), {
-    children: l,
-    className: u,
-    component: g = "div",
-    components: m = {},
-    componentsProps: x = {},
-    invisible: R = !1,
-    open: C,
-    slotProps: f = {},
-    slots: $ = {},
-    TransitionComponent: S = fo,
-    transitionDuration: D
-  } = a, P = j(a, Te), p = d({}, a, {
-    component: g,
-    invisible: R
-  }), T = Ce(p), h = (r = f.root) != null ? r : x.root;
-  return /* @__PURE__ */ N(S, d({
-    in: C,
-    timeout: D
-  }, P, {
-    children: /* @__PURE__ */ N(ke, d({
-      "aria-hidden": !0
-    }, h, {
-      as: (s = (i = $.root) != null ? i : m.Root) != null ? s : g,
-      className: L(T.root, u, h == null ? void 0 : h.className),
-      ownerState: d({}, p, h == null ? void 0 : h.ownerState),
-      classes: T,
-      ref: t,
-      children: l
-    }))
-  }));
-});
-process.env.NODE_ENV !== "production" && (bo.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 component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `slots` prop.
-   * It's recommended to use the `slots` prop instead.
-   *
-   * @default {}
-   */
-  components: e.shape({
-    Root: e.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * This prop is an alias for the `slotProps` prop.
-   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-   *
-   * @default {}
-   */
-  componentsProps: e.shape({
-    root: e.object
-  }),
-  /**
-   * If `true`, the backdrop is invisible.
-   * It can be used when rendering a popover or a custom select component.
-   * @default false
-   */
-  invisible: e.bool,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: e.bool.isRequired,
-  /**
-   * 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({
-    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({
-    root: e.elementType
-  }),
-  /**
-   * 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 component used for the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   */
-  TransitionComponent: e.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   */
-  transitionDuration: e.oneOfType([e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
-  })])
-});
-function Pe(o) {
-  return typeof o == "function" ? o() : o;
-}
-function Re(o) {
-  return o ? o.props.hasOwnProperty("in") : !1;
-}
-const Ne = new pe();
-function Se(o) {
-  const {
-    container: n,
-    disableEscapeKeyDown: t = !1,
-    disableScrollLock: r = !1,
-    // @ts-ignore internal logic - Base UI supports the manager as a prop too
-    manager: s = Ne,
-    closeAfterTransition: i = !1,
-    onTransitionEnter: a,
-    onTransitionExited: l,
-    children: u,
-    onClose: g,
-    open: m,
-    rootRef: x
-  } = o, R = c.useRef({}), C = c.useRef(null), f = c.useRef(null), $ = Q(f, x), [S, D] = c.useState(!m), P = Re(u);
-  let p = !0;
-  (o["aria-hidden"] === "false" || o["aria-hidden"] === !1) && (p = !1);
-  const T = () => V(C.current), h = () => (R.current.modalRef = f.current, R.current.mount = C.current, R.current), k = () => {
-    s.mount(h(), {
-      disableScrollLock: r
-    }), f.current && (f.current.scrollTop = 0);
-  }, y = Eo(() => {
-    const b = Pe(n) || T().body;
-    s.add(h(), b), f.current && k();
-  }), O = c.useCallback(() => s.isTopModal(h()), [s]), z = Eo((b) => {
-    C.current = b, b && (m && O() ? k() : f.current && J(f.current, p));
-  }), I = c.useCallback(() => {
-    s.remove(h(), p);
-  }, [p, s]);
-  c.useEffect(() => () => {
-    I();
-  }, [I]), c.useEffect(() => {
-    m ? y() : (!P || !i) && I();
-  }, [m, I, P, i, y]);
-  const F = (b) => (E) => {
-    var B;
-    (B = b.onKeyDown) == null || B.call(b, E), !(E.key !== "Escape" || E.which === 229 || // Wait until IME is settled.
-    !O()) && (t || (E.stopPropagation(), g && g(E, "escapeKeyDown")));
-  }, A = (b) => (E) => {
-    var B;
-    (B = b.onClick) == null || B.call(b, E), E.target === E.currentTarget && g && g(E, "backdropClick");
-  };
-  return {
-    getRootProps: (b = {}) => {
-      const E = Go(o);
-      delete E.onTransitionEnter, delete E.onTransitionExited;
-      const B = d({}, E, b);
-      return d({
-        role: "presentation"
-      }, B, {
-        onKeyDown: F(B),
-        ref: $
-      });
-    },
-    getBackdropProps: (b = {}) => {
-      const E = b;
-      return d({
-        "aria-hidden": !0
-      }, E, {
-        onClick: A(E),
-        open: m
-      });
-    },
-    getTransitionProps: () => {
-      const b = () => {
-        D(!1), a && a();
-      }, E = () => {
-        D(!0), l && l(), i && I();
-      };
-      return {
-        onEnter: Co(b, u == null ? void 0 : u.props.onEnter),
-        onExited: Co(E, u == null ? void 0 : u.props.onExited)
-      };
-    },
-    rootRef: $,
-    portalRef: z,
-    isTopModal: O,
-    exited: S,
-    hasTransition: P
-  };
-}
-function De(o) {
-  return H("MuiModal", o);
-}
-U("MuiModal", ["root", "hidden", "backdrop"]);
-const Oe = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"], Ie = (o) => {
-  const {
-    open: n,
-    exited: t,
-    classes: r
-  } = o;
-  return G({
-    root: ["root", !n && t && "hidden"],
-    backdrop: ["backdrop"]
-  }, De, r);
-}, Be = _("div", {
-  name: "MuiModal",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.root, !t.open && t.exited && n.hidden];
-  }
-})(({
-  theme: o,
-  ownerState: n
-}) => d({
-  position: "fixed",
-  zIndex: (o.vars || o).zIndex.modal,
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0
-}, !n.open && n.exited && {
-  visibility: "hidden"
-})), Me = _(bo, {
-  name: "MuiModal",
-  slot: "Backdrop",
-  overridesResolver: (o, n) => n.backdrop
-})({
-  zIndex: -1
-}), $o = /* @__PURE__ */ c.forwardRef(function(n, t) {
-  var r, s, i, a, l, u;
-  const g = Y({
-    name: "MuiModal",
-    props: n
-  }), {
-    BackdropComponent: m = Me,
-    BackdropProps: x,
-    className: R,
-    closeAfterTransition: C = !1,
-    children: f,
-    container: $,
-    component: S,
-    components: D = {},
-    componentsProps: P = {},
-    disableAutoFocus: p = !1,
-    disableEnforceFocus: T = !1,
-    disableEscapeKeyDown: h = !1,
-    disablePortal: k = !1,
-    disableRestoreFocus: y = !1,
-    disableScrollLock: O = !1,
-    hideBackdrop: z = !1,
-    keepMounted: I = !1,
-    onBackdropClick: F,
-    open: A,
-    slotProps: w,
-    slots: v
-    // eslint-disable-next-line react/prop-types
-  } = g, W = j(g, Oe), b = d({}, g, {
-    closeAfterTransition: C,
-    disableAutoFocus: p,
-    disableEnforceFocus: T,
-    disableEscapeKeyDown: h,
-    disablePortal: k,
-    disableRestoreFocus: y,
-    disableScrollLock: O,
-    hideBackdrop: z,
-    keepMounted: I
-  }), {
-    getRootProps: E,
-    getBackdropProps: B,
-    getTransitionProps: zo,
-    portalRef: Fo,
-    isTopModal: Ao,
-    exited: go,
-    hasTransition: mo
-  } = Se(d({}, b, {
-    rootRef: t
-  })), X = d({}, b, {
-    exited: go
-  }), K = Ie(X), Z = {};
-  if (f.props.tabIndex === void 0 && (Z.tabIndex = "-1"), mo) {
-    const {
-      onEnter: q,
-      onExited: oo
-    } = zo();
-    Z.onEnter = q, Z.onExited = oo;
-  }
-  const vo = (r = (s = v == null ? void 0 : v.root) != null ? s : D.Root) != null ? r : Be, xo = (i = (a = v == null ? void 0 : v.backdrop) != null ? a : D.Backdrop) != null ? i : m, io = (l = w == null ? void 0 : w.root) != null ? l : P.root, so = (u = w == null ? void 0 : w.backdrop) != null ? u : P.backdrop, wo = ko({
-    elementType: vo,
-    externalSlotProps: io,
-    externalForwardedProps: W,
-    getSlotProps: E,
-    additionalProps: {
-      ref: t,
-      as: S
-    },
-    ownerState: X,
-    className: L(R, io == null ? void 0 : io.className, K == null ? void 0 : K.root, !X.open && X.exited && (K == null ? void 0 : K.hidden))
-  }), _o = ko({
-    elementType: xo,
-    externalSlotProps: so,
-    additionalProps: x,
-    getSlotProps: (q) => B(d({}, q, {
-      onClick: (oo) => {
-        F && F(oo), q != null && q.onClick && q.onClick(oo);
-      }
-    })),
-    className: L(so == null ? void 0 : so.className, x == null ? void 0 : x.className, K == null ? void 0 : K.backdrop),
-    ownerState: X
-  });
-  return !I && !A && (!mo || go) ? null : /* @__PURE__ */ N(ro, {
-    ref: Fo,
-    container: $,
-    disablePortal: k,
-    children: /* @__PURE__ */ co(vo, d({}, wo, {
-      children: [!z && m ? /* @__PURE__ */ N(xo, d({}, _o)) : null, /* @__PURE__ */ N(to, {
-        disableEnforceFocus: T,
-        disableAutoFocus: p,
-        disableRestoreFocus: y,
-        isEnabled: Ao,
-        open: A,
-        children: /* @__PURE__ */ c.cloneElement(f, Z)
-      })]
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && ($o.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: e.elementType,
-  /**
-   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` instead.
-   */
-  BackdropProps: e.object,
-  /**
-   * A single child content element.
-   */
-  children: po.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * When set to true the Modal waits until a nested Transition is completed before closing.
-   * @default false
-   */
-  closeAfterTransition: e.bool,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `slots` prop.
-   * It's recommended to use the `slots` prop instead.
-   *
-   * @default {}
-   */
-  components: e.shape({
-    Backdrop: e.elementType,
-    Root: e.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * This prop is an alias for the `slotProps` prop.
-   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-   *
-   * @default {}
-   */
-  componentsProps: e.shape({
-    backdrop: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: e.oneOfType([Oo, e.func]),
-  /**
-   * If `true`, the modal will not automatically shift focus to itself when it opens, and
-   * replace it to the last focused element when it closes.
-   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus: e.bool,
-  /**
-   * If `true`, the modal will not prevent focus from leaving the modal while open.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus: e.bool,
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown: e.bool,
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: e.bool,
-  /**
-   * If `true`, the modal will not restore focus to previously focused element once
-   * modal is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: e.bool,
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock: e.bool,
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop: e.bool,
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Modal.
-   * @default false
-   */
-  keepMounted: e.bool,
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: e.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   * The `reason` parameter can optionally be used to control the response to `onClose`.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose: e.func,
-  /**
-   * A function called when a transition enters.
-   */
-  onTransitionEnter: e.func,
-  /**
-   * A function called when a transition has exited.
-   */
-  onTransitionExited: e.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: e.bool.isRequired,
-  /**
-   * The props used for each slot inside the Modal.
-   * @default {}
-   */
-  slotProps: e.shape({
-    backdrop: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside the Modal.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: e.shape({
-    backdrop: e.elementType,
-    root: e.elementType
-  }),
-  /**
-   * 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 $e(o) {
-  return H("MuiDialog", o);
-}
-const lo = U("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), Wo = /* @__PURE__ */ c.createContext({});
-process.env.NODE_ENV !== "production" && (Wo.displayName = "DialogContext");
-const We = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], ze = _(bo, {
-  name: "MuiDialog",
-  slot: "Backdrop",
-  overrides: (o, n) => n.backdrop
-})({
-  // Improve scrollable dialog support.
-  zIndex: -1
-}), Fe = (o) => {
-  const {
-    classes: n,
-    scroll: t,
-    maxWidth: r,
-    fullWidth: s,
-    fullScreen: i
-  } = o, a = {
-    root: ["root"],
-    container: ["container", `scroll${M(t)}`],
-    paper: ["paper", `paperScroll${M(t)}`, `paperWidth${M(String(r))}`, s && "paperFullWidth", i && "paperFullScreen"]
-  };
-  return G(a, $e, n);
-}, Ae = _($o, {
-  name: "MuiDialog",
-  slot: "Root",
-  overridesResolver: (o, n) => n.root
-})({
-  "@media print": {
-    // Use !important to override the Modal inline-style.
-    position: "absolute !important"
-  }
-}), we = _("div", {
-  name: "MuiDialog",
-  slot: "Container",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.container, n[`scroll${M(t.scroll)}`]];
-  }
-})(({
-  ownerState: o
-}) => d({
-  height: "100%",
-  "@media print": {
-    height: "auto"
-  },
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0
-}, o.scroll === "paper" && {
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-}, o.scroll === "body" && {
-  overflowY: "auto",
-  overflowX: "hidden",
-  textAlign: "center",
-  "&::after": {
-    content: '""',
-    display: "inline-block",
-    verticalAlign: "middle",
-    height: "100%",
-    width: "0"
-  }
-})), _e = _(Do, {
-  name: "MuiDialog",
-  slot: "Paper",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.paper, n[`scrollPaper${M(t.scroll)}`], n[`paperWidth${M(String(t.maxWidth))}`], t.fullWidth && n.paperFullWidth, t.fullScreen && n.paperFullScreen];
-  }
-})(({
-  theme: o,
-  ownerState: n
-}) => d({
-  margin: 32,
-  position: "relative",
-  overflowY: "auto",
-  // Fix IE11 issue, to remove at some point.
-  "@media print": {
-    overflowY: "visible",
-    boxShadow: "none"
-  }
-}, n.scroll === "paper" && {
-  display: "flex",
-  flexDirection: "column",
-  maxHeight: "calc(100% - 64px)"
-}, n.scroll === "body" && {
-  display: "inline-block",
-  verticalAlign: "middle",
-  textAlign: "left"
-  // 'initial' doesn't work on IE11
-}, !n.maxWidth && {
-  maxWidth: "calc(100% - 64px)"
-}, n.maxWidth === "xs" && {
-  maxWidth: o.breakpoints.unit === "px" ? Math.max(o.breakpoints.values.xs, 444) : `max(${o.breakpoints.values.xs}${o.breakpoints.unit}, 444px)`,
-  [`&.${lo.paperScrollBody}`]: {
-    [o.breakpoints.down(Math.max(o.breakpoints.values.xs, 444) + 32 * 2)]: {
-      maxWidth: "calc(100% - 64px)"
-    }
-  }
-}, n.maxWidth && n.maxWidth !== "xs" && {
-  maxWidth: `${o.breakpoints.values[n.maxWidth]}${o.breakpoints.unit}`,
-  [`&.${lo.paperScrollBody}`]: {
-    [o.breakpoints.down(o.breakpoints.values[n.maxWidth] + 32 * 2)]: {
-      maxWidth: "calc(100% - 64px)"
-    }
-  }
-}, n.fullWidth && {
-  width: "calc(100% - 64px)"
-}, n.fullScreen && {
-  margin: 0,
-  width: "100%",
-  maxWidth: "100%",
-  height: "100%",
-  maxHeight: "none",
-  borderRadius: 0,
-  [`&.${lo.paperScrollBody}`]: {
-    margin: 0,
-    maxWidth: "100%"
-  }
-})), Le = /* @__PURE__ */ c.forwardRef(function(n, t) {
-  const r = Y({
-    props: n,
-    name: "MuiDialog"
-  }), s = No(), i = {
-    enter: s.transitions.duration.enteringScreen,
-    exit: s.transitions.duration.leavingScreen
-  }, {
-    "aria-describedby": a,
-    "aria-labelledby": l,
-    BackdropComponent: u,
-    BackdropProps: g,
-    children: m,
-    className: x,
-    disableEscapeKeyDown: R = !1,
-    fullScreen: C = !1,
-    fullWidth: f = !1,
-    maxWidth: $ = "sm",
-    onBackdropClick: S,
-    onClick: D,
-    onClose: P,
-    open: p,
-    PaperComponent: T = Do,
-    PaperProps: h = {},
-    scroll: k = "paper",
-    TransitionComponent: y = fo,
-    transitionDuration: O = i,
-    TransitionProps: z
-  } = r, I = j(r, We), F = d({}, r, {
-    disableEscapeKeyDown: R,
-    fullScreen: C,
-    fullWidth: f,
-    maxWidth: $,
-    scroll: k
-  }), A = Fe(F), w = c.useRef(), v = (B) => {
-    w.current = B.target === B.currentTarget;
-  }, W = (B) => {
-    D && D(B), w.current && (w.current = null, S && S(B), P && P(B, "backdropClick"));
-  }, b = Xo(l), E = c.useMemo(() => ({
-    titleId: b
-  }), [b]);
-  return /* @__PURE__ */ N(Ae, d({
-    className: L(A.root, x),
-    closeAfterTransition: !0,
-    components: {
-      Backdrop: ze
-    },
-    componentsProps: {
-      backdrop: d({
-        transitionDuration: O,
-        as: u
-      }, g)
-    },
-    disableEscapeKeyDown: R,
-    onClose: P,
-    open: p,
-    ref: t,
-    onClick: W,
-    ownerState: F
-  }, I, {
-    children: /* @__PURE__ */ N(y, d({
-      appear: !0,
-      in: p,
-      timeout: O,
-      role: "presentation"
-    }, z, {
-      children: /* @__PURE__ */ N(we, {
-        className: L(A.container),
-        onMouseDown: v,
-        ownerState: F,
-        children: /* @__PURE__ */ N(_e, d({
-          as: T,
-          elevation: 24,
-          role: "dialog",
-          "aria-describedby": a,
-          "aria-labelledby": b
-        }, h, {
-          className: L(A.paper, h.className),
-          ownerState: F,
-          children: /* @__PURE__ */ N(Wo.Provider, {
-            value: E,
-            children: m
-          })
-        }))
-      })
-    }))
-  }));
-});
-process.env.NODE_ENV !== "production" && (Le.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The id(s) of the element(s) that describe the dialog.
-   */
-  "aria-describedby": e.string,
-  /**
-   * The id(s) of the element(s) that label the dialog.
-   */
-  "aria-labelledby": e.string,
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: e.elementType,
-  /**
-   * @ignore
-   */
-  BackdropProps: e.object,
-  /**
-   * Dialog children, usually the included sub-components.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown: e.bool,
-  /**
-   * If `true`, the dialog is full-screen.
-   * @default false
-   */
-  fullScreen: e.bool,
-  /**
-   * If `true`, the dialog stretches to `maxWidth`.
-   *
-   * Notice that the dialog width grow is limited by the default margin.
-   * @default false
-   */
-  fullWidth: e.bool,
-  /**
-   * Determine the max-width of the dialog.
-   * The dialog width grows with the size of the screen.
-   * Set to `false` to disable `maxWidth`.
-   * @default 'sm'
-   */
-  maxWidth: e.oneOfType([e.oneOf(["xs", "sm", "md", "lg", "xl", !1]), e.string]),
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: e.func,
-  /**
-   * @ignore
-   */
-  onClick: e.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose: e.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: e.bool.isRequired,
-  /**
-   * The component used to render the body of the dialog.
-   * @default Paper
-   */
-  PaperComponent: e.elementType,
-  /**
-   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
-   * @default {}
-   */
-  PaperProps: e.object,
-  /**
-   * Determine the container for scrolling the dialog.
-   * @default 'paper'
-   */
-  scroll: e.oneOf(["body", "paper"]),
-  /**
-   * 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 component used for the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   */
-  TransitionComponent: e.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  transitionDuration: e.oneOfType([e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
-  })]),
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   */
-  TransitionProps: e.object
-});
-function je(o) {
-  return H("MuiDialogActions", o);
-}
-U("MuiDialogActions", ["root", "spacing"]);
-const Ve = ["className", "disableSpacing"], Ue = (o) => {
-  const {
-    classes: n,
-    disableSpacing: t
-  } = o;
-  return G({
-    root: ["root", !t && "spacing"]
-  }, je, n);
-}, He = _("div", {
-  name: "MuiDialogActions",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.root, !t.disableSpacing && n.spacing];
-  }
-})(({
-  ownerState: o
-}) => d({
-  display: "flex",
-  alignItems: "center",
-  padding: 8,
-  justifyContent: "flex-end",
-  flex: "0 0 auto"
-}, !o.disableSpacing && {
-  "& > :not(style) ~ :not(style)": {
-    marginLeft: 8
-  }
-})), Ke = /* @__PURE__ */ c.forwardRef(function(n, t) {
-  const r = Y({
-    props: n,
-    name: "MuiDialogActions"
-  }), {
-    className: s,
-    disableSpacing: i = !1
-  } = r, a = j(r, Ve), l = d({}, r, {
-    disableSpacing: i
-  }), u = Ue(l);
-  return /* @__PURE__ */ N(He, d({
-    className: L(u.root, s),
-    ownerState: l,
-    ref: t
-  }, a));
-});
-process.env.NODE_ENV !== "production" && (Ke.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,
-  /**
-   * If `true`, the actions do not have additional margin.
-   * @default false
-   */
-  disableSpacing: e.bool,
-  /**
-   * 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 qe(o) {
-  return H("MuiDialogContent", o);
-}
-U("MuiDialogContent", ["root", "dividers"]);
-function bn(o) {
-  return H("MuiDialogTitle", o);
-}
-const Ye = U("MuiDialogTitle", ["root"]), Ge = ["className", "dividers"], Xe = (o) => {
-  const {
-    classes: n,
-    dividers: t
-  } = o;
-  return G({
-    root: ["root", t && "dividers"]
-  }, qe, n);
-}, Je = _("div", {
-  name: "MuiDialogContent",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: t
-    } = o;
-    return [n.root, t.dividers && n.dividers];
-  }
-})(({
-  theme: o,
-  ownerState: n
-}) => d({
-  flex: "1 1 auto",
-  // Add iOS momentum scrolling for iOS < 13.0
-  WebkitOverflowScrolling: "touch",
-  overflowY: "auto",
-  padding: "20px 24px"
-}, n.dividers ? {
-  padding: "16px 24px",
-  borderTop: `1px solid ${(o.vars || o).palette.divider}`,
-  borderBottom: `1px solid ${(o.vars || o).palette.divider}`
-} : {
-  [`.${Ye.root} + &`]: {
-    paddingTop: 0
-  }
-})), Qe = /* @__PURE__ */ c.forwardRef(function(n, t) {
-  const r = Y({
-    props: n,
-    name: "MuiDialogContent"
-  }), {
-    className: s,
-    dividers: i = !1
-  } = r, a = j(r, Ge), l = d({}, r, {
-    dividers: i
-  }), u = Xe(l);
-  return /* @__PURE__ */ N(Je, d({
-    className: L(u.root, s),
-    ownerState: l,
-    ref: t
-  }, a));
-});
-process.env.NODE_ENV !== "production" && (Qe.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,
-  /**
-   * Display the top and bottom dividers.
-   * @default false
-   */
-  dividers: e.bool,
-  /**
-   * 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])
-});
-export {
-  se as B,
-  Le as D,
-  fo as F,
-  Oo as H,
-  $o as M,
-  Qe as a,
-  Ke as b,
-  Wo as c,
-  lo as d,
-  Qo as e,
-  bn as g,
-  ko as u
-};