@notificationapi/react 1.4.0 → 1.5.0

package/dist/components/Preferences/Preferences.js

@@ -1,192 +1,45 @@
-import { jsx as m, jsxs as G, Fragment as Ce } from "react/jsx-runtime";
-import * as C from "react";
-import { useContext as Re } from "react";
-import { NotificationAPIContext as xe } from "../Provider/context.js";
-import { P as ce } from "../../assets/PreferenceInput.js";
-import { g as X, a as Z, s as w, m as $, u as J, c as k, P as t, f as K, x as Se } from "../../assets/DefaultPropsProvider.js";
-import { d as ve, e as Ae, u as le, c as _e, B as Pe } from "../../assets/ButtonBase.js";
-import { P as we } from "../../assets/Paper.js";
-import { u as Ne } from "../../assets/Divider.js";
-import { u as Ie } from "../../assets/useTheme.js";
-import { T as $e, g as de } from "../../assets/utils.js";
-import { u as Me } from "../../assets/resolveComponentProps.js";
-import { c as Oe } from "../../assets/createSvgIcon.js";
-import { T as ue } from "../../assets/Typography.js";
-import { B as De } from "../../assets/Box.js";
-var te = { exports: {} }, l = {};
-/**
- * @license React
- * react-is.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var pe;
-function Fe() {
-  if (pe) return l;
-  pe = 1;
-  var o = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), p = Symbol.for("react.consumer"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), a = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), x = Symbol.for("react.client.reference");
-  function g(e) {
-    if (typeof e == "object" && e !== null) {
-      var h = e.$$typeof;
-      switch (h) {
-        case o:
-          switch (e = e.type, e) {
-            case n:
-            case c:
-            case s:
-            case E:
-            case a:
-              return e;
-            default:
-              switch (e = e && e.$$typeof, e) {
-                case f:
-                case u:
-                case T:
-                case y:
-                  return e;
-                case p:
-                  return e;
-                default:
-                  return h;
-              }
-          }
-        case r:
-          return h;
-      }
-    }
-  }
-  return l.ContextConsumer = p, l.ContextProvider = f, l.Element = o, l.ForwardRef = u, l.Fragment = n, l.Lazy = T, l.Memo = y, l.Portal = r, l.Profiler = c, l.StrictMode = s, l.Suspense = E, l.SuspenseList = a, l.isContextConsumer = function(e) {
-    return g(e) === p;
-  }, l.isContextProvider = function(e) {
-    return g(e) === f;
-  }, l.isElement = function(e) {
-    return typeof e == "object" && e !== null && e.$$typeof === o;
-  }, l.isForwardRef = function(e) {
-    return g(e) === u;
-  }, l.isFragment = function(e) {
-    return g(e) === n;
-  }, l.isLazy = function(e) {
-    return g(e) === T;
-  }, l.isMemo = function(e) {
-    return g(e) === y;
-  }, l.isPortal = function(e) {
-    return g(e) === r;
-  }, l.isProfiler = function(e) {
-    return g(e) === c;
-  }, l.isStrictMode = function(e) {
-    return g(e) === s;
-  }, l.isSuspense = function(e) {
-    return g(e) === E;
-  }, l.isSuspenseList = function(e) {
-    return g(e) === a;
-  }, l.isValidElementType = function(e) {
-    return typeof e == "string" || typeof e == "function" || e === n || e === c || e === s || e === E || e === a || e === b || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === y || e.$$typeof === f || e.$$typeof === p || e.$$typeof === u || e.$$typeof === x || e.getModuleId !== void 0);
-  }, l.typeOf = g, l;
-}
-var d = {};
-/**
- * @license React
- * react-is.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var fe;
-function Le() {
-  return fe || (fe = 1, process.env.NODE_ENV !== "production" && function() {
-    function o(e) {
-      if (typeof e == "object" && e !== null) {
-        var h = e.$$typeof;
-        switch (h) {
-          case r:
-            switch (e = e.type, e) {
-              case s:
-              case p:
-              case c:
-              case a:
-              case y:
-                return e;
-              default:
-                switch (e = e && e.$$typeof, e) {
-                  case u:
-                  case E:
-                  case b:
-                  case T:
-                    return e;
-                  case f:
-                    return e;
-                  default:
-                    return h;
-                }
-            }
-          case n:
-            return h;
-        }
-      }
-    }
-    var r = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), f = Symbol.for("react.consumer"), u = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), g = Symbol.for("react.client.reference");
-    d.ContextConsumer = f, d.ContextProvider = u, d.Element = r, d.ForwardRef = E, d.Fragment = s, d.Lazy = b, d.Memo = T, d.Portal = n, d.Profiler = p, d.StrictMode = c, d.Suspense = a, d.SuspenseList = y, d.isContextConsumer = function(e) {
-      return o(e) === f;
-    }, d.isContextProvider = function(e) {
-      return o(e) === u;
-    }, d.isElement = function(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === r;
-    }, d.isForwardRef = function(e) {
-      return o(e) === E;
-    }, d.isFragment = function(e) {
-      return o(e) === s;
-    }, d.isLazy = function(e) {
-      return o(e) === b;
-    }, d.isMemo = function(e) {
-      return o(e) === T;
-    }, d.isPortal = function(e) {
-      return o(e) === n;
-    }, d.isProfiler = function(e) {
-      return o(e) === p;
-    }, d.isStrictMode = function(e) {
-      return o(e) === c;
-    }, d.isSuspense = function(e) {
-      return o(e) === a;
-    }, d.isSuspenseList = function(e) {
-      return o(e) === y;
-    }, d.isValidElementType = function(e) {
-      return typeof e == "string" || typeof e == "function" || e === s || e === p || e === c || e === a || e === y || e === x || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === T || e.$$typeof === u || e.$$typeof === f || e.$$typeof === E || e.$$typeof === g || e.getModuleId !== void 0);
-    }, d.typeOf = o;
-  }()), d;
-}
-process.env.NODE_ENV === "production" ? te.exports = Fe() : te.exports = Le();
-var Ye = te.exports;
-function ze(o) {
-  return Z("MuiCollapse", o);
+import { jsx as i, jsxs as G, Fragment as he } from "react/jsx-runtime";
+import * as p from "react";
+import { useContext as ye } from "react";
+import { NotificationAPIContext as be } from "../Provider/context.js";
+import { PreferenceInput as ie } from "./PreferenceInput.js";
+import { r as xe } from "../../assets/index.js";
+import { g as q, e as _, s as T, m as I, u as J, c as U, P as e, b as K, L as ve } from "../../assets/DefaultPropsProvider.js";
+import { u as Ce, e as Te, a as se, c as we, B as Ee } from "../../assets/ButtonBase.js";
+import { P as Re } from "../../assets/Paper.js";
+import { a as Ae } from "../../assets/dividerClasses.js";
+import { u as Se } from "../../assets/useTheme.js";
+import { T as Ne, g as ae } from "../../assets/utils.js";
+import { u as Ie } from "../../assets/resolveComponentProps.js";
+import { c as De } from "../../assets/createSvgIcon.js";
+import { T as ce } from "../../assets/Typography.js";
+import { B as Me } from "../../assets/Box.js";
+function Pe(o) {
+  return _("MuiCollapse", o);
 }
-X("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const Ve = (o) => {
+q("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
+const Oe = (o) => {
   const {
-    orientation: r,
+    orientation: t,
     classes: n
   } = o, s = {
-    root: ["root", `${r}`],
+    root: ["root", `${t}`],
     entered: ["entered"],
     hidden: ["hidden"],
-    wrapper: ["wrapper", `${r}`],
-    wrapperInner: ["wrapperInner", `${r}`]
+    wrapper: ["wrapper", `${t}`],
+    wrapperInner: ["wrapperInner", `${t}`]
   };
-  return K(s, ze, n);
-}, Ue = w("div", {
+  return K(s, Pe, n);
+}, $e = T("div", {
   name: "MuiCollapse",
   slot: "Root",
-  overridesResolver: (o, r) => {
+  overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [r.root, r[n.orientation], n.state === "entered" && r.entered, n.state === "exited" && !n.in && n.collapsedSize === "0px" && r.hidden];
+    return [t.root, t[n.orientation], n.state === "entered" && t.entered, n.state === "exited" && !n.in && n.collapsedSize === "0px" && t.hidden];
   }
-})($(({
+})(I(({
   theme: o
 }) => ({
   height: 0,
@@ -219,16 +72,16 @@ const Ve = (o) => {
     }
   }, {
     props: ({
-      ownerState: r
-    }) => r.state === "exited" && !r.in && r.collapsedSize === "0px",
+      ownerState: t
+    }) => t.state === "exited" && !t.in && t.collapsedSize === "0px",
     style: {
       visibility: "hidden"
     }
   }]
-}))), We = w("div", {
+}))), ze = T("div", {
   name: "MuiCollapse",
   slot: "Wrapper",
-  overridesResolver: (o, r) => r.wrapper
+  overridesResolver: (o, t) => t.wrapper
 })({
   // Hack to get children with a negative margin to not falsify the height computation.
   display: "flex",
@@ -242,10 +95,10 @@ const Ve = (o) => {
       height: "100%"
     }
   }]
-}), Ge = w("div", {
+}), je = T("div", {
   name: "MuiCollapse",
   slot: "WrapperInner",
-  overridesResolver: (o, r) => r.wrapperInner
+  overridesResolver: (o, t) => t.wrapperInner
 })({
   width: "100%",
   variants: [{
@@ -257,135 +110,135 @@ const Ve = (o) => {
       height: "100%"
     }
   }]
-}), H = /* @__PURE__ */ C.forwardRef(function(r, n) {
+}), L = /* @__PURE__ */ p.forwardRef(function(t, n) {
   const s = J({
-    props: r,
+    props: t,
     name: "MuiCollapse"
   }), {
     addEndListener: c,
-    children: p,
-    className: f,
-    collapsedSize: u = "0px",
-    component: E,
+    children: l,
+    className: u,
+    collapsedSize: d = "0px",
+    component: m,
     easing: a,
-    in: y,
-    onEnter: T,
-    onEntered: b,
-    onEntering: x,
-    onExit: g,
-    onExited: e,
-    onExiting: h,
-    orientation: R = "vertical",
+    in: g,
+    onEnter: E,
+    onEntered: R,
+    onEntering: A,
+    onExit: D,
+    onExited: w,
+    onExiting: v,
+    orientation: f = "vertical",
     style: M,
-    timeout: A = Se.standard,
+    timeout: b = ve.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: U = $e,
+    TransitionComponent: k = Ne,
     ...Q
-  } = s, O = {
+  } = s, P = {
     ...s,
-    orientation: R,
-    collapsedSize: u
-  }, _ = Ve(O), D = Ie(), j = ve(), P = C.useRef(null), F = C.useRef(), L = typeof u == "number" ? `${u}px` : u, N = R === "horizontal", I = N ? "width" : "height", Y = C.useRef(null), ee = Me(n, Y), z = (i) => (S) => {
-    if (i) {
-      const v = Y.current;
-      S === void 0 ? i(v) : i(v, S);
+    orientation: f,
+    collapsedSize: d
+  }, x = Oe(P), O = Se(), X = Ce(), C = p.useRef(null), $ = p.useRef(), z = typeof d == "number" ? `${d}px` : d, S = f === "horizontal", N = S ? "width" : "height", j = p.useRef(null), Y = Ie(n, j), V = (r) => (h) => {
+    if (r) {
+      const y = j.current;
+      h === void 0 ? r(y) : r(y, h);
     }
-  }, oe = () => P.current ? P.current[N ? "clientWidth" : "clientHeight"] : 0, Ee = z((i, S) => {
-    P.current && N && (P.current.style.position = "absolute"), i.style[I] = L, T && T(i, S);
-  }), ye = z((i, S) => {
-    const v = oe();
-    P.current && N && (P.current.style.position = "");
+  }, Z = () => C.current ? C.current[S ? "clientWidth" : "clientHeight"] : 0, le = V((r, h) => {
+    C.current && S && (C.current.style.position = "absolute"), r.style[N] = z, E && E(r, h);
+  }), pe = V((r, h) => {
+    const y = Z();
+    C.current && S && (C.current.style.position = "");
     const {
-      duration: W,
-      easing: B
-    } = de({
+      duration: B,
+      easing: H
+    } = ae({
       style: M,
-      timeout: A,
+      timeout: b,
       easing: a
     }, {
       mode: "enter"
     });
-    if (A === "auto") {
-      const ae = D.transitions.getAutoHeightDuration(v);
-      i.style.transitionDuration = `${ae}ms`, F.current = ae;
+    if (b === "auto") {
+      const re = O.transitions.getAutoHeightDuration(y);
+      r.style.transitionDuration = `${re}ms`, $.current = re;
     } else
-      i.style.transitionDuration = typeof W == "string" ? W : `${W}ms`;
-    i.style[I] = `${v}px`, i.style.transitionTimingFunction = B, x && x(i, S);
-  }), ge = z((i, S) => {
-    i.style[I] = "auto", b && b(i, S);
-  }), Te = z((i) => {
-    i.style[I] = `${oe()}px`, g && g(i);
-  }), he = z(e), be = z((i) => {
-    const S = oe(), {
-      duration: v,
-      easing: W
-    } = de({
+      r.style.transitionDuration = typeof B == "string" ? B : `${B}ms`;
+    r.style[N] = `${y}px`, r.style.transitionTimingFunction = H, A && A(r, h);
+  }), ue = V((r, h) => {
+    r.style[N] = "auto", R && R(r, h);
+  }), fe = V((r) => {
+    r.style[N] = `${Z()}px`, D && D(r);
+  }), me = V(w), ge = V((r) => {
+    const h = Z(), {
+      duration: y,
+      easing: B
+    } = ae({
       style: M,
-      timeout: A,
+      timeout: b,
       easing: a
     }, {
       mode: "exit"
     });
-    if (A === "auto") {
-      const B = D.transitions.getAutoHeightDuration(S);
-      i.style.transitionDuration = `${B}ms`, F.current = B;
+    if (b === "auto") {
+      const H = O.transitions.getAutoHeightDuration(h);
+      r.style.transitionDuration = `${H}ms`, $.current = H;
     } else
-      i.style.transitionDuration = typeof v == "string" ? v : `${v}ms`;
-    i.style[I] = L, i.style.transitionTimingFunction = W, h && h(i);
+      r.style.transitionDuration = typeof y == "string" ? y : `${y}ms`;
+    r.style[N] = z, r.style.transitionTimingFunction = B, v && v(r);
   });
-  return /* @__PURE__ */ m(U, {
-    in: y,
-    onEnter: Ee,
-    onEntered: ge,
-    onEntering: ye,
-    onExit: Te,
-    onExited: he,
-    onExiting: be,
-    addEndListener: (i) => {
-      A === "auto" && j.start(F.current || 0, i), c && c(Y.current, i);
+  return /* @__PURE__ */ i(k, {
+    in: g,
+    onEnter: le,
+    onEntered: ue,
+    onEntering: pe,
+    onExit: fe,
+    onExited: me,
+    onExiting: ge,
+    addEndListener: (r) => {
+      b === "auto" && X.start($.current || 0, r), c && c(j.current, r);
     },
-    nodeRef: Y,
-    timeout: A === "auto" ? null : A,
+    nodeRef: j,
+    timeout: b === "auto" ? null : b,
     ...Q,
-    children: (i, {
-      ownerState: S,
-      ...v
-    }) => /* @__PURE__ */ m(Ue, {
-      as: E,
-      className: k(_.root, f, {
-        entered: _.entered,
-        exited: !y && L === "0px" && _.hidden
-      }[i]),
+    children: (r, {
+      ownerState: h,
+      ...y
+    }) => /* @__PURE__ */ i($e, {
+      as: m,
+      className: U(x.root, u, {
+        entered: x.entered,
+        exited: !g && z === "0px" && x.hidden
+      }[r]),
       style: {
-        [N ? "minWidth" : "minHeight"]: L,
+        [S ? "minWidth" : "minHeight"]: z,
         ...M
       },
-      ref: ee,
+      ref: Y,
       ownerState: {
-        ...O,
-        state: i
+        ...P,
+        state: r
       },
-      ...v,
-      children: /* @__PURE__ */ m(We, {
+      ...y,
+      children: /* @__PURE__ */ i(ze, {
         ownerState: {
-          ...O,
-          state: i
+          ...P,
+          state: r
         },
-        className: _.wrapper,
-        ref: P,
-        children: /* @__PURE__ */ m(Ge, {
+        className: x.wrapper,
+        ref: C,
+        children: /* @__PURE__ */ i(je, {
           ownerState: {
-            ...O,
-            state: i
+            ...P,
+            state: r
           },
-          className: _.wrapperInner,
-          children: p
+          className: x.wrapperInner,
+          children: l
         })
       })
     })
   });
 });
-process.env.NODE_ENV !== "production" && (H.propTypes = {
+process.env.NODE_ENV !== "production" && (L.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -395,78 +248,78 @@ process.env.NODE_ENV !== "production" && (H.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: e.func,
   /**
    * The content node to be collapsed.
    */
-  children: t.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: e.string,
   /**
    * The width (horizontal) or height (vertical) of the container when collapsed.
    * @default '0px'
    */
-  collapsedSize: t.oneOfType([t.number, t.string]),
+  collapsedSize: e.oneOfType([e.number, e.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: Ae,
+  component: Te,
   /**
    * 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: e.oneOfType([e.shape({
+    enter: e.string,
+    exit: e.string
+  }), e.string]),
   /**
    * If `true`, the component will transition in.
    */
-  in: t.bool,
+  in: e.bool,
   /**
    * @ignore
    */
-  onEnter: t.func,
+  onEnter: e.func,
   /**
    * @ignore
    */
-  onEntered: t.func,
+  onEntered: e.func,
   /**
    * @ignore
    */
-  onEntering: t.func,
+  onEntering: e.func,
   /**
    * @ignore
    */
-  onExit: t.func,
+  onExit: e.func,
   /**
    * @ignore
    */
-  onExited: t.func,
+  onExited: e.func,
   /**
    * @ignore
    */
-  onExiting: t.func,
+  onExiting: e.func,
   /**
    * The transition orientation.
    * @default 'vertical'
    */
-  orientation: t.oneOf(["horizontal", "vertical"]),
+  orientation: e.oneOf(["horizontal", "vertical"]),
   /**
    * @ignore
    */
-  style: t.object,
+  style: e.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -474,51 +327,51 @@ process.env.NODE_ENV !== "production" && (H.propTypes = {
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default duration.standard
    */
-  timeout: t.oneOfType([t.oneOf(["auto"]), t.number, t.shape({
-    appear: t.number,
-    enter: t.number,
-    exit: t.number
+  timeout: e.oneOfType([e.oneOf(["auto"]), e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
   })])
 });
-H && (H.muiSupportAuto = !0);
-const se = /* @__PURE__ */ C.createContext({});
-process.env.NODE_ENV !== "production" && (se.displayName = "AccordionContext");
-function ke(o) {
-  return Z("MuiAccordion", o);
+L && (L.muiSupportAuto = !0);
+const ne = /* @__PURE__ */ p.createContext({});
+process.env.NODE_ENV !== "production" && (ne.displayName = "AccordionContext");
+function Ve(o) {
+  return _("MuiAccordion", o);
 }
-const q = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), Be = (o) => {
+const F = q("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), We = (o) => {
   const {
-    classes: r,
+    classes: t,
     square: n,
     expanded: s,
     disabled: c,
-    disableGutters: p
+    disableGutters: l
   } = o;
   return K({
-    root: ["root", !n && "rounded", s && "expanded", c && "disabled", !p && "gutters"],
+    root: ["root", !n && "rounded", s && "expanded", c && "disabled", !l && "gutters"],
     heading: ["heading"],
     region: ["region"]
-  }, ke, r);
-}, qe = w(we, {
+  }, Ve, t);
+}, ke = T(Re, {
   name: "MuiAccordion",
   slot: "Root",
-  overridesResolver: (o, r) => {
+  overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
     return [{
-      [`& .${q.region}`]: r.region
-    }, r.root, !n.square && r.rounded, !n.disableGutters && r.gutters];
+      [`& .${F.region}`]: t.region
+    }, t.root, !n.square && t.rounded, !n.disableGutters && t.gutters];
   }
-})($(({
+})(I(({
   theme: o
 }) => {
-  const r = {
+  const t = {
     duration: o.transitions.duration.shortest
   };
   return {
     position: "relative",
-    transition: o.transitions.create(["margin"], r),
+    transition: o.transitions.create(["margin"], t),
     overflowAnchor: "none",
     // Keep the same scrolling position
     "&::before": {
@@ -530,14 +383,14 @@ const q = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       content: '""',
       opacity: 1,
       backgroundColor: (o.vars || o).palette.divider,
-      transition: o.transitions.create(["opacity", "background-color"], r)
+      transition: o.transitions.create(["opacity", "background-color"], t)
     },
     "&:first-of-type": {
       "&::before": {
         display: "none"
       }
     },
-    [`&.${q.expanded}`]: {
+    [`&.${F.expanded}`]: {
       "&::before": {
         opacity: 0
       },
@@ -553,15 +406,15 @@ const q = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
         }
       }
     },
-    [`&.${q.disabled}`]: {
+    [`&.${F.disabled}`]: {
       backgroundColor: (o.vars || o).palette.action.disabledBackground
     }
   };
-}), $(({
+}), I(({
   theme: o
 }) => ({
   variants: [{
-    props: (r) => !r.square,
+    props: (t) => !t.square,
     style: {
       borderRadius: 0,
       "&:first-of-type": {
@@ -579,101 +432,101 @@ const q = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       }
     }
   }, {
-    props: (r) => !r.disableGutters,
+    props: (t) => !t.disableGutters,
     style: {
-      [`&.${q.expanded}`]: {
+      [`&.${F.expanded}`]: {
         margin: "16px 0"
       }
     }
   }]
-}))), He = w("h3", {
+}))), Be = T("h3", {
   name: "MuiAccordion",
   slot: "Heading",
-  overridesResolver: (o, r) => r.heading
+  overridesResolver: (o, t) => t.heading
 })({
   all: "unset"
-}), re = /* @__PURE__ */ C.forwardRef(function(r, n) {
+}), ee = /* @__PURE__ */ p.forwardRef(function(t, n) {
   const s = J({
-    props: r,
+    props: t,
     name: "MuiAccordion"
   }), {
     children: c,
-    className: p,
-    defaultExpanded: f = !1,
-    disabled: u = !1,
-    disableGutters: E = !1,
+    className: l,
+    defaultExpanded: u = !1,
+    disabled: d = !1,
+    disableGutters: m = !1,
     expanded: a,
-    onChange: y,
-    square: T = !1,
-    slots: b = {},
-    slotProps: x = {},
-    TransitionComponent: g,
-    TransitionProps: e,
-    ...h
-  } = s, [R, M] = Ne({
+    onChange: g,
+    square: E = !1,
+    slots: R = {},
+    slotProps: A = {},
+    TransitionComponent: D,
+    TransitionProps: w,
+    ...v
+  } = s, [f, M] = Ae({
     controlled: a,
-    default: f,
+    default: u,
     name: "Accordion",
     state: "expanded"
-  }), A = C.useCallback((ee) => {
-    M(!R), y && y(ee, !R);
-  }, [R, y, M]), [U, ...Q] = C.Children.toArray(c), O = C.useMemo(() => ({
-    expanded: R,
-    disabled: u,
-    disableGutters: E,
-    toggle: A
-  }), [R, u, E, A]), _ = {
+  }), b = p.useCallback((Y) => {
+    M(!f), g && g(Y, !f);
+  }, [f, g, M]), [k, ...Q] = p.Children.toArray(c), P = p.useMemo(() => ({
+    expanded: f,
+    disabled: d,
+    disableGutters: m,
+    toggle: b
+  }), [f, d, m, b]), x = {
     ...s,
-    square: T,
-    disabled: u,
-    disableGutters: E,
-    expanded: R
-  }, D = Be(_), j = {
-    transition: g,
-    ...b
-  }, P = {
-    transition: e,
-    ...x
-  }, F = {
-    slots: j,
-    slotProps: P
-  }, [L, N] = le("heading", {
-    elementType: He,
-    externalForwardedProps: F,
-    className: D.heading,
-    ownerState: _
-  }), [I, Y] = le("transition", {
-    elementType: H,
-    externalForwardedProps: F,
-    ownerState: _
+    square: E,
+    disabled: d,
+    disableGutters: m,
+    expanded: f
+  }, O = We(x), X = {
+    transition: D,
+    ...R
+  }, C = {
+    transition: w,
+    ...A
+  }, $ = {
+    slots: X,
+    slotProps: C
+  }, [z, S] = se("heading", {
+    elementType: Be,
+    externalForwardedProps: $,
+    className: O.heading,
+    ownerState: x
+  }), [N, j] = se("transition", {
+    elementType: L,
+    externalForwardedProps: $,
+    ownerState: x
   });
-  return /* @__PURE__ */ G(qe, {
-    className: k(D.root, p),
+  return /* @__PURE__ */ G(ke, {
+    className: U(O.root, l),
     ref: n,
-    ownerState: _,
-    square: T,
-    ...h,
-    children: [/* @__PURE__ */ m(L, {
-      ...N,
-      children: /* @__PURE__ */ m(se.Provider, {
-        value: O,
-        children: U
+    ownerState: x,
+    square: E,
+    ...v,
+    children: [/* @__PURE__ */ i(z, {
+      ...S,
+      children: /* @__PURE__ */ i(ne.Provider, {
+        value: P,
+        children: k
       })
-    }), /* @__PURE__ */ m(I, {
-      in: R,
+    }), /* @__PURE__ */ i(N, {
+      in: f,
       timeout: "auto",
-      ...Y,
-      children: /* @__PURE__ */ m("div", {
-        "aria-labelledby": U.props.id,
-        id: U.props["aria-controls"],
+      ...j,
+      children: /* @__PURE__ */ i("div", {
+        "aria-labelledby": k.props.id,
+        id: k.props["aria-controls"],
         role: "region",
-        className: D.region,
+        className: O.region,
         children: Q
       })
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (re.propTypes = {
+process.env.NODE_ENV !== "production" && (ee.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -681,118 +534,118 @@ process.env.NODE_ENV !== "production" && (re.propTypes = {
   /**
    * The content of the component.
    */
-  children: _e(t.node.isRequired, (o) => {
-    const r = C.Children.toArray(o.children)[0];
-    return Ye.isFragment(r) ? new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ C.isValidElement(r) ? null : new Error("MUI: Expected the first child of Accordion to be a valid element.");
+  children: we(e.node.isRequired, (o) => {
+    const t = p.Children.toArray(o.children)[0];
+    return xe.isFragment(t) ? new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ p.isValidElement(t) ? null : new Error("MUI: Expected the first child of Accordion to be a valid element.");
   }),
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: e.string,
   /**
    * If `true`, expands the accordion by default.
    * @default false
    */
-  defaultExpanded: t.bool,
+  defaultExpanded: e.bool,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: t.bool,
+  disabled: e.bool,
   /**
    * If `true`, it removes the margin between two expanded accordion items and the increase of height.
    * @default false
    */
-  disableGutters: t.bool,
+  disableGutters: e.bool,
   /**
    * If `true`, expands the accordion, otherwise collapse it.
    * Setting this prop enables control over the accordion.
    */
-  expanded: t.bool,
+  expanded: e.bool,
   /**
    * Callback fired when the expand/collapse state is changed.
    *
    * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {boolean} expanded The `expanded` state of the accordion.
    */
-  onChange: t.func,
+  onChange: e.func,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: t.shape({
-    heading: t.oneOfType([t.func, t.object]),
-    transition: t.oneOfType([t.func, t.object])
+  slotProps: e.shape({
+    heading: e.oneOfType([e.func, e.object]),
+    transition: e.oneOfType([e.func, e.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: t.shape({
-    heading: t.elementType,
-    transition: t.elementType
+  slots: e.shape({
+    heading: e.elementType,
+    transition: e.elementType
   }),
   /**
    * If `true`, rounded corners are disabled.
    * @default false
    */
-  square: t.bool,
+  square: e.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  TransitionComponent: t.elementType,
+  TransitionComponent: e.elementType,
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  TransitionProps: t.object
+  TransitionProps: e.object
 });
-function Xe(o) {
-  return Z("MuiAccordionDetails", o);
+function Ge(o) {
+  return _("MuiAccordionDetails", o);
 }
-X("MuiAccordionDetails", ["root"]);
-const Ze = (o) => {
+q("MuiAccordionDetails", ["root"]);
+const Ue = (o) => {
   const {
-    classes: r
+    classes: t
   } = o;
   return K({
     root: ["root"]
-  }, Xe, r);
-}, Je = w("div", {
+  }, Ge, t);
+}, He = T("div", {
   name: "MuiAccordionDetails",
   slot: "Root",
-  overridesResolver: (o, r) => r.root
-})($(({
+  overridesResolver: (o, t) => t.root
+})(I(({
   theme: o
 }) => ({
   padding: o.spacing(1, 2, 2)
-}))), ne = /* @__PURE__ */ C.forwardRef(function(r, n) {
+}))), oe = /* @__PURE__ */ p.forwardRef(function(t, n) {
   const s = J({
-    props: r,
+    props: t,
     name: "MuiAccordionDetails"
   }), {
     className: c,
-    ...p
-  } = s, f = s, u = Ze(f);
-  return /* @__PURE__ */ m(Je, {
-    className: k(u.root, c),
+    ...l
+  } = s, u = s, d = Ue(u);
+  return /* @__PURE__ */ i(He, {
+    className: U(d.root, c),
     ref: n,
-    ownerState: f,
-    ...p
+    ownerState: u,
+    ...l
   });
 });
-process.env.NODE_ENV !== "production" && (ne.propTypes = {
+process.env.NODE_ENV !== "production" && (oe.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -800,26 +653,26 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: e.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function Ke(o) {
-  return Z("MuiAccordionSummary", o);
+function Fe(o) {
+  return _("MuiAccordionSummary", o);
 }
-const V = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), Qe = (o) => {
+const W = q("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), Le = (o) => {
   const {
-    classes: r,
+    classes: t,
     expanded: n,
     disabled: s,
     disableGutters: c
@@ -829,15 +682,15 @@ const V = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     focusVisible: ["focusVisible"],
     content: ["content", n && "expanded", !c && "contentGutters"],
     expandIconWrapper: ["expandIconWrapper", n && "expanded"]
-  }, Ke, r);
-}, je = w(Pe, {
+  }, Fe, t);
+}, qe = T(Ee, {
   name: "MuiAccordionSummary",
   slot: "Root",
-  overridesResolver: (o, r) => r.root
-})($(({
+  overridesResolver: (o, t) => t.root
+})(I(({
   theme: o
 }) => {
-  const r = {
+  const t = {
     duration: o.transitions.duration.shortest
   };
   return {
@@ -845,30 +698,30 @@ const V = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     width: "100%",
     minHeight: 48,
     padding: o.spacing(0, 2),
-    transition: o.transitions.create(["min-height", "background-color"], r),
-    [`&.${V.focusVisible}`]: {
+    transition: o.transitions.create(["min-height", "background-color"], t),
+    [`&.${W.focusVisible}`]: {
       backgroundColor: (o.vars || o).palette.action.focus
     },
-    [`&.${V.disabled}`]: {
+    [`&.${W.disabled}`]: {
       opacity: (o.vars || o).palette.action.disabledOpacity
     },
-    [`&:hover:not(.${V.disabled})`]: {
+    [`&:hover:not(.${W.disabled})`]: {
       cursor: "pointer"
     },
     variants: [{
       props: (n) => !n.disableGutters,
       style: {
-        [`&.${V.expanded}`]: {
+        [`&.${W.expanded}`]: {
           minHeight: 64
         }
       }
     }]
   };
-})), eo = w("span", {
+})), _e = T("span", {
   name: "MuiAccordionSummary",
   slot: "Content",
-  overridesResolver: (o, r) => r.content
-})($(({
+  overridesResolver: (o, t) => t.content
+})(I(({
   theme: o
 }) => ({
   display: "flex",
@@ -876,21 +729,21 @@ const V = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   flexGrow: 1,
   margin: "12px 0",
   variants: [{
-    props: (r) => !r.disableGutters,
+    props: (t) => !t.disableGutters,
     style: {
       transition: o.transitions.create(["margin"], {
         duration: o.transitions.duration.shortest
       }),
-      [`&.${V.expanded}`]: {
+      [`&.${W.expanded}`]: {
         margin: "20px 0"
       }
     }
   }]
-}))), oo = w("span", {
+}))), Je = T("span", {
   name: "MuiAccordionSummary",
   slot: "ExpandIconWrapper",
-  overridesResolver: (o, r) => r.expandIconWrapper
-})($(({
+  overridesResolver: (o, t) => t.expandIconWrapper
+})(I(({
   theme: o
 }) => ({
   display: "flex",
@@ -899,56 +752,56 @@ const V = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   transition: o.transitions.create("transform", {
     duration: o.transitions.duration.shortest
   }),
-  [`&.${V.expanded}`]: {
+  [`&.${W.expanded}`]: {
     transform: "rotate(180deg)"
   }
-}))), ie = /* @__PURE__ */ C.forwardRef(function(r, n) {
+}))), te = /* @__PURE__ */ p.forwardRef(function(t, n) {
   const s = J({
-    props: r,
+    props: t,
     name: "MuiAccordionSummary"
   }), {
     children: c,
-    className: p,
-    expandIcon: f,
-    focusVisibleClassName: u,
-    onClick: E,
+    className: l,
+    expandIcon: u,
+    focusVisibleClassName: d,
+    onClick: m,
     ...a
   } = s, {
-    disabled: y = !1,
-    disableGutters: T,
-    expanded: b,
-    toggle: x
-  } = C.useContext(se), g = (R) => {
-    x && x(R), E && E(R);
-  }, e = {
+    disabled: g = !1,
+    disableGutters: E,
+    expanded: R,
+    toggle: A
+  } = p.useContext(ne), D = (f) => {
+    A && A(f), m && m(f);
+  }, w = {
     ...s,
-    expanded: b,
-    disabled: y,
-    disableGutters: T
-  }, h = Qe(e);
-  return /* @__PURE__ */ G(je, {
+    expanded: R,
+    disabled: g,
+    disableGutters: E
+  }, v = Le(w);
+  return /* @__PURE__ */ G(qe, {
     focusRipple: !1,
     disableRipple: !0,
-    disabled: y,
-    "aria-expanded": b,
-    className: k(h.root, p),
-    focusVisibleClassName: k(h.focusVisible, u),
-    onClick: g,
+    disabled: g,
+    "aria-expanded": R,
+    className: U(v.root, l),
+    focusVisibleClassName: U(v.focusVisible, d),
+    onClick: D,
     ref: n,
-    ownerState: e,
+    ownerState: w,
     ...a,
-    children: [/* @__PURE__ */ m(eo, {
-      className: h.content,
-      ownerState: e,
+    children: [/* @__PURE__ */ i(_e, {
+      className: v.content,
+      ownerState: w,
       children: c
-    }), f && /* @__PURE__ */ m(oo, {
-      className: h.expandIconWrapper,
-      ownerState: e,
-      children: f
+    }), u && /* @__PURE__ */ i(Je, {
+      className: v.expandIconWrapper,
+      ownerState: w,
+      children: u
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (ie.propTypes = {
+process.env.NODE_ENV !== "production" && (te.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -956,19 +809,19 @@ process.env.NODE_ENV !== "production" && (ie.propTypes = {
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: e.string,
   /**
    * The icon to display as the expand indicator.
    */
-  expandIcon: t.node,
+  expandIcon: e.node,
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -977,57 +830,57 @@ process.env.NODE_ENV !== "production" && (ie.propTypes = {
    * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
    * if needed.
    */
-  focusVisibleClassName: t.string,
+  focusVisibleClassName: e.string,
   /**
    * @ignore
    */
-  onClick: t.func,
+  onClick: e.func,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const me = Oe(/* @__PURE__ */ m("path", {
+const de = De(/* @__PURE__ */ i("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
 }), "ExpandMore");
-function To() {
-  const o = Re(xe);
+function uo() {
+  const o = ye(be);
   if (!o || !o.preferences)
     return null;
-  const r = o.preferences.notifications.sort((n, s) => n.title.localeCompare(s.title)).map((n) => {
-    var f, u, E;
-    const s = (f = o.preferences) == null ? void 0 : f.preferences.filter(
+  const t = o.preferences.notifications.sort((n, s) => n.title.localeCompare(s.title)).map((n) => {
+    var u, d, m;
+    const s = (u = o.preferences) == null ? void 0 : u.preferences.filter(
       (a) => a.notificationId === n.notificationId && !a.subNotificationId
-    ), c = (u = o.preferences) == null ? void 0 : u.preferences.filter(
+    ), c = (d = o.preferences) == null ? void 0 : d.preferences.filter(
       (a) => a.notificationId === n.notificationId && a.subNotificationId
-    ), p = (E = o.preferences) == null ? void 0 : E.subNotifications.filter(
+    ), l = (m = o.preferences) == null ? void 0 : m.subNotifications.filter(
       (a) => c == null ? void 0 : c.find(
-        (y) => y.subNotificationId === a.subNotificationId
+        (g) => g.subNotificationId === a.subNotificationId
       )
     );
     return /* @__PURE__ */ G(
-      re,
+      ee,
       {
         style: {
           marginBottom: 0,
           marginTop: 0
         },
         children: [
-          /* @__PURE__ */ m(
-            ie,
+          /* @__PURE__ */ i(
+            te,
             {
-              expandIcon: /* @__PURE__ */ m(me, {}),
+              expandIcon: /* @__PURE__ */ i(de, {}),
               style: {
                 backgroundColor: "#f0f0f0",
                 flexDirection: "row-reverse",
                 gap: 16
               },
-              children: /* @__PURE__ */ m(ue, { variant: "body1", children: n.title })
+              children: /* @__PURE__ */ i(ce, { variant: "body1", children: n.title })
             }
           ),
-          /* @__PURE__ */ m(ne, { children: /* @__PURE__ */ G(Ce, { children: [
-            /* @__PURE__ */ m(
-              ce,
+          /* @__PURE__ */ i(oe, { children: /* @__PURE__ */ G(he, { children: [
+            /* @__PURE__ */ i(
+              ie,
               {
                 notification: n,
                 preferences: s || [],
@@ -1035,26 +888,26 @@ function To() {
               },
               n.notificationId
             ),
-            p == null ? void 0 : p.map((a) => /* @__PURE__ */ G(
-              re,
+            l == null ? void 0 : l.map((a) => /* @__PURE__ */ G(
+              ee,
               {
                 style: {
                   marginTop: 12
                 },
                 children: [
-                  /* @__PURE__ */ m(
-                    ie,
+                  /* @__PURE__ */ i(
+                    te,
                     {
-                      expandIcon: /* @__PURE__ */ m(me, {}),
+                      expandIcon: /* @__PURE__ */ i(de, {}),
                       style: {
                         flexDirection: "row-reverse",
                         gap: 16
                       },
-                      children: /* @__PURE__ */ m(ue, { variant: "body1", children: a.title })
+                      children: /* @__PURE__ */ i(ce, { variant: "body1", children: a.title })
                     }
                   ),
-                  /* @__PURE__ */ m(ne, { children: /* @__PURE__ */ m(
-                    ce,
+                  /* @__PURE__ */ i(oe, { children: /* @__PURE__ */ i(
+                    ie,
                     {
                       notification: n,
                       preferences: c || [],
@@ -1073,8 +926,8 @@ function To() {
       n.notificationId
     );
   });
-  return /* @__PURE__ */ m(De, { sx: { borderRadius: 2, overflow: "hidden" }, children: r });
+  return /* @__PURE__ */ i(Me, { sx: { borderRadius: 2, overflow: "hidden" }, children: t });
 }
 export {
-  To as Preferences
+  uo as Preferences
 };