@notificationapi/react 1.4.0 → 1.5.0

package/dist/assets/Divider.js

@@ -1,87 +1,40 @@
-import * as l from "react";
-import { g as A, a as R, s as x, m as w, b as $, u as S, c as T, P as r, f as V } from "./DefaultPropsProvider.js";
+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 { g as C } from "./dividerClasses.js";
 import { jsx as v } from "react/jsx-runtime";
-let b = 0;
-function L(t) {
-  const [e, i] = l.useState(t), o = t || e;
-  return l.useEffect(() => {
-    e == null && (b += 1, i(`mui-${b}`));
-  }, [e]), o;
-}
-const N = {
-  ...l
-}, m = N.useId;
-function k(t) {
-  if (m !== void 0) {
-    const e = m();
-    return t ?? e;
-  }
-  return L(t);
-}
-function z({
-  controlled: t,
-  default: e,
-  name: i,
-  state: o = "value"
-}) {
-  const {
-    current: n
-  } = l.useRef(t !== void 0), [d, a] = l.useState(e), s = n ? t : d;
-  if (process.env.NODE_ENV !== "production") {
-    l.useEffect(() => {
-      n !== (t !== void 0) && console.error([`MUI: A component is changing the ${n ? "" : "un"}controlled ${o} state of ${i} to be ${n ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${i} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [o, i, t]);
-    const {
-      current: p
-    } = l.useRef(e);
-    l.useEffect(() => {
-      !n && !Object.is(p, e) && console.error([`MUI: A component is changing the default ${o} state of an uncontrolled ${i} after being initialized. To suppress this warning opt to use a controlled ${i}.`].join(`
-`));
-    }, [JSON.stringify(e)]);
-  }
-  const c = l.useCallback((p) => {
-    n || a(p);
-  }, []);
-  return [s, c];
-}
-function O(t) {
-  return R("MuiDivider", t);
-}
-A("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-const W = (t) => {
+const L = (e) => {
   const {
-    absolute: e,
-    children: i,
-    classes: o,
-    flexItem: n,
-    light: d,
-    orientation: a,
-    textAlign: s,
-    variant: c
-  } = t;
-  return V({
-    root: ["root", e && "absolute", c, d && "light", a === "vertical" && "vertical", n && "flexItem", i && "withChildren", i && a === "vertical" && "withChildrenVertical", s === "right" && a !== "vertical" && "textAlignRight", s === "left" && a !== "vertical" && "textAlignLeft"],
-    wrapper: ["wrapper", a === "vertical" && "wrapperVertical"]
-  }, O, o);
-}, E = x("div", {
+    absolute: t,
+    children: r,
+    classes: s,
+    flexItem: p,
+    light: n,
+    orientation: o,
+    textAlign: a,
+    variant: l
+  } = e;
+  return S({
+    root: ["root", t && "absolute", l, n && "light", o === "vertical" && "vertical", p && "flexItem", r && "withChildren", r && o === "vertical" && "withChildrenVertical", a === "right" && o !== "vertical" && "textAlignRight", a === "left" && o !== "vertical" && "textAlignLeft"],
+    wrapper: ["wrapper", o === "vertical" && "wrapperVertical"]
+  }, C, s);
+}, O = b("div", {
   name: "MuiDivider",
   slot: "Root",
-  overridesResolver: (t, e) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: i
-    } = t;
-    return [e.root, i.absolute && e.absolute, e[i.variant], i.light && e.light, i.orientation === "vertical" && e.vertical, i.flexItem && e.flexItem, i.children && e.withChildren, i.children && i.orientation === "vertical" && e.withChildrenVertical, i.textAlign === "right" && i.orientation !== "vertical" && e.textAlignRight, i.textAlign === "left" && i.orientation !== "vertical" && e.textAlignLeft];
+      ownerState: r
+    } = e;
+    return [t.root, r.absolute && t.absolute, t[r.variant], r.light && t.light, r.orientation === "vertical" && t.vertical, r.flexItem && t.flexItem, r.children && t.withChildren, r.children && r.orientation === "vertical" && t.withChildrenVertical, r.textAlign === "right" && r.orientation !== "vertical" && t.textAlignRight, r.textAlign === "left" && r.orientation !== "vertical" && t.textAlignLeft];
   }
-})(w(({
-  theme: t
+})(u(({
+  theme: e
 }) => ({
   margin: 0,
   // Reset browser default style.
   flexShrink: 0,
   borderWidth: 0,
   borderStyle: "solid",
-  borderColor: (t.vars || t).palette.divider,
+  borderColor: (e.vars || e).palette.divider,
   borderBottomWidth: "thin",
   variants: [{
     props: {
@@ -98,7 +51,7 @@ const W = (t) => {
       light: !0
     },
     style: {
-      borderColor: t.vars ? `rgba(${t.vars.palette.dividerChannel} / 0.08)` : $(t.palette.divider, 0.08)
+      borderColor: e.vars ? `rgba(${e.vars.palette.dividerChannel} / 0.08)` : D(e.palette.divider, 0.08)
     }
   }, {
     props: {
@@ -113,8 +66,8 @@ const W = (t) => {
       orientation: "horizontal"
     },
     style: {
-      marginLeft: t.spacing(2),
-      marginRight: t.spacing(2)
+      marginLeft: e.spacing(2),
+      marginRight: e.spacing(2)
     }
   }, {
     props: {
@@ -122,8 +75,8 @@ const W = (t) => {
       orientation: "vertical"
     },
     style: {
-      marginTop: t.spacing(1),
-      marginBottom: t.spacing(1)
+      marginTop: e.spacing(1),
+      marginBottom: e.spacing(1)
     }
   }, {
     props: {
@@ -144,8 +97,8 @@ const W = (t) => {
     }
   }, {
     props: ({
-      ownerState: e
-    }) => !!e.children,
+      ownerState: t
+    }) => !!t.children,
     style: {
       display: "flex",
       textAlign: "center",
@@ -159,31 +112,31 @@ const W = (t) => {
     }
   }, {
     props: ({
-      ownerState: e
-    }) => e.children && e.orientation !== "vertical",
+      ownerState: t
+    }) => t.children && t.orientation !== "vertical",
     style: {
       "&::before, &::after": {
         width: "100%",
-        borderTop: `thin solid ${(t.vars || t).palette.divider}`,
+        borderTop: `thin solid ${(e.vars || e).palette.divider}`,
         borderTopStyle: "inherit"
       }
     }
   }, {
     props: ({
-      ownerState: e
-    }) => e.orientation === "vertical" && e.children,
+      ownerState: t
+    }) => t.orientation === "vertical" && t.children,
     style: {
       flexDirection: "column",
       "&::before, &::after": {
         height: "100%",
-        borderLeft: `thin solid ${(t.vars || t).palette.divider}`,
+        borderLeft: `thin solid ${(e.vars || e).palette.divider}`,
         borderLeftStyle: "inherit"
       }
     }
   }, {
     props: ({
-      ownerState: e
-    }) => e.textAlign === "right" && e.orientation !== "vertical",
+      ownerState: t
+    }) => t.textAlign === "right" && t.orientation !== "vertical",
     style: {
       "&::before": {
         width: "90%"
@@ -194,8 +147,8 @@ const W = (t) => {
     }
   }, {
     props: ({
-      ownerState: e
-    }) => e.textAlign === "left" && e.orientation !== "vertical",
+      ownerState: t
+    }) => t.textAlign === "left" && t.orientation !== "vertical",
     style: {
       "&::before": {
         width: "10%"
@@ -205,75 +158,75 @@ const W = (t) => {
       }
     }
   }]
-}))), M = x("span", {
+}))), W = b("span", {
   name: "MuiDivider",
   slot: "Wrapper",
-  overridesResolver: (t, e) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: i
-    } = t;
-    return [e.wrapper, i.orientation === "vertical" && e.wrapperVertical];
+      ownerState: r
+    } = e;
+    return [t.wrapper, r.orientation === "vertical" && t.wrapperVertical];
   }
-})(w(({
-  theme: t
+})(u(({
+  theme: e
 }) => ({
   display: "inline-block",
-  paddingLeft: `calc(${t.spacing(1)} * 1.2)`,
-  paddingRight: `calc(${t.spacing(1)} * 1.2)`,
+  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${e.spacing(1)} * 1.2)`,
   whiteSpace: "nowrap",
   variants: [{
     props: {
       orientation: "vertical"
     },
     style: {
-      paddingTop: `calc(${t.spacing(1)} * 1.2)`,
-      paddingBottom: `calc(${t.spacing(1)} * 1.2)`
+      paddingTop: `calc(${e.spacing(1)} * 1.2)`,
+      paddingBottom: `calc(${e.spacing(1)} * 1.2)`
     }
   }]
-}))), h = /* @__PURE__ */ l.forwardRef(function(e, i) {
-  const o = S({
-    props: e,
+}))), f = /* @__PURE__ */ A.forwardRef(function(t, r) {
+  const s = T({
+    props: t,
     name: "MuiDivider"
   }), {
-    absolute: n = !1,
-    children: d,
-    className: a,
-    orientation: s = "horizontal",
-    component: c = d || s === "vertical" ? "div" : "hr",
-    flexItem: p = !1,
-    light: y = !1,
-    role: f = c !== "hr" ? "separator" : void 0,
-    textAlign: I = "center",
-    variant: C = "fullWidth",
-    ...D
-  } = o, u = {
-    ...o,
-    absolute: n,
-    component: c,
-    flexItem: p,
-    light: y,
-    orientation: s,
-    role: f,
-    textAlign: I,
-    variant: C
-  }, g = W(u);
-  return /* @__PURE__ */ v(E, {
-    as: c,
-    className: T(g.root, a),
-    role: f,
-    ref: i,
-    ownerState: u,
-    "aria-orientation": f === "separator" && (c !== "hr" || s === "vertical") ? s : void 0,
-    ...D,
-    children: d ? /* @__PURE__ */ v(M, {
-      className: g.wrapper,
-      ownerState: u,
-      children: d
+    absolute: p = !1,
+    children: n,
+    className: o,
+    orientation: a = "horizontal",
+    component: l = n || a === "vertical" ? "div" : "hr",
+    flexItem: g = !1,
+    light: m = !1,
+    role: c = l !== "hr" ? "separator" : void 0,
+    textAlign: x = "center",
+    variant: w = "fullWidth",
+    ...y
+  } = s, d = {
+    ...s,
+    absolute: p,
+    component: l,
+    flexItem: g,
+    light: m,
+    orientation: a,
+    role: c,
+    textAlign: x,
+    variant: w
+  }, h = L(d);
+  return /* @__PURE__ */ v(O, {
+    as: l,
+    className: R(h.root, o),
+    role: c,
+    ref: r,
+    ownerState: d,
+    "aria-orientation": c === "separator" && (l !== "hr" || a === "vertical") ? a : void 0,
+    ...y,
+    children: n ? /* @__PURE__ */ v(W, {
+      className: h.wrapper,
+      ownerState: d,
+      children: n
     }) : null
   });
 });
-h && (h.muiSkipListHighlight = !0);
-process.env.NODE_ENV !== "production" && (h.propTypes = {
+f && (f.muiSkipListHighlight = !0);
+process.env.NODE_ENV !== "production" && (f.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -282,62 +235,60 @@ process.env.NODE_ENV !== "production" && (h.propTypes = {
    * Absolutely position the element.
    * @default false
    */
-  absolute: r.bool,
+  absolute: i.bool,
   /**
    * The content of the component.
    */
-  children: r.node,
+  children: i.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: r.object,
+  classes: i.object,
   /**
    * @ignore
    */
-  className: r.string,
+  className: i.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: r.elementType,
+  component: i.elementType,
   /**
    * If `true`, a vertical divider will have the correct height when used in flex container.
    * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
    * @default false
    */
-  flexItem: r.bool,
+  flexItem: i.bool,
   /**
    * If `true`, the divider will have a lighter color.
    * @default false
    * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  light: r.bool,
+  light: i.bool,
   /**
    * The component orientation.
    * @default 'horizontal'
    */
-  orientation: r.oneOf(["horizontal", "vertical"]),
+  orientation: i.oneOf(["horizontal", "vertical"]),
   /**
    * @ignore
    */
-  role: r.string,
+  role: i.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object]),
   /**
    * The text alignment.
    * @default 'center'
    */
-  textAlign: r.oneOf(["center", "left", "right"]),
+  textAlign: i.oneOf(["center", "left", "right"]),
   /**
    * The variant to use.
    * @default 'fullWidth'
    */
-  variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
+  variant: i.oneOfType([i.oneOf(["fullWidth", "inset", "middle"]), i.string])
 });
 export {
-  h as D,
-  k as a,
-  z as u
+  f as D
 };

package/dist/assets/Grow.js

@@ -0,0 +1,201 @@
+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 { 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})`;
+}
+const Y = {
+  entering: {
+    opacity: 1,
+    transform: h(1)
+  },
+  entered: {
+    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) {
+  const {
+    addEndListener: x,
+    appear: C = !0,
+    children: m,
+    easing: R,
+    in: T,
+    onEnter: v,
+    onEntered: L,
+    onEntering: O,
+    onExit: b,
+    onExited: j,
+    onExiting: H,
+    style: p,
+    timeout: i = "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);
+    }
+  }, S = a(O), _ = a((n, r) => {
+    B(n);
+    const {
+      duration: e,
+      delay: l,
+      easing: o
+    } = A({
+      style: p,
+      timeout: i,
+      easing: R
+    }, {
+      mode: "enter"
+    });
+    let u;
+    i === "auto" ? (u = s.transitions.getAutoHeightDuration(n.clientHeight), g.current = u) : u = e, n.style.transition = [s.transitions.create("opacity", {
+      duration: u,
+      delay: l
+    }), 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) => {
+    const {
+      duration: r,
+      delay: e,
+      easing: l
+    } = A({
+      style: p,
+      timeout: i,
+      easing: R
+    }, {
+      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,
+      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,
+    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);
+    },
+    timeout: i === "auto" ? null : i,
+    ...P,
+    children: (n, {
+      ownerState: r,
+      ...e
+    }) => /* @__PURE__ */ c.cloneElement(m, {
+      style: {
+        opacity: 0,
+        transform: h(0.75),
+        visibility: n === "exited" && !T ? "hidden" : void 0,
+        ...Y[n],
+        ...p,
+        ...m.props.style
+      },
+      ref: G,
+      ...e
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (y.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * 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,
+  /**
+   * 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,
+  /**
+   * A single child content element.
+   */
+  children: U.isRequired,
+  /**
+   * 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]),
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: t.bool,
+  /**
+   * @ignore
+   */
+  onEnter: t.func,
+  /**
+   * @ignore
+   */
+  onEntered: t.func,
+  /**
+   * @ignore
+   */
+  onEntering: t.func,
+  /**
+   * @ignore
+   */
+  onExit: t.func,
+  /**
+   * @ignore
+   */
+  onExited: t.func,
+  /**
+   * @ignore
+   */
+  onExiting: t.func,
+  /**
+   * @ignore
+   */
+  style: t.object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   *
+   * 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
+  })])
+});
+y && (y.muiSupportAuto = !0);
+export {
+  y as G,
+  st as u
+};

package/dist/assets/IconButton.js

@@ -1,5 +1,5 @@
 import * as c from "react";
-import { g as z, a as R, s as I, h as a, m as g, b as f, u as O, c as C, P as e, f as h } from "./DefaultPropsProvider.js";
+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 { c as y } from "./createSimplePaletteValueFilter.js";
 import { jsx as T } from "react/jsx-runtime";
 import { B as S, c as $ } from "./ButtonBase.js";