@notificationapi/react 1.7.0 → 1.8.0

package/dist/assets/Typography.js

@@ -1,31 +1,18 @@
-import * as E from "react";
-import { P as t, l as C, n as N, d as B, T as w, e as W, g as D, s as M, h as u, m as _, u as G, c as R, b as V } from "./DefaultPropsProvider.js";
-import { jsx as p } from "react/jsx-runtime";
-import { G as $, u as A } from "./useTheme2.js";
-import { c as U } from "./createSimplePaletteValueFilter.js";
-function k(o) {
-  return o == null || Object.keys(o).length === 0;
-}
-function T(o) {
-  const {
-    styles: r,
-    defaultTheme: e = {}
-  } = o;
-  return /* @__PURE__ */ p($, {
-    styles: typeof r == "function" ? (a) => r(k(a) ? e : a) : r
-  });
-}
-process.env.NODE_ENV !== "production" && (T.propTypes = {
-  defaultTheme: t.object,
-  styles: t.oneOfType([t.array, t.string, t.object, t.func])
-});
+import * as j from "react";
+import { P as t, f as C, i as B, g as E, e as u } from "./createTheme.js";
+import { d as w, g as N, s as W, m as M, u as D, c as R, a as _ } from "./DefaultPropsProvider.js";
+import { jsx as l } from "react/jsx-runtime";
+import { T as $ } from "./DefaultPropsProvider2.js";
+import { u as A } from "./useTheme.js";
+import { G } from "./GlobalStyles.js";
+import { c as V } from "./createSimplePaletteValueFilter.js";
 function x({
-  styles: o,
-  themeId: r,
+  styles: r,
+  themeId: o,
   defaultTheme: e = {}
 }) {
-  const n = A(e), a = typeof o == "function" ? o(r && n[r] || n) : o;
-  return /* @__PURE__ */ p(T, {
+  const n = A(e), a = typeof r == "function" ? r(o && n[o] || n) : r;
+  return /* @__PURE__ */ l(G, {
     styles: a
   });
 }
@@ -47,47 +34,47 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
    */
   themeId: t.string
 });
-const H = (o) => {
+const U = (r) => {
   var n;
-  const r = {
+  const o = {
     systemProps: {},
     otherProps: {}
-  }, e = ((n = o == null ? void 0 : o.theme) == null ? void 0 : n.unstable_sxConfig) ?? C;
-  return Object.keys(o).forEach((a) => {
-    e[a] ? r.systemProps[a] = o[a] : r.otherProps[a] = o[a];
-  }), r;
+  }, e = ((n = r == null ? void 0 : r.theme) == null ? void 0 : n.unstable_sxConfig) ?? C;
+  return Object.keys(r).forEach((a) => {
+    e[a] ? o.systemProps[a] = r[a] : o.otherProps[a] = r[a];
+  }), o;
 };
-function z(o) {
+function H(r) {
   const {
-    sx: r,
+    sx: o,
     ...e
-  } = o, {
+  } = r, {
     systemProps: n,
     otherProps: a
-  } = H(e);
+  } = U(e);
   let s;
-  return Array.isArray(r) ? s = [n, ...r] : typeof r == "function" ? s = (...l) => {
-    const i = r(...l);
-    return N(i) ? {
+  return Array.isArray(o) ? s = [n, ...o] : typeof o == "function" ? s = (...p) => {
+    const i = o(...p);
+    return B(i) ? {
       ...n,
       ...i
     } : n;
   } : s = {
     ...n,
-    ...r
+    ...o
   }, {
     ...a,
     sx: s
   };
 }
-function v(o) {
-  return /* @__PURE__ */ p(x, {
-    ...o,
-    defaultTheme: B,
-    themeId: w
+function T(r) {
+  return /* @__PURE__ */ l(x, {
+    ...r,
+    defaultTheme: w,
+    themeId: $
   });
 }
-process.env.NODE_ENV !== "production" && (v.propTypes = {
+process.env.NODE_ENV !== "production" && (T.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -97,27 +84,27 @@ process.env.NODE_ENV !== "production" && (v.propTypes = {
    */
   styles: t.oneOfType([t.array, t.func, t.number, t.object, t.string, t.bool])
 });
-function et(o) {
+function rt(r) {
   return function(e) {
     return (
       // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
-      /* @__PURE__ */ p(v, {
-        styles: typeof o == "function" ? (n) => o({
+      /* @__PURE__ */ l(T, {
+        styles: typeof r == "function" ? (n) => r({
           theme: n,
           ...e
-        }) : o
+        }) : r
       })
     );
   };
 }
-function F() {
-  return z;
+function I() {
+  return H;
 }
-function I(o) {
-  return W("MuiTypography", o);
+function k(r) {
+  return E("MuiTypography", r);
 }
-D("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const J = {
+N("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+const z = {
   primary: !0,
   secondary: !0,
   error: !0,
@@ -127,31 +114,31 @@ const J = {
   textPrimary: !0,
   textSecondary: !0,
   textDisabled: !0
-}, L = F(), q = (o) => {
+}, F = I(), J = (r) => {
   const {
-    align: r,
+    align: o,
     gutterBottom: e,
     noWrap: n,
     paragraph: a,
     variant: s,
-    classes: l
-  } = o, i = {
-    root: ["root", s, o.align !== "inherit" && `align${u(r)}`, e && "gutterBottom", n && "noWrap", a && "paragraph"]
+    classes: p
+  } = r, i = {
+    root: ["root", s, r.align !== "inherit" && `align${u(o)}`, e && "gutterBottom", n && "noWrap", a && "paragraph"]
   };
-  return V(i, I, l);
-}, K = M("span", {
+  return _(i, k, p);
+}, L = W("span", {
   name: "MuiTypography",
   slot: "Root",
-  overridesResolver: (o, r) => {
+  overridesResolver: (r, o) => {
     const {
       ownerState: e
-    } = o;
-    return [r.root, e.variant && r[e.variant], e.align !== "inherit" && r[`align${u(e.align)}`], e.noWrap && r.noWrap, e.gutterBottom && r.gutterBottom, e.paragraph && r.paragraph];
+    } = r;
+    return [o.root, e.variant && o[e.variant], e.align !== "inherit" && o[`align${u(e.align)}`], e.noWrap && o.noWrap, e.gutterBottom && o.gutterBottom, e.paragraph && o.paragraph];
   }
-})(_(({
-  theme: o
+})(M(({
+  theme: r
 }) => {
-  var r;
+  var o;
   return {
     margin: 0,
     variants: [{
@@ -164,24 +151,24 @@ const J = {
         lineHeight: "inherit",
         letterSpacing: "inherit"
       }
-    }, ...Object.entries(o.typography).filter(([e, n]) => e !== "inherit" && n && typeof n == "object").map(([e, n]) => ({
+    }, ...Object.entries(r.typography).filter(([e, n]) => e !== "inherit" && n && typeof n == "object").map(([e, n]) => ({
       props: {
         variant: e
       },
       style: n
-    })), ...Object.entries(o.palette).filter(U()).map(([e]) => ({
+    })), ...Object.entries(r.palette).filter(V()).map(([e]) => ({
       props: {
         color: e
       },
       style: {
-        color: (o.vars || o).palette[e].main
+        color: (r.vars || r).palette[e].main
       }
-    })), ...Object.entries(((r = o.palette) == null ? void 0 : r.text) || {}).filter(([, e]) => typeof e == "string").map(([e]) => ({
+    })), ...Object.entries(((o = r.palette) == null ? void 0 : o.text) || {}).filter(([, e]) => typeof e == "string").map(([e]) => ({
       props: {
         color: `text${u(e)}`
       },
       style: {
-        color: (o.vars || o).palette.text[e]
+        color: (r.vars || r).palette.text[e]
       }
     })), {
       props: ({
@@ -227,14 +214,14 @@ const J = {
   body1: "p",
   body2: "p",
   inherit: "p"
-}, Q = /* @__PURE__ */ E.forwardRef(function(r, e) {
+}, q = /* @__PURE__ */ j.forwardRef(function(o, e) {
   const {
     color: n,
     ...a
-  } = G({
-    props: r,
+  } = D({
+    props: o,
     name: "MuiTypography"
-  }), s = !J[n], l = L({
+  }), s = !z[n], p = F({
     ...a,
     ...s && {
       color: n
@@ -242,29 +229,29 @@ const J = {
   }), {
     align: i = "inherit",
     className: y,
-    component: f,
-    gutterBottom: O = !1,
-    noWrap: S = !1,
-    paragraph: h = !1,
+    component: h,
+    gutterBottom: v = !1,
+    noWrap: O = !1,
+    paragraph: g = !1,
     variant: c = "body1",
-    variantMapping: g = d,
+    variantMapping: f = d,
     ...m
-  } = l, b = {
-    ...l,
+  } = p, b = {
+    ...p,
     align: i,
     color: n,
     className: y,
-    component: f,
-    gutterBottom: O,
-    noWrap: S,
-    paragraph: h,
+    component: h,
+    gutterBottom: v,
+    noWrap: O,
+    paragraph: g,
     variant: c,
-    variantMapping: g
-  }, P = f || (h ? "p" : g[c] || d[c]) || "span", j = q(b);
-  return /* @__PURE__ */ p(K, {
-    as: P,
+    variantMapping: f
+  }, S = h || (g ? "p" : f[c] || d[c]) || "span", P = J(b);
+  return /* @__PURE__ */ l(L, {
+    as: S,
     ref: e,
-    className: R(j.root, y),
+    className: R(P.root, y),
     ...m,
     ownerState: b,
     style: {
@@ -275,7 +262,7 @@ const J = {
     }
   });
 });
-process.env.NODE_ENV !== "production" && (Q.propTypes = {
+process.env.NODE_ENV !== "production" && (q.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -362,7 +349,7 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
   variantMapping: t.object
 });
 export {
-  Q as T,
-  z as e,
-  et as g
+  q as T,
+  H as e,
+  rt as g
 };

package/dist/assets/createSvgIcon.js

@@ -1,6 +1,7 @@
 import * as h from "react";
-import { jsxs as I, jsx as b } from "react/jsx-runtime";
-import { e as w, g as C, s as T, h as z, m as N, u as O, c as R, P as e, b as j } from "./DefaultPropsProvider.js";
+import { jsxs as b, jsx as I } from "react/jsx-runtime";
+import { g as w, e as z, P as e } from "./createTheme.js";
+import { g as C, s as T, m as N, u as O, c as R, a as j } from "./DefaultPropsProvider.js";
 function E(o) {
   return w("MuiSvgIcon", o);
 }
@@ -8,33 +9,33 @@ C("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "color
 const $ = (o) => {
   const {
     color: r,
-    fontSize: n,
+    fontSize: t,
     classes: s
-  } = o, t = {
-    root: ["root", r !== "inherit" && `color${z(r)}`, `fontSize${z(n)}`]
+  } = o, n = {
+    root: ["root", r !== "inherit" && `color${z(r)}`, `fontSize${z(t)}`]
   };
-  return j(t, E, s);
+  return j(n, E, s);
 }, A = T("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (o, r) => {
     const {
-      ownerState: n
+      ownerState: t
     } = o;
-    return [r.root, n.color !== "inherit" && r[`color${z(n.color)}`], r[`fontSize${z(n.fontSize)}`]];
+    return [r.root, t.color !== "inherit" && r[`color${z(t.color)}`], r[`fontSize${z(t.fontSize)}`]];
   }
 })(N(({
   theme: o
 }) => {
-  var r, n, s, t, c, u, a, g, p, d, l, m, y, f;
+  var r, t, s, n, c, u, a, g, p, d, l, m, y, f;
   return {
     userSelect: "none",
     width: "1em",
     height: "1em",
     display: "inline-block",
     flexShrink: 0,
-    transition: (t = (r = o.transitions) == null ? void 0 : r.create) == null ? void 0 : t.call(r, "fill", {
-      duration: (s = (n = (o.vars ?? o).transitions) == null ? void 0 : n.duration) == null ? void 0 : s.shorter
+    transition: (n = (r = o.transitions) == null ? void 0 : r.create) == null ? void 0 : n.call(r, "fill", {
+      duration: (s = (t = (o.vars ?? o).transitions) == null ? void 0 : t.duration) == null ? void 0 : s.shorter
     }),
     variants: [
       {
@@ -115,12 +116,12 @@ const $ = (o) => {
       }
     ]
   };
-})), x = /* @__PURE__ */ h.forwardRef(function(r, n) {
+})), x = /* @__PURE__ */ h.forwardRef(function(r, t) {
   const s = O({
     props: r,
     name: "MuiSvgIcon"
   }), {
-    children: t,
+    children: n,
     className: c,
     color: u = "inherit",
     component: a = "svg",
@@ -130,7 +131,7 @@ const $ = (o) => {
     titleAccess: l,
     viewBox: m = "0 0 24 24",
     ...y
-  } = s, f = /* @__PURE__ */ h.isValidElement(t) && t.type === "svg", i = {
+  } = s, f = /* @__PURE__ */ h.isValidElement(n) && n.type === "svg", i = {
     ...s,
     color: u,
     component: a,
@@ -142,19 +143,19 @@ const $ = (o) => {
   }, S = {};
   d || (S.viewBox = m);
   const v = $(i);
-  return /* @__PURE__ */ I(A, {
+  return /* @__PURE__ */ b(A, {
     as: a,
     className: R(v.root, c),
     focusable: "false",
     color: p,
     "aria-hidden": l ? void 0 : !0,
     role: l ? "img" : void 0,
-    ref: n,
+    ref: t,
     ...S,
     ...y,
-    ...f && t.props,
+    ...f && n.props,
     ownerState: i,
-    children: [f ? t.props.children : t, l ? /* @__PURE__ */ b("title", {
+    children: [f ? n.props.children : n, l ? /* @__PURE__ */ I("title", {
       children: l
     }) : null]
   });
@@ -232,18 +233,18 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
   viewBox: e.string
 });
 x.muiName = "SvgIcon";
-function V(o, r) {
-  function n(s, t) {
-    return /* @__PURE__ */ b(x, {
+function D(o, r) {
+  function t(s, n) {
+    return /* @__PURE__ */ I(x, {
       "data-testid": `${r}Icon`,
-      ref: t,
+      ref: n,
       ...s,
       children: o
     });
   }
-  return process.env.NODE_ENV !== "production" && (n.displayName = `${r}Icon`), n.muiName = x.muiName, /* @__PURE__ */ h.memo(/* @__PURE__ */ h.forwardRef(n));
+  return process.env.NODE_ENV !== "production" && (t.displayName = `${r}Icon`), t.muiName = x.muiName, /* @__PURE__ */ h.memo(/* @__PURE__ */ h.forwardRef(t));
 }
 export {
   x as S,
-  V as c
+  D as c
 };