@notificationapi/react 0.0.31 → 0.0.32

package/dist/components/Preferences/Preferences.js

@@ -1,256 +1,258 @@
-import { jsxs as ae, Fragment as G, jsx as B } from "react/jsx-runtime";
-import { NotificationAPIContext as oe } from "../Provider/index.js";
-import * as O from "react";
-import b, { useContext as ie } from "react";
-import { PreferenceInput as L } from "./PreferenceInput.js";
-import { R as re } from "../../assets/RightOutlined.js";
-import { e as F, c as D, h as k, d as U, a as T, w as le, b as ce } from "../../assets/index3.js";
-import { d as se, _ as de, e as J, a as Q, g as ue, m as fe, u as R, r as me, f as pe, c as V } from "../../assets/colors.js";
-import { K as W, t as Y, u as ve, e as ge, f as Ce, o as X } from "../../assets/index4.js";
-import { p as be } from "../../assets/pickAttrs.js";
-const he = (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`
-    }
-  }
-});
-var Z = /* @__PURE__ */ b.forwardRef(function(e, n) {
-  var t = e.prefixCls, o = e.forceRender, i = e.className, c = e.style, f = e.children, r = e.isActive, s = e.role, a = b.useState(r || o), v = F(a, 2), d = v[0], m = v[1];
-  return b.useEffect(function() {
-    (o || r) && m(!0);
-  }, [o, r]), d ? /* @__PURE__ */ b.createElement("div", {
+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 { PreferenceInput as W } from "./PreferenceInput.js";
+import { R as ce } from "../../assets/RightOutlined.js";
+import { e as J, c as D, f as K, d as Q, a as T, w as de, b as ue } from "../../assets/presets.js";
+import { d as fe, _ as me, e as Y, a as Z, g as ve, m as pe, u as _, r as ge, f as Ce, c as X } from "../../assets/colors.js";
+import { K as q, t as ee, u as be, e as ye, f as he, o as F } 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(t, "-content"), k(k({}, "".concat(t, "-content-active"), r), "".concat(t, "-content-inactive"), !r), i),
+    className: D("".concat(a, "-content"), K(K({}, "".concat(a, "-content-active"), l), "".concat(a, "-content-inactive"), !l), o),
     style: c,
-    role: s
-  }, /* @__PURE__ */ b.createElement("div", {
-    className: "".concat(t, "-content-box")
-  }, f)) : null;
+    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;
 });
-Z.displayName = "PanelContent";
-var ye = ["showArrow", "headerClass", "isActive", "onItemClick", "forceRender", "className", "prefixCls", "collapsible", "accordion", "panelKey", "extra", "header", "expandIcon", "openMotion", "destroyInactivePanel", "children"], ee = /* @__PURE__ */ b.forwardRef(function(e, n) {
-  var t = e.showArrow, o = t === void 0 ? !0 : t, i = e.headerClass, c = e.isActive, f = e.onItemClick, r = e.forceRender, s = e.className, a = e.prefixCls, v = e.collapsible, d = e.accordion, m = e.panelKey, g = e.extra, S = e.header, h = e.expandIcon, l = e.openMotion, x = e.destroyInactivePanel, I = e.children, $ = U(e, ye), u = v === "disabled", N = v === "header", C = v === "icon", E = g != null && typeof g != "boolean", y = function() {
-    f == null || f(m);
-  }, P = function(K) {
-    (K.key === "Enter" || K.keyCode === W.ENTER || K.which === W.ENTER) && y();
-  }, A = typeof h == "function" ? h(e) : /* @__PURE__ */ b.createElement("i", {
+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 === q.ENTER || B.which === q.ENTER) && I();
+  }, R = typeof N == "function" ? N(e) : /* @__PURE__ */ h.createElement("i", {
     className: "arrow"
   });
-  A && (A = /* @__PURE__ */ b.createElement("div", {
-    className: "".concat(a, "-expand-icon"),
-    onClick: ["header", "icon"].includes(v) ? y : void 0
-  }, A));
-  var p = D(k(k(k({}, "".concat(a, "-item"), !0), "".concat(a, "-item-active"), c), "".concat(a, "-item-disabled"), u), s), w = D(i, k(k(k({}, "".concat(a, "-header"), !0), "".concat(a, "-header-collapsible-only"), N), "".concat(a, "-icon-collapsible-only"), C)), M = {
-    className: w,
+  R && (R = /* @__PURE__ */ h.createElement("div", {
+    className: "".concat(r, "-expand-icon"),
+    onClick: ["header", "icon"].includes(g) ? I : void 0
+  }, R));
+  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": u,
-    onKeyDown: P
+    "aria-disabled": P,
+    onKeyDown: O,
+    style: d.header
   };
-  return !N && !C && (M.onClick = y, M.role = d ? "tab" : "button", M.tabIndex = u ? -1 : 0), /* @__PURE__ */ b.createElement("div", T({}, $, {
+  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: p
-  }), /* @__PURE__ */ b.createElement("div", M, o && A, /* @__PURE__ */ b.createElement("span", {
-    className: "".concat(a, "-header-text"),
-    onClick: v === "header" ? y : void 0
-  }, S), E && /* @__PURE__ */ b.createElement("div", {
-    className: "".concat(a, "-extra")
-  }, g)), /* @__PURE__ */ b.createElement(se, T({
+    className: H
+  }), /* @__PURE__ */ h.createElement("div", k, t && R, /* @__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(a, "-content-hidden")
-  }, l, {
-    forceRender: r,
-    removeOnLeave: x
-  }), function(_, K) {
-    var H = _.className, j = _.style;
-    return /* @__PURE__ */ b.createElement(Z, {
-      ref: K,
-      prefixCls: a,
-      className: H,
-      style: j,
+    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: r,
-      role: d ? "tabpanel" : void 0
-    }, I);
+      forceRender: l,
+      role: x ? "tabpanel" : void 0
+    }, y);
   }));
-}), Ie = ["children", "label", "key", "collapsible", "onItemClick", "destroyInactivePanel"], xe = function(n, t) {
-  var o = t.prefixCls, i = t.accordion, c = t.collapsible, f = t.destroyInactivePanel, r = t.onItemClick, s = t.activeKey, a = t.openMotion, v = t.expandIcon;
-  return n.map(function(d, m) {
-    var g = d.children, S = d.label, h = d.key, l = d.collapsible, x = d.onItemClick, I = d.destroyInactivePanel, $ = U(d, Ie), u = String(h ?? m), N = l ?? c, C = I ?? f, E = function(A) {
-      N !== "disabled" && (r(A), x == null || x(A));
-    }, y = !1;
-    return i ? y = s[0] === u : y = s.indexOf(u) > -1, /* @__PURE__ */ b.createElement(ee, T({}, $, {
-      prefixCls: o,
-      key: u,
-      panelKey: u,
-      isActive: y,
-      accordion: i,
-      openMotion: a,
-      expandIcon: v,
-      header: S,
-      collapsible: N,
+}), $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: C
-    }), g);
+      destroyInactivePanel: y
+    }), r);
   });
-}, $e = function(n, t, o) {
-  if (!n)
-    return null;
-  var i = o.prefixCls, c = o.accordion, f = o.collapsible, r = o.destroyInactivePanel, s = o.onItemClick, a = o.activeKey, v = o.openMotion, d = o.expandIcon, m = n.key || String(t), g = n.props, S = g.header, h = g.headerClass, l = g.destroyInactivePanel, x = g.collapsible, I = g.onItemClick, $ = !1;
-  c ? $ = a[0] === m : $ = a.indexOf(m) > -1;
-  var u = x ?? f, N = function(y) {
-    u !== "disabled" && (s(y), I == null || I(y));
-  }, C = {
-    key: m,
-    panelKey: m,
-    header: S,
-    headerClass: h,
-    isActive: $,
-    prefixCls: i,
-    destroyInactivePanel: l ?? r,
-    openMotion: v,
+}, 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: N,
-    expandIcon: d,
-    collapsible: u
+    onItemClick: S,
+    expandIcon: f,
+    collapsible: p
   };
-  return typeof n.type == "string" ? n : (Object.keys(C).forEach(function(E) {
-    typeof C[E] > "u" && delete C[E];
-  }), /* @__PURE__ */ b.cloneElement(n, C));
+  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 Ne(e, n, t) {
-  return Array.isArray(e) ? xe(e, t) : Y(n).map(function(o, i) {
-    return $e(o, i, t);
+function we(e, n, a) {
+  return Array.isArray(e) ? Ne(e, a) : ee(n).map(function(t, o) {
+    return Pe(t, o, a);
   });
 }
-function Pe(e) {
+function Se(e) {
   var n = e;
   if (!Array.isArray(n)) {
-    var t = ce(n);
-    n = t === "number" || t === "string" ? [n] : [];
+    var a = ue(n);
+    n = a === "number" || a === "string" ? [n] : [];
   }
-  return n.map(function(o) {
-    return String(o);
+  return n.map(function(t) {
+    return String(t);
   });
 }
-var we = /* @__PURE__ */ b.forwardRef(function(e, n) {
-  var t = e.prefixCls, o = t === void 0 ? "rc-collapse" : t, i = e.destroyInactivePanel, c = i === void 0 ? !1 : i, f = e.style, r = e.accordion, s = e.className, a = e.children, v = e.collapsible, d = e.openMotion, m = e.expandIcon, g = e.activeKey, S = e.defaultActiveKey, h = e.onChange, l = e.items, x = D(o, s), I = ve([], {
-    value: g,
-    onChange: function(P) {
-      return h == null ? void 0 : h(P);
+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);
     },
-    defaultValue: S,
-    postState: Pe
-  }), $ = F(I, 2), u = $[0], N = $[1], C = function(P) {
-    return N(function() {
-      if (r)
-        return u[0] === P ? [] : [P];
-      var A = u.indexOf(P), p = A > -1;
-      return p ? u.filter(function(w) {
-        return w !== P;
-      }) : [].concat(de(u), [P]);
+    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]);
     });
   };
-  le(!a, "[rc-collapse] `children` will be removed in next major version. Please use `items` instead.");
-  var E = Ne(l, a, {
-    prefixCls: o,
-    accordion: r,
-    openMotion: d,
-    expandIcon: m,
-    collapsible: v,
+  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: C,
-    activeKey: u
+    onItemClick: y,
+    activeKey: p
   });
-  return /* @__PURE__ */ b.createElement("div", T({
+  return /* @__PURE__ */ h.createElement("div", T({
     ref: n,
-    className: x,
-    style: f,
-    role: r ? "tablist" : void 0
-  }, be(e, {
+    className: b,
+    style: v,
+    role: l ? "tablist" : void 0
+  }, xe(e, {
     aria: !0,
     data: !0
   })), E);
 });
-const z = Object.assign(we, {
+const L = Object.assign(Ee, {
   /**
    * @deprecated use `items` instead, will be removed in `v4.0.0`
    */
-  Panel: ee
+  Panel: ae
 });
-z.Panel;
-const Se = /* @__PURE__ */ O.forwardRef((e, n) => {
-  process.env.NODE_ENV !== "production" && J("Collapse.Panel").deprecated(!("disabled" in e), "disabled", 'collapsible="disabled"');
+L.Panel;
+const Ae = /* @__PURE__ */ M.forwardRef((e, n) => {
+  process.env.NODE_ENV !== "production" && Y("Collapse.Panel").deprecated(!("disabled" in e), "disabled", 'collapsible="disabled"');
   const {
-    getPrefixCls: t
-  } = O.useContext(Q), {
-    prefixCls: o,
-    className: i,
+    getPrefixCls: a
+  } = M.useContext(Z), {
+    prefixCls: t,
+    className: o,
     showArrow: c = !0
-  } = e, f = t("collapse", o), r = D({
-    [`${f}-no-arrow`]: !c
-  }, i);
-  return /* @__PURE__ */ O.createElement(z.Panel, Object.assign({
+  } = e, v = a("collapse", t), l = D({
+    [`${v}-no-arrow`]: !c
+  }, o);
+  return /* @__PURE__ */ M.createElement(L.Panel, Object.assign({
     ref: n
   }, e, {
-    prefixCls: f,
-    className: r
+    prefixCls: v,
+    className: l
   }));
-}), Ee = (e) => {
+}), 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`
+    }
+  }
+}), Oe = (e) => {
   const {
     componentCls: n,
-    contentBg: t,
-    padding: o,
-    headerBg: i,
+    contentBg: a,
+    padding: t,
+    headerBg: o,
     headerPadding: c,
-    collapseHeaderPaddingSM: f,
-    collapseHeaderPaddingLG: r,
-    collapsePanelBorderRadius: s,
-    lineWidth: a,
-    lineType: v,
-    colorBorder: d,
-    colorText: m,
-    colorTextHeading: g,
-    colorTextDisabled: S,
-    fontSizeLG: h,
-    lineHeight: l,
-    lineHeightLG: x,
-    marginSM: I,
-    paddingSM: $,
-    paddingLG: u,
-    paddingXS: N,
-    motionDurationSlow: 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: y,
-    fontHeight: P,
+    contentPadding: P,
+    fontHeight: w,
     fontHeightLG: A
-  } = e, p = `${R(a)} ${v} ${d}`;
+  } = e, m = `${_(i)} ${C} ${f}`;
   return {
-    [n]: Object.assign(Object.assign({}, me(e)), {
-      backgroundColor: i,
-      border: p,
-      borderRadius: s,
+    [n]: Object.assign(Object.assign({}, ge(e)), {
+      backgroundColor: o,
+      border: m,
+      borderRadius: u,
       "&-rtl": {
         direction: "rtl"
       },
       [`& > ${n}-item`]: {
-        borderBottom: p,
+        borderBottom: m,
         "&:last-child": {
           [`
             &,
             & > ${n}-header`]: {
-            borderRadius: `0 0 ${R(s)} ${R(s)}`
+            borderRadius: `0 0 ${_(u)} ${_(u)}`
           }
         },
         [`> ${n}-header`]: {
@@ -260,10 +262,10 @@ const Se = /* @__PURE__ */ O.forwardRef((e, n) => {
           flexWrap: "nowrap",
           alignItems: "flex-start",
           padding: c,
-          color: g,
-          lineHeight: l,
+          color: r,
+          lineHeight: s,
           cursor: "pointer",
-          transition: `all ${C}, visibility 0s`,
+          transition: `all ${y}, visibility 0s`,
           [`> ${n}-header-text`]: {
             flex: "auto"
           },
@@ -272,18 +274,18 @@ const Se = /* @__PURE__ */ O.forwardRef((e, n) => {
           },
           // >>>>> Arrow
           [`${n}-expand-icon`]: {
-            height: P,
+            height: w,
             display: "flex",
             alignItems: "center",
-            paddingInlineEnd: I
+            paddingInlineEnd: $
           },
-          [`${n}-arrow`]: Object.assign(Object.assign({}, pe()), {
+          [`${n}-arrow`]: Object.assign(Object.assign({}, Ce()), {
             fontSize: E,
             // when `transform: rotate()` is applied to icon's root element
-            transition: `transform ${C}`,
+            transition: `transform ${y}`,
             // when `transform: rotate()` is applied to icon's child element
             svg: {
-              transition: `transform ${C}`
+              transition: `transform ${y}`
             }
           }),
           // >>>>> Text
@@ -299,11 +301,11 @@ const Se = /* @__PURE__ */ O.forwardRef((e, n) => {
         }
       },
       [`${n}-content`]: {
-        color: m,
-        backgroundColor: t,
-        borderTop: p,
+        color: d,
+        backgroundColor: a,
+        borderTop: m,
         [`& > ${n}-content-box`]: {
-          padding: y
+          padding: P
         },
         "&-hidden": {
           display: "none"
@@ -312,45 +314,45 @@ const Se = /* @__PURE__ */ O.forwardRef((e, n) => {
       "&-small": {
         [`> ${n}-item`]: {
           [`> ${n}-header`]: {
-            padding: f,
-            paddingInlineStart: N,
+            padding: v,
+            paddingInlineStart: S,
             [`> ${n}-expand-icon`]: {
               // Arrow offset
-              marginInlineStart: e.calc($).sub(N).equal()
+              marginInlineStart: e.calc(N).sub(S).equal()
             }
           },
           [`> ${n}-content > ${n}-content-box`]: {
-            padding: $
+            padding: N
           }
         }
       },
       "&-large": {
         [`> ${n}-item`]: {
-          fontSize: h,
-          lineHeight: x,
+          fontSize: x,
+          lineHeight: b,
           [`> ${n}-header`]: {
-            padding: r,
-            paddingInlineStart: o,
+            padding: l,
+            paddingInlineStart: t,
             [`> ${n}-expand-icon`]: {
               height: A,
               // Arrow offset
-              marginInlineStart: e.calc(u).sub(o).equal()
+              marginInlineStart: e.calc(p).sub(t).equal()
             }
           },
           [`> ${n}-content > ${n}-content-box`]: {
-            padding: u
+            padding: p
           }
         }
       },
       [`${n}-item:last-child`]: {
         borderBottom: 0,
         [`> ${n}-content`]: {
-          borderRadius: `0 0 ${R(s)} ${R(s)}`
+          borderRadius: `0 0 ${_(u)} ${_(u)}`
         }
       },
       [`& ${n}-item-disabled > ${n}-header`]: {
         "\n          &,\n          & > .arrow\n        ": {
-          color: S,
+          color: g,
           cursor: "not-allowed"
         }
       },
@@ -361,37 +363,37 @@ const Se = /* @__PURE__ */ O.forwardRef((e, n) => {
             [`${n}-expand-icon`]: {
               order: 1,
               paddingInlineEnd: 0,
-              paddingInlineStart: I
+              paddingInlineStart: $
             }
           }
         }
       }
     })
   };
-}, Ae = (e) => {
+}, _e = (e) => {
   const {
     componentCls: n
-  } = e, t = `> ${n}-item > ${n}-header ${n}-arrow`;
+  } = e, a = `> ${n}-item > ${n}-header ${n}-arrow`;
   return {
     [`${n}-rtl`]: {
-      [t]: {
+      [a]: {
         transform: "rotate(180deg)"
       }
     }
   };
-}, Me = (e) => {
+}, Re = (e) => {
   const {
     componentCls: n,
-    headerBg: t,
-    paddingXXS: o,
-    colorBorder: i
+    headerBg: a,
+    paddingXXS: t,
+    colorBorder: o
   } = e;
   return {
     [`${n}-borderless`]: {
-      backgroundColor: t,
+      backgroundColor: a,
       border: 0,
       [`> ${n}-item`]: {
-        borderBottom: `1px solid ${i}`
+        borderBottom: `1px solid ${o}`
       },
       [`
         > ${n}-item:last-child,
@@ -407,14 +409,14 @@ const Se = /* @__PURE__ */ O.forwardRef((e, n) => {
         borderTop: 0
       },
       [`> ${n}-item > ${n}-content > ${n}-content-box`]: {
-        paddingTop: o
+        paddingTop: t
       }
     }
   };
-}, Oe = (e) => {
+}, ke = (e) => {
   const {
     componentCls: n,
-    paddingSM: t
+    paddingSM: a
   } = e;
   return {
     [`${n}-ghost`]: {
@@ -426,156 +428,157 @@ const Se = /* @__PURE__ */ O.forwardRef((e, n) => {
           backgroundColor: "transparent",
           border: 0,
           [`> ${n}-content-box`]: {
-            paddingBlock: t
+            paddingBlock: a
           }
         }
       }
     }
   };
-}, Re = (e) => ({
+}, Ke = (e) => ({
   headerPadding: `${e.paddingSM}px ${e.padding}px`,
   headerBg: e.colorFillAlter,
   contentPadding: `${e.padding}px 16px`,
   // Fixed Value
   contentBg: e.colorBgContainer
-}), _e = ue("Collapse", (e) => {
-  const n = fe(e, {
-    collapseHeaderPaddingSM: `${R(e.paddingXS)} ${R(e.paddingSM)}`,
-    collapseHeaderPaddingLG: `${R(e.padding)} ${R(e.paddingLG)}`,
+}), De = ve("Collapse", (e) => {
+  const n = pe(e, {
+    collapseHeaderPaddingSM: `${_(e.paddingXS)} ${_(e.paddingSM)}`,
+    collapseHeaderPaddingLG: `${_(e.padding)} ${_(e.paddingLG)}`,
     collapsePanelBorderRadius: e.borderRadiusLG
   });
-  return [Ee(n), Me(n), Oe(n), Ae(n), he(n)];
-}, Re), ne = /* @__PURE__ */ O.forwardRef((e, n) => {
+  return [Oe(n), Re(n), ke(n), _e(n), Me(n)];
+}, Ke), te = /* @__PURE__ */ M.forwardRef((e, n) => {
   const {
-    getPrefixCls: t,
-    direction: o,
-    collapse: i
-  } = O.useContext(Q), {
+    getPrefixCls: a,
+    direction: t,
+    collapse: o
+  } = M.useContext(Z), {
     prefixCls: c,
-    className: f,
-    rootClassName: r,
-    style: s,
-    bordered: a = !0,
-    ghost: v,
-    size: d,
-    expandIconPosition: m = "start",
-    children: g,
-    expandIcon: S
-  } = e, h = ge((p) => {
-    var w;
-    return (w = d ?? p) !== null && w !== void 0 ? w : "middle";
-  }), l = t("collapse", c), x = t(), [I, $, u] = _e(l);
+    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 p = J("Collapse");
-    process.env.NODE_ENV !== "production" && p(m !== "left" && m !== "right", "deprecated", "`expandIconPosition` with `left` or `right` is deprecated. Please use `start` or `end` instead.");
+    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 N = O.useMemo(() => m === "left" ? "start" : m === "right" ? "end" : m, [m]), C = S ?? (i == null ? void 0 : i.expandIcon), E = O.useCallback(function() {
-    let p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const w = typeof C == "function" ? C(p) : /* @__PURE__ */ O.createElement(re, {
-      rotate: p.isActive ? 90 : void 0
+  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 V(w, () => {
-      var M;
+    return X(I, () => {
+      var O;
       return {
-        className: D((M = w == null ? void 0 : w.props) === null || M === void 0 ? void 0 : M.className, `${l}-arrow`)
+        className: D((O = I == null ? void 0 : I.props) === null || O === void 0 ? void 0 : O.className, `${s}-arrow`)
       };
     });
-  }, [C, l]), y = D(`${l}-icon-position-${N}`, {
-    [`${l}-borderless`]: !a,
-    [`${l}-rtl`]: o === "rtl",
-    [`${l}-ghost`]: !!v,
-    [`${l}-${h}`]: h !== "middle"
-  }, i == null ? void 0 : i.className, f, r, $, u), P = Object.assign(Object.assign({}, Ce(x)), {
+  }, [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: `${l}-content-hidden`
-  }), A = O.useMemo(() => g ? Y(g).map((p, w) => {
-    var M, _;
-    if (!((M = p.props) === null || M === void 0) && M.disabled) {
-      const K = (_ = p.key) !== null && _ !== void 0 ? _ : String(w), {
-        disabled: H,
-        collapsible: j
-      } = p.props, te = Object.assign(Object.assign({}, X(p.props, ["disabled"])), {
-        key: K,
-        collapsible: j ?? (H ? "disabled" : void 0)
+    leavedClassName: `${s}-content-hidden`
+  }), A = M.useMemo(() => r ? ee(r).map((m, I) => {
+    var O, R;
+    if (!((O = m.props) === null || O === void 0) && O.disabled) {
+      const H = (R = m.key) !== null && R !== void 0 ? R : String(I), {
+        disabled: G,
+        collapsible: k
+      } = m.props, j = Object.assign(Object.assign({}, F(m.props, ["disabled"])), {
+        key: H,
+        collapsible: k ?? (G ? "disabled" : void 0)
       });
-      return V(p, te);
+      return X(m, j);
     }
-    return p;
-  }) : null, [g]);
-  return I(
+    return m;
+  }) : null, [r]);
+  return $(
     // @ts-ignore
-    /* @__PURE__ */ O.createElement(z, Object.assign({
+    /* @__PURE__ */ M.createElement(L, Object.assign({
       ref: n,
-      openMotion: P
-    }, X(e, ["rootClassName"]), {
+      openMotion: w
+    }, F(e, ["rootClassName"]), {
       expandIcon: E,
-      prefixCls: l,
-      className: y,
-      style: Object.assign(Object.assign({}, i == null ? void 0 : i.style), s)
+      prefixCls: s,
+      className: P,
+      style: Object.assign(Object.assign({}, o == null ? void 0 : o.style), u)
     }), A)
   );
 });
-process.env.NODE_ENV !== "production" && (ne.displayName = "Collapse");
-const q = Object.assign(ne, {
-  Panel: Se
+process.env.NODE_ENV !== "production" && (te.displayName = "Collapse");
+const U = Object.assign(te, {
+  Panel: Ae
 });
-function Le() {
-  const e = ie(oe);
+function Xe() {
+  const e = se(le);
   if (!e || !e.preferences)
     return null;
-  const n = e.preferences.notifications.sort((t, o) => t.title.localeCompare(o.title)).map((t) => {
-    var f, r, s;
-    const o = (f = e.preferences) == null ? void 0 : f.preferences.filter(
-      (a) => a.notificationId === t.notificationId && !a.subNotificationId
-    ), i = (r = e.preferences) == null ? void 0 : r.preferences.filter(
-      (a) => a.notificationId === t.notificationId && a.subNotificationId
-    ), c = (s = e.preferences) == null ? void 0 : s.subNotifications.filter(
-      (a) => i == null ? void 0 : i.find(
-        (v) => v.subNotificationId === a.subNotificationId
+  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
       )
     );
     return {
-      label: t.title,
-      key: t.notificationId,
-      children: /* @__PURE__ */ ae(G, { children: [
-        /* @__PURE__ */ B(
-          L,
+      label: a.title,
+      key: a.notificationId,
+      children: /* @__PURE__ */ re(V, { children: [
+        /* @__PURE__ */ z(
+          W,
           {
-            notification: t,
-            preferences: o || [],
+            notification: a,
+            preferences: t || [],
             updateDelivery: e.updateDelivery
           },
-          t.notificationId
+          a.notificationId
         ),
-        c == null ? void 0 : c.map((a) => /* @__PURE__ */ B(
-          q,
+        c == null ? void 0 : c.map((i) => /* @__PURE__ */ z(
+          U,
           {
             bordered: !1,
             items: [
               {
-                label: a.title,
-                key: a.subNotificationId,
-                children: /* @__PURE__ */ B(
-                  L,
+                label: i.title,
+                key: i.subNotificationId,
+                children: /* @__PURE__ */ z(
+                  W,
                   {
-                    notification: t,
-                    preferences: i || [],
+                    notification: a,
+                    preferences: o || [],
                     updateDelivery: e.updateDelivery,
-                    subNotificationId: a.subNotificationId
+                    subNotificationId: i.subNotificationId
                   },
-                  a.subNotificationId
+                  i.subNotificationId
                 )
               }
             ],
             defaultActiveKey: []
           },
-          a.subNotificationId
+          i.subNotificationId
         ))
       ] })
     };
   });
-  return /* @__PURE__ */ B(G, { children: /* @__PURE__ */ B(q, { items: n, defaultActiveKey: [] }) });
+  return /* @__PURE__ */ z(V, { children: /* @__PURE__ */ z(U, { items: n, defaultActiveKey: [] }) });
 }
 export {
-  Le as Preferences
+  Xe as Preferences
 };