@notificationapi/react 1.7.0 → 1.8.0

package/dist/assets/Paper.js

@@ -1,8 +1,8 @@
 import * as P from "react";
-import { g as b, e as h, s as g, m as w, u as T, c as $, a as u, f, P as a, b as x } from "./DefaultPropsProvider.js";
-import { u as O } from "./useTheme.js";
-import { jsx as C } from "react/jsx-runtime";
-import { c as N } from "./ButtonBase.js";
+import { g as h, a as u, d as f, P as a } from "./createTheme.js";
+import { g as b, s as g, m as w, u as T, c as $, a as x } from "./DefaultPropsProvider.js";
+import { u as O, c as C } from "./ButtonBase.js";
+import { jsx as N } from "react/jsx-runtime";
 import { i as R } from "./integerPropType.js";
 function j(e) {
   return h("MuiPaper", e);
@@ -76,7 +76,7 @@ const E = (e) => {
     variant: v
   }, y = E(d);
   return process.env.NODE_ENV !== "production" && r.shadows[n] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${n}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${n}]\` is defined.`].join(`
-`)), /* @__PURE__ */ C(M, {
+`)), /* @__PURE__ */ N(M, {
     as: l,
     ownerState: d,
     className: $(y.root, i),
@@ -123,7 +123,7 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    * It accepts values between 0 and 24 inclusive.
    * @default 1
    */
-  elevation: N(R, (e) => {
+  elevation: C(R, (e) => {
     const {
       elevation: o,
       variant: t

package/dist/assets/Popover.js

@@ -1,7 +1,8 @@
-import * as p from "react";
-import { g as ge, e as ve, s as te, u as ye, c as Y, P as e, b as be } from "./DefaultPropsProvider.js";
+import * as c from "react";
+import { g as Pe, P as e } from "./createTheme.js";
+import { g as ve, s as te, u as ye, c as Y, a as be } from "./DefaultPropsProvider.js";
 import { i as Te } from "./List.js";
-import { a as X, r as Ee, c as Oe, e as Re } from "./ButtonBase.js";
+import { b as X, r as Ee, c as Oe, e as Re } from "./ButtonBase.js";
 import { jsx as z } from "react/jsx-runtime";
 import { M as we, o as J } from "./Modal.js";
 import { P as xe } from "./Paper.js";
@@ -11,20 +12,20 @@ import { i as Me } from "./integerPropType.js";
 import { G as Ne } from "./Grow.js";
 function je(t, o = 166) {
   let n;
-  function g(...R) {
+  function P(...R) {
     const a = () => {
       t.apply(this, R);
     };
     clearTimeout(n), n = setTimeout(a, o);
   }
-  return g.clear = () => {
+  return P.clear = () => {
     clearTimeout(n);
-  }, g;
+  }, P;
 }
 function ze(t) {
-  return ve("MuiPopover", t);
+  return Pe("MuiPopover", t);
 }
-ge("MuiPopover", ["root", "paper"]);
+ve("MuiPopover", ["root", "paper"]);
 function Z(t, o) {
   let n = 0;
   return typeof o == "number" ? n = o : o === "center" ? n = t.height / 2 : o === "bottom" && (n = t.height), n;
@@ -67,8 +68,8 @@ const De = (t) => {
   maxHeight: "calc(100% - 32px)",
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), Ue = /* @__PURE__ */ p.forwardRef(function(o, n) {
-  const g = ye({
+}), Ue = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const P = ye({
     props: o,
     name: "MuiPopover"
   }), {
@@ -101,8 +102,8 @@ const De = (t) => {
     } = {},
     disableScrollLock: M = !1,
     ...le
-  } = g, h = (E == null ? void 0 : E.paper) ?? se, N = p.useRef(), j = {
-    ...g,
+  } = P, h = (E == null ? void 0 : E.paper) ?? se, N = c.useRef(), j = {
+    ...P,
     anchorOrigin: v,
     anchorReference: y,
     elevation: D,
@@ -112,7 +113,7 @@ const De = (t) => {
     TransitionComponent: x,
     transitionDuration: C,
     TransitionProps: S
-  }, U = De(j), H = p.useCallback(() => {
+  }, U = De(j), H = c.useCallback(() => {
     if (y === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (w || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), w;
     const r = O(a), i = r && r.nodeType === 1 ? r : K(N.current).body, s = i.getBoundingClientRect();
@@ -125,10 +126,10 @@ const De = (t) => {
       top: s.top + Z(s, v.vertical),
       left: s.left + ee(s, v.horizontal)
     };
-  }, [a, v.horizontal, v.vertical, w, y]), I = p.useCallback((r) => ({
+  }, [a, v.horizontal, v.vertical, w, y]), I = c.useCallback((r) => ({
     vertical: Z(r, b.vertical),
     horizontal: ee(r, b.horizontal)
-  }), [b.horizontal, b.vertical]), L = p.useCallback((r) => {
+  }), [b.horizontal, b.vertical]), L = c.useCallback((r) => {
     const i = {
       width: r.offsetWidth,
       height: r.offsetHeight
@@ -140,48 +141,48 @@ const De = (t) => {
         transformOrigin: oe(s)
       };
     const d = H();
-    let m = d.top - s.vertical, P = d.left - s.horizontal;
-    const B = m + i.height, $ = P + i.width, F = J(O(a)), T = F.innerHeight - l, G = F.innerWidth - l;
+    let m = d.top - s.vertical, g = d.left - s.horizontal;
+    const B = m + i.height, $ = g + i.width, F = J(O(a)), T = F.innerHeight - l, G = F.innerWidth - l;
     if (l !== null && m < l) {
-      const c = m - l;
-      m -= c, s.vertical += c;
+      const p = m - l;
+      m -= p, s.vertical += p;
     } else if (l !== null && B > T) {
-      const c = B - T;
-      m -= c, s.vertical += c;
+      const p = B - T;
+      m -= p, s.vertical += p;
     }
     if (process.env.NODE_ENV !== "production" && i.height > T && i.height && T && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${i.height - T}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
-`)), l !== null && P < l) {
-      const c = P - l;
-      P -= c, s.horizontal += c;
+`)), l !== null && g < l) {
+      const p = g - l;
+      g -= p, s.horizontal += p;
     } else if ($ > G) {
-      const c = $ - G;
-      P -= c, s.horizontal += c;
+      const p = $ - G;
+      g -= p, s.horizontal += p;
     }
     return {
       top: `${Math.round(m)}px`,
-      left: `${Math.round(P)}px`,
+      left: `${Math.round(g)}px`,
       transformOrigin: oe(s)
     };
-  }, [a, y, H, I, l]), [ce, V] = p.useState(u), f = p.useCallback(() => {
+  }, [a, y, H, I, l]), [pe, V] = c.useState(u), f = c.useCallback(() => {
     const r = N.current;
     if (!r)
       return;
     const i = L(r);
     i.top !== null && r.style.setProperty("top", i.top), i.left !== null && (r.style.left = i.left), r.style.transformOrigin = i.transformOrigin, V(!0);
   }, [L]);
-  p.useEffect(() => (M && window.addEventListener("scroll", f), () => window.removeEventListener("scroll", f)), [a, M, f]);
-  const pe = (r, i) => {
+  c.useEffect(() => (M && window.addEventListener("scroll", f), () => window.removeEventListener("scroll", f)), [a, M, f]);
+  const ce = (r, i) => {
     k && k(r, i), f();
   }, fe = () => {
     V(!1);
   };
-  p.useEffect(() => {
+  c.useEffect(() => {
     u && f();
-  }), p.useImperativeHandle(R, () => u ? {
+  }), c.useImperativeHandle(R, () => u ? {
     updatePosition: () => {
       f();
     }
-  } : null, [u, f]), p.useEffect(() => {
+  } : null, [u, f]), c.useEffect(() => {
     if (!u)
       return;
     const r = je(() => {
@@ -205,7 +206,7 @@ const De = (t) => {
     additionalProps: {
       elevation: D,
       className: Y(U.paper, h == null ? void 0 : h.className),
-      style: ce ? h.style : {
+      style: pe ? h.style : {
         ...h.style,
         opacity: 0
       }
@@ -228,7 +229,7 @@ const De = (t) => {
     },
     ownerState: j,
     className: Y(U.root, re)
-  }), Pe = Ce(N, A.ref);
+  }), ge = Ce(N, A.ref);
   return /* @__PURE__ */ z(_, {
     ...me,
     ...!Te(_) && {
@@ -240,13 +241,13 @@ const De = (t) => {
     children: /* @__PURE__ */ z(x, {
       appear: !0,
       in: u,
-      onEntering: pe,
+      onEntering: ce,
       onExited: fe,
       timeout: q,
       ...S,
       children: /* @__PURE__ */ z(he, {
         ...A,
-        ref: Pe,
+        ref: ge,
         children: ne
       })
     })

package/dist/assets/Portal.js

@@ -1,77 +1,68 @@
-import { P as c } from "./DefaultPropsProvider.js";
-import { c as m, b as f } from "./ButtonBase.js";
+import { P as c } from "./createTheme.js";
+import { c as m, d as f } from "./ButtonBase.js";
 import * as u from "react";
 import { a as P } from "./utils.js";
-import { u as h, s as d } from "./resolveComponentProps.js";
-function v(e) {
+import { u as T, s as d } from "./resolveComponentProps.js";
+import { e as h } from "./exactProp.js";
+function R(e) {
   const {
     prototype: n = {}
   } = e;
   return !!n.isReactComponent;
 }
-function E(e, n, r, t, s) {
-  const o = e[n], i = s || n;
-  if (o == null || // When server-side rendering React doesn't warn either.
+function E(e, n, i, o, s) {
+  const t = e[n], r = s || n;
+  if (t == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
   // This is only in place for Emotion compat.
   // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
   typeof window > "u")
     return null;
   let a;
-  const l = o.type;
-  return typeof l == "function" && !v(l) && (a = "Did you accidentally use a plain function component for an element instead?"), a !== void 0 ? new Error(`Invalid ${t} \`${i}\` supplied to \`${r}\`. Expected an element that can hold a ref. ${a} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const w = m(c.element, E);
-w.isRequired = m(c.element.isRequired, E);
-const N = "exact-prop: ​";
-function T(e) {
-  return process.env.NODE_ENV === "production" ? e : {
-    ...e,
-    [N]: (n) => {
-      const r = Object.keys(n).filter((t) => !e.hasOwnProperty(t));
-      return r.length > 0 ? new Error(`The following props are not supported: ${r.map((t) => `\`${t}\``).join(", ")}. Please remove them.`) : null;
-    }
-  };
+  const l = t.type;
+  return typeof l == "function" && !R(l) && (a = "Did you accidentally use a plain function component for an element instead?"), a !== void 0 ? new Error(`Invalid ${o} \`${r}\` supplied to \`${i}\`. Expected an element that can hold a ref. ${a} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-function g(e, n, r, t, s) {
+const v = m(c.element, E);
+v.isRequired = m(c.element.isRequired, E);
+function N(e, n, i, o, s) {
   if (process.env.NODE_ENV === "production")
     return null;
-  const o = e[n], i = s || n;
-  return o == null ? null : o && o.nodeType !== 1 ? new Error(`Invalid ${t} \`${i}\` supplied to \`${r}\`. Expected an HTMLElement.`) : null;
+  const t = e[n], r = s || n;
+  return t == null ? null : t && t.nodeType !== 1 ? new Error(`Invalid ${o} \`${r}\` supplied to \`${i}\`. Expected an HTMLElement.`) : null;
 }
-function x(e) {
+function C(e) {
   return e && e.ownerDocument || document;
 }
-function R(e) {
+function g(e) {
   var n;
   return parseInt(u.version, 10) >= 19 ? ((n = e == null ? void 0 : e.props) == null ? void 0 : n.ref) || null : (e == null ? void 0 : e.ref) || null;
 }
-function $(e) {
+function w(e) {
   return typeof e == "function" ? e() : e;
 }
-const p = /* @__PURE__ */ u.forwardRef(function(n, r) {
+const p = /* @__PURE__ */ u.forwardRef(function(n, i) {
   const {
-    children: t,
+    children: o,
     container: s,
-    disablePortal: o = !1
-  } = n, [i, a] = u.useState(null), l = h(/* @__PURE__ */ u.isValidElement(t) ? R(t) : null, r);
+    disablePortal: t = !1
+  } = n, [r, a] = u.useState(null), l = T(/* @__PURE__ */ u.isValidElement(o) ? g(o) : null, i);
   if (f(() => {
-    o || a($(s) || document.body);
-  }, [s, o]), f(() => {
-    if (i && !o)
-      return d(r, i), () => {
-        d(r, null);
+    t || a(w(s) || document.body);
+  }, [s, t]), f(() => {
+    if (r && !t)
+      return d(i, r), () => {
+        d(i, null);
       };
-  }, [r, i, o]), o) {
-    if (/* @__PURE__ */ u.isValidElement(t)) {
+  }, [i, r, t]), t) {
+    if (/* @__PURE__ */ u.isValidElement(o)) {
       const y = {
         ref: l
       };
-      return /* @__PURE__ */ u.cloneElement(t, y);
+      return /* @__PURE__ */ u.cloneElement(o, y);
     }
-    return t;
+    return o;
   }
-  return i && /* @__PURE__ */ P.createPortal(t, i);
+  return r && /* @__PURE__ */ P.createPortal(o, r);
 });
 process.env.NODE_ENV !== "production" && (p.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -92,19 +83,18 @@ process.env.NODE_ENV !== "production" && (p.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: c.oneOfType([g, c.func]),
+  container: c.oneOfType([N, c.func]),
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
   disablePortal: c.bool
 });
-process.env.NODE_ENV !== "production" && (p.propTypes = T(p.propTypes));
+process.env.NODE_ENV !== "production" && (p.propTypes = h(p.propTypes));
 export {
-  g as H,
+  N as H,
   p as P,
-  T as a,
-  w as e,
-  R as g,
-  x as o
+  v as e,
+  g,
+  C as o
 };

package/dist/assets/Stack.js

@@ -1,16 +1,18 @@
 import * as l from "react";
-import { o as S, r as V, P as e, p as N, q as g, t as m, v as D, w as E, x as R, c as w, b as B, e as M, y as h, s as G, u as U } from "./DefaultPropsProvider.js";
-import { jsx as _ } from "react/jsx-runtime";
-import { e as $ } from "./Typography.js";
-import { u as A } from "./useTheme2.js";
-const q = S();
-function L(o) {
+import { P as e, b as S, h as g, r as m, j as V, k as N, m as D, g as E, l as h } from "./createTheme.js";
+import { e as R, c as B, a as M, s as w, u as G } from "./DefaultPropsProvider.js";
+import { jsx as U } from "react/jsx-runtime";
+import { e as _ } from "./Typography.js";
+import { r as $ } from "./DefaultPropsProvider2.js";
+import { u as A } from "./useTheme.js";
+const L = R();
+function q(o) {
   const {
     theme: r,
     name: n,
     props: t
   } = o;
-  return !r || !r.components || !r.components[n] || !r.components[n].defaultProps ? t : V(r.components[n].defaultProps, t);
+  return !r || !r.components || !r.components[n] || !r.components[n].defaultProps ? t : $(r.components[n].defaultProps, t);
 }
 function z({
   props: o,
@@ -19,19 +21,19 @@ function z({
   themeId: t
 }) {
   let s = A(n);
-  return t && (s = s[t] || s), L({
+  return t && (s = s[t] || s), q({
     theme: s,
     name: r,
     props: o
   });
 }
-function ne(...o) {
+function se(...o) {
   return o.reduce((r, n) => n == null ? r : function(...s) {
     r.apply(this, s), n.apply(this, s);
   }, () => {
   });
 }
-const H = N(), I = q("div", {
+const H = S(), I = L("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (o, r) => r.root
@@ -71,7 +73,7 @@ const Q = (o) => ({
     }))
   };
   if (o.spacing) {
-    const t = D(r), s = Object.keys(r.breakpoints.values).reduce((c, a) => ((typeof o.spacing == "object" && o.spacing[a] != null || typeof o.direction == "object" && o.direction[a] != null) && (c[a] = !0), c), {}), i = m({
+    const t = V(r), s = Object.keys(r.breakpoints.values).reduce((c, a) => ((typeof o.spacing == "object" && o.spacing[a] != null || typeof o.direction == "object" && o.direction[a] != null) && (c[a] = !0), c), {}), i = m({
       values: o.direction,
       base: s
     }), u = m({
@@ -83,7 +85,7 @@ const Q = (o) => ({
         const f = a > 0 ? i[p[a - 1]] : "column";
         i[c] = f;
       }
-    }), n = E(n, g({
+    }), n = N(n, g({
       theme: r
     }, u, (c, a) => o.useFlexGap ? {
       gap: h(t, c)
@@ -98,7 +100,7 @@ const Q = (o) => ({
       }
     }));
   }
-  return n = R(r.breakpoints, n), n;
+  return n = D(r.breakpoints, n), n;
 };
 function X(o = {}) {
   const {
@@ -106,29 +108,29 @@ function X(o = {}) {
     createStyledComponent: r = I,
     useThemeProps: n = J,
     componentName: t = "MuiStack"
-  } = o, s = () => B({
+  } = o, s = () => M({
     root: ["root"]
-  }, (c) => M(t, c), {}), i = r(W), u = /* @__PURE__ */ l.forwardRef(function(c, a) {
-    const p = n(c), y = $(p), {
+  }, (c) => E(t, c), {}), i = r(W), u = /* @__PURE__ */ l.forwardRef(function(c, a) {
+    const p = n(c), y = _(p), {
       component: f = "div",
       direction: b = "column",
       spacing: C = 0,
       divider: v,
       children: O,
-      className: x,
-      useFlexGap: j = !1,
-      ...k
+      className: j,
+      useFlexGap: k = !1,
+      ...x
     } = y, P = {
       direction: b,
       spacing: C,
-      useFlexGap: j
+      useFlexGap: k
     }, F = s();
-    return /* @__PURE__ */ _(i, {
+    return /* @__PURE__ */ U(i, {
       as: f,
       ownerState: P,
       ref: a,
-      className: w(F.root, x),
-      ...k,
+      className: B(F.root, j),
+      ...x,
       children: v ? K(O, v) : O
     });
   });
@@ -140,7 +142,7 @@ function X(o = {}) {
     sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
   }), u;
 }
-function te({
+function ce({
   props: o,
   states: r,
   muiFormControl: n
@@ -149,16 +151,16 @@ function te({
 }
 const T = /* @__PURE__ */ l.createContext(void 0);
 process.env.NODE_ENV !== "production" && (T.displayName = "FormControlContext");
-function se() {
+function ie() {
   return l.useContext(T);
 }
 const Y = X({
-  createStyledComponent: G("div", {
+  createStyledComponent: w("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (o, r) => r.root
   }),
-  useThemeProps: (o) => U({
+  useThemeProps: (o) => G({
     props: o,
     name: "MuiStack"
   })
@@ -210,7 +212,7 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
 export {
   T as F,
   Y as S,
-  ne as c,
-  te as f,
-  se as u
+  se as c,
+  ce as f,
+  ie as u
 };