html-flip-book-react 0.0.0-alpha.47 → 0.0.0-alpha.49

package/dist/toolbar/index.js

@@ -1,10 +1,10 @@
-import { jsx as t, jsxs as T } from "react/jsx-runtime";
-import { createContext as ce, useContext as ie, useMemo as Q, useCallback as v, useEffect as z, useState as I, useRef as J, useLayoutEffect as he } from "react";
-let pe = 4;
-function re() {
-  return pe;
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import { createContext as he, useContext as pe, useMemo as ee, useCallback as P, useEffect as W, useState as D, useRef as _, useLayoutEffect as ve } from "react";
+let Pe = 4;
+function ue() {
+  return Pe;
 }
-const fe = {
+const Te = {
   id: "download",
   enName: "Download",
   enDescription: "Download entire book or page range",
@@ -17,51 +17,51 @@ const fe = {
     );
   },
   canExecute: (e) => typeof e.data?.onDownload == "function"
-}, be = [
+}, ye = [
   { key: "ArrowRight" },
   { key: "PageDown" },
   { key: " " }
   // Space
-], Y = {
+], oe = {
   id: "flipNext",
   navKind: "flip",
   enName: "Next Page",
   enDescription: "Flip to the next page",
   nameKey: "command.jumpToNextPage",
-  hotkeys: be,
+  hotkeys: ye,
   execute: (e) => {
     e.handle?.flipNext();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) < (e.handle?.getTotalPages() ?? 0) - 1
-}, we = [{ key: "ArrowLeft" }, { key: "PageUp" }], Z = {
+}, Ce = [{ key: "ArrowLeft" }, { key: "PageUp" }], te = {
   id: "flipPrev",
   navKind: "flip",
   enName: "Previous Page",
   enDescription: "Flip to the previous page",
   nameKey: "command.jumpToPrevPage",
-  hotkeys: we,
+  hotkeys: Ce,
   execute: (e) => {
     e.handle?.flipPrev();
   },
   canExecute: (e) => (e.handle?.getCurrentPageIndex() ?? 0) > 0
-}, xe = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ee = {
+}, Ie = [{ key: "Home" }, { key: "ArrowLeft", modifiers: { ctrl: !0 } }], ne = {
   id: "goToFirst",
   navKind: "jump",
   enName: "First Page",
   enDescription: "Jump to the first page",
   nameKey: "command.jumpToFirstPage",
-  hotkeys: xe,
+  hotkeys: Ie,
   execute: (e) => {
     e.handle?.jumpToPage(0);
   },
   canExecute: (e) => e.handle?.getCurrentPageIndex() !== 0
-}, ke = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], oe = {
+}, De = [{ key: "End" }, { key: "ArrowRight", modifiers: { ctrl: !0 } }], ae = {
   id: "goToLast",
   navKind: "jump",
   enName: "Last Page",
   enDescription: "Jump to the last page",
   nameKey: "command.jumpToLastPage",
-  hotkeys: ke,
+  hotkeys: De,
   execute: (e) => {
     const o = e.handle?.getTotalPages() ?? 0;
     e.handle?.jumpToPage(o - 1);
@@ -70,142 +70,142 @@ const fe = {
     const o = e.handle?.getCurrentPageIndex() ?? 0, a = e.handle?.getTotalPages() ?? 0;
     return o !== a - 1;
   }
-}, ve = [{ key: "t" }], te = {
+}, Ne = [{ key: "t" }], re = {
   id: "goToToc",
   navKind: "jump",
   enName: "Table of Contents",
   enDescription: "Jump to the table of contents",
   nameKey: "command.jumpToToc",
-  hotkeys: ve,
+  hotkeys: Ne,
   execute: (e) => {
-    const o = e.handle?.getTocPageIndex?.() ?? re();
+    const o = e.handle?.getTocPageIndex?.() ?? ue();
     e.handle?.jumpToPage(o);
   },
   canExecute: (e) => {
-    const o = e.handle?.getTocPageIndex?.() ?? re();
+    const o = e.handle?.getTocPageIndex?.() ?? ue();
     return e.handle?.getCurrentPageIndex() !== o;
   }
-}, Pe = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], Te = {
+}, Le = [{ key: "d", modifiers: { ctrl: !0, alt: !0 } }], Ee = {
   id: "toggleDebug",
   enName: "Toggle Debug Toolbar",
   enDescription: "Show or hide the debug toolbar (Ctrl+Alt+D)",
   nameKey: "command.toggleDebug",
   descriptionKey: "command.toggleDebugDesc",
-  hotkeys: Pe,
+  hotkeys: Le,
   execute: (e) => {
     e.handle?.toggleDebugBar?.();
   }
-}, ye = [{ key: "F11" }], Ce = {
+}, Fe = [{ key: "F11" }], je = {
   id: "toggleFullscreen",
   enName: "Toggle Fullscreen",
   enDescription: "Enter or exit fullscreen mode",
   nameKey: "command.toggleFullscreen",
   descriptionKey: "command.toggleFullscreenDesc",
-  hotkeys: ye,
+  hotkeys: Fe,
   execute: (e) => {
     const o = e.data;
     document.fullscreenElement ? document.exitFullscreen().catch(console.warn) : (o?.getFullscreenTarget?.() ?? document.documentElement).requestFullscreen().catch(console.warn);
   }
-}, Ie = [
-  Y,
-  Z,
-  ee,
+}, Me = [
   oe,
   te,
-  Ce,
-  Te,
-  fe
+  ne,
+  ae,
+  re,
+  je,
+  Ee,
+  Te
 ];
-function De(e, o) {
+function $e(e, o) {
   return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function Ne(e, o, a) {
-  if (De(o.key, a) !== e.key) return !1;
+function Be(e, o, a) {
+  if ($e(o.key, a) !== e.key) return !1;
   const n = e.modifiers ?? {};
   return !(!!n.ctrl !== o.ctrlKey || !!n.shift !== o.shiftKey || !!n.alt !== o.altKey || !!n.meta !== o.metaKey);
 }
-const de = ce(null), Le = ({
+const fe = he(null), Re = ({
   flipBookRef: e,
   currentPage: o,
   totalPages: a,
   direction: n = "ltr",
-  commands: r = [],
-  commandOptions: c = {},
+  commands: l = [],
+  commandOptions: i = {},
   disableHotkeys: s = !1,
-  children: i
+  children: c
 }) => {
-  const h = Q(() => {
+  const h = ee(() => {
     const d = {};
-    for (const u of Ie)
+    for (const u of Me)
       d[u.id] = {
         command: u,
-        options: c[u.id] ?? {}
+        options: i[u.id] ?? {}
       };
-    for (const u of r)
+    for (const u of l)
       d[u.id] = {
         command: u,
-        options: c[u.id] ?? {}
+        options: i[u.id] ?? {}
       };
     return d;
-  }, [r, c]), f = v(
+  }, [l, i]), b = P(
     (d, u) => {
-      const b = h[d.id]?.options ?? {}, F = u ? { ...b.data, ...u } : b.data;
+      const w = h[d.id]?.options ?? {}, F = u ? { ...w.data, ...u } : w.data;
       return {
         handle: e.current,
         data: F
       };
     },
     [e, h]
-  ), m = v(
+  ), g = P(
     (d, u) => {
-      const b = f(d, u);
-      d.canExecute && !d.canExecute(b) || d.execute(b);
+      const w = b(d, u);
+      d.canExecute && !d.canExecute(w) || d.execute(w);
     },
-    [f]
-  ), y = v(
+    [b]
+  ), C = P(
     (d) => {
-      const u = f(d);
+      const u = b(d);
       return d.canExecute ? d.canExecute(u) : !0;
     },
-    [f]
-  ), D = v(
+    [b]
+  ), N = P(
     () => Object.values(h).map((d) => d.command),
     [h]
-  ), P = v(
+  ), T = P(
     (d) => {
       const u = d.target;
       if (!(u.tagName === "INPUT" || u.tagName === "TEXTAREA" || u.isContentEditable))
-        for (const b of Object.values(h)) {
-          if (b.options.disableHotkeys) continue;
-          const F = b.options.hotkeys ?? b.command.hotkeys ?? [];
+        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 (Ne(M, d, n)) {
-              d.preventDefault(), m(b.command);
+            if (Be(M, d, n)) {
+              d.preventDefault(), g(w.command);
               return;
             }
         }
     },
-    [h, m, n]
+    [h, g, n]
   );
-  z(() => {
+  W(() => {
     if (!s)
-      return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
-  }, [s, P]);
-  const C = Q(
+      return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
+  }, [s, T]);
+  const I = ee(
     () => ({
-      execute: m,
-      canExecute: y,
-      getAllCommands: D
+      execute: g,
+      canExecute: C,
+      getAllCommands: N
     }),
-    [m, y, D]
+    [g, C, N]
   );
-  return /* @__PURE__ */ t(de.Provider, { value: C, children: i });
-}, _ = () => {
-  const e = ie(de);
+  return /* @__PURE__ */ t(fe.Provider, { value: I, children: c });
+}, X = () => {
+  const e = pe(fe);
   if (!e)
     throw new Error("useCommands must be used within a CommandProvider");
   return e;
-}, S = { size: 24 }, Fe = ({ size: e = S.size, className: o }) => /* @__PURE__ */ t(
+}, K = { size: 24 }, Se = ({ size: e = K.size, className: o }) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -221,7 +221,7 @@ const de = ce(null), Le = ({
     "aria-hidden": "true",
     children: /* @__PURE__ */ t("path", { d: "m15 18-6-6 6-6" })
   }
-), Ee = ({ size: e = S.size, className: o }) => /* @__PURE__ */ t(
+), Ke = ({ size: e = K.size, className: o }) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -237,7 +237,7 @@ const de = ce(null), Le = ({
     "aria-hidden": "true",
     children: /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" })
   }
-), je = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
+), Ae = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -256,7 +256,7 @@ const de = ce(null), Le = ({
       /* @__PURE__ */ t("path", { d: "M7 6v12" })
     ]
   }
-), Me = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
+), ze = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -275,7 +275,7 @@ const de = ce(null), Le = ({
       /* @__PURE__ */ t("path", { d: "M17 6v12" })
     ]
   }
-), $e = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
+), He = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -296,7 +296,7 @@ const de = ce(null), Le = ({
       /* @__PURE__ */ t("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
     ]
   }
-), Be = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
+), Oe = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -317,10 +317,10 @@ const de = ce(null), Le = ({
       /* @__PURE__ */ t("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
     ]
   }
-), Re = ({
-  size: e = S.size,
+), Ue = ({
+  size: e = K.size,
   className: o
-}) => /* @__PURE__ */ T(
+}) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -343,7 +343,7 @@ const de = ce(null), Le = ({
       /* @__PURE__ */ t("path", { d: "M21 19h.01" })
     ]
   }
-), Ve = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
+), Ze = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -365,7 +365,7 @@ const de = ce(null), Le = ({
       /* @__PURE__ */ t("rect", { x: "16", y: "6", width: "4", height: "15", rx: "0.5" })
     ]
   }
-), Se = ({ size: e = S.size, className: o }) => /* @__PURE__ */ T(
+), We = ({ size: e = K.size, className: o }) => /* @__PURE__ */ y(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -385,13 +385,13 @@ const de = ce(null), Le = ({
       /* @__PURE__ */ t("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
     ]
   }
-), U = ({
+), A = ({
   onClick: e,
   ariaLabel: o,
   ariaPressed: a,
   disabled: n = !1,
-  children: r,
-  className: c = "",
+  children: l,
+  className: i = "",
   title: s
 }) => /* @__PURE__ */ t(
   "button",
@@ -402,25 +402,48 @@ const de = ce(null), Le = ({
     "aria-pressed": a,
     disabled: n,
     title: s ?? o,
-    className: `flipbook-toolbar-button ${c}`.trim(),
-    children: r
+    className: `flipbook-toolbar-button ${i}`.trim(),
+    children: l
   }
-), Ge = ({
+), eo = ({
   onClick: e,
   ariaLabel: o,
   children: a,
   disabled: n = !1,
-  className: r
+  className: l
 }) => /* @__PURE__ */ t(
-  U,
+  A,
   {
     onClick: e,
     ariaLabel: o,
     disabled: n,
-    className: `flipbook-toolbar-action ${r ?? ""}`.trim(),
+    className: `flipbook-toolbar-action ${l ?? ""}`.trim(),
     children: a
   }
-), Ke = {
+), oo = ({
+  enabled: e,
+  onChange: o,
+  ariaLabel: a,
+  className: n
+}) => /* @__PURE__ */ t(
+  A,
+  {
+    onClick: () => o(!e),
+    ariaLabel: a ?? (e ? "Hide bookmarks" : "Show bookmarks"),
+    ariaPressed: e,
+    className: `flipbook-toolbar-bookmarks ${n ?? ""}`.trim(),
+    children: /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 20 20", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M5 2.5h10v15l-5-3-5 3z",
+        fill: e ? "currentColor" : "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinejoin: "round"
+      }
+    ) })
+  }
+), qe = {
   align: "left",
   direction: "ltr",
   translations: {
@@ -443,7 +466,7 @@ const de = ce(null), Le = ({
     "toolbarItem.selectText": "Select text with mouse",
     "toolbarItem.selectionLetters": "Aa"
   }
-}, Ae = {
+}, Ve = {
   align: "right",
   direction: "rtl",
   translations: {
@@ -466,10 +489,10 @@ const de = ce(null), Le = ({
     "toolbarItem.selectText": "בחירת טקסט עם העכבר",
     "toolbarItem.selectionLetters": "אב"
   }
-}, ne = {
-  "en-US": Ke,
-  "he-IL": Ae
-}, ae = "en-US", Oe = {
+}, le = {
+  "en-US": qe,
+  "he-IL": Ve
+}, ie = "en-US", Ge = {
   "toolbarItem.download": "Download",
   "toolbarItem.downloadPageRange": "Download page range…",
   "toolbarItem.download.from": "From",
@@ -487,225 +510,233 @@ const de = ce(null), Le = ({
   "command.toggleDebugDesc": "Show or hide the debug toolbar (Ctrl+Alt+D)",
   "toolbarItem.goToPage": "Go to page"
 };
-function ue(e) {
-  return ne[e] ?? ne[ae];
+function be(e) {
+  return le[e] ?? le[ie];
 }
-function me(e) {
-  return ue(e).direction === "rtl";
+function se(e) {
+  return be(e).direction === "rtl";
 }
-function ze(e) {
-  return me(e) ? "rtl" : "ltr";
+function Je(e) {
+  return se(e) ? "rtl" : "ltr";
 }
-function L(e, o) {
-  const a = ue(o).translations[e];
+function E(e, o) {
+  const a = be(o).translations[e];
   if (a !== void 0 && a !== "") return a;
-  const n = ne[ae].translations[e];
-  return n !== void 0 && n !== "" ? n : Oe[e] ?? e;
+  const n = le[ie].translations[e];
+  return n !== void 0 && n !== "" ? n : Ge[e] ?? e;
 }
-const ge = ce(null);
-function K() {
-  const e = ie(ge);
+const we = he(null);
+function z() {
+  const e = pe(we);
   if (!e)
     throw new Error("Toolbar components must be used within a Toolbar");
   return e;
 }
-function le(e) {
+function me(e) {
   return e.replace(/[׳'״"]/g, "");
 }
-function se(e, o) {
+function ge(e, o) {
   try {
     const a = atob(e.data), n = new Uint8Array(a.length);
-    for (let i = 0; i < a.length; i++)
-      n[i] = a.charCodeAt(i);
-    const r = new Blob([n]), c = URL.createObjectURL(r), s = document.createElement("a");
-    s.href = c, s.download = `${o}.${e.ext}`, s.click(), URL.revokeObjectURL(c);
+    for (let c = 0; c < a.length; c++)
+      n[c] = a.charCodeAt(c);
+    const l = new Blob([n]), i = URL.createObjectURL(l), s = document.createElement("a");
+    s.href = i, s.download = `${o}.${e.ext}`, s.click(), URL.revokeObjectURL(i);
   } catch (a) {
     console.error("Download failed:", a);
   }
 }
-function Ue(e, o) {
+function _e(e, o) {
   const a = [];
   for (let n = 0; n < e; n++) {
-    const r = o?.indexToSemanticName(n) ?? "", c = o?.indexToTitle(n) ?? "";
-    if (!r && !c) {
+    const l = o?.indexToSemanticName(n) ?? "", i = o?.indexToTitle(n) ?? "";
+    if (!l && !i) {
       o || a.push({ pageIndex: n, semanticName: String(n + 1), title: `Page ${n + 1}` });
       continue;
     }
     a.push({
       pageIndex: n,
-      semanticName: r || String(n + 1),
-      title: c || r
+      semanticName: l || String(n + 1),
+      title: i || l
     });
   }
   return a;
 }
-const Je = ({
+const to = ({
   ariaLabel: e = "Download",
   className: o
 }) => {
   const {
     totalPages: a,
     pageSemantics: n,
-    locale: r,
-    openDownloadMenuRef: c,
+    locale: l,
+    openDownloadMenuRef: i,
     downloadExecutorRef: s,
-    flipBookRef: i
-  } = K(), h = i.current?.getDownloadConfig?.() ?? void 0, [f, m] = I(!1);
-  z(() => (c.current = () => m(!0), () => {
-    c.current = null;
-  }), [c]);
-  const [y, D] = I("entire"), [P, C] = I(0), [d, u] = I(0), [b, F] = I(null), [M, q] = I(!1), B = J(null), A = J(null), j = Q(
-    () => Ue(a, n),
+    flipBookRef: c
+  } = z(), h = c.current?.getDownloadConfig?.() ?? void 0, [b, g] = D(!1);
+  W(() => (i.current = () => g(!0), () => {
+    i.current = null;
+  }), [i]);
+  const [C, N] = D("entire"), [T, I] = D(0), [d, u] = D(0), [w, F] = D(null), [M, G] = D(!1), R = _(null), H = _(null), j = ee(
+    () => _e(a, n),
     [a, n]
-  ), $ = !!h?.onDownloadSefer, R = !!h?.onDownloadPageRange, V = $ || R, O = j[0]?.pageIndex ?? 0, H = j[j.length - 1]?.pageIndex ?? 0;
-  z(() => {
-    f && (D($ ? "entire" : "range"), C(O), u(H));
-  }, [f, $, O, H]);
-  const N = v(() => {
-    m(!1);
+  ), $ = !!h?.onDownloadSefer, S = !!h?.onDownloadPageRange, J = $ || S, 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(() => {
+    g(!1);
   }, []);
-  he(() => {
-    if (!f || !A.current || !B.current) return;
-    const l = A.current, w = B.current.querySelector(".flipbook-toolbar-download-trigger"), E = () => {
-      const p = w?.getBoundingClientRect();
+  ve(() => {
+    if (!b || !H.current || !R.current) return;
+    const r = H.current, k = R.current.querySelector(".flipbook-toolbar-download-trigger"), v = () => {
+      const p = k?.getBoundingClientRect();
       if (!p) return;
-      const k = l.getBoundingClientRect().height, G = window.innerHeight - p.bottom;
-      q(G < k + 8);
+      const B = 8, U = 6, Y = window.innerHeight - p.bottom - U - B, ce = p.top - U - B, de = Math.min(r.scrollHeight, window.innerHeight * 0.7, 480), Z = Y < de && ce > Y;
+      r.style.maxHeight = `${Math.max(0, Math.min(de, Z ? ce : Y))}px`;
+      const Q = r.getBoundingClientRect(), ke = se(l) ? p.left : p.right - Q.width;
+      r.style.left = `${Math.max(B, Math.min(ke, window.innerWidth - Q.width - B))}px`;
+      const xe = Z ? p.top - U - Q.height : p.bottom + U;
+      r.style.top = `${Math.max(B, Math.min(xe, window.innerHeight - Q.height - B))}px`, G(Z);
     };
-    E();
-    const g = new ResizeObserver(E);
-    return g.observe(l), () => g.disconnect();
-  }, [f]), z(() => {
-    if (!f) return;
-    const l = (w) => {
-      B.current && !B.current.contains(w.target) && N();
+    v();
+    const m = new ResizeObserver(v);
+    m.observe(r);
+    const f = R.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);
     };
-    return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
-  }, [f, N]);
-  const x = v(async () => {
-    const l = i.current?.getDownloadConfig?.();
-    if (l?.onDownloadSefer) {
+  }, [b, l]), W(() => {
+    if (!b) return;
+    const r = (k) => {
+      R.current && !R.current.contains(k.target) && L();
+    };
+    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+  }, [b, L]);
+  const x = P(async () => {
+    const r = c.current?.getDownloadConfig?.();
+    if (r?.onDownloadSefer) {
       F("sefer");
       try {
-        const w = await l.onDownloadSefer();
-        w && se(w, l.entireBookFilename ?? "book"), N();
+        const k = await r.onDownloadSefer();
+        k && ge(k, r.entireBookFilename ?? "book"), L();
       } finally {
         F(null);
       }
     }
-  }, [i, N]), W = v(
-    async (l, w) => {
-      const E = i.current?.getDownloadConfig?.();
-      if (!E?.onDownloadPageRange) return;
-      const g = [], p = [];
-      for (let k = l; k <= w; k++) {
-        g.push(k);
-        const G = j.find((X) => X.pageIndex === k);
-        G && p.push(G);
+  }, [c, L]), V = P(
+    async (r, k) => {
+      const v = c.current?.getDownloadConfig?.();
+      if (!v?.onDownloadPageRange) return;
+      const m = [], f = [];
+      for (let p = r; p <= k; p++) {
+        m.push(p);
+        const B = j.find((U) => U.pageIndex === p);
+        B && f.push(B);
       }
       F("range");
       try {
-        const k = await E.onDownloadPageRange(
-          g,
-          p,
-          E.downloadContext
+        const p = await v.onDownloadPageRange(
+          m,
+          f,
+          v.downloadContext
         );
-        if (k) {
-          const G = le(p[0]?.semanticName ?? String(l)), X = le(
-            p[p.length - 1]?.semanticName ?? String(w)
+        if (p) {
+          const B = me(f[0]?.semanticName ?? String(r)), U = me(
+            f[f.length - 1]?.semanticName ?? String(k)
           );
-          se(k, `${E.rangeFilename ?? "pages"}-${G}-${X}`);
+          ge(p, `${v.rangeFilename ?? "pages"}-${B}-${U}`);
         }
-        N();
+        L();
       } finally {
         F(null);
       }
     },
-    [i, j, N]
+    [c, j, L]
   );
-  return z(() => (s.current = (l, w) => {
-    l === void 0 && w === void 0 ? x() : l !== void 0 && w !== void 0 && W(l, w);
+  return W(() => (s.current = (r, k) => {
+    r === void 0 && k === void 0 ? x() : r !== void 0 && k !== void 0 && V(r, k);
   }, () => {
     s.current = null;
-  }), [s, x, W]), V ? /* @__PURE__ */ T("div", { className: `flipbook-toolbar-download-wrap ${o ?? ""}`.trim(), ref: B, children: [
+  }), [s, x, V]), J ? /* @__PURE__ */ y("div", { className: `flipbook-toolbar-download-wrap ${o ?? ""}`.trim(), ref: R, children: [
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: "flipbook-toolbar-button flipbook-toolbar-download-trigger",
-        onClick: () => m((l) => !l),
-        "aria-label": e ?? L("toolbarItem.download", r),
-        "aria-expanded": f,
+        onClick: () => g((r) => !r),
+        "aria-label": e ?? E("toolbarItem.download", l),
+        "aria-expanded": b,
         "aria-haspopup": "true",
-        disabled: b !== null,
-        children: /* @__PURE__ */ t(Se, { size: 18 })
+        disabled: w !== null,
+        children: /* @__PURE__ */ t(We, { size: 18 })
       }
     ),
-    f && /* @__PURE__ */ T(
+    b && /* @__PURE__ */ y(
       "div",
       {
-        ref: A,
+        ref: H,
         className: `flipbook-toolbar-download-menu ${M ? "flipbook-toolbar-download-menu--open-up" : ""}`.trim(),
         role: "menu",
-        dir: me(r) ? "rtl" : "ltr",
+        dir: se(l) ? "rtl" : "ltr",
         children: [
-          /* @__PURE__ */ T(
+          /* @__PURE__ */ y(
             "fieldset",
             {
               className: "flipbook-toolbar-download-mode",
-              "aria-label": L("toolbarItem.download", r),
+              "aria-label": E("toolbarItem.download", l),
               children: [
-                $ && /* @__PURE__ */ T("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                $ && /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-radio-label", children: [
                   /* @__PURE__ */ t(
                     "input",
                     {
                       type: "radio",
                       name: "download-mode",
                       className: "flipbook-toolbar-download-radio",
-                      checked: y === "entire",
-                      onChange: () => D("entire")
+                      checked: C === "entire",
+                      onChange: () => N("entire")
                     }
                   ),
-                  /* @__PURE__ */ t("span", { children: L("command.downloadEntireBook", r) })
+                  /* @__PURE__ */ t("span", { children: E("command.downloadEntireBook", l) })
                 ] }),
-                R && /* @__PURE__ */ T("label", { className: "flipbook-toolbar-download-radio-label", children: [
+                S && /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-radio-label", children: [
                   /* @__PURE__ */ t(
                     "input",
                     {
                       type: "radio",
                       name: "download-mode",
                       className: "flipbook-toolbar-download-radio",
-                      checked: y === "range",
-                      onChange: () => D("range")
+                      checked: C === "range",
+                      onChange: () => N("range")
                     }
                   ),
-                  /* @__PURE__ */ t("span", { children: L("toolbarItem.downloadPageRange", r) })
+                  /* @__PURE__ */ t("span", { children: E("toolbarItem.downloadPageRange", l) })
                 ] })
               ]
             }
           ),
-          y === "range" && /* @__PURE__ */ T("div", { className: "flipbook-toolbar-download-range", children: [
-            /* @__PURE__ */ T("label", { className: "flipbook-toolbar-download-range-label", children: [
-              L("toolbarItem.download.from", 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", l),
               /* @__PURE__ */ t(
                 "select",
                 {
-                  value: P,
-                  onChange: (l) => C(Number(l.target.value)),
+                  value: T,
+                  onChange: (r) => I(Number(r.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: j.map((r) => /* @__PURE__ */ t("option", { value: r.pageIndex, children: r.semanticName || r.title || `Page ${r.pageIndex + 1}` }, r.pageIndex))
                 }
               )
             ] }),
-            /* @__PURE__ */ T("label", { className: "flipbook-toolbar-download-range-label", children: [
-              L("toolbarItem.download.to", r),
+            /* @__PURE__ */ y("label", { className: "flipbook-toolbar-download-range-label", children: [
+              E("toolbarItem.download.to", l),
               /* @__PURE__ */ t(
                 "select",
                 {
                   value: d,
-                  onChange: (l) => u(Number(l.target.value)),
+                  onChange: (r) => u(Number(r.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: j.map((r) => /* @__PURE__ */ t("option", { value: r.pageIndex, children: r.semanticName || r.title || `Page ${r.pageIndex + 1}` }, r.pageIndex))
                 }
               )
             ] })
@@ -717,220 +748,220 @@ const Je = ({
               role: "menuitem",
               className: "flipbook-toolbar-download-menuitem flipbook-toolbar-download-primary",
               onClick: () => {
-                if (y === "entire")
+                if (C === "entire")
                   x();
                 else {
-                  const l = i.current?.getTotalPages?.() ?? a, w = Math.min(P, d);
-                  let E = Math.max(P, d);
-                  if (l > 0 && E >= l && (E = l - 1), E < w) return;
-                  W(w, E);
+                  const r = c.current?.getTotalPages?.() ?? a, k = Math.min(T, d);
+                  let v = Math.max(T, d);
+                  if (r > 0 && v >= r && (v = r - 1), v < k) return;
+                  V(k, v);
                 }
               },
-              disabled: b !== null,
-              children: b === "sefer" || b === "range" ? "…" : L("toolbarItem.download.download", r)
+              disabled: w !== null,
+              children: w === "sefer" || w === "range" ? "…" : E("toolbarItem.download.download", l)
             }
           )
         ]
       }
     )
   ] }) : null;
-}, _e = ({ children: e, className: o }) => {
-  const { locale: a } = K(), { execute: n, canExecute: r } = _(), c = () => {
-    n(ee);
-  }, s = /* @__PURE__ */ t(je, { size: 18 }), i = L("command.jumpToFirstPage", a);
+}, no = ({ children: e, className: o }) => {
+  const { locale: a } = z(), { execute: n, canExecute: l } = X(), i = () => {
+    n(ne);
+  }, s = /* @__PURE__ */ t(Ae, { size: 18 }), c = E("command.jumpToFirstPage", a);
   return /* @__PURE__ */ t(
-    U,
+    A,
     {
-      onClick: c,
-      ariaLabel: i,
-      title: i,
-      disabled: !r(ee),
+      onClick: i,
+      ariaLabel: c,
+      title: c,
+      disabled: !l(ne),
       className: `flipbook-toolbar-first ${o ?? ""}`.trim(),
       children: e ?? s
     }
   );
-}, Xe = ({
+}, ao = ({
   targetRef: e,
   enterIcon: o,
   exitIcon: a,
   ariaLabelEnter: n = "Enter fullscreen",
-  ariaLabelExit: r = "Exit fullscreen",
-  className: c
+  ariaLabelExit: l = "Exit fullscreen",
+  className: i
 }) => {
-  const [s, i] = I(!1), h = K(), f = e ?? h.fullscreenTargetRef, m = v(() => {
-    i(!!document.fullscreenElement);
+  const [s, c] = D(!1), h = z(), b = e ?? h.fullscreenTargetRef, g = P(() => {
+    c(!!document.fullscreenElement);
   }, []);
-  z(() => (document.addEventListener("fullscreenchange", m), () => {
-    document.removeEventListener("fullscreenchange", m);
-  }), [m]);
-  const y = async () => {
+  W(() => (document.addEventListener("fullscreenchange", g), () => {
+    document.removeEventListener("fullscreenchange", g);
+  }), [g]);
+  const C = async () => {
     try {
-      s ? await document.exitFullscreen() : await (f?.current ?? document.documentElement).requestFullscreen();
-    } catch (C) {
-      console.warn("Fullscreen request failed:", C);
+      s ? await document.exitFullscreen() : await (b?.current ?? document.documentElement).requestFullscreen();
+    } catch (I) {
+      console.warn("Fullscreen request failed:", I);
     }
-  }, D = s ? r : n, P = s ? a ?? /* @__PURE__ */ t(Be, { size: 18 }) : o ?? /* @__PURE__ */ t($e, { size: 18 });
+  }, N = s ? l : n, T = s ? a ?? /* @__PURE__ */ t(Oe, { size: 18 }) : o ?? /* @__PURE__ */ t(He, { size: 18 });
   return /* @__PURE__ */ t(
-    U,
+    A,
     {
-      onClick: y,
-      ariaLabel: D,
-      className: `flipbook-toolbar-fullscreen ${s ? "flipbook-toolbar-fullscreen--active" : ""} ${c ?? ""}`.trim(),
-      children: P
+      onClick: C,
+      ariaLabel: N,
+      className: `flipbook-toolbar-fullscreen ${s ? "flipbook-toolbar-fullscreen--active" : ""} ${i ?? ""}`.trim(),
+      children: T
     }
   );
-}, Qe = ({ children: e, className: o }) => {
-  const { locale: a } = K(), { execute: n, canExecute: r } = _(), c = () => {
-    n(oe);
-  }, s = /* @__PURE__ */ t(Me, { size: 18 }), i = L("command.jumpToLastPage", a);
+}, ro = ({ children: e, className: o }) => {
+  const { locale: a } = z(), { execute: n, canExecute: l } = X(), i = () => {
+    n(ae);
+  }, s = /* @__PURE__ */ t(ze, { size: 18 }), c = E("command.jumpToLastPage", a);
   return /* @__PURE__ */ t(
-    U,
+    A,
     {
-      onClick: c,
-      ariaLabel: i,
-      title: i,
-      disabled: !r(oe),
+      onClick: i,
+      ariaLabel: c,
+      title: c,
+      disabled: !l(ae),
       className: `flipbook-toolbar-last ${o ?? ""}`.trim(),
       children: e ?? s
     }
   );
-}, Ye = ({
+}, lo = ({
   letters: e,
   ariaLabel: o,
   className: a
 }) => {
-  const { flipBookRef: n, locale: r, mouseMode: c } = K(), s = o ?? L("toolbarItem.selectText", r);
+  const { flipBookRef: n, locale: l, mouseMode: i } = z(), s = o ?? E("toolbarItem.selectText", l);
   return /* @__PURE__ */ t(
-    U,
+    A,
     {
       onClick: () => {
-        n.current?.setMouseMode(c === "turn" ? "select" : "turn"), window.getSelection()?.removeAllRanges();
+        n.current?.setMouseMode(i === "turn" ? "select" : "turn"), window.getSelection()?.removeAllRanges();
       },
       ariaLabel: s,
-      ariaPressed: c === "select",
+      ariaPressed: i === "select",
       className: `flipbook-toolbar-mouse-mode ${a ?? ""}`.trim(),
-      children: /* @__PURE__ */ T("span", { className: "flipbook-toolbar-mouse-mode-icon", "aria-hidden": "true", children: [
+      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 ?? L("toolbarItem.selectionLetters", r) })
+        /* @__PURE__ */ t("span", { children: e ?? E("toolbarItem.selectionLetters", l) })
       ] })
     }
   );
-}, Ze = ({ children: e, className: o }) => {
-  const { locale: a } = K(), { execute: n, canExecute: r } = _(), c = () => {
-    n(Y);
-  }, s = L("command.jumpToNextPage", a), i = /* @__PURE__ */ t(Ee, { size: 20 });
+}, so = ({ children: e, className: o }) => {
+  const { locale: a } = z(), { execute: n, canExecute: l } = X(), i = () => {
+    n(oe);
+  }, s = E("command.jumpToNextPage", a), c = /* @__PURE__ */ t(Ke, { size: 20 });
   return /* @__PURE__ */ t(
-    U,
+    A,
     {
-      onClick: c,
+      onClick: i,
       ariaLabel: s,
       title: s,
-      disabled: !r(Y),
+      disabled: !l(oe),
       className: `flipbook-toolbar-next ${o ?? ""}`.trim(),
-      children: e ?? i
+      children: e ?? c
     }
   );
-}, eo = ({
+}, io = ({
   mode: e,
   showTotal: o = !0,
   placeholder: a = "—",
   editable: n,
-  className: r,
-  ariaLabel: c = "Go to page",
+  className: l,
+  ariaLabel: i = "Go to page",
   maxLength: s = 10
 }) => {
-  const { flipBookRef: i, pageSemantics: h, direction: f, currentPage: m, totalPages: y, of: D } = K(), P = e ?? (h ? "semantic" : "index"), C = n ?? (P === "semantic" && !!h), [d, u] = I(""), [b, F] = I(!1), M = J(!1), q = J(m), B = m, A = m + 1 < y ? m + 1 : null, j = v(
-    (g) => P === "semantic" && h ? h.indexToSemanticName(g) || "" : String(g + 1),
-    [P, h]
-  ), $ = j(B), R = A != null ? j(A) : "", V = v(() => String(D), [D]), O = v(() => {
-    const g = $, p = R;
-    let k;
-    return !g && !p ? k = a : g ? p ? g === p ? k = g : k = `${g} - ${p}` : k = g : k = p, o ? `${k} / ${V()}` : k;
-  }, [$, R, a, o, V]), H = f === "rtl" ? R || $ : $ || R, N = O();
-  z(() => {
-    const g = m !== q.current;
-    q.current = m, g && (M.current = !1), !b && !M.current && u(N);
-  }, [N, b, m]);
-  const x = v(
-    (g) => {
-      if (C) {
-        F(!0), u(H), M.current = !1;
-        const p = () => g.target.select();
-        typeof requestAnimationFrame < "u" ? requestAnimationFrame(p) : p();
+  const { flipBookRef: c, pageSemantics: h, direction: b, currentPage: g, totalPages: C, of: N } = z(), T = e ?? (h ? "semantic" : "index"), I = n ?? (T === "semantic" && !!h), [d, u] = D(""), [w, F] = D(!1), M = _(!1), G = _(g), R = g, H = g + 1 < C ? g + 1 : null, j = P(
+    (m) => T === "semantic" && h ? h.indexToSemanticName(m) || "" : String(m + 1),
+    [T, h]
+  ), $ = j(R), S = H != null ? j(H) : "", J = P(() => String(N), [N]), O = P(() => {
+    const m = $, f = S;
+    let p;
+    return !m && !f ? p = a : m ? f ? m === f ? p = m : p = `${m} - ${f}` : p = m : p = f, o ? `${p} / ${J()}` : p;
+  }, [$, S, a, o, J]), q = b === "rtl" ? S || $ : $ || S, L = O();
+  W(() => {
+    const m = g !== G.current;
+    G.current = g, m && (M.current = !1), !w && !M.current && u(L);
+  }, [L, w, g]);
+  const x = P(
+    (m) => {
+      if (I) {
+        F(!0), u(q), M.current = !1;
+        const f = () => m.target.select();
+        typeof requestAnimationFrame < "u" ? requestAnimationFrame(f) : f();
       }
     },
-    [C, H]
-  ), W = v(() => {
-    F(!1), M.current || u(N);
-  }, [N]), l = v(
-    (g) => {
-      if (g.key === "Enter") {
+    [I, q]
+  ), V = P(() => {
+    F(!1), M.current || u(L);
+  }, [L]), r = P(
+    (m) => {
+      if (m.key === "Enter") {
         if (h && d.trim()) {
-          const p = h.semanticNameToIndex(d.trim());
-          p != null && p >= 0 && p < y && (i.current?.jumpToPage(p), M.current = !0);
+          const f = h.semanticNameToIndex(d.trim());
+          f != null && f >= 0 && f < C && (c.current?.jumpToPage(f), M.current = !0);
         }
-        g.currentTarget.blur();
-      } else g.key === "Escape" && g.currentTarget.blur();
+        m.currentTarget.blur();
+      } else m.key === "Escape" && m.currentTarget.blur();
     },
-    [d, h, y, i]
-  ), w = v((g) => {
-    u(g.target.value);
+    [d, h, C, c]
+  ), k = P((m) => {
+    u(m.target.value);
   }, []);
-  return C ? /* @__PURE__ */ t(
+  return I ? /* @__PURE__ */ t(
     "input",
     {
       type: "text",
-      className: `flipbook-toolbar-indicator ${b ? "flipbook-toolbar-indicator--editing" : ""} ${r ?? ""}`.trim(),
+      className: `flipbook-toolbar-indicator ${w ? "flipbook-toolbar-indicator--editing" : ""} ${l ?? ""}`.trim(),
       value: d,
       onFocus: x,
-      onBlur: W,
-      onKeyDown: l,
-      onChange: w,
-      "aria-label": c,
+      onBlur: V,
+      onKeyDown: r,
+      onChange: k,
+      "aria-label": i,
       "aria-live": "polite",
       "aria-atomic": "true",
       maxLength: s,
-      readOnly: !C
+      readOnly: !I
     }
   ) : /* @__PURE__ */ t(
     "span",
     {
-      className: `flipbook-toolbar-indicator ${r ?? ""}`.trim(),
+      className: `flipbook-toolbar-indicator ${l ?? ""}`.trim(),
       "aria-live": "polite",
       "aria-atomic": "true",
-      children: N
+      children: L
     }
   );
-}, oo = ({ children: e, className: o }) => {
-  const { locale: a } = K(), { execute: n, canExecute: r } = _(), c = () => {
-    n(Z);
-  }, s = L("command.jumpToPrevPage", a), i = /* @__PURE__ */ t(Fe, { size: 20 });
+}, co = ({ children: e, className: o }) => {
+  const { locale: a } = z(), { execute: n, canExecute: l } = X(), i = () => {
+    n(te);
+  }, s = E("command.jumpToPrevPage", a), c = /* @__PURE__ */ t(Se, { size: 20 });
   return /* @__PURE__ */ t(
-    U,
+    A,
     {
-      onClick: c,
+      onClick: i,
       ariaLabel: s,
       title: s,
-      disabled: !r(Z),
+      disabled: !l(te),
       className: `flipbook-toolbar-prev ${o ?? ""}`.trim(),
-      children: e ?? i
+      children: e ?? c
     }
   );
-}, to = ({ children: e, ariaLabel: o, className: a }) => {
-  const { locale: n } = K(), { execute: r, canExecute: c } = _(), s = o ?? L("command.jumpToToc", n), i = () => {
-    r(te);
-  }, h = !c(te);
+}, uo = ({ children: e, ariaLabel: o, className: a }) => {
+  const { locale: n } = z(), { execute: l, canExecute: i } = X(), s = o ?? E("command.jumpToToc", n), c = () => {
+    l(re);
+  }, h = !i(re);
   return /* @__PURE__ */ t(
-    U,
+    A,
     {
-      onClick: i,
+      onClick: c,
       ariaLabel: s,
       disabled: h,
       className: `flipbook-toolbar-toc ${a ?? ""}`.trim(),
-      children: e ?? /* @__PURE__ */ t(Re, { size: 18 })
+      children: e ?? /* @__PURE__ */ t(Ue, { size: 18 })
     }
   );
-}, He = {
+}, Xe = {
   id: "openDownloadMenu",
   enName: "Open download menu",
   enDescription: "Open the download menu",
@@ -940,121 +971,122 @@ const Je = ({
     e.data?.open?.();
   },
   canExecute: (e) => typeof e.data?.open == "function"
-}, no = ({
+}, mo = ({
   flipBookRef: e,
   direction: o,
   locale: a,
   pageSemantics: n,
-  className: r = "",
-  children: c,
+  className: l = "",
+  children: i,
   enableHotkeys: s = !0,
-  commands: i,
+  commands: c,
   commandOptions: h,
-  fullscreenTargetRef: f
+  fullscreenTargetRef: b
 }) => {
-  const m = o ?? ze(a ?? ae), y = a ?? (m === "rtl" ? "he-IL" : "en-US"), D = J(null), P = J(null), [C, d] = I(0), [u, b] = I(0), [F, M] = I(0), [q, B] = I(!0), [A, j] = I(!1), [$, R] = I("turn"), V = {
-    ...f ? {
+  const g = o ?? Je(a ?? ie), C = a ?? (g === "rtl" ? "he-IL" : "en-US"), N = _(null), T = _(null), [I, d] = D(0), [u, w] = D(0), [F, M] = D(0), [G, R] = D(!0), [H, j] = D(!1), [$, S] = D("turn"), J = {
+    ...b ? {
       toggleFullscreen: {
         data: {
-          getFullscreenTarget: () => f.current ?? null
+          getFullscreenTarget: () => b.current ?? null
         }
       }
     } : {},
     openDownloadMenu: {
-      data: { open: () => D.current?.() }
+      data: { open: () => N.current?.() }
     },
     download: {
       data: {
-        onDownload: (x, W) => P.current?.(x, W)
+        onDownload: (x, V) => T.current?.(x, V)
       }
     },
     ...h
-  }, O = v(() => {
+  }, O = P(() => {
     const x = e.current;
-    x && (d(x.getCurrentPageIndex()), b(x.getTotalPages()), M(x.getOf()), B(x.isFirstPage()), j(x.isLastPage()), R(x.getMouseMode?.() ?? "turn"));
+    x && (d(x.getCurrentPageIndex()), w(x.getTotalPages()), M(x.getOf()), R(x.isFirstPage()), j(x.isLastPage()), S(x.getMouseMode?.() ?? "turn"));
   }, [e]);
-  z(() => {
+  W(() => {
     O();
     const x = setInterval(O, 200);
     return () => clearInterval(x);
   }, [O]);
-  const H = /* @__PURE__ */ t(
-    ge.Provider,
+  const q = /* @__PURE__ */ t(
+    we.Provider,
     {
       value: {
         flipBookRef: e,
-        direction: m,
-        locale: y,
+        direction: g,
+        locale: C,
         pageSemantics: n,
-        currentPage: C,
+        currentPage: I,
         totalPages: u,
         of: F,
-        isFirstPage: q,
-        isLastPage: A,
+        isFirstPage: G,
+        isLastPage: H,
         mouseMode: $,
-        openDownloadMenuRef: D,
-        downloadExecutorRef: P,
-        fullscreenTargetRef: f
+        openDownloadMenuRef: N,
+        downloadExecutorRef: T,
+        fullscreenTargetRef: b
       },
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: `flipbook-toolbar ${m === "rtl" ? "flipbook-toolbar--rtl" : ""} ${r}`.trim(),
+          className: `flipbook-toolbar ${g === "rtl" ? "flipbook-toolbar--rtl" : ""} ${l}`.trim(),
           role: "toolbar",
           "aria-label": "FlipBook navigation",
-          dir: m,
-          children: c
+          dir: g,
+          children: i
         }
       )
     }
-  ), N = [He, ...i ?? []];
+  ), L = [Xe, ...c ?? []];
   return /* @__PURE__ */ t(
-    Le,
+    Re,
     {
       flipBookRef: e,
-      currentPage: C,
+      currentPage: I,
       totalPages: u,
-      direction: m,
-      commands: N,
-      commandOptions: V,
+      direction: g,
+      commands: L,
+      commandOptions: J,
       disableHotkeys: !s,
-      children: H
+      children: q
     }
   );
 };
 export {
-  Ge as ActionButton,
-  Ve as BookshelfIcon,
-  je as ChevronFirstIcon,
-  Me as ChevronLastIcon,
-  Fe as ChevronLeftIcon,
-  Ee as ChevronRightIcon,
-  Je as DownloadDropdown,
-  Se as DownloadIcon,
-  _e as FirstPageButton,
-  Xe as FullscreenButton,
-  Qe as LastPageButton,
-  $e as MaximizeIcon,
-  Be as MinimizeIcon,
-  Ye as MouseModeButton,
-  Ze as NextButton,
-  eo as PageIndicator,
-  oo as PrevButton,
-  eo as SemanticPageIndicator,
-  Re as TableOfContentsIcon,
-  to as TocButton,
-  no as Toolbar,
-  U as ToolbarButton,
-  Ie as defaultCommands,
-  fe as downloadCommand,
-  Y as flipNextCommand,
-  Z as flipPrevCommand,
-  ee as goToFirstCommand,
-  oe as goToLastCommand,
-  te as goToTocCommand,
-  Te as toggleDebugCommand,
-  Ce as toggleFullscreenCommand,
-  _ as useCommands,
-  K as useToolbar
+  eo as ActionButton,
+  oo as BookmarkToggleButton,
+  Ze as BookshelfIcon,
+  Ae as ChevronFirstIcon,
+  ze as ChevronLastIcon,
+  Se as ChevronLeftIcon,
+  Ke as ChevronRightIcon,
+  to as DownloadDropdown,
+  We as DownloadIcon,
+  no as FirstPageButton,
+  ao as FullscreenButton,
+  ro as LastPageButton,
+  He as MaximizeIcon,
+  Oe as MinimizeIcon,
+  lo as MouseModeButton,
+  so as NextButton,
+  io as PageIndicator,
+  co as PrevButton,
+  io as SemanticPageIndicator,
+  Ue as TableOfContentsIcon,
+  uo as TocButton,
+  mo as Toolbar,
+  A as ToolbarButton,
+  Me as defaultCommands,
+  Te as downloadCommand,
+  oe as flipNextCommand,
+  te as flipPrevCommand,
+  ne as goToFirstCommand,
+  ae as goToLastCommand,
+  re as goToTocCommand,
+  Ee as toggleDebugCommand,
+  je as toggleFullscreenCommand,
+  X as useCommands,
+  z as useToolbar
 };
 //# sourceMappingURL=index.js.map