misraj-mushaf-renderer 1.3.12 → 1.3.13

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as c, jsxs as O, Fragment as r4 } from "react/jsx-runtime";
-import H4, { useState as j, useEffect as A0, useContext as w0, createContext as P0, useRef as t4, useCallback as K, useMemo as Q, memo as a4 } from "react";
+import H4, { useState as j, useEffect as A0, useContext as P0, createContext as w0, useRef as t4, useCallback as K, useMemo as Q, memo as a4 } from "react";
 var J = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function n4(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -56,12 +56,12 @@ const S = /* @__PURE__ */ n4(I4), O4 = "MushafReader-twoPagesRow", L4 = {
       n.removeEventListener("change", a);
     };
   }, [e]), r;
-}, D4 = "https://api.quranhub.com/", N4 = (e, r = "quran-hafs") => {
-  const t = new URL(`v1/page/${Number(e)}/${r}`, D4);
+}, N4 = "https://api.quranhub.com/", D4 = (e, r = "quran-hafs") => {
+  const t = new URL(`v1/page/${Number(e)}/${r}`, N4);
   return t.searchParams.set("words", "true"), t.toString();
 };
 async function B0(e, r, t) {
-  const a = await fetch(N4(e, typeof r == "string" && r ? r : "quran-hafs"), {
+  const a = await fetch(D4(e, typeof r == "string" && r ? r : "quran-hafs"), {
     cache: "default",
     // allow HTTP caching via ETag/Last-Modified
     signal: t
@@ -70,7 +70,7 @@ async function B0(e, r, t) {
     throw new Error(`Failed to load page ${e}: ${a.status} ${a.statusText}`);
   return await a.json();
 }
-const i4 = P0(void 0), s4 = P0(void 0), j4 = ({
+const i4 = w0(void 0), s4 = w0(void 0), j4 = ({
   children: e,
   dataId: r,
   pageNumber: t,
@@ -78,7 +78,7 @@ const i4 = P0(void 0), s4 = P0(void 0), j4 = ({
   hasBorder: a = !0,
   initialIsTwoPagesView: i = !1
 }) => {
-  const s = z4("(min-width: 1024px)"), [u, o] = j(n), [C, l] = j(null), [f, h] = j(null), [g, q] = j(null), [p, v] = j(null), _ = t4(null), d = s && i, w = K(async () => {
+  const s = z4("(min-width: 1024px)"), [u, o] = j(n), [C, l] = j(null), [f, h] = j(null), [g, q] = j(null), [p, v] = j(null), _ = t4(null), d = s && i, P = K(async () => {
     _.current?.abort();
     const A = new AbortController();
     _.current = A, v(null);
@@ -98,10 +98,10 @@ const i4 = P0(void 0), s4 = P0(void 0), j4 = ({
     } finally {
     }
   }, [t, r, d]);
-  A0(() => (w(), () => _.current?.abort()), [w]);
+  A0(() => (P(), () => _.current?.abort()), [P]);
   const y = K(() => {
     o((A) => A < 10 ? A + 1 : A);
-  }, []), P = K(() => {
+  }, []), w = K(() => {
     o((A) => A > 3 ? A - 1 : A);
   }, []), T = Q(
     () => ({
@@ -129,30 +129,30 @@ const i4 = P0(void 0), s4 = P0(void 0), j4 = ({
   ), b = Q(
     () => ({
       increaseFontScale: y,
-      decreaseFontScale: P,
+      decreaseFontScale: w,
       setSelectedVerse: l,
-      refresh: w
+      refresh: P
     }),
-    [y, P, l, w]
+    [y, w, l, P]
   );
   return /* @__PURE__ */ c(i4.Provider, { value: T, children: /* @__PURE__ */ c(s4.Provider, { value: b, children: e }) });
 }, F4 = () => {
-  const e = w0(i4);
+  const e = P0(i4);
   if (!e) throw new Error("useMushafPageState must be used within a MushafPageProvider");
   return e;
 }, V4 = () => {
-  const e = w0(s4);
+  const e = P0(s4);
   if (!e) throw new Error("useMushafPageActions must be used within a MushafPageProvider");
   return e;
-}, D = () => {
+}, N = () => {
   const e = F4(), r = V4();
   return { ...e, ...r };
 }, G4 = {
   green: "#3E9257",
   blue: "#2A5D73",
   sepia: "#A97C50"
-}, u4 = P0(void 0), $ = () => {
-  const e = w0(u4);
+}, u4 = w0(void 0), $ = () => {
+  const e = P0(u4);
   if (!e)
     throw new Error("useThemeContext must be used within a ThemeProvider");
   return e;
@@ -194,7 +194,7 @@ const i4 = P0(void 0), s4 = P0(void 0), j4 = ({
   blueBorder: X4,
   sepiaBorder: Y4
 }, E0 = ({ id: e }) => /* @__PURE__ */ c("span", { translate: "no", children: e?.padStart(3, "0") }), e6 = ({ chapterId: e, hasSurahPrefix: r = !0 }) => {
-  const { hasBorder: t } = D(), { themeProps: n, styleOverride: a } = $(), { borderColor: i } = n;
+  const { hasBorder: t } = N(), { themeProps: n, styleOverride: a } = $(), { borderColor: i } = n;
   return /* @__PURE__ */ O(
     "span",
     {
@@ -355,7 +355,7 @@ const b6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
   }
   return r;
 }, q6 = "data-word-location", T6 = ({ word: e, onWordClick: r, onWordHover: t }) => {
-  const { selectedVerse: n, dataId: a } = D(), { styleOverride: i } = $(), s = p6(e.verse_key, e.position), u = /* @__PURE__ */ c("span", { className: z.UthmanicHafs, children: e.text }), o = n?.numberInSurah === e.verse.numberInSurah, C = m6(a), l = K(
+  const { selectedVerse: n, dataId: a } = N(), { styleOverride: i } = $(), s = p6(e.verse_key, e.position), u = /* @__PURE__ */ c("span", { className: z.UthmanicHafs, children: e.text }), o = n?.numberInSurah === e.verse.numberInSurah, C = m6(a), l = K(
     (h) => {
       r && r(e, h);
     },
@@ -387,14 +387,14 @@ const b6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
       children: u
     }
   );
-}, A6 = a4(T6), w6 = ({
+}, A6 = a4(T6), P6 = ({
   words: e,
   isHighlighted: r,
   shouldShowH1ForSEO: t = !1,
   onWordClick: n,
   onWordHover: a
 }) => {
-  const { fontScale: i } = D(), { styleOverride: s } = $(), [u] = e, {
+  const { fontScale: i } = N(), { styleOverride: s } = $(), [u] = e, {
     line_number: o,
     page_number: C,
     location: l,
@@ -437,7 +437,7 @@ const b6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
       )
     }
   ) });
-}, P6 = H4.memo(w6), M6 = ({
+}, w6 = H4.memo(P6), M6 = ({
   lineKey: e,
   words: r,
   isBigTextLayout: t,
@@ -446,7 +446,7 @@ const b6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
   onWordClick: i,
   onWordHover: s
 }) => {
-  const { pageNumber: u } = D(), o = C4(r[0].location), C = o[1] === "1" && o[2] === "1", l = u === 1 || u === 2, f = !1;
+  const { pageNumber: u } = N(), o = C4(r[0].location), C = o[1] === "1" && o[2] === "1", l = u === 1 || u === 2, f = !1;
   return /* @__PURE__ */ O(
     "div",
     {
@@ -466,7 +466,7 @@ const b6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
               [F.mobileInline]: t
             }),
             children: /* @__PURE__ */ c(
-              P6,
+              w6,
               {
                 words: r,
                 isHighlighted: f,
@@ -480,7 +480,7 @@ const b6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
       ]
     }
   );
-}, R6 = (e, r) => e.lineKey === r.lineKey && e.isBigTextLayout === r.isBigTextLayout && e.borderColor === r.borderColor, S6 = a4(M6, R6), H6 = "Page-container", x6 = "Page-border", I6 = "Page-blueBorder", O6 = "Page-sepiaBorder", L6 = "Page-bottomBorder", B6 = "Page-blueBottomBorder", E6 = "Page-sepiaBottomBorder", z6 = "Page-mobileCenterText", D6 = "Page-firstTwoPagesBorder", N6 = "Page-blueFirstTwoPagesBorder", j6 = "Page-sepiaFirstTwoPagesBorder", F6 = "Page-pageNumberContainer", V6 = "Page-pageNumber", G6 = "Page-surah", Z6 = "Page-juz", R = {
+}, R6 = (e, r) => e.lineKey === r.lineKey && e.isBigTextLayout === r.isBigTextLayout && e.borderColor === r.borderColor, S6 = a4(M6, R6), H6 = "Page-container", x6 = "Page-border", I6 = "Page-blueBorder", O6 = "Page-sepiaBorder", L6 = "Page-bottomBorder", B6 = "Page-blueBottomBorder", E6 = "Page-sepiaBottomBorder", z6 = "Page-mobileCenterText", N6 = "Page-firstTwoPagesBorder", D6 = "Page-blueFirstTwoPagesBorder", j6 = "Page-sepiaFirstTwoPagesBorder", F6 = "Page-pageNumberContainer", V6 = "Page-pageNumber", G6 = "Page-surah", Z6 = "Page-juz", R = {
   container: H6,
   border: x6,
   blueBorder: I6,
@@ -489,8 +489,8 @@ const b6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
   blueBottomBorder: B6,
   sepiaBottomBorder: E6,
   mobileCenterText: z6,
-  firstTwoPagesBorder: D6,
-  blueFirstTwoPagesBorder: N6,
+  firstTwoPagesBorder: N6,
+  blueFirstTwoPagesBorder: D6,
   sepiaFirstTwoPagesBorder: j6,
   pageNumberContainer: F6,
   pageNumber: V6,
@@ -504,17 +504,17 @@ function h4() {
   var e = typeof J == "object" && J && J.Object === Object && J;
   return s1 = e, s1;
 }
-var u1, D0;
+var u1, N0;
 function L() {
-  if (D0) return u1;
-  D0 = 1;
+  if (N0) return u1;
+  N0 = 1;
   var e = h4(), r = typeof self == "object" && self && self.Object === Object && self, t = e || r || Function("return this")();
   return u1 = t, u1;
 }
-var o1, N0;
+var o1, D0;
 function X() {
-  if (N0) return o1;
-  N0 = 1;
+  if (D0) return o1;
+  D0 = 1;
   var e = L(), r = e.Symbol;
   return o1 = r, o1;
 }
@@ -643,7 +643,7 @@ function J6() {
   return p1 = e, p1;
 }
 var y1, J0;
-function N() {
+function D() {
   if (J0) return y1;
   J0 = 1;
   var e = W6(), r = J6();
@@ -657,7 +657,7 @@ var b1, Q0;
 function Q6() {
   if (Q0) return b1;
   Q0 = 1;
-  var e = N(), r = (function() {
+  var e = D(), r = (function() {
     try {
       var t = e(Object, "defineProperty");
       return t({}, "", {}), t;
@@ -717,25 +717,25 @@ function re() {
   var e = ee(), r = e();
   return A1 = r, A1;
 }
-var w1, t9;
+var P1, t9;
 function te() {
-  if (t9) return w1;
+  if (t9) return P1;
   t9 = 1;
   function e(r, t) {
     for (var n = -1, a = Array(r); ++n < r; )
       a[n] = t(n);
     return a;
   }
-  return w1 = e, w1;
+  return P1 = e, P1;
 }
-var P1, a9;
+var w1, a9;
 function U() {
-  if (a9) return P1;
+  if (a9) return w1;
   a9 = 1;
   function e(r) {
     return r != null && typeof r == "object";
   }
-  return P1 = e, P1;
+  return w1 = e, w1;
 }
 var M1, n9;
 function ae() {
@@ -807,8 +807,8 @@ var O1, f9;
 function ie() {
   if (f9) return O1;
   f9 = 1;
-  var e = k(), r = R0(), t = U(), n = "[object Arguments]", a = "[object Array]", i = "[object Boolean]", s = "[object Date]", u = "[object Error]", o = "[object Function]", C = "[object Map]", l = "[object Number]", f = "[object Object]", h = "[object RegExp]", g = "[object Set]", q = "[object String]", p = "[object WeakMap]", v = "[object ArrayBuffer]", _ = "[object DataView]", d = "[object Float32Array]", w = "[object Float64Array]", y = "[object Int8Array]", P = "[object Int16Array]", T = "[object Int32Array]", b = "[object Uint8Array]", A = "[object Uint8ClampedArray]", M = "[object Uint16Array]", x = "[object Uint32Array]", m = {};
-  m[d] = m[w] = m[y] = m[P] = m[T] = m[b] = m[A] = m[M] = m[x] = !0, m[n] = m[a] = m[v] = m[i] = m[_] = m[s] = m[u] = m[o] = m[C] = m[l] = m[f] = m[h] = m[g] = m[q] = m[p] = !1;
+  var e = k(), r = R0(), t = U(), n = "[object Arguments]", a = "[object Array]", i = "[object Boolean]", s = "[object Date]", u = "[object Error]", o = "[object Function]", C = "[object Map]", l = "[object Number]", f = "[object Object]", h = "[object RegExp]", g = "[object Set]", q = "[object String]", p = "[object WeakMap]", v = "[object ArrayBuffer]", _ = "[object DataView]", d = "[object Float32Array]", P = "[object Float64Array]", y = "[object Int8Array]", w = "[object Int16Array]", T = "[object Int32Array]", b = "[object Uint8Array]", A = "[object Uint8ClampedArray]", M = "[object Uint16Array]", x = "[object Uint32Array]", m = {};
+  m[d] = m[P] = m[y] = m[w] = m[T] = m[b] = m[A] = m[M] = m[x] = !0, m[n] = m[a] = m[v] = m[i] = m[_] = m[s] = m[u] = m[o] = m[C] = m[l] = m[f] = m[h] = m[g] = m[q] = m[p] = !1;
   function H(I) {
     return t(I) && r(I.length) && !!m[e(I)];
   }
@@ -875,23 +875,23 @@ function ce() {
   }
   return z1 = r, z1;
 }
-var D1, _9;
+var N1, _9;
 function Ce() {
-  if (_9) return D1;
+  if (_9) return N1;
   _9 = 1;
   function e(r, t) {
     return function(n) {
       return r(t(n));
     };
   }
-  return D1 = e, D1;
+  return N1 = e, N1;
 }
-var N1, p9;
+var D1, p9;
 function fe() {
-  if (p9) return N1;
+  if (p9) return D1;
   p9 = 1;
   var e = Ce(), r = e(Object.keys, Object);
-  return N1 = r, N1;
+  return D1 = r, D1;
 }
 var j1, y9;
 function le() {
@@ -963,10 +963,10 @@ function ge() {
   var e = he(), r = de(), t = r(e);
   return K1 = t, K1;
 }
-var $1, w9;
+var $1, P9;
 function ve() {
-  if (w9) return $1;
-  w9 = 1;
+  if (P9) return $1;
+  P9 = 1;
   var e = ge();
   function r(t, n, a, i) {
     return e(t, function(s, u, o) {
@@ -975,10 +975,10 @@ function ve() {
   }
   return $1 = r, $1;
 }
-var k1, P9;
+var k1, w9;
 function _e() {
-  if (P9) return k1;
-  P9 = 1;
+  if (w9) return k1;
+  w9 = 1;
   function e() {
     this.__data__ = [], this.size = 0;
   }
@@ -1096,7 +1096,7 @@ function Ae() {
   return a2 = e, a2;
 }
 var n2, z9;
-function we() {
+function Pe() {
   if (z9) return n2;
   z9 = 1;
   function e(r) {
@@ -1104,22 +1104,22 @@ function we() {
   }
   return n2 = e, n2;
 }
-var i2, D9;
+var i2, N9;
 function H0() {
-  if (D9) return i2;
-  D9 = 1;
-  var e = N(), r = L(), t = e(r, "Map");
+  if (N9) return i2;
+  N9 = 1;
+  var e = D(), r = L(), t = e(r, "Map");
   return i2 = t, i2;
 }
-var s2, N9;
+var s2, D9;
 function r1() {
-  if (N9) return s2;
-  N9 = 1;
-  var e = N(), r = e(Object, "create");
+  if (D9) return s2;
+  D9 = 1;
+  var e = D(), r = e(Object, "create");
   return s2 = r, s2;
 }
 var u2, j9;
-function Pe() {
+function we() {
   if (j9) return u2;
   j9 = 1;
   var e = r1();
@@ -1179,7 +1179,7 @@ var l2, K9;
 function xe() {
   if (K9) return l2;
   K9 = 1;
-  var e = Pe(), r = Me(), t = Re(), n = Se(), a = He();
+  var e = we(), r = Me(), t = Re(), n = Se(), a = He();
   function i(s) {
     var u = -1, o = s == null ? 0 : s.length;
     for (this.clear(); ++u < o; ) {
@@ -1281,7 +1281,7 @@ function x0() {
   return i.prototype.clear = e, i.prototype.delete = r, i.prototype.get = t, i.prototype.has = n, i.prototype.set = a, b2 = i, b2;
 }
 var m2, e3;
-function De() {
+function Ne() {
   if (e3) return m2;
   e3 = 1;
   var e = e1(), r = H0(), t = x0(), n = 200;
@@ -1301,7 +1301,7 @@ var q2, r3;
 function q4() {
   if (r3) return q2;
   r3 = 1;
-  var e = e1(), r = qe(), t = Te(), n = Ae(), a = we(), i = De();
+  var e = e1(), r = qe(), t = Te(), n = Ae(), a = Pe(), i = Ne();
   function s(u) {
     var o = this.__data__ = new e(u);
     this.size = o.size;
@@ -1309,7 +1309,7 @@ function q4() {
   return s.prototype.clear = r, s.prototype.delete = t, s.prototype.get = n, s.prototype.has = a, s.prototype.set = i, q2 = s, q2;
 }
 var T2, t3;
-function Ne() {
+function De() {
   if (t3) return T2;
   t3 = 1;
   var e = "__lodash_hash_undefined__";
@@ -1327,21 +1327,21 @@ function je() {
   }
   return A2 = e, A2;
 }
-var w2, n3;
+var P2, n3;
 function Fe() {
-  if (n3) return w2;
+  if (n3) return P2;
   n3 = 1;
-  var e = x0(), r = Ne(), t = je();
+  var e = x0(), r = De(), t = je();
   function n(a) {
     var i = -1, s = a == null ? 0 : a.length;
     for (this.__data__ = new e(); ++i < s; )
       this.add(a[i]);
   }
-  return n.prototype.add = n.prototype.push = r, n.prototype.has = t, w2 = n, w2;
+  return n.prototype.add = n.prototype.push = r, n.prototype.has = t, P2 = n, P2;
 }
-var P2, i3;
+var w2, i3;
 function Ve() {
-  if (i3) return P2;
+  if (i3) return w2;
   i3 = 1;
   function e(r, t) {
     for (var n = -1, a = r == null ? 0 : r.length; ++n < a; )
@@ -1349,7 +1349,7 @@ function Ve() {
         return !0;
     return !1;
   }
-  return P2 = e, P2;
+  return w2 = e, w2;
 }
 var M2, s3;
 function Ge() {
@@ -1372,26 +1372,26 @@ function T4() {
     var p = f.get(s), v = f.get(u);
     if (p && v)
       return p == u && v == s;
-    var _ = -1, d = !0, w = o & a ? new e() : void 0;
+    var _ = -1, d = !0, P = o & a ? new e() : void 0;
     for (f.set(s, u), f.set(u, s); ++_ < g; ) {
-      var y = s[_], P = u[_];
+      var y = s[_], w = u[_];
       if (C)
-        var T = h ? C(P, y, _, u, s, f) : C(y, P, _, s, u, f);
+        var T = h ? C(w, y, _, u, s, f) : C(y, w, _, s, u, f);
       if (T !== void 0) {
         if (T)
           continue;
         d = !1;
         break;
       }
-      if (w) {
+      if (P) {
         if (!r(u, function(b, A) {
-          if (!t(w, A) && (y === b || l(y, b, o, C, f)))
-            return w.push(A);
+          if (!t(P, A) && (y === b || l(y, b, o, C, f)))
+            return P.push(A);
         })) {
           d = !1;
           break;
         }
-      } else if (!(y === P || l(y, P, o, C, f))) {
+      } else if (!(y === w || l(y, w, o, C, f))) {
         d = !1;
         break;
       }
@@ -1435,8 +1435,8 @@ var I2, f3;
 function ke() {
   if (f3) return I2;
   f3 = 1;
-  var e = X(), r = Ze(), t = m4(), n = T4(), a = Ke(), i = $e(), s = 1, u = 2, o = "[object Boolean]", C = "[object Date]", l = "[object Error]", f = "[object Map]", h = "[object Number]", g = "[object RegExp]", q = "[object Set]", p = "[object String]", v = "[object Symbol]", _ = "[object ArrayBuffer]", d = "[object DataView]", w = e ? e.prototype : void 0, y = w ? w.valueOf : void 0;
-  function P(T, b, A, M, x, m, H) {
+  var e = X(), r = Ze(), t = m4(), n = T4(), a = Ke(), i = $e(), s = 1, u = 2, o = "[object Boolean]", C = "[object Date]", l = "[object Error]", f = "[object Map]", h = "[object Number]", g = "[object RegExp]", q = "[object Set]", p = "[object String]", v = "[object Symbol]", _ = "[object ArrayBuffer]", d = "[object DataView]", P = e ? e.prototype : void 0, y = P ? P.valueOf : void 0;
+  function w(T, b, A, M, x, m, H) {
     switch (A) {
       case d:
         if (T.byteLength != b.byteLength || T.byteOffset != b.byteOffset)
@@ -1471,7 +1471,7 @@ function ke() {
     }
     return !1;
   }
-  return I2 = P, I2;
+  return I2 = w, I2;
 }
 var O2, l3;
 function Ue() {
@@ -1528,19 +1528,19 @@ function Xe() {
   } : r;
   return z2 = i, z2;
 }
-var D2, _3;
+var N2, _3;
 function Ye() {
-  if (_3) return D2;
+  if (_3) return N2;
   _3 = 1;
   var e = We(), r = Xe(), t = S0();
   function n(a) {
     return e(a, t, r);
   }
-  return D2 = n, D2;
+  return N2 = n, N2;
 }
-var N2, p3;
+var D2, p3;
 function e5() {
-  if (p3) return N2;
+  if (p3) return D2;
   p3 = 1;
   var e = Ye(), r = 1, t = Object.prototype, n = t.hasOwnProperty;
   function a(i, s, u, o, C, l) {
@@ -1552,12 +1552,12 @@ function e5() {
       if (!(f ? _ in s : n.call(s, _)))
         return !1;
     }
-    var d = l.get(i), w = l.get(s);
-    if (d && w)
-      return d == s && w == i;
+    var d = l.get(i), P = l.get(s);
+    if (d && P)
+      return d == s && P == i;
     var y = !0;
     l.set(i, s), l.set(s, i);
-    for (var P = f; ++v < g; ) {
+    for (var w = f; ++v < g; ) {
       _ = h[v];
       var T = i[_], b = s[_];
       if (o)
@@ -1566,42 +1566,42 @@ function e5() {
         y = !1;
         break;
       }
-      P || (P = _ == "constructor");
+      w || (w = _ == "constructor");
     }
-    if (y && !P) {
+    if (y && !w) {
       var M = i.constructor, x = s.constructor;
       M != x && "constructor" in i && "constructor" in s && !(typeof M == "function" && M instanceof M && typeof x == "function" && x instanceof x) && (y = !1);
     }
     return l.delete(i), l.delete(s), y;
   }
-  return N2 = a, N2;
+  return D2 = a, D2;
 }
 var j2, y3;
 function r5() {
   if (y3) return j2;
   y3 = 1;
-  var e = N(), r = L(), t = e(r, "DataView");
+  var e = D(), r = L(), t = e(r, "DataView");
   return j2 = t, j2;
 }
 var F2, b3;
 function t5() {
   if (b3) return F2;
   b3 = 1;
-  var e = N(), r = L(), t = e(r, "Promise");
+  var e = D(), r = L(), t = e(r, "Promise");
   return F2 = t, F2;
 }
 var V2, m3;
 function a5() {
   if (m3) return V2;
   m3 = 1;
-  var e = N(), r = L(), t = e(r, "Set");
+  var e = D(), r = L(), t = e(r, "Set");
   return V2 = t, V2;
 }
 var G2, q3;
 function n5() {
   if (q3) return G2;
   q3 = 1;
-  var e = N(), r = L(), t = e(r, "WeakMap");
+  var e = D(), r = L(), t = e(r, "WeakMap");
   return G2 = t, G2;
 }
 var Z2, T3;
@@ -1609,8 +1609,8 @@ function i5() {
   if (T3) return Z2;
   T3 = 1;
   var e = r5(), r = H0(), t = t5(), n = a5(), a = n5(), i = k(), s = g4(), u = "[object Map]", o = "[object Object]", C = "[object Promise]", l = "[object Set]", f = "[object WeakMap]", h = "[object DataView]", g = s(e), q = s(r), p = s(t), v = s(n), _ = s(a), d = i;
-  return (e && d(new e(new ArrayBuffer(1))) != h || r && d(new r()) != u || t && d(t.resolve()) != C || n && d(new n()) != l || a && d(new a()) != f) && (d = function(w) {
-    var y = i(w), P = y == o ? w.constructor : void 0, T = P ? s(P) : "";
+  return (e && d(new e(new ArrayBuffer(1))) != h || r && d(new r()) != u || t && d(t.resolve()) != C || n && d(new n()) != l || a && d(new a()) != f) && (d = function(P) {
+    var y = i(P), w = y == o ? P.constructor : void 0, T = w ? s(w) : "";
     if (T)
       switch (T) {
         case g:
@@ -1632,42 +1632,42 @@ function s5() {
   if (A3) return K2;
   A3 = 1;
   var e = q4(), r = T4(), t = ke(), n = e5(), a = i5(), i = B(), s = _4(), u = y4(), o = 1, C = "[object Arguments]", l = "[object Array]", f = "[object Object]", h = Object.prototype, g = h.hasOwnProperty;
-  function q(p, v, _, d, w, y) {
-    var P = i(p), T = i(v), b = P ? l : a(p), A = T ? l : a(v);
+  function q(p, v, _, d, P, y) {
+    var w = i(p), T = i(v), b = w ? l : a(p), A = T ? l : a(v);
     b = b == C ? f : b, A = A == C ? f : A;
     var M = b == f, x = A == f, m = b == A;
     if (m && s(p)) {
       if (!s(v))
         return !1;
-      P = !0, M = !1;
+      w = !0, M = !1;
     }
     if (m && !M)
-      return y || (y = new e()), P || u(p) ? r(p, v, _, d, w, y) : t(p, v, b, _, d, w, y);
+      return y || (y = new e()), w || u(p) ? r(p, v, _, d, P, y) : t(p, v, b, _, d, P, y);
     if (!(_ & o)) {
       var H = M && g.call(p, "__wrapped__"), I = x && g.call(v, "__wrapped__");
       if (H || I) {
         var n1 = H ? p.value() : p, W = I ? v.value() : v;
-        return y || (y = new e()), w(n1, W, _, d, y);
+        return y || (y = new e()), P(n1, W, _, d, y);
       }
     }
-    return m ? (y || (y = new e()), n(p, v, _, d, w, y)) : !1;
+    return m ? (y || (y = new e()), n(p, v, _, d, P, y)) : !1;
   }
   return K2 = q, K2;
 }
-var $2, w3;
+var $2, P3;
 function A4() {
-  if (w3) return $2;
-  w3 = 1;
+  if (P3) return $2;
+  P3 = 1;
   var e = s5(), r = U();
   function t(n, a, i, s, u) {
     return n === a ? !0 : n == null || a == null || !r(n) && !r(a) ? n !== n && a !== a : e(n, a, i, s, t, u);
   }
   return $2 = t, $2;
 }
-var k2, P3;
+var k2, w3;
 function u5() {
-  if (P3) return k2;
-  P3 = 1;
+  if (w3) return k2;
+  w3 = 1;
   var e = q4(), r = A4(), t = 1, n = 2;
   function a(i, s, u, o) {
     var C = u.length, l = C, f = !o;
@@ -1697,7 +1697,7 @@ function u5() {
   return k2 = a, k2;
 }
 var U2, M3;
-function w4() {
+function P4() {
   if (M3) return U2;
   M3 = 1;
   var e = M0();
@@ -1710,7 +1710,7 @@ var W2, R3;
 function o5() {
   if (R3) return W2;
   R3 = 1;
-  var e = w4(), r = S0();
+  var e = P4(), r = S0();
   function t(n) {
     for (var a = r(n), i = a.length; i--; ) {
       var s = a[i], u = n[s];
@@ -1721,7 +1721,7 @@ function o5() {
   return W2 = t, W2;
 }
 var J2, S3;
-function P4() {
+function w4() {
   if (S3) return J2;
   S3 = 1;
   function e(r, t) {
@@ -1735,7 +1735,7 @@ var Q2, H3;
 function c5() {
   if (H3) return Q2;
   H3 = 1;
-  var e = u5(), r = o5(), t = P4();
+  var e = u5(), r = o5(), t = w4();
   function n(a) {
     var i = r(a);
     return i.length == 1 && i[0][2] ? t(i[0][0], i[0][1]) : function(s) {
@@ -1839,20 +1839,20 @@ function d5() {
   }
   return n0 = s, n0;
 }
-var i0, D3;
+var i0, N3;
 function g5() {
-  if (D3) return i0;
-  D3 = 1;
+  if (N3) return i0;
+  N3 = 1;
   var e = d5();
   function r(t) {
     return t == null ? "" : e(t);
   }
   return i0 = r, i0;
 }
-var s0, N3;
+var s0, D3;
 function M4() {
-  if (N3) return s0;
-  N3 = 1;
+  if (D3) return s0;
+  D3 = 1;
   var e = B(), r = O0(), t = l5(), n = g5();
   function a(i, s) {
     return e(i) ? i : r(i, s) ? [i] : t(n(i));
@@ -1936,7 +1936,7 @@ var h0, $3;
 function b5() {
   if ($3) return h0;
   $3 = 1;
-  var e = A4(), r = v5(), t = y5(), n = O0(), a = w4(), i = P4(), s = a1(), u = 1, o = 2;
+  var e = A4(), r = v5(), t = y5(), n = O0(), a = P4(), i = w4(), s = a1(), u = 1, o = 2;
   function C(l, f) {
     return n(l) && a(f) ? i(s(l), f) : function(h) {
       var g = r(h, l);
@@ -1988,7 +1988,7 @@ function A5() {
   return _0 = a, _0;
 }
 var p0, Q3;
-function w5() {
+function P5() {
   if (Q3) return p0;
   Q3 = 1;
   var e = c5(), r = b5(), t = m5(), n = B(), a = A5();
@@ -1998,10 +1998,10 @@ function w5() {
   return p0 = i, p0;
 }
 var y0, X3;
-function P5() {
+function w5() {
   if (X3) return y0;
   X3 = 1;
-  var e = Y6(), r = ve(), t = w5(), n = B();
+  var e = Y6(), r = ve(), t = P5(), n = B();
   function a(i, s) {
     return function(u, o) {
       var C = n(u) ? e : r, l = s ? s() : {};
@@ -2014,7 +2014,7 @@ var b0, Y3;
 function M5() {
   if (Y3) return b0;
   Y3 = 1;
-  var e = X6(), r = P5(), t = Object.prototype, n = t.hasOwnProperty, a = r(function(i, s, u) {
+  var e = X6(), r = w5(), t = Object.prototype, n = t.hasOwnProperty, a = r(function(i, s, u) {
     n.call(i, u) ? i[u].push(s) : e(i, u, [s]);
   });
   return b0 = a, b0;
@@ -2031,8 +2031,18 @@ const S5 = /* @__PURE__ */ n4(R5), H5 = (e) => {
   sepia: O5
 }, B5 = ({ value: e, borderColor: r }) => /* @__PURE__ */ O("div", { className: R.pageNumberContainer, children: [
   /* @__PURE__ */ c("img", { src: L5[r || "green"] }),
-  /* @__PURE__ */ c("p", { className: R.pageNumber, children: e })
-] }), e4 = ({
+  /* @__PURE__ */ c("p", { className: R.pageNumber, children: E5(`${e}`) })
+] }), E5 = (e) => e.split("").map((t) => z5[t]).join(""), z5 = {
+  1: "۱",
+  2: "۲",
+  3: "۳",
+  4: "۴",
+  5: "۵",
+  6: "۶",
+  7: "۷",
+  8: "۸",
+  9: "۹"
+}, e4 = ({
   className: e,
   children: r,
   borderColor: t,
@@ -2381,7 +2391,7 @@ const S5 = /* @__PURE__ */ n4(R5), H5 = (e) => {
       ]
     }
   );
-}, E5 = [
+}, N5 = [
   "الأول",
   "الثاني",
   "الثالث",
@@ -2412,7 +2422,7 @@ const S5 = /* @__PURE__ */ n4(R5), H5 = (e) => {
   "الثامن والعشرون",
   "التاسع والعشرون",
   "الثلاثون"
-], z5 = (e) => `الجزء ${E5[e - 1]}`, m0 = ({
+], D5 = (e) => `الجزء ${N5[e - 1]}`, m0 = ({
   verses: e,
   pageNumber: r,
   pageIndex: t,
@@ -2420,7 +2430,7 @@ const S5 = /* @__PURE__ */ n4(R5), H5 = (e) => {
   onWordHover: a,
   pageStyleOverride: i
 }) => {
-  const { fontScale: s, hasBorder: u } = D(), { themeProps: o, styleOverride: C } = $(), { borderColor: l } = o, f = Q(
+  const { fontScale: s, hasBorder: u } = N(), { themeProps: o, styleOverride: C } = $(), { borderColor: l } = o, f = Q(
     () => e && e.length ? H5(e) : {},
     [e]
   ), h = s > 3, g = e && e.length ? e[0] : void 0, q = r === 1 || r === 2;
@@ -2465,7 +2475,7 @@ const S5 = /* @__PURE__ */ n4(R5), H5 = (e) => {
                   borderColor: l,
                   className: S(R.juz),
                   style: C?.Page?.juz,
-                  children: z5(g?.juz || 1)
+                  children: D5(g?.juz || 1)
                 }
               )
             ] }),
@@ -2515,8 +2525,8 @@ const S5 = /* @__PURE__ */ n4(R5), H5 = (e) => {
       )
     }
   );
-}, K5 = ({ onWordClick: e, onWordHover: r }) => {
-  const { ayat: t, nextPageAyat: n, pageNumber: a } = D(), { styleOverride: i } = $(), { isTwoPagesView: s } = D(), u = Number(a);
+}, k5 = ({ onWordClick: e, onWordHover: r }) => {
+  const { ayat: t, nextPageAyat: n, pageNumber: a } = N(), { styleOverride: i } = $(), { isTwoPagesView: s } = N(), u = Number(a);
   return /* @__PURE__ */ c(
     "div",
     {
@@ -2567,12 +2577,12 @@ const S5 = /* @__PURE__ */ n4(R5), H5 = (e) => {
       )
     }
   );
-}, $5 = ({
+}, U5 = ({
   children: e,
   themeProps: r,
   styleOverride: t,
   ...n
-}) => /* @__PURE__ */ c(Z4, { themeProps: r, styleOverride: t, children: /* @__PURE__ */ c(j4, { ...n, children: e }) }), D5 = ["iconContainer"], N5 = ["colored", "filled", "highlightOnHover", "highlighted"], j5 = ["container"], q0 = [
+}) => /* @__PURE__ */ c(Z4, { themeProps: r, styleOverride: t, children: /* @__PURE__ */ c(j4, { ...n, children: e }) }), j5 = ["iconContainer"], F5 = ["colored", "filled", "highlightOnHover", "highlighted"], V5 = ["container"], q0 = [
   "container",
   "border",
   "blueBorder",
@@ -2588,20 +2598,20 @@ const S5 = /* @__PURE__ */ n4(R5), H5 = (e) => {
   "pageNumber",
   "surah",
   "juz"
-], F5 = ["twoPagesRow"], V5 = ["highlighted"], k5 = {
-  ChapterIconContainer: D5,
-  MushafWord: N5,
-  ReadingView: j5,
-  VerseText: V5,
-  MushafReader: F5,
+], G5 = ["twoPagesRow"], Z5 = ["highlighted"], W5 = {
+  ChapterIconContainer: j5,
+  MushafWord: F5,
+  ReadingView: V5,
+  VerseText: Z5,
+  MushafReader: G5,
   Page: q0,
   firstPage: q0,
   secondPage: q0
 };
 export {
-  K5 as Mushaf,
-  $5 as MushafReaderProvider,
-  k5 as classnames,
-  D as useMushafContext
+  k5 as Mushaf,
+  U5 as MushafReaderProvider,
+  W5 as classnames,
+  N as useMushafContext
 };
 //# sourceMappingURL=index.es.js.map