everest-npm-features 0.0.22 → 0.0.24

package/dist/hooks/useSnackBar.js

@@ -1,84 +1,83 @@
-import { jsx as k, jsxs as se } from "react/jsx-runtime";
-import * as h from "react";
-import { useState as C, useCallback as P } from "react";
-import { P as n, g as I, u as ie, f as S } from "../createTheme-D_EHVLXp.js";
-import { b as D, a as ae } from "../useTimeout-_ag1gI7y.js";
-import { e as U } from "../resolveComponentProps-CPnCrKvI.js";
-import { u as ce } from "../useTheme-BzIjfC6u.js";
-import { g as W, s as R, m as q, u as $, c as le, a as G } from "../DefaultPropsProvider-5cxFAZuq.js";
-import { u as ue, G as pe } from "../Grow-CC3Va50c.js";
-import { u as de } from "../TransitionGroupContext-BzyZRJGo.js";
-import { g as fe, e as me } from "../utils-B-vKE_Dv.js";
-import { o as M } from "../ownerDocument-C0GI-r2b.js";
-import { e as ge } from "../exactProp-C1Lmtwf_.js";
-import { P as he } from "../Paper-B5pcGZbI.js";
-import { A as be } from "../Alert-C1UNQHPD.js";
-import { S as O } from "../Slide-CdNJY-CT.js";
-function _(e) {
-  return e.substring(2).toLowerCase();
+import { jsxs as ke, jsx as v } from "react/jsx-runtime";
+import * as y from "react";
+import { useState as O, useCallback as j } from "react";
+import { P as e, g as X, v as $, b as x } from "../createTheme-DmGCMO09.js";
+import { a as N, u as we } from "../refType-CaiGhRso.js";
+import { e as G, u as L } from "../useSlot-DtSnboW7.js";
+import { u as ve } from "../useTheme-XTDzJ69d.js";
+import { g as K, s as A, m as Y, u as J, c as Q } from "../DefaultPropsProvider-B2njZVNv.js";
+import { u as Ee } from "../TransitionGroupContext-CYRQkQ6k.js";
+import { g as Te, e as Ce } from "../elementAcceptingRef-BbsmdE_3.js";
+import { o as H } from "../HTMLElementType-BrQSV2FE.js";
+import { e as Se } from "../exactProp-C1Lmtwf_.js";
+import { c as Pe } from "../DefaultPropsProvider-CZh8M2jM.js";
+import { P as Oe } from "../Paper-CnStNE24.js";
+import { G as Re } from "../Grow-B2p7O_1C.js";
+import { A as Le } from "../Alert-CbQZ8Nii.js";
+import { S as D } from "../Slide-DHG0r2gy.js";
+function V(t) {
+  return t.substring(2).toLowerCase();
 }
-function ve(e, t) {
-  return t.documentElement.clientWidth < e.clientX || t.documentElement.clientHeight < e.clientY;
+function xe(t, n) {
+  return n.documentElement.clientWidth < t.clientX || n.documentElement.clientHeight < t.clientY;
 }
-function T(e) {
+function M(t) {
   const {
-    children: t,
-    disableReactTree: a = !1,
+    children: n,
+    disableReactTree: l = !1,
     mouseEvent: o = "onClick",
     onClickAway: p,
-    touchEvent: d = "onTouchEnd"
-  } = e, b = h.useRef(!1), f = h.useRef(null), v = h.useRef(!1), y = h.useRef(!1);
-  h.useEffect(() => (setTimeout(() => {
-    v.current = !0;
+    touchEvent: f = "onTouchEnd"
+  } = t, h = y.useRef(!1), d = y.useRef(null), b = y.useRef(!1), k = y.useRef(!1);
+  y.useEffect(() => (setTimeout(() => {
+    b.current = !0;
   }, 0), () => {
-    v.current = !1;
+    b.current = !1;
   }), []);
-  const u = de(fe(t), f), m = D((i) => {
-    const c = y.current;
-    y.current = !1;
-    const g = M(f.current);
-    if (!v.current || !f.current || "clientX" in i && ve(i, g))
+  const u = Ee(Te(n), d), m = N((i) => {
+    const a = k.current;
+    k.current = !1;
+    const g = H(d.current);
+    if (!b.current || !d.current || "clientX" in i && xe(i, g))
       return;
-    if (b.current) {
-      b.current = !1;
+    if (h.current) {
+      h.current = !1;
       return;
     }
     let r;
-    i.composedPath ? r = i.composedPath().includes(f.current) : r = !g.documentElement.contains(
+    i.composedPath ? r = i.composedPath().includes(d.current) : r = !g.documentElement.contains(
       // @ts-expect-error returns `false` as intended when not dispatched from a Node
       i.target
-    ) || f.current.contains(
+    ) || d.current.contains(
       // @ts-expect-error returns `false` as intended when not dispatched from a Node
       i.target
-    ), !r && (a || !c) && p(i);
-  }), w = (i) => (c) => {
-    y.current = !0;
-    const g = t.props[i];
-    g && g(c);
-  }, E = {
+    ), !r && (l || !a) && p(i);
+  }), S = (i) => (a) => {
+    k.current = !0;
+    const g = n.props[i];
+    g && g(a);
+  }, T = {
     ref: u
   };
-  return d !== !1 && (E[d] = w(d)), h.useEffect(() => {
-    if (d !== !1) {
-      const i = _(d), c = M(f.current), g = () => {
-        b.current = !0;
+  return f !== !1 && (T[f] = S(f)), y.useEffect(() => {
+    if (f !== !1) {
+      const i = V(f), a = H(d.current), g = () => {
+        h.current = !0;
       };
-      return c.addEventListener(i, m), c.addEventListener("touchmove", g), () => {
-        c.removeEventListener(i, m), c.removeEventListener("touchmove", g);
+      return a.addEventListener(i, m), a.addEventListener("touchmove", g), () => {
+        a.removeEventListener(i, m), a.removeEventListener("touchmove", g);
       };
     }
-  }, [m, d]), o !== !1 && (E[o] = w(o)), h.useEffect(() => {
+  }, [m, f]), o !== !1 && (T[o] = S(o)), y.useEffect(() => {
     if (o !== !1) {
-      const i = _(o), c = M(f.current);
-      return c.addEventListener(i, m), () => {
-        c.removeEventListener(i, m);
+      const i = V(o), a = H(d.current);
+      return a.addEventListener(i, m), () => {
+        a.removeEventListener(i, m);
       };
     }
-  }, [m, o]), /* @__PURE__ */ k(h.Fragment, {
-    children: /* @__PURE__ */ h.cloneElement(t, E)
-  });
+  }, [m, o]), /* @__PURE__ */ y.cloneElement(n, T);
 }
-process.env.NODE_ENV !== "production" && (T.propTypes = {
+process.env.NODE_ENV !== "production" && (M.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -86,38 +85,38 @@ process.env.NODE_ENV !== "production" && (T.propTypes = {
   /**
    * The wrapped element.
    */
-  children: me.isRequired,
+  children: Ce.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: n.bool,
+  disableReactTree: e.bool,
   /**
    * The mouse event to listen to. You can disable the listener by providing `false`.
    * @default 'onClick'
    */
-  mouseEvent: n.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
+  mouseEvent: e.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
   /**
    * Callback fired when a "click away" event is detected.
    */
-  onClickAway: n.func.isRequired,
+  onClickAway: e.func.isRequired,
   /**
    * The touch event to listen to. You can disable the listener by providing `false`.
    * @default 'onTouchEnd'
    */
-  touchEvent: n.oneOf(["onTouchEnd", "onTouchStart", !1])
+  touchEvent: e.oneOf(["onTouchEnd", "onTouchStart", !1])
 });
-process.env.NODE_ENV !== "production" && (T.propTypes = ge(T.propTypes));
-function ye(e = {}) {
+process.env.NODE_ENV !== "production" && (M.propTypes = Se(M.propTypes));
+function Me(t = {}) {
   const {
-    autoHideDuration: t = null,
-    disableWindowBlurListener: a = !1,
+    autoHideDuration: n = null,
+    disableWindowBlurListener: l = !1,
     onClose: o,
     open: p,
-    resumeHideDuration: d
-  } = e, b = ae();
-  h.useEffect(() => {
+    resumeHideDuration: f
+  } = t, h = we();
+  y.useEffect(() => {
     if (!p)
       return;
     function r(s) {
@@ -127,41 +126,41 @@ function ye(e = {}) {
       document.removeEventListener("keydown", r);
     };
   }, [p, o]);
-  const f = D((r, s) => {
+  const d = N((r, s) => {
     o == null || o(r, s);
-  }), v = D((r) => {
-    !o || r == null || b.start(r, () => {
-      f(null, "timeout");
+  }), b = N((r) => {
+    !o || r == null || h.start(r, () => {
+      d(null, "timeout");
     });
   });
-  h.useEffect(() => (p && v(t), b.clear), [p, t, v, b]);
-  const y = (r) => {
+  y.useEffect(() => (p && b(n), h.clear), [p, n, b, h]);
+  const k = (r) => {
     o == null || o(r, "clickaway");
-  }, u = b.clear, m = h.useCallback(() => {
-    t != null && v(d ?? t * 0.5);
-  }, [t, d, v]), w = (r) => (s) => {
-    const l = r.onBlur;
-    l == null || l(s), m();
-  }, E = (r) => (s) => {
-    const l = r.onFocus;
-    l == null || l(s), u();
+  }, u = h.clear, m = y.useCallback(() => {
+    n != null && b(f ?? n * 0.5);
+  }, [n, f, b]), S = (r) => (s) => {
+    const c = r.onBlur;
+    c == null || c(s), m();
+  }, T = (r) => (s) => {
+    const c = r.onFocus;
+    c == null || c(s), u();
   }, i = (r) => (s) => {
-    const l = r.onMouseEnter;
-    l == null || l(s), u();
-  }, c = (r) => (s) => {
-    const l = r.onMouseLeave;
-    l == null || l(s), m();
+    const c = r.onMouseEnter;
+    c == null || c(s), u();
+  }, a = (r) => (s) => {
+    const c = r.onMouseLeave;
+    c == null || c(s), m();
   };
-  return h.useEffect(() => {
-    if (!a && p)
+  return y.useEffect(() => {
+    if (!l && p)
       return window.addEventListener("focus", m), window.addEventListener("blur", u), () => {
         window.removeEventListener("focus", m), window.removeEventListener("blur", u);
       };
-  }, [a, p, m, u]), {
+  }, [l, p, m, u]), {
     getRootProps: (r = {}) => {
       const s = {
-        ...U(e),
-        ...U(r)
+        ...G(t),
+        ...G(r)
       };
       return {
         // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
@@ -169,98 +168,93 @@ function ye(e = {}) {
         role: "presentation",
         ...r,
         ...s,
-        onBlur: w(s),
-        onFocus: E(s),
+        onBlur: S(s),
+        onFocus: T(s),
         onMouseEnter: i(s),
-        onMouseLeave: c(s)
+        onMouseLeave: a(s)
       };
     },
-    onClickAway: y
+    onClickAway: k
   };
 }
-function ke(e) {
-  return I("MuiSnackbarContent", e);
+function Ae(t) {
+  return X("MuiSnackbarContent", t);
 }
-W("MuiSnackbarContent", ["root", "message", "action"]);
-const Ee = (e) => {
+K("MuiSnackbarContent", ["root", "message", "action"]);
+const De = (t) => {
   const {
-    classes: t
-  } = e;
-  return G({
+    classes: n
+  } = t;
+  return Q({
     root: ["root"],
     action: ["action"],
     message: ["message"]
-  }, ke, t);
-}, we = R(he, {
+  }, Ae, n);
+}, je = A(Oe, {
   name: "MuiSnackbarContent",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})(q(({
-  theme: e
+  slot: "Root"
+})(Y(({
+  theme: t
 }) => {
-  const t = e.palette.mode === "light" ? 0.8 : 0.98, a = ie(e.palette.background.default, t);
+  const n = t.palette.mode === "light" ? 0.8 : 0.98;
   return {
-    ...e.typography.body2,
-    color: e.vars ? e.vars.palette.SnackbarContent.color : e.palette.getContrastText(a),
-    backgroundColor: e.vars ? e.vars.palette.SnackbarContent.bg : a,
+    ...t.typography.body2,
+    color: t.vars ? t.vars.palette.SnackbarContent.color : t.palette.getContrastText($(t.palette.background.default, n)),
+    backgroundColor: t.vars ? t.vars.palette.SnackbarContent.bg : $(t.palette.background.default, n),
     display: "flex",
     alignItems: "center",
     flexWrap: "wrap",
     padding: "6px 16px",
-    borderRadius: (e.vars || e).shape.borderRadius,
     flexGrow: 1,
-    [e.breakpoints.up("sm")]: {
+    [t.breakpoints.up("sm")]: {
       flexGrow: "initial",
       minWidth: 288
     }
   };
-})), Ce = R("div", {
+})), He = A("div", {
   name: "MuiSnackbarContent",
-  slot: "Message",
-  overridesResolver: (e, t) => t.message
+  slot: "Message"
 })({
   padding: "8px 0"
-}), Se = R("div", {
+}), Ne = A("div", {
   name: "MuiSnackbarContent",
-  slot: "Action",
-  overridesResolver: (e, t) => t.action
+  slot: "Action"
 })({
   display: "flex",
   alignItems: "center",
   marginLeft: "auto",
   paddingLeft: 16,
   marginRight: -8
-}), V = /* @__PURE__ */ h.forwardRef(function(t, a) {
-  const o = $({
-    props: t,
+}), Z = /* @__PURE__ */ y.forwardRef(function(n, l) {
+  const o = J({
+    props: n,
     name: "MuiSnackbarContent"
   }), {
     action: p,
-    className: d,
-    message: b,
-    role: f = "alert",
-    ...v
-  } = o, y = o, u = Ee(y);
-  return /* @__PURE__ */ se(we, {
-    role: f,
-    square: !0,
+    className: f,
+    message: h,
+    role: d = "alert",
+    ...b
+  } = o, k = o, u = De(k);
+  return /* @__PURE__ */ ke(je, {
+    role: d,
     elevation: 6,
-    className: le(u.root, d),
-    ownerState: y,
-    ref: a,
-    ...v,
-    children: [/* @__PURE__ */ k(Ce, {
+    className: Pe(u.root, f),
+    ownerState: k,
+    ref: l,
+    ...b,
+    children: [/* @__PURE__ */ v(He, {
       className: u.message,
-      ownerState: y,
-      children: b
-    }), p ? /* @__PURE__ */ k(Se, {
+      ownerState: k,
+      children: h
+    }), p ? /* @__PURE__ */ v(Ne, {
       className: u.action,
-      ownerState: y,
+      ownerState: k,
       children: p
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (V.propTypes = {
+process.env.NODE_ENV !== "production" && (Z.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -268,54 +262,54 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
   /**
    * The action to display. It renders after the message, at the end of the snackbar.
    */
-  action: n.node,
+  action: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: n.string,
+  className: e.string,
   /**
    * The message to display.
    */
-  message: n.node,
+  message: e.node,
   /**
    * The ARIA role attribute of the element.
    * @default 'alert'
    */
-  role: n.string,
+  role: e.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function Te(e) {
-  return I("MuiSnackbar", e);
+function ze(t) {
+  return X("MuiSnackbar", t);
 }
-W("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft"]);
-const Re = (e) => {
+K("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft"]);
+const Be = (t) => {
   const {
-    classes: t,
-    anchorOrigin: a
-  } = e, o = {
-    root: ["root", `anchorOrigin${S(a.vertical)}${S(a.horizontal)}`]
+    classes: n,
+    anchorOrigin: l
+  } = t, o = {
+    root: ["root", `anchorOrigin${x(l.vertical)}${x(l.horizontal)}`]
   };
-  return G(o, Te, t);
-}, F = R("div", {
+  return Q(o, ze, n);
+}, Ue = A("div", {
   name: "MuiSnackbar",
   slot: "Root",
-  overridesResolver: (e, t) => {
+  overridesResolver: (t, n) => {
     const {
-      ownerState: a
-    } = e;
-    return [t.root, t[`anchorOrigin${S(a.anchorOrigin.vertical)}${S(a.anchorOrigin.horizontal)}`]];
+      ownerState: l
+    } = t;
+    return [n.root, n[`anchorOrigin${x(l.anchorOrigin.vertical)}${x(l.anchorOrigin.horizontal)}`]];
   }
-})(q(({
-  theme: e
+})(Y(({
+  theme: t
 }) => ({
-  zIndex: (e.vars || e).zIndex.snackbar,
+  zIndex: (t.vars || t).zIndex.snackbar,
   position: "fixed",
   display: "flex",
   left: 8,
@@ -324,148 +318,199 @@ const Re = (e) => {
   alignItems: "center",
   variants: [{
     props: ({
-      ownerState: t
-    }) => t.anchorOrigin.vertical === "top",
+      ownerState: n
+    }) => n.anchorOrigin.vertical === "top",
     style: {
       top: 8,
-      [e.breakpoints.up("sm")]: {
+      [t.breakpoints.up("sm")]: {
         top: 24
       }
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.anchorOrigin.vertical !== "top",
+      ownerState: n
+    }) => n.anchorOrigin.vertical !== "top",
     style: {
       bottom: 8,
-      [e.breakpoints.up("sm")]: {
+      [t.breakpoints.up("sm")]: {
         bottom: 24
       }
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.anchorOrigin.horizontal === "left",
+      ownerState: n
+    }) => n.anchorOrigin.horizontal === "left",
     style: {
       justifyContent: "flex-start",
-      [e.breakpoints.up("sm")]: {
+      [t.breakpoints.up("sm")]: {
         left: 24,
         right: "auto"
       }
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.anchorOrigin.horizontal === "right",
+      ownerState: n
+    }) => n.anchorOrigin.horizontal === "right",
     style: {
       justifyContent: "flex-end",
-      [e.breakpoints.up("sm")]: {
+      [t.breakpoints.up("sm")]: {
         right: 24,
         left: "auto"
       }
     }
   }, {
     props: ({
-      ownerState: t
-    }) => t.anchorOrigin.horizontal === "center",
+      ownerState: n
+    }) => n.anchorOrigin.horizontal === "center",
     style: {
-      [e.breakpoints.up("sm")]: {
+      [t.breakpoints.up("sm")]: {
         left: "50%",
         right: "auto",
         transform: "translateX(-50%)"
       }
     }
   }]
-}))), X = /* @__PURE__ */ h.forwardRef(function(t, a) {
-  const o = $({
-    props: t,
+}))), ee = /* @__PURE__ */ y.forwardRef(function(n, l) {
+  const o = J({
+    props: n,
     name: "MuiSnackbar"
-  }), p = ce(), d = {
+  }), p = ve(), f = {
     enter: p.transitions.duration.enteringScreen,
     exit: p.transitions.duration.leavingScreen
   }, {
-    action: b,
+    action: h,
     anchorOrigin: {
-      vertical: f,
-      horizontal: v
+      vertical: d,
+      horizontal: b
     } = {
       vertical: "bottom",
       horizontal: "left"
     },
-    autoHideDuration: y = null,
+    autoHideDuration: k = null,
     children: u,
     className: m,
-    ClickAwayListenerProps: w,
-    ContentProps: E,
+    ClickAwayListenerProps: S,
+    ContentProps: T,
     disableWindowBlurListener: i = !1,
-    message: c,
+    message: a,
     onBlur: g,
     onClose: r,
     onFocus: s,
-    onMouseEnter: l,
-    onMouseLeave: Me,
-    open: A,
-    resumeHideDuration: De,
-    TransitionComponent: N = pe,
-    transitionDuration: H = d,
+    onMouseEnter: c,
+    onMouseLeave: qe,
+    open: z,
+    resumeHideDuration: $e,
+    slots: B = {},
+    slotProps: te = {},
+    TransitionComponent: U,
+    transitionDuration: F = f,
     TransitionProps: {
-      onEnter: j,
-      onExited: z,
-      ...K
+      onEnter: _,
+      onExited: I,
+      ...ne
     } = {},
-    ...Y
-  } = o, x = {
+    ...oe
+  } = o, P = {
     ...o,
     anchorOrigin: {
-      vertical: f,
-      horizontal: v
+      vertical: d,
+      horizontal: b
     },
-    autoHideDuration: y,
+    autoHideDuration: k,
     disableWindowBlurListener: i,
-    TransitionComponent: N,
-    transitionDuration: H
-  }, J = Re(x), {
-    getRootProps: Q,
-    onClickAway: Z
-  } = ye({
-    ...x
-  }), [ee, B] = h.useState(!0), ne = ue({
-    elementType: F,
-    getSlotProps: Q,
-    externalForwardedProps: Y,
-    ownerState: x,
+    TransitionComponent: U,
+    transitionDuration: F
+  }, re = Be(P), {
+    getRootProps: se,
+    onClickAway: ie
+  } = Me({
+    ...P
+  }), [ae, W] = y.useState(!0), ce = (w) => {
+    W(!0), I && I(w);
+  }, le = (w, E) => {
+    W(!1), _ && _(w, E);
+  }, R = {
+    slots: {
+      transition: U,
+      ...B
+    },
+    slotProps: {
+      content: T,
+      clickAwayListener: S,
+      transition: ne,
+      ...te
+    }
+  }, [ue, pe] = L("root", {
+    ref: l,
+    className: [re.root, m],
+    elementType: Ue,
+    getSlotProps: se,
+    externalForwardedProps: {
+      ...R,
+      ...oe
+    },
+    ownerState: P
+  }), [fe, {
+    ownerState: de,
+    ...me
+  }] = L("clickAwayListener", {
+    elementType: M,
+    externalForwardedProps: R,
+    getSlotProps: (w) => ({
+      onClickAway: (...E) => {
+        var q;
+        const C = E[0];
+        (q = w.onClickAway) == null || q.call(w, ...E), !(C != null && C.defaultMuiPrevented) && ie(...E);
+      }
+    }),
+    ownerState: P
+  }), [ge, ye] = L("content", {
+    elementType: Z,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: R,
     additionalProps: {
-      ref: a
+      message: a,
+      action: h
     },
-    className: [J.root, m]
-  }), te = (L) => {
-    B(!0), z && z(L);
-  }, oe = (L, re) => {
-    B(!1), j && j(L, re);
-  };
-  return !A && ee ? null : /* @__PURE__ */ k(T, {
-    onClickAway: Z,
-    ...w,
-    children: /* @__PURE__ */ k(F, {
-      ...ne,
-      children: /* @__PURE__ */ k(N, {
-        appear: !0,
-        in: A,
-        timeout: H,
-        direction: f === "top" ? "down" : "up",
-        onEnter: oe,
-        onExited: te,
-        ...K,
-        children: u || /* @__PURE__ */ k(V, {
-          message: c,
-          action: b,
-          ...E
+    ownerState: P
+  }), [he, be] = L("transition", {
+    elementType: Re,
+    externalForwardedProps: R,
+    getSlotProps: (w) => ({
+      onEnter: (...E) => {
+        var C;
+        (C = w.onEnter) == null || C.call(w, ...E), le(...E);
+      },
+      onExited: (...E) => {
+        var C;
+        (C = w.onExited) == null || C.call(w, ...E), ce(...E);
+      }
+    }),
+    additionalProps: {
+      appear: !0,
+      in: z,
+      timeout: F,
+      direction: d === "top" ? "down" : "up"
+    },
+    ownerState: P
+  });
+  return !z && ae ? null : /* @__PURE__ */ v(fe, {
+    ...me,
+    ...B.clickAwayListener && {
+      ownerState: de
+    },
+    children: /* @__PURE__ */ v(ue, {
+      ...pe,
+      children: /* @__PURE__ */ v(he, {
+        ...be,
+        children: u || /* @__PURE__ */ v(ge, {
+          ...ye
         })
       })
     })
   });
 });
-process.env.NODE_ENV !== "production" && (X.propTypes = {
+process.env.NODE_ENV !== "production" && (ee.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -473,16 +518,16 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
   /**
    * The action to display. It renders after the message, at the end of the snackbar.
    */
-  action: n.node,
+  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: n.shape({
-    horizontal: n.oneOf(["center", "left", "right"]).isRequired,
-    vertical: n.oneOf(["bottom", "top"]).isRequired
+  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
@@ -491,32 +536,34 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * the `null` value.
    * @default null
    */
-  autoHideDuration: n.number,
+  autoHideDuration: e.number,
   /**
    * Replace the `SnackbarContent` component.
    */
-  children: n.element,
+  children: e.element,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: n.string,
+  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: n.object,
+  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: n.object,
+  ContentProps: e.object,
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
    */
-  disableWindowBlurListener: n.bool,
+  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.
@@ -527,11 +574,11 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
   /**
    * The message to display.
    */
-  message: n.node,
+  message: e.node,
   /**
    * @ignore
    */
-  onBlur: n.func,
+  onBlur: e.func,
   /**
    * Callback fired when the component requests to be closed.
    * Typically `onClose` is used to set state in the parent component,
@@ -542,40 +589,67 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
    * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
    */
-  onClose: n.func,
+  onClose: e.func,
   /**
    * @ignore
    */
-  onFocus: n.func,
+  onFocus: e.func,
   /**
    * @ignore
    */
-  onMouseEnter: n.func,
+  onMouseEnter: e.func,
   /**
    * @ignore
    */
-  onMouseLeave: n.func,
+  onMouseLeave: e.func,
   /**
    * If `true`, the component is shown.
    */
-  open: n.bool,
+  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: n.number,
+  resumeHideDuration: e.number,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    clickAwayListener: e.oneOfType([e.func, e.shape({
+      children: e.element.isRequired,
+      disableReactTree: e.bool,
+      mouseEvent: e.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
+      onClickAway: e.func,
+      touchEvent: e.oneOf(["onTouchEnd", "onTouchStart", !1])
+    })]),
+    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: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  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: n.elementType,
+  TransitionComponent: e.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -584,56 +658,57 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration: n.oneOfType([n.number, n.shape({
-    appear: n.number,
-    enter: n.number,
-    exit: n.number
+  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: n.object
+  TransitionProps: e.object
 });
-const Oe = (e) => /* @__PURE__ */ k(O, { ...e, direction: "left" }), xe = (e) => /* @__PURE__ */ k(O, { ...e, direction: "right" }), Le = (e) => /* @__PURE__ */ k(O, { ...e, direction: "up" }), Pe = (e) => /* @__PURE__ */ k(O, { ...e, direction: "down" }), Xe = () => {
-  const [e, t] = C(!1), [a, o] = C(""), [p, d] = C(2e3), [b, f] = C("error"), [v, y] = C({ vertical: "top", horizontal: "right" }), [u, m] = C("left"), w = P(
+const Fe = (t) => /* @__PURE__ */ v(D, { ...t, direction: "left" }), _e = (t) => /* @__PURE__ */ v(D, { ...t, direction: "right" }), Ie = (t) => /* @__PURE__ */ v(D, { ...t, direction: "up" }), We = (t) => /* @__PURE__ */ v(D, { ...t, direction: "down" }), ct = () => {
+  const [t, n] = O(!1), [l, o] = O(""), [p, f] = O(2e3), [h, d] = O("error"), [b, k] = O({ vertical: "top", horizontal: "right" }), [u, m] = O("left"), S = j(
     ({
-      message: c,
+      message: a,
       type: g = "error",
       duration: r = 3e3,
       animationDirection: s = "left",
-      position: l = { vertical: "top", horizontal: "right" }
+      position: c = { vertical: "top", horizontal: "right" }
     }) => {
-      o(c), f(g), d(r), y(l), m(s), t(!0);
+      o(a), d(g), f(r), k(c), m(s), n(!0);
     },
     []
-  ), E = P(
-    (c, g) => {
-      g !== "clickaway" && t(!1);
+  ), T = j(
+    (a, g) => {
+      g !== "clickaway" && n(!1);
     },
     []
-  ), i = P(
-    (c, g) => {
-      g !== "clickaway" && t(!1);
+  ), i = j(
+    (a, g) => {
+      g !== "clickaway" && n(!1);
     },
     []
   );
   return {
-    showAlertMessage: w,
-    snackBar: /* @__PURE__ */ k(
-      X,
+    showAlertMessage: S,
+    snackBar: /* @__PURE__ */ v(
+      ee,
       {
-        anchorOrigin: v,
+        anchorOrigin: b,
         autoHideDuration: p,
-        open: e,
+        open: t,
         onClose: i,
-        TransitionComponent: u === "left" ? Oe : u === "right" ? xe : u === "up" ? Le : Pe,
-        children: /* @__PURE__ */ k(be, { variant: "filled", onClose: E, severity: b, children: /* @__PURE__ */ k("div", { dangerouslySetInnerHTML: { __html: a } }) })
+        TransitionComponent: u === "left" ? Fe : u === "right" ? _e : u === "up" ? Ie : We,
+        children: /* @__PURE__ */ v(Le, { variant: "filled", onClose: T, severity: h, children: /* @__PURE__ */ v("div", { dangerouslySetInnerHTML: { __html: l } }) })
       }
     )
   };
 };
 export {
-  Xe as useSnackBar
+  ct as useSnackBar
 };