@notificationapi/react 0.0.37 → 1.0.1

package/dist/components/Preferences/Preferences.js

@@ -1,585 +1,1080 @@
-import { jsxs as re, Fragment as V, jsx as z } from "react/jsx-runtime";
-import { NotificationAPIContext as le } from "../Provider/index.js";
-import * as M from "react";
-import h, { useContext as se } from "react";
-import { P as W } from "../../assets/PreferenceInput.js";
-import { R as ce } from "../../assets/RightOutlined.js";
-import { f as J, c as D, b as K, e as Q, a as T, w as de, d as ue } from "../../assets/presets.js";
-import { e as fe, d as me, f as Y, a as Z, g as ve, m as pe, u as R, r as ge, h as Ce, c as X } from "../../assets/reactNode.js";
-import { t as ee, u as be, a as ye, o as q } from "../../assets/compact-item.js";
-import { K as F, e as he } from "../../assets/index3.js";
-import { p as xe } from "../../assets/pickAttrs.js";
-var ne = /* @__PURE__ */ h.forwardRef(function(e, n) {
-  var a = e.prefixCls, t = e.forceRender, o = e.className, c = e.style, v = e.children, l = e.isActive, u = e.role, i = e.classNames, C = e.styles, f = h.useState(l || t), d = J(f, 2), r = d[0], g = d[1];
-  return h.useEffect(function() {
-    (t || l) && g(!0);
-  }, [t, l]), r ? /* @__PURE__ */ h.createElement("div", {
-    ref: n,
-    className: D("".concat(a, "-content"), K(K({}, "".concat(a, "-content-active"), l), "".concat(a, "-content-inactive"), !l), o),
-    style: c,
-    role: u
-  }, /* @__PURE__ */ h.createElement("div", {
-    className: D("".concat(a, "-content-box"), i == null ? void 0 : i.body),
-    style: C == null ? void 0 : C.body
-  }, v)) : null;
-});
-ne.displayName = "PanelContent";
-var Ie = ["showArrow", "headerClass", "isActive", "onItemClick", "forceRender", "className", "classNames", "styles", "prefixCls", "collapsible", "accordion", "panelKey", "extra", "header", "expandIcon", "openMotion", "destroyInactivePanel", "children"], ae = /* @__PURE__ */ h.forwardRef(function(e, n) {
-  var a = e.showArrow, t = a === void 0 ? !0 : a, o = e.headerClass, c = e.isActive, v = e.onItemClick, l = e.forceRender, u = e.className, i = e.classNames, C = i === void 0 ? {} : i, f = e.styles, d = f === void 0 ? {} : f, r = e.prefixCls, g = e.collapsible, x = e.accordion, s = e.panelKey, b = e.extra, $ = e.header, N = e.expandIcon, p = e.openMotion, S = e.destroyInactivePanel, y = e.children, E = Q(e, Ie), P = g === "disabled", w = g === "header", A = g === "icon", m = b != null && typeof b != "boolean", I = function() {
-    v == null || v(s);
-  }, O = function(B) {
-    (B.key === "Enter" || B.keyCode === F.ENTER || B.which === F.ENTER) && I();
-  }, _ = typeof N == "function" ? N(e) : /* @__PURE__ */ h.createElement("i", {
-    className: "arrow"
-  });
-  _ && (_ = /* @__PURE__ */ h.createElement("div", {
-    className: "".concat(r, "-expand-icon"),
-    onClick: ["header", "icon"].includes(g) ? I : void 0
-  }, _));
-  var H = D(K(K(K({}, "".concat(r, "-item"), !0), "".concat(r, "-item-active"), c), "".concat(r, "-item-disabled"), P), u), G = D(o, K(K(K({}, "".concat(r, "-header"), !0), "".concat(r, "-header-collapsible-only"), w), "".concat(r, "-icon-collapsible-only"), A), C.header), k = {
-    className: G,
-    "aria-expanded": c,
-    "aria-disabled": P,
-    onKeyDown: O,
-    style: d.header
-  };
-  return !w && !A && (k.onClick = I, k.role = x ? "tab" : "button", k.tabIndex = P ? -1 : 0), /* @__PURE__ */ h.createElement("div", T({}, E, {
-    ref: n,
-    className: H
-  }), /* @__PURE__ */ h.createElement("div", k, t && _, /* @__PURE__ */ h.createElement("span", {
-    className: "".concat(r, "-header-text"),
-    onClick: g === "header" ? I : void 0
-  }, $), m && /* @__PURE__ */ h.createElement("div", {
-    className: "".concat(r, "-extra")
-  }, b)), /* @__PURE__ */ h.createElement(fe, T({
-    visible: c,
-    leavedClassName: "".concat(r, "-content-hidden")
-  }, p, {
-    forceRender: l,
-    removeOnLeave: S
-  }), function(j, B) {
-    var oe = j.className, ie = j.style;
-    return /* @__PURE__ */ h.createElement(ne, {
-      ref: B,
-      prefixCls: r,
-      className: oe,
-      classNames: C,
-      style: ie,
-      styles: d,
-      isActive: c,
-      forceRender: l,
-      role: x ? "tabpanel" : void 0
-    }, y);
-  }));
-}), $e = ["children", "label", "key", "collapsible", "onItemClick", "destroyInactivePanel"], Ne = function(n, a) {
-  var t = a.prefixCls, o = a.accordion, c = a.collapsible, v = a.destroyInactivePanel, l = a.onItemClick, u = a.activeKey, i = a.openMotion, C = a.expandIcon;
-  return n.map(function(f, d) {
-    var r = f.children, g = f.label, x = f.key, s = f.collapsible, b = f.onItemClick, $ = f.destroyInactivePanel, N = Q(f, $e), p = String(x ?? d), S = s ?? c, y = $ ?? v, E = function(A) {
-      S !== "disabled" && (l(A), b == null || b(A));
-    }, P = !1;
-    return o ? P = u[0] === p : P = u.indexOf(p) > -1, /* @__PURE__ */ h.createElement(ae, T({}, N, {
-      prefixCls: t,
-      key: p,
-      panelKey: p,
-      isActive: P,
-      accordion: o,
-      openMotion: i,
-      expandIcon: C,
-      header: g,
-      collapsible: S,
-      onItemClick: E,
-      destroyInactivePanel: y
-    }), r);
-  });
-}, Pe = function(n, a, t) {
-  if (!n) return null;
-  var o = t.prefixCls, c = t.accordion, v = t.collapsible, l = t.destroyInactivePanel, u = t.onItemClick, i = t.activeKey, C = t.openMotion, f = t.expandIcon, d = n.key || String(a), r = n.props, g = r.header, x = r.headerClass, s = r.destroyInactivePanel, b = r.collapsible, $ = r.onItemClick, N = !1;
-  c ? N = i[0] === d : N = i.indexOf(d) > -1;
-  var p = b ?? v, S = function(P) {
-    p !== "disabled" && (u(P), $ == null || $(P));
-  }, y = {
-    key: d,
-    panelKey: d,
-    header: g,
-    headerClass: x,
-    isActive: N,
-    prefixCls: o,
-    destroyInactivePanel: s ?? l,
-    openMotion: C,
-    accordion: c,
-    children: n.props.children,
-    onItemClick: S,
-    expandIcon: f,
-    collapsible: p
-  };
-  return typeof n.type == "string" ? n : (Object.keys(y).forEach(function(E) {
-    typeof y[E] > "u" && delete y[E];
-  }), /* @__PURE__ */ h.cloneElement(n, y));
-};
-function we(e, n, a) {
-  return Array.isArray(e) ? Ne(e, a) : ee(n).map(function(t, o) {
-    return Pe(t, o, a);
-  });
-}
-function Se(e) {
-  var n = e;
-  if (!Array.isArray(n)) {
-    var a = ue(n);
-    n = a === "number" || a === "string" ? [n] : [];
+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 n.map(function(t) {
-    return String(t);
-  });
+  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;
 }
-var Ee = /* @__PURE__ */ h.forwardRef(function(e, n) {
-  var a = e.prefixCls, t = a === void 0 ? "rc-collapse" : a, o = e.destroyInactivePanel, c = o === void 0 ? !1 : o, v = e.style, l = e.accordion, u = e.className, i = e.children, C = e.collapsible, f = e.openMotion, d = e.expandIcon, r = e.activeKey, g = e.defaultActiveKey, x = e.onChange, s = e.items, b = D(t, u), $ = be([], {
-    value: r,
-    onChange: function(w) {
-      return x == null ? void 0 : x(w);
+process.env.NODE_ENV === "production" ? te.exports = Fe() : te.exports = Le();
+var Ye = te.exports;
+function ze(o) {
+  return Z("MuiCollapse", o);
+}
+X("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
+const Ve = (o) => {
+  const {
+    orientation: r,
+    classes: n
+  } = o, s = {
+    root: ["root", `${r}`],
+    entered: ["entered"],
+    hidden: ["hidden"],
+    wrapper: ["wrapper", `${r}`],
+    wrapperInner: ["wrapperInner", `${r}`]
+  };
+  return K(s, ze, n);
+}, Ue = w("div", {
+  name: "MuiCollapse",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    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];
+  }
+})($(({
+  theme: o
+}) => ({
+  height: 0,
+  overflow: "hidden",
+  transition: o.transitions.create("height"),
+  variants: [{
+    props: {
+      orientation: "horizontal"
     },
-    defaultValue: g,
-    postState: Se
-  }), N = J($, 2), p = N[0], S = N[1], y = function(w) {
-    return S(function() {
-      if (l)
-        return p[0] === w ? [] : [w];
-      var A = p.indexOf(w), m = A > -1;
-      return m ? p.filter(function(I) {
-        return I !== w;
-      }) : [].concat(me(p), [w]);
+    style: {
+      height: "auto",
+      width: 0,
+      transition: o.transitions.create("width")
+    }
+  }, {
+    props: {
+      state: "entered"
+    },
+    style: {
+      height: "auto",
+      overflow: "visible"
+    }
+  }, {
+    props: {
+      state: "entered",
+      orientation: "horizontal"
+    },
+    style: {
+      width: "auto"
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.state === "exited" && !r.in && r.collapsedSize === "0px",
+    style: {
+      visibility: "hidden"
+    }
+  }]
+}))), We = w("div", {
+  name: "MuiCollapse",
+  slot: "Wrapper",
+  overridesResolver: (o, r) => r.wrapper
+})({
+  // Hack to get children with a negative margin to not falsify the height computation.
+  display: "flex",
+  width: "100%",
+  variants: [{
+    props: {
+      orientation: "horizontal"
+    },
+    style: {
+      width: "auto",
+      height: "100%"
+    }
+  }]
+}), Ge = w("div", {
+  name: "MuiCollapse",
+  slot: "WrapperInner",
+  overridesResolver: (o, r) => r.wrapperInner
+})({
+  width: "100%",
+  variants: [{
+    props: {
+      orientation: "horizontal"
+    },
+    style: {
+      width: "auto",
+      height: "100%"
+    }
+  }]
+}), H = /* @__PURE__ */ C.forwardRef(function(r, n) {
+  const s = J({
+    props: r,
+    name: "MuiCollapse"
+  }), {
+    addEndListener: c,
+    children: p,
+    className: f,
+    collapsedSize: u = "0px",
+    component: E,
+    easing: a,
+    in: y,
+    onEnter: T,
+    onEntered: b,
+    onEntering: x,
+    onExit: g,
+    onExited: e,
+    onExiting: h,
+    orientation: R = "vertical",
+    style: M,
+    timeout: A = Se.standard,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: U = $e,
+    ...Q
+  } = s, O = {
+    ...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);
+    }
+  }, 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 = "");
+    const {
+      duration: W,
+      easing: B
+    } = de({
+      style: M,
+      timeout: A,
+      easing: a
+    }, {
+      mode: "enter"
     });
-  };
-  de(!i, "[rc-collapse] `children` will be removed in next major version. Please use `items` instead.");
-  var E = we(s, i, {
-    prefixCls: t,
-    accordion: l,
-    openMotion: f,
-    expandIcon: d,
-    collapsible: C,
-    destroyInactivePanel: c,
-    onItemClick: y,
-    activeKey: p
+    if (A === "auto") {
+      const ae = D.transitions.getAutoHeightDuration(v);
+      i.style.transitionDuration = `${ae}ms`, F.current = ae;
+    } 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({
+      style: M,
+      timeout: A,
+      easing: a
+    }, {
+      mode: "exit"
+    });
+    if (A === "auto") {
+      const B = D.transitions.getAutoHeightDuration(S);
+      i.style.transitionDuration = `${B}ms`, F.current = B;
+    } else
+      i.style.transitionDuration = typeof v == "string" ? v : `${v}ms`;
+    i.style[I] = L, i.style.transitionTimingFunction = W, h && h(i);
+  });
+  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);
+    },
+    nodeRef: Y,
+    timeout: A === "auto" ? null : A,
+    ...Q,
+    children: (i, {
+      ownerState: S,
+      ...v
+    }) => /* @__PURE__ */ m(Ue, {
+      as: E,
+      className: k(_.root, f, {
+        entered: _.entered,
+        exited: !y && L === "0px" && _.hidden
+      }[i]),
+      style: {
+        [N ? "minWidth" : "minHeight"]: L,
+        ...M
+      },
+      ref: ee,
+      ownerState: {
+        ...O,
+        state: i
+      },
+      ...v,
+      children: /* @__PURE__ */ m(We, {
+        ownerState: {
+          ...O,
+          state: i
+        },
+        className: _.wrapper,
+        ref: P,
+        children: /* @__PURE__ */ m(Ge, {
+          ownerState: {
+            ...O,
+            state: i
+          },
+          className: _.wrapperInner,
+          children: p
+        })
+      })
+    })
   });
-  return /* @__PURE__ */ h.createElement("div", T({
-    ref: n,
-    className: b,
-    style: v,
-    role: l ? "tablist" : void 0
-  }, xe(e, {
-    aria: !0,
-    data: !0
-  })), E);
 });
-const L = Object.assign(Ee, {
+process.env.NODE_ENV !== "production" && (H.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,
+  /**
+   * The content node to be collapsed.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The width (horizontal) or height (vertical) of the container when collapsed.
+   * @default '0px'
+   */
+  collapsedSize: t.oneOfType([t.number, t.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: Ae,
+  /**
+   * 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,
+  /**
+   * The transition orientation.
+   * @default 'vertical'
+   */
+  orientation: t.oneOf(["horizontal", "vertical"]),
   /**
-   * @deprecated use `items` instead, will be removed in `v4.0.0`
+   * @ignore
    */
-  Panel: ae
+  style: t.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]),
+  /**
+   * 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 duration.standard
+   */
+  timeout: t.oneOfType([t.oneOf(["auto"]), t.number, t.shape({
+    appear: t.number,
+    enter: t.number,
+    exit: t.number
+  })])
 });
-L.Panel;
-const Ae = /* @__PURE__ */ M.forwardRef((e, n) => {
-  process.env.NODE_ENV !== "production" && Y("Collapse.Panel").deprecated(!("disabled" in e), "disabled", 'collapsible="disabled"');
+H && (H.muiSupportAuto = !0);
+const se = /* @__PURE__ */ C.createContext({});
+process.env.NODE_ENV !== "production" && (se.displayName = "AccordionContext");
+function ke(o) {
+  return Z("MuiAccordion", o);
+}
+const q = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), Be = (o) => {
   const {
-    getPrefixCls: a
-  } = M.useContext(Z), {
-    prefixCls: t,
-    className: o,
-    showArrow: c = !0
-  } = e, v = a("collapse", t), l = D({
-    [`${v}-no-arrow`]: !c
-  }, o);
-  return /* @__PURE__ */ M.createElement(L.Panel, Object.assign({
-    ref: n
-  }, e, {
-    prefixCls: v,
-    className: l
-  }));
-}), Me = (e) => ({
-  [e.componentCls]: {
-    // For common/openAnimation
-    [`${e.antCls}-motion-collapse-legacy`]: {
-      overflow: "hidden",
-      "&-active": {
-        transition: `height ${e.motionDurationMid} ${e.motionEaseInOut},
-        opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
-      }
-    },
-    [`${e.antCls}-motion-collapse`]: {
-      overflow: "hidden",
-      transition: `height ${e.motionDurationMid} ${e.motionEaseInOut},
-        opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
-    }
+    classes: r,
+    square: n,
+    expanded: s,
+    disabled: c,
+    disableGutters: p
+  } = o;
+  return K({
+    root: ["root", !n && "rounded", s && "expanded", c && "disabled", !p && "gutters"],
+    heading: ["heading"],
+    region: ["region"]
+  }, ke, r);
+}, qe = w(we, {
+  name: "MuiAccordion",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: n
+    } = o;
+    return [{
+      [`& .${q.region}`]: r.region
+    }, r.root, !n.square && r.rounded, !n.disableGutters && r.gutters];
   }
-}), Oe = (e) => {
-  const {
-    componentCls: n,
-    contentBg: a,
-    padding: t,
-    headerBg: o,
-    headerPadding: c,
-    collapseHeaderPaddingSM: v,
-    collapseHeaderPaddingLG: l,
-    collapsePanelBorderRadius: u,
-    lineWidth: i,
-    lineType: C,
-    colorBorder: f,
-    colorText: d,
-    colorTextHeading: r,
-    colorTextDisabled: g,
-    fontSizeLG: x,
-    lineHeight: s,
-    lineHeightLG: b,
-    marginSM: $,
-    paddingSM: N,
-    paddingLG: p,
-    paddingXS: S,
-    motionDurationSlow: y,
-    fontSizeIcon: E,
-    contentPadding: P,
-    fontHeight: w,
-    fontHeightLG: A
-  } = e, m = `${R(i)} ${C} ${f}`;
+})($(({
+  theme: o
+}) => {
+  const r = {
+    duration: o.transitions.duration.shortest
+  };
   return {
-    [n]: Object.assign(Object.assign({}, ge(e)), {
-      backgroundColor: o,
-      border: m,
-      borderRadius: u,
-      "&-rtl": {
-        direction: "rtl"
-      },
-      [`& > ${n}-item`]: {
-        borderBottom: m,
-        "&:last-child": {
-          [`
-            &,
-            & > ${n}-header`]: {
-            borderRadius: `0 0 ${R(u)} ${R(u)}`
-          }
-        },
-        [`> ${n}-header`]: {
-          position: "relative",
-          // Compatible with old version of antd, should remove in next version
-          display: "flex",
-          flexWrap: "nowrap",
-          alignItems: "flex-start",
-          padding: c,
-          color: r,
-          lineHeight: s,
-          cursor: "pointer",
-          transition: `all ${y}, visibility 0s`,
-          [`> ${n}-header-text`]: {
-            flex: "auto"
-          },
-          "&:focus": {
-            outline: "none"
-          },
-          // >>>>> Arrow
-          [`${n}-expand-icon`]: {
-            height: w,
-            display: "flex",
-            alignItems: "center",
-            paddingInlineEnd: $
-          },
-          [`${n}-arrow`]: Object.assign(Object.assign({}, Ce()), {
-            fontSize: E,
-            // when `transform: rotate()` is applied to icon's root element
-            transition: `transform ${y}`,
-            // when `transform: rotate()` is applied to icon's child element
-            svg: {
-              transition: `transform ${y}`
-            }
-          }),
-          // >>>>> Text
-          [`${n}-header-text`]: {
-            marginInlineEnd: "auto"
-          }
-        },
-        [`${n}-icon-collapsible-only`]: {
-          cursor: "unset",
-          [`${n}-expand-icon`]: {
-            cursor: "pointer"
-          }
-        }
-      },
-      [`${n}-content`]: {
-        color: d,
-        backgroundColor: a,
-        borderTop: m,
-        [`& > ${n}-content-box`]: {
-          padding: P
-        },
-        "&-hidden": {
-          display: "none"
-        }
-      },
-      "&-small": {
-        [`> ${n}-item`]: {
-          [`> ${n}-header`]: {
-            padding: v,
-            paddingInlineStart: S,
-            [`> ${n}-expand-icon`]: {
-              // Arrow offset
-              marginInlineStart: e.calc(N).sub(S).equal()
-            }
-          },
-          [`> ${n}-content > ${n}-content-box`]: {
-            padding: N
-          }
-        }
-      },
-      "&-large": {
-        [`> ${n}-item`]: {
-          fontSize: x,
-          lineHeight: b,
-          [`> ${n}-header`]: {
-            padding: l,
-            paddingInlineStart: t,
-            [`> ${n}-expand-icon`]: {
-              height: A,
-              // Arrow offset
-              marginInlineStart: e.calc(p).sub(t).equal()
-            }
-          },
-          [`> ${n}-content > ${n}-content-box`]: {
-            padding: p
-          }
-        }
+    position: "relative",
+    transition: o.transitions.create(["margin"], r),
+    overflowAnchor: "none",
+    // Keep the same scrolling position
+    "&::before": {
+      position: "absolute",
+      left: 0,
+      top: -1,
+      right: 0,
+      height: 1,
+      content: '""',
+      opacity: 1,
+      backgroundColor: (o.vars || o).palette.divider,
+      transition: o.transitions.create(["opacity", "background-color"], r)
+    },
+    "&:first-of-type": {
+      "&::before": {
+        display: "none"
+      }
+    },
+    [`&.${q.expanded}`]: {
+      "&::before": {
+        opacity: 0
       },
-      [`${n}-item:last-child`]: {
-        borderBottom: 0,
-        [`> ${n}-content`]: {
-          borderRadius: `0 0 ${R(u)} ${R(u)}`
-        }
+      "&:first-of-type": {
+        marginTop: 0
       },
-      [`& ${n}-item-disabled > ${n}-header`]: {
-        "\n          &,\n          & > .arrow\n        ": {
-          color: g,
-          cursor: "not-allowed"
-        }
+      "&:last-of-type": {
+        marginBottom: 0
       },
-      // ========================== Icon Position ==========================
-      [`&${n}-icon-position-end`]: {
-        [`& > ${n}-item`]: {
-          [`> ${n}-header`]: {
-            [`${n}-expand-icon`]: {
-              order: 1,
-              paddingInlineEnd: 0,
-              paddingInlineStart: $
-            }
-          }
+      "& + &": {
+        "&::before": {
+          display: "none"
         }
       }
-    })
-  };
-}, Re = (e) => {
-  const {
-    componentCls: n
-  } = e, a = `> ${n}-item > ${n}-header ${n}-arrow`;
-  return {
-    [`${n}-rtl`]: {
-      [a]: {
-        transform: "rotate(180deg)"
-      }
+    },
+    [`&.${q.disabled}`]: {
+      backgroundColor: (o.vars || o).palette.action.disabledBackground
     }
   };
-}, _e = (e) => {
-  const {
-    componentCls: n,
-    headerBg: a,
-    paddingXXS: t,
-    colorBorder: o
-  } = e;
-  return {
-    [`${n}-borderless`]: {
-      backgroundColor: a,
-      border: 0,
-      [`> ${n}-item`]: {
-        borderBottom: `1px solid ${o}`
-      },
-      [`
-        > ${n}-item:last-child,
-        > ${n}-item:last-child ${n}-header
-      `]: {
-        borderRadius: 0
+}), $(({
+  theme: o
+}) => ({
+  variants: [{
+    props: (r) => !r.square,
+    style: {
+      borderRadius: 0,
+      "&:first-of-type": {
+        borderTopLeftRadius: (o.vars || o).shape.borderRadius,
+        borderTopRightRadius: (o.vars || o).shape.borderRadius
       },
-      [`> ${n}-item:last-child`]: {
-        borderBottom: 0
-      },
-      [`> ${n}-item > ${n}-content`]: {
-        backgroundColor: "transparent",
-        borderTop: 0
-      },
-      [`> ${n}-item > ${n}-content > ${n}-content-box`]: {
-        paddingTop: t
+      "&:last-of-type": {
+        borderBottomLeftRadius: (o.vars || o).shape.borderRadius,
+        borderBottomRightRadius: (o.vars || o).shape.borderRadius,
+        // Fix a rendering issue on Edge
+        "@supports (-ms-ime-align: auto)": {
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0
+        }
       }
     }
-  };
-}, ke = (e) => {
+  }, {
+    props: (r) => !r.disableGutters,
+    style: {
+      [`&.${q.expanded}`]: {
+        margin: "16px 0"
+      }
+    }
+  }]
+}))), He = w("h3", {
+  name: "MuiAccordion",
+  slot: "Heading",
+  overridesResolver: (o, r) => r.heading
+})({
+  all: "unset"
+}), re = /* @__PURE__ */ C.forwardRef(function(r, n) {
+  const s = J({
+    props: r,
+    name: "MuiAccordion"
+  }), {
+    children: c,
+    className: p,
+    defaultExpanded: f = !1,
+    disabled: u = !1,
+    disableGutters: E = !1,
+    expanded: a,
+    onChange: y,
+    square: T = !1,
+    slots: b = {},
+    slotProps: x = {},
+    TransitionComponent: g,
+    TransitionProps: e,
+    ...h
+  } = s, [R, M] = Ne({
+    controlled: a,
+    default: f,
+    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]), _ = {
+    ...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: _
+  });
+  return /* @__PURE__ */ G(qe, {
+    className: k(D.root, p),
+    ref: n,
+    ownerState: _,
+    square: T,
+    ...h,
+    children: [/* @__PURE__ */ m(L, {
+      ...N,
+      children: /* @__PURE__ */ m(se.Provider, {
+        value: O,
+        children: U
+      })
+    }), /* @__PURE__ */ m(I, {
+      in: R,
+      timeout: "auto",
+      ...Y,
+      children: /* @__PURE__ */ m("div", {
+        "aria-labelledby": U.props.id,
+        id: U.props["aria-controls"],
+        role: "region",
+        className: D.region,
+        children: Q
+      })
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (re.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm 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.");
+  }),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * If `true`, expands the accordion by default.
+   * @default false
+   */
+  defaultExpanded: t.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: t.bool,
+  /**
+   * If `true`, it removes the margin between two expanded accordion items and the increase of height.
+   * @default false
+   */
+  disableGutters: t.bool,
+  /**
+   * If `true`, expands the accordion, otherwise collapse it.
+   * Setting this prop enables control over the accordion.
+   */
+  expanded: t.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,
+  /**
+   * 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])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: t.shape({
+    heading: t.elementType,
+    transition: t.elementType
+  }),
+  /**
+   * If `true`, rounded corners are disabled.
+   * @default false
+   */
+  square: t.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]),
+  /**
+   * 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,
+  /**
+   * 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
+});
+function Xe(o) {
+  return Z("MuiAccordionDetails", o);
+}
+X("MuiAccordionDetails", ["root"]);
+const Ze = (o) => {
+  const {
+    classes: r
+  } = o;
+  return K({
+    root: ["root"]
+  }, Xe, r);
+}, Je = w("div", {
+  name: "MuiAccordionDetails",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+})($(({
+  theme: o
+}) => ({
+  padding: o.spacing(1, 2, 2)
+}))), ne = /* @__PURE__ */ C.forwardRef(function(r, n) {
+  const s = J({
+    props: r,
+    name: "MuiAccordionDetails"
+  }), {
+    className: c,
+    ...p
+  } = s, f = s, u = Ze(f);
+  return /* @__PURE__ */ m(Je, {
+    className: k(u.root, c),
+    ref: n,
+    ownerState: f,
+    ...p
+  });
+});
+process.env.NODE_ENV !== "production" && (ne.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.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])
+});
+function Ke(o) {
+  return Z("MuiAccordionSummary", o);
+}
+const V = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), Qe = (o) => {
   const {
-    componentCls: n,
-    paddingSM: a
-  } = e;
+    classes: r,
+    expanded: n,
+    disabled: s,
+    disableGutters: c
+  } = o;
+  return K({
+    root: ["root", n && "expanded", s && "disabled", !c && "gutters"],
+    focusVisible: ["focusVisible"],
+    content: ["content", n && "expanded", !c && "contentGutters"],
+    expandIconWrapper: ["expandIconWrapper", n && "expanded"]
+  }, Ke, r);
+}, je = w(Pe, {
+  name: "MuiAccordionSummary",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+})($(({
+  theme: o
+}) => {
+  const r = {
+    duration: o.transitions.duration.shortest
+  };
   return {
-    [`${n}-ghost`]: {
-      backgroundColor: "transparent",
-      border: 0,
-      [`> ${n}-item`]: {
-        borderBottom: 0,
-        [`> ${n}-content`]: {
-          backgroundColor: "transparent",
-          border: 0,
-          [`> ${n}-content-box`]: {
-            paddingBlock: a
-          }
+    display: "flex",
+    width: "100%",
+    minHeight: 48,
+    padding: o.spacing(0, 2),
+    transition: o.transitions.create(["min-height", "background-color"], r),
+    [`&.${V.focusVisible}`]: {
+      backgroundColor: (o.vars || o).palette.action.focus
+    },
+    [`&.${V.disabled}`]: {
+      opacity: (o.vars || o).palette.action.disabledOpacity
+    },
+    [`&:hover:not(.${V.disabled})`]: {
+      cursor: "pointer"
+    },
+    variants: [{
+      props: (n) => !n.disableGutters,
+      style: {
+        [`&.${V.expanded}`]: {
+          minHeight: 64
         }
       }
-    }
+    }]
   };
-}, Ke = (e) => ({
-  headerPadding: `${e.paddingSM}px ${e.padding}px`,
-  headerBg: e.colorFillAlter,
-  contentPadding: `${e.padding}px 16px`,
-  // Fixed Value
-  contentBg: e.colorBgContainer
-}), De = ve("Collapse", (e) => {
-  const n = pe(e, {
-    collapseHeaderPaddingSM: `${R(e.paddingXS)} ${R(e.paddingSM)}`,
-    collapseHeaderPaddingLG: `${R(e.padding)} ${R(e.paddingLG)}`,
-    collapsePanelBorderRadius: e.borderRadiusLG
-  });
-  return [Oe(n), _e(n), ke(n), Re(n), Me(n)];
-}, Ke), te = /* @__PURE__ */ M.forwardRef((e, n) => {
-  const {
-    getPrefixCls: a,
-    direction: t,
-    collapse: o
-  } = M.useContext(Z), {
-    prefixCls: c,
-    className: v,
-    rootClassName: l,
-    style: u,
-    bordered: i = !0,
-    ghost: C,
-    size: f,
-    expandIconPosition: d = "start",
-    children: r,
-    expandIcon: g
-  } = e, x = ye((m) => {
-    var I;
-    return (I = f ?? m) !== null && I !== void 0 ? I : "middle";
-  }), s = a("collapse", c), b = a(), [$, N, p] = De(s);
-  if (process.env.NODE_ENV !== "production") {
-    const m = Y("Collapse");
-    process.env.NODE_ENV !== "production" && m(d !== "left" && d !== "right", "deprecated", "`expandIconPosition` with `left` or `right` is deprecated. Please use `start` or `end` instead.");
-  }
-  const S = M.useMemo(() => d === "left" ? "start" : d === "right" ? "end" : d, [d]), y = g ?? (o == null ? void 0 : o.expandIcon), E = M.useCallback(function() {
-    let m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const I = typeof y == "function" ? y(m) : /* @__PURE__ */ M.createElement(ce, {
-      rotate: m.isActive ? 90 : void 0,
-      "aria-label": m.isActive ? "expanded" : "collapsed"
-    });
-    return X(I, () => {
-      var O;
-      return {
-        className: D((O = I == null ? void 0 : I.props) === null || O === void 0 ? void 0 : O.className, `${s}-arrow`)
-      };
-    });
-  }, [y, s]), P = D(`${s}-icon-position-${S}`, {
-    [`${s}-borderless`]: !i,
-    [`${s}-rtl`]: t === "rtl",
-    [`${s}-ghost`]: !!C,
-    [`${s}-${x}`]: x !== "middle"
-  }, o == null ? void 0 : o.className, v, l, N, p), w = Object.assign(Object.assign({}, he(b)), {
-    motionAppear: !1,
-    leavedClassName: `${s}-content-hidden`
-  }), A = M.useMemo(() => r ? ee(r).map((m, I) => {
-    var O, _;
-    if (!((O = m.props) === null || O === void 0) && O.disabled) {
-      const H = (_ = m.key) !== null && _ !== void 0 ? _ : String(I), {
-        disabled: G,
-        collapsible: k
-      } = m.props, j = Object.assign(Object.assign({}, q(m.props, ["disabled"])), {
-        key: H,
-        collapsible: k ?? (G ? "disabled" : void 0)
-      });
-      return X(m, j);
+})), eo = w("span", {
+  name: "MuiAccordionSummary",
+  slot: "Content",
+  overridesResolver: (o, r) => r.content
+})($(({
+  theme: o
+}) => ({
+  display: "flex",
+  textAlign: "start",
+  flexGrow: 1,
+  margin: "12px 0",
+  variants: [{
+    props: (r) => !r.disableGutters,
+    style: {
+      transition: o.transitions.create(["margin"], {
+        duration: o.transitions.duration.shortest
+      }),
+      [`&.${V.expanded}`]: {
+        margin: "20px 0"
+      }
     }
-    return m;
-  }) : null, [r]);
-  return $(
-    // @ts-ignore
-    /* @__PURE__ */ M.createElement(L, Object.assign({
-      ref: n,
-      openMotion: w
-    }, q(e, ["rootClassName"]), {
-      expandIcon: E,
-      prefixCls: s,
-      className: P,
-      style: Object.assign(Object.assign({}, o == null ? void 0 : o.style), u)
-    }), A)
-  );
+  }]
+}))), oo = w("span", {
+  name: "MuiAccordionSummary",
+  slot: "ExpandIconWrapper",
+  overridesResolver: (o, r) => r.expandIconWrapper
+})($(({
+  theme: o
+}) => ({
+  display: "flex",
+  color: (o.vars || o).palette.action.active,
+  transform: "rotate(0deg)",
+  transition: o.transitions.create("transform", {
+    duration: o.transitions.duration.shortest
+  }),
+  [`&.${V.expanded}`]: {
+    transform: "rotate(180deg)"
+  }
+}))), ie = /* @__PURE__ */ C.forwardRef(function(r, n) {
+  const s = J({
+    props: r,
+    name: "MuiAccordionSummary"
+  }), {
+    children: c,
+    className: p,
+    expandIcon: f,
+    focusVisibleClassName: u,
+    onClick: E,
+    ...a
+  } = s, {
+    disabled: y = !1,
+    disableGutters: T,
+    expanded: b,
+    toggle: x
+  } = C.useContext(se), g = (R) => {
+    x && x(R), E && E(R);
+  }, e = {
+    ...s,
+    expanded: b,
+    disabled: y,
+    disableGutters: T
+  }, h = Qe(e);
+  return /* @__PURE__ */ G(je, {
+    focusRipple: !1,
+    disableRipple: !0,
+    disabled: y,
+    "aria-expanded": b,
+    className: k(h.root, p),
+    focusVisibleClassName: k(h.focusVisible, u),
+    onClick: g,
+    ref: n,
+    ownerState: e,
+    ...a,
+    children: [/* @__PURE__ */ m(eo, {
+      className: h.content,
+      ownerState: e,
+      children: c
+    }), f && /* @__PURE__ */ m(oo, {
+      className: h.expandIconWrapper,
+      ownerState: e,
+      children: f
+    })]
+  });
 });
-process.env.NODE_ENV !== "production" && (te.displayName = "Collapse");
-const U = Object.assign(te, {
-  Panel: Ae
+process.env.NODE_ENV !== "production" && (ie.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The icon to display as the expand indicator.
+   */
+  expandIcon: t.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.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * 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,
+  /**
+   * @ignore
+   */
+  onClick: t.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])
 });
-function qe() {
-  const e = se(le);
-  if (!e || !e.preferences)
+const me = Oe(/* @__PURE__ */ m("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);
+  if (!o || !o.preferences)
     return null;
-  const n = e.preferences.notifications.sort((a, t) => a.title.localeCompare(t.title)).map((a) => {
-    var v, l, u;
-    const t = (v = e.preferences) == null ? void 0 : v.preferences.filter(
-      (i) => i.notificationId === a.notificationId && !i.subNotificationId
-    ), o = (l = e.preferences) == null ? void 0 : l.preferences.filter(
-      (i) => i.notificationId === a.notificationId && i.subNotificationId
-    ), c = (u = e.preferences) == null ? void 0 : u.subNotifications.filter(
-      (i) => o == null ? void 0 : o.find(
-        (C) => C.subNotificationId === i.subNotificationId
+  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(
+      (a) => a.notificationId === n.notificationId && !a.subNotificationId
+    ), c = (u = o.preferences) == null ? void 0 : u.preferences.filter(
+      (a) => a.notificationId === n.notificationId && a.subNotificationId
+    ), p = (E = o.preferences) == null ? void 0 : E.subNotifications.filter(
+      (a) => c == null ? void 0 : c.find(
+        (y) => y.subNotificationId === a.subNotificationId
       )
     );
-    return {
-      label: a.title,
-      key: a.notificationId,
-      children: /* @__PURE__ */ re(V, { children: [
-        /* @__PURE__ */ z(
-          W,
-          {
-            notification: a,
-            preferences: t || [],
-            updateDelivery: e.updateDelivery
-          },
-          a.notificationId
-        ),
-        c == null ? void 0 : c.map((i) => /* @__PURE__ */ z(
-          U,
-          {
-            bordered: !1,
-            items: [
+    return /* @__PURE__ */ G(
+      re,
+      {
+        style: {
+          marginBottom: 0,
+          marginTop: 0
+        },
+        children: [
+          /* @__PURE__ */ m(
+            ie,
+            {
+              expandIcon: /* @__PURE__ */ m(me, {}),
+              style: {
+                backgroundColor: "#f0f0f0",
+                flexDirection: "row-reverse",
+                gap: 16
+              },
+              children: /* @__PURE__ */ m(ue, { variant: "body1", children: n.title })
+            }
+          ),
+          /* @__PURE__ */ m(ne, { children: /* @__PURE__ */ G(Ce, { children: [
+            /* @__PURE__ */ m(
+              ce,
               {
-                label: i.title,
-                key: i.subNotificationId,
-                children: /* @__PURE__ */ z(
-                  W,
-                  {
-                    notification: a,
-                    preferences: o || [],
-                    updateDelivery: e.updateDelivery,
-                    subNotificationId: i.subNotificationId
-                  },
-                  i.subNotificationId
-                )
-              }
-            ],
-            defaultActiveKey: []
-          },
-          i.subNotificationId
-        ))
-      ] })
-    };
+                notification: n,
+                preferences: s || [],
+                updateDelivery: o.updateDelivery
+              },
+              n.notificationId
+            ),
+            p == null ? void 0 : p.map((a) => /* @__PURE__ */ G(
+              re,
+              {
+                style: {
+                  marginTop: 12
+                },
+                children: [
+                  /* @__PURE__ */ m(
+                    ie,
+                    {
+                      expandIcon: /* @__PURE__ */ m(me, {}),
+                      style: {
+                        flexDirection: "row-reverse",
+                        gap: 16
+                      },
+                      children: /* @__PURE__ */ m(ue, { variant: "body1", children: a.title })
+                    }
+                  ),
+                  /* @__PURE__ */ m(ne, { children: /* @__PURE__ */ m(
+                    ce,
+                    {
+                      notification: n,
+                      preferences: c || [],
+                      updateDelivery: o.updateDelivery,
+                      subNotificationId: a.subNotificationId
+                    },
+                    a.subNotificationId
+                  ) })
+                ]
+              },
+              `${a.notificationId}-${a.subNotificationId}`
+            ))
+          ] }) })
+        ]
+      },
+      n.notificationId
+    );
   });
-  return /* @__PURE__ */ z(V, { children: /* @__PURE__ */ z(U, { items: n, defaultActiveKey: [] }) });
+  return /* @__PURE__ */ m(De, { sx: { borderRadius: 2, overflow: "hidden" }, children: r });
 }
 export {
-  qe as Preferences
+  To as Preferences
 };