everest-npm-features 0.0.1

package/dist/DialogContent-JgT9A6nk.js

@@ -0,0 +1,501 @@
+import * as d from "react";
+import { g as D, e as l, P as e } from "./createTheme-NrBCWesw.js";
+import { g as k, s as u, m as B, u as $, a as b, b as N } from "./createSimplePaletteValueFilter-CsgjlRAs.js";
+import { u as q } from "./useTheme-nlj1B_-c.js";
+import { jsx as n } from "react/jsx-runtime";
+import { B as G, M as J, u as Q, F as Z } from "./Modal-0q_y4zbS.js";
+import { P as O } from "./useSlot-CURNJ3JC.js";
+function ee(r) {
+  return D("MuiDialog", r);
+}
+const C = k("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), R = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && (R.displayName = "DialogContext");
+const oe = u(G, {
+  name: "MuiDialog",
+  slot: "Backdrop",
+  overrides: (r, o) => o.backdrop
+})({
+  // Improve scrollable dialog support.
+  zIndex: -1
+}), re = (r) => {
+  const {
+    classes: o,
+    scroll: a,
+    maxWidth: t,
+    fullWidth: i,
+    fullScreen: p
+  } = r, c = {
+    root: ["root"],
+    container: ["container", `scroll${l(a)}`],
+    paper: ["paper", `paperScroll${l(a)}`, `paperWidth${l(String(t))}`, i && "paperFullWidth", p && "paperFullScreen"]
+  };
+  return N(c, ee, o);
+}, ae = u(J, {
+  name: "MuiDialog",
+  slot: "Root",
+  overridesResolver: (r, o) => o.root
+})({
+  "@media print": {
+    // Use !important to override the Modal inline-style.
+    position: "absolute !important"
+  }
+}), te = u("div", {
+  name: "MuiDialog",
+  slot: "Container",
+  overridesResolver: (r, o) => {
+    const {
+      ownerState: a
+    } = r;
+    return [o.container, o[`scroll${l(a.scroll)}`]];
+  }
+})({
+  height: "100%",
+  "@media print": {
+    height: "auto"
+  },
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0,
+  variants: [{
+    props: {
+      scroll: "paper"
+    },
+    style: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
+    }
+  }, {
+    props: {
+      scroll: "body"
+    },
+    style: {
+      overflowY: "auto",
+      overflowX: "hidden",
+      textAlign: "center",
+      "&::after": {
+        content: '""',
+        display: "inline-block",
+        verticalAlign: "middle",
+        height: "100%",
+        width: "0"
+      }
+    }
+  }]
+}), ie = u(O, {
+  name: "MuiDialog",
+  slot: "Paper",
+  overridesResolver: (r, o) => {
+    const {
+      ownerState: a
+    } = r;
+    return [o.paper, o[`scrollPaper${l(a.scroll)}`], o[`paperWidth${l(String(a.maxWidth))}`], a.fullWidth && o.paperFullWidth, a.fullScreen && o.paperFullScreen];
+  }
+})(B(({
+  theme: r
+}) => ({
+  margin: 32,
+  position: "relative",
+  overflowY: "auto",
+  "@media print": {
+    overflowY: "visible",
+    boxShadow: "none"
+  },
+  variants: [{
+    props: {
+      scroll: "paper"
+    },
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      maxHeight: "calc(100% - 64px)"
+    }
+  }, {
+    props: {
+      scroll: "body"
+    },
+    style: {
+      display: "inline-block",
+      verticalAlign: "middle",
+      textAlign: "initial"
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => !o.maxWidth,
+    style: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }, {
+    props: {
+      maxWidth: "xs"
+    },
+    style: {
+      maxWidth: r.breakpoints.unit === "px" ? Math.max(r.breakpoints.values.xs, 444) : `max(${r.breakpoints.values.xs}${r.breakpoints.unit}, 444px)`,
+      [`&.${C.paperScrollBody}`]: {
+        [r.breakpoints.down(Math.max(r.breakpoints.values.xs, 444) + 32 * 2)]: {
+          maxWidth: "calc(100% - 64px)"
+        }
+      }
+    }
+  }, ...Object.keys(r.breakpoints.values).filter((o) => o !== "xs").map((o) => ({
+    props: {
+      maxWidth: o
+    },
+    style: {
+      maxWidth: `${r.breakpoints.values[o]}${r.breakpoints.unit}`,
+      [`&.${C.paperScrollBody}`]: {
+        [r.breakpoints.down(r.breakpoints.values[o] + 32 * 2)]: {
+          maxWidth: "calc(100% - 64px)"
+        }
+      }
+    }
+  })), {
+    props: ({
+      ownerState: o
+    }) => o.fullWidth,
+    style: {
+      width: "calc(100% - 64px)"
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.fullScreen,
+    style: {
+      margin: 0,
+      width: "100%",
+      maxWidth: "100%",
+      height: "100%",
+      maxHeight: "none",
+      borderRadius: 0,
+      [`&.${C.paperScrollBody}`]: {
+        margin: 0,
+        maxWidth: "100%"
+      }
+    }
+  }]
+}))), se = /* @__PURE__ */ d.forwardRef(function(o, a) {
+  const t = $({
+    props: o,
+    name: "MuiDialog"
+  }), i = q(), p = {
+    enter: i.transitions.duration.enteringScreen,
+    exit: i.transitions.duration.leavingScreen
+  }, {
+    "aria-describedby": c,
+    "aria-labelledby": m,
+    BackdropComponent: g,
+    BackdropProps: j,
+    children: E,
+    className: F,
+    disableEscapeKeyDown: S = !1,
+    fullScreen: U = !1,
+    fullWidth: A = !1,
+    maxWidth: I = "sm",
+    onBackdropClick: w,
+    onClick: W,
+    onClose: x,
+    open: T,
+    PaperComponent: V = O,
+    PaperProps: P = {},
+    scroll: Y = "paper",
+    TransitionComponent: K = Z,
+    transitionDuration: M = p,
+    TransitionProps: L,
+    ...X
+  } = t, f = {
+    ...t,
+    disableEscapeKeyDown: S,
+    fullScreen: U,
+    fullWidth: A,
+    maxWidth: I,
+    scroll: Y
+  }, y = re(f), v = d.useRef(), _ = (s) => {
+    v.current = s.target === s.currentTarget;
+  }, z = (s) => {
+    W && W(s), v.current && (v.current = null, w && w(s), x && x(s, "backdropClick"));
+  }, h = Q(m), H = d.useMemo(() => ({
+    titleId: h
+  }), [h]);
+  return /* @__PURE__ */ n(ae, {
+    className: b(y.root, F),
+    closeAfterTransition: !0,
+    components: {
+      Backdrop: oe
+    },
+    componentsProps: {
+      backdrop: {
+        transitionDuration: M,
+        as: g,
+        ...j
+      }
+    },
+    disableEscapeKeyDown: S,
+    onClose: x,
+    open: T,
+    ref: a,
+    onClick: z,
+    ownerState: f,
+    ...X,
+    children: /* @__PURE__ */ n(K, {
+      appear: !0,
+      in: T,
+      timeout: M,
+      role: "presentation",
+      ...L,
+      children: /* @__PURE__ */ n(te, {
+        className: b(y.container),
+        onMouseDown: _,
+        ownerState: f,
+        children: /* @__PURE__ */ n(ie, {
+          as: V,
+          elevation: 24,
+          role: "dialog",
+          "aria-describedby": c,
+          "aria-labelledby": h,
+          ...P,
+          className: b(y.paper, P.className),
+          ownerState: f,
+          children: /* @__PURE__ */ n(R.Provider, {
+            value: H,
+            children: E
+          })
+        })
+      })
+    })
+  });
+});
+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 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`](https://mui.com/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](https://mui.com/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 ne(r) {
+  return D("MuiDialogContent", r);
+}
+k("MuiDialogContent", ["root", "dividers"]);
+function ye(r) {
+  return D("MuiDialogTitle", r);
+}
+const le = k("MuiDialogTitle", ["root"]), pe = (r) => {
+  const {
+    classes: o,
+    dividers: a
+  } = r;
+  return N({
+    root: ["root", a && "dividers"]
+  }, ne, o);
+}, ce = u("div", {
+  name: "MuiDialogContent",
+  slot: "Root",
+  overridesResolver: (r, o) => {
+    const {
+      ownerState: a
+    } = r;
+    return [o.root, a.dividers && o.dividers];
+  }
+})(B(({
+  theme: r
+}) => ({
+  flex: "1 1 auto",
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: "touch",
+  overflowY: "auto",
+  padding: "20px 24px",
+  variants: [{
+    props: ({
+      ownerState: o
+    }) => o.dividers,
+    style: {
+      padding: "16px 24px",
+      borderTop: `1px solid ${(r.vars || r).palette.divider}`,
+      borderBottom: `1px solid ${(r.vars || r).palette.divider}`
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => !o.dividers,
+    style: {
+      [`.${le.root} + &`]: {
+        paddingTop: 0
+      }
+    }
+  }]
+}))), de = /* @__PURE__ */ d.forwardRef(function(o, a) {
+  const t = $({
+    props: o,
+    name: "MuiDialogContent"
+  }), {
+    className: i,
+    dividers: p = !1,
+    ...c
+  } = t, m = {
+    ...t,
+    dividers: p
+  }, g = pe(m);
+  return /* @__PURE__ */ n(ce, {
+    className: b(g.root, i),
+    ownerState: m,
+    ref: a,
+    ...c
+  });
+});
+process.env.NODE_ENV !== "production" && (de.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 D,
+  de as a,
+  R as b,
+  ye as g
+};