@notificationapi/react 1.7.0 → 1.8.0

package/dist/assets/Divider.js

@@ -1,5 +1,6 @@
 import * as A from "react";
-import { s as b, m as u, a as D, u as T, c as R, P as i, b as S } from "./DefaultPropsProvider.js";
+import { a as D, P as i } from "./createTheme.js";
+import { s as b, m as u, u as T, c as R, a as S } from "./DefaultPropsProvider.js";
 import { g as C } from "./dividerClasses.js";
 import { jsx as v } from "react/jsx-runtime";
 const L = (e) => {

package/dist/assets/GlobalStyles.js

@@ -0,0 +1,23 @@
+import "react";
+import { P as e } from "./createTheme.js";
+import { G as r } from "./useThemeWithoutDefault.js";
+import { jsx as n } from "react/jsx-runtime";
+function p(t) {
+  return t == null || Object.keys(t).length === 0;
+}
+function y(t) {
+  const {
+    styles: o,
+    defaultTheme: l = {}
+  } = t;
+  return /* @__PURE__ */ n(r, {
+    styles: typeof o == "function" ? (s) => o(p(s) ? l : s) : o
+  });
+}
+process.env.NODE_ENV !== "production" && (y.propTypes = {
+  defaultTheme: e.object,
+  styles: e.oneOfType([e.array, e.string, e.object, e.func])
+});
+export {
+  y as G
+};

package/dist/assets/Grow.js

@@ -1,18 +1,14 @@
-import * as c from "react";
-import { P as t } from "./DefaultPropsProvider.js";
-import { jsx as K } from "react/jsx-runtime";
-import { u as W } from "./useTheme.js";
-import { T as k, r as B, g as A } from "./utils.js";
-import { u as J } from "./ButtonBase.js";
+import * as f from "react";
+import { P as n } from "./createTheme.js";
+import { a as V, u as W } from "./ButtonBase.js";
+import { jsx as k } from "react/jsx-runtime";
+import { T as B, r as J, g as v } from "./utils.js";
 import { u as M } from "./resolveComponentProps.js";
 import { g as Q, e as U } from "./Portal.js";
-const X = /* @__PURE__ */ c.createContext();
-process.env.NODE_ENV !== "production" && (t.node, t.bool);
-const st = () => c.useContext(X) ?? !1;
-function h(d) {
-  return `scale(${d}, ${d ** 2})`;
+function h(l) {
+  return `scale(${l}, ${l ** 2})`;
 }
-const Y = {
+const X = {
   entering: {
     opacity: 1,
     transform: h(1)
@@ -21,101 +17,101 @@ const Y = {
     opacity: 1,
     transform: "none"
   }
-}, E = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), y = /* @__PURE__ */ c.forwardRef(function(D, w) {
+}, E = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), y = /* @__PURE__ */ f.forwardRef(function(w, D) {
   const {
     addEndListener: x,
-    appear: C = !0,
+    appear: L = !0,
     children: m,
-    easing: R,
-    in: T,
-    onEnter: v,
-    onEntered: L,
-    onEntering: O,
-    onExit: b,
-    onExited: j,
-    onExiting: H,
+    easing: T,
+    in: R,
+    onEnter: b,
+    onEntered: j,
+    onEntering: H,
+    onExit: A,
+    onExited: O,
+    onExiting: P,
     style: p,
-    timeout: i = "auto",
+    timeout: o = "auto",
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: N = k,
-    ...P
-  } = D, F = J(), g = c.useRef(), s = W(), f = c.useRef(null), G = M(f, Q(m), w), a = (n) => (r) => {
-    if (n) {
-      const e = f.current;
-      r === void 0 ? n(e) : n(e, r);
+    TransitionComponent: F = B,
+    ...G
+  } = w, S = V(), g = f.useRef(), s = W(), c = f.useRef(null), C = M(c, Q(m), D), a = (t) => (r) => {
+    if (t) {
+      const e = c.current;
+      r === void 0 ? t(e) : t(e, r);
     }
-  }, S = a(O), _ = a((n, r) => {
-    B(n);
+  }, N = a(H), _ = a((t, r) => {
+    J(t);
     const {
       duration: e,
-      delay: l,
-      easing: o
-    } = A({
+      delay: d,
+      easing: i
+    } = v({
       style: p,
-      timeout: i,
-      easing: R
+      timeout: o,
+      easing: T
     }, {
       mode: "enter"
     });
     let u;
-    i === "auto" ? (u = s.transitions.getAutoHeightDuration(n.clientHeight), g.current = u) : u = e, n.style.transition = [s.transitions.create("opacity", {
+    o === "auto" ? (u = s.transitions.getAutoHeightDuration(t.clientHeight), g.current = u) : u = e, t.style.transition = [s.transitions.create("opacity", {
       duration: u,
-      delay: l
+      delay: d
     }), s.transitions.create("transform", {
       duration: E ? u : u * 0.666,
-      delay: l,
-      easing: o
-    })].join(","), v && v(n, r);
-  }), V = a(L), $ = a(H), q = a((n) => {
+      delay: d,
+      easing: i
+    })].join(","), b && b(t, r);
+  }), $ = a(j), q = a(P), z = a((t) => {
     const {
       duration: r,
       delay: e,
-      easing: l
-    } = A({
+      easing: d
+    } = v({
       style: p,
-      timeout: i,
-      easing: R
+      timeout: o,
+      easing: T
     }, {
       mode: "exit"
     });
-    let o;
-    i === "auto" ? (o = s.transitions.getAutoHeightDuration(n.clientHeight), g.current = o) : o = r, n.style.transition = [s.transitions.create("opacity", {
-      duration: o,
+    let i;
+    o === "auto" ? (i = s.transitions.getAutoHeightDuration(t.clientHeight), g.current = i) : i = r, t.style.transition = [s.transitions.create("opacity", {
+      duration: i,
       delay: e
     }), s.transitions.create("transform", {
-      duration: E ? o : o * 0.666,
-      delay: E ? e : e || o * 0.333,
-      easing: l
-    })].join(","), n.style.opacity = 0, n.style.transform = h(0.75), b && b(n);
-  }), z = a(j);
-  return /* @__PURE__ */ K(N, {
-    appear: C,
-    in: T,
-    nodeRef: f,
+      duration: E ? i : i * 0.666,
+      delay: E ? e : e || i * 0.333,
+      easing: d
+    })].join(","), t.style.opacity = 0, t.style.transform = h(0.75), A && A(t);
+  }), K = a(O);
+  return /* @__PURE__ */ k(F, {
+    appear: L,
+    in: R,
+    nodeRef: c,
     onEnter: _,
-    onEntered: V,
-    onEntering: S,
-    onExit: q,
-    onExited: z,
-    onExiting: $,
-    addEndListener: (n) => {
-      i === "auto" && F.start(g.current || 0, n), x && x(f.current, n);
+    onEntered: $,
+    onEntering: N,
+    onExit: z,
+    onExited: K,
+    onExiting: q,
+    addEndListener: (t) => {
+      o === "auto" && S.start(g.current || 0, t), x && x(c.current, t);
     },
-    timeout: i === "auto" ? null : i,
-    ...P,
-    children: (n, {
+    timeout: o === "auto" ? null : o,
+    ...G,
+    children: (t, {
       ownerState: r,
       ...e
-    }) => /* @__PURE__ */ c.cloneElement(m, {
+    }) => /* @__PURE__ */ f.cloneElement(m, {
       style: {
         opacity: 0,
         transform: h(0.75),
-        visibility: n === "exited" && !T ? "hidden" : void 0,
-        ...Y[n],
+        visibility: t === "exited" && !R ? "hidden" : void 0,
+        ...X[t],
         ...p,
         ...m.props.style
       },
-      ref: G,
+      ref: C,
       ...e
     })
   });
@@ -130,13 +126,13 @@ process.env.NODE_ENV !== "production" && (y.propTypes = {
    * node and a done callback. Allows for more fine grained transition end
    * logic. Note: Timeouts are still used as a fallback if provided.
    */
-  addEndListener: t.func,
+  addEndListener: n.func,
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
    * @default true
    */
-  appear: t.bool,
+  appear: n.bool,
   /**
    * A single child content element.
    */
@@ -145,42 +141,42 @@ process.env.NODE_ENV !== "production" && (y.propTypes = {
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    */
-  easing: t.oneOfType([t.shape({
-    enter: t.string,
-    exit: t.string
-  }), t.string]),
+  easing: n.oneOfType([n.shape({
+    enter: n.string,
+    exit: n.string
+  }), n.string]),
   /**
    * If `true`, the component will transition in.
    */
-  in: t.bool,
+  in: n.bool,
   /**
    * @ignore
    */
-  onEnter: t.func,
+  onEnter: n.func,
   /**
    * @ignore
    */
-  onEntered: t.func,
+  onEntered: n.func,
   /**
    * @ignore
    */
-  onEntering: t.func,
+  onEntering: n.func,
   /**
    * @ignore
    */
-  onExit: t.func,
+  onExit: n.func,
   /**
    * @ignore
    */
-  onExited: t.func,
+  onExited: n.func,
   /**
    * @ignore
    */
-  onExiting: t.func,
+  onExiting: n.func,
   /**
    * @ignore
    */
-  style: t.object,
+  style: n.object,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -188,14 +184,13 @@ process.env.NODE_ENV !== "production" && (y.propTypes = {
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
-  timeout: t.oneOfType([t.oneOf(["auto"]), t.number, t.shape({
-    appear: t.number,
-    enter: t.number,
-    exit: t.number
+  timeout: n.oneOfType([n.oneOf(["auto"]), n.number, n.shape({
+    appear: n.number,
+    enter: n.number,
+    exit: n.number
   })])
 });
 y && (y.muiSupportAuto = !0);
 export {
-  y as G,
-  st as u
+  y as G
 };

package/dist/assets/IconButton.js

@@ -1,12 +1,13 @@
 import * as c from "react";
-import { g as z, e as R, s as I, h as a, m as g, a as f, u as O, c as C, P as e, b as h } from "./DefaultPropsProvider.js";
+import { g as z, e as a, a as g, P as e } from "./createTheme.js";
+import { g as R, s as I, m as f, u as O, c as C, a as h } from "./DefaultPropsProvider.js";
 import { c as y } from "./createSimplePaletteValueFilter.js";
 import { jsx as T } from "react/jsx-runtime";
 import { B as S, c as $ } from "./ButtonBase.js";
 function x(o) {
-  return R("MuiIconButton", o);
+  return z("MuiIconButton", o);
 }
-const w = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), j = (o) => {
+const w = R("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), j = (o) => {
   const {
     classes: t,
     disabled: r,
@@ -26,7 +27,7 @@ const w = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     } = o;
     return [t.root, r.color !== "default" && t[`color${a(r.color)}`], r.edge && t[`edge${a(r.edge)}`], t[`size${a(r.size)}`]];
   }
-})(g(({
+})(f(({
   theme: o
 }) => ({
   textAlign: "center",
@@ -41,7 +42,7 @@ const w = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
   variants: [{
     props: (t) => !t.disableRipple,
     style: {
-      "--IconButton-hoverBg": o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : f(o.palette.action.active, o.palette.action.hoverOpacity),
+      "--IconButton-hoverBg": o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette.action.active, o.palette.action.hoverOpacity),
       "&:hover": {
         backgroundColor: "var(--IconButton-hoverBg)",
         // Reset on touch devices, it doesn't add specificity
@@ -81,7 +82,7 @@ const w = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       marginRight: -3
     }
   }]
-})), g(({
+})), f(({
   theme: o
 }) => ({
   variants: [{
@@ -103,7 +104,7 @@ const w = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       color: t
     },
     style: {
-      "--IconButton-hoverBg": o.vars ? `rgba(${(o.vars || o).palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : f((o.vars || o).palette[t].main, o.palette.action.hoverOpacity)
+      "--IconButton-hoverBg": o.vars ? `rgba(${(o.vars || o).palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g((o.vars || o).palette[t].main, o.palette.action.hoverOpacity)
     }
   })), {
     props: {

package/dist/assets/List.js

@@ -1,7 +1,8 @@
 import * as i from "react";
-import { g as y, e as h, s as L, u as v, c as x, P as s, b as N } from "./DefaultPropsProvider.js";
+import { g as y, P as s } from "./createTheme.js";
+import { g as h, s as L, u as v, c as x, a as N } from "./DefaultPropsProvider.js";
 import { jsx as C, jsxs as P } from "react/jsx-runtime";
-function w(e, o) {
+function S(e, o) {
   var t, n, a;
   return /* @__PURE__ */ i.isValidElement(e) && o.indexOf(
     // For server components `muiName` is avaialble in element.type._payload.value.muiName
@@ -10,15 +11,15 @@ function w(e, o) {
     e.type.muiName ?? ((a = (n = (t = e.type) == null ? void 0 : t._payload) == null ? void 0 : n.value) == null ? void 0 : a.muiName)
   ) !== -1;
 }
-function S(e) {
+function U(e) {
   return typeof e == "string";
 }
 const c = /* @__PURE__ */ i.createContext({});
 process.env.NODE_ENV !== "production" && (c.displayName = "ListContext");
 function T(e) {
-  return h("MuiList", e);
+  return y("MuiList", e);
 }
-y("MuiList", ["root", "padding", "dense", "subheader"]);
+h("MuiList", ["root", "padding", "dense", "subheader"]);
 const E = (e) => {
   const {
     classes: o,
@@ -70,8 +71,8 @@ const E = (e) => {
     dense: r = !1,
     disablePadding: u = !1,
     subheader: m,
-    ...b
-  } = n, f = i.useMemo(() => ({
+    ...f
+  } = n, b = i.useMemo(() => ({
     dense: r
   }), [r]), p = {
     ...n,
@@ -80,13 +81,13 @@ const E = (e) => {
     disablePadding: u
   }, g = E(p);
   return /* @__PURE__ */ C(c.Provider, {
-    value: f,
+    value: b,
     children: /* @__PURE__ */ P(M, {
       as: l,
       className: x(g.root, d),
       ref: t,
       ownerState: p,
-      ...b,
+      ...f,
       children: [m, a]
     })
   });
@@ -136,7 +137,7 @@ process.env.NODE_ENV !== "production" && (O.propTypes = {
 });
 export {
   O as L,
-  w as a,
+  S as a,
   c as b,
-  S as i
+  U as i
 };

package/dist/assets/Modal.js

@@ -1,12 +1,13 @@
 import * as f from "react";
-import { P as e, g as le, e as de, s as J, u as ue, c as X, b as fe, m as ke } from "./DefaultPropsProvider.js";
-import { o as j, e as Q, g as pe, a as Pe, P as Ne, H as Ce } from "./Portal.js";
-import { u as Y, e as Se } from "./resolveComponentProps.js";
-import { a as H, d as oe } from "./ButtonBase.js";
+import { P as e, g as le } from "./createTheme.js";
+import { g as de, s as J, u as ue, c as X, a as fe, m as ke } from "./DefaultPropsProvider.js";
+import { o as j, e as Q, g as pe, P as Pe, H as Ne } from "./Portal.js";
+import { u as Y, e as Ce } from "./resolveComponentProps.js";
+import { u as Se, b as H, f as oe } from "./ButtonBase.js";
 import { c as re } from "./Stack.js";
 import { jsx as A, jsxs as be } from "react/jsx-runtime";
-import { u as we } from "./useTheme.js";
-import { T as Ie, r as Oe, g as se } from "./utils.js";
+import { T as we, r as Ie, g as se } from "./utils.js";
+import { e as Oe } from "./exactProp.js";
 function _(t) {
   return j(t).defaultView || window;
 }
@@ -22,7 +23,7 @@ const Me = {
     opacity: 1
   }
 }, me = /* @__PURE__ */ f.forwardRef(function(n, r) {
-  const o = we(), i = {
+  const o = Se(), i = {
     enter: o.transitions.duration.enteringScreen,
     exit: o.transitions.duration.leavingScreen
   }, {
@@ -40,7 +41,7 @@ const Me = {
     style: T,
     timeout: k = i,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: N = Ie,
+    TransitionComponent: N = we,
     ...l
   } = n, m = f.useRef(null), C = Y(m, pe(c), r), x = (E) => (d) => {
     if (E) {
@@ -48,7 +49,7 @@ const Me = {
       d === void 0 ? E(u) : E(u, d);
     }
   }, R = x(v), S = x((E, d) => {
-    Oe(E);
+    Ie(E);
     const u = se({
       style: T,
       timeout: k,
@@ -174,9 +175,9 @@ process.env.NODE_ENV !== "production" && (me.propTypes = {
   })])
 });
 function Ae(t) {
-  return de("MuiBackdrop", t);
+  return le("MuiBackdrop", t);
 }
-le("MuiBackdrop", ["root", "invisible"]);
+de("MuiBackdrop", ["root", "invisible"]);
 const De = (t) => {
   const {
     classes: n,
@@ -643,7 +644,7 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
    */
   open: e.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && ($.propTypes = Pe($.propTypes));
+process.env.NODE_ENV !== "production" && ($.propTypes = Oe($.propTypes));
 function Ye(t) {
   return typeof t == "function" ? t() : t;
 }
@@ -694,7 +695,7 @@ function Xe(t) {
   };
   return {
     getRootProps: (d = {}) => {
-      const u = Se(t);
+      const u = Ce(t);
       delete u.onTransitionEnter, delete u.onTransitionExited;
       const O = {
         ...u,
@@ -741,9 +742,9 @@ function Xe(t) {
   };
 }
 function Je(t) {
-  return de("MuiModal", t);
+  return le("MuiModal", t);
 }
-le("MuiModal", ["root", "hidden", "backdrop"]);
+de("MuiModal", ["root", "hidden", "backdrop"]);
 const Qe = (t) => {
   const {
     open: n,
@@ -886,7 +887,7 @@ const Qe = (t) => {
     className: X(s == null ? void 0 : s.className, M == null ? void 0 : M.backdrop),
     ownerState: K
   }), ve = Y(s == null ? void 0 : s.ref, ne.ref);
-  return !C && !F && (!ee || Z) ? null : /* @__PURE__ */ A(Ne, {
+  return !C && !F && (!ee || Z) ? null : /* @__PURE__ */ A(Pe, {
     ref: ge,
     container: P,
     disablePortal: k,
@@ -986,7 +987,7 @@ process.env.NODE_ENV !== "production" && (tt.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: e.oneOfType([Ce, e.func]),
+  container: e.oneOfType([Ne, e.func]),
   /**
    * If `true`, the modal will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.