misraj-mushaf-renderer 1.1.14 → 1.1.16

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as L, Fragment as X3 } from "react/jsx-runtime";
-import R4, { useState as j, useEffect as q0, useRef as Y3, useCallback as K, useMemo as J, createContext as e4, useContext as r4, memo as t4 } from "react";
-var W = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+import R4, { useState as D, useEffect as q0, useRef as Y3, useCallback as $, useMemo as Q, createContext as e4, useContext as r4, memo as t4 } from "react";
+var J = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function a4(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -54,7 +54,7 @@ const I = /* @__PURE__ */ a4(H4), x4 = "MushafReader-container", I4 = "MushafRea
   blue: "#2A5D73",
   sepia: "#A97C50"
 }, B4 = (e) => {
-  const [r, t] = j(!1);
+  const [r, t] = D(!1);
   return q0(() => {
     const a = window.matchMedia(e), i = () => t(a.matches);
     return i(), a.addEventListener("change", i), () => {
@@ -83,42 +83,44 @@ const n4 = e4(void 0), i4 = e4(void 0), Ve = ({
   hasBorder: i = !0,
   initialIsTwoPagesView: n = !1
 }) => {
-  const s = B4("(min-width: 1024px)"), [u, o] = j(a), [C, h] = j(null), [f, l] = j(null), [d, A] = j(null), [q, v] = j(null), _ = Y3(null), g = s && n, w = K(async () => {
-    _.current?.abort();
-    const T = new AbortController();
-    _.current = T, v(null);
+  const s = B4("(min-width: 1024px)"), [u, o] = D(a), [C, h] = D(null), [f, l] = D(null), [d, T] = D(null), [q, y] = D(null), [_, v] = D(!1), w = Y3(null), p = s && n, A = $(async () => {
+    w.current?.abort();
+    const M = new AbortController();
+    w.current = M, v(!0), y(null);
     try {
-      const P = I0(t, r, T.signal), H = g ? I0(t + 1, r, T.signal) : Promise.resolve(void 0), b = await P;
-      let S;
-      if (g)
+      const g = I0(t, r, M.signal), x = p ? I0(t + 1, r, M.signal) : Promise.resolve(void 0), H = await g;
+      let z;
+      if (p)
         try {
-          S = await H;
+          z = await x;
         } catch {
-          S = void 0;
+          z = void 0;
         }
-      l(b), A(S);
-    } catch (P) {
-      if (P?.name === "AbortError") return;
-      v(P instanceof Error ? P : new Error("Unknown error")), l(null), A(null);
+      l(H), T(z);
+    } catch (g) {
+      if (g?.name === "AbortError") return;
+      y(g instanceof Error ? g : new Error("Unknown error")), l(null), T(null);
     } finally {
+      v(!1);
     }
-  }, [t, r, g]);
-  q0(() => (w(), () => _.current?.abort()), [w]);
-  const p = K(() => {
-    o((T) => T < 10 ? T + 1 : T);
-  }, []), M = K(() => {
-    o((T) => T > 3 ? T - 1 : T);
-  }, []), m = J(
+  }, [t, r, p]);
+  q0(() => (A(), () => w.current?.abort()), [A]);
+  const m = $(() => {
+    o((M) => M < 10 ? M + 1 : M);
+  }, []), b = $(() => {
+    o((M) => M > 3 ? M - 1 : M);
+  }, []), P = Q(
     () => ({
       fontScale: u,
       selectedVerse: C,
       ayat: f,
       nextPageAyat: d,
       error: q,
+      loading: _,
       pageNumber: t,
       dataId: r,
       hasBorder: i,
-      isTwoPagesView: g
+      isTwoPagesView: p
     }),
     [
       u,
@@ -126,21 +128,22 @@ const n4 = e4(void 0), i4 = e4(void 0), Ve = ({
       f,
       d,
       q,
+      _,
       t,
       r,
       i,
-      g
+      p
     ]
-  ), y = J(
+  ), R = Q(
     () => ({
-      increaseFontScale: p,
-      decreaseFontScale: M,
+      increaseFontScale: m,
+      decreaseFontScale: b,
       setSelectedVerse: h,
-      refresh: w
+      refresh: A
     }),
-    [p, M, h, w]
+    [m, b, h, A]
   );
-  return /* @__PURE__ */ c(n4.Provider, { value: m, children: /* @__PURE__ */ c(i4.Provider, { value: y, children: e }) });
+  return /* @__PURE__ */ c(n4.Provider, { value: P, children: /* @__PURE__ */ c(i4.Provider, { value: R, children: e }) });
 }, N4 = () => {
   const e = r4(n4);
   if (!e) throw new Error("useMushafPageState must be used within a MushafPageProvider");
@@ -149,30 +152,30 @@ const n4 = e4(void 0), i4 = e4(void 0), Ve = ({
   const e = r4(i4);
   if (!e) throw new Error("useMushafPageActions must be used within a MushafPageProvider");
   return e;
-}, D = () => {
+}, j = () => {
   const e = N4(), r = j4();
   return { ...e, ...r };
-}, V4 = "Line-line", F4 = "Line-container", G4 = "Line-mobileInline", V = {
+}, V4 = "Line-line", F4 = "Line-container", G4 = "Line-mobileInline", F = {
   line: V4,
   container: F4,
   mobileInline: G4
 }, Z4 = "ChapterHeader-bismillahContainer", K4 = "ChapterHeader-header", m0 = {
   bismillahContainer: Z4,
   header: K4
-}, $4 = "ChapterIconContainer-iconContainer", k4 = "ChapterIconContainer-border", U4 = "ChapterIconContainer-blueBorder", W4 = "ChapterIconContainer-sepiaBorder", F = {
+}, $4 = "ChapterIconContainer-iconContainer", k4 = "ChapterIconContainer-border", U4 = "ChapterIconContainer-blueBorder", W4 = "ChapterIconContainer-sepiaBorder", G = {
   iconContainer: $4,
   border: k4,
   blueBorder: U4,
   sepiaBorder: W4
 }, L0 = ({ id: e }) => /* @__PURE__ */ c("span", { translate: "no", children: e?.padStart(3, "0") }), J4 = ({ chapterId: e, hasSurahPrefix: r = !0, borderColor: t }) => {
-  const { hasBorder: a } = D();
+  const { hasBorder: a } = j();
   return /* @__PURE__ */ L(
     "span",
     {
-      className: I(F.iconContainer, F.iconContainerLarge, {
-        [F.border]: a,
-        [F.blueBorder]: a && t === "blue",
-        [F.sepiaBorder]: a && t === "sepia"
+      className: I(G.iconContainer, G.iconContainerLarge, {
+        [G.border]: a,
+        [G.blueBorder]: a && t === "blue",
+        [G.sepiaBorder]: a && t === "sepia"
       }),
       style: { color: "black" },
       children: [
@@ -297,7 +300,7 @@ const n4 = e4(void 0), i4 = e4(void 0), Ve = ({
 var c4 = /* @__PURE__ */ ((e) => (e.MadaniV1 = "code_v1", e.MadaniV2 = "code_v2", e.Uthmani = "text_uthmani", e.IndoPak = "text_indopak", e.QPCHafs = "qpc_uthmani_hafs", e.Tajweed = "tajweed", e))(c4 || {});
 const g6 = "qpc_uthmani_hafs";
 var C4 = /* @__PURE__ */ ((e) => (e.FifteenLines = "15_lines", e.SixteenLines = "16_lines", e))(C4 || {});
-const _6 = (e, r, t, a = !1) => e === c4.IndoPak ? `${e}_${t}-font-size-${r}` : a ? `fallback_${e}-font-size-${r}` : `${e}-font-size-${r}`, v6 = "MushafWord-container", p6 = "MushafWord-colored", y6 = "MushafWord-filled", b6 = "MushafWord-highlightOnHover", m6 = "MushafWord-highlighted", z = {
+const _6 = (e, r, t, a = !1) => e === c4.IndoPak ? `${e}_${t}-font-size-${r}` : a ? `fallback_${e}-font-size-${r}` : `${e}-font-size-${r}`, v6 = "MushafWord-container", p6 = "MushafWord-colored", y6 = "MushafWord-filled", b6 = "MushafWord-highlightOnHover", m6 = "MushafWord-highlighted", N = {
   container: v6,
   colored: p6,
   filled: y6,
@@ -343,12 +346,12 @@ const _6 = (e, r, t, a = !1) => e === c4.IndoPak ? `${e}_${t}-font-size-${r}` :
   }
   return r;
 }, T6 = "data-word-location", A6 = ({ word: e, onWordClick: r, onWordHover: t }) => {
-  const { selectedVerse: a, dataId: i } = D(), n = d6(e.verse_key, e.position), s = /* @__PURE__ */ c("span", { className: z.UthmanicHafs, children: e.text }), u = a?.numberInSurah === e.verse.numberInSurah, o = q6(i), C = K(
+  const { selectedVerse: a, dataId: i } = j(), n = d6(e.verse_key, e.position), s = /* @__PURE__ */ c("span", { className: N.UthmanicHafs, children: e.text }), u = a?.numberInSurah === e.verse.numberInSurah, o = q6(i), C = $(
     (f) => {
       r && r(e, f);
     },
     [r, e]
-  ), h = K(
+  ), h = $(
     (f) => {
       t && t(e, f);
     },
@@ -362,10 +365,10 @@ const _6 = (e, r, t, a = !1) => e === c4.IndoPak ? `${e}_${t}-font-size-${r}` :
       role: "button",
       tabIndex: 0,
       [T6]: n,
-      className: I(z.container, z[o], {
-        [z.highlightOnHover]: !0,
-        [z.colored]: !u,
-        [z.highlighted]: u
+      className: I(N.container, N[o], {
+        [N.highlightOnHover]: !0,
+        [N.colored]: !u,
+        [N.highlighted]: u
       }),
       children: s
     }
@@ -377,25 +380,25 @@ const _6 = (e, r, t, a = !1) => e === c4.IndoPak ? `${e}_${t}-font-size-${r}` :
   onWordClick: a,
   onWordHover: i
 }) => {
-  const { fontScale: n } = D(), [s] = e, {
+  const { fontScale: n } = j(), [s] = e, {
     line_number: u,
     page_number: o,
     location: C,
     verse_key: h
-  } = s, f = J(
+  } = s, f = Q(
     () => i6(o, u),
     [o, u]
-  ), l = h6(C), d = n > 3, { chapterId: A } = l, q = t ? "h1" : "div", v = _6(g6, n, C4.FifteenLines, !0);
+  ), l = h6(C), d = n > 3, { chapterId: T } = l, q = t ? "h1" : "div", y = _6(g6, n, C4.FifteenLines, !0);
   return /* @__PURE__ */ c(X3, { children: /* @__PURE__ */ c(
     q,
     {
       "data-verse-key": h,
       "data-page": o,
-      "data-chapter-id": A,
+      "data-chapter-id": T,
       className: I(B.verseTextContainer, {
         [B.largeMushafTextLayoutContainer]: d,
         [B.highlighted]: r,
-        [B[v]]: !0
+        [B[y]]: !0
       }),
       children: /* @__PURE__ */ c(
         "div",
@@ -429,14 +432,14 @@ const _6 = (e, r, t, a = !1) => e === c4.IndoPak ? `${e}_${t}-font-size-${r}` :
   onWordHover: s,
   borderColor: u
 }) => {
-  const { pageNumber: o } = D(), C = o4(r[0].location), h = C[1] === "1" && C[2] === "1", f = o === 1 || o === 2, l = !1;
+  const { pageNumber: o } = j(), C = o4(r[0].location), h = C[1] === "1" && C[2] === "1", f = o === 1 || o === 2, l = !1;
   return /* @__PURE__ */ L(
     "div",
     {
       id: e,
-      className: I(V.container, {
-        [V.highlighted]: l,
-        [V.mobileInline]: t
+      className: I(F.container, {
+        [F.highlighted]: l,
+        [F.mobileInline]: t
       }),
       role: "button",
       tabIndex: 0,
@@ -452,8 +455,8 @@ const _6 = (e, r, t, a = !1) => e === c4.IndoPak ? `${e}_${t}-font-size-${r}` :
         /* @__PURE__ */ c(
           "div",
           {
-            className: I(V.line, {
-              [V.mobileInline]: t
+            className: I(F.line, {
+              [F.mobileInline]: t
             }),
             children: /* @__PURE__ */ c(
               P6,
@@ -470,7 +473,7 @@ const _6 = (e, r, t, a = !1) => e === c4.IndoPak ? `${e}_${t}-font-size-${r}` :
       ]
     }
   );
-}, S6 = (e, r) => e.lineKey === r.lineKey && e.isBigTextLayout === r.isBigTextLayout && e.borderColor === r.borderColor, H6 = t4(R6, S6), x6 = "Page-container", I6 = "Page-border", L6 = "Page-blueBorder", O6 = "Page-sepiaBorder", E6 = "Page-bottomBorder", B6 = "Page-blueBottomBorder", z6 = "Page-sepiaBottomBorder", D6 = "Page-mobileCenterText", N6 = "Page-firstTwoPagesBorder", j6 = "Page-blueFirstTwoPagesBorder", V6 = "Page-sepiaFirstTwoPagesBorder", F6 = "Page-pageNumberContainer", G6 = "Page-pageNumber", Z6 = "Page-surah", K6 = "Page-juz", R = {
+}, S6 = (e, r) => e.lineKey === r.lineKey && e.isBigTextLayout === r.isBigTextLayout && e.borderColor === r.borderColor, H6 = t4(R6, S6), x6 = "Page-container", I6 = "Page-border", L6 = "Page-blueBorder", O6 = "Page-sepiaBorder", E6 = "Page-bottomBorder", B6 = "Page-blueBottomBorder", z6 = "Page-sepiaBottomBorder", D6 = "Page-mobileCenterText", N6 = "Page-firstTwoPagesBorder", j6 = "Page-blueFirstTwoPagesBorder", V6 = "Page-sepiaFirstTwoPagesBorder", F6 = "Page-pageNumberContainer", G6 = "Page-pageNumber", Z6 = "Page-surah", K6 = "Page-juz", S = {
   container: x6,
   border: I6,
   blueBorder: L6,
@@ -491,7 +494,7 @@ var i1, O0;
 function f4() {
   if (O0) return i1;
   O0 = 1;
-  var e = typeof W == "object" && W && W.Object === Object && W;
+  var e = typeof J == "object" && J && J.Object === Object && J;
   return i1 = e, i1;
 }
 var s1, E0;
@@ -502,7 +505,7 @@ function O() {
   return s1 = t, s1;
 }
 var u1, B0;
-function Q() {
+function X() {
   if (B0) return u1;
   B0 = 1;
   var e = O(), r = e.Symbol;
@@ -512,7 +515,7 @@ var o1, z0;
 function $6() {
   if (z0) return o1;
   z0 = 1;
-  var e = Q(), r = Object.prototype, t = r.hasOwnProperty, a = r.toString, i = e ? e.toStringTag : void 0;
+  var e = X(), r = Object.prototype, t = r.hasOwnProperty, a = r.toString, i = e ? e.toStringTag : void 0;
   function n(s) {
     var u = t.call(s, i), o = s[i];
     try {
@@ -536,10 +539,10 @@ function k6() {
   return c1 = t, c1;
 }
 var C1, N0;
-function $() {
+function k() {
   if (N0) return C1;
   N0 = 1;
-  var e = Q(), r = $6(), t = k6(), a = "[object Null]", i = "[object Undefined]", n = e ? e.toStringTag : void 0;
+  var e = X(), r = $6(), t = k6(), a = "[object Null]", i = "[object Undefined]", n = e ? e.toStringTag : void 0;
   function s(u) {
     return u == null ? u === void 0 ? i : a : n && n in Object(u) ? r(u) : t(u);
   }
@@ -559,7 +562,7 @@ var h1, V0;
 function h4() {
   if (V0) return h1;
   V0 = 1;
-  var e = $(), r = T0(), t = "[object AsyncFunction]", a = "[object Function]", i = "[object GeneratorFunction]", n = "[object Proxy]";
+  var e = k(), r = T0(), t = "[object AsyncFunction]", a = "[object Function]", i = "[object GeneratorFunction]", n = "[object Proxy]";
   function s(u) {
     if (!r(u))
       return !1;
@@ -633,7 +636,7 @@ function Q6() {
   return v1 = e, v1;
 }
 var p1, k0;
-function N() {
+function V() {
   if (k0) return p1;
   k0 = 1;
   var e = J6(), r = Q6();
@@ -647,7 +650,7 @@ var y1, U0;
 function X6() {
   if (U0) return y1;
   U0 = 1;
-  var e = N(), r = (function() {
+  var e = V(), r = (function() {
     try {
       var t = e(Object, "defineProperty");
       return t({}, "", {}), t;
@@ -719,7 +722,7 @@ function a5() {
   return A1 = e, A1;
 }
 var w1, e9;
-function k() {
+function U() {
   if (e9) return w1;
   e9 = 1;
   function e(r) {
@@ -731,7 +734,7 @@ var M1, r9;
 function n5() {
   if (r9) return M1;
   r9 = 1;
-  var e = $(), r = k(), t = "[object Arguments]";
+  var e = k(), r = U(), t = "[object Arguments]";
   function a(i) {
     return r(i) && e(i) == t;
   }
@@ -741,7 +744,7 @@ var P1, t9;
 function d4() {
   if (t9) return P1;
   t9 = 1;
-  var e = n5(), r = k(), t = Object.prototype, a = t.hasOwnProperty, i = t.propertyIsEnumerable, n = e(/* @__PURE__ */ (function() {
+  var e = n5(), r = U(), t = Object.prototype, a = t.hasOwnProperty, i = t.propertyIsEnumerable, n = e(/* @__PURE__ */ (function() {
     return arguments;
   })()) ? e : function(s) {
     return r(s) && a.call(s, "callee") && !i.call(s, "callee");
@@ -755,7 +758,7 @@ function E() {
   var e = Array.isArray;
   return R1 = e, R1;
 }
-var G = { exports: {} }, S1, n9;
+var Z = { exports: {} }, S1, n9;
 function i5() {
   if (n9) return S1;
   n9 = 1;
@@ -764,13 +767,13 @@ function i5() {
   }
   return S1 = e, S1;
 }
-G.exports;
+Z.exports;
 var i9;
 function g4() {
   return i9 || (i9 = 1, (function(e, r) {
     var t = O(), a = i5(), i = r && !r.nodeType && r, n = i && !0 && e && !e.nodeType && e, s = n && n.exports === i, u = s ? t.Buffer : void 0, o = u ? u.isBuffer : void 0, C = o || a;
     e.exports = C;
-  })(G, G.exports)), G.exports;
+  })(Z, Z.exports)), Z.exports;
 }
 var H1, s9;
 function _4() {
@@ -797,12 +800,12 @@ var I1, o9;
 function s5() {
   if (o9) return I1;
   o9 = 1;
-  var e = $(), r = A0(), t = k(), a = "[object Arguments]", i = "[object Array]", n = "[object Boolean]", s = "[object Date]", u = "[object Error]", o = "[object Function]", C = "[object Map]", h = "[object Number]", f = "[object Object]", l = "[object RegExp]", d = "[object Set]", A = "[object String]", q = "[object WeakMap]", v = "[object ArrayBuffer]", _ = "[object DataView]", g = "[object Float32Array]", w = "[object Float64Array]", p = "[object Int8Array]", M = "[object Int16Array]", m = "[object Int32Array]", y = "[object Uint8Array]", T = "[object Uint8ClampedArray]", P = "[object Uint16Array]", H = "[object Uint32Array]", b = {};
-  b[g] = b[w] = b[p] = b[M] = b[m] = b[y] = b[T] = b[P] = b[H] = !0, b[a] = b[i] = b[v] = b[n] = b[_] = b[s] = b[u] = b[o] = b[C] = b[h] = b[f] = b[l] = b[d] = b[A] = b[q] = !1;
-  function S(x) {
-    return t(x) && r(x.length) && !!b[e(x)];
+  var e = k(), r = A0(), t = U(), a = "[object Arguments]", i = "[object Array]", n = "[object Boolean]", s = "[object Date]", u = "[object Error]", o = "[object Function]", C = "[object Map]", h = "[object Number]", f = "[object Object]", l = "[object RegExp]", d = "[object Set]", T = "[object String]", q = "[object WeakMap]", y = "[object ArrayBuffer]", _ = "[object DataView]", v = "[object Float32Array]", w = "[object Float64Array]", p = "[object Int8Array]", A = "[object Int16Array]", m = "[object Int32Array]", b = "[object Uint8Array]", P = "[object Uint8ClampedArray]", R = "[object Uint16Array]", M = "[object Uint32Array]", g = {};
+  g[v] = g[w] = g[p] = g[A] = g[m] = g[b] = g[P] = g[R] = g[M] = !0, g[a] = g[i] = g[y] = g[n] = g[_] = g[s] = g[u] = g[o] = g[C] = g[h] = g[f] = g[l] = g[d] = g[T] = g[q] = !1;
+  function x(H) {
+    return t(H) && r(H.length) && !!g[e(H)];
   }
-  return I1 = S, I1;
+  return I1 = x, I1;
 }
 var L1, c9;
 function u5() {
@@ -815,8 +818,8 @@ function u5() {
   }
   return L1 = e, L1;
 }
-var Z = { exports: {} };
-Z.exports;
+var K = { exports: {} };
+K.exports;
 var C9;
 function o5() {
   return C9 || (C9 = 1, (function(e, r) {
@@ -828,7 +831,7 @@ function o5() {
       }
     })();
     e.exports = u;
-  })(Z, Z.exports)), Z.exports;
+  })(K, K.exports)), K.exports;
 }
 var O1, f9;
 function v4() {
@@ -843,14 +846,14 @@ function c5() {
   h9 = 1;
   var e = a5(), r = d4(), t = E(), a = g4(), i = _4(), n = v4(), s = Object.prototype, u = s.hasOwnProperty;
   function o(C, h) {
-    var f = t(C), l = !f && r(C), d = !f && !l && a(C), A = !f && !l && !d && n(C), q = f || l || d || A, v = q ? e(C.length, String) : [], _ = v.length;
-    for (var g in C)
-      (h || u.call(C, g)) && !(q && // Safari 9 has enumerable `arguments.length` in strict mode.
-      (g == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-      d && (g == "offset" || g == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-      A && (g == "buffer" || g == "byteLength" || g == "byteOffset") || // Skip index properties.
-      i(g, _))) && v.push(g);
-    return v;
+    var f = t(C), l = !f && r(C), d = !f && !l && a(C), T = !f && !l && !d && n(C), q = f || l || d || T, y = q ? e(C.length, String) : [], _ = y.length;
+    for (var v in C)
+      (h || u.call(C, v)) && !(q && // Safari 9 has enumerable `arguments.length` in strict mode.
+      (v == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+      d && (v == "offset" || v == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+      T && (v == "buffer" || v == "byteLength" || v == "byteOffset") || // Skip index properties.
+      i(v, _))) && y.push(v);
+    return y;
   }
   return E1 = o, E1;
 }
@@ -984,7 +987,7 @@ function y4() {
   return k1 = e, k1;
 }
 var U1, w9;
-function X() {
+function Y() {
   if (w9) return U1;
   w9 = 1;
   var e = y4();
@@ -1000,7 +1003,7 @@ var W1, M9;
 function y5() {
   if (M9) return W1;
   M9 = 1;
-  var e = X(), r = Array.prototype, t = r.splice;
+  var e = Y(), r = Array.prototype, t = r.splice;
   function a(i) {
     var n = this.__data__, s = e(n, i);
     if (s < 0)
@@ -1014,7 +1017,7 @@ var J1, P9;
 function b5() {
   if (P9) return J1;
   P9 = 1;
-  var e = X();
+  var e = Y();
   function r(t) {
     var a = this.__data__, i = e(a, t);
     return i < 0 ? void 0 : a[i][1];
@@ -1025,7 +1028,7 @@ var Q1, R9;
 function m5() {
   if (R9) return Q1;
   R9 = 1;
-  var e = X();
+  var e = Y();
   function r(t) {
     return e(this.__data__, t) > -1;
   }
@@ -1035,7 +1038,7 @@ var X1, S9;
 function q5() {
   if (S9) return X1;
   S9 = 1;
-  var e = X();
+  var e = Y();
   function r(t, a) {
     var i = this.__data__, n = e(i, t);
     return n < 0 ? (++this.size, i.push([t, a])) : i[n][1] = a, this;
@@ -1043,7 +1046,7 @@ function q5() {
   return X1 = r, X1;
 }
 var Y1, H9;
-function Y() {
+function e1() {
   if (H9) return Y1;
   H9 = 1;
   var e = p5(), r = y5(), t = b5(), a = m5(), i = q5();
@@ -1060,7 +1063,7 @@ var e2, x9;
 function T5() {
   if (x9) return e2;
   x9 = 1;
-  var e = Y();
+  var e = e1();
   function r() {
     this.__data__ = new e(), this.size = 0;
   }
@@ -1098,21 +1101,21 @@ var n2, E9;
 function M0() {
   if (E9) return n2;
   E9 = 1;
-  var e = N(), r = O(), t = e(r, "Map");
+  var e = V(), r = O(), t = e(r, "Map");
   return n2 = t, n2;
 }
 var i2, B9;
-function e1() {
+function r1() {
   if (B9) return i2;
   B9 = 1;
-  var e = N(), r = e(Object, "create");
+  var e = V(), r = e(Object, "create");
   return i2 = r, i2;
 }
 var s2, z9;
 function P5() {
   if (z9) return s2;
   z9 = 1;
-  var e = e1();
+  var e = r1();
   function r() {
     this.__data__ = e ? e(null) : {}, this.size = 0;
   }
@@ -1132,7 +1135,7 @@ var o2, N9;
 function S5() {
   if (N9) return o2;
   N9 = 1;
-  var e = e1(), r = "__lodash_hash_undefined__", t = Object.prototype, a = t.hasOwnProperty;
+  var e = r1(), r = "__lodash_hash_undefined__", t = Object.prototype, a = t.hasOwnProperty;
   function i(n) {
     var s = this.__data__;
     if (e) {
@@ -1147,7 +1150,7 @@ var c2, j9;
 function H5() {
   if (j9) return c2;
   j9 = 1;
-  var e = e1(), r = Object.prototype, t = r.hasOwnProperty;
+  var e = r1(), r = Object.prototype, t = r.hasOwnProperty;
   function a(i) {
     var n = this.__data__;
     return e ? n[i] !== void 0 : t.call(n, i);
@@ -1158,7 +1161,7 @@ var C2, V9;
 function x5() {
   if (V9) return C2;
   V9 = 1;
-  var e = e1(), r = "__lodash_hash_undefined__";
+  var e = r1(), r = "__lodash_hash_undefined__";
   function t(a, i) {
     var n = this.__data__;
     return this.size += this.has(a) ? 0 : 1, n[a] = e && i === void 0 ? r : i, this;
@@ -1183,7 +1186,7 @@ var h2, G9;
 function L5() {
   if (G9) return h2;
   G9 = 1;
-  var e = I5(), r = Y(), t = M0();
+  var e = I5(), r = e1(), t = M0();
   function a() {
     this.size = 0, this.__data__ = {
       hash: new e(),
@@ -1204,7 +1207,7 @@ function O5() {
   return l2 = e, l2;
 }
 var d2, K9;
-function r1() {
+function t1() {
   if (K9) return d2;
   K9 = 1;
   var e = O5();
@@ -1218,7 +1221,7 @@ var g2, $9;
 function E5() {
   if ($9) return g2;
   $9 = 1;
-  var e = r1();
+  var e = t1();
   function r(t) {
     var a = e(this, t).delete(t);
     return this.size -= a ? 1 : 0, a;
@@ -1229,7 +1232,7 @@ var _2, k9;
 function B5() {
   if (k9) return _2;
   k9 = 1;
-  var e = r1();
+  var e = t1();
   function r(t) {
     return e(this, t).get(t);
   }
@@ -1239,7 +1242,7 @@ var v2, U9;
 function z5() {
   if (U9) return v2;
   U9 = 1;
-  var e = r1();
+  var e = t1();
   function r(t) {
     return e(this, t).has(t);
   }
@@ -1249,7 +1252,7 @@ var p2, W9;
 function D5() {
   if (W9) return p2;
   W9 = 1;
-  var e = r1();
+  var e = t1();
   function r(t, a) {
     var i = e(this, t), n = i.size;
     return i.set(t, a), this.size += i.size == n ? 0 : 1, this;
@@ -1274,7 +1277,7 @@ var b2, Q9;
 function N5() {
   if (Q9) return b2;
   Q9 = 1;
-  var e = Y(), r = M0(), t = P0(), a = 200;
+  var e = e1(), r = M0(), t = P0(), a = 200;
   function i(n, s) {
     var u = this.__data__;
     if (u instanceof e) {
@@ -1291,7 +1294,7 @@ var m2, X9;
 function b4() {
   if (X9) return m2;
   X9 = 1;
-  var e = Y(), r = T5(), t = A5(), a = w5(), i = M5(), n = N5();
+  var e = e1(), r = T5(), t = A5(), a = w5(), i = M5(), n = N5();
   function s(u) {
     var o = this.__data__ = new e(u);
     this.size = o.size;
@@ -1356,37 +1359,37 @@ function m4() {
   n3 = 1;
   var e = F5(), r = G5(), t = Z5(), a = 1, i = 2;
   function n(s, u, o, C, h, f) {
-    var l = o & a, d = s.length, A = u.length;
-    if (d != A && !(l && A > d))
+    var l = o & a, d = s.length, T = u.length;
+    if (d != T && !(l && T > d))
       return !1;
-    var q = f.get(s), v = f.get(u);
-    if (q && v)
-      return q == u && v == s;
-    var _ = -1, g = !0, w = o & i ? new e() : void 0;
+    var q = f.get(s), y = f.get(u);
+    if (q && y)
+      return q == u && y == s;
+    var _ = -1, v = !0, w = o & i ? new e() : void 0;
     for (f.set(s, u), f.set(u, s); ++_ < d; ) {
-      var p = s[_], M = u[_];
+      var p = s[_], A = u[_];
       if (C)
-        var m = l ? C(M, p, _, u, s, f) : C(p, M, _, s, u, f);
+        var m = l ? C(A, p, _, u, s, f) : C(p, A, _, s, u, f);
       if (m !== void 0) {
         if (m)
           continue;
-        g = !1;
+        v = !1;
         break;
       }
       if (w) {
-        if (!r(u, function(y, T) {
-          if (!t(w, T) && (p === y || h(p, y, o, C, f)))
-            return w.push(T);
+        if (!r(u, function(b, P) {
+          if (!t(w, P) && (p === b || h(p, b, o, C, f)))
+            return w.push(P);
         })) {
-          g = !1;
+          v = !1;
           break;
         }
-      } else if (!(p === M || h(p, M, o, C, f))) {
-        g = !1;
+      } else if (!(p === A || h(p, A, o, C, f))) {
+        v = !1;
         break;
       }
     }
-    return f.delete(s), f.delete(u), g;
+    return f.delete(s), f.delete(u), v;
   }
   return P2 = n, P2;
 }
@@ -1425,43 +1428,43 @@ var x2, o3;
 function U5() {
   if (o3) return x2;
   o3 = 1;
-  var e = Q(), r = K5(), t = y4(), a = m4(), i = $5(), n = k5(), s = 1, u = 2, o = "[object Boolean]", C = "[object Date]", h = "[object Error]", f = "[object Map]", l = "[object Number]", d = "[object RegExp]", A = "[object Set]", q = "[object String]", v = "[object Symbol]", _ = "[object ArrayBuffer]", g = "[object DataView]", w = e ? e.prototype : void 0, p = w ? w.valueOf : void 0;
-  function M(m, y, T, P, H, b, S) {
-    switch (T) {
-      case g:
-        if (m.byteLength != y.byteLength || m.byteOffset != y.byteOffset)
+  var e = X(), r = K5(), t = y4(), a = m4(), i = $5(), n = k5(), s = 1, u = 2, o = "[object Boolean]", C = "[object Date]", h = "[object Error]", f = "[object Map]", l = "[object Number]", d = "[object RegExp]", T = "[object Set]", q = "[object String]", y = "[object Symbol]", _ = "[object ArrayBuffer]", v = "[object DataView]", w = e ? e.prototype : void 0, p = w ? w.valueOf : void 0;
+  function A(m, b, P, R, M, g, x) {
+    switch (P) {
+      case v:
+        if (m.byteLength != b.byteLength || m.byteOffset != b.byteOffset)
           return !1;
-        m = m.buffer, y = y.buffer;
+        m = m.buffer, b = b.buffer;
       case _:
-        return !(m.byteLength != y.byteLength || !b(new r(m), new r(y)));
+        return !(m.byteLength != b.byteLength || !g(new r(m), new r(b)));
       case o:
       case C:
       case l:
-        return t(+m, +y);
+        return t(+m, +b);
       case h:
-        return m.name == y.name && m.message == y.message;
+        return m.name == b.name && m.message == b.message;
       case d:
       case q:
-        return m == y + "";
+        return m == b + "";
       case f:
-        var x = i;
-      case A:
-        var a1 = P & s;
-        if (x || (x = n), m.size != y.size && !a1)
+        var H = i;
+      case T:
+        var z = R & s;
+        if (H || (H = n), m.size != b.size && !z)
           return !1;
-        var U = S.get(m);
-        if (U)
-          return U == y;
-        P |= u, S.set(m, y);
-        var P4 = a(x(m), x(y), P, H, b, S);
-        return S.delete(m), P4;
-      case v:
+        var W = x.get(m);
+        if (W)
+          return W == b;
+        R |= u, x.set(m, b);
+        var P4 = a(H(m), H(b), R, M, g, x);
+        return x.delete(m), P4;
+      case y:
         if (p)
-          return p.call(m) == p.call(y);
+          return p.call(m) == p.call(b);
     }
     return !1;
   }
-  return x2 = M, x2;
+  return x2 = A, x2;
 }
 var I2, c3;
 function W5() {
@@ -1534,33 +1537,33 @@ function re() {
   g3 = 1;
   var e = ee(), r = 1, t = Object.prototype, a = t.hasOwnProperty;
   function i(n, s, u, o, C, h) {
-    var f = u & r, l = e(n), d = l.length, A = e(s), q = A.length;
+    var f = u & r, l = e(n), d = l.length, T = e(s), q = T.length;
     if (d != q && !f)
       return !1;
-    for (var v = d; v--; ) {
-      var _ = l[v];
+    for (var y = d; y--; ) {
+      var _ = l[y];
       if (!(f ? _ in s : a.call(s, _)))
         return !1;
     }
-    var g = h.get(n), w = h.get(s);
-    if (g && w)
-      return g == s && w == n;
+    var v = h.get(n), w = h.get(s);
+    if (v && w)
+      return v == s && w == n;
     var p = !0;
     h.set(n, s), h.set(s, n);
-    for (var M = f; ++v < d; ) {
-      _ = l[v];
-      var m = n[_], y = s[_];
+    for (var A = f; ++y < d; ) {
+      _ = l[y];
+      var m = n[_], b = s[_];
       if (o)
-        var T = f ? o(y, m, _, s, n, h) : o(m, y, _, n, s, h);
-      if (!(T === void 0 ? m === y || C(m, y, u, o, h) : T)) {
+        var P = f ? o(b, m, _, s, n, h) : o(m, b, _, n, s, h);
+      if (!(P === void 0 ? m === b || C(m, b, u, o, h) : P)) {
         p = !1;
         break;
       }
-      M || (M = _ == "constructor");
+      A || (A = _ == "constructor");
     }
-    if (p && !M) {
-      var P = n.constructor, H = s.constructor;
-      P != H && "constructor" in n && "constructor" in s && !(typeof P == "function" && P instanceof P && typeof H == "function" && H instanceof H) && (p = !1);
+    if (p && !A) {
+      var R = n.constructor, M = s.constructor;
+      R != M && "constructor" in n && "constructor" in s && !(typeof R == "function" && R instanceof R && typeof M == "function" && M instanceof M) && (p = !1);
     }
     return h.delete(n), h.delete(s), p;
   }
@@ -1570,85 +1573,85 @@ var N2, _3;
 function te() {
   if (_3) return N2;
   _3 = 1;
-  var e = N(), r = O(), t = e(r, "DataView");
+  var e = V(), r = O(), t = e(r, "DataView");
   return N2 = t, N2;
 }
 var j2, v3;
 function ae() {
   if (v3) return j2;
   v3 = 1;
-  var e = N(), r = O(), t = e(r, "Promise");
+  var e = V(), r = O(), t = e(r, "Promise");
   return j2 = t, j2;
 }
 var V2, p3;
 function ne() {
   if (p3) return V2;
   p3 = 1;
-  var e = N(), r = O(), t = e(r, "Set");
+  var e = V(), r = O(), t = e(r, "Set");
   return V2 = t, V2;
 }
 var F2, y3;
 function ie() {
   if (y3) return F2;
   y3 = 1;
-  var e = N(), r = O(), t = e(r, "WeakMap");
+  var e = V(), r = O(), t = e(r, "WeakMap");
   return F2 = t, F2;
 }
 var G2, b3;
 function se() {
   if (b3) return G2;
   b3 = 1;
-  var e = te(), r = M0(), t = ae(), a = ne(), i = ie(), n = $(), s = l4(), u = "[object Map]", o = "[object Object]", C = "[object Promise]", h = "[object Set]", f = "[object WeakMap]", l = "[object DataView]", d = s(e), A = s(r), q = s(t), v = s(a), _ = s(i), g = n;
-  return (e && g(new e(new ArrayBuffer(1))) != l || r && g(new r()) != u || t && g(t.resolve()) != C || a && g(new a()) != h || i && g(new i()) != f) && (g = function(w) {
-    var p = n(w), M = p == o ? w.constructor : void 0, m = M ? s(M) : "";
+  var e = te(), r = M0(), t = ae(), a = ne(), i = ie(), n = k(), s = l4(), u = "[object Map]", o = "[object Object]", C = "[object Promise]", h = "[object Set]", f = "[object WeakMap]", l = "[object DataView]", d = s(e), T = s(r), q = s(t), y = s(a), _ = s(i), v = n;
+  return (e && v(new e(new ArrayBuffer(1))) != l || r && v(new r()) != u || t && v(t.resolve()) != C || a && v(new a()) != h || i && v(new i()) != f) && (v = function(w) {
+    var p = n(w), A = p == o ? w.constructor : void 0, m = A ? s(A) : "";
     if (m)
       switch (m) {
         case d:
           return l;
-        case A:
+        case T:
           return u;
         case q:
           return C;
-        case v:
+        case y:
           return h;
         case _:
           return f;
       }
     return p;
-  }), G2 = g, G2;
+  }), G2 = v, G2;
 }
 var Z2, m3;
 function ue() {
   if (m3) return Z2;
   m3 = 1;
   var e = b4(), r = m4(), t = U5(), a = re(), i = se(), n = E(), s = g4(), u = v4(), o = 1, C = "[object Arguments]", h = "[object Array]", f = "[object Object]", l = Object.prototype, d = l.hasOwnProperty;
-  function A(q, v, _, g, w, p) {
-    var M = n(q), m = n(v), y = M ? h : i(q), T = m ? h : i(v);
-    y = y == C ? f : y, T = T == C ? f : T;
-    var P = y == f, H = T == f, b = y == T;
-    if (b && s(q)) {
-      if (!s(v))
+  function T(q, y, _, v, w, p) {
+    var A = n(q), m = n(y), b = A ? h : i(q), P = m ? h : i(y);
+    b = b == C ? f : b, P = P == C ? f : P;
+    var R = b == f, M = P == f, g = b == P;
+    if (g && s(q)) {
+      if (!s(y))
         return !1;
-      M = !0, P = !1;
+      A = !0, R = !1;
     }
-    if (b && !P)
-      return p || (p = new e()), M || u(q) ? r(q, v, _, g, w, p) : t(q, v, y, _, g, w, p);
+    if (g && !R)
+      return p || (p = new e()), A || u(q) ? r(q, y, _, v, w, p) : t(q, y, b, _, v, w, p);
     if (!(_ & o)) {
-      var S = P && d.call(q, "__wrapped__"), x = H && d.call(v, "__wrapped__");
-      if (S || x) {
-        var a1 = S ? q.value() : q, U = x ? v.value() : v;
-        return p || (p = new e()), w(a1, U, _, g, p);
+      var x = R && d.call(q, "__wrapped__"), H = M && d.call(y, "__wrapped__");
+      if (x || H) {
+        var z = x ? q.value() : q, W = H ? y.value() : y;
+        return p || (p = new e()), w(z, W, _, v, p);
       }
     }
-    return b ? (p || (p = new e()), a(q, v, _, g, w, p)) : !1;
+    return g ? (p || (p = new e()), a(q, y, _, v, w, p)) : !1;
   }
-  return Z2 = A, Z2;
+  return Z2 = T, Z2;
 }
 var K2, q3;
 function q4() {
   if (q3) return K2;
   q3 = 1;
-  var e = ue(), r = k();
+  var e = ue(), r = U();
   function t(a, i, n, s, u) {
     return a === i ? !0 : a == null || i == null || !r(a) && !r(i) ? a !== a && i !== i : e(a, i, n, s, t, u);
   }
@@ -1670,15 +1673,15 @@ function oe() {
     }
     for (; ++C < h; ) {
       l = u[C];
-      var d = l[0], A = n[d], q = l[1];
+      var d = l[0], T = n[d], q = l[1];
       if (f && l[2]) {
-        if (A === void 0 && !(d in n))
+        if (T === void 0 && !(d in n))
           return !1;
       } else {
-        var v = new e();
+        var y = new e();
         if (o)
-          var _ = o(A, q, d, n, s, v);
-        if (!(_ === void 0 ? r(q, A, t | a, o, v) : _))
+          var _ = o(T, q, d, n, s, y);
+        if (!(_ === void 0 ? r(q, T, t | a, o, y) : _))
           return !1;
       }
     }
@@ -1738,7 +1741,7 @@ var Q2, R3;
 function R0() {
   if (R3) return Q2;
   R3 = 1;
-  var e = $(), r = k(), t = "[object Symbol]";
+  var e = k(), r = U(), t = "[object Symbol]";
   function a(i) {
     return typeof i == "symbol" || r(i) && e(i) == t;
   }
@@ -1816,7 +1819,7 @@ var a0, O3;
 function ge() {
   if (O3) return a0;
   O3 = 1;
-  var e = Q(), r = de(), t = E(), a = R0(), i = e ? e.prototype : void 0, n = i ? i.toString : void 0;
+  var e = X(), r = de(), t = E(), a = R0(), i = e ? e.prototype : void 0, n = i ? i.toString : void 0;
   function s(u) {
     if (typeof u == "string")
       return u;
@@ -1850,7 +1853,7 @@ function w4() {
   return i0 = i, i0;
 }
 var s0, z3;
-function t1() {
+function a1() {
   if (z3) return s0;
   z3 = 1;
   var e = R0();
@@ -1866,7 +1869,7 @@ var u0, D3;
 function M4() {
   if (D3) return u0;
   D3 = 1;
-  var e = w4(), r = t1();
+  var e = w4(), r = a1();
   function t(a, i) {
     i = e(i, a);
     for (var n = 0, s = i.length; a != null && n < s; )
@@ -1899,7 +1902,7 @@ var C0, V3;
 function ye() {
   if (V3) return C0;
   V3 = 1;
-  var e = w4(), r = d4(), t = E(), a = _4(), i = A0(), n = t1();
+  var e = w4(), r = d4(), t = E(), a = _4(), i = A0(), n = a1();
   function s(u, o, C) {
     o = e(o, u);
     for (var h = -1, f = o.length, l = !1; ++h < f; ) {
@@ -1926,7 +1929,7 @@ var h0, G3;
 function me() {
   if (G3) return h0;
   G3 = 1;
-  var e = q4(), r = ve(), t = be(), a = S0(), i = T4(), n = A4(), s = t1(), u = 1, o = 2;
+  var e = q4(), r = ve(), t = be(), a = S0(), i = T4(), n = A4(), s = a1(), u = 1, o = 2;
   function C(h, f) {
     return a(h) && i(f) ? n(s(h), f) : function(l) {
       var d = r(l, h);
@@ -1971,7 +1974,7 @@ var _0, k3;
 function we() {
   if (k3) return _0;
   k3 = 1;
-  var e = Te(), r = Ae(), t = S0(), a = t1();
+  var e = Te(), r = Ae(), t = S0(), a = a1();
   function i(n) {
     return t(n) ? e(a(n)) : r(n);
   }
@@ -2019,9 +2022,9 @@ const He = /* @__PURE__ */ a4(Se), xe = (e) => {
   green: Ie,
   blue: Le,
   sepia: Oe
-}, Be = ({ value: e, borderColor: r }) => /* @__PURE__ */ L("div", { className: R.pageNumberContainer, children: [
+}, Be = ({ value: e, borderColor: r }) => /* @__PURE__ */ L("div", { className: S.pageNumberContainer, children: [
   /* @__PURE__ */ c("img", { src: Ee[r || "green"] }),
-  /* @__PURE__ */ c("p", { className: R.pageNumber, children: e })
+  /* @__PURE__ */ c("p", { className: S.pageNumber, children: e })
 ] }), Q3 = ({
   className: e,
   children: r,
@@ -2374,7 +2377,7 @@ const He = /* @__PURE__ */ a4(Se), xe = (e) => {
             fontSize: "16",
             fontWeight: "500",
             fontFamily: "UthmanicHafs",
-            className: z.filled,
+            className: N.filled,
             children: r
           }
         )
@@ -2420,7 +2423,7 @@ const He = /* @__PURE__ */ a4(Se), xe = (e) => {
   onWordHover: i,
   borderColor: n
 }) => {
-  const { fontScale: s, hasBorder: u } = D(), o = J(
+  const { fontScale: s, hasBorder: u } = j(), o = Q(
     () => e && e.length ? xe(e) : {},
     [e]
   ), C = s > 3, h = e && e.length ? e[0] : void 0, f = r === 1 || r === 2;
@@ -2428,25 +2431,25 @@ const He = /* @__PURE__ */ a4(Se), xe = (e) => {
     "div",
     {
       id: `page-${r}`,
-      className: I(R.container, {
-        [R.mobileCenterText]: C,
-        [R.border]: u,
-        [R.blueBorder]: u && n === "blue",
-        [R.sepiaBorder]: u && n === "sepia"
+      className: I(S.container, {
+        [S.mobileCenterText]: C,
+        [S.border]: u,
+        [S.blueBorder]: u && n === "blue",
+        [S.sepiaBorder]: u && n === "sepia"
       }),
       style: { position: "relative" },
       children: [
         u && /* @__PURE__ */ L(X3, { children: [
-          /* @__PURE__ */ c(Q3, { borderColor: n, className: R.surah, children: h?.surah?.name }),
-          /* @__PURE__ */ c(Q3, { borderColor: n, className: R.juz, children: De(h?.juz || 1) })
+          /* @__PURE__ */ c(Q3, { borderColor: n, className: S.surah, children: h?.surah?.name }),
+          /* @__PURE__ */ c(Q3, { borderColor: n, className: S.juz, children: De(h?.juz || 1) })
         ] }),
         /* @__PURE__ */ L(
           "div",
           {
             className: I({
-              [R.bottomBorder]: u && f,
-              [R.blueBottomBorder]: u && f && n === "blue",
-              [R.sepiaBottomBorder]: u && f && n === "sepia"
+              [S.bottomBorder]: u && f,
+              [S.blueBottomBorder]: u && f && n === "blue",
+              [S.sepiaBottomBorder]: u && f && n === "sepia"
             }),
             style: { width: "100%" },
             children: [
@@ -2462,9 +2465,9 @@ const He = /* @__PURE__ */ a4(Se), xe = (e) => {
                 "div",
                 {
                   className: I({
-                    [R.firstTwoPagesBorder]: u && f,
-                    [R.blueFirstTwoPagesBorder]: u && f && n === "blue",
-                    [R.sepiaFirstTwoPagesBorder]: u && f && n === "sepia"
+                    [S.firstTwoPagesBorder]: u && f,
+                    [S.blueFirstTwoPagesBorder]: u && f && n === "blue",
+                    [S.sepiaFirstTwoPagesBorder]: u && f && n === "sepia"
                   }),
                   children: [
                     r === 2 && /* @__PURE__ */ c("div", { className: m0.bismillahContainer, children: /* @__PURE__ */ c(s4, {}) }),
@@ -2493,7 +2496,7 @@ const He = /* @__PURE__ */ a4(Se), xe = (e) => {
     }
   );
 }, Fe = ({ onWordClick: e, onWordHover: r, styleOverride: t }) => {
-  const { ayat: a, nextPageAyat: i, pageNumber: n } = D();
+  const { ayat: a, nextPageAyat: i, pageNumber: n } = j();
   q0(() => {
     t?.borderColor && document.documentElement.style.setProperty(
       "--word-highlight-color",
@@ -2509,7 +2512,7 @@ const He = /* @__PURE__ */ a4(Se), xe = (e) => {
       t?.primaryFontColor
     );
   }, [t]);
-  const { isTwoPagesView: s } = D(), u = Number(n);
+  const { isTwoPagesView: s } = j(), u = Number(n);
   return /* @__PURE__ */ c("div", { className: I(x0.container), children: /* @__PURE__ */ c("div", { className: I(O4.container), children: s && i ? /* @__PURE__ */ L("div", { className: x0.twoPagesRow, children: [
     /* @__PURE__ */ c(
       b0,
@@ -2552,6 +2555,6 @@ export {
   Fe as Mushaf,
   Ve as MushafPageProvider,
   r6 as classnames,
-  D as useMushafContext
+  j as useMushafContext
 };
 //# sourceMappingURL=index.es.js.map