html-flip-book-react 0.0.0-alpha.52 → 0.0.0-alpha.53

package/dist/toolbar/index.js

@@ -1,10 +1,10 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { createContext as pe, useContext as fe, useMemo as ee, useCallback as P, useEffect as W, useState as D, useRef as _, useLayoutEffect as Pe } from "react";
-let Te = 4;
-function ue() {
-  return Te;
+import { jsx as a, jsxs as E } from "react/jsx-runtime";
+import { createContext as ve, useContext as ye, useRef as J, useReducer as Fe, useMemo as Pe, useCallback as L, useEffect as U, useState as F, useLayoutEffect as Ne } from "react";
+let Me = 4;
+function he() {
+  return Me;
 }
-const ye = {
+const je = {
   id: "download",
   enName: "Download",
   enDescription: "Download entire book or page range",
@@ -17,222 +17,375 @@ const ye = {
     );
   },
   canExecute: (e) => typeof e.data?.onDownload == "function"
-}, Ce = [
+}, Be = [
   { key: "ArrowRight" },
   { key: "PageDown" },
   { key: " " }
   // Space
-], oe = {
+], ne = {
   id: "flipNext",
   navKind: "flip",
   enName: "Next Page",
   enDescription: "Flip to the next page",
   nameKey: "command.jumpToNextPage",
-  hotkeys: Ce,
+  hotkeys: Be,
   execute: (e) => {
     e.handle?.flipNext();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) < (e.handle?.getTotalPages() ?? 0) - 1
-}, Ie = [{ key: "ArrowLeft" }, { key: "PageUp" }], te = {
+}, Se = [{ key: "ArrowLeft" }, { key: "PageUp" }], re = {
   id: "flipPrev",
   navKind: "flip",
   enName: "Previous Page",
   enDescription: "Flip to the previous page",
   nameKey: "command.jumpToPrevPage",
-  hotkeys: Ie,
+  hotkeys: Se,
   execute: (e) => {
     e.handle?.flipPrev();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) > 0
-}, De = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ne = {
+}, $e = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ae = {
   id: "goToFirst",
   navKind: "jump",
   enName: "First Page",
   enDescription: "Jump to the first page",
   nameKey: "command.jumpToFirstPage",
-  hotkeys: De,
+  hotkeys: $e,
   execute: (e) => {
     e.handle?.jumpToPage(0);
   },
   canExecute: (e) => e.handle?.getCurrentPageIndex() !== 0
-}, Ne = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], ae = {
+}, Ae = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], le = {
   id: "goToLast",
   navKind: "jump",
   enName: "Last Page",
   enDescription: "Jump to the last page",
   nameKey: "command.jumpToLastPage",
-  hotkeys: Ne,
+  hotkeys: Ae,
   execute: (e) => {
-    const o = e.handle?.getTotalPages() ?? 0;
-    e.handle?.jumpToPage(o - 1);
+    const t = e.handle?.getTotalPages() ?? 0;
+    e.handle?.jumpToPage(t - 1);
   },
   canExecute: (e) => {
-    const o = e.handle?.getCurrentPageIndex() ?? 0, a = e.handle?.getTotalPages() ?? 0;
-    return o !== a - 1;
+    const t = e.handle?.getCurrentPageIndex() ?? 0, o = e.handle?.getTotalPages() ?? 0;
+    return t !== o - 1;
   }
-}, Le = [{ key: "t" }], re = {
+}, Re = [{ key: "t" }], se = {
   id: "goToToc",
   navKind: "jump",
   enName: "Table of Contents",
   enDescription: "Jump to the table of contents",
   nameKey: "command.jumpToToc",
-  hotkeys: Le,
+  hotkeys: Re,
   execute: (e) => {
-    const o = e.handle?.getTocPageIndex?.() ?? ue();
-    e.handle?.jumpToPage(o);
+    const t = e.handle?.getTocPageIndex?.() ?? he();
+    e.handle?.jumpToPage(t);
   },
   canExecute: (e) => {
-    const o = e.handle?.getTocPageIndex?.() ?? ue();
-    return e.handle?.getCurrentPageIndex() !== o;
+    const t = e.handle?.getTocPageIndex?.() ?? he();
+    return e.handle?.getCurrentPageIndex() !== t;
   }
-}, Ee = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], Fe = {
+}, Ke = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], He = {
   id: "toggleDebug",
   enName: "Toggle Debug Toolbar",
   enDescription: "Show or hide the debug toolbar (Ctrl+Alt+D)",
   nameKey: "command.toggleDebug",
   descriptionKey: "command.toggleDebugDesc",
-  hotkeys: Ee,
+  hotkeys: Ke,
   execute: (e) => {
     e.handle?.toggleDebugBar?.();
   }
-}, je = [{ key: "F11" }], Me = {
+}, X = () => document, pe = [
+  "fullscreenchange",
+  "webkitfullscreenchange",
+  "fullscreenerror",
+  "webkitfullscreenerror"
+];
+function ie() {
+  return typeof document > "u" ? null : X().fullscreenElement ?? X().webkitFullscreenElement ?? null;
+}
+function ce(e) {
+  if (typeof document > "u") return !1;
+  const t = e ?? X().documentElement;
+  return typeof (t.requestFullscreen ?? t.webkitRequestFullscreen) != "function" ? !1 : (X().fullscreenEnabled ?? X().webkitFullscreenEnabled) !== !1;
+}
+async function Oe(e) {
+  const t = e;
+  if (t.requestFullscreen) {
+    await t.requestFullscreen();
+    return;
+  }
+  if (t.webkitRequestFullscreen) {
+    t.webkitRequestFullscreen();
+    return;
+  }
+  throw new Error("Fullscreen API is not available");
+}
+async function Ue() {
+  const e = X();
+  if (e.exitFullscreen) {
+    await e.exitFullscreen();
+    return;
+  }
+  e.webkitExitFullscreen && e.webkitExitFullscreen();
+}
+const ze = [{ key: "F11" }], Y = {
   id: "toggleFullscreen",
+  kind: "toggle",
   enName: "Toggle Fullscreen",
   enDescription: "Enter or exit fullscreen mode",
   nameKey: "command.toggleFullscreen",
   descriptionKey: "command.toggleFullscreenDesc",
-  hotkeys: je,
+  hotkeys: ze,
+  canExecute: (e) => ce(e.data?.getFullscreenTarget?.()),
+  isActive: () => ie() !== null,
+  setActive: (e, t) => {
+    const o = ie();
+    if (t) {
+      if (o) return;
+      const n = e.data?.getFullscreenTarget?.() ?? document.documentElement;
+      if (!ce(n)) return !1;
+      Oe(n).catch(console.warn);
+      return;
+    }
+    o && Ue().catch(console.warn);
+  },
+  execute: (e) => Y.setActive(e, !Y.isActive(e))
+}, ee = {
+  id: "toggleTextSelection",
+  kind: "toggle",
+  enName: "Select Text",
+  enDescription: "Toggle text selection; hold Ctrl to temporarily turn pages instead",
+  hotkeys: [{ key: "Control", mode: "hold", active: !1 }],
+  canExecute: (e) => !!(e.handle?.getMouseMode && e.handle?.setMouseMode),
+  isActive: (e) => e.handle?.getMouseMode?.() === "select",
+  setActive: (e, t) => {
+    if (!e.handle?.setMouseMode) return !1;
+    const o = t ? "select" : "turn";
+    e.transient ? e.handle.setMouseMode(o, { persist: !1 }) : e.handle.setMouseMode(o);
+  },
   execute: (e) => {
-    const o = e.data;
-    document.fullscreenElement ? document.exitFullscreen().catch(console.warn) : (o?.getFullscreenTarget?.() ?? document.documentElement).requestFullscreen().catch(console.warn);
+    const t = ee.setActive(
+      e,
+      !ee.isActive(e)
+    );
+    return t !== !1 && window.getSelection()?.removeAllRanges(), t;
   }
-}, $e = [
-  oe,
-  te,
+}, qe = [
   ne,
-  ae,
   re,
-  Me,
-  Fe,
-  ye
+  ae,
+  le,
+  se,
+  Y,
+  He,
+  ee,
+  je
 ];
-function Be(e, o) {
-  return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+function Ce(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function We(e, t, o) {
+  if (Ce(t.key, o) !== e.key) return !1;
+  const n = e.modifiers ?? {};
+  return !(e.key !== "Control" && !!n.ctrl !== t.ctrlKey || e.key !== "Shift" && !!n.shift !== t.shiftKey || e.key !== "Alt" && !!n.alt !== t.altKey || e.key !== "Meta" && !!n.meta !== t.metaKey);
+}
+function Ve(e, t) {
+  const o = e.modifiers ?? {};
+  return [
+    o.ctrl && !t.ctrlKey,
+    o.shift && !t.shiftKey,
+    o.alt && !t.altKey,
+    o.meta && !t.metaKey
+  ].some(Boolean);
+}
+function Je(e, t, o) {
+  const n = Ce(t.key, o);
+  return n === e.key || n.length === 1 && n.toLowerCase() === e.key.toLowerCase() ? !0 : Ve(e, t);
+}
+function Ge(e, t) {
+  const o = e.modifiers ?? {}, n = t.modifiers ?? {};
+  return [
+    !!o.ctrl == !!n.ctrl,
+    !!o.shift == !!n.shift,
+    !!o.alt == !!n.alt,
+    !!o.meta == !!n.meta
+  ].every(Boolean);
+}
+function be(e, t) {
+  return e.key === t.key && e.mode === t.mode && (e.active ?? !0) === (t.active ?? !0) && Ge(e, t);
 }
-function Se(e, o, a) {
-  if (Be(o.key, a) !== e.key) return !1;
-  const r = e.modifiers ?? {};
-  return !(!!r.ctrl !== o.ctrlKey || !!r.shift !== o.shiftKey || !!r.alt !== o.altKey || !!r.meta !== o.metaKey);
+class _e {
+  held = /* @__PURE__ */ new Map();
+  has(t) {
+    return this.held.has(t);
+  }
+  press(t, o, n) {
+    const r = this.held.get(t.id);
+    if (r?.bindings.some((i) => be(i, o))) return !1;
+    const s = r ?? {
+      command: t,
+      context: { ...n, transient: !0 },
+      initial: t.isActive(n),
+      bindings: []
+    };
+    return t.setActive(s.context, o.active ?? !0) === !1 ? !1 : (s.bindings.push(o), this.held.set(t.id, s), !0);
+  }
+  release(t, o) {
+    return this.removeBindings((n) => Je(n, t, o));
+  }
+  /** Restore removed/disabled bindings without interrupting holds on ordinary rerenders. */
+  reconcile(t, o) {
+    return o ? this.clear() : this.removeBindings((n, r) => !this.isRegistered(n, r, t));
+  }
+  isRegistered(t, o, n) {
+    const r = n[o.command.id];
+    return !r || r.options.disableHotkeys || r.command !== o.command ? !1 : (r.options.hotkeys ?? r.command.hotkeys ?? []).some((s) => be(s, t));
+  }
+  clear() {
+    return this.removeBindings(() => !0);
+  }
+  removeBindings(t) {
+    let o = !1;
+    for (const [n, r] of this.held) {
+      const s = r.bindings.filter((c) => !t(c, r));
+      if (s.length === r.bindings.length) continue;
+      o = !0, r.bindings = s;
+      const i = s.length ? s[s.length - 1].active ?? !0 : r.initial;
+      r.command.setActive(r.context, i), s.length || this.held.delete(n);
+    }
+    return o;
+  }
+}
+const Te = ve(null);
+function Qe(e) {
+  return e instanceof HTMLElement ? !!(e.isContentEditable || e.closest('input, textarea, select, [contenteditable="true"], [contenteditable=""]')) : !1;
 }
-const be = pe(null), Re = ({
+function Xe(e) {
+  return e.options.disableHotkeys ? [] : e.options.hotkeys ?? e.command.hotkeys ?? [];
+}
+function Ye(e, t, o) {
+  return t.mode !== "hold" ? !0 : e.kind !== "toggle" ? !1 : !e.canExecute || e.canExecute(o(e));
+}
+function Ze(e, t, o, n) {
+  for (const r of Object.values(e)) {
+    const s = Xe(r).find(
+      (i) => We(i, t, o) && Ye(r.command, i, n)
+    );
+    if (s) return { command: r.command, binding: s };
+  }
+}
+const et = ({
   flipBookRef: e,
-  currentPage: o,
-  totalPages: a,
-  direction: r = "ltr",
-  commands: n = [],
+  currentPage: t,
+  totalPages: o,
+  direction: n = "ltr",
+  commands: r = [],
   commandOptions: s = {},
   disableHotkeys: i = !1,
   children: c
 }) => {
-  const h = ee(() => {
+  const m = J(new _e()).current, [, x] = Fe((d) => d + 1, 0), g = Pe(() => {
     const d = {};
-    for (const u of $e)
+    for (const u of qe)
       d[u.id] = {
         command: u,
         options: s[u.id] ?? {}
       };
-    for (const u of n)
+    for (const u of r)
       d[u.id] = {
         command: u,
         options: s[u.id] ?? {}
       };
     return d;
-  }, [n, s]), b = P(
+  }, [r, s]), h = L(
     (d, u) => {
-      const w = h[d.id]?.options ?? {}, F = u ? { ...w.data, ...u } : w.data;
+      const M = g[d.id]?.options ?? {}, I = u ? { ...M.data, ...u } : M.data;
       return {
         handle: e.current,
-        data: F
+        data: I
       };
     },
-    [e, h]
-  ), g = P(
+    [e, g]
+  ), N = L(
     (d, u) => {
-      const w = b(d, u);
-      d.canExecute && !d.canExecute(w) || d.execute(w);
+      if (m.has(d.id)) return;
+      const M = h(d, u);
+      d.canExecute && !d.canExecute(M) || (d.execute(M), x());
     },
-    [b]
-  ), C = P(
+    [h, m]
+  ), T = L(
     (d) => {
-      const u = b(d);
+      if (m.has(d.id)) return !1;
+      const u = h(d);
       return d.canExecute ? d.canExecute(u) : !0;
     },
-    [b]
-  ), N = P(
-    () => Object.values(h).map((d) => d.command),
+    [h, m]
+  ), j = L(
+    (d) => d.isActive(h(d)),
     [h]
-  ), T = P(
-    (d) => {
-      const u = d.target;
-      if (!(u.tagName === "INPUT" || u.tagName === "TEXTAREA" || u.isContentEditable))
-        for (const w of Object.values(h)) {
-          if (w.options.disableHotkeys) continue;
-          const F = w.options.hotkeys ?? w.command.hotkeys ?? [];
-          for (const M of F)
-            if (Se(M, d, r)) {
-              d.preventDefault(), g(w.command);
-              return;
-            }
-        }
-    },
-    [h, g, r]
-  );
-  W(() => {
-    if (!i)
-      return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
-  }, [i, T]);
-  const I = ee(
-    () => ({
-      execute: g,
-      canExecute: C,
-      getAllCommands: N
-    }),
-    [g, C, N]
-  );
-  return /* @__PURE__ */ t(be.Provider, { value: I, children: c });
-}, X = () => {
-  const e = fe(be);
+  ), B = L(
+    () => Object.values(g).map((d) => d.command),
+    [g]
+  ), P = J({ registry: g, execute: N, createCommandContext: h, direction: n, disableHotkeys: i });
+  P.current = { registry: g, execute: N, createCommandContext: h, direction: n, disableHotkeys: i }, U(() => {
+    m.reconcile(g, i) && x();
+  }, [m, g, i]), U(() => {
+    const d = (p, D, $) => {
+      if (p.kind !== "toggle") return;
+      const K = P.current.createCommandContext(p);
+      !$.repeat && m.press(p, D, K) && x(), ["Control", "Shift", "Alt", "Meta"].includes(D.key) || $.preventDefault();
+    }, u = (p) => {
+      const { registry: D, execute: $, direction: K, disableHotkeys: H, createCommandContext: O } = P.current;
+      if (H || p.defaultPrevented || Qe(p.target)) return;
+      const k = Ze(D, p, K, O);
+      k && (k.binding.mode === "hold" ? d(k.command, k.binding, p) : (p.preventDefault(), $(k.command)));
+    }, M = (p) => {
+      m.release(p, P.current.direction) && x();
+    }, I = () => {
+      m.clear() && x();
+    }, A = () => {
+      document.hidden && I();
+    };
+    return document.addEventListener("keydown", u), document.addEventListener("keyup", M), window.addEventListener("blur", I), document.addEventListener("visibilitychange", A), () => {
+      document.removeEventListener("keydown", u), document.removeEventListener("keyup", M), window.removeEventListener("blur", I), document.removeEventListener("visibilitychange", A), m.clear();
+    };
+  }, [m]);
+  const S = { execute: N, canExecute: T, isActive: j, getAllCommands: B };
+  return /* @__PURE__ */ a(Te.Provider, { value: S, children: c });
+}, Q = () => {
+  const e = ye(Te);
   if (!e)
     throw new Error("useCommands must be used within a CommandProvider");
   return e;
 };
-function Ke(e) {
-  let o = "";
-  for (const a of new TextEncoder().encode(e))
-    o += String.fromCharCode(a);
-  return btoa(o);
+function tt(e) {
+  let t = "";
+  for (const o of new TextEncoder().encode(e))
+    t += String.fromCharCode(o);
+  return btoa(t);
 }
-function me(e) {
-  return { ext: "json", data: Ke(JSON.stringify(e, null, "	")) };
+function we(e) {
+  return { ext: "json", data: tt(JSON.stringify(e, null, "	")) };
 }
-function oo(e) {
-  const { pagesCount: o, pageSemantics: a } = e, r = (n) => {
-    const s = a?.indexToSemanticName(n) ?? "", i = a?.indexToTitle(n) ?? "";
-    return a ? { pageIndex: n, semanticName: s, title: i } : { pageIndex: n, semanticName: String(n + 1), title: `Page ${n + 1}` };
+function xt(e) {
+  const { pagesCount: t, pageSemantics: o } = e, n = (r) => {
+    const s = o?.indexToSemanticName(r) ?? "", i = o?.indexToTitle(r) ?? "";
+    return o ? { pageIndex: r, semanticName: s, title: i } : { pageIndex: r, semanticName: String(r + 1), title: `Page ${r + 1}` };
   };
   return {
     onDownloadSefer: () => {
-      const n = [];
-      for (let s = 0; s < o; s++) {
-        const i = r(s);
-        (i.semanticName || i.title) && n.push(i);
+      const r = [];
+      for (let s = 0; s < t; s++) {
+        const i = n(s);
+        (i.semanticName || i.title) && r.push(i);
       }
-      return Promise.resolve(me(n));
+      return Promise.resolve(we(r));
     },
-    onDownloadPageRange: (n) => Promise.resolve(me(n.map(r)))
+    onDownloadPageRange: (r) => Promise.resolve(we(r.map(n)))
   };
 }
-const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE__ */ t(
+const z = { size: 24 }, ot = ({ size: e = z.size, className: t }) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -244,11 +397,11 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: o,
+    className: t,
     "aria-hidden": "true",
-    children: /* @__PURE__ */ t("path", { d: "m15 18-6-6 6-6" })
+    children: /* @__PURE__ */ a("path", { d: "m15 18-6-6 6-6" })
   }
-), ze = ({ size: e = K.size, className: o }) => /* @__PURE__ */ t(
+), nt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -260,11 +413,11 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: o,
+    className: t,
     "aria-hidden": "true",
-    children: /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" })
+    children: /* @__PURE__ */ a("path", { d: "m9 18 6-6-6-6" })
   }
-), He = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), rt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -276,14 +429,14 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: o,
+    className: t,
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t("path", { d: "m17 18-6-6 6-6" }),
-      /* @__PURE__ */ t("path", { d: "M7 6v12" })
+      /* @__PURE__ */ a("path", { d: "m17 18-6-6 6-6" }),
+      /* @__PURE__ */ a("path", { d: "M7 6v12" })
     ]
   }
-), Oe = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), at = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -295,14 +448,14 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: o,
+    className: t,
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t("path", { d: "m7 18 6-6-6-6" }),
-      /* @__PURE__ */ t("path", { d: "M17 6v12" })
+      /* @__PURE__ */ a("path", { d: "m7 18 6-6-6-6" }),
+      /* @__PURE__ */ a("path", { d: "M17 6v12" })
     ]
   }
-), Ue = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), lt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -314,16 +467,16 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: o,
+    className: t,
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
-      /* @__PURE__ */ t("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
-      /* @__PURE__ */ t("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
-      /* @__PURE__ */ t("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+      /* @__PURE__ */ a("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+      /* @__PURE__ */ a("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
+      /* @__PURE__ */ a("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
+      /* @__PURE__ */ a("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
     ]
   }
-), We = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), st = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -335,19 +488,19 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: o,
+    className: t,
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
-      /* @__PURE__ */ t("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
-      /* @__PURE__ */ t("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
-      /* @__PURE__ */ t("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
+      /* @__PURE__ */ a("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
+      /* @__PURE__ */ a("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
+      /* @__PURE__ */ a("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
+      /* @__PURE__ */ a("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
     ]
   }
-), qe = ({
-  size: e = K.size,
-  className: o
-}) => /* @__PURE__ */ y(
+), it = ({
+  size: e = z.size,
+  className: t
+}) => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -359,18 +512,18 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: o,
+    className: t,
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t("path", { d: "M16 5H3" }),
-      /* @__PURE__ */ t("path", { d: "M16 12H3" }),
-      /* @__PURE__ */ t("path", { d: "M16 19H3" }),
-      /* @__PURE__ */ t("path", { d: "M21 5h.01" }),
-      /* @__PURE__ */ t("path", { d: "M21 12h.01" }),
-      /* @__PURE__ */ t("path", { d: "M21 19h.01" })
+      /* @__PURE__ */ a("path", { d: "M16 5H3" }),
+      /* @__PURE__ */ a("path", { d: "M16 12H3" }),
+      /* @__PURE__ */ a("path", { d: "M16 19H3" }),
+      /* @__PURE__ */ a("path", { d: "M21 5h.01" }),
+      /* @__PURE__ */ a("path", { d: "M21 12h.01" }),
+      /* @__PURE__ */ a("path", { d: "M21 19h.01" })
     ]
   }
-), to = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), kt = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -382,17 +535,17 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: o,
+    className: t,
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t("path", { d: "M3 21h18" }),
-      /* @__PURE__ */ t("rect", { x: "4", y: "7", width: "3", height: "14", rx: "0.5" }),
-      /* @__PURE__ */ t("rect", { x: "8", y: "5", width: "3", height: "16", rx: "0.5" }),
-      /* @__PURE__ */ t("rect", { x: "12", y: "9", width: "3", height: "12", rx: "0.5" }),
-      /* @__PURE__ */ t("rect", { x: "16", y: "6", width: "4", height: "15", rx: "0.5" })
+      /* @__PURE__ */ a("path", { d: "M3 21h18" }),
+      /* @__PURE__ */ a("rect", { x: "4", y: "7", width: "3", height: "14", rx: "0.5" }),
+      /* @__PURE__ */ a("rect", { x: "8", y: "5", width: "3", height: "16", rx: "0.5" }),
+      /* @__PURE__ */ a("rect", { x: "12", y: "9", width: "3", height: "12", rx: "0.5" }),
+      /* @__PURE__ */ a("rect", { x: "16", y: "6", width: "4", height: "15", rx: "0.5" })
     ]
   }
-), Je = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
+), ct = ({ size: e = z.size, className: t }) => /* @__PURE__ */ E(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -404,62 +557,62 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: o,
+    className: t,
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-      /* @__PURE__ */ t("polyline", { points: "7 10 12 15 17 10" }),
-      /* @__PURE__ */ t("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+      /* @__PURE__ */ a("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+      /* @__PURE__ */ a("polyline", { points: "7 10 12 15 17 10" }),
+      /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
     ]
   }
-), A = ({
+), q = ({
   onClick: e,
-  ariaLabel: o,
-  ariaPressed: a,
-  disabled: r = !1,
-  children: n,
+  ariaLabel: t,
+  ariaPressed: o,
+  disabled: n = !1,
+  children: r,
   className: s = "",
   title: i
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ a(
   "button",
   {
     type: "button",
     onClick: e,
-    "aria-label": o,
-    "aria-pressed": a,
-    disabled: r,
-    title: i ?? o,
+    "aria-label": t,
+    "aria-pressed": o,
+    disabled: n,
+    title: i ?? t,
     className: `flipbook-toolbar-button ${s}`.trim(),
-    children: n
+    children: r
   }
-), no = ({
+), vt = ({
   onClick: e,
-  ariaLabel: o,
-  children: a,
-  disabled: r = !1,
-  className: n
-}) => /* @__PURE__ */ t(
-  A,
+  ariaLabel: t,
+  children: o,
+  disabled: n = !1,
+  className: r
+}) => /* @__PURE__ */ a(
+  q,
   {
     onClick: e,
-    ariaLabel: o,
-    disabled: r,
-    className: `flipbook-toolbar-action ${n ?? ""}`.trim(),
-    children: a
+    ariaLabel: t,
+    disabled: n,
+    className: `flipbook-toolbar-action ${r ?? ""}`.trim(),
+    children: o
   }
-), ao = ({
+), yt = ({
   enabled: e,
-  onChange: o,
-  ariaLabel: a,
-  className: r
-}) => /* @__PURE__ */ t(
-  A,
+  onChange: t,
+  ariaLabel: o,
+  className: n
+}) => /* @__PURE__ */ a(
+  q,
   {
-    onClick: () => o(!e),
-    ariaLabel: a ?? (e ? "Hide bookmarks" : "Show bookmarks"),
+    onClick: () => t(!e),
+    ariaLabel: o ?? (e ? "Hide bookmarks" : "Show bookmarks"),
     ariaPressed: e,
-    className: `flipbook-toolbar-bookmarks ${r ?? ""}`.trim(),
-    children: /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 20 20", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ t(
+    className: `flipbook-toolbar-bookmarks ${n ?? ""}`.trim(),
+    children: /* @__PURE__ */ a("svg", { width: "18", height: "18", viewBox: "0 0 20 20", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ a(
       "path",
       {
         d: "M5 2.5h10v15l-5-3-5 3z",
@@ -470,7 +623,7 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
       }
     ) })
   }
-), Ve = {
+), dt = {
   align: "left",
   direction: "ltr",
   translations: {
@@ -491,9 +644,12 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     "command.toggleDebugDesc": "Show or hide the debug toolbar (Ctrl+Alt+D)",
     "toolbarItem.goToPage": "Go to page",
     "toolbarItem.selectText": "Select text with mouse",
-    "toolbarItem.selectionLetters": "Aa"
+    "toolbarItem.selectionLetters": "Aa",
+    "toolbarItem.enterFullscreen": "Enter fullscreen",
+    "toolbarItem.exitFullscreen": "Exit fullscreen",
+    "toolbarItem.fullscreenUnsupported": "Fullscreen is not supported by this browser"
   }
-}, Ge = {
+}, ut = {
   align: "right",
   direction: "rtl",
   translations: {
@@ -514,12 +670,15 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
     "command.toggleDebugDesc": "הצג או הסתר סרגל הדיבוג (Ctrl+Alt+D)",
     "toolbarItem.goToPage": "מעבר לעמוד",
     "toolbarItem.selectText": "בחירת טקסט עם העכבר",
-    "toolbarItem.selectionLetters": "אב"
+    "toolbarItem.selectionLetters": "אב",
+    "toolbarItem.enterFullscreen": "כניסה למסך מלא",
+    "toolbarItem.exitFullscreen": "יציאה ממסך מלא",
+    "toolbarItem.fullscreenUnsupported": "מסך מלא אינו נתמך בדפדפן זה"
   }
-}, le = {
-  "en-US": Ve,
-  "he-IL": Ge
-}, se = "en-US", _e = {
+}, de = {
+  "en-US": dt,
+  "he-IL": ut
+}, me = "en-US", mt = {
   "toolbarItem.download": "Download",
   "toolbarItem.downloadPageRange": "Download page range…",
   "toolbarItem.download.from": "From",
@@ -535,460 +694,490 @@ const K = { size: 24 }, Ae = ({ size: e = K.size, className: o }) => /* @__PURE_
   "command.toggleFullscreenDesc": "Enter or exit fullscreen mode",
   "command.toggleDebug": "Toggle debug toolbar",
   "command.toggleDebugDesc": "Show or hide the debug toolbar (Ctrl+Alt+D)",
-  "toolbarItem.goToPage": "Go to page"
+  "toolbarItem.goToPage": "Go to page",
+  "toolbarItem.enterFullscreen": "Enter fullscreen",
+  "toolbarItem.exitFullscreen": "Exit fullscreen",
+  "toolbarItem.fullscreenUnsupported": "Fullscreen is not supported by this browser"
 };
-function we(e) {
-  return le[e] ?? le[se];
+function Ie(e) {
+  return de[e] ?? de[me];
 }
-function ie(e) {
-  return we(e).direction === "rtl";
+function ue(e) {
+  return Ie(e).direction === "rtl";
 }
-function Xe(e) {
-  return ie(e) ? "rtl" : "ltr";
+function gt(e) {
+  return ue(e) ? "rtl" : "ltr";
 }
-function E(e, o) {
-  const a = we(o).translations[e];
-  if (a !== void 0 && a !== "") return a;
-  const r = le[se].translations[e];
-  return r !== void 0 && r !== "" ? r : _e[e] ?? e;
+function C(e, t) {
+  const o = Ie(t).translations[e];
+  if (o !== void 0 && o !== "") return o;
+  const n = de[me].translations[e];
+  return n !== void 0 && n !== "" ? n : mt[e] ?? e;
 }
-const xe = pe(null);
-function z() {
-  const e = fe(xe);
+const De = ve(null);
+function W() {
+  const e = ye(De);
   if (!e)
     throw new Error("Toolbar components must be used within a Toolbar");
   return e;
 }
-function ge(e) {
+function xe(e) {
   return e.replace(/[׳'״"]/g, "");
 }
-function he(e, o) {
+function ke(e, t) {
   try {
-    const a = atob(e.data), r = new Uint8Array(a.length);
-    for (let c = 0; c < a.length; c++)
-      r[c] = a.charCodeAt(c);
-    const n = new Blob([r]), s = URL.createObjectURL(n), i = document.createElement("a");
-    i.href = s, i.download = `${o}.${e.ext}`, i.click(), URL.revokeObjectURL(s);
-  } catch (a) {
-    console.error("Download failed:", a);
+    const o = atob(e.data), n = new Uint8Array(o.length);
+    for (let c = 0; c < o.length; c++)
+      n[c] = o.charCodeAt(c);
+    const r = new Blob([n]), s = URL.createObjectURL(r), i = document.createElement("a");
+    i.href = s, i.download = `${t}.${e.ext}`, i.click(), URL.revokeObjectURL(s);
+  } catch (o) {
+    console.error("Download failed:", o);
   }
 }
-function Qe(e, o) {
-  const a = [];
-  for (let r = 0; r < e; r++) {
-    const n = o?.indexToSemanticName(r) ?? "", s = o?.indexToTitle(r) ?? "";
-    if (!n && !s) {
-      o || a.push({ pageIndex: r, semanticName: String(r + 1), title: `Page ${r + 1}` });
+function ft(e, t) {
+  const o = [];
+  for (let n = 0; n < e; n++) {
+    const r = t?.indexToSemanticName(n) ?? "", s = t?.indexToTitle(n) ?? "";
+    if (!r && !s) {
+      t || o.push({ pageIndex: n, semanticName: String(n + 1), title: `Page ${n + 1}` });
       continue;
     }
-    a.push({
-      pageIndex: r,
-      semanticName: n || String(r + 1),
-      title: s || n
+    o.push({
+      pageIndex: n,
+      semanticName: r || String(n + 1),
+      title: s || r
     });
   }
-  return a;
+  return o;
 }
-const ro = ({
+const Pt = ({
   ariaLabel: e = "Download",
-  className: o
+  className: t
 }) => {
   const {
-    totalPages: a,
-    pageSemantics: r,
-    locale: n,
+    totalPages: o,
+    pageSemantics: n,
+    locale: r,
     openDownloadMenuRef: s,
     downloadExecutorRef: i,
     flipBookRef: c
-  } = z(), h = c.current?.getDownloadConfig?.() ?? void 0, [b, g] = D(!1);
-  W(() => (s.current = () => g(!0), () => {
+  } = W(), m = c.current?.getDownloadConfig?.() ?? void 0, [x, g] = F(!1);
+  U(() => (s.current = () => g(!0), () => {
     s.current = null;
   }), [s]);
-  const [C, N] = D("entire"), [T, I] = D(0), [d, u] = D(0), [w, F] = D(null), [M, V] = D(!1), S = _(null), H = _(null), j = ee(
-    () => Qe(a, r),
-    [a, r]
-  ), $ = !!h?.onDownloadSefer, R = !!h?.onDownloadPageRange, G = $ || R, O = j[0]?.pageIndex ?? 0, q = j[j.length - 1]?.pageIndex ?? 0;
-  W(() => {
-    b && (N($ ? "entire" : "range"), I(O), u(q));
-  }, [b, $, O, q]);
-  const L = P(() => {
+  const [h, N] = F("entire"), [T, j] = F(0), [B, P] = F(0), [S, d] = F(null), [u, M] = F(!1), I = J(null), A = J(null), p = Pe(
+    () => ft(o, n),
+    [o, n]
+  ), D = !!m?.onDownloadSefer, $ = !!m?.onDownloadPageRange, K = D || $, H = p[0]?.pageIndex ?? 0, O = p[p.length - 1]?.pageIndex ?? 0;
+  U(() => {
+    x && (N(D ? "entire" : "range"), j(H), P(O));
+  }, [x, D, H, O]);
+  const k = L(() => {
     g(!1);
   }, []);
-  Pe(() => {
-    if (!b || !H.current || !S.current) return;
-    const l = H.current, x = S.current.querySelector(".flipbook-toolbar-download-trigger"), v = () => {
-      const p = x?.getBoundingClientRect();
-      if (!p) return;
-      const B = 8, U = 6, Y = window.innerHeight - p.bottom - U - B, ce = p.top - U - B, de = Math.min(l.scrollHeight, window.innerHeight * 0.7, 480), Z = Y < de && ce > Y;
-      l.style.maxHeight = `${Math.max(0, Math.min(de, Z ? ce : Y))}px`;
-      const Q = l.getBoundingClientRect(), ke = ie(n) ? p.left : p.right - Q.width;
-      l.style.left = `${Math.max(B, Math.min(ke, window.innerWidth - Q.width - B))}px`;
-      const ve = Z ? p.top - U - Q.height : p.bottom + U;
-      l.style.top = `${Math.max(B, Math.min(ve, window.innerHeight - Q.height - B))}px`, V(Z);
+  Ne(() => {
+    if (!x || !A.current || !I.current) return;
+    const l = A.current, b = I.current.querySelector(".flipbook-toolbar-download-trigger"), y = () => {
+      const w = b?.getBoundingClientRect();
+      if (!w) return;
+      const R = 8, V = 6, te = window.innerHeight - w.bottom - V - R, ge = w.top - V - R, fe = Math.min(l.scrollHeight, window.innerHeight * 0.7, 480), oe = te < fe && ge > te;
+      l.style.maxHeight = `${Math.max(0, Math.min(fe, oe ? ge : te))}px`;
+      const Z = l.getBoundingClientRect(), Ee = ue(r) ? w.left : w.right - Z.width;
+      l.style.left = `${Math.max(R, Math.min(Ee, window.innerWidth - Z.width - R))}px`;
+      const Le = oe ? w.top - V - Z.height : w.bottom + V;
+      l.style.top = `${Math.max(R, Math.min(Le, window.innerHeight - Z.height - R))}px`, M(oe);
     };
-    v();
-    const m = new ResizeObserver(v);
-    m.observe(l);
-    const f = S.current.closest('[role="toolbar"]');
-    return f && m.observe(f), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0), () => {
-      m.disconnect(), window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
+    y();
+    const f = new ResizeObserver(y);
+    f.observe(l);
+    const v = I.current.closest('[role="toolbar"]');
+    return v && f.observe(v), window.addEventListener("resize", y), window.addEventListener("scroll", y, !0), () => {
+      f.disconnect(), window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0);
     };
-  }, [b, n]), W(() => {
-    if (!b) return;
-    const l = (x) => {
-      S.current && !S.current.contains(x.target) && L();
+  }, [x, r]), U(() => {
+    if (!x) return;
+    const l = (b) => {
+      I.current && !I.current.contains(b.target) && k();
     };
     return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
-  }, [b, L]);
-  const k = P(async () => {
+  }, [x, k]);
+  const G = L(async () => {
     const l = c.current?.getDownloadConfig?.();
     if (l?.onDownloadSefer) {
-      F("sefer");
+      d("sefer");
       try {
-        const x = await l.onDownloadSefer();
-        x && he(x, l.entireBookFilename ?? "book"), L();
+        const b = await l.onDownloadSefer();
+        b && ke(b, l.entireBookFilename ?? "book"), k();
       } finally {
-        F(null);
+        d(null);
       }
     }
-  }, [c, L]), J = P(
-    async (l, x) => {
-      const v = c.current?.getDownloadConfig?.();
-      if (!v?.onDownloadPageRange) return;
-      const m = [], f = [];
-      for (let p = l; p <= x; p++) {
-        m.push(p);
-        const B = j.find((U) => U.pageIndex === p);
-        B && f.push(B);
+  }, [c, k]), _ = L(
+    async (l, b) => {
+      const y = c.current?.getDownloadConfig?.();
+      if (!y?.onDownloadPageRange) return;
+      const f = [], v = [];
+      for (let w = l; w <= b; w++) {
+        f.push(w);
+        const R = p.find((V) => V.pageIndex === w);
+        R && v.push(R);
       }
-      F("range");
+      d("range");
       try {
-        const p = await v.onDownloadPageRange(
-          m,
+        const w = await y.onDownloadPageRange(
           f,
-          v.downloadContext
+          v,
+          y.downloadContext
         );
-        if (p) {
-          const B = ge(f[0]?.semanticName ?? String(l)), U = ge(
-            f[f.length - 1]?.semanticName ?? String(x)
+        if (w) {
+          const R = xe(v[0]?.semanticName ?? String(l)), V = xe(
+            v[v.length - 1]?.semanticName ?? String(b)
           );
-          he(p, `${v.rangeFilename ?? "pages"}-${B}-${U}`);
+          ke(w, `${y.rangeFilename ?? "pages"}-${R}-${V}`);
         }
-        L();
+        k();
       } finally {
-        F(null);
+        d(null);
       }
     },
-    [c, j, L]
+    [c, p, k]
   );
-  return W(() => (i.current = (l, x) => {
-    l === void 0 && x === void 0 ? k() : l !== void 0 && x !== void 0 && J(l, x);
+  return U(() => (i.current = (l, b) => {
+    l === void 0 && b === void 0 ? G() : l !== void 0 && b !== void 0 && _(l, b);
   }, () => {
     i.current = null;
-  }), [i, k, J]), G ? /* @__PURE__ */ y("div", { className: `flipbook-toolbar-download-wrap ${o ?? ""}`.trim(), ref: S, children: [
-    /* @__PURE__ */ t(
+  }), [i, G, _]), K ? /* @__PURE__ */ E("div", { className: `flipbook-toolbar-download-wrap ${t ?? ""}`.trim(), ref: I, children: [
+    /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         className: "flipbook-toolbar-button flipbook-toolbar-download-trigger",
         onClick: () => g((l) => !l),
-        "aria-label": e ?? E("toolbarItem.download", n),
-        "aria-expanded": b,
+        "aria-label": e ?? C("toolbarItem.download", r),
+        "aria-expanded": x,
         "aria-haspopup": "true",
-        disabled: w !== null,
-        children: /* @__PURE__ */ t(Je, { size: 18 })
+        disabled: S !== null,
+        children: /* @__PURE__ */ a(ct, { size: 18 })
       }
     ),
-    b && /* @__PURE__ */ y(
+    x && /* @__PURE__ */ E(
       "div",
       {
-        ref: H,
-        className: `flipbook-toolbar-download-menu ${M ? "flipbook-toolbar-download-menu--open-up" : ""}`.trim(),
+        ref: A,
+        className: `flipbook-toolbar-download-menu ${u ? "flipbook-toolbar-download-menu--open-up" : ""}`.trim(),
         role: "menu",
-        dir: ie(n) ? "rtl" : "ltr",
+        dir: ue(r) ? "rtl" : "ltr",
         children: [
-          /* @__PURE__ */ y(
+          /* @__PURE__ */ E(
             "fieldset",
             {
               className: "flipbook-toolbar-download-mode",
-              "aria-label": E("toolbarItem.download", n),
+              "aria-label": C("toolbarItem.download", r),
               children: [
-                $ && /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-radio-label", children: [
-                  /* @__PURE__ */ t(
+                D && /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                  /* @__PURE__ */ a(
                     "input",
                     {
                       type: "radio",
                       name: "download-mode",
                       className: "flipbook-toolbar-download-radio",
-                      checked: C === "entire",
+                      checked: h === "entire",
                       onChange: () => N("entire")
                     }
                   ),
-                  /* @__PURE__ */ t("span", { children: E("command.downloadEntireBook", n) })
+                  /* @__PURE__ */ a("span", { children: C("command.downloadEntireBook", r) })
                 ] }),
-                R && /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-radio-label", children: [
-                  /* @__PURE__ */ t(
+                $ && /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                  /* @__PURE__ */ a(
                     "input",
                     {
                       type: "radio",
                       name: "download-mode",
                       className: "flipbook-toolbar-download-radio",
-                      checked: C === "range",
+                      checked: h === "range",
                       onChange: () => N("range")
                     }
                   ),
-                  /* @__PURE__ */ t("span", { children: E("toolbarItem.downloadPageRange", n) })
+                  /* @__PURE__ */ a("span", { children: C("toolbarItem.downloadPageRange", r) })
                 ] })
               ]
             }
           ),
-          C === "range" && /* @__PURE__ */ y("div", { className: "flipbook-toolbar-download-range", children: [
-            /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-range-label", children: [
-              E("toolbarItem.download.from", n),
-              /* @__PURE__ */ t(
+          h === "range" && /* @__PURE__ */ E("div", { className: "flipbook-toolbar-download-range", children: [
+            /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-range-label", children: [
+              C("toolbarItem.download.from", r),
+              /* @__PURE__ */ a(
                 "select",
                 {
                   value: T,
-                  onChange: (l) => I(Number(l.target.value)),
+                  onChange: (l) => j(Number(l.target.value)),
                   className: "flipbook-toolbar-download-range-select",
-                  children: j.map((l) => /* @__PURE__ */ t("option", { value: l.pageIndex, children: l.semanticName || l.title || `Page ${l.pageIndex + 1}` }, l.pageIndex))
+                  children: p.map((l) => /* @__PURE__ */ a("option", { value: l.pageIndex, children: l.semanticName || l.title || `Page ${l.pageIndex + 1}` }, l.pageIndex))
                 }
               )
             ] }),
-            /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-range-label", children: [
-              E("toolbarItem.download.to", n),
-              /* @__PURE__ */ t(
+            /* @__PURE__ */ E("label", { className: "flipbook-toolbar-download-range-label", children: [
+              C("toolbarItem.download.to", r),
+              /* @__PURE__ */ a(
                 "select",
                 {
-                  value: d,
-                  onChange: (l) => u(Number(l.target.value)),
+                  value: B,
+                  onChange: (l) => P(Number(l.target.value)),
                   className: "flipbook-toolbar-download-range-select",
-                  children: j.map((l) => /* @__PURE__ */ t("option", { value: l.pageIndex, children: l.semanticName || l.title || `Page ${l.pageIndex + 1}` }, l.pageIndex))
+                  children: p.map((l) => /* @__PURE__ */ a("option", { value: l.pageIndex, children: l.semanticName || l.title || `Page ${l.pageIndex + 1}` }, l.pageIndex))
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               role: "menuitem",
               className: "flipbook-toolbar-download-menuitem flipbook-toolbar-download-primary",
               onClick: () => {
-                if (C === "entire")
-                  k();
+                if (h === "entire")
+                  G();
                 else {
-                  const l = c.current?.getTotalPages?.() ?? a, x = Math.min(T, d);
-                  let v = Math.max(T, d);
-                  if (l > 0 && v >= l && (v = l - 1), v < x) return;
-                  J(x, v);
+                  const l = c.current?.getTotalPages?.() ?? o, b = Math.min(T, B);
+                  let y = Math.max(T, B);
+                  if (l > 0 && y >= l && (y = l - 1), y < b) return;
+                  _(b, y);
                 }
               },
-              disabled: w !== null,
-              children: w === "sefer" || w === "range" ? "…" : E("toolbarItem.download.download", n)
+              disabled: S !== null,
+              children: S === "sefer" || S === "range" ? "…" : C("toolbarItem.download.download", r)
             }
           )
         ]
       }
     )
   ] }) : null;
-}, lo = ({ children: e, className: o }) => {
-  const { locale: a } = z(), { execute: r, canExecute: n } = X(), s = () => {
-    r(ne);
-  }, i = /* @__PURE__ */ t(He, { size: 18 }), c = E("command.jumpToFirstPage", a);
-  return /* @__PURE__ */ t(
-    A,
+}, Ct = ({ children: e, className: t }) => {
+  const { locale: o } = W(), { execute: n, canExecute: r } = Q(), s = () => {
+    n(ae);
+  }, i = /* @__PURE__ */ a(rt, { size: 18 }), c = C("command.jumpToFirstPage", o);
+  return /* @__PURE__ */ a(
+    q,
     {
       onClick: s,
       ariaLabel: c,
       title: c,
-      disabled: !n(ne),
-      className: `flipbook-toolbar-first ${o ?? ""}`.trim(),
+      disabled: !r(ae),
+      className: `flipbook-toolbar-first ${t ?? ""}`.trim(),
       children: e ?? i
     }
   );
-}, io = ({
+}, Tt = ({
   targetRef: e,
-  enterIcon: o,
-  exitIcon: a,
-  ariaLabelEnter: r = "Enter fullscreen",
-  ariaLabelExit: n = "Exit fullscreen",
-  className: s
+  enterIcon: t,
+  exitIcon: o,
+  ariaLabelEnter: n,
+  ariaLabelExit: r,
+  unsupportedBehavior: s = "hide",
+  className: i
 }) => {
-  const [i, c] = D(!1), h = z(), b = e ?? h.fullscreenTargetRef, g = P(() => {
-    c(!!document.fullscreenElement);
-  }, []);
-  W(() => (document.addEventListener("fullscreenchange", g), () => {
-    document.removeEventListener("fullscreenchange", g);
-  }), [g]);
-  const C = async () => {
-    try {
-      i ? await document.exitFullscreen() : await (b?.current ?? document.documentElement).requestFullscreen();
-    } catch (I) {
-      console.warn("Fullscreen request failed:", I);
-    }
-  }, N = i ? n : r, T = i ? a ?? /* @__PURE__ */ t(We, { size: 18 }) : o ?? /* @__PURE__ */ t(Ue, { size: 18 });
-  return /* @__PURE__ */ t(
-    A,
+  const c = W(), { execute: m, canExecute: x } = Q(), g = e ?? c.fullscreenTargetRef, [h, N] = F(!1), [T, j] = F(!1);
+  U(() => {
+    const d = () => {
+      N(ie() !== null), j(ce(g?.current));
+    };
+    d();
+    for (const u of pe)
+      document.addEventListener(u, d);
+    return () => {
+      for (const u of pe)
+        document.removeEventListener(u, d);
+    };
+  }, [g]);
+  const B = () => {
+    e ? m(Y, {
+      getFullscreenTarget: () => e.current ?? null
+    }) : m(Y);
+  };
+  if (!T && s === "hide") return null;
+  const P = h ? r ?? C("toolbarItem.exitFullscreen", c.locale) : n ?? C("toolbarItem.enterFullscreen", c.locale), S = h ? o ?? /* @__PURE__ */ a(st, { size: 18 }) : t ?? /* @__PURE__ */ a(lt, { size: 18 });
+  return /* @__PURE__ */ a(
+    q,
     {
-      onClick: C,
-      ariaLabel: N,
-      className: `flipbook-toolbar-fullscreen ${i ? "flipbook-toolbar-fullscreen--active" : ""} ${s ?? ""}`.trim(),
-      children: T
+      onClick: B,
+      ariaLabel: P,
+      ariaPressed: h,
+      disabled: !T || !x(Y),
+      title: T ? P : C("toolbarItem.fullscreenUnsupported", c.locale),
+      className: `flipbook-toolbar-fullscreen ${h ? "flipbook-toolbar-fullscreen--active" : ""} ${i ?? ""}`.trim(),
+      children: S
     }
   );
-}, so = ({ children: e, className: o }) => {
-  const { locale: a } = z(), { execute: r, canExecute: n } = X(), s = () => {
-    r(ae);
-  }, i = /* @__PURE__ */ t(Oe, { size: 18 }), c = E("command.jumpToLastPage", a);
-  return /* @__PURE__ */ t(
-    A,
+}, It = ({ children: e, className: t }) => {
+  const { locale: o } = W(), { execute: n, canExecute: r } = Q(), s = () => {
+    n(le);
+  }, i = /* @__PURE__ */ a(at, { size: 18 }), c = C("command.jumpToLastPage", o);
+  return /* @__PURE__ */ a(
+    q,
     {
       onClick: s,
       ariaLabel: c,
       title: c,
-      disabled: !n(ae),
-      className: `flipbook-toolbar-last ${o ?? ""}`.trim(),
+      disabled: !r(le),
+      className: `flipbook-toolbar-last ${t ?? ""}`.trim(),
       children: e ?? i
     }
   );
-}, co = ({
+}, ht = ({
+  command: e,
+  ariaLabel: t,
+  children: o,
+  disabled: n = !1,
+  className: r
+}) => {
+  const { execute: s, canExecute: i, isActive: c } = Q();
+  return /* @__PURE__ */ a(
+    q,
+    {
+      onClick: () => s(e),
+      ariaLabel: t,
+      ariaPressed: c(e),
+      disabled: n || !i(e),
+      className: r,
+      children: o
+    }
+  );
+}, Dt = ({
   letters: e,
-  ariaLabel: o,
-  className: a
+  ariaLabel: t,
+  className: o
 }) => {
-  const { flipBookRef: r, locale: n, mouseMode: s } = z(), i = o ?? E("toolbarItem.selectText", n);
-  return /* @__PURE__ */ t(
-    A,
+  const { locale: n } = W(), r = t ?? C("toolbarItem.selectText", n);
+  return /* @__PURE__ */ a(
+    ht,
     {
-      onClick: () => {
-        r.current?.setMouseMode(s === "turn" ? "select" : "turn"), window.getSelection()?.removeAllRanges();
-      },
-      ariaLabel: i,
-      ariaPressed: s === "select",
-      className: `flipbook-toolbar-mouse-mode ${a ?? ""}`.trim(),
-      children: /* @__PURE__ */ y("span", { className: "flipbook-toolbar-mouse-mode-icon", "aria-hidden": "true", children: [
-        /* @__PURE__ */ t("span", { className: "flipbook-toolbar-mouse-mode-caret" }),
-        /* @__PURE__ */ t("span", { children: e ?? E("toolbarItem.selectionLetters", n) })
+      command: ee,
+      ariaLabel: r,
+      className: `flipbook-toolbar-mouse-mode ${o ?? ""}`.trim(),
+      children: /* @__PURE__ */ E("span", { className: "flipbook-toolbar-mouse-mode-icon", "aria-hidden": "true", children: [
+        /* @__PURE__ */ a("span", { className: "flipbook-toolbar-mouse-mode-caret" }),
+        /* @__PURE__ */ a("span", { children: e ?? C("toolbarItem.selectionLetters", n) })
       ] })
     }
   );
-}, uo = ({ children: e, className: o }) => {
-  const { locale: a } = z(), { execute: r, canExecute: n } = X(), s = () => {
-    r(oe);
-  }, i = E("command.jumpToNextPage", a), c = /* @__PURE__ */ t(ze, { size: 20 });
-  return /* @__PURE__ */ t(
-    A,
+}, Et = ({ children: e, className: t }) => {
+  const { locale: o } = W(), { execute: n, canExecute: r } = Q(), s = () => {
+    n(ne);
+  }, i = C("command.jumpToNextPage", o), c = /* @__PURE__ */ a(nt, { size: 20 });
+  return /* @__PURE__ */ a(
+    q,
     {
       onClick: s,
       ariaLabel: i,
       title: i,
-      disabled: !n(oe),
-      className: `flipbook-toolbar-next ${o ?? ""}`.trim(),
+      disabled: !r(ne),
+      className: `flipbook-toolbar-next ${t ?? ""}`.trim(),
       children: e ?? c
     }
   );
-}, mo = ({
+}, Lt = ({
   mode: e,
-  showTotal: o = !0,
-  placeholder: a = "—",
-  editable: r,
-  className: n,
+  showTotal: t = !0,
+  placeholder: o = "—",
+  editable: n,
+  className: r,
   ariaLabel: s = "Go to page",
   maxLength: i = 10
 }) => {
-  const { flipBookRef: c, pageSemantics: h, direction: b, currentPage: g, totalPages: C, of: N } = z(), T = e ?? (h ? "semantic" : "index"), I = r ?? (T === "semantic" && !!h), [d, u] = D(""), [w, F] = D(!1), M = _(!1), V = _(g), S = g, H = g + 1 < C ? g + 1 : null, j = P(
-    (m) => T === "semantic" && h ? h.indexToSemanticName(m) || "" : String(m + 1),
-    [T, h]
-  ), $ = j(S), R = H != null ? j(H) : "", G = P(() => String(N), [N]), O = P(() => {
-    const m = $, f = R;
-    let p;
-    return !m && !f ? p = a : m ? f ? m === f ? p = m : p = `${m} - ${f}` : p = m : p = f, o ? `${p} / ${G()}` : p;
-  }, [$, R, a, o, G]), q = b === "rtl" ? R || $ : $ || R, L = O();
-  W(() => {
-    const m = g !== V.current;
-    V.current = g, m && (M.current = !1), !w && !M.current && u(L);
-  }, [L, w, g]);
-  const k = P(
-    (m) => {
-      if (I) {
-        F(!0), u(q), M.current = !1;
-        const f = () => m.target.select();
-        typeof requestAnimationFrame < "u" ? requestAnimationFrame(f) : f();
+  const { flipBookRef: c, pageSemantics: m, direction: x, currentPage: g, totalPages: h, of: N } = W(), T = e ?? (m ? "semantic" : "index"), j = n ?? (T === "semantic" && !!m), [B, P] = F(""), [S, d] = F(!1), u = J(!1), M = J(g), I = g, A = g + 1 < h ? g + 1 : null, p = L(
+    (f) => T === "semantic" && m ? m.indexToSemanticName(f) || "" : String(f + 1),
+    [T, m]
+  ), D = p(I), $ = A != null ? p(A) : "", K = L(() => String(N), [N]), H = L(() => {
+    const f = D, v = $;
+    let w;
+    return !f && !v ? w = o : f ? v ? f === v ? w = f : w = `${f} - ${v}` : w = f : w = v, t ? `${w} / ${K()}` : w;
+  }, [D, $, o, t, K]), O = x === "rtl" ? $ || D : D || $, k = H();
+  U(() => {
+    const f = g !== M.current;
+    M.current = g, f && (u.current = !1), !S && !u.current && P(k);
+  }, [k, S, g]);
+  const G = L(
+    (f) => {
+      if (j) {
+        d(!0), P(O), u.current = !1;
+        const v = () => f.target.select();
+        typeof requestAnimationFrame < "u" ? requestAnimationFrame(v) : v();
       }
     },
-    [I, q]
-  ), J = P(() => {
-    F(!1), M.current || u(L);
-  }, [L]), l = P(
-    (m) => {
-      if (m.key === "Enter") {
-        if (h && d.trim()) {
-          const f = h.semanticNameToIndex(d.trim());
-          f != null && f >= 0 && f < C && (c.current?.jumpToPage(f), M.current = !0);
+    [j, O]
+  ), _ = L(() => {
+    d(!1), u.current || P(k);
+  }, [k]), l = L(
+    (f) => {
+      if (f.key === "Enter") {
+        if (m && B.trim()) {
+          const v = m.semanticNameToIndex(B.trim());
+          v != null && v >= 0 && v < h && (c.current?.jumpToPage(v), u.current = !0);
         }
-        m.currentTarget.blur();
-      } else m.key === "Escape" && m.currentTarget.blur();
+        f.currentTarget.blur();
+      } else f.key === "Escape" && f.currentTarget.blur();
     },
-    [d, h, C, c]
-  ), x = P((m) => {
-    u(m.target.value);
+    [B, m, h, c]
+  ), b = L((f) => {
+    P(f.target.value);
   }, []);
-  return I ? /* @__PURE__ */ t(
+  return j ? /* @__PURE__ */ a(
     "input",
     {
       type: "text",
-      className: `flipbook-toolbar-indicator ${w ? "flipbook-toolbar-indicator--editing" : ""} ${n ?? ""}`.trim(),
-      value: d,
-      onFocus: k,
-      onBlur: J,
+      className: `flipbook-toolbar-indicator ${S ? "flipbook-toolbar-indicator--editing" : ""} ${r ?? ""}`.trim(),
+      value: B,
+      onFocus: G,
+      onBlur: _,
       onKeyDown: l,
-      onChange: x,
+      onChange: b,
       "aria-label": s,
       "aria-live": "polite",
       "aria-atomic": "true",
       maxLength: i,
-      readOnly: !I
+      readOnly: !j
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ a(
     "span",
     {
-      className: `flipbook-toolbar-indicator ${n ?? ""}`.trim(),
+      className: `flipbook-toolbar-indicator ${r ?? ""}`.trim(),
       "aria-live": "polite",
       "aria-atomic": "true",
-      children: L
+      children: k
     }
   );
-}, go = ({ children: e, className: o }) => {
-  const { locale: a } = z(), { execute: r, canExecute: n } = X(), s = () => {
-    r(te);
-  }, i = E("command.jumpToPrevPage", a), c = /* @__PURE__ */ t(Ae, { size: 20 });
-  return /* @__PURE__ */ t(
-    A,
+}, Ft = ({ children: e, className: t }) => {
+  const { locale: o } = W(), { execute: n, canExecute: r } = Q(), s = () => {
+    n(re);
+  }, i = C("command.jumpToPrevPage", o), c = /* @__PURE__ */ a(ot, { size: 20 });
+  return /* @__PURE__ */ a(
+    q,
     {
       onClick: s,
       ariaLabel: i,
       title: i,
-      disabled: !n(te),
-      className: `flipbook-toolbar-prev ${o ?? ""}`.trim(),
+      disabled: !r(re),
+      className: `flipbook-toolbar-prev ${t ?? ""}`.trim(),
       children: e ?? c
     }
   );
-}, ho = ({ children: e, ariaLabel: o, className: a }) => {
-  const { locale: r } = z(), { execute: n, canExecute: s } = X(), i = o ?? E("command.jumpToToc", r), c = () => {
-    n(re);
-  }, h = !s(re);
-  return /* @__PURE__ */ t(
-    A,
+}, Nt = ({ children: e, ariaLabel: t, className: o }) => {
+  const { locale: n } = W(), { execute: r, canExecute: s } = Q(), i = t ?? C("command.jumpToToc", n), c = () => {
+    r(se);
+  }, m = !s(se);
+  return /* @__PURE__ */ a(
+    q,
     {
       onClick: c,
       ariaLabel: i,
-      disabled: h,
-      className: `flipbook-toolbar-toc ${a ?? ""}`.trim(),
-      children: e ?? /* @__PURE__ */ t(qe, { size: 18 })
+      disabled: m,
+      className: `flipbook-toolbar-toc ${o ?? ""}`.trim(),
+      children: e ?? /* @__PURE__ */ a(it, { size: 18 })
     }
   );
-}, Ye = {
+}, pt = {
   id: "openDownloadMenu",
   enName: "Open download menu",
   enDescription: "Open the download menu",
@@ -998,23 +1187,23 @@ const ro = ({
     e.data?.open?.();
   },
   canExecute: (e) => typeof e.data?.open == "function"
-}, po = ({
+}, Mt = ({
   flipBookRef: e,
-  direction: o,
-  locale: a,
-  pageSemantics: r,
-  className: n = "",
+  direction: t,
+  locale: o,
+  pageSemantics: n,
+  className: r = "",
   children: s,
   enableHotkeys: i = !0,
   commands: c,
-  commandOptions: h,
-  fullscreenTargetRef: b
+  commandOptions: m,
+  fullscreenTargetRef: x
 }) => {
-  const g = o ?? Xe(a ?? se), C = a ?? (g === "rtl" ? "he-IL" : "en-US"), N = _(null), T = _(null), [I, d] = D(0), [u, w] = D(0), [F, M] = D(0), [V, S] = D(!0), [H, j] = D(!1), [$, R] = D("turn"), G = {
-    ...b ? {
+  const g = t ?? gt(o ?? me), h = o ?? (g === "rtl" ? "he-IL" : "en-US"), N = J(null), T = J(null), [j, B] = F(0), [P, S] = F(0), [d, u] = F(0), [M, I] = F(!0), [A, p] = F(!1), [D, $] = F("turn"), K = {
+    ...x ? {
       toggleFullscreen: {
         data: {
-          getFullscreenTarget: () => b.current ?? null
+          getFullscreenTarget: () => x.current ?? null
         }
       }
     } : {},
@@ -1023,41 +1212,48 @@ const ro = ({
     },
     download: {
       data: {
-        onDownload: (k, J) => T.current?.(k, J)
+        onDownload: (l, b) => T.current?.(l, b)
       }
-    },
-    ...h
-  }, O = P(() => {
-    const k = e.current;
-    k && (d(k.getCurrentPageIndex()), w(k.getTotalPages()), M(k.getOf()), S(k.isFirstPage()), j(k.isLastPage()), R(k.getMouseMode?.() ?? "turn"));
+    }
+  }, H = new Map(Object.entries(m ?? {}));
+  for (const [l, b] of Object.entries(K)) {
+    const y = H.get(l);
+    H.set(
+      l,
+      y ? { ...b, ...y, data: { ...b.data, ...y.data } } : b
+    );
+  }
+  const O = Object.fromEntries(H), k = L(() => {
+    const l = e.current;
+    l && (B(l.getCurrentPageIndex()), S(l.getTotalPages()), u(l.getOf()), I(l.isFirstPage()), p(l.isLastPage()), $(l.getMouseMode?.() ?? "turn"));
   }, [e]);
-  W(() => {
-    O();
-    const k = setInterval(O, 200);
-    return () => clearInterval(k);
-  }, [O]);
-  const q = /* @__PURE__ */ t(
-    xe.Provider,
+  U(() => {
+    k();
+    const l = setInterval(k, 200);
+    return () => clearInterval(l);
+  }, [k]);
+  const G = /* @__PURE__ */ a(
+    De.Provider,
     {
       value: {
         flipBookRef: e,
         direction: g,
-        locale: C,
-        pageSemantics: r,
-        currentPage: I,
-        totalPages: u,
-        of: F,
-        isFirstPage: V,
-        isLastPage: H,
-        mouseMode: $,
+        locale: h,
+        pageSemantics: n,
+        currentPage: j,
+        totalPages: P,
+        of: d,
+        isFirstPage: M,
+        isLastPage: A,
+        mouseMode: D,
         openDownloadMenuRef: N,
         downloadExecutorRef: T,
-        fullscreenTargetRef: b
+        fullscreenTargetRef: x
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ a(
         "div",
         {
-          className: `flipbook-toolbar ${g === "rtl" ? "flipbook-toolbar--rtl" : ""} ${n}`.trim(),
+          className: `flipbook-toolbar ${g === "rtl" ? "flipbook-toolbar--rtl" : ""} ${r}`.trim(),
           role: "toolbar",
           "aria-label": "FlipBook navigation",
           dir: g,
@@ -1065,56 +1261,63 @@ const ro = ({
         }
       )
     }
-  ), L = [Ye, ...c ?? []];
-  return /* @__PURE__ */ t(
-    Re,
+  ), _ = [pt, ...c ?? []];
+  return /* @__PURE__ */ a(
+    et,
     {
       flipBookRef: e,
-      currentPage: I,
-      totalPages: u,
+      currentPage: j,
+      totalPages: P,
       direction: g,
-      commands: L,
-      commandOptions: G,
+      commands: _,
+      commandOptions: O,
       disableHotkeys: !i,
-      children: q
+      children: G
     }
   );
 };
 export {
-  no as ActionButton,
-  ao as BookmarkToggleButton,
-  to as BookshelfIcon,
-  He as ChevronFirstIcon,
-  Oe as ChevronLastIcon,
-  Ae as ChevronLeftIcon,
-  ze as ChevronRightIcon,
-  ro as DownloadDropdown,
-  Je as DownloadIcon,
-  lo as FirstPageButton,
-  io as FullscreenButton,
-  so as LastPageButton,
-  Ue as MaximizeIcon,
-  We as MinimizeIcon,
-  co as MouseModeButton,
-  uo as NextButton,
-  mo as PageIndicator,
-  go as PrevButton,
-  mo as SemanticPageIndicator,
-  qe as TableOfContentsIcon,
-  ho as TocButton,
-  po as Toolbar,
-  A as ToolbarButton,
-  oo as createDefaultDownloadConfig,
-  $e as defaultCommands,
-  ye as downloadCommand,
-  oe as flipNextCommand,
-  te as flipPrevCommand,
-  ne as goToFirstCommand,
-  ae as goToLastCommand,
-  re as goToTocCommand,
-  Fe as toggleDebugCommand,
-  Me as toggleFullscreenCommand,
-  X as useCommands,
-  z as useToolbar
+  vt as ActionButton,
+  yt as BookmarkToggleButton,
+  kt as BookshelfIcon,
+  rt as ChevronFirstIcon,
+  at as ChevronLastIcon,
+  ot as ChevronLeftIcon,
+  nt as ChevronRightIcon,
+  Pt as DownloadDropdown,
+  ct as DownloadIcon,
+  Ct as FirstPageButton,
+  Tt as FullscreenButton,
+  It as LastPageButton,
+  lt as MaximizeIcon,
+  st as MinimizeIcon,
+  Dt as MouseModeButton,
+  Et as NextButton,
+  Lt as PageIndicator,
+  Ft as PrevButton,
+  Lt as SemanticPageIndicator,
+  it as TableOfContentsIcon,
+  Nt as TocButton,
+  ht as ToggleButton,
+  Mt as Toolbar,
+  q as ToolbarButton,
+  ce as canUseFullscreen,
+  xt as createDefaultDownloadConfig,
+  qe as defaultCommands,
+  je as downloadCommand,
+  Ue as exitFullscreen,
+  ne as flipNextCommand,
+  re as flipPrevCommand,
+  pe as fullscreenStateEvents,
+  ie as getFullscreenElement,
+  ae as goToFirstCommand,
+  le as goToLastCommand,
+  se as goToTocCommand,
+  Oe as requestFullscreen,
+  He as toggleDebugCommand,
+  Y as toggleFullscreenCommand,
+  ee as toggleTextSelectionCommand,
+  Q as useCommands,
+  W as useToolbar
 };
 //# sourceMappingURL=index.js.map