@clearstory/drywall-react 2.2.0 → 2.3.0

package/dist/Snackbar-6S8FLk-7.js

@@ -1,672 +0,0 @@
-import * as l from "react";
-import { P as e, c as $, e as U, j as R } from "./createTheme-D79OrE1w.js";
-import { u as me } from "./useTimeout-DRd4LBXb.js";
-import { u as A } from "./useEventCallback-BAQJJ3ye.js";
-import { e as W } from "./mergeSlotProps-6s0dXxkk.js";
-import { u as be } from "./useTheme-BB-P11R3.js";
-import { jsxs as ge, jsx as S } from "react/jsx-runtime";
-import { s as x } from "./styled-bJ6DXD3Z.js";
-import { m as q } from "./memoTheme-DqlI3JW3.js";
-import { g as G } from "./generateUtilityClasses-CwzvHfCm.js";
-import { u as O } from "./useSlot-BVGwJA4b.js";
-import { u as V } from "./DefaultPropsProvider-PBxTVeaD.js";
-import { u as ye } from "./useForkRef-9kN4DArm.js";
-import { g as he } from "./getReactElementRef-DA-Xf2PF.js";
-import { o as M } from "./ownerDocument-CUrv0DIK.js";
-import { e as ke } from "./elementAcceptingRef-DYOMXWeA.js";
-import { e as Ce } from "./exactProp-C1Lmtwf_.js";
-import { c as ve } from "./clsx-OuTLNxxd.js";
-import { c as _ } from "./composeClasses-2Ou-RZJr.js";
-import { P as we } from "./Paper-DeGJAQE9.js";
-import { G as Ee } from "./Grow-DR-owdbZ.js";
-function I(n) {
-  return n.substring(2).toLowerCase();
-}
-function Te(n, t) {
-  return t.documentElement.clientWidth < n.clientX || t.documentElement.clientHeight < n.clientY;
-}
-function L(n) {
-  const {
-    children: t,
-    disableReactTree: i = !1,
-    mouseEvent: r = "onClick",
-    onClickAway: u,
-    touchEvent: p = "onTouchEnd"
-  } = n, b = l.useRef(!1), f = l.useRef(null), g = l.useRef(!1), y = l.useRef(!1);
-  l.useEffect(() => (setTimeout(() => {
-    g.current = !0;
-  }, 0), () => {
-    g.current = !1;
-  }), []);
-  const m = ye(he(t), f), d = A((a) => {
-    const c = y.current;
-    y.current = !1;
-    const k = M(f.current);
-    if (!g.current || !f.current || "clientX" in a && Te(a, k))
-      return;
-    if (b.current) {
-      b.current = !1;
-      return;
-    }
-    let o;
-    a.composedPath ? o = a.composedPath().includes(f.current) : o = !k.documentElement.contains(
-      // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      a.target
-    ) || f.current.contains(
-      // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      a.target
-    ), !o && (i || !c) && u(a);
-  }), E = (a) => (c) => {
-    y.current = !0;
-    const k = t.props[a];
-    k && k(c);
-  }, w = {
-    ref: m
-  };
-  return p !== !1 && (w[p] = E(p)), l.useEffect(() => {
-    if (p !== !1) {
-      const a = I(p), c = M(f.current), k = () => {
-        b.current = !0;
-      };
-      return c.addEventListener(a, d), c.addEventListener("touchmove", k), () => {
-        c.removeEventListener(a, d), c.removeEventListener("touchmove", k);
-      };
-    }
-  }, [d, p]), r !== !1 && (w[r] = E(r)), l.useEffect(() => {
-    if (r !== !1) {
-      const a = I(r), c = M(f.current);
-      return c.addEventListener(a, d), () => {
-        c.removeEventListener(a, d);
-      };
-    }
-  }, [d, r]), /* @__PURE__ */ l.cloneElement(t, w);
-}
-process.env.NODE_ENV !== "production" && (L.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The wrapped element.
-   */
-  children: ke.isRequired,
-  /**
-   * If `true`, the React tree is ignored and only the DOM tree is considered.
-   * This prop changes how portaled elements are handled.
-   * @default false
-   */
-  disableReactTree: e.bool,
-  /**
-   * The mouse event to listen to. You can disable the listener by providing `false`.
-   * @default 'onClick'
-   */
-  mouseEvent: e.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
-  /**
-   * Callback fired when a "click away" event is detected.
-   */
-  onClickAway: e.func.isRequired,
-  /**
-   * The touch event to listen to. You can disable the listener by providing `false`.
-   * @default 'onTouchEnd'
-   */
-  touchEvent: e.oneOf(["onTouchEnd", "onTouchStart", !1])
-});
-process.env.NODE_ENV !== "production" && (L.propTypes = Ce(L.propTypes));
-function Se(n = {}) {
-  const {
-    autoHideDuration: t = null,
-    disableWindowBlurListener: i = !1,
-    onClose: r,
-    open: u,
-    resumeHideDuration: p
-  } = n, b = me();
-  l.useEffect(() => {
-    if (!u)
-      return;
-    function o(s) {
-      s.defaultPrevented || s.key === "Escape" && r?.(s, "escapeKeyDown");
-    }
-    return document.addEventListener("keydown", o), () => {
-      document.removeEventListener("keydown", o);
-    };
-  }, [u, r]);
-  const f = A((o, s) => {
-    r?.(o, s);
-  }), g = A((o) => {
-    !r || o == null || b.start(o, () => {
-      f(null, "timeout");
-    });
-  });
-  l.useEffect(() => (u && g(t), b.clear), [u, t, g, b]);
-  const y = (o) => {
-    r?.(o, "clickaway");
-  }, m = b.clear, d = l.useCallback(() => {
-    t != null && g(p ?? t * 0.5);
-  }, [t, p, g]), E = (o) => (s) => {
-    const C = o.onBlur;
-    C?.(s), d();
-  }, w = (o) => (s) => {
-    const C = o.onFocus;
-    C?.(s), m();
-  }, a = (o) => (s) => {
-    const C = o.onMouseEnter;
-    C?.(s), m();
-  }, c = (o) => (s) => {
-    const C = o.onMouseLeave;
-    C?.(s), d();
-  };
-  return l.useEffect(() => {
-    if (!i && u)
-      return window.addEventListener("focus", d), window.addEventListener("blur", m), () => {
-        window.removeEventListener("focus", d), window.removeEventListener("blur", m);
-      };
-  }, [i, u, d, m]), {
-    getRootProps: (o = {}) => {
-      const s = {
-        ...W(n),
-        ...W(o)
-      };
-      return {
-        // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
-        // See https://github.com/mui/material-ui/issues/29080
-        role: "presentation",
-        ...o,
-        ...s,
-        onBlur: E(s),
-        onFocus: w(s),
-        onMouseEnter: a(s),
-        onMouseLeave: c(s)
-      };
-    },
-    onClickAway: y
-  };
-}
-function Pe(n) {
-  return $("MuiSnackbarContent", n);
-}
-G("MuiSnackbarContent", ["root", "message", "action"]);
-const Oe = (n) => {
-  const {
-    classes: t
-  } = n;
-  return _({
-    root: ["root"],
-    action: ["action"],
-    message: ["message"]
-  }, Pe, t);
-}, Re = x(we, {
-  name: "MuiSnackbarContent",
-  slot: "Root"
-})(q(({
-  theme: n
-}) => {
-  const t = n.palette.mode === "light" ? 0.8 : 0.98;
-  return {
-    ...n.typography.body2,
-    color: n.vars ? n.vars.palette.SnackbarContent.color : n.palette.getContrastText(U(n.palette.background.default, t)),
-    backgroundColor: n.vars ? n.vars.palette.SnackbarContent.bg : U(n.palette.background.default, t),
-    display: "flex",
-    alignItems: "center",
-    flexWrap: "wrap",
-    padding: "6px 16px",
-    flexGrow: 1,
-    [n.breakpoints.up("sm")]: {
-      flexGrow: "initial",
-      minWidth: 288
-    }
-  };
-})), Le = x("div", {
-  name: "MuiSnackbarContent",
-  slot: "Message"
-})({
-  padding: "8px 0"
-}), xe = x("div", {
-  name: "MuiSnackbarContent",
-  slot: "Action"
-})({
-  display: "flex",
-  alignItems: "center",
-  marginLeft: "auto",
-  paddingLeft: 16,
-  marginRight: -8
-}), X = /* @__PURE__ */ l.forwardRef(function(t, i) {
-  const r = V({
-    props: t,
-    name: "MuiSnackbarContent"
-  }), {
-    action: u,
-    className: p,
-    message: b,
-    role: f = "alert",
-    ...g
-  } = r, y = r, m = Oe(y);
-  return /* @__PURE__ */ ge(Re, {
-    role: f,
-    elevation: 6,
-    className: ve(m.root, p),
-    ownerState: y,
-    ref: i,
-    ...g,
-    children: [/* @__PURE__ */ S(Le, {
-      className: m.message,
-      ownerState: y,
-      children: b
-    }), u ? /* @__PURE__ */ S(xe, {
-      className: m.action,
-      ownerState: y,
-      children: u
-    }) : null]
-  });
-});
-process.env.NODE_ENV !== "production" && (X.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The action to display. It renders after the message, at the end of the snackbar.
-   */
-  action: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The message to display.
-   */
-  message: e.node,
-  /**
-   * The ARIA role attribute of the element.
-   * @default 'alert'
-   */
-  role: e.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-function Me(n) {
-  return $("MuiSnackbar", n);
-}
-const on = G("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft"]), Ae = (n) => {
-  const {
-    classes: t,
-    anchorOrigin: i
-  } = n, r = {
-    root: ["root", `anchorOrigin${R(i.vertical)}${R(i.horizontal)}`]
-  };
-  return _(r, Me, t);
-}, je = x("div", {
-  name: "MuiSnackbar",
-  slot: "Root",
-  overridesResolver: (n, t) => {
-    const {
-      ownerState: i
-    } = n;
-    return [t.root, t[`anchorOrigin${R(i.anchorOrigin.vertical)}${R(i.anchorOrigin.horizontal)}`]];
-  }
-})(q(({
-  theme: n
-}) => ({
-  zIndex: (n.vars || n).zIndex.snackbar,
-  position: "fixed",
-  display: "flex",
-  left: 8,
-  right: 8,
-  justifyContent: "center",
-  alignItems: "center",
-  variants: [{
-    props: ({
-      ownerState: t
-    }) => t.anchorOrigin.vertical === "top",
-    style: {
-      top: 8,
-      [n.breakpoints.up("sm")]: {
-        top: 24
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.anchorOrigin.vertical !== "top",
-    style: {
-      bottom: 8,
-      [n.breakpoints.up("sm")]: {
-        bottom: 24
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.anchorOrigin.horizontal === "left",
-    style: {
-      justifyContent: "flex-start",
-      [n.breakpoints.up("sm")]: {
-        left: 24,
-        right: "auto"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.anchorOrigin.horizontal === "right",
-    style: {
-      justifyContent: "flex-end",
-      [n.breakpoints.up("sm")]: {
-        right: 24,
-        left: "auto"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.anchorOrigin.horizontal === "center",
-    style: {
-      [n.breakpoints.up("sm")]: {
-        left: "50%",
-        right: "auto",
-        transform: "translateX(-50%)"
-      }
-    }
-  }]
-}))), De = /* @__PURE__ */ l.forwardRef(function(t, i) {
-  const r = V({
-    props: t,
-    name: "MuiSnackbar"
-  }), u = be(), p = {
-    enter: u.transitions.duration.enteringScreen,
-    exit: u.transitions.duration.leavingScreen
-  }, {
-    action: b,
-    anchorOrigin: {
-      vertical: f,
-      horizontal: g
-    } = {
-      vertical: "bottom",
-      horizontal: "left"
-    },
-    autoHideDuration: y = null,
-    children: m,
-    className: d,
-    ClickAwayListenerProps: E,
-    ContentProps: w,
-    disableWindowBlurListener: a = !1,
-    message: c,
-    onBlur: k,
-    onClose: o,
-    onFocus: s,
-    onMouseEnter: C,
-    onMouseLeave: Ne,
-    open: j,
-    resumeHideDuration: He,
-    slots: D = {},
-    slotProps: K = {},
-    TransitionComponent: N,
-    transitionDuration: H = p,
-    TransitionProps: {
-      onEnter: z,
-      onExited: B,
-      ...Y
-    } = {},
-    ...J
-  } = r, T = {
-    ...r,
-    anchorOrigin: {
-      vertical: f,
-      horizontal: g
-    },
-    autoHideDuration: y,
-    disableWindowBlurListener: a,
-    TransitionComponent: N,
-    transitionDuration: H
-  }, Q = Ae(T), {
-    getRootProps: Z,
-    onClickAway: ee
-  } = Se({
-    ...T
-  }), [ne, F] = l.useState(!0), te = (v) => {
-    F(!0), B && B(v);
-  }, oe = (v, h) => {
-    F(!1), z && z(v, h);
-  }, P = {
-    slots: {
-      transition: N,
-      ...D
-    },
-    slotProps: {
-      content: w,
-      clickAwayListener: E,
-      transition: Y,
-      ...K
-    }
-  }, [re, se] = O("root", {
-    ref: i,
-    className: [Q.root, d],
-    elementType: je,
-    getSlotProps: Z,
-    externalForwardedProps: {
-      ...P,
-      ...J
-    },
-    ownerState: T
-  }), [ae, {
-    ownerState: ie,
-    ...ce
-  }] = O("clickAwayListener", {
-    elementType: L,
-    externalForwardedProps: P,
-    getSlotProps: (v) => ({
-      onClickAway: (...h) => {
-        const de = h[0];
-        v.onClickAway?.(...h), !de?.defaultMuiPrevented && ee(...h);
-      }
-    }),
-    ownerState: T
-  }), [le, ue] = O("content", {
-    elementType: X,
-    shouldForwardComponentProp: !0,
-    externalForwardedProps: P,
-    additionalProps: {
-      message: c,
-      action: b
-    },
-    ownerState: T
-  }), [pe, fe] = O("transition", {
-    elementType: Ee,
-    externalForwardedProps: P,
-    getSlotProps: (v) => ({
-      onEnter: (...h) => {
-        v.onEnter?.(...h), oe(...h);
-      },
-      onExited: (...h) => {
-        v.onExited?.(...h), te(...h);
-      }
-    }),
-    additionalProps: {
-      appear: !0,
-      in: j,
-      timeout: H,
-      direction: f === "top" ? "down" : "up"
-    },
-    ownerState: T
-  });
-  return !j && ne ? null : /* @__PURE__ */ S(ae, {
-    ...ce,
-    ...D.clickAwayListener && {
-      ownerState: ie
-    },
-    children: /* @__PURE__ */ S(re, {
-      ...se,
-      children: /* @__PURE__ */ S(pe, {
-        ...fe,
-        children: m || /* @__PURE__ */ S(le, {
-          ...ue
-        })
-      })
-    })
-  });
-});
-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 action to display. It renders after the message, at the end of the snackbar.
-   */
-  action: e.node,
-  /**
-   * The anchor of the `Snackbar`.
-   * On smaller screens, the component grows to occupy all the available width,
-   * the horizontal alignment is ignored.
-   * @default { vertical: 'bottom', horizontal: 'left' }
-   */
-  anchorOrigin: e.shape({
-    horizontal: e.oneOf(["center", "left", "right"]).isRequired,
-    vertical: e.oneOf(["bottom", "top"]).isRequired
-  }),
-  /**
-   * The number of milliseconds to wait before automatically calling the
-   * `onClose` function. `onClose` should then set the state of the `open`
-   * prop to hide the Snackbar. This behavior is disabled by default with
-   * the `null` value.
-   * @default null
-   */
-  autoHideDuration: e.number,
-  /**
-   * Replace the `SnackbarContent` component.
-   */
-  children: e.element,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * Props applied to the `ClickAwayListener` element.
-   * @deprecated Use `slotProps.clickAwayListener` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  ClickAwayListenerProps: e.object,
-  /**
-   * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
-   * @deprecated Use `slotProps.content` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  ContentProps: e.object,
-  /**
-   * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
-   * @default false
-   */
-  disableWindowBlurListener: e.bool,
-  /**
-   * When displaying multiple consecutive snackbars using a single parent-rendered
-   * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.
-   * For instance, use `<Snackbar key={message} />`. Otherwise, messages might update
-   * in place, and features like `autoHideDuration` could be affected.
-   */
-  key: () => null,
-  /**
-   * The message to display.
-   */
-  message: e.node,
-  /**
-   * @ignore
-   */
-  onBlur: e.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   * Typically `onClose` is used to set state in the parent component,
-   * which is used to control the `Snackbar` `open` prop.
-   * The `reason` parameter can optionally be used to control the response to `onClose`,
-   * for example ignoring `clickaway`.
-   *
-   * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
-   * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
-   */
-  onClose: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * @ignore
-   */
-  onMouseEnter: e.func,
-  /**
-   * @ignore
-   */
-  onMouseLeave: e.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: e.bool,
-  /**
-   * The number of milliseconds to wait before dismissing after user interaction.
-   * If `autoHideDuration` prop isn't specified, it does nothing.
-   * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
-   * we default to `autoHideDuration / 2` ms.
-   */
-  resumeHideDuration: e.number,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    clickAwayListener: e.oneOfType([e.func, e.object]),
-    content: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object]),
-    transition: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    clickAwayListener: e.elementType,
-    content: e.elementType,
-    root: e.elementType,
-    transition: 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](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default Grow
-   */
-  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.
-   * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  TransitionProps: e.object
-});
-export {
-  De as S,
-  Me as g,
-  on as s
-};