@arcblock/ux 3.0.8 → 3.0.10

package/lib/NavMenu/nav-menu.js

@@ -1,117 +1,115 @@
-import { jsx as o, jsxs as M } from "react/jsx-runtime";
-import { useRef as T, useLayoutEffect as ne, useEffect as j, Children as V, isValidElement as te, cloneElement as re } from "react";
-import { useTheme as oe, ClickAwayListener as ae } from "@mui/material";
-import F from "clsx";
-import { Menu as ie, MoreHoriz as le, ArrowForward as se, ExpandMore as ue } from "@mui/icons-material";
-import { useCreation as L, useReactive as ce, useMemoizedFn as A, useSize as de, useThrottleFn as me } from "ahooks";
-import fe from "lodash/noop";
-import { NavMenuProvider as ve, useNavMenuContext as B } from "./nav-menu-context.js";
-import { NavMenuStyled as pe, NavMenuRoot as he, NavMenuItem as Ce, NavMenuSub as Ne, NavMenuSubList as _e } from "./style.js";
-import { SubContainer as be } from "./sub-container.js";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { useRef as $, useLayoutEffect as ee, useEffect as P, Children as U, isValidElement as ne, cloneElement as te } from "react";
+import { useTheme as oe, ClickAwayListener as re } from "@mui/material";
+import E from "clsx";
+import { Menu as ie, MoreHoriz as ae, ArrowForward as le, ExpandMore as se } from "@mui/icons-material";
+import { useCreation as S, useReactive as ce, useMemoizedFn as z, useSize as ue, useThrottleFn as de } from "ahooks";
+import me from "lodash/noop";
+import { NavMenuProvider as fe, useNavMenuContext as V } from "./nav-menu-context.js";
+import { NavMenuStyled as ve, NavMenuRoot as pe, NavMenuItem as he, NavMenuSub as Ce, NavMenuSubList as Ne } from "./style.js";
+import { SubContainer as Ie } from "./sub-container.js";
 import "../Theme/theme.js";
 import "../Theme/theme-provider.js";
-function D(n) {
-  return n ? V.toArray(n).filter((a) => te(a) ? a.type === k || a.type === E : !1) : null;
+function B(i) {
+  return i ? U.toArray(i).filter((r) => ne(r) ? r.type === W || r.type === L : !1) : null;
 }
-function G(n) {
-  return T(n || `navmenu-item-id-${Math.random().toString(36).slice(2)}`).current;
+function D(i) {
+  return $(i || `navmenu-item-id-${Math.random().toString(36).slice(2)}`).current;
 }
-function J({
-  items: n = [],
-  mode: a = "horizontal",
-  children: C = null,
-  activeId: m = null,
+function G({
+  items: i = [],
+  mode: r = "horizontal",
+  children: p = null,
+  activeId: s = null,
   // eslint-disable-next-line react/require-default-props
-  textColor: y,
+  textColor: _,
   // eslint-disable-next-line react/require-default-props
-  activeTextColor: g,
+  activeTextColor: M,
   // eslint-disable-next-line react/require-default-props
-  bgColor: I,
-  onSelected: s = void 0,
-  ...f
+  bgColor: b,
+  onSelected: u = void 0,
+  ...d
 }) {
-  var O;
-  const r = oe(), u = L(() => r.palette.text.secondary, [r]), v = L(() => r.palette.text.primary, [r]), i = L(() => r.palette.background.default, [r]), c = D(C);
-  if (!(n != null && n.length) && !(c != null && c.length))
+  const t = oe(), m = S(() => t.palette.text.secondary, [t]), y = S(() => t.palette.text.primary, [t]), c = S(() => t.palette.background.default, [t]), h = B(p);
+  if (!i?.length && !h?.length)
     throw new Error("One of 'items' or 'children' is required by NavMenu component.");
-  const t = ce({
-    activeId: m,
+  const n = ce({
+    activeId: s,
     openedIds: [],
     hiddenItemCount: 0
-  }), N = A((e) => {
-    t.activeId = e, s == null || s(e);
-  }), _ = A((e) => {
-    t.openedIds.push(e);
-  }), W = A((e) => {
-    t.openedIds = t.openedIds.filter((l) => l !== e);
-  }), z = L(() => ({
-    ...t,
-    mode: a,
-    textColor: u,
-    activeTextColor: v,
-    bgColor: i,
-    activate: N,
-    open: _,
-    close: W
+  }), C = z((e) => {
+    n.activeId = e, u?.(e);
+  }), N = z((e) => {
+    n.openedIds.push(e);
+  }), T = z((e) => {
+    n.openedIds = n.openedIds.filter((a) => a !== e);
+  }), R = S(() => ({
+    ...n,
+    mode: r,
+    textColor: m,
+    activeTextColor: y,
+    bgColor: c,
+    activate: C,
+    open: N,
+    close: T
   }), [
-    t.activeId,
-    t.hiddenItemCount,
-    t.openedIds,
-    a,
-    u,
-    v,
-    i,
+    n.activeId,
+    n.hiddenItemCount,
+    n.openedIds,
+    r,
+    m,
+    y,
+    c,
+    C,
     N,
-    _,
-    W
-  ]), $ = T(null), p = T([]), w = T(null), q = T(0), S = t.hiddenItemCount === ((O = p.current) == null ? void 0 : O.length), K = S ? { marginLeft: "0px" } : void 0, Q = L(() => S ? /* @__PURE__ */ o(ie, {}) : /* @__PURE__ */ o(le, {}), [S]), X = (e) => V.map(e, (l, h) => re(l, {
-    ref: (b) => {
-      p.current[h] = b;
+    T
+  ]), g = $(null), f = $([]), w = $(null), j = $(0), A = n.hiddenItemCount === f.current?.length, J = A ? { marginLeft: "0px" } : void 0, K = S(() => A ? /* @__PURE__ */ o(ie, {}) : /* @__PURE__ */ o(ae, {}), [A]), Q = (e) => U.map(e, (a, v) => te(a, {
+    ref: (I) => {
+      f.current[v] = I;
     }
-  })), x = de($.current), { run: R } = me(
-    A(() => {
-      let e = 0, l = 0, h = !1;
-      const b = w.current ? w.current.offsetWidth + parseFloat(window.getComputedStyle(w.current).marginLeft) : 0;
-      p.current.forEach((d, P) => {
-        if (d) {
-          d.style.display = "flex";
-          const ee = P > 0 ? parseFloat(window.getComputedStyle(d).marginLeft) : 0, U = d.offsetWidth + ee;
-          q.current - b >= e + U && !h ? e += U : (d.style.display = "none", h = !0, l++);
+  })), q = ue(g.current), { run: k } = de(
+    z(() => {
+      let e = 0, a = 0, v = !1;
+      const I = w.current ? w.current.offsetWidth + parseFloat(window.getComputedStyle(w.current).marginLeft) : 0;
+      f.current.forEach((l, H) => {
+        if (l) {
+          l.style.display = "flex";
+          const Z = H > 0 ? parseFloat(window.getComputedStyle(l).marginLeft) : 0, O = l.offsetWidth + Z;
+          j.current - I >= e + O && !v ? e += O : (l.style.display = "none", v = !0, a++);
         }
-      }), l !== t.hiddenItemCount && (t.hiddenItemCount = l);
+      }), a !== n.hiddenItemCount && (n.hiddenItemCount = a);
     }),
     { wait: 100 }
   );
-  ne(() => {
-    var e;
-    q.current = (x == null ? void 0 : x.width) || ((e = $.current) == null ? void 0 : e.clientWidth) || 0, a === "horizontal" && R();
-  }, [x == null ? void 0 : x.width, a]), j(() => {
-    if (a === "horizontal")
-      return R(), window.addEventListener("resize", R), () => {
-        window.removeEventListener("resize", R);
+  ee(() => {
+    j.current = q?.width || g.current?.clientWidth || 0, r === "horizontal" && k();
+  }, [q?.width, r]), P(() => {
+    if (r === "horizontal")
+      return k(), window.addEventListener("resize", k), () => {
+        window.removeEventListener("resize", k);
       };
-  }, [a, n]), j(() => {
-    m != null && (t.activeId = m);
-  }, [m]);
-  const Y = F("navmenu", `navmenu--${a}`, f.className), H = (e, l, h = 0) => {
-    const b = h === 0;
-    return e != null && e.children ? h > 0 ? null : /* @__PURE__ */ o(
-      E,
+  }, [r, i]), P(() => {
+    s != null && (n.activeId = s);
+  }, [s]);
+  const X = E("navmenu", `navmenu--${r}`, d.className), F = (e, a, v = 0) => {
+    const I = v === 0;
+    return e?.children ? v > 0 ? null : /* @__PURE__ */ o(
+      L,
       {
         id: e.id,
         icon: e.icon,
         label: e.label,
-        variant: b ? "default" : "panel",
-        ref: b ? (d) => {
-          p.current[l] = d;
+        variant: I ? "default" : "panel",
+        ref: I ? (l) => {
+          f.current[a] = l;
         } : void 0,
         children: typeof e.children == "function" ? e.children : e.children.map(
-          (d, P) => H({ ...d, variant: "panel" }, P, h + 1)
+          (l, H) => F({ ...l, variant: "panel" }, H, v + 1)
         )
       },
       e.id
     ) : /* @__PURE__ */ o(
-      k,
+      W,
       {
         id: e.id,
         icon: e.icon,
@@ -119,118 +117,118 @@ function J({
         description: e.description,
         active: e.active,
         variant: e.variant,
-        ref: b ? (d) => {
-          p.current[l] = d;
+        ref: I ? (l) => {
+          f.current[a] = l;
         } : void 0
       },
       e.id
     );
-  }, Z = n ? n == null ? void 0 : n.slice(-t.hiddenItemCount).map((e, l) => H(e, l, 1)) : c == null ? void 0 : c.slice(-t.hiddenItemCount);
-  return /* @__PURE__ */ o(ve, { value: z, children: /* @__PURE__ */ o(pe, { ...f, className: Y, $textColor: u, $bgColor: i, children: /* @__PURE__ */ M(he, { className: F("navmenu-root", `navmenu-root--${a}`), ref: $, children: [
-    n ? n.map((e, l) => H(e, l)) : X(c || []),
-    t.hiddenItemCount > 0 && /* @__PURE__ */ o(E, { expandIcon: !1, icon: Q, label: "", ref: w, style: K, children: Z })
+  }, Y = i ? i?.slice(-n.hiddenItemCount).map((e, a) => F(e, a, 1)) : h?.slice(-n.hiddenItemCount);
+  return /* @__PURE__ */ o(fe, { value: R, children: /* @__PURE__ */ o(ve, { ...d, className: X, $textColor: m, $bgColor: c, children: /* @__PURE__ */ x(pe, { className: E("navmenu-root", `navmenu-root--${r}`), ref: g, children: [
+    i ? i.map((e, a) => F(e, a)) : Q(h || []),
+    n.hiddenItemCount > 0 && /* @__PURE__ */ o(L, { expandIcon: !1, icon: K, label: "", ref: w, style: J, children: Y })
   ] }) }) });
 }
-function k({
-  ref: n = void 0,
-  id: a = "",
-  icon: C = null,
-  label: m = "",
-  description: y = void 0,
-  active: g = !1,
-  variant: I = "default",
-  onClick: s = fe,
-  ...f
+function W({
+  ref: i = void 0,
+  id: r = "",
+  icon: p = null,
+  label: s = "",
+  description: _ = void 0,
+  active: M = !1,
+  variant: b = "default",
+  onClick: u = me,
+  ...d
 }) {
-  const r = G(a), { mode: u, activeId: v, activate: i, activeTextColor: c } = B(), t = F(
+  const t = D(r), { mode: m, activeId: y, activate: c, activeTextColor: h } = V(), n = E(
     "navmenu-item",
-    { "navmenu-item--active": v === r },
-    `navmenu-item--${u}`,
-    `navmenu-item--${I}`,
-    f.className
+    { "navmenu-item--active": y === t },
+    `navmenu-item--${m}`,
+    `navmenu-item--${b}`,
+    d.className
   );
-  return j(() => {
-    g && (i == null || i(r));
-  }, [g]), // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-  /* @__PURE__ */ M(
-    Ce,
+  return P(() => {
+    M && c?.(t);
+  }, [M]), // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+  /* @__PURE__ */ x(
+    he,
     {
-      ...f,
-      className: t,
-      ref: n,
-      $activeTextColor: c,
+      ...d,
+      className: n,
+      ref: i,
+      $activeTextColor: h,
       onClick: () => {
-        s == null || s(), i == null || i(r);
+        u?.(), c?.(t);
       },
       children: [
-        C && /* @__PURE__ */ o("span", { className: "navmenu-item__icon", children: C }),
-        /* @__PURE__ */ M("div", { className: "navmenu-item__content", children: [
-          /* @__PURE__ */ M("span", { className: "navmenu-item__label", children: [
-            m,
+        p && /* @__PURE__ */ o("span", { className: "navmenu-item__icon", children: p }),
+        /* @__PURE__ */ x("div", { className: "navmenu-item__content", children: [
+          /* @__PURE__ */ x("span", { className: "navmenu-item__label", children: [
+            s,
             " ",
-            /* @__PURE__ */ o(se, { className: "navmenu-item__label-arrow" })
+            /* @__PURE__ */ o(le, { className: "navmenu-item__label-arrow" })
           ] }),
-          y && /* @__PURE__ */ o("span", { className: "navmenu-item__desc", children: y })
+          _ && /* @__PURE__ */ o("span", { className: "navmenu-item__desc", children: _ })
         ] })
       ]
     }
   );
 }
-k.displayName = "NavMenu.Item";
-function E({
-  ref: n = void 0,
-  id: a = "",
-  icon: C = null,
-  label: m = null,
-  description: y,
-  variant: g = "default",
-  children: I = void 0,
-  expandIcon: s = ({ isOpen: r }) => /* @__PURE__ */ o(
-    ue,
+W.displayName = "NavMenu.Item";
+function L({
+  ref: i = void 0,
+  id: r = "",
+  icon: p = null,
+  label: s = null,
+  description: _,
+  variant: M = "default",
+  children: b = void 0,
+  expandIcon: u = ({ isOpen: t }) => /* @__PURE__ */ o(
+    se,
     {
       style: {
-        transform: `rotate(${r ? 180 : 0}deg)`
+        transform: `rotate(${t ? 180 : 0}deg)`
       }
     }
   ),
-  ...f
+  ...d
 }) {
-  const r = G(a), { openedIds: u, open: v, close: i, mode: c, activeTextColor: t } = B(), N = (u == null ? void 0 : u.includes(r)) ?? !1, _ = c === "inline", W = F(
+  const t = D(r), { openedIds: m, open: y, close: c, mode: h, activeTextColor: n } = V(), C = m?.includes(t) ?? !1, N = h === "inline", T = E(
     "navmenu-sub",
     "navmenu-item",
-    { "navmenu-item--panel": g === "panel" },
-    { "navmenu-sub--opened": N, "navmenu-item--inline": _ },
-    f.className
-  ), z = {
+    { "navmenu-item--panel": M === "panel" },
+    { "navmenu-sub--opened": C, "navmenu-item--inline": N },
+    d.className
+  ), R = {
     onClick: () => {
-      u != null && u.includes(r) ? i == null || i(r) : v == null || v(r);
+      m?.includes(t) ? c?.(t) : y?.(t);
     }
-  }, $ = _ ? { onClick: (w) => w.stopPropagation() } : {}, p = /* @__PURE__ */ M(
-    Ne,
+  }, g = N ? { onClick: (w) => w.stopPropagation() } : {}, f = /* @__PURE__ */ x(
+    Ce,
     {
-      ...f,
-      className: W,
-      ...z,
-      ref: n,
-      $activeTextColor: t,
+      ...d,
+      className: T,
+      ...R,
+      ref: i,
+      $activeTextColor: n,
       children: [
-        C && /* @__PURE__ */ o("span", { className: "navmenu-item__icon", children: C }),
-        /* @__PURE__ */ M("div", { className: "navmenu-item__content", children: [
-          /* @__PURE__ */ o("span", { className: "navmenu-item__label", children: m }),
-          y && /* @__PURE__ */ o("span", { className: "navmenu-item__desc", children: y })
+        p && /* @__PURE__ */ o("span", { className: "navmenu-item__icon", children: p }),
+        /* @__PURE__ */ x("div", { className: "navmenu-item__content", children: [
+          /* @__PURE__ */ o("span", { className: "navmenu-item__label", children: s }),
+          _ && /* @__PURE__ */ o("span", { className: "navmenu-item__desc", children: _ })
         ] }),
-        s && /* @__PURE__ */ o("span", { className: "navmenu-sub__expand-icon", children: typeof s == "function" ? s({ isOpen: N }) : s }),
-        /* @__PURE__ */ o(be, { inline: _, ...$, children: typeof I == "function" ? I({ isOpen: N }) : /* @__PURE__ */ o(_e, { className: "navmenu-sub__list", children: D(I) }) })
+        u && /* @__PURE__ */ o("span", { className: "navmenu-sub__expand-icon", children: typeof u == "function" ? u({ isOpen: C }) : u }),
+        /* @__PURE__ */ o(Ie, { inline: N, ...g, children: typeof b == "function" ? b({ isOpen: C }) : /* @__PURE__ */ o(Ne, { className: "navmenu-sub__list", children: B(b) }) })
       ]
     }
   );
-  return _ ? p : /* @__PURE__ */ o(ae, { onClickAway: () => i == null ? void 0 : i(r), children: p });
+  return N ? f : /* @__PURE__ */ o(re, { onClickAway: () => c?.(t), children: f });
 }
-E.displayName = "NavMenu.Sub";
-J.Item = k;
-J.Sub = E;
+L.displayName = "NavMenu.Sub";
+G.Item = W;
+G.Sub = L;
 export {
-  k as Item,
-  E as Sub,
-  J as default
+  W as Item,
+  L as Sub,
+  G as default
 };

package/lib/NavMenu/sub-container.js

@@ -1,21 +1,21 @@
 import { jsx as h } from "react/jsx-runtime";
 import { useThrottleFn as x } from "ahooks";
-import { useRef as b, useState as m, useEffect as a } from "react";
+import { useRef as b, useState as v, useEffect as a } from "react";
 const z = 8;
-function L({ children: v, inline: s = !1, ...R }) {
-  const o = b(null), c = b(null), [d, l] = m(!1), [g, f] = m(0), { run: u } = x(
+function C({ children: m, inline: i = !1, ...R }) {
+  const n = b(null), s = b(null), [c, l] = v(!1), [g, f] = v(0), { run: d } = x(
     () => {
-      if (s) {
-        f(0), d || l(!0);
+      if (i) {
+        f(0), c || l(!0);
         return;
       }
-      if (!o.current || !c.current) return;
-      const e = o.current.parentElement;
+      if (!n.current || !s.current) return;
+      const e = n.current.parentElement;
       if (!e) return;
-      const t = e.getBoundingClientRect(), n = c.current.getBoundingClientRect(), p = window.innerWidth, w = 32;
-      let r = (t.width - n.width) / 2;
-      const i = t.left + r;
-      i < 0 ? r = r - i + w : i + n.width > p && (r -= i + n.width - p + w), f(r), d || l(!0);
+      const t = e.getBoundingClientRect(), u = s.current.getBoundingClientRect(), p = window.innerWidth, w = 32;
+      let r = (t.width - u.width) / 2;
+      const o = t.left + r;
+      o < 0 ? r = r - o + w : o + u.width > p && (r -= o + u.width - p + w), f(r), c || l(!0);
     },
     {
       wait: 100
@@ -23,48 +23,47 @@ function L({ children: v, inline: s = !1, ...R }) {
   );
   return a(() => {
     const e = new ResizeObserver(() => {
-      u();
+      d();
     });
-    return e.observe(o.current), () => e.disconnect();
+    return e.observe(n.current), () => e.disconnect();
   }, []), a(() => {
-    var n;
-    const e = (n = o.current) == null ? void 0 : n.parentElement;
+    const e = n.current?.parentElement;
     let t = null;
     return e && (t = new ResizeObserver(() => {
-      u();
-    }), t.observe(e)), () => t == null ? void 0 : t.disconnect();
+      d();
+    }), t.observe(e)), () => t?.disconnect();
   }, []), a(() => {
     const e = () => {
-      u();
+      d();
     };
     return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []), /* @__PURE__ */ h(
     "div",
     {
-      ref: o,
+      ref: n,
       className: "navmenu-sub__container",
       style: {
         width: "100%",
         paddingTop: `${z}px`,
         transform: `translateX(${g}px)`,
-        overflow: d ? "visible" : "hidden"
+        overflow: c ? "visible" : "hidden"
       },
       ...R,
       children: /* @__PURE__ */ h(
         "div",
         {
           style: {
-            display: s ? "block" : "inline-block",
-            boxShadow: s ? "none" : "0px 40px 60px rgba(0, 0, 0, 0.08)"
+            display: i ? "block" : "inline-block",
+            boxShadow: i ? "none" : "0px 40px 60px rgba(0, 0, 0, 0.08)"
           },
-          ref: c,
-          children: v
+          ref: s,
+          children: m
         }
       )
     }
   );
 }
 export {
-  L as SubContainer,
-  L as default
+  C as SubContainer,
+  C as default
 };

package/lib/PageScroller/index.js

@@ -1,37 +1,37 @@
 import { jsx as W } from "react/jsx-runtime";
-import { useState as U, useRef as Q, Children as K, useCallback as l, cloneElement as Z, useEffect as p } from "react";
+import { useState as S, useRef as J, Children as U, useCallback as l, cloneElement as Q, useEffect as p } from "react";
 import A from "lodash/isEqual";
 import r from "lodash/isNil";
-import g from "lodash/isNull";
-import P from "./usePrevValue.js";
-import { withDeprecated as b } from "../Util/deprecate.js";
+import Z from "lodash/isNull";
+import g from "./usePrevValue.js";
+import { withDeprecated as P } from "../Util/deprecate.js";
 const I = {
   TOUCHMOVE: "touchmove",
   KEYDOWN: "keydown"
-}, ee = 500, te = "ease-in-out", ne = "100vh", se = "100vw", k = 0, B = 0, D = 100, oe = 38, re = 40, y = "rps-scroll--disabled";
+}, b = 500, ee = "ease-in-out", te = "100vh", ne = "100vw", K = 0, k = 0, D = 100, se = 38, oe = 40, y = "rps-scroll--disabled";
 let M = null, d = !1, a = !1, w = !0, Y = !1;
 const T = [];
-function ie({
-  animationTimer: f = ee,
+function re({
+  animationTimer: f = b,
   blockScrollDown: F = !1,
   blockScrollUp: H = !1,
-  children: V = void 0,
-  height: G = ne,
-  width: j = se,
+  children: B = void 0,
+  height: V = te,
+  width: G = ne,
   customPageNumber: s = void 0,
   onScrollUnavailable: E = void 0,
   onChange: R = void 0,
   renderAllPagesOnFirstRender: $ = !1,
-  transitionTimingFunction: q = te
+  transitionTimingFunction: j = ee
 }) {
-  const [n, v] = U(k), [c, C] = U(B), m = P(n), i = Q(null), o = K.toArray(V), L = l(
+  const [n, v] = S(K), [c, C] = S(k), m = g(n), i = J(null), o = U.toArray(B), L = l(
     (e) => {
       let t = 0;
       r(e) || (t = e), t = Math.max(t, c), t <= n + 1 && (r(o[n + 1]) || t++), C(t);
     },
     [o, n, c]
-  ), X = l(() => {
-    $ ? C(K.count(o)) : r(o[k + 1]) || L(B + 1);
+  ), q = l(() => {
+    $ ? C(U.count(o)) : r(o[K + 1]) || L(k + 1);
   }, [L, o, $]), O = l(() => {
     w && (w = !1, window.scrollTo({
       left: 0,
@@ -40,12 +40,12 @@ function ie({
     }), document.body.classList.add(y), document.documentElement.classList.add(y));
   }, []), _ = l(() => {
     w || (w = !0, document.body.classList.remove(y), document.documentElement.classList.remove(y));
-  }, []), z = l(() => {
+  }, []), X = l(() => {
     const e = [];
     let t = 0;
     for (; t < c && !r(o[t]); )
       T[t] = !0, e.push(
-        /* @__PURE__ */ W("div", { style: { height: "100%", width: "100%" }, children: Z(o[t], { ...o[t].props }) }, t)
+        /* @__PURE__ */ W("div", { style: { height: "100%", width: "100%" }, children: Q(o[t], { ...o[t].props }) }, t)
       ), t++;
     return e;
   }, [o, c]), h = l(() => {
@@ -58,27 +58,23 @@ function ie({
     }, f + D)));
   }, [f, H, n, O, _, E]), N = l(
     (e) => {
-      g(M) ? M = e.touches[0].clientY : e.touches[0].clientY > M ? u() : h();
+      Z(M) ? M = e.touches[0].clientY : e.touches[0].clientY > M ? u() : h();
     },
     [h, u]
-  ), J = l(
+  ), z = l(
     (e) => {
       e.deltaY < 0 ? u() : h();
     },
     [h, u]
   ), x = l(
     (e) => {
-      A(e.keyCode, oe) && u(), A(e.keyCode, re) && h();
+      A(e.keyCode, se) && u(), A(e.keyCode, oe) && h();
     },
     [h, u]
   );
-  return p(() => {
-    var e, t;
-    return (e = i.current) == null || e.addEventListener(I.TOUCHMOVE, N), (t = i.current) == null || t.addEventListener(I.KEYDOWN, x), () => {
-      var S;
-      (S = i.current) != null && S.removeEventListener && (i.current.removeEventListener(I.TOUCHMOVE, N), i.current.removeEventListener(I.KEYDOWN, x));
-    };
-  }, [N, x]), p(() => (a = !0, X(), () => {
+  return p(() => (i.current?.addEventListener(I.TOUCHMOVE, N), i.current?.addEventListener(I.KEYDOWN, x), () => {
+    i.current?.removeEventListener && (i.current.removeEventListener(I.TOUCHMOVE, N), i.current.removeEventListener(I.KEYDOWN, x));
+  }), [N, x]), p(() => (a = !0, q(), () => {
     a = !1;
   }), []), p(() => {
     d = !1, M = null, m !== void 0 && n > m && L();
@@ -103,23 +99,23 @@ function ie({
     Y && (Y = !1, i.current.style.transform = `translate3d(0, ${s * -100}%, 0)`, setTimeout(() => {
       v(s);
     }, f + D));
-  }, [f, c, s]), /* @__PURE__ */ W("div", { style: { height: G, width: j, overflow: "hidden" }, children: /* @__PURE__ */ W(
+  }, [f, c, s]), /* @__PURE__ */ W("div", { style: { height: V, width: G, overflow: "hidden" }, children: /* @__PURE__ */ W(
     "div",
     {
       ref: i,
-      onWheel: J,
+      onWheel: z,
       style: {
         height: "100%",
         width: "100%",
-        transition: `transform ${f}ms ${q}`,
+        transition: `transform ${f}ms ${j}`,
         outline: "none"
       },
       tabIndex: 0,
-      children: z()
+      children: X()
     }
   ) });
 }
-const pe = b(ie, { name: "PageScroller" });
+const ue = P(re, { name: "PageScroller" });
 export {
-  pe as default
+  ue as default
 };