@notificationapi/react 0.0.37 → 1.0.1

package/dist/assets/Inbox.js

@@ -0,0 +1,3051 @@
+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 { 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 { 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 { 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 rt } from "./createSvgIcon.js";
+function dr(e, t) {
+  var r, n, o;
+  return /* @__PURE__ */ d.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) {
+  return typeof e == "string";
+}
+const Oe = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && (Oe.displayName = "ListContext");
+function mn(e) {
+  return je("MuiList", e);
+}
+Me("MuiList", ["root", "padding", "dense", "subheader"]);
+const gn = (e) => {
+  const {
+    classes: t,
+    disablePadding: r,
+    dense: n,
+    subheader: o
+  } = e;
+  return Fe({
+    root: ["root", !r && "padding", n && "dense", o && "subheader"]
+  }, mn, t);
+}, bn = ve("ul", {
+  name: "MuiList",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.root, !r.disablePadding && t.padding, r.dense && t.dense, r.subheader && t.subheader];
+  }
+})({
+  listStyle: "none",
+  margin: 0,
+  padding: 0,
+  position: "relative",
+  variants: [{
+    props: ({
+      ownerState: e
+    }) => !e.disablePadding,
+    style: {
+      paddingTop: 8,
+      paddingBottom: 8
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.subheader,
+    style: {
+      paddingTop: 0
+    }
+  }]
+}), mt = /* @__PURE__ */ d.forwardRef(function(t, r) {
+  const n = ke({
+    props: t,
+    name: "MuiList"
+  }), {
+    children: o,
+    className: i,
+    component: s = "ul",
+    dense: l = !1,
+    disablePadding: f = !1,
+    subheader: v,
+    ...m
+  } = n, h = d.useMemo(() => ({
+    dense: l
+  }), [l]), g = {
+    ...n,
+    component: s,
+    dense: l,
+    disablePadding: f
+  }, b = gn(g);
+  return /* @__PURE__ */ k(Oe.Provider, {
+    value: h,
+    children: /* @__PURE__ */ Ce(bn, {
+      as: s,
+      className: Se(b.root, i),
+      ref: r,
+      ownerState: g,
+      ...m,
+      children: [v, o]
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (mt.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: a.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  className: a.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: a.elementType,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
+   * the list and list items.
+   * The prop is available to descendant components as the `dense` context.
+   * @default false
+   */
+  dense: a.bool,
+  /**
+   * If `true`, vertical padding is removed from the list.
+   * @default false
+   */
+  disablePadding: a.bool,
+  /**
+   * The content of the subheader, normally `ListSubheader`.
+   */
+  subheader: a.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
+});
+function yn(e) {
+  return je("MuiListItem", e);
+}
+Me("MuiListItem", ["root", "container", "dense", "alignItemsFlexStart", "divider", "gutters", "padding", "secondaryAction"]);
+const Sn = Me("MuiListItemButton", ["root", "focusVisible", "dense", "alignItemsFlexStart", "disabled", "divider", "gutters", "selected"]);
+function Rn(e) {
+  return je("MuiListItemSecondaryAction", e);
+}
+Me("MuiListItemSecondaryAction", ["root", "disableGutters"]);
+const En = (e) => {
+  const {
+    disableGutters: t,
+    classes: r
+  } = e;
+  return Fe({
+    root: ["root", t && "disableGutters"]
+  }, Rn, r);
+}, wn = ve("div", {
+  name: "MuiListItemSecondaryAction",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.root, r.disableGutters && t.disableGutters];
+  }
+})({
+  position: "absolute",
+  right: 16,
+  top: "50%",
+  transform: "translateY(-50%)",
+  variants: [{
+    props: ({
+      ownerState: e
+    }) => e.disableGutters,
+    style: {
+      right: 0
+    }
+  }]
+}), Ct = /* @__PURE__ */ d.forwardRef(function(t, r) {
+  const n = ke({
+    props: t,
+    name: "MuiListItemSecondaryAction"
+  }), {
+    className: o,
+    ...i
+  } = n, s = d.useContext(Oe), l = {
+    ...n,
+    disableGutters: s.disableGutters
+  }, f = En(l);
+  return /* @__PURE__ */ k(wn, {
+    className: Se(f.root, o),
+    ownerState: l,
+    ref: r,
+    ...i
+  });
+});
+process.env.NODE_ENV !== "production" && (Ct.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component, normally an `IconButton` or selection control.
+   */
+  children: a.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  className: a.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
+});
+Ct.muiName = "ListItemSecondaryAction";
+const xn = (e, t) => {
+  const {
+    ownerState: r
+  } = e;
+  return [t.root, r.dense && t.dense, r.alignItems === "flex-start" && t.alignItemsFlexStart, r.divider && t.divider, !r.disableGutters && t.gutters, !r.disablePadding && t.padding, r.hasSecondaryAction && t.secondaryAction];
+}, _n = (e) => {
+  const {
+    alignItems: t,
+    classes: r,
+    dense: n,
+    disableGutters: o,
+    disablePadding: i,
+    divider: s,
+    hasSecondaryAction: l
+  } = e;
+  return Fe({
+    root: ["root", n && "dense", !o && "gutters", !i && "padding", s && "divider", t === "flex-start" && "alignItemsFlexStart", l && "secondaryAction"],
+    container: ["container"]
+  }, yn, r);
+}, On = ve("div", {
+  name: "MuiListItem",
+  slot: "Root",
+  overridesResolver: xn
+})(tt(({
+  theme: e
+}) => ({
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  position: "relative",
+  textDecoration: "none",
+  width: "100%",
+  boxSizing: "border-box",
+  textAlign: "left",
+  variants: [{
+    props: ({
+      ownerState: t
+    }) => !t.disablePadding,
+    style: {
+      paddingTop: 8,
+      paddingBottom: 8
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !t.disablePadding && t.dense,
+    style: {
+      paddingTop: 4,
+      paddingBottom: 4
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !t.disablePadding && !t.disableGutters,
+    style: {
+      paddingLeft: 16,
+      paddingRight: 16
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !t.disablePadding && !!t.secondaryAction,
+    style: {
+      // Add some space to avoid collision as `ListItemSecondaryAction`
+      // is absolutely positioned.
+      paddingRight: 48
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !!t.secondaryAction,
+    style: {
+      [`& > .${Sn.root}`]: {
+        paddingRight: 48
+      }
+    }
+  }, {
+    props: {
+      alignItems: "flex-start"
+    },
+    style: {
+      alignItems: "flex-start"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.divider,
+    style: {
+      borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
+      backgroundClip: "padding-box"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.button,
+    style: {
+      transition: e.transitions.create("background-color", {
+        duration: e.transitions.duration.shortest
+      }),
+      "&:hover": {
+        textDecoration: "none",
+        backgroundColor: (e.vars || e).palette.action.hover,
+        // Reset on touch devices, it doesn't add specificity
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.hasSecondaryAction,
+    style: {
+      // Add some space to avoid collision as `ListItemSecondaryAction`
+      // is absolutely positioned.
+      paddingRight: 48
+    }
+  }]
+}))), Cn = ve("li", {
+  name: "MuiListItem",
+  slot: "Container",
+  overridesResolver: (e, t) => t.container
+})({
+  position: "relative"
+}), gt = /* @__PURE__ */ d.forwardRef(function(t, r) {
+  const n = ke({
+    props: t,
+    name: "MuiListItem"
+  }), {
+    alignItems: o = "center",
+    children: i,
+    className: s,
+    component: l,
+    components: f = {},
+    componentsProps: v = {},
+    ContainerComponent: m = "li",
+    ContainerProps: {
+      className: h,
+      ...g
+    } = {},
+    dense: b = !1,
+    disableGutters: y = !1,
+    disablePadding: p = !1,
+    divider: c = !1,
+    secondaryAction: w,
+    slotProps: u = {},
+    slots: R = {},
+    ...C
+  } = n, x = d.useContext(Oe), L = d.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 = {
+    ...n,
+    alignItems: o,
+    dense: L.dense,
+    disableGutters: y,
+    disablePadding: p,
+    divider: c,
+    hasSecondaryAction: _
+  }, F = _n(M), Y = pn(P, r), B = R.root || f.Root || On, $ = u.root || v.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, {
+    value: L,
+    children: /* @__PURE__ */ Ce(Cn, {
+      as: m,
+      className: Se(F.container, h),
+      ref: Y,
+      ownerState: M,
+      ...g,
+      children: [/* @__PURE__ */ k(B, {
+        ...$,
+        ...!Kt(B) && {
+          as: j,
+          ownerState: {
+            ...M,
+            ...$.ownerState
+          }
+        },
+        ...G,
+        children: T
+      }), T.pop()]
+    })
+  })) : /* @__PURE__ */ k(Oe.Provider, {
+    value: L,
+    children: /* @__PURE__ */ Ce(B, {
+      ...$,
+      as: j,
+      ref: Y,
+      ...!Kt(B) && {
+        ownerState: {
+          ...M,
+          ...$.ownerState
+        }
+      },
+      ...G,
+      children: [T, w && /* @__PURE__ */ k(Ct, {
+        children: w
+      })]
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (gt.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Defines the `align-items` style property.
+   * @default 'center'
+   */
+  alignItems: a.oneOf(["center", "flex-start"]),
+  /**
+   * The content of the component if a `ListItemSecondaryAction` is used it must
+   * be the last child.
+   */
+  children: cn(a.node, (e) => {
+    const t = d.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"])) {
+        r = n;
+        break;
+      }
+    }
+    return r !== -1 && r !== t.length - 1 ? new Error("MUI: You used an element after ListItemSecondaryAction. For ListItem to detect that it has a secondary action you must pass it as the last child to ListItem.") : null;
+  }),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  className: a.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: a.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default {}
+   */
+  components: a.shape({
+    Root: a.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default {}
+   */
+  componentsProps: a.shape({
+    root: a.object
+  }),
+  /**
+   * The container component used when a `ListItemSecondaryAction` is the last child.
+   * @default 'li'
+   * @deprecated Use the `component` or `slots.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ContainerComponent: ln,
+  /**
+   * Props applied to the container component if used.
+   * @default {}
+   * @deprecated Use the `slotProps.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ContainerProps: a.object,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent List component.
+   * @default false
+   */
+  dense: a.bool,
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters: a.bool,
+  /**
+   * If `true`, all padding is removed.
+   * @default false
+   */
+  disablePadding: a.bool,
+  /**
+   * If `true`, a 1px light border is added to the bottom of the list item.
+   * @default false
+   */
+  divider: a.bool,
+  /**
+   * The element to display at the end of ListItem.
+   */
+  secondaryAction: a.node,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @default {}
+   */
+  slotProps: a.shape({
+    root: a.object
+  }),
+  /**
+   * The components used for each slot inside.
+   *
+   * @default {}
+   */
+  slots: a.shape({
+    root: a.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object])
+});
+function Pn(e) {
+  return je("MuiPagination", e);
+}
+Me("MuiPagination", ["root", "ul", "outlined", "text"]);
+function Mn(e = {}) {
+  const {
+    boundaryCount: t = 1,
+    componentName: r = "usePagination",
+    count: n = 1,
+    defaultPage: o = 1,
+    disabled: i = !1,
+    hideNextButton: s = !1,
+    hidePrevButton: l = !1,
+    onChange: f,
+    page: v,
+    showFirstButton: m = !1,
+    showLastButton: h = !1,
+    siblingCount: g = 1,
+    ...b
+  } = e, [y, p] = hn({
+    controlled: v,
+    default: o,
+    name: r,
+    state: "page"
+  }), c = (_, M) => {
+    v || p(M), f && f(_, M);
+  }, w = (_, M) => {
+    const F = M - _ + 1;
+    return Array.from({
+      length: F
+    }, (Y, B) => _ + B);
+  }, u = w(1, Math.min(t, n)), R = w(Math.max(n - t + 1, t + 1), n), C = Math.max(
+    Math.min(
+      // Natural start
+      y - g,
+      // Lower boundary when page is high
+      n - t - g * 2 - 1
+    ),
+    // Greater than startPages
+    t + 2
+  ), x = Math.min(
+    Math.max(
+      // Natural end
+      y + g,
+      // Upper boundary when page is low
+      t + g * 2 + 2
+    ),
+    // Less than endPages
+    n - t - 1
+  ), L = [
+    ...m ? ["first"] : [],
+    ...l ? [] : ["previous"],
+    ...u,
+    // Start ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...C > t + 2 ? ["start-ellipsis"] : t + 1 < n - t ? [t + 1] : [],
+    // Sibling pages
+    ...w(C, x),
+    // End ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...x < n - t - 1 ? ["end-ellipsis"] : n - t > t ? [n - t] : [],
+    ...R,
+    ...s ? [] : ["next"],
+    ...h ? ["last"] : []
+  ], P = (_) => {
+    switch (_) {
+      case "first":
+        return 1;
+      case "previous":
+        return y - 1;
+      case "next":
+        return y + 1;
+      case "last":
+        return n;
+      default:
+        return null;
+    }
+  };
+  return {
+    items: L.map((_) => typeof _ == "number" ? {
+      onClick: (M) => {
+        c(M, _);
+      },
+      type: "page",
+      page: _,
+      selected: _ === y,
+      disabled: i,
+      "aria-current": _ === y ? "page" : void 0
+    } : {
+      onClick: (M) => {
+        c(M, P(_));
+      },
+      type: _,
+      page: P(_),
+      selected: !1,
+      disabled: i || !_.includes("ellipsis") && (_ === "next" || _ === "last" ? y >= n : y <= 1)
+    }),
+    ...b
+  };
+}
+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", {
+  d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
+}), "FirstPage"), Ln = rt(/* @__PURE__ */ k("path", {
+  d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
+}), "LastPage"), Nn = rt(/* @__PURE__ */ k("path", {
+  d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+}), "NavigateBefore"), An = rt(/* @__PURE__ */ k("path", {
+  d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}), "NavigateNext"), vr = (e, t) => {
+  const {
+    ownerState: r
+  } = e;
+  return [t.root, t[r.variant], t[`size${_e(r.size)}`], r.variant === "text" && t[`text${_e(r.color)}`], r.variant === "outlined" && t[`outlined${_e(r.color)}`], r.shape === "rounded" && t.rounded, r.type === "page" && t.page, (r.type === "start-ellipsis" || r.type === "end-ellipsis") && t.ellipsis, (r.type === "previous" || r.type === "next") && t.previousNext, (r.type === "first" || r.type === "last") && t.firstLast];
+}, $n = (e) => {
+  const {
+    classes: t,
+    color: r,
+    disabled: n,
+    selected: o,
+    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", {
+      page: "page",
+      first: "firstLast",
+      last: "firstLast",
+      "start-ellipsis": "ellipsis",
+      "end-ellipsis": "ellipsis",
+      previous: "previousNext",
+      next: "previousNext"
+    }[l]],
+    icon: ["icon"]
+  };
+  return Fe(v, Tn, t);
+}, zn = ve("div", {
+  name: "MuiPaginationItem",
+  slot: "Root",
+  overridesResolver: vr
+})(tt(({
+  theme: e
+}) => ({
+  ...e.typography.body2,
+  borderRadius: 32 / 2,
+  textAlign: "center",
+  boxSizing: "border-box",
+  minWidth: 32,
+  padding: "0 6px",
+  margin: "0 3px",
+  color: (e.vars || e).palette.text.primary,
+  height: "auto",
+  [`&.${Q.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity
+  },
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      minWidth: 26,
+      borderRadius: 26 / 2,
+      margin: "0 1px",
+      padding: "0 4px"
+    }
+  }, {
+    props: {
+      size: "large"
+    },
+    style: {
+      minWidth: 40,
+      borderRadius: 40 / 2,
+      padding: "0 10px",
+      fontSize: e.typography.pxToRem(15)
+    }
+  }]
+}))), Dn = ve(un, {
+  name: "MuiPaginationItem",
+  slot: "Root",
+  overridesResolver: vr
+})(tt(({
+  theme: e
+}) => ({
+  ...e.typography.body2,
+  borderRadius: 32 / 2,
+  textAlign: "center",
+  boxSizing: "border-box",
+  minWidth: 32,
+  height: 32,
+  padding: "0 6px",
+  margin: "0 3px",
+  color: (e.vars || e).palette.text.primary,
+  [`&.${Q.focusVisible}`]: {
+    backgroundColor: (e.vars || e).palette.action.focus
+  },
+  [`&.${Q.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity
+  },
+  transition: e.transitions.create(["color", "background-color"], {
+    duration: e.transitions.duration.short
+  }),
+  "&:hover": {
+    backgroundColor: (e.vars || e).palette.action.hover,
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${Q.selected}`]: {
+    backgroundColor: (e.vars || e).palette.action.selected,
+    "&:hover": {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : xe(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: (e.vars || e).palette.action.selected
+      }
+    },
+    [`&.${Q.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : xe(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    },
+    [`&.${Q.disabled}`]: {
+      opacity: 1,
+      color: (e.vars || e).palette.action.disabled,
+      backgroundColor: (e.vars || e).palette.action.selected
+    }
+  },
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      minWidth: 26,
+      height: 26,
+      borderRadius: 26 / 2,
+      margin: "0 1px",
+      padding: "0 4px"
+    }
+  }, {
+    props: {
+      size: "large"
+    },
+    style: {
+      minWidth: 40,
+      height: 40,
+      borderRadius: 40 / 2,
+      padding: "0 10px",
+      fontSize: e.typography.pxToRem(15)
+    }
+  }, {
+    props: {
+      shape: "rounded"
+    },
+    style: {
+      borderRadius: (e.vars || e).shape.borderRadius
+    }
+  }, {
+    props: {
+      variant: "outlined"
+    },
+    style: {
+      border: e.vars ? `1px solid rgba(${e.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
+      [`&.${Q.selected}`]: {
+        [`&.${Q.disabled}`]: {
+          borderColor: (e.vars || e).palette.action.disabledBackground,
+          color: (e.vars || e).palette.action.disabled
+        }
+      }
+    }
+  }, {
+    props: {
+      variant: "text"
+    },
+    style: {
+      [`&.${Q.selected}`]: {
+        [`&.${Q.disabled}`]: {
+          color: (e.vars || e).palette.action.disabled
+        }
+      }
+    }
+  }, ...Object.entries(e.palette).filter(Xt(["dark", "contrastText"])).map(([t]) => ({
+    props: {
+      variant: "text",
+      color: t
+    },
+    style: {
+      [`&.${Q.selected}`]: {
+        color: (e.vars || e).palette[t].contrastText,
+        backgroundColor: (e.vars || e).palette[t].main,
+        "&:hover": {
+          backgroundColor: (e.vars || e).palette[t].dark,
+          // Reset on touch devices, it doesn't add specificity
+          "@media (hover: none)": {
+            backgroundColor: (e.vars || e).palette[t].main
+          }
+        },
+        [`&.${Q.focusVisible}`]: {
+          backgroundColor: (e.vars || e).palette[t].dark
+        },
+        [`&.${Q.disabled}`]: {
+          color: (e.vars || e).palette.action.disabled
+        }
+      }
+    }
+  })), ...Object.entries(e.palette).filter(Xt(["light"])).map(([t]) => ({
+    props: {
+      variant: "outlined",
+      color: t
+    },
+    style: {
+      [`&.${Q.selected}`]: {
+        color: (e.vars || e).palette[t].main,
+        border: `1px solid ${e.vars ? `rgba(${e.vars.palette[t].mainChannel} / 0.5)` : xe(e.palette[t].main, 0.5)}`,
+        backgroundColor: e.vars ? `rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.activatedOpacity})` : xe(e.palette[t].main, e.palette.action.activatedOpacity),
+        "&:hover": {
+          backgroundColor: e.vars ? `rgba(${e.vars.palette[t].mainChannel} / calc(${e.vars.palette.action.activatedOpacity} + ${e.vars.palette.action.focusOpacity}))` : xe(e.palette[t].main, e.palette.action.activatedOpacity + e.palette.action.focusOpacity),
+          // Reset on touch devices, it doesn't add specificity
+          "@media (hover: none)": {
+            backgroundColor: "transparent"
+          }
+        },
+        [`&.${Q.focusVisible}`]: {
+          backgroundColor: e.vars ? `rgba(${e.vars.palette[t].mainChannel} / calc(${e.vars.palette.action.activatedOpacity} + ${e.vars.palette.action.focusOpacity}))` : xe(e.palette[t].main, e.palette.action.activatedOpacity + e.palette.action.focusOpacity)
+        }
+      }
+    }
+  }))]
+}))), jn = ve("div", {
+  name: "MuiPaginationItem",
+  slot: "Icon",
+  overridesResolver: (e, t) => t.icon
+})(tt(({
+  theme: e
+}) => ({
+  fontSize: e.typography.pxToRem(20),
+  margin: "0 -8px",
+  variants: [{
+    props: {
+      size: "small"
+    },
+    style: {
+      fontSize: e.typography.pxToRem(18)
+    }
+  }, {
+    props: {
+      size: "large"
+    },
+    style: {
+      fontSize: e.typography.pxToRem(22)
+    }
+  }]
+}))), pr = /* @__PURE__ */ d.forwardRef(function(t, r) {
+  const n = ke({
+    props: t,
+    name: "MuiPaginationItem"
+  }), {
+    className: o,
+    color: i = "standard",
+    component: s,
+    components: l = {},
+    disabled: f = !1,
+    page: v,
+    selected: m = !1,
+    shape: h = "circular",
+    size: g = "medium",
+    slots: b = {},
+    slotProps: y = {},
+    type: p = "page",
+    variant: c = "text",
+    ...w
+  } = n, u = {
+    ...n,
+    color: i,
+    disabled: f,
+    selected: m,
+    shape: h,
+    size: g,
+    type: p,
+    variant: c
+  }, R = rn(), C = $n(u), x = {
+    slots: {
+      previous: b.previous ?? l.previous,
+      next: b.next ?? l.next,
+      first: b.first ?? l.first,
+      last: b.last ?? l.last
+    },
+    slotProps: y
+  }, [L, P] = Xe("previous", {
+    elementType: Nn,
+    externalForwardedProps: x,
+    ownerState: u
+  }), [T, _] = Xe("next", {
+    elementType: An,
+    externalForwardedProps: x,
+    ownerState: u
+  }), [M, F] = Xe("first", {
+    elementType: In,
+    externalForwardedProps: x,
+    ownerState: u
+  }), [Y, B] = Xe("last", {
+    elementType: Ln,
+    externalForwardedProps: x,
+    ownerState: u
+  }), $ = R ? {
+    previous: "next",
+    next: "previous",
+    first: "last",
+    last: "first"
+  }[p] : p, G = {
+    previous: L,
+    next: T,
+    first: M,
+    last: Y
+  }[$], j = {
+    previous: P,
+    next: _,
+    first: F,
+    last: B
+  }[$];
+  return p === "start-ellipsis" || p === "end-ellipsis" ? /* @__PURE__ */ k(zn, {
+    ref: r,
+    ownerState: u,
+    className: Se(C.root, o),
+    children: "…"
+  }) : /* @__PURE__ */ Ce(Dn, {
+    ref: r,
+    ownerState: u,
+    component: s,
+    disabled: f,
+    className: Se(C.root, o),
+    ...w,
+    children: [p === "page" && v, G ? /* @__PURE__ */ k(jn, {
+      ...j,
+      className: C.icon,
+      as: G
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (pr.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: a.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  className: a.string,
+  /**
+   * The active color.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'standard'
+   */
+  color: a.oneOfType([a.oneOf(["primary", "secondary", "standard"]), a.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: a.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  components: a.shape({
+    first: a.elementType,
+    last: a.elementType,
+    next: a.elementType,
+    previous: a.elementType
+  }),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: a.bool,
+  /**
+   * The current page number.
+   */
+  page: a.node,
+  /**
+   * If `true` the pagination item is selected.
+   * @default false
+   */
+  selected: a.bool,
+  /**
+   * The shape of the pagination item.
+   * @default 'circular'
+   */
+  shape: a.oneOf(["circular", "rounded"]),
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: a.oneOfType([a.oneOf(["small", "medium", "large"]), a.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: a.shape({
+    first: a.oneOfType([a.func, a.object]),
+    last: a.oneOfType([a.func, a.object]),
+    next: a.oneOfType([a.func, a.object]),
+    previous: a.oneOfType([a.func, a.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: a.shape({
+    first: a.elementType,
+    last: a.elementType,
+    next: a.elementType,
+    previous: a.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  /**
+   * The type of pagination item.
+   * @default 'page'
+   */
+  type: a.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: a.oneOfType([a.oneOf(["outlined", "text"]), a.string])
+});
+const kn = (e) => {
+  const {
+    classes: t,
+    variant: r
+  } = e;
+  return Fe({
+    root: ["root", r],
+    ul: ["ul"]
+  }, Pn, t);
+}, Fn = ve("nav", {
+  name: "MuiPagination",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.root, t[r.variant]];
+  }
+})({}), Hn = ve("ul", {
+  name: "MuiPagination",
+  slot: "Ul",
+  overridesResolver: (e, t) => t.ul
+})({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  padding: 0,
+  margin: 0,
+  listStyle: "none"
+});
+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 n = ke({
+    props: t,
+    name: "MuiPagination"
+  }), {
+    boundaryCount: o = 1,
+    className: i,
+    color: s = "standard",
+    count: l = 1,
+    defaultPage: f = 1,
+    disabled: v = !1,
+    getItemAriaLabel: m = Vn,
+    hideNextButton: h = !1,
+    hidePrevButton: g = !1,
+    onChange: b,
+    page: y,
+    renderItem: p = (M) => /* @__PURE__ */ k(pr, {
+      ...M
+    }),
+    shape: c = "circular",
+    showFirstButton: w = !1,
+    showLastButton: u = !1,
+    siblingCount: R = 1,
+    size: C = "medium",
+    variant: x = "text",
+    ...L
+  } = n, {
+    items: P
+  } = Mn({
+    ...n,
+    componentName: "Pagination"
+  }), T = {
+    ...n,
+    boundaryCount: o,
+    color: s,
+    count: l,
+    defaultPage: f,
+    disabled: v,
+    getItemAriaLabel: m,
+    hideNextButton: h,
+    hidePrevButton: g,
+    renderItem: p,
+    shape: c,
+    showFirstButton: w,
+    showLastButton: u,
+    siblingCount: R,
+    size: C,
+    variant: x
+  }, _ = kn(T);
+  return /* @__PURE__ */ k(Fn, {
+    "aria-label": "pagination navigation",
+    className: Se(_.root, i),
+    ownerState: T,
+    ref: r,
+    ...L,
+    children: /* @__PURE__ */ k(Hn, {
+      className: _.ul,
+      ownerState: T,
+      children: P.map((M, F) => /* @__PURE__ */ k("li", {
+        children: p({
+          ...M,
+          color: s,
+          "aria-label": m(M.type, M.page, M.selected),
+          shape: c,
+          size: C,
+          variant: x
+        })
+      }, F))
+    })
+  });
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Number of always visible pages at the beginning and end.
+   * @default 1
+   */
+  boundaryCount: ze,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  className: a.string,
+  /**
+   * The active color.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'standard'
+   */
+  color: a.oneOfType([a.oneOf(["primary", "secondary", "standard"]), a.string]),
+  /**
+   * The total number of pages.
+   * @default 1
+   */
+  count: ze,
+  /**
+   * The page selected by default when the component is uncontrolled.
+   * @default 1
+   */
+  defaultPage: ze,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: a.bool,
+  /**
+   * Accepts a function which returns a string value that provides a user-friendly name for the current page.
+   * This is important for screen reader users.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous' | 'start-ellipsis' | 'end-ellipsis'). Defaults to 'page'.
+   * @param {number | null} page The page number to format.
+   * @param {boolean} selected If true, the current page is selected.
+   * @returns {string}
+   */
+  getItemAriaLabel: a.func,
+  /**
+   * If `true`, hide the next-page button.
+   * @default false
+   */
+  hideNextButton: a.bool,
+  /**
+   * If `true`, hide the previous-page button.
+   * @default false
+   */
+  hidePrevButton: a.bool,
+  /**
+   * Callback fired when the page is changed.
+   *
+   * @param {React.ChangeEvent<unknown>} event The event source of the callback.
+   * @param {number} page The page selected.
+   */
+  onChange: a.func,
+  /**
+   * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
+   */
+  page: ze,
+  /**
+   * Render the item.
+   * @param {PaginationRenderItemParams} params The props to spread on a PaginationItem.
+   * @returns {ReactNode}
+   * @default (item) => <PaginationItem {...item} />
+   */
+  renderItem: a.func,
+  /**
+   * The shape of the pagination items.
+   * @default 'circular'
+   */
+  shape: a.oneOf(["circular", "rounded"]),
+  /**
+   * If `true`, show the first-page button.
+   * @default false
+   */
+  showFirstButton: a.bool,
+  /**
+   * If `true`, show the last-page button.
+   * @default false
+   */
+  showLastButton: a.bool,
+  /**
+   * Number of always visible pages before and after the current page.
+   * @default 1
+   */
+  siblingCount: ze,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: a.oneOfType([a.oneOf(["small", "medium", "large"]), a.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: a.oneOfType([a.oneOf(["outlined", "text"]), a.string])
+});
+function oe(e) {
+  "@babel/helpers - typeof";
+  return oe = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, oe(e);
+}
+function Bn(e, t) {
+  if (oe(e) != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t || "default");
+    if (oe(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function mr(e) {
+  var t = Bn(e, "string");
+  return oe(t) == "symbol" ? t : t + "";
+}
+function ee(e, t, r) {
+  return (t = mr(t)) in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function qt(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+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) {
+      ee(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : qt(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function Wn(e) {
+  if (Array.isArray(e)) return 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;
+    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) ;
+    } catch (m) {
+      v = !0, o = m;
+    } finally {
+      try {
+        if (!f && r.return != null && (s = r.return(), Object(s) !== s)) return;
+      } finally {
+        if (v) throw o;
+      }
+    }
+    return l;
+  }
+}
+function Zt(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);
+    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;
+  }
+}
+function Un() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function K(e, t) {
+  return Wn(e) || Yn(e, t) || Gn(e, t) || Un();
+}
+function Xn(e, t) {
+  if (e == null) return {};
+  var r, n, o = fn(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++) r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+  }
+  return o;
+}
+var gr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function r() {
+      for (var i = "", s = 0; s < arguments.length; s++) {
+        var l = arguments[s];
+        l && (i = o(i, n(l)));
+      }
+      return i;
+    }
+    function n(i) {
+      if (typeof i == "string" || typeof i == "number")
+        return i;
+      if (typeof i != "object")
+        return "";
+      if (Array.isArray(i))
+        return r.apply(null, i);
+      if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]"))
+        return i.toString();
+      var s = "";
+      for (var l in i)
+        t.call(i, l) && i[l] && (s = o(s, l));
+      return s;
+    }
+    function o(i, s) {
+      return s ? i ? i + " " + s : i + s : i;
+    }
+    e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
+  })();
+})(gr);
+var Kn = gr.exports;
+const Ze = /* @__PURE__ */ sn(Kn);
+var qn = Symbol.for("react.element"), Zn = Symbol.for("react.transitional.element"), Jn = Symbol.for("react.fragment");
+function br(e) {
+  return (
+    // Base object type
+    e && oe(e) === "object" && // React Element type
+    (e.$$typeof === qn || e.$$typeof === Zn) && // React Fragment type
+    e.type === Jn
+  );
+}
+function bt(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));
+  }), r;
+}
+var yt = {}, Pt = [], Qn = function(t) {
+  Pt.push(t);
+};
+function St(e, t) {
+  if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
+    var r = Pt.reduce(function(n, o) {
+      return o(n ?? "", "warning");
+    }, t);
+    r && console.error("Warning: ".concat(r));
+  }
+}
+function eo(e, t) {
+  if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
+    var r = Pt.reduce(function(n, o) {
+      return o(n ?? "", "note");
+    }, t);
+    r && console.warn("Note: ".concat(r));
+  }
+}
+function to() {
+  yt = {};
+}
+function yr(e, t, r) {
+  !t && !yt[r] && (e(!1, r), yt[r] = !0);
+}
+function nt(e, t) {
+  yr(St, e, t);
+}
+function ro(e, t) {
+  yr(eo, e, t);
+}
+nt.preMessage = Qn;
+nt.resetWarned = to;
+nt.noteOnce = ro;
+function Jt(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;
+}
+function qe(e) {
+  var t = no(e);
+  if (t)
+    return t;
+  if (e instanceof fr.Component) {
+    var r;
+    return (r = Gt.findDOMNode) === null || r === void 0 ? void 0 : r.call(Gt, e);
+  }
+  return null;
+}
+var Rt = { exports: {} }, N = {};
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Qt;
+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;
+  y = Symbol.for("react.module.reference");
+  function p(c) {
+    if (typeof c == "object" && c !== null) {
+      var w = c.$$typeof;
+      switch (w) {
+        case e:
+          switch (c = c.type, c) {
+            case r:
+            case o:
+            case n:
+            case v:
+            case m:
+              return c;
+            default:
+              switch (c = c && c.$$typeof, c) {
+                case l:
+                case s:
+                case f:
+                case g:
+                case h:
+                case i:
+                  return c;
+                default:
+                  return w;
+              }
+          }
+        case t:
+          return w;
+      }
+    }
+  }
+  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 !1;
+  }, N.isConcurrentMode = function() {
+    return !1;
+  }, N.isContextConsumer = function(c) {
+    return p(c) === s;
+  }, N.isContextProvider = function(c) {
+    return p(c) === i;
+  }, N.isElement = function(c) {
+    return typeof c == "object" && c !== null && c.$$typeof === e;
+  }, N.isForwardRef = function(c) {
+    return p(c) === f;
+  }, N.isFragment = function(c) {
+    return p(c) === r;
+  }, N.isLazy = function(c) {
+    return p(c) === g;
+  }, N.isMemo = function(c) {
+    return p(c) === h;
+  }, N.isPortal = function(c) {
+    return p(c) === t;
+  }, N.isProfiler = function(c) {
+    return p(c) === o;
+  }, N.isStrictMode = function(c) {
+    return p(c) === n;
+  }, N.isSuspense = function(c) {
+    return p(c) === v;
+  }, 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);
+  }, N.typeOf = p, N;
+}
+var A = {};
+/**
+ * @license React
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var er;
+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;
+    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
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      S.$$typeof === R || S.getModuleId !== void 0));
+    }
+    function x(S) {
+      if (typeof S == "object" && S !== null) {
+        var le = S.$$typeof;
+        switch (le) {
+          case e:
+            var ue = S.type;
+            switch (ue) {
+              case r:
+              case o:
+              case n:
+              case v:
+              case m:
+                return ue;
+              default:
+                var be = ue && ue.$$typeof;
+                switch (be) {
+                  case l:
+                  case s:
+                  case f:
+                  case g:
+                  case h:
+                  case i:
+                    return be;
+                  default:
+                    return le;
+                }
+            }
+          case t:
+            return le;
+        }
+      }
+    }
+    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;
+    function me(S) {
+      return Z || (Z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
+    }
+    function H(S) {
+      return W || (W = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
+    }
+    function se(S) {
+      return x(S) === s;
+    }
+    function pe(S) {
+      return x(S) === i;
+    }
+    function he(S) {
+      return typeof S == "object" && S !== null && S.$$typeof === e;
+    }
+    function Re(S) {
+      return x(S) === f;
+    }
+    function ge(S) {
+      return x(S) === r;
+    }
+    function U(S) {
+      return x(S) === g;
+    }
+    function te(S) {
+      return x(S) === h;
+    }
+    function ie(S) {
+      return x(S) === t;
+    }
+    function X(S) {
+      return x(S) === o;
+    }
+    function z(S) {
+      return x(S) === n;
+    }
+    function re(S) {
+      return x(S) === v;
+    }
+    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;
+}
+process.env.NODE_ENV === "production" ? Rt.exports = oo() : Rt.exports = io();
+var ht = Rt.exports;
+function ao(e, t, r) {
+  var n = d.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) {
+  typeof t == "function" ? t(r) : oe(t) === "object" && t && "current" in t && (t.current = r);
+}, co = function() {
+  for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
+    r[n] = arguments[n];
+  var o = r.filter(Boolean);
+  return o.length <= 1 ? o[0] : function(i) {
+    r.forEach(function(s) {
+      so(s, i);
+    });
+  };
+}, lo = function() {
+  for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
+    r[n] = arguments[n];
+  return ao(function() {
+    return co.apply(void 0, r);
+  }, r, function(o, i) {
+    return o.length !== i.length || o.every(function(s, l) {
+      return s !== i[l];
+    });
+  });
+}, uo = function(t) {
+  var r, n;
+  if (!t)
+    return !1;
+  if (Sr(t) && t.props.propertyIsEnumerable("ref"))
+    return !0;
+  var o = ht.isMemo(t) ? t.type.type : t.type;
+  return !(typeof o == "function" && !((r = o.prototype) !== null && r !== void 0 && r.render) && o.$$typeof !== ht.ForwardRef || typeof t == "function" && !((n = t.prototype) !== null && n !== void 0 && n.render) && t.$$typeof !== ht.ForwardRef);
+};
+function Sr(e) {
+  return /* @__PURE__ */ Qr(e) && !br(e);
+}
+var fo = function(t) {
+  if (t && Sr(t)) {
+    var r = t;
+    return r.props.propertyIsEnumerable("ref") ? r.props.ref : r.ref;
+  }
+  return null;
+}, Et = /* @__PURE__ */ d.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) {
+    n.current += 1;
+    var m = n.current;
+    o.current.push({
+      size: l,
+      element: f,
+      data: v
+    }), Promise.resolve().then(function() {
+      m === n.current && (r == null || r(o.current), o.current = []);
+    }), i == null || i(l, f, v);
+  }, [r, i]);
+  return /* @__PURE__ */ d.createElement(Et.Provider, {
+    value: s
+  }, t);
+}
+var Rr = function() {
+  if (typeof Map < "u")
+    return Map;
+  function e(t, r) {
+    var n = -1;
+    return t.some(function(o, i) {
+      return o[0] === r ? (n = i, !0) : !1;
+    }), n;
+  }
+  return (
+    /** @class */
+    function() {
+      function t() {
+        this.__entries__ = [];
+      }
+      return Object.defineProperty(t.prototype, "size", {
+        /**
+         * @returns {boolean}
+         */
+        get: function() {
+          return this.__entries__.length;
+        },
+        enumerable: !0,
+        configurable: !0
+      }), t.prototype.get = function(r) {
+        var n = e(this.__entries__, r), o = this.__entries__[n];
+        return o && o[1];
+      }, t.prototype.set = function(r, n) {
+        var o = e(this.__entries__, r);
+        ~o ? this.__entries__[o][1] = n : this.__entries__.push([r, n]);
+      }, t.prototype.delete = function(r) {
+        var n = this.__entries__, o = e(n, r);
+        ~o && n.splice(o, 1);
+      }, t.prototype.has = function(r) {
+        return !!~e(this.__entries__, r);
+      }, t.prototype.clear = function() {
+        this.__entries__.splice(0);
+      }, t.prototype.forEach = function(r, n) {
+        n === void 0 && (n = null);
+        for (var o = 0, i = this.__entries__; o < i.length; o++) {
+          var s = i[o];
+          r.call(n, s[1], s[0]);
+        }
+      }, t;
+    }()
+  );
+}(), wt = 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) {
+    return setTimeout(function() {
+      return e(Date.now());
+    }, 1e3 / 60);
+  };
+}(), ho = 2;
+function mo(e, t) {
+  var r = !1, n = !1, o = 0;
+  function i() {
+    r && (r = !1, e()), n && l();
+  }
+  function s() {
+    po(i);
+  }
+  function l() {
+    var f = Date.now();
+    if (r) {
+      if (f - o < ho)
+        return;
+      n = !0;
+    } else
+      r = !0, n = !1, setTimeout(s, t);
+    o = f;
+  }
+  return l;
+}
+var go = 20, bo = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], yo = typeof MutationObserver < "u", So = (
+  /** @class */
+  function() {
+    function e() {
+      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = mo(this.refresh.bind(this), go);
+    }
+    return e.prototype.addObserver = function(t) {
+      ~this.observers_.indexOf(t) || this.observers_.push(t), this.connected_ || this.connect_();
+    }, e.prototype.removeObserver = function(t) {
+      var r = this.observers_, n = r.indexOf(t);
+      ~n && r.splice(n, 1), !r.length && this.connected_ && this.disconnect_();
+    }, e.prototype.refresh = function() {
+      var t = this.updateObservers_();
+      t && this.refresh();
+    }, e.prototype.updateObservers_ = function() {
+      var t = this.observers_.filter(function(r) {
+        return r.gatherActive(), r.hasActive();
+      });
+      return t.forEach(function(r) {
+        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, {
+        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);
+    }, e.prototype.onTransitionEnd_ = function(t) {
+      var r = t.propertyName, n = r === void 0 ? "" : r, o = bo.some(function(i) {
+        return !!~n.indexOf(i);
+      });
+      o && this.refresh();
+    }, e.getInstance = function() {
+      return this.instance_ || (this.instance_ = new e()), this.instance_;
+    }, e.instance_ = null, e;
+  }()
+), Er = function(e, t) {
+  for (var r = 0, n = Object.keys(t); r < n.length; r++) {
+    var o = n[r];
+    Object.defineProperty(e, o, {
+      value: t[o],
+      enumerable: !1,
+      writable: !1,
+      configurable: !0
+    });
+  }
+  return e;
+}, Pe = function(e) {
+  var t = e && e.ownerDocument && e.ownerDocument.defaultView;
+  return t || Je;
+}, wr = ot(0, 0, 0, 0);
+function Qe(e) {
+  return parseFloat(e) || 0;
+}
+function tr(e) {
+  for (var t = [], r = 1; r < arguments.length; r++)
+    t[r - 1] = arguments[r];
+  return t.reduce(function(n, o) {
+    var i = e["border-" + o + "-width"];
+    return n + Qe(i);
+  }, 0);
+}
+function Ro(e) {
+  for (var t = ["top", "right", "bottom", "left"], r = {}, n = 0, o = t; n < o.length; n++) {
+    var i = o[n], s = e["padding-" + i];
+    r[i] = Qe(s);
+  }
+  return r;
+}
+function Eo(e) {
+  var t = e.getBBox();
+  return ot(0, 0, t.width, t.height);
+}
+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);
+  }
+  return ot(o.left, o.top, l, f);
+}
+var xo = /* @__PURE__ */ function() {
+  return typeof SVGGraphicsElement < "u" ? function(e) {
+    return e instanceof Pe(e).SVGGraphicsElement;
+  } : function(e) {
+    return e instanceof Pe(e).SVGElement && typeof e.getBBox == "function";
+  };
+}();
+function _o(e) {
+  return e === Pe(e).document.documentElement;
+}
+function Oo(e) {
+  return wt ? 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);
+  return Er(s, {
+    x: t,
+    y: r,
+    width: n,
+    height: o,
+    top: r,
+    right: t + n,
+    bottom: o + r,
+    left: t
+  }), s;
+}
+function ot(e, t, r, n) {
+  return { x: e, y: t, width: r, height: n };
+}
+var Po = (
+  /** @class */
+  function() {
+    function e(t) {
+      this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = ot(0, 0, 0, 0), this.target = t;
+    }
+    return e.prototype.isActive = function() {
+      var t = Oo(this.target);
+      return this.contentRect_ = t, t.width !== this.broadcastWidth || t.height !== this.broadcastHeight;
+    }, e.prototype.broadcastRect = function() {
+      var t = this.contentRect_;
+      return this.broadcastWidth = t.width, this.broadcastHeight = t.height, t;
+    }, e;
+  }()
+), Mo = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function e(t, r) {
+      var n = Co(r);
+      Er(this, { target: t, contentRect: n });
+    }
+    return e;
+  }()
+), To = (
+  /** @class */
+  function() {
+    function e(t, r, n) {
+      if (this.activeObservations_ = [], this.observations_ = new Rr(), typeof t != "function")
+        throw new TypeError("The callback provided as parameter 1 is not a function.");
+      this.callback_ = t, this.controller_ = r, this.callbackCtx_ = n;
+    }
+    return e.prototype.observe = function(t) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element > "u" || !(Element instanceof Object))) {
+        if (!(t instanceof Pe(t).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var r = this.observations_;
+        r.has(t) || (r.set(t, new Po(t)), this.controller_.addObserver(this), this.controller_.refresh());
+      }
+    }, e.prototype.unobserve = function(t) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element > "u" || !(Element instanceof Object))) {
+        if (!(t instanceof Pe(t).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var r = this.observations_;
+        r.has(t) && (r.delete(t), r.size || this.controller_.removeObserver(this));
+      }
+    }, e.prototype.disconnect = function() {
+      this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
+    }, e.prototype.gatherActive = function() {
+      var t = this;
+      this.clearActive(), this.observations_.forEach(function(r) {
+        r.isActive() && t.activeObservations_.push(r);
+      });
+    }, e.prototype.broadcastActive = function() {
+      if (this.hasActive()) {
+        var t = this.callbackCtx_, r = this.activeObservations_.map(function(n) {
+          return new Mo(n.target, n.broadcastRect());
+        });
+        this.callback_.call(t, r, t), this.clearActive();
+      }
+    }, e.prototype.clearActive = function() {
+      this.activeObservations_.splice(0);
+    }, e.prototype.hasActive = function() {
+      return this.activeObservations_.length > 0;
+    }, e;
+  }()
+), xr = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Rr(), _r = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function e(t) {
+      if (!(this instanceof e))
+        throw new TypeError("Cannot call a class as a function.");
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      var r = So.getInstance(), n = new To(t, r, this);
+      xr.set(this, n);
+    }
+    return e;
+  }()
+);
+[
+  "observe",
+  "unobserve",
+  "disconnect"
+].forEach(function(e) {
+  _r.prototype[e] = function() {
+    var t;
+    return (t = xr.get(this))[e].apply(t, arguments);
+  };
+});
+var Io = function() {
+  return typeof Je.ResizeObserver < "u" ? Je.ResizeObserver : _r;
+}(), de = /* @__PURE__ */ new Map();
+function Or(e) {
+  e.forEach(function(t) {
+    var r, n = t.target;
+    (r = de.get(n)) === null || r === void 0 || r.forEach(function(o) {
+      return o(n);
+    });
+  });
+}
+var Cr = new Io(Or);
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+function Lo(e, t) {
+  de.has(e) || (de.set(e, /* @__PURE__ */ new Set()), Cr.observe(e)), de.get(e).add(t);
+}
+function No(e, t) {
+  de.has(e) && (de.get(e).delete(t), de.get(e).size || (Cr.unobserve(e), de.delete(e)));
+}
+function Pr(e, t) {
+  if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+}
+function Ao(e, t) {
+  for (var r = 0; r < t.length; r++) {
+    var n = t[r];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, mr(n.key), n);
+  }
+}
+function Mr(e, t, r) {
+  return t && Ao(e.prototype, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function $o(e, t) {
+  if (typeof t != "function" && t !== null) throw new TypeError("Super expression must either be null or a function");
+  e.prototype = Object.create(t && t.prototype, {
+    constructor: {
+      value: e,
+      writable: !0,
+      configurable: !0
+    }
+  }), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), t && dn(e, t);
+}
+function et(e) {
+  return et = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
+    return t.__proto__ || Object.getPrototypeOf(t);
+  }, et(e);
+}
+function Tr() {
+  try {
+    var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+  } catch {
+  }
+  return (Tr = function() {
+    return !!e;
+  })();
+}
+function zo(e, t) {
+  if (t && (oe(t) == "object" || typeof t == "function")) return t;
+  if (t !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
+  return vn(e);
+}
+function Do(e) {
+  var t = Tr();
+  return function() {
+    var r, n = et(e);
+    if (t) {
+      var o = et(this).constructor;
+      r = Reflect.construct(n, arguments, o);
+    } else r = n.apply(this, arguments);
+    return zo(this, r);
+  };
+}
+var jo = /* @__PURE__ */ function(e) {
+  $o(r, e);
+  var t = Do(r);
+  function r() {
+    return Pr(this, r), t.apply(this, arguments);
+  }
+  return Mr(r, [{
+    key: "render",
+    value: function() {
+      return this.props.children;
+    }
+  }]), r;
+}(d.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({
+    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() {
+    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() {
+    return b();
+  });
+  var y = d.useRef(e);
+  y.current = e;
+  var p = d.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) {
+      var F = {
+        width: _,
+        height: M,
+        offsetWidth: P,
+        offsetHeight: T
+      };
+      v.current = F;
+      var Y = P === Math.round(x) ? x : P, B = T === Math.round(L) ? L : T, $ = q(q({}, F), {}, {
+        offsetWidth: Y,
+        offsetHeight: B
+      });
+      s == null || s($, c, R), u && Promise.resolve().then(function() {
+        u($, c);
+      });
+    }
+  }, []);
+  return d.useEffect(function() {
+    var c = b();
+    return c && !n && Lo(c, p), function() {
+      return No(c, p);
+    };
+  }, [o.current, n]), /* @__PURE__ */ d.createElement(jo, {
+    ref: i
+  }, m ? /* @__PURE__ */ d.cloneElement(f, {
+    ref: g
+  }) : f);
+}
+var Ir = /* @__PURE__ */ d.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 s = (o == null ? void 0 : o.key) || "".concat(Fo, "-").concat(i);
+    return /* @__PURE__ */ d.createElement(Ir, Ot({}, e, {
+      key: s,
+      ref: i === 0 ? t : void 0
+    }), o);
+  });
+}
+var it = /* @__PURE__ */ d.forwardRef(Ho);
+process.env.NODE_ENV !== "production" && (it.displayName = "ResizeObserver");
+it.Collection = vo;
+function rr(e) {
+  var t = d.useRef();
+  t.current = e;
+  var r = d.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));
+  }, []);
+  return r;
+}
+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() {
+    return t(n.current);
+  }, r), nr(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 = {
+    display: "flex",
+    flexDirection: "column"
+  };
+  return n !== void 0 && (h = {
+    height: r,
+    position: "relative",
+    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", {
+    style: h
+  }, /* @__PURE__ */ d.createElement(it, {
+    onResize: function(y) {
+      var p = y.offsetHeight;
+      p && l && l();
+    }
+  }, /* @__PURE__ */ d.createElement("div", Ot({
+    style: g,
+    className: Ze(ee({}, "".concat(s, "-holder-inner"), s)),
+    ref: t
+  }, f), i, m)));
+});
+Lr.displayName = "Filler";
+function Bo(e) {
+  var t = e.children, r = e.setRef, n = d.useCallback(function(o) {
+    r(o);
+  }, []);
+  return /* @__PURE__ */ d.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, {
+      style: {
+        width: n
+      },
+      offsetX: o
+    }), b = f(v);
+    return /* @__PURE__ */ d.createElement(Bo, {
+      key: b,
+      setRef: function(p) {
+        return i(v, p);
+      }
+    }, g);
+  });
+}
+function Yo(e, t, r) {
+  var n = e.length, o = t.length, i, s;
+  if (n === 0 && o === 0)
+    return null;
+  n < o ? (i = e, s = t) : (i = t, s = e);
+  var l = {
+    __EMPTY_ITEM__: !0
+  };
+  function f(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]);
+    if (g !== b) {
+      v = h, m = m || g !== f(s[h + 1]);
+      break;
+    }
+  }
+  return v === null ? null : {
+    index: v,
+    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 h = Yo(i || [], e || [], t);
+    (h == null ? void 0 : h.index) !== void 0 && m(e[h.index]), s(e);
+  }, [e]), [v];
+}
+var Nr = function(t) {
+  return +setTimeout(t, 16);
+}, Ar = function(t) {
+  return clearTimeout(t);
+};
+typeof window < "u" && "requestAnimationFrame" in window && (Nr = function(t) {
+  return window.requestAnimationFrame(t);
+}, Ar = function(t) {
+  return window.cancelAnimationFrame(t);
+});
+var or = 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;
+  function o(i) {
+    if (i === 0)
+      $r(n), t();
+    else {
+      var s = Nr(function() {
+        o(i - 1);
+      });
+      at.set(n, s);
+    }
+  }
+  return o(r), n;
+};
+ne.cancel = function(e) {
+  var t = at.get(e);
+  return $r(e), Ar(t);
+};
+process.env.NODE_ENV !== "production" && (ne.ids = function() {
+  return at;
+});
+var ir = (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);
+  function s() {
+    clearTimeout(i.current), o.current = !0, i.current = setTimeout(function() {
+      o.current = !1;
+    }, 50);
+  }
+  var l = D({
+    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 ? (
+      // 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;
+    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);
+  function g(u, R) {
+    if (ne.cancel(f.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() {
+        var x = m.current ? 10 : 1;
+        s(l.current * x, !1), l.current = 0;
+      });
+    }
+  }
+  function b(u, R) {
+    s(R, !0), ir || u.preventDefault();
+  }
+  var y = D(null), p = D(null);
+  function c(u) {
+    if (e) {
+      ne.cancel(p.current), p.current = ne(function() {
+        y.current = null;
+      }, 2);
+      var R = u.deltaX, C = u.deltaY, x = u.shiftKey, L = R, P = C;
+      (y.current === "sx" || !y.current && x && C && !R) && (L = C, P = 0, y.current = "sx");
+      var T = Math.abs(L), _ = Math.abs(P);
+      y.current === null && (y.current = i && T > _ ? "x" : "y"), y.current === "y" ? g(u, P) : b(u, L);
+    }
+  }
+  function w(u) {
+    e && (m.current = u.detail === v.current);
+  }
+  return [c, w];
+}
+function Xo(e, t, r, n) {
+  var o = d.useMemo(function() {
+    return [/* @__PURE__ */ new Map(), []];
+  }, [e, r.id, n]), i = K(o, 2), s = i[0], l = i[1], f = 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) {
+        var c, w = e[p], u = t(w);
+        s.set(u, p);
+        var R = (c = r.get(u)) !== null && c !== void 0 ? c : n;
+        if (l[p] = (l[p - 1] || 0) + R, u === m && (g = p), u === h && (b = p), g !== void 0 && b !== void 0)
+          break;
+      }
+    return {
+      top: l[g - 1] || 0,
+      bottom: l[b]
+    };
+  };
+  return f;
+}
+var Ko = /* @__PURE__ */ function() {
+  function e() {
+    Pr(this, e), ee(this, "maps", void 0), ee(this, "id", 0), this.maps = /* @__PURE__ */ Object.create(null);
+  }
+  return Mr(e, [{
+    key: "set",
+    value: function(r, n) {
+      this.maps[r] = n, this.id += 1;
+    }
+  }, {
+    key: "get",
+    value: function(r) {
+      return this.maps[r];
+    }
+  }]), e;
+}();
+function ar(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();
+  function m() {
+    ne.cancel(v.current);
+  }
+  function h() {
+    var b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+    m();
+    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, _);
+        }
+      }), s(function(c) {
+        return c + 1;
+      });
+    };
+    b ? y() : v.current = ne(y);
+  }
+  function g(b, y) {
+    var p = e(b);
+    l.current.get(p), y ? (l.current.set(p, y), h()) : l.current.delete(p);
+  }
+  return en(function() {
+    return m;
+  }, []), [g, h, f.current, i];
+}
+var sr = 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) {
+    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;
+        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();
+  }, 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, {
+      passive: !1
+    }), s.current.addEventListener("touchend", m, {
+      passive: !0
+    }));
+  };
+  f = function() {
+    s.current && (s.current.removeEventListener("touchmove", v), 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);
+    };
+  }, [e]);
+}
+function cr(e) {
+  return Math.floor(Math.pow(e, 0.5));
+}
+function xt(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() {
+    var n = t.current;
+    if (e && n) {
+      var o = !1, i, s, l = function() {
+        ne.cancel(i);
+      }, f = function g() {
+        l(), i = ne(function() {
+          r(s), g();
+        });
+      }, v = 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;
+          if (y <= c) {
+            var u = c - y;
+            s = -cr(u), f();
+          } else if (y >= w) {
+            var R = y - w;
+            s = cr(R), f();
+          } 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();
+      };
+    }
+  }, [e]);
+}
+var lr = 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];
+  return De(function() {
+    if (h && h.times < lr) {
+      if (!e.current) {
+        g(function(W) {
+          return q({}, W);
+        });
+        return;
+      }
+      i();
+      var b = h.targetAlign, y = h.originAlign, p = h.index, c = h.offset, w = e.current.clientHeight, u = !1, R = b, C = null;
+      if (w) {
+        for (var x = b || y, L = 0, P = 0, T = 0, _ = Math.min(t.length - 1, p), M = 0; M <= _; M += 1) {
+          var F = o(t[M]);
+          P = L;
+          var Y = r.get(F);
+          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) {
+            u = !0;
+            break;
+          }
+          if (B -= j, B <= 0)
+            break;
+        }
+        switch (x) {
+          case "top":
+            C = P - c;
+            break;
+          case "bottom":
+            C = T - w + c;
+            break;
+          default: {
+            var ae = e.current.scrollTop, Z = ae + w;
+            P < ae ? R = "top" : T > Z && (R = "bottom");
+          }
+        }
+        C !== null && s(C), C !== h.lastTop && (u = !0);
+      }
+      u && g(q(q({}, h), {}, {
+        times: h.times + 1,
+        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.");
+  }, [h, e.current]), function(b) {
+    if (b == null) {
+      l();
+      return;
+    }
+    if (ne.cancel(f.current), typeof b == "number")
+      s(b);
+    else if (b && oe(b) === "object") {
+      var y, p = b.align;
+      "index" in b ? y = b.index : y = t.findIndex(function(u) {
+        return o(u) === b.key;
+      });
+      var c = b.offset, w = c === void 0 ? 0 : c;
+      g({
+        times: 0,
+        index: y,
+        offset: w,
+        originAlign: p
+      });
+    }
+  };
+}
+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);
+    }, 3e3);
+  }, W = i - h || 0, me = h - m || 0, H = d.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({
+    top: H,
+    dragging: c,
+    pageY: C,
+    startTop: T
+  });
+  pe.current = {
+    top: H,
+    dragging: c,
+    pageY: C,
+    startTop: T
+  };
+  var he = function(z) {
+    w(!0), x(xt(z, v)), _(pe.current.top), s(), z.stopPropagation(), z.preventDefault();
+  };
+  d.useEffect(function() {
+    var X = function(S) {
+      S.preventDefault();
+    }, z = F.current, re = Y.current;
+    return z.addEventListener("touchstart", X, {
+      passive: !1
+    }), re.addEventListener("touchstart", he, {
+      passive: !1
+    }), function() {
+      z.removeEventListener("touchstart", X), re.removeEventListener("touchstart", he);
+    };
+  }, []);
+  var Re = d.useRef();
+  Re.current = W;
+  var ge = d.useRef();
+  ge.current = me, d.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);
+        if (ue) {
+          var Te = (xt(S, v) - be) * ye, Ie = He;
+          !M && v ? 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);
+          });
+        }
+      }, re = function() {
+        w(!1), l();
+      };
+      return window.addEventListener("mousemove", z, {
+        passive: !0
+      }), window.addEventListener("touchmove", z, {
+        passive: !0
+      }), window.addEventListener("mouseup", re, {
+        passive: !0
+      }), window.addEventListener("touchend", re, {
+        passive: !0
+      }), function() {
+        window.removeEventListener("mousemove", z), window.removeEventListener("touchmove", z), window.removeEventListener("mouseup", re), window.removeEventListener("touchend", re), ne.cancel(X);
+      };
+    }
+  }, [c]), d.useEffect(function() {
+    return Z(), function() {
+      clearTimeout(ae.current);
+    };
+  }, [o]), d.useImperativeHandle(t, function() {
+    return {
+      delayHidden: Z
+    };
+  });
+  var U = "".concat(r, "-scrollbar"), te = {
+    position: "absolute",
+    visibility: G ? null : "hidden"
+  }, ie = {
+    position: "absolute",
+    background: "rgba(0, 0, 0, 0.5)",
+    borderRadius: 99,
+    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", {
+    ref: F,
+    className: Ze(U, ee(ee(ee({}, "".concat(U, "-horizontal"), v), "".concat(U, "-vertical"), !v), "".concat(U, "-visible"), G)),
+    style: q(q({}, te), g),
+    onMouseDown: se,
+    onMouseMove: Z
+  }, /* @__PURE__ */ d.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");
+var ei = 20;
+function ur() {
+  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);
+}
+var ti = ["prefixCls", "className", "height", "itemHeight", "fullHeight", "style", "data", "children", "itemKey", "virtual", "direction", "scrollWidth", "component", "onScroll", "onVirtualScroll", "onVisibleChange", "innerProps", "extraRender", "styles"], ri = [], ni = {
+  overflowY: "auto",
+  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) {
+    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() {
+    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() {
+    ue(!0);
+  }, He = function() {
+    ue(!1);
+  }, Ve = {
+    getKey: _
+  };
+  function ye(O) {
+    te(function(E) {
+      var I;
+      typeof O == "function" ? I = O(E) : I = O;
+      var V = Br(I);
+      return se.current.scrollTop = V, V;
+    });
+  }
+  var Te = D({
+    start: 0,
+    end: H.length
+  }), Ie = D(), Be = Go(H, _), We = K(Be, 1), st = We[0];
+  Ie.current = st;
+  var ce = d.useMemo(function() {
+    if (!j)
+      return {
+        scrollHeight: void 0,
+        start: 0,
+        end: H.length - 1,
+        offset: void 0
+      };
+    if (!Z) {
+      var O;
+      return {
+        scrollHeight: ((O = pe.current) === null || O === void 0 ? void 0 : O.offsetHeight) || 0,
+        start: 0,
+        end: H.length - 1,
+        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);
+      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), {
+      scrollHeight: E,
+      start: I,
+      end: J,
+      offset: V
+    };
+  }, [Z, j, U, H, G, i]), we = ce.scrollHeight, Le = ce.start, Ne = ce.end, Mt = ce.offset;
+  Te.current.start = Le, Te.current.end = Ne;
+  var jr = d.useState({
+    width: 0,
+    height: i
+  }), Tt = K(jr, 2), fe = Tt[0], kr = Tt[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.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() {
+    return {
+      x: W ? -z : z,
+      y: U
+    };
+  }, ft = D(ut()), Ue = rr(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) {
+    var I = O;
+    E ? (Ut.flushSync(function() {
+      re(I);
+    }), Ue()) : ye(I);
+  }
+  function Yr(O) {
+    var E = O.currentTarget.scrollTop;
+    E !== U && ye(E), u == null || u(O), Ue();
+  }
+  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() {
+      re(function(I) {
+        var V = I + (W ? -O : O);
+        return dt(V);
+      });
+    }), Ue()) : ye(function(I) {
+      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) {
+    var J = V;
+    return Wr(O, E, I) ? !1 : !J || !J._virtualHandled ? (J && (J._virtualHandled = !0), vt({
+      preventDefault: function() {
+      },
+      deltaX: O ? E : 0,
+      deltaY: O ? 0 : E
+    }), !0) : !1;
+  }), Jo(Z, se, function(O) {
+    ye(function(E) {
+      return E + O;
+    });
+  }), De(function() {
+    function O(I) {
+      var V = Ye && I.detail < 0, J = Ge && I.detail > 0;
+      j && !V && !J && I.preventDefault();
+    }
+    var E = se.current;
+    return E.addEventListener("wheel", vt, {
+      passive: !1
+    }), E.addEventListener("DOMMouseScroll", Dt, {
+      passive: !0
+    }), E.addEventListener("MozMousePixelScroll", O, {
+      passive: !1
+    }), function() {
+      E.removeEventListener("wheel", vt), E.removeEventListener("DOMMouseScroll", Dt), E.removeEventListener("MozMousePixelScroll", O);
+    };
+  }, [j, Ye, Ge]), De(function() {
+    if (p) {
+      var O = dt(z);
+      re(O), Ue({
+        x: O
+      });
+    }
+  }, [fe.width, p]);
+  var jt = 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() {
+    return B(!0);
+  }, ye, jt);
+  d.useImperativeHandle(t, function() {
+    return {
+      nativeElement: he.current,
+      getScrollInfo: ut,
+      scrollTo: function(E) {
+        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);
+      }
+    };
+  }), De(function() {
+    if (C) {
+      var O = H.slice(Le, Ne + 1);
+      C(O, H);
+    }
+  }, [Le, Ne, H]);
+  var Xr = Xo(H, _, $, s), Kr = L == null ? void 0 : L({
+    start: Le,
+    end: Ne,
+    virtual: Z,
+    offsetX: z,
+    offsetY: Mt,
+    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({
+    ref: he,
+    style: q(q({}, v), {}, {
+      position: "relative"
+    }),
+    className: me
+  }, Ft, T), /* @__PURE__ */ d.createElement(it, {
+    onResize: Fr
+  }, /* @__PURE__ */ d.createElement(w, {
+    className: "".concat(n, "-holder"),
+    style: Ae,
+    ref: se,
+    onScroll: Yr,
+    onMouseEnter: jt
+  }, /* @__PURE__ */ d.createElement(Lr, {
+    prefixCls: n,
+    height: we,
+    offsetX: z,
+    offsetY: Mt,
+    scrollWidth: p,
+    onInnerResize: B,
+    ref: pe,
+    innerProps: x,
+    rtl: W,
+    extra: Kr
+  }, qr))), Z && we > i && /* @__PURE__ */ d.createElement(_t, {
+    ref: It,
+    prefixCls: n,
+    scrollOffset: U,
+    scrollRange: we,
+    rtl: W,
+    onScroll: $t,
+    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,
+    prefixCls: n,
+    scrollOffset: z,
+    scrollRange: p,
+    rtl: W,
+    onScroll: $t,
+    onStartMove: be,
+    onStopMove: He,
+    spinSize: Hr,
+    containerSize: fe.width,
+    horizontal: !0,
+    style: P == null ? void 0 : P.horizontalScrollBar,
+    thumbStyle: P == null ? void 0 : P.horizontalScrollBarThumb
+  }));
+}
+var Dr = /* @__PURE__ */ d.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);
+  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();
+  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}`;
+      l[P] ? l[P].push(u) : l[P] = [u];
+    } else {
+      const x = u.id;
+      l[x] = [u];
+    }
+  });
+  const v = 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(
+    mt,
+    {
+      subheader: /* @__PURE__ */ k(
+        Bt,
+        {
+          title: (g = e.header) == null ? void 0 : g.title,
+          button1ClickHandler: (b = e.header) == null ? void 0 : b.button1ClickHandler,
+          button2ClickHandler: (y = e.header) == null ? void 0 : y.button2ClickHandler
+        }
+      ),
+      children: [
+        v.length === 0 && m,
+        /* @__PURE__ */ k(
+          Dr,
+          {
+            data: v,
+            height: e.maxHeight,
+            itemHeight: 47,
+            itemKey: (u) => u[0].id,
+            onScroll: (u) => {
+              Math.abs(
+                u.currentTarget.scrollHeight - u.currentTarget.scrollTop - e.maxHeight
+              ) <= 1 && n.loadNotifications();
+            },
+            children: (u) => /* @__PURE__ */ k(gt, { style: { padding: 0 }, children: /* @__PURE__ */ k(
+              Wt,
+              {
+                markAsArchived: n.markAsArchived,
+                notifications: u,
+                markAsClicked: n.markAsClicked,
+                renderer: e.notificationRenderer
+              }
+            ) }, u[0].id)
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ Ce(
+    mt,
+    {
+      subheader: /* @__PURE__ */ k(
+        Bt,
+        {
+          title: (p = e.header) == null ? void 0 : p.title,
+          button1ClickHandler: (c = e.header) == null ? void 0 : c.button1ClickHandler,
+          button2ClickHandler: (w = e.header) == null ? void 0 : w.button2ClickHandler
+        }
+      ),
+      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,
+          {
+            markAsArchived: n.markAsArchived,
+            notifications: u,
+            markAsClicked: n.markAsClicked,
+            renderer: e.notificationRenderer
+          }
+        ) }, u[0].id)),
+        v.length > 0 && /* @__PURE__ */ k(
+          hr,
+          {
+            count: Math.ceil(v.length / e.pageSize),
+            page: t,
+            onChange: h
+          }
+        ),
+        v.length === 0 && m
+      ]
+    }
+  ) });
+};
+export {
+  Si as I,
+  Kt as i
+};