html-flip-book-react 0.0.0-alpha.18 → 0.0.0-alpha.21

package/dist/toolbar/index.js

@@ -1,174 +1,634 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as v, useContext as x, useState as i, useCallback as P, useEffect as k } from "react";
-const u = ({
+import { jsx as n, jsxs as F } from "react/jsx-runtime";
+import { createContext as H, useContext as K, useMemo as D, useCallback as m, useEffect as $, useState as L } from "react";
+const X = {
+  flipNext: [
+    { key: "ArrowRight" },
+    { key: "PageDown" },
+    { key: " " }
+    // Space
+  ],
+  flipPrev: [{ key: "ArrowLeft" }, { key: "PageUp" }],
+  goToFirst: [{ key: "Home" }],
+  goToLast: [{ key: "End" }],
+  goToToc: [{ key: "t" }],
+  toggleFullscreen: [{ key: "f" }]
+}, Y = [
+  {
+    id: "flipNext",
+    name: "Next Page",
+    description: "Flip to the next page",
+    execute: ({ flipBookRef: e }) => {
+      e.current?.flipNext();
+    },
+    canExecute: ({ currentPage: e, totalPages: t }) => e < t - 1
+  },
+  {
+    id: "flipPrev",
+    name: "Previous Page",
+    description: "Flip to the previous page",
+    execute: ({ flipBookRef: e }) => {
+      e.current?.flipPrev();
+    },
+    canExecute: ({ currentPage: e }) => e > 0
+  },
+  {
+    id: "goToFirst",
+    name: "First Page",
+    description: "Jump to the first page",
+    execute: ({ flipBookRef: e }) => {
+      e.current?.jumpToPage(0);
+    },
+    canExecute: ({ currentPage: e }) => e > 0
+  },
+  {
+    id: "goToLast",
+    name: "Last Page",
+    description: "Jump to the last page",
+    execute: ({ flipBookRef: e, totalPages: t }) => {
+      e.current?.jumpToPage(t - 1);
+    },
+    canExecute: ({ currentPage: e, totalPages: t }) => e < t - 1
+  },
+  {
+    id: "goToToc",
+    name: "Table of Contents",
+    description: "Jump to the table of contents",
+    execute: ({ flipBookRef: e, data: t }) => {
+      const o = t?.tocPageIndex ?? 4;
+      e.current?.jumpToPage(o);
+    },
+    canExecute: ({ currentPage: e, data: t }) => {
+      const o = t?.tocPageIndex ?? 4;
+      return e !== o;
+    }
+  },
+  {
+    id: "toggleFullscreen",
+    name: "Toggle Fullscreen",
+    description: "Enter or exit fullscreen mode",
+    execute: ({ data: e }) => {
+      const t = e?.fullscreenTargetRef;
+      document.fullscreenElement ? document.exitFullscreen().catch(console.warn) : (t?.current ?? document.documentElement).requestFullscreen().catch(console.warn);
+    }
+  }
+], W = H(null);
+function _(e, t) {
+  if (t.key !== e.key) return !1;
+  const o = e.modifiers ?? {};
+  return !(!!o.ctrl !== t.ctrlKey || !!o.shift !== t.shiftKey || !!o.alt !== t.altKey || !!o.meta !== t.metaKey);
+}
+const Q = ({
+  flipBookRef: e,
+  currentPage: t,
+  totalPages: o,
+  direction: c = "ltr",
+  commands: s = [],
+  commandOptions: u = {},
+  disableHotkeys: d = !1,
+  children: b
+}) => {
+  const r = D(() => {
+    const i = {};
+    for (const a of Y)
+      i[a.id] = {
+        command: a,
+        options: u[a.id] ?? {}
+      };
+    for (const a of s)
+      i[a.id] = {
+        command: a,
+        options: u[a.id] ?? {}
+      };
+    return i;
+  }, [s, u]), f = m(
+    (i) => {
+      const a = r[i]?.options ?? {};
+      return {
+        flipBookRef: e,
+        currentPage: t,
+        totalPages: o,
+        direction: c,
+        data: a.data
+      };
+    },
+    [e, t, o, c, r]
+  ), p = m(
+    (i) => {
+      const a = r[i];
+      if (!a) {
+        console.warn(`Command "${i}" not found`);
+        return;
+      }
+      const h = f(i);
+      a.command.canExecute && !a.command.canExecute(h) || a.command.execute(h);
+    },
+    [r, f]
+  ), g = m(
+    (i) => {
+      const a = r[i];
+      if (!a) return !1;
+      const h = f(i);
+      return a.command.canExecute ? a.command.canExecute(h) : !0;
+    },
+    [r, f]
+  ), k = m(
+    (i) => r[i]?.command,
+    [r]
+  ), v = m(
+    () => Object.values(r).map((i) => i.command),
+    [r]
+  ), w = m(
+    (i) => {
+      const a = i.target;
+      if (!(a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.isContentEditable))
+        for (const [h, B] of Object.entries(r)) {
+          if (B.options.disableHotkeys) continue;
+          const j = B.options.hotkeys ?? X[h] ?? [];
+          for (const T of j)
+            if (_(T, i)) {
+              i.preventDefault(), p(h);
+              return;
+            }
+        }
+    },
+    [r, p]
+  );
+  $(() => {
+    if (!d)
+      return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
+  }, [d, w]);
+  const C = D(
+    () => ({
+      executeCommand: p,
+      canExecute: g,
+      getCommand: k,
+      getAllCommands: v
+    }),
+    [p, g, k, v]
+  );
+  return /* @__PURE__ */ n(W.Provider, { value: C, children: b });
+}, se = () => {
+  const e = K(W);
+  if (!e)
+    throw new Error("useCommands must be used within a CommandProvider");
+  return e;
+}, P = { size: 24 }, Z = ({ size: e = P.size, className: t }) => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n("path", { d: "m15 18-6-6 6-6" })
+  }
+), ee = ({ size: e = P.size, className: t }) => /* @__PURE__ */ n(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ n("path", { d: "m9 18 6-6-6-6" })
+  }
+), A = ({ size: e = P.size, className: t }) => /* @__PURE__ */ F(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ n("path", { d: "m17 18-6-6 6-6" }),
+      /* @__PURE__ */ n("path", { d: "M7 6v12" })
+    ]
+  }
+), R = ({ size: e = P.size, className: t }) => /* @__PURE__ */ F(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ n("path", { d: "m7 18 6-6-6-6" }),
+      /* @__PURE__ */ n("path", { d: "M17 6v12" })
+    ]
+  }
+), te = ({ size: e = P.size, className: t }) => /* @__PURE__ */ F(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ n("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+      /* @__PURE__ */ n("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
+      /* @__PURE__ */ n("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
+      /* @__PURE__ */ n("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+    ]
+  }
+), ne = ({ size: e = P.size, className: t }) => /* @__PURE__ */ F(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ n("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
+      /* @__PURE__ */ n("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
+      /* @__PURE__ */ n("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
+      /* @__PURE__ */ n("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
+    ]
+  }
+), oe = ({
+  size: e = P.size,
+  className: t
+}) => /* @__PURE__ */ F(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ n("path", { d: "M16 5H3" }),
+      /* @__PURE__ */ n("path", { d: "M16 12H3" }),
+      /* @__PURE__ */ n("path", { d: "M16 19H3" }),
+      /* @__PURE__ */ n("path", { d: "M21 5h.01" }),
+      /* @__PURE__ */ n("path", { d: "M21 12h.01" }),
+      /* @__PURE__ */ n("path", { d: "M21 19h.01" })
+    ]
+  }
+), ce = ({ size: e = P.size, className: t }) => /* @__PURE__ */ F(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: t,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ n("path", { d: "M3 21h18" }),
+      /* @__PURE__ */ n("rect", { x: "4", y: "7", width: "3", height: "14", rx: "0.5" }),
+      /* @__PURE__ */ n("rect", { x: "8", y: "5", width: "3", height: "16", rx: "0.5" }),
+      /* @__PURE__ */ n("rect", { x: "12", y: "9", width: "3", height: "12", rx: "0.5" }),
+      /* @__PURE__ */ n("rect", { x: "16", y: "6", width: "4", height: "15", rx: "0.5" })
+    ]
+  }
+), E = ({
   onClick: e,
   ariaLabel: t,
-  disabled: l = !1,
-  children: r,
-  className: a = "",
-  title: o
+  disabled: o = !1,
+  children: c,
+  className: s = "",
+  title: u
 }) => /* @__PURE__ */ n(
   "button",
   {
     type: "button",
     onClick: e,
     "aria-label": t,
-    disabled: l,
-    title: o ?? t,
-    className: `flipbook-toolbar-button ${a}`.trim(),
-    children: r
+    disabled: o,
+    title: u ?? t,
+    className: `flipbook-toolbar-button ${s}`.trim(),
+    children: c
+  }
+), le = ({
+  onClick: e,
+  ariaLabel: t,
+  children: o,
+  disabled: c = !1,
+  className: s
+}) => /* @__PURE__ */ n(
+  E,
+  {
+    onClick: e,
+    ariaLabel: t,
+    disabled: c,
+    className: `flipbook-toolbar-action ${s ?? ""}`.trim(),
+    children: o
   }
-), h = v(null);
-function b() {
-  const e = x(h);
+), O = H(null);
+function I() {
+  const e = K(O);
   if (!e)
     throw new Error("Toolbar components must be used within a Toolbar");
   return e;
 }
-const N = ({ children: e, className: t }) => {
-  const { flipBookRef: l, isFirstPage: r } = b();
+const ue = ({ children: e, className: t }) => {
+  const { flipBookRef: o, isFirstPage: c, direction: s } = I(), u = () => {
+    o.current?.jumpToPage(0);
+  }, d = s === "rtl" ? /* @__PURE__ */ n(R, { size: 18 }) : /* @__PURE__ */ n(A, { size: 18 });
   return /* @__PURE__ */ n(
-    u,
+    E,
     {
-      onClick: () => {
-        l.current?.jumpToPage(0);
-      },
+      onClick: u,
       ariaLabel: "First page",
-      disabled: r,
+      disabled: c,
       className: `flipbook-toolbar-first ${t ?? ""}`.trim(),
-      children: e ?? "⏮"
+      children: e ?? d
     }
   );
-}, T = ({
+}, de = ({
   targetRef: e,
   enterIcon: t,
-  exitIcon: l,
-  className: r
+  exitIcon: o,
+  ariaLabelEnter: c = "Enter fullscreen",
+  ariaLabelExit: s = "Exit fullscreen",
+  className: u
 }) => {
-  const [a, o] = i(!1), s = P(() => {
-    o(!!document.fullscreenElement);
+  const [d, b] = L(!1), r = m(() => {
+    b(!!document.fullscreenElement);
   }, []);
-  k(() => (document.addEventListener("fullscreenchange", s), () => {
-    document.removeEventListener("fullscreenchange", s);
-  }), [s]);
-  const g = async () => {
+  $(() => (document.addEventListener("fullscreenchange", r), () => {
+    document.removeEventListener("fullscreenchange", r);
+  }), [r]);
+  const f = async () => {
     try {
-      a ? await document.exitFullscreen() : await (e?.current ?? document.documentElement).requestFullscreen();
-    } catch (d) {
-      console.warn("Fullscreen request failed:", d);
+      d ? await document.exitFullscreen() : await (e?.current ?? document.documentElement).requestFullscreen();
+    } catch (k) {
+      console.warn("Fullscreen request failed:", k);
     }
-  }, f = a ? "Exit fullscreen" : "Enter fullscreen", p = a ? l ?? "⛶" : t ?? "⛶";
+  }, p = d ? s : c, g = d ? o ?? /* @__PURE__ */ n(ne, { size: 18 }) : t ?? /* @__PURE__ */ n(te, { size: 18 });
   return /* @__PURE__ */ n(
-    u,
+    E,
     {
-      onClick: g,
-      ariaLabel: f,
-      className: `flipbook-toolbar-fullscreen ${a ? "flipbook-toolbar-fullscreen--active" : ""} ${r ?? ""}`.trim(),
-      children: p
+      onClick: f,
+      ariaLabel: p,
+      className: `flipbook-toolbar-fullscreen ${d ? "flipbook-toolbar-fullscreen--active" : ""} ${u ?? ""}`.trim(),
+      children: g
     }
   );
-}, $ = ({ children: e, className: t }) => {
-  const { flipBookRef: l, isLastPage: r, totalPages: a } = b();
+}, he = ({ children: e, className: t }) => {
+  const { flipBookRef: o, isLastPage: c, totalPages: s, direction: u } = I(), d = () => {
+    o.current?.jumpToPage(s - 1);
+  }, b = u === "rtl" ? /* @__PURE__ */ n(A, { size: 18 }) : /* @__PURE__ */ n(R, { size: 18 });
   return /* @__PURE__ */ n(
-    u,
+    E,
     {
-      onClick: () => {
-        l.current?.jumpToPage(a - 1);
-      },
+      onClick: d,
       ariaLabel: "Last page",
-      disabled: r,
+      disabled: c,
       className: `flipbook-toolbar-last ${t ?? ""}`.trim(),
-      children: e ?? "⏭"
+      children: e ?? b
     }
   );
-}, B = ({ children: e, className: t }) => {
-  const { flipBookRef: l, isLastPage: r, direction: a } = b();
+}, me = ({ children: e, className: t }) => {
+  const { flipBookRef: o, isLastPage: c, direction: s } = I();
   return /* @__PURE__ */ n(
-    u,
+    E,
     {
       onClick: () => {
-        l.current?.flipNext();
+        o.current?.flipNext();
       },
-      ariaLabel: a === "rtl" ? "Previous page" : "Next page",
-      disabled: r,
+      ariaLabel: s === "rtl" ? "Previous page" : "Next page",
+      disabled: c,
       className: `flipbook-toolbar-next ${t ?? ""}`.trim(),
-      children: e ?? "›"
+      children: e ?? /* @__PURE__ */ n(ee, { size: 20 })
     }
   );
-}, E = ({
-  format: e = "{current} / {total}",
-  className: t
+}, ge = ({
+  mode: e,
+  showTotal: t = !0,
+  placeholder: o = "—",
+  editable: c,
+  className: s,
+  ariaLabel: u = "Go to page",
+  maxLength: d = 10
 }) => {
-  const { currentPage: l, totalPages: r } = b(), a = l + 1, o = e.replace("{current}", a.toString()).replace("{total}", r.toString());
-  return /* @__PURE__ */ n(
+  const { flipBookRef: b, pageSemantics: r, direction: f, currentPage: p, totalPages: g } = I(), k = e ?? (r ? "semantic" : "index"), v = c ?? (k === "semantic" && !!r), [w, C] = L(""), [i, a] = L(!1), h = p, B = p + 1 < g ? p + 1 : null, j = m(
+    (l) => k === "semantic" && r ? r.indexToSemanticName(l) || "" : String(l + 1),
+    [k, r]
+  ), T = j(h), M = B != null ? j(B) : "", z = m(() => {
+    if (k === "semantic" && r) {
+      for (let l = g - 1; l >= 0; l--) {
+        const x = r.indexToSemanticName(l);
+        if (x) return x;
+      }
+      return String(g);
+    }
+    return String(g);
+  }, [k, r, g]), V = m(() => {
+    const l = f === "rtl" ? M : T, x = f === "rtl" ? T : M;
+    let y;
+    return !l && !x ? y = o : l ? x ? l === x ? y = l : y = `${l} - ${x}` : y = l : y = x, t ? `${y} / ${z()}` : y;
+  }, [f, T, M, o, t, z]), N = f === "rtl" ? M || T : T || M;
+  $(() => {
+    i || C(N);
+  }, [N, i]);
+  const q = m(() => {
+    v && (a(!0), C(N));
+  }, [v, N]), J = m(() => {
+    a(!1), C(N);
+  }, [N]), U = m(
+    (l) => {
+      if (l.key === "Enter") {
+        if (r && w.trim()) {
+          const x = r.semanticNameToIndex(w.trim());
+          x != null && x >= 0 && x < g && b.current?.jumpToPage(x);
+        }
+        l.currentTarget.blur();
+      } else l.key === "Escape" && l.currentTarget.blur();
+    },
+    [w, r, g, b]
+  ), G = m((l) => {
+    C(l.target.value);
+  }, []), S = V();
+  return v ? /* @__PURE__ */ n(
+    "input",
+    {
+      type: "text",
+      className: `flipbook-toolbar-indicator ${i ? "flipbook-toolbar-indicator--editing" : ""} ${s ?? ""}`.trim(),
+      value: i ? w : S,
+      onFocus: q,
+      onBlur: J,
+      onKeyDown: U,
+      onChange: G,
+      "aria-label": u,
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      maxLength: d,
+      readOnly: !v
+    }
+  ) : /* @__PURE__ */ n(
     "span",
     {
-      className: `flipbook-toolbar-indicator ${t ?? ""}`.trim(),
+      className: `flipbook-toolbar-indicator ${s ?? ""}`.trim(),
       "aria-live": "polite",
       "aria-atomic": "true",
-      children: o
+      children: S
     }
   );
-}, I = ({ children: e, className: t }) => {
-  const { flipBookRef: l, isFirstPage: r, direction: a } = b();
+}, fe = ({ children: e, className: t }) => {
+  const { flipBookRef: o, isFirstPage: c, direction: s } = I();
   return /* @__PURE__ */ n(
-    u,
+    E,
     {
       onClick: () => {
-        l.current?.flipPrev();
+        o.current?.flipPrev();
       },
-      ariaLabel: a === "rtl" ? "Next page" : "Previous page",
-      disabled: r,
+      ariaLabel: s === "rtl" ? "Next page" : "Previous page",
+      disabled: c,
       className: `flipbook-toolbar-prev ${t ?? ""}`.trim(),
-      children: e ?? "‹"
+      children: e ?? /* @__PURE__ */ n(Z, { size: 20 })
+    }
+  );
+}, pe = ({
+  tocPageIndex: e = 4,
+  children: t,
+  ariaLabel: o = "Table of contents",
+  className: c
+}) => {
+  const { flipBookRef: s, currentPage: u } = I();
+  return /* @__PURE__ */ n(
+    E,
+    {
+      onClick: () => {
+        s.current?.jumpToPage(e);
+      },
+      ariaLabel: o,
+      disabled: u === e,
+      className: `flipbook-toolbar-toc ${c ?? ""}`.trim(),
+      children: t ?? /* @__PURE__ */ n(oe, { size: 18 })
     }
   );
-}, w = ({
+}, ke = ({
   flipBookRef: e,
   direction: t = "ltr",
-  className: l = "",
-  children: r
+  pageSemantics: o,
+  className: c = "",
+  children: s,
+  enableHotkeys: u = !0,
+  commands: d,
+  commandOptions: b
 }) => {
-  const [a, o] = i(0), [s, g] = i(0), [f, p] = i(!0), [d, C] = i(!1), m = P(() => {
-    const c = e.current;
-    c && (o(c.getCurrentPageIndex()), g(c.getTotalPages()), p(c.isFirstPage()), C(c.isLastPage()));
+  const [r, f] = L(0), [p, g] = L(0), [k, v] = L(!0), [w, C] = L(!1), i = m(() => {
+    const h = e.current;
+    h && (f(h.getCurrentPageIndex()), g(h.getTotalPages()), v(h.isFirstPage()), C(h.isLastPage()));
   }, [e]);
-  return k(() => {
-    m();
-    const c = setInterval(m, 100);
-    return () => clearInterval(c);
-  }, [m]), /* @__PURE__ */ n(
-    h.Provider,
+  $(() => {
+    i();
+    const h = setInterval(i, 100);
+    return () => clearInterval(h);
+  }, [i]);
+  const a = /* @__PURE__ */ n(
+    O.Provider,
     {
       value: {
         flipBookRef: e,
         direction: t,
-        currentPage: a,
-        totalPages: s,
-        isFirstPage: f,
-        isLastPage: d
+        pageSemantics: o,
+        currentPage: r,
+        totalPages: p,
+        isFirstPage: k,
+        isLastPage: w
       },
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: `flipbook-toolbar ${t === "rtl" ? "flipbook-toolbar--rtl" : ""} ${l}`.trim(),
+          className: `flipbook-toolbar ${c}`.trim(),
           role: "toolbar",
           "aria-label": "FlipBook navigation",
-          children: r
+          dir: t,
+          children: s
         }
       )
     }
   );
+  return /* @__PURE__ */ n(
+    Q,
+    {
+      flipBookRef: e,
+      currentPage: r,
+      totalPages: p,
+      direction: t,
+      commands: d,
+      commandOptions: b,
+      disableHotkeys: !u,
+      children: a
+    }
+  );
 };
 export {
-  N as FirstPageButton,
-  T as FullscreenButton,
-  $ as LastPageButton,
-  B as NextButton,
-  E as PageIndicator,
-  I as PrevButton,
-  w as Toolbar,
-  u as ToolbarButton,
-  b as useToolbar
+  le as ActionButton,
+  ce as BookshelfIcon,
+  A as ChevronFirstIcon,
+  R as ChevronLastIcon,
+  Z as ChevronLeftIcon,
+  ee as ChevronRightIcon,
+  X as DEFAULT_HOTKEYS,
+  ue as FirstPageButton,
+  de as FullscreenButton,
+  he as LastPageButton,
+  te as MaximizeIcon,
+  ne as MinimizeIcon,
+  me as NextButton,
+  ge as PageIndicator,
+  fe as PrevButton,
+  ge as SemanticPageIndicator,
+  oe as TableOfContentsIcon,
+  pe as TocButton,
+  ke as Toolbar,
+  E as ToolbarButton,
+  Y as defaultCommands,
+  se as useCommands,
+  I as useToolbar
 };
 //# sourceMappingURL=index.js.map