@notificationapi/react 1.7.0 → 1.9.0

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, b 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, a as H, d 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, a 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.