@notificationapi/react 1.0.2 → 1.1.0

package/dist/assets/Inbox.js

@@ -1,32 +1,32 @@
-import { jsx as k, jsxs as Ce } from "react/jsx-runtime";
-import * as d from "react";
-import fr, { isValidElement as Qr, useRef as D, useEffect as en, useState as Ke, useContext as tn } from "react";
-import { u as rn, I as Bt } from "./InboxHeader.js";
-import { L as nn, N as Wt } from "./Notification.js";
-import { Filter as Yt } from "../components/Notifications/interface.js";
+import { jsx as D, jsxs as Ce } from "react/jsx-runtime";
+import * as v from "react";
+import dr, { isValidElement as Qr, useRef as j, useEffect as en, useState as Ke, useContext as tn } from "react";
+import { u as rn, I as Wt } from "./InboxHeader.js";
+import { L as nn, N as Yt } from "./Notification.js";
+import { Filter as Gt } from "../components/Notifications/interface.js";
 import { NotificationAPIContext as on } from "../components/Provider/context.js";
 import { DefaultEmptyComponent as an } from "../components/Notifications/DefaultEmpty.js";
-import { g as Me, a as je, s as ve, u as ke, c as Se, P as a, f as Fe, m as tt, b as xe, h as _e, q as sn, _ as Ot } from "./DefaultPropsProvider.js";
+import { g as Me, a as je, s as ve, u as ke, c as Se, P as a, f as Fe, m as tt, b as xe, h as _e, q as sn, _ as Ct } from "./DefaultPropsProvider.js";
 import { c as cn, e as ln, B as un, u as Xe, b as fn, h as dn, j as vn } from "./ButtonBase.js";
-import { R as Gt, r as Ut } from "./utils.js";
+import { R as Ut, r as Xt } from "./utils.js";
 import { u as pn } from "./resolveComponentProps.js";
 import { u as hn } from "./Divider.js";
 import { i as ze } from "./integerPropType.js";
-import { c as Xt } from "./createSimplePaletteValueFilter.js";
+import { c as Kt } from "./createSimplePaletteValueFilter.js";
 import { c as rt } from "./createSvgIcon.js";
-function dr(e, t) {
+function vr(e, t) {
   var r, n, o;
-  return /* @__PURE__ */ d.isValidElement(e) && t.indexOf(
+  return /* @__PURE__ */ v.isValidElement(e) && t.indexOf(
     // For server components `muiName` is avaialble in element.type._payload.value.muiName
     // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
     // eslint-disable-next-line no-underscore-dangle
     e.type.muiName ?? ((o = (n = (r = e.type) == null ? void 0 : r._payload) == null ? void 0 : n.value) == null ? void 0 : o.muiName)
   ) !== -1;
 }
-function Kt(e) {
+function qt(e) {
   return typeof e == "string";
 }
-const Oe = /* @__PURE__ */ d.createContext({});
+const Oe = /* @__PURE__ */ v.createContext({});
 process.env.NODE_ENV !== "production" && (Oe.displayName = "ListContext");
 function mn(e) {
   return je("MuiList", e);
@@ -72,7 +72,7 @@ const gn = (e) => {
       paddingTop: 0
     }
   }]
-}), mt = /* @__PURE__ */ d.forwardRef(function(t, r) {
+}), mt = /* @__PURE__ */ v.forwardRef(function(t, r) {
   const n = ke({
     props: t,
     name: "MuiList"
@@ -81,18 +81,18 @@ const gn = (e) => {
     className: i,
     component: s = "ul",
     dense: l = !1,
-    disablePadding: f = !1,
-    subheader: v,
+    disablePadding: d = !1,
+    subheader: f,
     ...m
-  } = n, h = d.useMemo(() => ({
+  } = n, h = v.useMemo(() => ({
     dense: l
   }), [l]), g = {
     ...n,
     component: s,
     dense: l,
-    disablePadding: f
+    disablePadding: d
   }, b = gn(g);
-  return /* @__PURE__ */ k(Oe.Provider, {
+  return /* @__PURE__ */ D(Oe.Provider, {
     value: h,
     children: /* @__PURE__ */ Ce(bn, {
       as: s,
@@ -100,7 +100,7 @@ const gn = (e) => {
       ref: r,
       ownerState: g,
       ...m,
-      children: [v, o]
+      children: [f, o]
     })
   });
 });
@@ -186,25 +186,25 @@ const En = (e) => {
       right: 0
     }
   }]
-}), Ct = /* @__PURE__ */ d.forwardRef(function(t, r) {
+}), Pt = /* @__PURE__ */ v.forwardRef(function(t, r) {
   const n = ke({
     props: t,
     name: "MuiListItemSecondaryAction"
   }), {
     className: o,
     ...i
-  } = n, s = d.useContext(Oe), l = {
+  } = n, s = v.useContext(Oe), l = {
     ...n,
     disableGutters: s.disableGutters
-  }, f = En(l);
-  return /* @__PURE__ */ k(wn, {
-    className: Se(f.root, o),
+  }, d = En(l);
+  return /* @__PURE__ */ D(wn, {
+    className: Se(d.root, o),
     ownerState: l,
     ref: r,
     ...i
   });
 });
-process.env.NODE_ENV !== "production" && (Ct.propTypes = {
+process.env.NODE_ENV !== "production" && (Pt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -226,7 +226,7 @@ process.env.NODE_ENV !== "production" && (Ct.propTypes = {
    */
   sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
 });
-Ct.muiName = "ListItemSecondaryAction";
+Pt.muiName = "ListItemSecondaryAction";
 const xn = (e, t) => {
   const {
     ownerState: r
@@ -351,7 +351,7 @@ const xn = (e, t) => {
   overridesResolver: (e, t) => t.container
 })({
   position: "relative"
-}), gt = /* @__PURE__ */ d.forwardRef(function(t, r) {
+}), gt = /* @__PURE__ */ v.forwardRef(function(t, r) {
   const n = ke({
     props: t,
     name: "MuiListItem"
@@ -360,8 +360,8 @@ const xn = (e, t) => {
     children: i,
     className: s,
     component: l,
-    components: f = {},
-    componentsProps: v = {},
+    components: d = {},
+    componentsProps: f = {},
     ContainerComponent: m = "li",
     ContainerProps: {
       className: h,
@@ -375,11 +375,11 @@ const xn = (e, t) => {
     slotProps: u = {},
     slots: R = {},
     ...C
-  } = n, x = d.useContext(Oe), L = d.useMemo(() => ({
+  } = n, x = v.useContext(Oe), L = v.useMemo(() => ({
     dense: b || x.dense || !1,
     alignItems: o,
     disableGutters: y
-  }), [o, x.dense, b, y]), P = d.useRef(null), T = d.Children.toArray(i), _ = T.length && dr(T[T.length - 1], ["ListItemSecondaryAction"]), M = {
+  }), [o, x.dense, b, y]), P = v.useRef(null), T = v.Children.toArray(i), _ = T.length && vr(T[T.length - 1], ["ListItemSecondaryAction"]), M = {
     ...n,
     alignItems: o,
     dense: L.dense,
@@ -387,12 +387,12 @@ const xn = (e, t) => {
     disablePadding: p,
     divider: c,
     hasSecondaryAction: _
-  }, F = _n(M), Y = pn(P, r), B = R.root || f.Root || On, $ = u.root || v.root || {}, G = {
+  }, F = _n(M), Y = pn(P, r), B = R.root || d.Root || On, $ = u.root || f.root || {}, G = {
     className: Se(F.root, $.className, s),
     ...C
   };
-  let j = l || "li";
-  return _ ? (j = !G.component && !l ? "div" : j, m === "li" && (j === "li" ? j = "div" : G.component === "li" && (G.component = "div")), /* @__PURE__ */ k(Oe.Provider, {
+  let k = l || "li";
+  return _ ? (k = !G.component && !l ? "div" : k, m === "li" && (k === "li" ? k = "div" : G.component === "li" && (G.component = "div")), /* @__PURE__ */ D(Oe.Provider, {
     value: L,
     children: /* @__PURE__ */ Ce(Cn, {
       as: m,
@@ -400,10 +400,10 @@ const xn = (e, t) => {
       ref: Y,
       ownerState: M,
       ...g,
-      children: [/* @__PURE__ */ k(B, {
+      children: [/* @__PURE__ */ D(B, {
         ...$,
-        ...!Kt(B) && {
-          as: j,
+        ...!qt(B) && {
+          as: k,
           ownerState: {
             ...M,
             ...$.ownerState
@@ -413,20 +413,20 @@ const xn = (e, t) => {
         children: T
       }), T.pop()]
     })
-  })) : /* @__PURE__ */ k(Oe.Provider, {
+  })) : /* @__PURE__ */ D(Oe.Provider, {
     value: L,
     children: /* @__PURE__ */ Ce(B, {
       ...$,
-      as: j,
+      as: k,
       ref: Y,
-      ...!Kt(B) && {
+      ...!qt(B) && {
         ownerState: {
           ...M,
           ...$.ownerState
         }
       },
       ...G,
-      children: [T, w && /* @__PURE__ */ k(Ct, {
+      children: [T, w && /* @__PURE__ */ D(Pt, {
         children: w
       })]
     })
@@ -447,11 +447,11 @@ process.env.NODE_ENV !== "production" && (gt.propTypes = {
    * be the last child.
    */
   children: cn(a.node, (e) => {
-    const t = d.Children.toArray(e.children);
+    const t = v.Children.toArray(e.children);
     let r = -1;
     for (let n = t.length - 1; n >= 0; n -= 1) {
       const o = t[n];
-      if (dr(o, ["ListItemSecondaryAction"])) {
+      if (vr(o, ["ListItemSecondaryAction"])) {
         r = n;
         break;
       }
@@ -562,19 +562,19 @@ function Mn(e = {}) {
     disabled: i = !1,
     hideNextButton: s = !1,
     hidePrevButton: l = !1,
-    onChange: f,
-    page: v,
+    onChange: d,
+    page: f,
     showFirstButton: m = !1,
     showLastButton: h = !1,
     siblingCount: g = 1,
     ...b
   } = e, [y, p] = hn({
-    controlled: v,
+    controlled: f,
     default: o,
     name: r,
     state: "page"
   }), c = (_, M) => {
-    v || p(M), f && f(_, M);
+    f || p(M), d && d(_, M);
   }, w = (_, M) => {
     const F = M - _ + 1;
     return Array.from({
@@ -652,15 +652,15 @@ function Mn(e = {}) {
 function Tn(e) {
   return je("MuiPaginationItem", e);
 }
-const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), In = rt(/* @__PURE__ */ k("path", {
+const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), In = rt(/* @__PURE__ */ D("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
-}), "FirstPage"), Ln = rt(/* @__PURE__ */ k("path", {
+}), "FirstPage"), Ln = rt(/* @__PURE__ */ D("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
-}), "LastPage"), Nn = rt(/* @__PURE__ */ k("path", {
+}), "LastPage"), Nn = rt(/* @__PURE__ */ D("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), An = rt(/* @__PURE__ */ k("path", {
+}), "NavigateBefore"), An = rt(/* @__PURE__ */ D("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "NavigateNext"), vr = (e, t) => {
+}), "NavigateNext"), pr = (e, t) => {
   const {
     ownerState: r
   } = e;
@@ -674,9 +674,9 @@ const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
     size: i,
     shape: s,
     type: l,
-    variant: f
-  } = e, v = {
-    root: ["root", `size${_e(i)}`, f, s, r !== "standard" && `color${_e(r)}`, r !== "standard" && `${f}${_e(r)}`, n && "disabled", o && "selected", {
+    variant: d
+  } = e, f = {
+    root: ["root", `size${_e(i)}`, d, s, r !== "standard" && `color${_e(r)}`, r !== "standard" && `${d}${_e(r)}`, n && "disabled", o && "selected", {
       page: "page",
       first: "firstLast",
       last: "firstLast",
@@ -687,11 +687,11 @@ const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
     }[l]],
     icon: ["icon"]
   };
-  return Fe(v, Tn, t);
+  return Fe(f, Tn, t);
 }, zn = ve("div", {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: vr
+  overridesResolver: pr
 })(tt(({
   theme: e
 }) => ({
@@ -731,7 +731,7 @@ const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
 }))), Dn = ve(un, {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: vr
+  overridesResolver: pr
 })(tt(({
   theme: e
 }) => ({
@@ -831,7 +831,7 @@ const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
         }
       }
     }
-  }, ...Object.entries(e.palette).filter(Xt(["dark", "contrastText"])).map(([t]) => ({
+  }, ...Object.entries(e.palette).filter(Kt(["dark", "contrastText"])).map(([t]) => ({
     props: {
       variant: "text",
       color: t
@@ -855,7 +855,7 @@ const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
         }
       }
     }
-  })), ...Object.entries(e.palette).filter(Xt(["light"])).map(([t]) => ({
+  })), ...Object.entries(e.palette).filter(Kt(["light"])).map(([t]) => ({
     props: {
       variant: "outlined",
       color: t
@@ -902,7 +902,7 @@ const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
       fontSize: e.typography.pxToRem(22)
     }
   }]
-}))), pr = /* @__PURE__ */ d.forwardRef(function(t, r) {
+}))), hr = /* @__PURE__ */ v.forwardRef(function(t, r) {
   const n = ke({
     props: t,
     name: "MuiPaginationItem"
@@ -911,8 +911,8 @@ const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
     color: i = "standard",
     component: s,
     components: l = {},
-    disabled: f = !1,
-    page: v,
+    disabled: d = !1,
+    page: f,
     selected: m = !1,
     shape: h = "circular",
     size: g = "medium",
@@ -924,7 +924,7 @@ const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
   } = n, u = {
     ...n,
     color: i,
-    disabled: f,
+    disabled: d,
     selected: m,
     shape: h,
     size: g,
@@ -964,13 +964,13 @@ const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
     next: T,
     first: M,
     last: Y
-  }[$], j = {
+  }[$], k = {
     previous: P,
     next: _,
     first: F,
     last: B
   }[$];
-  return p === "start-ellipsis" || p === "end-ellipsis" ? /* @__PURE__ */ k(zn, {
+  return p === "start-ellipsis" || p === "end-ellipsis" ? /* @__PURE__ */ D(zn, {
     ref: r,
     ownerState: u,
     className: Se(C.root, o),
@@ -979,17 +979,17 @@ const Q = Me("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
     ref: r,
     ownerState: u,
     component: s,
-    disabled: f,
+    disabled: d,
     className: Se(C.root, o),
     ...w,
-    children: [p === "page" && v, G ? /* @__PURE__ */ k(jn, {
-      ...j,
+    children: [p === "page" && f, G ? /* @__PURE__ */ D(jn, {
+      ...k,
       className: C.icon,
       as: G
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (pr.propTypes = {
+process.env.NODE_ENV !== "production" && (hr.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1125,7 +1125,7 @@ const kn = (e) => {
 function Vn(e, t, r) {
   return e === "page" ? `${r ? "" : "Go to "}page ${t}` : `Go to ${e} page`;
 }
-const hr = /* @__PURE__ */ d.forwardRef(function(t, r) {
+const bt = /* @__PURE__ */ v.forwardRef(function(t, r) {
   const n = ke({
     props: t,
     name: "MuiPagination"
@@ -1134,14 +1134,14 @@ const hr = /* @__PURE__ */ d.forwardRef(function(t, r) {
     className: i,
     color: s = "standard",
     count: l = 1,
-    defaultPage: f = 1,
-    disabled: v = !1,
+    defaultPage: d = 1,
+    disabled: f = !1,
     getItemAriaLabel: m = Vn,
     hideNextButton: h = !1,
     hidePrevButton: g = !1,
     onChange: b,
     page: y,
-    renderItem: p = (M) => /* @__PURE__ */ k(pr, {
+    renderItem: p = (M) => /* @__PURE__ */ D(hr, {
       ...M
     }),
     shape: c = "circular",
@@ -1161,8 +1161,8 @@ const hr = /* @__PURE__ */ d.forwardRef(function(t, r) {
     boundaryCount: o,
     color: s,
     count: l,
-    defaultPage: f,
-    disabled: v,
+    defaultPage: d,
+    disabled: f,
     getItemAriaLabel: m,
     hideNextButton: h,
     hidePrevButton: g,
@@ -1174,16 +1174,16 @@ const hr = /* @__PURE__ */ d.forwardRef(function(t, r) {
     size: C,
     variant: x
   }, _ = kn(T);
-  return /* @__PURE__ */ k(Fn, {
+  return /* @__PURE__ */ D(Fn, {
     "aria-label": "pagination navigation",
     className: Se(_.root, i),
     ownerState: T,
     ref: r,
     ...L,
-    children: /* @__PURE__ */ k(Hn, {
+    children: /* @__PURE__ */ D(Hn, {
       className: _.ul,
       ownerState: T,
-      children: P.map((M, F) => /* @__PURE__ */ k("li", {
+      children: P.map((M, F) => /* @__PURE__ */ D("li", {
         children: p({
           ...M,
           color: s,
@@ -1196,7 +1196,7 @@ const hr = /* @__PURE__ */ d.forwardRef(function(t, r) {
     })
   });
 });
-process.env.NODE_ENV !== "production" && (hr.propTypes = {
+process.env.NODE_ENV !== "production" && (bt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1340,7 +1340,7 @@ function ee(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function qt(e, t) {
+function Zt(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -1353,9 +1353,9 @@ function qt(e, t) {
 function q(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? qt(Object(r), !0).forEach(function(n) {
+    t % 2 ? Zt(Object(r), !0).forEach(function(n) {
       ee(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : qt(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Zt(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -1367,34 +1367,34 @@ function Wn(e) {
 function Yn(e, t) {
   var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (r != null) {
-    var n, o, i, s, l = [], f = !0, v = !1;
+    var n, o, i, s, l = [], d = !0, f = !1;
     try {
       if (i = (r = r.call(e)).next, t === 0) {
         if (Object(r) !== r) return;
-        f = !1;
-      } else for (; !(f = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); f = !0) ;
+        d = !1;
+      } else for (; !(d = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); d = !0) ;
     } catch (m) {
-      v = !0, o = m;
+      f = !0, o = m;
     } finally {
       try {
-        if (!f && r.return != null && (s = r.return(), Object(s) !== s)) return;
+        if (!d && r.return != null && (s = r.return(), Object(s) !== s)) return;
       } finally {
-        if (v) throw o;
+        if (f) throw o;
       }
     }
     return l;
   }
 }
-function Zt(e, t) {
+function Jt(e, t) {
   (t == null || t > e.length) && (t = e.length);
   for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r];
   return n;
 }
 function Gn(e, t) {
   if (e) {
-    if (typeof e == "string") return Zt(e, t);
+    if (typeof e == "string") return Jt(e, t);
     var r = {}.toString.call(e).slice(8, -1);
-    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Zt(e, t) : void 0;
+    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Jt(e, t) : void 0;
   }
 }
 function Un() {
@@ -1460,18 +1460,18 @@ function br(e) {
     e.type === Jn
   );
 }
-function bt(e) {
+function yt(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = [];
-  return fr.Children.forEach(e, function(n) {
-    n == null && !t.keepEmpty || (Array.isArray(n) ? r = r.concat(bt(n)) : br(n) && n.props ? r = r.concat(bt(n.props.children, t)) : r.push(n));
+  return dr.Children.forEach(e, function(n) {
+    n == null && !t.keepEmpty || (Array.isArray(n) ? r = r.concat(yt(n)) : br(n) && n.props ? r = r.concat(yt(n.props.children, t)) : r.push(n));
   }), r;
 }
-var yt = {}, Pt = [], Qn = function(t) {
-  Pt.push(t);
+var St = {}, Mt = [], Qn = function(t) {
+  Mt.push(t);
 };
-function St(e, t) {
+function Rt(e, t) {
   if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
-    var r = Pt.reduce(function(n, o) {
+    var r = Mt.reduce(function(n, o) {
       return o(n ?? "", "warning");
     }, t);
     r && console.error("Warning: ".concat(r));
@@ -1479,20 +1479,20 @@ function St(e, t) {
 }
 function eo(e, t) {
   if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
-    var r = Pt.reduce(function(n, o) {
+    var r = Mt.reduce(function(n, o) {
       return o(n ?? "", "note");
     }, t);
     r && console.warn("Note: ".concat(r));
   }
 }
 function to() {
-  yt = {};
+  St = {};
 }
 function yr(e, t, r) {
-  !t && !yt[r] && (e(!1, r), yt[r] = !0);
+  !t && !St[r] && (e(!1, r), St[r] = !0);
 }
 function nt(e, t) {
-  yr(St, e, t);
+  yr(Rt, e, t);
 }
 function ro(e, t) {
   yr(eo, e, t);
@@ -1500,23 +1500,23 @@ function ro(e, t) {
 nt.preMessage = Qn;
 nt.resetWarned = to;
 nt.noteOnce = ro;
-function Jt(e) {
+function Qt(e) {
   return e instanceof HTMLElement || e instanceof SVGElement;
 }
 function no(e) {
-  return e && oe(e) === "object" && Jt(e.nativeElement) ? e.nativeElement : Jt(e) ? e : null;
+  return e && oe(e) === "object" && Qt(e.nativeElement) ? e.nativeElement : Qt(e) ? e : null;
 }
 function qe(e) {
   var t = no(e);
   if (t)
     return t;
-  if (e instanceof fr.Component) {
+  if (e instanceof dr.Component) {
     var r;
-    return (r = Gt.findDOMNode) === null || r === void 0 ? void 0 : r.call(Gt, e);
+    return (r = Ut.findDOMNode) === null || r === void 0 ? void 0 : r.call(Ut, e);
   }
   return null;
 }
-var Rt = { exports: {} }, N = {};
+var Et = { exports: {} }, N = {};
 /**
  * @license React
  * react-is.production.min.js
@@ -1526,11 +1526,11 @@ var Rt = { exports: {} }, N = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Qt;
+var er;
 function oo() {
-  if (Qt) return N;
-  Qt = 1;
-  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), s = Symbol.for("react.context"), l = Symbol.for("react.server_context"), f = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y;
+  if (er) return N;
+  er = 1;
+  var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), s = Symbol.for("react.context"), l = Symbol.for("react.server_context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y;
   y = Symbol.for("react.module.reference");
   function p(c) {
     if (typeof c == "object" && c !== null) {
@@ -1541,14 +1541,14 @@ function oo() {
             case r:
             case o:
             case n:
-            case v:
+            case f:
             case m:
               return c;
             default:
               switch (c = c && c.$$typeof, c) {
                 case l:
                 case s:
-                case f:
+                case d:
                 case g:
                 case h:
                 case i:
@@ -1562,7 +1562,7 @@ function oo() {
       }
     }
   }
-  return N.ContextConsumer = s, N.ContextProvider = i, N.Element = e, N.ForwardRef = f, N.Fragment = r, N.Lazy = g, N.Memo = h, N.Portal = t, N.Profiler = o, N.StrictMode = n, N.Suspense = v, N.SuspenseList = m, N.isAsyncMode = function() {
+  return N.ContextConsumer = s, N.ContextProvider = i, N.Element = e, N.ForwardRef = d, N.Fragment = r, N.Lazy = g, N.Memo = h, N.Portal = t, N.Profiler = o, N.StrictMode = n, N.Suspense = f, N.SuspenseList = m, N.isAsyncMode = function() {
     return !1;
   }, N.isConcurrentMode = function() {
     return !1;
@@ -1573,7 +1573,7 @@ function oo() {
   }, N.isElement = function(c) {
     return typeof c == "object" && c !== null && c.$$typeof === e;
   }, N.isForwardRef = function(c) {
-    return p(c) === f;
+    return p(c) === d;
   }, N.isFragment = function(c) {
     return p(c) === r;
   }, N.isLazy = function(c) {
@@ -1587,11 +1587,11 @@ function oo() {
   }, N.isStrictMode = function(c) {
     return p(c) === n;
   }, N.isSuspense = function(c) {
-    return p(c) === v;
+    return p(c) === f;
   }, N.isSuspenseList = function(c) {
     return p(c) === m;
   }, N.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === r || c === o || c === n || c === v || c === m || c === b || typeof c == "object" && c !== null && (c.$$typeof === g || c.$$typeof === h || c.$$typeof === i || c.$$typeof === s || c.$$typeof === f || c.$$typeof === y || c.getModuleId !== void 0);
+    return typeof c == "string" || typeof c == "function" || c === r || c === o || c === n || c === f || c === m || c === b || typeof c == "object" && c !== null && (c.$$typeof === g || c.$$typeof === h || c.$$typeof === i || c.$$typeof === s || c.$$typeof === d || c.$$typeof === y || c.getModuleId !== void 0);
   }, N.typeOf = p, N;
 }
 var A = {};
@@ -1604,13 +1604,13 @@ var A = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var er;
+var tr;
 function io() {
-  return er || (er = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), s = Symbol.for("react.context"), l = Symbol.for("react.server_context"), f = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y = !1, p = !1, c = !1, w = !1, u = !1, R;
+  return tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), s = Symbol.for("react.context"), l = Symbol.for("react.server_context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y = !1, p = !1, c = !1, w = !1, u = !1, R;
     R = Symbol.for("react.module.reference");
     function C(S) {
-      return !!(typeof S == "string" || typeof S == "function" || S === r || S === o || u || S === n || S === v || S === m || w || S === b || y || p || c || typeof S == "object" && S !== null && (S.$$typeof === g || S.$$typeof === h || S.$$typeof === i || S.$$typeof === s || S.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof S == "string" || typeof S == "function" || S === r || S === o || u || S === n || S === f || S === m || w || S === b || y || p || c || typeof S == "object" && S !== null && (S.$$typeof === g || S.$$typeof === h || S.$$typeof === i || S.$$typeof === s || S.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -1626,7 +1626,7 @@ function io() {
               case r:
               case o:
               case n:
-              case v:
+              case f:
               case m:
                 return ue;
               default:
@@ -1634,7 +1634,7 @@ function io() {
                 switch (be) {
                   case l:
                   case s:
-                  case f:
+                  case d:
                   case g:
                   case h:
                   case i:
@@ -1648,7 +1648,7 @@ function io() {
         }
       }
     }
-    var L = s, P = i, T = e, _ = f, M = r, F = g, Y = h, B = t, $ = o, G = n, j = v, ae = m, Z = !1, W = !1;
+    var L = s, P = i, T = e, _ = d, M = r, F = g, Y = h, B = t, $ = o, G = n, k = f, ae = m, Z = !1, W = !1;
     function me(S) {
       return Z || (Z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -1665,7 +1665,7 @@ function io() {
       return typeof S == "object" && S !== null && S.$$typeof === e;
     }
     function Re(S) {
-      return x(S) === f;
+      return x(S) === d;
     }
     function ge(S) {
       return x(S) === r;
@@ -1686,18 +1686,18 @@ function io() {
       return x(S) === n;
     }
     function re(S) {
-      return x(S) === v;
+      return x(S) === f;
     }
     function Ee(S) {
       return x(S) === m;
     }
-    A.ContextConsumer = L, A.ContextProvider = P, A.Element = T, A.ForwardRef = _, A.Fragment = M, A.Lazy = F, A.Memo = Y, A.Portal = B, A.Profiler = $, A.StrictMode = G, A.Suspense = j, A.SuspenseList = ae, A.isAsyncMode = me, A.isConcurrentMode = H, A.isContextConsumer = se, A.isContextProvider = pe, A.isElement = he, A.isForwardRef = Re, A.isFragment = ge, A.isLazy = U, A.isMemo = te, A.isPortal = ie, A.isProfiler = X, A.isStrictMode = z, A.isSuspense = re, A.isSuspenseList = Ee, A.isValidElementType = C, A.typeOf = x;
+    A.ContextConsumer = L, A.ContextProvider = P, A.Element = T, A.ForwardRef = _, A.Fragment = M, A.Lazy = F, A.Memo = Y, A.Portal = B, A.Profiler = $, A.StrictMode = G, A.Suspense = k, A.SuspenseList = ae, A.isAsyncMode = me, A.isConcurrentMode = H, A.isContextConsumer = se, A.isContextProvider = pe, A.isElement = he, A.isForwardRef = Re, A.isFragment = ge, A.isLazy = U, A.isMemo = te, A.isPortal = ie, A.isProfiler = X, A.isStrictMode = z, A.isSuspense = re, A.isSuspenseList = Ee, A.isValidElementType = C, A.typeOf = x;
   }()), A;
 }
-process.env.NODE_ENV === "production" ? Rt.exports = oo() : Rt.exports = io();
-var ht = Rt.exports;
+process.env.NODE_ENV === "production" ? Et.exports = oo() : Et.exports = io();
+var ht = Et.exports;
 function ao(e, t, r) {
-  var n = d.useRef({});
+  var n = v.useRef({});
   return (!("value" in n.current) || r(n.current.condition, t)) && (n.current.value = e(), n.current.condition = t), n.current.value;
 }
 var so = function(t, r) {
@@ -1739,20 +1739,20 @@ var fo = function(t) {
     return r.props.propertyIsEnumerable("ref") ? r.props.ref : r.ref;
   }
   return null;
-}, Et = /* @__PURE__ */ d.createContext(null);
+}, wt = /* @__PURE__ */ v.createContext(null);
 function vo(e) {
-  var t = e.children, r = e.onBatchResize, n = d.useRef(0), o = d.useRef([]), i = d.useContext(Et), s = d.useCallback(function(l, f, v) {
+  var t = e.children, r = e.onBatchResize, n = v.useRef(0), o = v.useRef([]), i = v.useContext(wt), s = v.useCallback(function(l, d, f) {
     n.current += 1;
     var m = n.current;
     o.current.push({
       size: l,
-      element: f,
-      data: v
+      element: d,
+      data: f
     }), Promise.resolve().then(function() {
       m === n.current && (r == null || r(o.current), o.current = []);
-    }), i == null || i(l, f, v);
+    }), i == null || i(l, d, f);
   }, [r, i]);
-  return /* @__PURE__ */ d.createElement(Et.Provider, {
+  return /* @__PURE__ */ v.createElement(wt.Provider, {
     value: s
   }, t);
 }
@@ -1802,7 +1802,7 @@ var Rr = function() {
       }, t;
     }()
   );
-}(), wt = typeof window < "u" && typeof document < "u" && window.document === document, Je = function() {
+}(), xt = typeof window < "u" && typeof document < "u" && window.document === document, Je = function() {
   return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
 }(), po = function() {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Je) : function(e) {
@@ -1820,14 +1820,14 @@ function mo(e, t) {
     po(i);
   }
   function l() {
-    var f = Date.now();
+    var d = Date.now();
     if (r) {
-      if (f - o < ho)
+      if (d - o < ho)
         return;
       n = !0;
     } else
       r = !0, n = !1, setTimeout(s, t);
-    o = f;
+    o = d;
   }
   return l;
 }
@@ -1853,14 +1853,14 @@ var go = 20, bo = ["top", "right", "bottom", "left", "width", "height", "size",
         return r.broadcastActive();
       }), t.length > 0;
     }, e.prototype.connect_ = function() {
-      !wt || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), yo ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+      !xt || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), yo ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
         attributes: !0,
         childList: !0,
         characterData: !0,
         subtree: !0
       })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
     }, e.prototype.disconnect_ = function() {
-      !wt || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+      !xt || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
     }, e.prototype.onTransitionEnd_ = function(t) {
       var r = t.propertyName, n = r === void 0 ? "" : r, o = bo.some(function(i) {
         return !!~n.indexOf(i);
@@ -1888,7 +1888,7 @@ var go = 20, bo = ["top", "right", "bottom", "left", "width", "height", "size",
 function Qe(e) {
   return parseFloat(e) || 0;
 }
-function tr(e) {
+function rr(e) {
   for (var t = [], r = 1; r < arguments.length; r++)
     t[r - 1] = arguments[r];
   return t.reduce(function(n, o) {
@@ -1911,12 +1911,12 @@ function wo(e) {
   var t = e.clientWidth, r = e.clientHeight;
   if (!t && !r)
     return wr;
-  var n = Pe(e).getComputedStyle(e), o = Ro(n), i = o.left + o.right, s = o.top + o.bottom, l = Qe(n.width), f = Qe(n.height);
-  if (n.boxSizing === "border-box" && (Math.round(l + i) !== t && (l -= tr(n, "left", "right") + i), Math.round(f + s) !== r && (f -= tr(n, "top", "bottom") + s)), !_o(e)) {
-    var v = Math.round(l + i) - t, m = Math.round(f + s) - r;
-    Math.abs(v) !== 1 && (l -= v), Math.abs(m) !== 1 && (f -= m);
+  var n = Pe(e).getComputedStyle(e), o = Ro(n), i = o.left + o.right, s = o.top + o.bottom, l = Qe(n.width), d = Qe(n.height);
+  if (n.boxSizing === "border-box" && (Math.round(l + i) !== t && (l -= rr(n, "left", "right") + i), Math.round(d + s) !== r && (d -= rr(n, "top", "bottom") + s)), !_o(e)) {
+    var f = Math.round(l + i) - t, m = Math.round(d + s) - r;
+    Math.abs(f) !== 1 && (l -= f), Math.abs(m) !== 1 && (d -= m);
   }
-  return ot(o.left, o.top, l, f);
+  return ot(o.left, o.top, l, d);
 }
 var xo = /* @__PURE__ */ function() {
   return typeof SVGGraphicsElement < "u" ? function(e) {
@@ -1929,7 +1929,7 @@ function _o(e) {
   return e === Pe(e).document.documentElement;
 }
 function Oo(e) {
-  return wt ? xo(e) ? Eo(e) : wo(e) : wr;
+  return xt ? xo(e) ? Eo(e) : wo(e) : wr;
 }
 function Co(e) {
   var t = e.x, r = e.y, n = e.width, o = e.height, i = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, s = Object.create(i.prototype);
@@ -2129,33 +2129,33 @@ var jo = /* @__PURE__ */ function(e) {
       return this.props.children;
     }
   }]), r;
-}(d.Component);
+}(v.Component);
 function ko(e, t) {
-  var r = e.children, n = e.disabled, o = d.useRef(null), i = d.useRef(null), s = d.useContext(Et), l = typeof r == "function", f = l ? r(o) : r, v = d.useRef({
+  var r = e.children, n = e.disabled, o = v.useRef(null), i = v.useRef(null), s = v.useContext(wt), l = typeof r == "function", d = l ? r(o) : r, f = v.useRef({
     width: -1,
     height: -1,
     offsetWidth: -1,
     offsetHeight: -1
-  }), m = !l && /* @__PURE__ */ d.isValidElement(f) && uo(f), h = m ? fo(f) : null, g = lo(h, o), b = function() {
+  }), m = !l && /* @__PURE__ */ v.isValidElement(d) && uo(d), h = m ? fo(d) : null, g = lo(h, o), b = function() {
     var w;
     return qe(o.current) || // Support `nativeElement` format
     (o.current && oe(o.current) === "object" ? qe((w = o.current) === null || w === void 0 ? void 0 : w.nativeElement) : null) || qe(i.current);
   };
-  d.useImperativeHandle(t, function() {
+  v.useImperativeHandle(t, function() {
     return b();
   });
-  var y = d.useRef(e);
+  var y = v.useRef(e);
   y.current = e;
-  var p = d.useCallback(function(c) {
+  var p = v.useCallback(function(c) {
     var w = y.current, u = w.onResize, R = w.data, C = c.getBoundingClientRect(), x = C.width, L = C.height, P = c.offsetWidth, T = c.offsetHeight, _ = Math.floor(x), M = Math.floor(L);
-    if (v.current.width !== _ || v.current.height !== M || v.current.offsetWidth !== P || v.current.offsetHeight !== T) {
+    if (f.current.width !== _ || f.current.height !== M || f.current.offsetWidth !== P || f.current.offsetHeight !== T) {
       var F = {
         width: _,
         height: M,
         offsetWidth: P,
         offsetHeight: T
       };
-      v.current = F;
+      f.current = F;
       var Y = P === Math.round(x) ? x : P, B = T === Math.round(L) ? L : T, $ = q(q({}, F), {}, {
         offsetWidth: Y,
         offsetHeight: B
@@ -2165,37 +2165,37 @@ function ko(e, t) {
       });
     }
   }, []);
-  return d.useEffect(function() {
+  return v.useEffect(function() {
     var c = b();
     return c && !n && Lo(c, p), function() {
       return No(c, p);
     };
-  }, [o.current, n]), /* @__PURE__ */ d.createElement(jo, {
+  }, [o.current, n]), /* @__PURE__ */ v.createElement(jo, {
     ref: i
-  }, m ? /* @__PURE__ */ d.cloneElement(f, {
+  }, m ? /* @__PURE__ */ v.cloneElement(d, {
     ref: g
-  }) : f);
+  }) : d);
 }
-var Ir = /* @__PURE__ */ d.forwardRef(ko);
+var Ir = /* @__PURE__ */ v.forwardRef(ko);
 process.env.NODE_ENV !== "production" && (Ir.displayName = "SingleObserver");
 var Fo = "rc-observer-key";
 function Ho(e, t) {
-  var r = e.children, n = typeof r == "function" ? [r] : bt(r);
-  return process.env.NODE_ENV !== "production" && (n.length > 1 ? St(!1, "Find more than one child node with `children` in ResizeObserver. Please use ResizeObserver.Collection instead.") : n.length === 0 && St(!1, "`children` of ResizeObserver is empty. Nothing is in observe.")), n.map(function(o, i) {
+  var r = e.children, n = typeof r == "function" ? [r] : yt(r);
+  return process.env.NODE_ENV !== "production" && (n.length > 1 ? Rt(!1, "Find more than one child node with `children` in ResizeObserver. Please use ResizeObserver.Collection instead.") : n.length === 0 && Rt(!1, "`children` of ResizeObserver is empty. Nothing is in observe.")), n.map(function(o, i) {
     var s = (o == null ? void 0 : o.key) || "".concat(Fo, "-").concat(i);
-    return /* @__PURE__ */ d.createElement(Ir, Ot({}, e, {
+    return /* @__PURE__ */ v.createElement(Ir, Ct({}, e, {
       key: s,
       ref: i === 0 ? t : void 0
     }), o);
   });
 }
-var it = /* @__PURE__ */ d.forwardRef(Ho);
+var it = /* @__PURE__ */ v.forwardRef(Ho);
 process.env.NODE_ENV !== "production" && (it.displayName = "ResizeObserver");
 it.Collection = vo;
-function rr(e) {
-  var t = d.useRef();
+function nr(e) {
+  var t = v.useRef();
   t.current = e;
-  var r = d.useCallback(function() {
+  var r = v.useCallback(function() {
     for (var n, o = arguments.length, i = new Array(o), s = 0; s < o; s++)
       i[s] = arguments[s];
     return (n = t.current) === null || n === void 0 ? void 0 : n.call.apply(n, [t].concat(i));
@@ -2205,17 +2205,17 @@ function rr(e) {
 function Vo() {
   return !!(typeof window < "u" && window.document && window.document.createElement);
 }
-var nr = process.env.NODE_ENV !== "test" && Vo() ? d.useLayoutEffect : d.useEffect, De = function(t, r) {
-  var n = d.useRef(!0);
-  nr(function() {
+var or = process.env.NODE_ENV !== "test" && Vo() ? v.useLayoutEffect : v.useEffect, De = function(t, r) {
+  var n = v.useRef(!0);
+  or(function() {
     return t(n.current);
-  }, r), nr(function() {
+  }, r), or(function() {
     return n.current = !1, function() {
       n.current = !0;
     };
   }, []);
-}, Lr = /* @__PURE__ */ d.forwardRef(function(e, t) {
-  var r = e.height, n = e.offsetY, o = e.offsetX, i = e.children, s = e.prefixCls, l = e.onInnerResize, f = e.innerProps, v = e.rtl, m = e.extra, h = {}, g = {
+}, Lr = /* @__PURE__ */ v.forwardRef(function(e, t) {
+  var r = e.height, n = e.offsetY, o = e.offsetX, i = e.children, s = e.prefixCls, l = e.onInnerResize, d = e.innerProps, f = e.rtl, m = e.extra, h = {}, g = {
     display: "flex",
     flexDirection: "column"
   };
@@ -2225,41 +2225,41 @@ var nr = process.env.NODE_ENV !== "test" && Vo() ? d.useLayoutEffect : d.useEffe
     overflow: "hidden"
   }, g = q(q({}, g), {}, ee(ee(ee(ee(ee({
     transform: "translateY(".concat(n, "px)")
-  }, v ? "marginRight" : "marginLeft", -o), "position", "absolute"), "left", 0), "right", 0), "top", 0))), /* @__PURE__ */ d.createElement("div", {
+  }, f ? "marginRight" : "marginLeft", -o), "position", "absolute"), "left", 0), "right", 0), "top", 0))), /* @__PURE__ */ v.createElement("div", {
     style: h
-  }, /* @__PURE__ */ d.createElement(it, {
+  }, /* @__PURE__ */ v.createElement(it, {
     onResize: function(y) {
       var p = y.offsetHeight;
       p && l && l();
     }
-  }, /* @__PURE__ */ d.createElement("div", Ot({
+  }, /* @__PURE__ */ v.createElement("div", Ct({
     style: g,
     className: Ze(ee({}, "".concat(s, "-holder-inner"), s)),
     ref: t
-  }, f), i, m)));
+  }, d), i, m)));
 });
 Lr.displayName = "Filler";
 function Bo(e) {
-  var t = e.children, r = e.setRef, n = d.useCallback(function(o) {
+  var t = e.children, r = e.setRef, n = v.useCallback(function(o) {
     r(o);
   }, []);
-  return /* @__PURE__ */ d.cloneElement(t, {
+  return /* @__PURE__ */ v.cloneElement(t, {
     ref: n
   });
 }
 function Wo(e, t, r, n, o, i, s, l) {
-  var f = l.getKey;
-  return e.slice(t, r + 1).map(function(v, m) {
-    var h = t + m, g = s(v, h, {
+  var d = l.getKey;
+  return e.slice(t, r + 1).map(function(f, m) {
+    var h = t + m, g = s(f, h, {
       style: {
         width: n
       },
       offsetX: o
-    }), b = f(v);
-    return /* @__PURE__ */ d.createElement(Bo, {
+    }), b = d(f);
+    return /* @__PURE__ */ v.createElement(Bo, {
       key: b,
       setRef: function(p) {
-        return i(v, p);
+        return i(f, p);
       }
     }, g);
   });
@@ -2272,27 +2272,27 @@ function Yo(e, t, r) {
   var l = {
     __EMPTY_ITEM__: !0
   };
-  function f(y) {
+  function d(y) {
     return y !== void 0 ? r(y) : l;
   }
-  for (var v = null, m = Math.abs(n - o) !== 1, h = 0; h < s.length; h += 1) {
-    var g = f(i[h]), b = f(s[h]);
+  for (var f = null, m = Math.abs(n - o) !== 1, h = 0; h < s.length; h += 1) {
+    var g = d(i[h]), b = d(s[h]);
     if (g !== b) {
-      v = h, m = m || g !== f(s[h + 1]);
+      f = h, m = m || g !== d(s[h + 1]);
       break;
     }
   }
-  return v === null ? null : {
-    index: v,
+  return f === null ? null : {
+    index: f,
     multiple: m
   };
 }
 function Go(e, t, r) {
-  var n = d.useState(e), o = K(n, 2), i = o[0], s = o[1], l = d.useState(null), f = K(l, 2), v = f[0], m = f[1];
-  return d.useEffect(function() {
+  var n = v.useState(e), o = K(n, 2), i = o[0], s = o[1], l = v.useState(null), d = K(l, 2), f = d[0], m = d[1];
+  return v.useEffect(function() {
     var h = Yo(i || [], e || [], t);
     (h == null ? void 0 : h.index) !== void 0 && m(e[h.index]), s(e);
-  }, [e]), [v];
+  }, [e]), [f];
 }
 var Nr = function(t) {
   return +setTimeout(t, 16);
@@ -2304,14 +2304,14 @@ typeof window < "u" && "requestAnimationFrame" in window && (Nr = function(t) {
 }, Ar = function(t) {
   return window.cancelAnimationFrame(t);
 });
-var or = 0, at = /* @__PURE__ */ new Map();
+var ir = 0, at = /* @__PURE__ */ new Map();
 function $r(e) {
   at.delete(e);
 }
 var ne = function(t) {
   var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
-  or += 1;
-  var n = or;
+  ir += 1;
+  var n = ir;
   function o(i) {
     if (i === 0)
       $r(n), t();
@@ -2331,49 +2331,49 @@ ne.cancel = function(e) {
 process.env.NODE_ENV !== "production" && (ne.ids = function() {
   return at;
 });
-var ir = (typeof navigator > "u" ? "undefined" : oe(navigator)) === "object" && /Firefox/i.test(navigator.userAgent);
+var ar = (typeof navigator > "u" ? "undefined" : oe(navigator)) === "object" && /Firefox/i.test(navigator.userAgent);
 const zr = function(e, t, r, n) {
-  var o = D(!1), i = D(null);
+  var o = j(!1), i = j(null);
   function s() {
     clearTimeout(i.current), o.current = !0, i.current = setTimeout(function() {
       o.current = !1;
     }, 50);
   }
-  var l = D({
+  var l = j({
     top: e,
     bottom: t,
     left: r,
     right: n
   });
-  return l.current.top = e, l.current.bottom = t, l.current.left = r, l.current.right = n, function(f, v) {
-    var m = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, h = f ? (
+  return l.current.top = e, l.current.bottom = t, l.current.left = r, l.current.right = n, function(d, f) {
+    var m = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, h = d ? (
       // Pass origin wheel when on the left
-      v < 0 && l.current.left || // Pass origin wheel when on the right
-      v > 0 && l.current.right
-    ) : v < 0 && l.current.top || // Pass origin wheel when on the bottom
-    v > 0 && l.current.bottom;
+      f < 0 && l.current.left || // Pass origin wheel when on the right
+      f > 0 && l.current.right
+    ) : f < 0 && l.current.top || // Pass origin wheel when on the bottom
+    f > 0 && l.current.bottom;
     return m && h ? (clearTimeout(i.current), o.current = !1) : (!h || o.current) && s(), !o.current && h;
   };
 };
 function Uo(e, t, r, n, o, i, s) {
-  var l = D(0), f = D(null), v = D(null), m = D(!1), h = zr(t, r, n, o);
+  var l = j(0), d = j(null), f = j(null), m = j(!1), h = zr(t, r, n, o);
   function g(u, R) {
-    if (ne.cancel(f.current), !h(!1, R)) {
+    if (ne.cancel(d.current), !h(!1, R)) {
       var C = u;
       if (!C._virtualHandled)
         C._virtualHandled = !0;
       else
         return;
-      l.current += R, v.current = R, ir || C.preventDefault(), f.current = ne(function() {
+      l.current += R, f.current = R, ar || C.preventDefault(), d.current = ne(function() {
         var x = m.current ? 10 : 1;
         s(l.current * x, !1), l.current = 0;
       });
     }
   }
   function b(u, R) {
-    s(R, !0), ir || u.preventDefault();
+    s(R, !0), ar || u.preventDefault();
   }
-  var y = D(null), p = D(null);
+  var y = j(null), p = j(null);
   function c(u) {
     if (e) {
       ne.cancel(p.current), p.current = ne(function() {
@@ -2386,14 +2386,14 @@ function Uo(e, t, r, n, o, i, s) {
     }
   }
   function w(u) {
-    e && (m.current = u.detail === v.current);
+    e && (m.current = u.detail === f.current);
   }
   return [c, w];
 }
 function Xo(e, t, r, n) {
-  var o = d.useMemo(function() {
+  var o = v.useMemo(function() {
     return [/* @__PURE__ */ new Map(), []];
-  }, [e, r.id, n]), i = K(o, 2), s = i[0], l = i[1], f = function(m) {
+  }, [e, r.id, n]), i = K(o, 2), s = i[0], l = i[1], d = function(m) {
     var h = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : m, g = s.get(m), b = s.get(h);
     if (g === void 0 || b === void 0)
       for (var y = e.length, p = l.length; p < y; p += 1) {
@@ -2408,7 +2408,7 @@ function Xo(e, t, r, n) {
       bottom: l[b]
     };
   };
-  return f;
+  return d;
 }
 var Ko = /* @__PURE__ */ function() {
   function e() {
@@ -2426,14 +2426,14 @@ var Ko = /* @__PURE__ */ function() {
     }
   }]), e;
 }();
-function ar(e) {
+function sr(e) {
   var t = parseFloat(e);
   return isNaN(t) ? 0 : t;
 }
 function qo(e, t, r) {
-  var n = d.useState(0), o = K(n, 2), i = o[0], s = o[1], l = D(/* @__PURE__ */ new Map()), f = D(new Ko()), v = D();
+  var n = v.useState(0), o = K(n, 2), i = o[0], s = o[1], l = j(/* @__PURE__ */ new Map()), d = j(new Ko()), f = j();
   function m() {
-    ne.cancel(v.current);
+    ne.cancel(f.current);
   }
   function h() {
     var b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -2441,14 +2441,14 @@ function qo(e, t, r) {
     var y = function() {
       l.current.forEach(function(c, w) {
         if (c && c.offsetParent) {
-          var u = qe(c), R = u.offsetHeight, C = getComputedStyle(u), x = C.marginTop, L = C.marginBottom, P = ar(x), T = ar(L), _ = R + P + T;
-          f.current.get(w) !== _ && f.current.set(w, _);
+          var u = qe(c), R = u.offsetHeight, C = getComputedStyle(u), x = C.marginTop, L = C.marginBottom, P = sr(x), T = sr(L), _ = R + P + T;
+          d.current.get(w) !== _ && d.current.set(w, _);
         }
       }), s(function(c) {
         return c + 1;
       });
     };
-    b ? y() : v.current = ne(y);
+    b ? y() : f.current = ne(y);
   }
   function g(b, y) {
     var p = e(b);
@@ -2456,87 +2456,87 @@ function qo(e, t, r) {
   }
   return en(function() {
     return m;
-  }, []), [g, h, f.current, i];
+  }, []), [g, h, d.current, i];
 }
-var sr = 14 / 15;
+var cr = 14 / 15;
 function Zo(e, t, r) {
-  var n = D(!1), o = D(0), i = D(0), s = D(null), l = D(null), f, v = function(b) {
+  var n = j(!1), o = j(0), i = j(0), s = j(null), l = j(null), d, f = function(b) {
     if (n.current) {
       var y = Math.ceil(b.touches[0].pageX), p = Math.ceil(b.touches[0].pageY), c = o.current - y, w = i.current - p, u = Math.abs(c) > Math.abs(w);
       u ? o.current = y : i.current = p;
       var R = r(u, u ? c : w, !1, b);
       R && b.preventDefault(), clearInterval(l.current), R && (l.current = setInterval(function() {
-        u ? c *= sr : w *= sr;
+        u ? c *= cr : w *= cr;
         var C = Math.floor(u ? c : w);
         (!r(u, C, !0) || Math.abs(C) <= 0.1) && clearInterval(l.current);
       }, 16));
     }
   }, m = function() {
-    n.current = !1, f();
+    n.current = !1, d();
   }, h = function(b) {
-    f(), b.touches.length === 1 && !n.current && (n.current = !0, o.current = Math.ceil(b.touches[0].pageX), i.current = Math.ceil(b.touches[0].pageY), s.current = b.target, s.current.addEventListener("touchmove", v, {
+    d(), b.touches.length === 1 && !n.current && (n.current = !0, o.current = Math.ceil(b.touches[0].pageX), i.current = Math.ceil(b.touches[0].pageY), s.current = b.target, s.current.addEventListener("touchmove", f, {
       passive: !1
     }), s.current.addEventListener("touchend", m, {
       passive: !0
     }));
   };
-  f = function() {
-    s.current && (s.current.removeEventListener("touchmove", v), s.current.removeEventListener("touchend", m));
+  d = function() {
+    s.current && (s.current.removeEventListener("touchmove", f), s.current.removeEventListener("touchend", m));
   }, De(function() {
     return e && t.current.addEventListener("touchstart", h, {
       passive: !0
     }), function() {
       var g;
-      (g = t.current) === null || g === void 0 || g.removeEventListener("touchstart", h), f(), clearInterval(l.current);
+      (g = t.current) === null || g === void 0 || g.removeEventListener("touchstart", h), d(), clearInterval(l.current);
     };
   }, [e]);
 }
-function cr(e) {
+function lr(e) {
   return Math.floor(Math.pow(e, 0.5));
 }
-function xt(e, t) {
+function _t(e, t) {
   var r = "touches" in e ? e.touches[0] : e;
   return r[t ? "pageX" : "pageY"] - window[t ? "scrollX" : "scrollY"];
 }
 function Jo(e, t, r) {
-  d.useEffect(function() {
+  v.useEffect(function() {
     var n = t.current;
     if (e && n) {
       var o = !1, i, s, l = function() {
         ne.cancel(i);
-      }, f = function g() {
+      }, d = function g() {
         l(), i = ne(function() {
           r(s), g();
         });
-      }, v = function(b) {
+      }, f = function(b) {
         var y = b;
         y._virtualHandled || (y._virtualHandled = !0, o = !0);
       }, m = function() {
         o = !1, l();
       }, h = function(b) {
         if (o) {
-          var y = xt(b, !1), p = n.getBoundingClientRect(), c = p.top, w = p.bottom;
+          var y = _t(b, !1), p = n.getBoundingClientRect(), c = p.top, w = p.bottom;
           if (y <= c) {
             var u = c - y;
-            s = -cr(u), f();
+            s = -lr(u), d();
           } else if (y >= w) {
             var R = y - w;
-            s = cr(R), f();
+            s = lr(R), d();
           } else
             l();
         }
       };
-      return n.addEventListener("mousedown", v), n.ownerDocument.addEventListener("mouseup", m), n.ownerDocument.addEventListener("mousemove", h), function() {
-        n.removeEventListener("mousedown", v), n.ownerDocument.removeEventListener("mouseup", m), n.ownerDocument.removeEventListener("mousemove", h), l();
+      return n.addEventListener("mousedown", f), n.ownerDocument.addEventListener("mouseup", m), n.ownerDocument.addEventListener("mousemove", h), function() {
+        n.removeEventListener("mousedown", f), n.ownerDocument.removeEventListener("mouseup", m), n.ownerDocument.removeEventListener("mousemove", h), l();
       };
     }
   }, [e]);
 }
-var lr = 10;
+var ur = 10;
 function Qo(e, t, r, n, o, i, s, l) {
-  var f = d.useRef(), v = d.useState(null), m = K(v, 2), h = m[0], g = m[1];
+  var d = v.useRef(), f = v.useState(null), m = K(f, 2), h = m[0], g = m[1];
   return De(function() {
-    if (h && h.times < lr) {
+    if (h && h.times < ur) {
       if (!e.current) {
         g(function(W) {
           return q({}, W);
@@ -2553,12 +2553,12 @@ function Qo(e, t, r, n, o, i, s, l) {
           T = P + (Y === void 0 ? n : Y), L = T;
         }
         for (var B = x === "top" ? c : w - c, $ = _; $ >= 0; $ -= 1) {
-          var G = o(t[$]), j = r.get(G);
-          if (j === void 0) {
+          var G = o(t[$]), k = r.get(G);
+          if (k === void 0) {
             u = !0;
             break;
           }
-          if (B -= j, B <= 0)
+          if (B -= k, B <= 0)
             break;
         }
         switch (x) {
@@ -2580,13 +2580,13 @@ function Qo(e, t, r, n, o, i, s, l) {
         targetAlign: R,
         lastTop: C
       }));
-    } else process.env.NODE_ENV !== "production" && (h == null ? void 0 : h.times) === lr && nt(!1, "Seems `scrollTo` with `rc-virtual-list` reach the max limitation. Please fire issue for us. Thanks.");
+    } else process.env.NODE_ENV !== "production" && (h == null ? void 0 : h.times) === ur && nt(!1, "Seems `scrollTo` with `rc-virtual-list` reach the max limitation. Please fire issue for us. Thanks.");
   }, [h, e.current]), function(b) {
     if (b == null) {
       l();
       return;
     }
-    if (ne.cancel(f.current), typeof b == "number")
+    if (ne.cancel(d.current), typeof b == "number")
       s(b);
     else if (b && oe(b) === "object") {
       var y, p = b.align;
@@ -2603,19 +2603,19 @@ function Qo(e, t, r, n, o, i, s, l) {
     }
   };
 }
-var _t = /* @__PURE__ */ d.forwardRef(function(e, t) {
-  var r = e.prefixCls, n = e.rtl, o = e.scrollOffset, i = e.scrollRange, s = e.onStartMove, l = e.onStopMove, f = e.onScroll, v = e.horizontal, m = e.spinSize, h = e.containerSize, g = e.style, b = e.thumbStyle, y = d.useState(!1), p = K(y, 2), c = p[0], w = p[1], u = d.useState(null), R = K(u, 2), C = R[0], x = R[1], L = d.useState(null), P = K(L, 2), T = P[0], _ = P[1], M = !n, F = d.useRef(), Y = d.useRef(), B = d.useState(!1), $ = K(B, 2), G = $[0], j = $[1], ae = d.useRef(), Z = function() {
-    clearTimeout(ae.current), j(!0), ae.current = setTimeout(function() {
-      j(!1);
+var Ot = /* @__PURE__ */ v.forwardRef(function(e, t) {
+  var r = e.prefixCls, n = e.rtl, o = e.scrollOffset, i = e.scrollRange, s = e.onStartMove, l = e.onStopMove, d = e.onScroll, f = e.horizontal, m = e.spinSize, h = e.containerSize, g = e.style, b = e.thumbStyle, y = v.useState(!1), p = K(y, 2), c = p[0], w = p[1], u = v.useState(null), R = K(u, 2), C = R[0], x = R[1], L = v.useState(null), P = K(L, 2), T = P[0], _ = P[1], M = !n, F = v.useRef(), Y = v.useRef(), B = v.useState(!1), $ = K(B, 2), G = $[0], k = $[1], ae = v.useRef(), Z = function() {
+    clearTimeout(ae.current), k(!0), ae.current = setTimeout(function() {
+      k(!1);
     }, 3e3);
-  }, W = i - h || 0, me = h - m || 0, H = d.useMemo(function() {
+  }, W = i - h || 0, me = h - m || 0, H = v.useMemo(function() {
     if (o === 0 || W === 0)
       return 0;
     var X = o / W;
     return X * me;
   }, [o, W, me]), se = function(z) {
     z.stopPropagation(), z.preventDefault();
-  }, pe = d.useRef({
+  }, pe = v.useRef({
     top: H,
     dragging: c,
     pageY: C,
@@ -2628,9 +2628,9 @@ var _t = /* @__PURE__ */ d.forwardRef(function(e, t) {
     startTop: T
   };
   var he = function(z) {
-    w(!0), x(xt(z, v)), _(pe.current.top), s(), z.stopPropagation(), z.preventDefault();
+    w(!0), x(_t(z, f)), _(pe.current.top), s(), z.stopPropagation(), z.preventDefault();
   };
-  d.useEffect(function() {
+  v.useEffect(function() {
     var X = function(S) {
       S.preventDefault();
     }, z = F.current, re = Y.current;
@@ -2642,21 +2642,21 @@ var _t = /* @__PURE__ */ d.forwardRef(function(e, t) {
       z.removeEventListener("touchstart", X), re.removeEventListener("touchstart", he);
     };
   }, []);
-  var Re = d.useRef();
+  var Re = v.useRef();
   Re.current = W;
-  var ge = d.useRef();
-  ge.current = me, d.useEffect(function() {
+  var ge = v.useRef();
+  ge.current = me, v.useEffect(function() {
     if (c) {
       var X, z = function(S) {
         var le = pe.current, ue = le.dragging, be = le.pageY, He = le.startTop;
         ne.cancel(X);
-        var Ve = F.current.getBoundingClientRect(), ye = h / (v ? Ve.width : Ve.height);
+        var Ve = F.current.getBoundingClientRect(), ye = h / (f ? Ve.width : Ve.height);
         if (ue) {
-          var Te = (xt(S, v) - be) * ye, Ie = He;
-          !M && v ? Ie -= Te : Ie += Te;
+          var Te = (_t(S, f) - be) * ye, Ie = He;
+          !M && f ? Ie -= Te : Ie += Te;
           var Be = Re.current, We = ge.current, st = We ? Ie / We : 0, ce = Math.ceil(st * Be);
           ce = Math.max(ce, 0), ce = Math.min(ce, Be), X = ne(function() {
-            f(ce, v);
+            d(ce, f);
           });
         }
       }, re = function() {
@@ -2674,11 +2674,11 @@ var _t = /* @__PURE__ */ d.forwardRef(function(e, t) {
         window.removeEventListener("mousemove", z), window.removeEventListener("touchmove", z), window.removeEventListener("mouseup", re), window.removeEventListener("touchend", re), ne.cancel(X);
       };
     }
-  }, [c]), d.useEffect(function() {
+  }, [c]), v.useEffect(function() {
     return Z(), function() {
       clearTimeout(ae.current);
     };
-  }, [o]), d.useImperativeHandle(t, function() {
+  }, [o]), v.useImperativeHandle(t, function() {
     return {
       delayHidden: Z
     };
@@ -2693,22 +2693,22 @@ var _t = /* @__PURE__ */ d.forwardRef(function(e, t) {
     cursor: "pointer",
     userSelect: "none"
   };
-  return v ? (te.height = 8, te.left = 0, te.right = 0, te.bottom = 0, ie.height = "100%", ie.width = m, M ? ie.left = H : ie.right = H) : (te.width = 8, te.top = 0, te.bottom = 0, M ? te.right = 0 : te.left = 0, ie.width = "100%", ie.height = m, ie.top = H), /* @__PURE__ */ d.createElement("div", {
+  return f ? (te.height = 8, te.left = 0, te.right = 0, te.bottom = 0, ie.height = "100%", ie.width = m, M ? ie.left = H : ie.right = H) : (te.width = 8, te.top = 0, te.bottom = 0, M ? te.right = 0 : te.left = 0, ie.width = "100%", ie.height = m, ie.top = H), /* @__PURE__ */ v.createElement("div", {
     ref: F,
-    className: Ze(U, ee(ee(ee({}, "".concat(U, "-horizontal"), v), "".concat(U, "-vertical"), !v), "".concat(U, "-visible"), G)),
+    className: Ze(U, ee(ee(ee({}, "".concat(U, "-horizontal"), f), "".concat(U, "-vertical"), !f), "".concat(U, "-visible"), G)),
     style: q(q({}, te), g),
     onMouseDown: se,
     onMouseMove: Z
-  }, /* @__PURE__ */ d.createElement("div", {
+  }, /* @__PURE__ */ v.createElement("div", {
     ref: Y,
     className: Ze("".concat(U, "-thumb"), ee({}, "".concat(U, "-thumb-moving"), c)),
     style: q(q({}, ie), b),
     onMouseDown: he
   }));
 });
-process.env.NODE_ENV !== "production" && (_t.displayName = "ScrollBar");
+process.env.NODE_ENV !== "production" && (Ot.displayName = "ScrollBar");
 var ei = 20;
-function ur() {
+function fr() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, r = e / t * e;
   return isNaN(r) && (r = 0), r = Math.max(r, ei), Math.floor(r);
 }
@@ -2717,13 +2717,13 @@ var ti = ["prefixCls", "className", "height", "itemHeight", "fullHeight", "style
   overflowAnchor: "none"
 };
 function oi(e, t) {
-  var r = e.prefixCls, n = r === void 0 ? "rc-virtual-list" : r, o = e.className, i = e.height, s = e.itemHeight, l = e.fullHeight, f = l === void 0 ? !0 : l, v = e.style, m = e.data, h = e.children, g = e.itemKey, b = e.virtual, y = e.direction, p = e.scrollWidth, c = e.component, w = c === void 0 ? "div" : c, u = e.onScroll, R = e.onVirtualScroll, C = e.onVisibleChange, x = e.innerProps, L = e.extraRender, P = e.styles, T = Xn(e, ti), _ = d.useCallback(function(O) {
+  var r = e.prefixCls, n = r === void 0 ? "rc-virtual-list" : r, o = e.className, i = e.height, s = e.itemHeight, l = e.fullHeight, d = l === void 0 ? !0 : l, f = e.style, m = e.data, h = e.children, g = e.itemKey, b = e.virtual, y = e.direction, p = e.scrollWidth, c = e.component, w = c === void 0 ? "div" : c, u = e.onScroll, R = e.onVirtualScroll, C = e.onVisibleChange, x = e.innerProps, L = e.extraRender, P = e.styles, T = Xn(e, ti), _ = v.useCallback(function(O) {
     return typeof g == "function" ? g(O) : O == null ? void 0 : O[g];
-  }, [g]), M = qo(_), F = K(M, 4), Y = F[0], B = F[1], $ = F[2], G = F[3], j = !!(b !== !1 && i && s), ae = d.useMemo(function() {
+  }, [g]), M = qo(_), F = K(M, 4), Y = F[0], B = F[1], $ = F[2], G = F[3], k = !!(b !== !1 && i && s), ae = v.useMemo(function() {
     return Object.values($.maps).reduce(function(O, E) {
       return O + E;
     }, 0);
-  }, [$.id, $.maps]), Z = j && m && (Math.max(s * m.length, ae) > i || !!p), W = y === "rtl", me = Ze(n, ee({}, "".concat(n, "-rtl"), W), o), H = m || ri, se = D(), pe = D(), he = D(), Re = Ke(0), ge = K(Re, 2), U = ge[0], te = ge[1], ie = Ke(0), X = K(ie, 2), z = X[0], re = X[1], Ee = Ke(!1), S = K(Ee, 2), le = S[0], ue = S[1], be = function() {
+  }, [$.id, $.maps]), Z = k && m && (Math.max(s * m.length, ae) > i || !!p), W = y === "rtl", me = Ze(n, ee({}, "".concat(n, "-rtl"), W), o), H = m || ri, se = j(), pe = j(), he = j(), Re = Ke(0), ge = K(Re, 2), U = ge[0], te = ge[1], ie = Ke(0), X = K(ie, 2), z = X[0], re = X[1], Ee = Ke(!1), S = K(Ee, 2), le = S[0], ue = S[1], be = function() {
     ue(!0);
   }, He = function() {
     ue(!1);
@@ -2738,13 +2738,13 @@ function oi(e, t) {
       return se.current.scrollTop = V, V;
     });
   }
-  var Te = D({
+  var Te = j({
     start: 0,
     end: H.length
-  }), Ie = D(), Be = Go(H, _), We = K(Be, 1), st = We[0];
+  }), Ie = j(), Be = Go(H, _), We = K(Be, 1), st = We[0];
   Ie.current = st;
-  var ce = d.useMemo(function() {
-    if (!j)
+  var ce = v.useMemo(function() {
+    if (!k)
       return {
         scrollHeight: void 0,
         start: 0,
@@ -2760,8 +2760,8 @@ function oi(e, t) {
         offset: void 0
       };
     }
-    for (var E = 0, I, V, J, Ht = H.length, $e = 0; $e < Ht; $e += 1) {
-      var Zr = H[$e], Jr = _(Zr), Vt = $.get(Jr), pt = E + (Vt === void 0 ? s : Vt);
+    for (var E = 0, I, V, J, Vt = H.length, $e = 0; $e < Vt; $e += 1) {
+      var Zr = H[$e], Jr = _(Zr), Bt = $.get(Jr), pt = E + (Bt === void 0 ? s : Bt);
       pt >= U && I === void 0 && (I = $e, V = E), pt > U + i && J === void 0 && (J = $e), E = pt;
     }
     return I === void 0 && (I = 0, V = 0, J = Math.ceil(i / s)), J === void 0 && (J = H.length - 1), J = Math.min(J + 1, H.length - 1), {
@@ -2770,40 +2770,40 @@ function oi(e, t) {
       end: J,
       offset: V
     };
-  }, [Z, j, U, H, G, i]), we = ce.scrollHeight, Le = ce.start, Ne = ce.end, Mt = ce.offset;
+  }, [Z, k, U, H, G, i]), we = ce.scrollHeight, Le = ce.start, Ne = ce.end, Tt = ce.offset;
   Te.current.start = Le, Te.current.end = Ne;
-  var jr = d.useState({
+  var jr = v.useState({
     width: 0,
     height: i
-  }), Tt = K(jr, 2), fe = Tt[0], kr = Tt[1], Fr = function(E) {
+  }), It = K(jr, 2), fe = It[0], kr = It[1], Fr = function(E) {
     kr({
       width: E.offsetWidth,
       height: E.offsetHeight
     });
-  }, It = D(), Lt = D(), Hr = d.useMemo(function() {
-    return ur(fe.width, p);
-  }, [fe.width, p]), Vr = d.useMemo(function() {
-    return ur(fe.height, we);
-  }, [fe.height, we]), ct = we - i, lt = D(ct);
+  }, Lt = j(), Nt = j(), Hr = v.useMemo(function() {
+    return fr(fe.width, p);
+  }, [fe.width, p]), Vr = v.useMemo(function() {
+    return fr(fe.height, we);
+  }, [fe.height, we]), ct = we - i, lt = j(ct);
   lt.current = ct;
   function Br(O) {
     var E = O;
     return Number.isNaN(lt.current) || (E = Math.min(E, lt.current)), E = Math.max(E, 0), E;
   }
-  var Ye = U <= 0, Ge = U >= ct, Nt = z <= 0, At = z >= p, Wr = zr(Ye, Ge, Nt, At), ut = function() {
+  var Ye = U <= 0, Ge = U >= ct, At = z <= 0, $t = z >= p, Wr = zr(Ye, Ge, At, $t), ut = function() {
     return {
       x: W ? -z : z,
       y: U
     };
-  }, ft = D(ut()), Ue = rr(function(O) {
+  }, ft = j(ut()), Ue = nr(function(O) {
     if (R) {
       var E = q(q({}, ut()), O);
       (ft.current.x !== E.x || ft.current.y !== E.y) && (R(E), ft.current = E);
     }
   });
-  function $t(O, E) {
+  function zt(O, E) {
     var I = O;
-    E ? (Ut.flushSync(function() {
+    E ? (Xt.flushSync(function() {
       re(I);
     }), Ue()) : ye(I);
   }
@@ -2814,8 +2814,8 @@ function oi(e, t) {
   var dt = function(E) {
     var I = E, V = p ? p - fe.width : 0;
     return I = Math.max(I, 0), I = Math.min(I, V), I;
-  }, Gr = rr(function(O, E) {
-    E ? (Ut.flushSync(function() {
+  }, Gr = nr(function(O, E) {
+    E ? (Xt.flushSync(function() {
       re(function(I) {
         var V = I + (W ? -O : O);
         return dt(V);
@@ -2824,8 +2824,8 @@ function oi(e, t) {
       var V = I + O;
       return V;
     });
-  }), Ur = Uo(j, Ye, Ge, Nt, At, !!p, Gr), zt = K(Ur, 2), vt = zt[0], Dt = zt[1];
-  Zo(j, se, function(O, E, I, V) {
+  }), Ur = Uo(k, Ye, Ge, At, $t, !!p, Gr), Dt = K(Ur, 2), vt = Dt[0], jt = Dt[1];
+  Zo(k, se, function(O, E, I, V) {
     var J = V;
     return Wr(O, E, I) ? !1 : !J || !J._virtualHandled ? (J && (J._virtualHandled = !0), vt({
       preventDefault: function() {
@@ -2840,19 +2840,19 @@ function oi(e, t) {
   }), De(function() {
     function O(I) {
       var V = Ye && I.detail < 0, J = Ge && I.detail > 0;
-      j && !V && !J && I.preventDefault();
+      k && !V && !J && I.preventDefault();
     }
     var E = se.current;
     return E.addEventListener("wheel", vt, {
       passive: !1
-    }), E.addEventListener("DOMMouseScroll", Dt, {
+    }), E.addEventListener("DOMMouseScroll", jt, {
       passive: !0
     }), E.addEventListener("MozMousePixelScroll", O, {
       passive: !1
     }), function() {
-      E.removeEventListener("wheel", vt), E.removeEventListener("DOMMouseScroll", Dt), E.removeEventListener("MozMousePixelScroll", O);
+      E.removeEventListener("wheel", vt), E.removeEventListener("DOMMouseScroll", jt), E.removeEventListener("MozMousePixelScroll", O);
     };
-  }, [j, Ye, Ge]), De(function() {
+  }, [k, Ye, Ge]), De(function() {
     if (p) {
       var O = dt(z);
       re(O), Ue({
@@ -2860,13 +2860,13 @@ function oi(e, t) {
       });
     }
   }, [fe.width, p]);
-  var jt = function() {
+  var kt = function() {
     var E, I;
-    (E = It.current) === null || E === void 0 || E.delayHidden(), (I = Lt.current) === null || I === void 0 || I.delayHidden();
-  }, kt = Qo(se, H, $, s, _, function() {
+    (E = Lt.current) === null || E === void 0 || E.delayHidden(), (I = Nt.current) === null || I === void 0 || I.delayHidden();
+  }, Ft = Qo(se, H, $, s, _, function() {
     return B(!0);
-  }, ye, jt);
-  d.useImperativeHandle(t, function() {
+  }, ye, kt);
+  v.useImperativeHandle(t, function() {
     return {
       nativeElement: he.current,
       getScrollInfo: ut,
@@ -2874,7 +2874,7 @@ function oi(e, t) {
         function I(V) {
           return V && oe(V) === "object" && ("left" in V || "top" in V);
         }
-        I(E) ? (E.left !== void 0 && re(dt(E.left)), kt(E.top)) : kt(E);
+        I(E) ? (E.left !== void 0 && re(dt(E.left)), Ft(E.top)) : Ft(E);
       }
     };
   }), De(function() {
@@ -2888,57 +2888,57 @@ function oi(e, t) {
     end: Ne,
     virtual: Z,
     offsetX: z,
-    offsetY: Mt,
+    offsetY: Tt,
     rtl: W,
     getSize: Xr
   }), qr = Wo(H, Le, Ne, p, z, Y, h, Ve), Ae = null;
-  i && (Ae = q(ee({}, f ? "height" : "maxHeight", i), ni), j && (Ae.overflowY = "hidden", p && (Ae.overflowX = "hidden"), le && (Ae.pointerEvents = "none")));
-  var Ft = {};
-  return W && (Ft.dir = "rtl"), /* @__PURE__ */ d.createElement("div", Ot({
+  i && (Ae = q(ee({}, d ? "height" : "maxHeight", i), ni), k && (Ae.overflowY = "hidden", p && (Ae.overflowX = "hidden"), le && (Ae.pointerEvents = "none")));
+  var Ht = {};
+  return W && (Ht.dir = "rtl"), /* @__PURE__ */ v.createElement("div", Ct({
     ref: he,
-    style: q(q({}, v), {}, {
+    style: q(q({}, f), {}, {
       position: "relative"
     }),
     className: me
-  }, Ft, T), /* @__PURE__ */ d.createElement(it, {
+  }, Ht, T), /* @__PURE__ */ v.createElement(it, {
     onResize: Fr
-  }, /* @__PURE__ */ d.createElement(w, {
+  }, /* @__PURE__ */ v.createElement(w, {
     className: "".concat(n, "-holder"),
     style: Ae,
     ref: se,
     onScroll: Yr,
-    onMouseEnter: jt
-  }, /* @__PURE__ */ d.createElement(Lr, {
+    onMouseEnter: kt
+  }, /* @__PURE__ */ v.createElement(Lr, {
     prefixCls: n,
     height: we,
     offsetX: z,
-    offsetY: Mt,
+    offsetY: Tt,
     scrollWidth: p,
     onInnerResize: B,
     ref: pe,
     innerProps: x,
     rtl: W,
     extra: Kr
-  }, qr))), Z && we > i && /* @__PURE__ */ d.createElement(_t, {
-    ref: It,
+  }, qr))), Z && we > i && /* @__PURE__ */ v.createElement(Ot, {
+    ref: Lt,
     prefixCls: n,
     scrollOffset: U,
     scrollRange: we,
     rtl: W,
-    onScroll: $t,
+    onScroll: zt,
     onStartMove: be,
     onStopMove: He,
     spinSize: Vr,
     containerSize: fe.height,
     style: P == null ? void 0 : P.verticalScrollBar,
     thumbStyle: P == null ? void 0 : P.verticalScrollBarThumb
-  }), Z && p > fe.width && /* @__PURE__ */ d.createElement(_t, {
-    ref: Lt,
+  }), Z && p > fe.width && /* @__PURE__ */ v.createElement(Ot, {
+    ref: Nt,
     prefixCls: n,
     scrollOffset: z,
     scrollRange: p,
     rtl: W,
-    onScroll: $t,
+    onScroll: zt,
     onStartMove: be,
     onStopMove: He,
     spinSize: Hr,
@@ -2948,36 +2948,36 @@ function oi(e, t) {
     thumbStyle: P == null ? void 0 : P.horizontalScrollBarThumb
   }));
 }
-var Dr = /* @__PURE__ */ d.forwardRef(oi);
+var Dr = /* @__PURE__ */ v.forwardRef(oi);
 Dr.displayName = "List";
 const Si = (e) => {
   var g, b, y, p, c, w;
   const [t, r] = Ke(1), n = tn(on);
   if (!n)
     return null;
-  const o = (u) => e.filter === Yt.ALL || !e.filter ? u : e.filter === Yt.UNARCHIVED ? u.filter((R) => !R.archived) : u.filter(e.filter);
+  const o = (u) => e.filter === Gt.ALL || !e.filter ? u : e.filter === Gt.UNARCHIVED ? u.filter((R) => !R.archived) : u.filter(e.filter);
   if (n.notifications === void 0) return null;
-  const s = o(n.notifications).sort((u, R) => new Date(u.date).getTime() - new Date(R.date).getTime()), l = {}, f = new nn();
+  const s = o(n.notifications).sort((u, R) => new Date(u.date).getTime() - new Date(R.date).getTime()), l = {}, d = new nn();
   s.forEach((u) => {
     var R, C;
     if ((C = (R = u.deliveryOptions) == null ? void 0 : R.instant) != null && C.batching) {
-      const x = u.deliveryOptions.instant.batchingKey, L = x ? f.parseAndRenderSync(`{{${x}}}`, u) : "", P = `${u.notificationId}-${L}`;
+      const x = u.deliveryOptions.instant.batchingKey, L = x ? d.parseAndRenderSync(`{{${x}}}`, u) : "", P = `${u.notificationId}-${L}`;
       l[P] ? l[P].push(u) : l[P] = [u];
     } else {
       const x = u.id;
       l[x] = [u];
     }
   });
-  const v = Object.values(l).sort(
+  const f = Object.values(l).sort(
     (u, R) => new Date(R[R.length - 1].date).getTime() - new Date(u[u.length - 1].date).getTime()
   ), m = e.empty ?? an, h = (u, R) => {
     R >= Math.floor(n.notifications.length / e.pageSize) && n.loadNotifications(), r(R);
   };
-  return /* @__PURE__ */ k("div", { children: e.pagination === "INFINITE_SCROLL" ? /* @__PURE__ */ Ce(
+  return /* @__PURE__ */ D("div", { children: e.pagination === "INFINITE_SCROLL" ? /* @__PURE__ */ Ce(
     mt,
     {
-      subheader: /* @__PURE__ */ k(
-        Bt,
+      subheader: /* @__PURE__ */ D(
+        Wt,
         {
           title: (g = e.header) == null ? void 0 : g.title,
           button1ClickHandler: (b = e.header) == null ? void 0 : b.button1ClickHandler,
@@ -2985,11 +2985,11 @@ const Si = (e) => {
         }
       ),
       children: [
-        v.length === 0 && m,
-        /* @__PURE__ */ k(
+        f.length === 0 && m,
+        /* @__PURE__ */ D(
           Dr,
           {
-            data: v,
+            data: f,
             height: e.maxHeight,
             itemHeight: 47,
             itemKey: (u) => u[0].id,
@@ -2998,13 +2998,14 @@ const Si = (e) => {
                 u.currentTarget.scrollHeight - u.currentTarget.scrollTop - e.maxHeight
               ) <= 1 && n.loadNotifications();
             },
-            children: (u) => /* @__PURE__ */ k(gt, { style: { padding: 0 }, children: /* @__PURE__ */ k(
-              Wt,
+            children: (u) => /* @__PURE__ */ D(gt, { style: { padding: 0 }, children: /* @__PURE__ */ D(
+              Yt,
               {
                 markAsArchived: n.markAsArchived,
                 notifications: u,
                 markAsClicked: n.markAsClicked,
-                renderer: e.notificationRenderer
+                renderer: e.notificationRenderer,
+                imageShape: e.imageShape
               }
             ) }, u[0].id)
           }
@@ -3014,8 +3015,8 @@ const Si = (e) => {
   ) : /* @__PURE__ */ Ce(
     mt,
     {
-      subheader: /* @__PURE__ */ k(
-        Bt,
+      subheader: /* @__PURE__ */ D(
+        Wt,
         {
           title: (p = e.header) == null ? void 0 : p.title,
           button1ClickHandler: (c = e.header) == null ? void 0 : c.button1ClickHandler,
@@ -3023,29 +3024,38 @@ const Si = (e) => {
         }
       ),
       children: [
-        v.filter((u, R) => e.pagination === "PAGINATED" ? R >= (t - 1) * e.pageSize && R < t * e.pageSize : !0).map((u) => /* @__PURE__ */ k(gt, { style: { padding: 0 }, children: /* @__PURE__ */ k(
-          Wt,
+        e.pagePosition === "top" && f.length > 0 && /* @__PURE__ */ D(
+          bt,
+          {
+            count: Math.ceil(f.length / e.pageSize),
+            page: t,
+            onChange: h
+          }
+        ),
+        f.filter((u, R) => e.pagination === "PAGINATED" ? R >= (t - 1) * e.pageSize && R < t * e.pageSize : !0).map((u) => /* @__PURE__ */ D(gt, { style: { padding: 0 }, children: /* @__PURE__ */ D(
+          Yt,
           {
             markAsArchived: n.markAsArchived,
             notifications: u,
             markAsClicked: n.markAsClicked,
-            renderer: e.notificationRenderer
+            renderer: e.notificationRenderer,
+            imageShape: e.imageShape
           }
         ) }, u[0].id)),
-        v.length > 0 && /* @__PURE__ */ k(
-          hr,
+        e.pagePosition === "bottom" && f.length > 0 && /* @__PURE__ */ D(
+          bt,
           {
-            count: Math.ceil(v.length / e.pageSize),
+            count: Math.ceil(f.length / e.pageSize),
             page: t,
             onChange: h
           }
         ),
-        v.length === 0 && m
+        f.length === 0 && m
       ]
     }
   ) });
 };
 export {
   Si as I,
-  Kt as i
+  qt as i
 };