@hybridcore/ui 1.3.3 → 1.3.5

package/dist/DialogContent-BCYm_d1s.js

@@ -0,0 +1,864 @@
+import { _ as e, a as I } from "./extends-Cyw62AD_.js";
+import * as b from "react";
+import { a as t, P as i } from "./createStyled-B96gjom1.js";
+import { g as k, r as Z, u as P, c as v, a as O } from "./useThemeProps-DeftUmqJ.js";
+import { g as D, s as g, r as oo, a as R } from "./styled-cPJbqF0E.js";
+import { jsx as u, jsxs as ao } from "react/jsx-runtime";
+import { B as io } from "./ButtonBase-D6qhsxB0.js";
+import { u as no } from "./useTheme-C-T6Qisa.js";
+import { B as eo, M as ro, F as to } from "./Modal-DNGEQJ1M.js";
+import { P as Y } from "./Paper-BseeergJ.js";
+import { u as so } from "./useId-BHG98T5I.js";
+function lo(o) {
+  return D("MuiButton", o);
+}
+const S = k("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", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), w = /* @__PURE__ */ b.createContext({});
+process.env.NODE_ENV !== "production" && (w.displayName = "ButtonGroupContext");
+const co = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], po = (o) => {
+  const {
+    color: a,
+    disableElevation: n,
+    fullWidth: r,
+    size: s,
+    variant: l,
+    classes: c
+  } = o, d = {
+    root: ["root", l, `${l}${t(a)}`, `size${t(s)}`, `${l}Size${t(s)}`, a === "inherit" && "colorInherit", n && "disableElevation", r && "fullWidth"],
+    label: ["label"],
+    startIcon: ["startIcon", `iconSize${t(s)}`],
+    endIcon: ["endIcon", `iconSize${t(s)}`]
+  }, p = O(d, lo, c);
+  return e({}, c, p);
+}, X = (o) => e({}, 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
+  }
+}), uo = g(io, {
+  shouldForwardProp: (o) => oo(o) || o === "classes",
+  name: "MuiButton",
+  slot: "Root",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: n
+    } = o;
+    return [a.root, a[n.variant], a[`${n.variant}${t(n.color)}`], a[`size${t(n.size)}`], a[`${n.variant}Size${t(n.size)}`], n.color === "inherit" && a.colorInherit, n.disableElevation && a.disableElevation, n.fullWidth && a.fullWidth];
+  }
+})(({
+  theme: o,
+  ownerState: a
+}) => {
+  var n, r;
+  return e({}, 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": e({
+      textDecoration: "none",
+      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : R(o.palette.text.primary, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, a.variant === "text" && a.color !== "inherit" && {
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : R(o.palette[a.color].main, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, a.variant === "outlined" && a.color !== "inherit" && {
+      border: `1px solid ${(o.vars || o).palette[a.color].main}`,
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : R(o.palette[a.color].main, o.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, a.variant === "contained" && {
+      backgroundColor: (o.vars || o).palette.grey.A100,
+      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]
+      }
+    }, a.variant === "contained" && a.color !== "inherit" && {
+      backgroundColor: (o.vars || o).palette[a.color].dark,
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: (o.vars || o).palette[a.color].main
+      }
+    }),
+    "&:active": e({}, a.variant === "contained" && {
+      boxShadow: (o.vars || o).shadows[8]
+    }),
+    [`&.${S.focusVisible}`]: e({}, a.variant === "contained" && {
+      boxShadow: (o.vars || o).shadows[6]
+    }),
+    [`&.${S.disabled}`]: e({
+      color: (o.vars || o).palette.action.disabled
+    }, a.variant === "outlined" && {
+      border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
+    }, a.variant === "contained" && {
+      color: (o.vars || o).palette.action.disabled,
+      boxShadow: (o.vars || o).shadows[0],
+      backgroundColor: (o.vars || o).palette.action.disabledBackground
+    })
+  }, a.variant === "text" && {
+    padding: "6px 8px"
+  }, a.variant === "text" && a.color !== "inherit" && {
+    color: (o.vars || o).palette[a.color].main
+  }, a.variant === "outlined" && {
+    padding: "5px 15px",
+    border: "1px solid currentColor"
+  }, a.variant === "outlined" && a.color !== "inherit" && {
+    color: (o.vars || o).palette[a.color].main,
+    border: o.vars ? `1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)` : `1px solid ${R(o.palette[a.color].main, 0.5)}`
+  }, a.variant === "contained" && {
+    color: o.vars ? (
+      // this is safe because grey does not change between default light/dark mode
+      o.vars.palette.text.primary
+    ) : (n = (r = o.palette).getContrastText) == null ? void 0 : n.call(r, o.palette.grey[300]),
+    backgroundColor: (o.vars || o).palette.grey[300],
+    boxShadow: (o.vars || o).shadows[2]
+  }, a.variant === "contained" && a.color !== "inherit" && {
+    color: (o.vars || o).palette[a.color].contrastText,
+    backgroundColor: (o.vars || o).palette[a.color].main
+  }, a.color === "inherit" && {
+    color: "inherit",
+    borderColor: "currentColor"
+  }, a.size === "small" && a.variant === "text" && {
+    padding: "4px 5px",
+    fontSize: o.typography.pxToRem(13)
+  }, a.size === "large" && a.variant === "text" && {
+    padding: "8px 11px",
+    fontSize: o.typography.pxToRem(15)
+  }, a.size === "small" && a.variant === "outlined" && {
+    padding: "3px 9px",
+    fontSize: o.typography.pxToRem(13)
+  }, a.size === "large" && a.variant === "outlined" && {
+    padding: "7px 21px",
+    fontSize: o.typography.pxToRem(15)
+  }, a.size === "small" && a.variant === "contained" && {
+    padding: "4px 10px",
+    fontSize: o.typography.pxToRem(13)
+  }, a.size === "large" && a.variant === "contained" && {
+    padding: "8px 22px",
+    fontSize: o.typography.pxToRem(15)
+  }, a.fullWidth && {
+    width: "100%"
+  });
+}, ({
+  ownerState: o
+}) => o.disableElevation && {
+  boxShadow: "none",
+  "&:hover": {
+    boxShadow: "none"
+  },
+  [`&.${S.focusVisible}`]: {
+    boxShadow: "none"
+  },
+  "&:active": {
+    boxShadow: "none"
+  },
+  [`&.${S.disabled}`]: {
+    boxShadow: "none"
+  }
+}), bo = g("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: n
+    } = o;
+    return [a.startIcon, a[`iconSize${t(n.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => e({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4
+}, o.size === "small" && {
+  marginLeft: -2
+}, X(o))), go = g("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: n
+    } = o;
+    return [a.endIcon, a[`iconSize${t(n.size)}`]];
+  }
+})(({
+  ownerState: o
+}) => e({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8
+}, o.size === "small" && {
+  marginRight: -2
+}, X(o))), fo = /* @__PURE__ */ b.forwardRef(function(a, n) {
+  const r = b.useContext(w), s = Z(r, a), l = P({
+    props: s,
+    name: "MuiButton"
+  }), {
+    children: c,
+    color: d = "primary",
+    component: p = "button",
+    className: M,
+    disabled: z = !1,
+    disableElevation: E = !1,
+    disableFocusRipple: y = !1,
+    endIcon: $,
+    focusVisibleClassName: j,
+    fullWidth: V = !1,
+    size: W = "medium",
+    startIcon: x,
+    type: h,
+    variant: _ = "text"
+  } = l, T = I(l, co), m = e({}, l, {
+    color: d,
+    component: p,
+    disabled: z,
+    disableElevation: E,
+    disableFocusRipple: y,
+    fullWidth: V,
+    size: W,
+    type: h,
+    variant: _
+  }), f = po(m), B = x && /* @__PURE__ */ u(bo, {
+    className: f.startIcon,
+    ownerState: m,
+    children: x
+  }), A = $ && /* @__PURE__ */ u(go, {
+    className: f.endIcon,
+    ownerState: m,
+    children: $
+  });
+  return /* @__PURE__ */ ao(uo, e({
+    ownerState: m,
+    className: v(r.className, f.root, M),
+    component: p,
+    disabled: z,
+    focusRipple: !y,
+    focusVisibleClassName: v(f.focusVisible, j),
+    ref: n,
+    type: h
+  }, T, {
+    classes: f,
+    children: [B, c, A]
+  }));
+});
+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 "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: i.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * @ignore
+   */
+  className: i.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/#adding-new-colors).
+   * @default 'primary'
+   */
+  color: i.oneOfType([i.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), i.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: i.elementType,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: i.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: i.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: i.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: i.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: i.node,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: i.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: i.bool,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: i.string,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: i.oneOfType([i.oneOf(["small", "medium", "large"]), i.string]),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: i.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
+  /**
+   * @ignore
+   */
+  type: i.oneOfType([i.oneOf(["button", "reset", "submit"]), i.string]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: i.oneOfType([i.oneOf(["contained", "outlined", "text"]), i.string])
+});
+function vo(o) {
+  return D("MuiDialog", o);
+}
+const K = k("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), G = /* @__PURE__ */ b.createContext({});
+process.env.NODE_ENV !== "production" && (G.displayName = "DialogContext");
+const xo = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], mo = g(eo, {
+  name: "MuiDialog",
+  slot: "Backdrop",
+  overrides: (o, a) => a.backdrop
+})({
+  // Improve scrollable dialog support.
+  zIndex: -1
+}), yo = (o) => {
+  const {
+    classes: a,
+    scroll: n,
+    maxWidth: r,
+    fullWidth: s,
+    fullScreen: l
+  } = o, c = {
+    root: ["root"],
+    container: ["container", `scroll${t(n)}`],
+    paper: ["paper", `paperScroll${t(n)}`, `paperWidth${t(String(r))}`, s && "paperFullWidth", l && "paperFullScreen"]
+  };
+  return O(c, vo, a);
+}, ho = g(ro, {
+  name: "MuiDialog",
+  slot: "Root",
+  overridesResolver: (o, a) => a.root
+})({
+  "@media print": {
+    // Use !important to override the Modal inline-style.
+    position: "absolute !important"
+  }
+}), Co = g("div", {
+  name: "MuiDialog",
+  slot: "Container",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: n
+    } = o;
+    return [a.container, a[`scroll${t(n.scroll)}`]];
+  }
+})(({
+  ownerState: o
+}) => e({
+  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"
+  }
+})), ko = g(Y, {
+  name: "MuiDialog",
+  slot: "Paper",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: n
+    } = o;
+    return [a.paper, a[`scrollPaper${t(n.scroll)}`], a[`paperWidth${t(String(n.maxWidth))}`], n.fullWidth && a.paperFullWidth, n.fullScreen && a.paperFullScreen];
+  }
+})(({
+  theme: o,
+  ownerState: a
+}) => e({
+  margin: 32,
+  position: "relative",
+  overflowY: "auto",
+  // Fix IE11 issue, to remove at some point.
+  "@media print": {
+    overflowY: "visible",
+    boxShadow: "none"
+  }
+}, a.scroll === "paper" && {
+  display: "flex",
+  flexDirection: "column",
+  maxHeight: "calc(100% - 64px)"
+}, a.scroll === "body" && {
+  display: "inline-block",
+  verticalAlign: "middle",
+  textAlign: "left"
+  // 'initial' doesn't work on IE11
+}, !a.maxWidth && {
+  maxWidth: "calc(100% - 64px)"
+}, a.maxWidth === "xs" && {
+  maxWidth: o.breakpoints.unit === "px" ? Math.max(o.breakpoints.values.xs, 444) : `${o.breakpoints.values.xs}${o.breakpoints.unit}`,
+  [`&.${K.paperScrollBody}`]: {
+    [o.breakpoints.down(Math.max(o.breakpoints.values.xs, 444) + 32 * 2)]: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }
+}, a.maxWidth && a.maxWidth !== "xs" && {
+  maxWidth: `${o.breakpoints.values[a.maxWidth]}${o.breakpoints.unit}`,
+  [`&.${K.paperScrollBody}`]: {
+    [o.breakpoints.down(o.breakpoints.values[a.maxWidth] + 32 * 2)]: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }
+}, a.fullWidth && {
+  width: "calc(100% - 64px)"
+}, a.fullScreen && {
+  margin: 0,
+  width: "100%",
+  maxWidth: "100%",
+  height: "100%",
+  maxHeight: "none",
+  borderRadius: 0,
+  [`&.${K.paperScrollBody}`]: {
+    margin: 0,
+    maxWidth: "100%"
+  }
+})), Do = /* @__PURE__ */ b.forwardRef(function(a, n) {
+  const r = P({
+    props: a,
+    name: "MuiDialog"
+  }), s = no(), l = {
+    enter: s.transitions.duration.enteringScreen,
+    exit: s.transitions.duration.leavingScreen
+  }, {
+    "aria-describedby": c,
+    "aria-labelledby": d,
+    BackdropComponent: p,
+    BackdropProps: M,
+    children: z,
+    className: E,
+    disableEscapeKeyDown: y = !1,
+    fullScreen: $ = !1,
+    fullWidth: j = !1,
+    maxWidth: V = "sm",
+    onBackdropClick: W,
+    onClose: x,
+    open: h,
+    PaperComponent: _ = Y,
+    PaperProps: T = {},
+    scroll: m = "paper",
+    TransitionComponent: f = to,
+    transitionDuration: B = l,
+    TransitionProps: A
+  } = r, H = I(r, xo), N = e({}, r, {
+    disableEscapeKeyDown: y,
+    fullScreen: $,
+    fullWidth: j,
+    maxWidth: V,
+    scroll: m
+  }), F = yo(N), L = b.useRef(), q = (C) => {
+    L.current = C.target === C.currentTarget;
+  }, J = (C) => {
+    L.current && (L.current = null, W && W(C), x && x(C, "backdropClick"));
+  }, U = so(d), Q = b.useMemo(() => ({
+    titleId: U
+  }), [U]);
+  return /* @__PURE__ */ u(ho, e({
+    className: v(F.root, E),
+    closeAfterTransition: !0,
+    components: {
+      Backdrop: mo
+    },
+    componentsProps: {
+      backdrop: e({
+        transitionDuration: B,
+        as: p
+      }, M)
+    },
+    disableEscapeKeyDown: y,
+    onClose: x,
+    open: h,
+    ref: n,
+    onClick: J,
+    ownerState: N
+  }, H, {
+    children: /* @__PURE__ */ u(f, e({
+      appear: !0,
+      in: h,
+      timeout: B,
+      role: "presentation"
+    }, A, {
+      children: /* @__PURE__ */ u(Co, {
+        className: v(F.container),
+        onMouseDown: q,
+        ownerState: N,
+        children: /* @__PURE__ */ u(ko, e({
+          as: _,
+          elevation: 24,
+          role: "dialog",
+          "aria-describedby": c,
+          "aria-labelledby": U
+        }, T, {
+          className: v(F.paper, T.className),
+          ownerState: N,
+          children: /* @__PURE__ */ u(G.Provider, {
+            value: Q,
+            children: z
+          })
+        }))
+      })
+    }))
+  }));
+});
+process.env.NODE_ENV !== "production" && (Do.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The id(s) of the element(s) that describe the dialog.
+   */
+  "aria-describedby": i.string,
+  /**
+   * The id(s) of the element(s) that label the dialog.
+   */
+  "aria-labelledby": i.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: i.elementType,
+  /**
+   * @ignore
+   */
+  BackdropProps: i.object,
+  /**
+   * Dialog children, usually the included sub-components.
+   */
+  children: i.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * @ignore
+   */
+  className: i.string,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: i.bool,
+  /**
+   * If `true`, the dialog is full-screen.
+   * @default false
+   */
+  fullScreen: i.bool,
+  /**
+   * If `true`, the dialog stretches to `maxWidth`.
+   *
+   * Notice that the dialog width grow is limited by the default margin.
+   * @default false
+   */
+  fullWidth: i.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: i.oneOfType([i.oneOf(["xs", "sm", "md", "lg", "xl", !1]), i.string]),
+  /**
+   * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
+   */
+  onBackdropClick: i.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: i.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: i.bool.isRequired,
+  /**
+   * The component used to render the body of the dialog.
+   * @default Paper
+   */
+  PaperComponent: i.elementType,
+  /**
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
+   * @default {}
+   */
+  PaperProps: i.object,
+  /**
+   * Determine the container for scrolling the dialog.
+   * @default 'paper'
+   */
+  scroll: i.oneOf(["body", "paper"]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.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: i.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: i.oneOfType([i.number, i.shape({
+    appear: i.number,
+    enter: i.number,
+    exit: i.number
+  })]),
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: i.object
+});
+function zo(o) {
+  return D("MuiDialogActions", o);
+}
+k("MuiDialogActions", ["root", "spacing"]);
+const $o = ["className", "disableSpacing"], Wo = (o) => {
+  const {
+    classes: a,
+    disableSpacing: n
+  } = o;
+  return O({
+    root: ["root", !n && "spacing"]
+  }, zo, a);
+}, To = g("div", {
+  name: "MuiDialogActions",
+  slot: "Root",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: n
+    } = o;
+    return [a.root, !n.disableSpacing && a.spacing];
+  }
+})(({
+  ownerState: o
+}) => e({
+  display: "flex",
+  alignItems: "center",
+  padding: 8,
+  justifyContent: "flex-end",
+  flex: "0 0 auto"
+}, !o.disableSpacing && {
+  "& > :not(:first-of-type)": {
+    marginLeft: 8
+  }
+})), Bo = /* @__PURE__ */ b.forwardRef(function(a, n) {
+  const r = P({
+    props: a,
+    name: "MuiDialogActions"
+  }), {
+    className: s,
+    disableSpacing: l = !1
+  } = r, c = I(r, $o), d = e({}, r, {
+    disableSpacing: l
+  }), p = Wo(d);
+  return /* @__PURE__ */ u(To, e({
+    className: v(p.root, s),
+    ownerState: d,
+    ref: n
+  }, c));
+});
+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 "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: i.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * @ignore
+   */
+  className: i.string,
+  /**
+   * If `true`, the actions do not have additional margin.
+   * @default false
+   */
+  disableSpacing: i.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
+});
+function No(o) {
+  return D("MuiDialogContent", o);
+}
+k("MuiDialogContent", ["root", "dividers"]);
+function Yo(o) {
+  return D("MuiDialogTitle", o);
+}
+const Ro = k("MuiDialogTitle", ["root"]), So = ["className", "dividers"], Io = (o) => {
+  const {
+    classes: a,
+    dividers: n
+  } = o;
+  return O({
+    root: ["root", n && "dividers"]
+  }, No, a);
+}, Po = g("div", {
+  name: "MuiDialogContent",
+  slot: "Root",
+  overridesResolver: (o, a) => {
+    const {
+      ownerState: n
+    } = o;
+    return [a.root, n.dividers && a.dividers];
+  }
+})(({
+  theme: o,
+  ownerState: a
+}) => e({
+  flex: "1 1 auto",
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: "touch",
+  overflowY: "auto",
+  padding: "20px 24px"
+}, a.dividers ? {
+  padding: "16px 24px",
+  borderTop: `1px solid ${(o.vars || o).palette.divider}`,
+  borderBottom: `1px solid ${(o.vars || o).palette.divider}`
+} : {
+  [`.${Ro.root} + &`]: {
+    paddingTop: 0
+  }
+})), Oo = /* @__PURE__ */ b.forwardRef(function(a, n) {
+  const r = P({
+    props: a,
+    name: "MuiDialogContent"
+  }), {
+    className: s,
+    dividers: l = !1
+  } = r, c = I(r, So), d = e({}, r, {
+    dividers: l
+  }), p = Io(d);
+  return /* @__PURE__ */ u(Po, e({
+    className: v(p.root, s),
+    ownerState: d,
+    ref: n
+  }, c));
+});
+process.env.NODE_ENV !== "production" && (Oo.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: i.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: i.object,
+  /**
+   * @ignore
+   */
+  className: i.string,
+  /**
+   * Display the top and bottom dividers.
+   * @default false
+   */
+  dividers: i.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
+});
+export {
+  fo as B,
+  Do as D,
+  Oo as a,
+  Bo as b,
+  G as c,
+  Yo as g
+};