misraj-mushaf-renderer 1.3.16 → 1.3.18

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as c, jsxs as L, Fragment as r4 } from "react/jsx-runtime";
-import x4, { 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";
+import x4, { useState as j, useEffect as A0, useContext as w0, createContext as P0, useRef as t4, useCallback as $, 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;
@@ -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 = w0(void 0), s4 = w0(void 0), j4 = ({
+const i4 = P0(void 0), s4 = P0(void 0), j4 = ({
   children: e,
   dataId: r,
   pageNumber: t,
@@ -78,7 +78,7 @@ const i4 = w0(void 0), s4 = w0(void 0), j4 = ({
   hasBorder: a = !0,
   initialIsTwoPagesView: i = !1
 }) => {
-  const s = z4("(min-width: 1024px)"), [u, o] = j(n), [C, h] = j(null), [f, l] = j(null), [g, q] = j(null), [p, v] = j(null), _ = t4(null), d = s && i, P = K(async () => {
+  const s = z4("(min-width: 1024px)"), [u, o] = j(n), [C, h] = j(null), [f, l] = j(null), [g, q] = j(null), [p, v] = j(null), _ = t4(null), d = s && i, w = $(async () => {
     _.current?.abort();
     const A = new AbortController();
     _.current = A, v(null);
@@ -98,10 +98,10 @@ const i4 = w0(void 0), s4 = w0(void 0), j4 = ({
     } finally {
     }
   }, [t, r, d]);
-  A0(() => (P(), () => _.current?.abort()), [P]);
-  const y = K(() => {
+  A0(() => (w(), () => _.current?.abort()), [w]);
+  const y = $(() => {
     o((A) => A < 10 ? A + 1 : A);
-  }, []), w = K(() => {
+  }, []), P = $(() => {
     o((A) => A > 3 ? A - 1 : A);
   }, []), T = Q(
     () => ({
@@ -129,19 +129,19 @@ const i4 = w0(void 0), s4 = w0(void 0), j4 = ({
   ), b = Q(
     () => ({
       increaseFontScale: y,
-      decreaseFontScale: w,
+      decreaseFontScale: P,
       setSelectedVerse: h,
-      refresh: P
+      refresh: w
     }),
-    [y, w, h, P]
+    [y, P, h, w]
   );
   return /* @__PURE__ */ c(i4.Provider, { value: T, children: /* @__PURE__ */ c(s4.Provider, { value: b, children: e }) });
 }, F4 = () => {
-  const e = P0(i4);
+  const e = w0(i4);
   if (!e) throw new Error("useMushafPageState must be used within a MushafPageProvider");
   return e;
 }, V4 = () => {
-  const e = P0(s4);
+  const e = w0(s4);
   if (!e) throw new Error("useMushafPageActions must be used within a MushafPageProvider");
   return e;
 }, N = () => {
@@ -151,8 +151,8 @@ const i4 = w0(void 0), s4 = w0(void 0), j4 = ({
   green: "#3E9257",
   blue: "#2A5D73",
   sepia: "#A97C50"
-}, u4 = w0(void 0), $ = () => {
-  const e = P0(u4);
+}, u4 = P0(void 0), F = () => {
+  const e = w0(u4);
   if (!e)
     throw new Error("useThemeContext must be used within a ThemeProvider");
   return e;
@@ -181,27 +181,27 @@ const i4 = w0(void 0), s4 = w0(void 0), j4 = ({
     styleOverride: t
   };
   return /* @__PURE__ */ c(u4.Provider, { value: n, children: e });
-}, K4 = "Line-line", $4 = "Line-container", k4 = "Line-mobileInline", F = {
+}, K4 = "Line-line", $4 = "Line-container", k4 = "Line-mobileInline", V = {
   line: K4,
   container: $4,
   mobileInline: k4
 }, U4 = "ChapterHeader-bismillahContainer", W4 = "ChapterHeader-header", T0 = {
   bismillahContainer: U4,
   header: W4
-}, J4 = "ChapterIconContainer-iconContainer", Q4 = "ChapterIconContainer-border", X4 = "ChapterIconContainer-blueBorder", Y4 = "ChapterIconContainer-sepiaBorder", V = {
+}, J4 = "ChapterIconContainer-iconContainer", Q4 = "ChapterIconContainer-border", X4 = "ChapterIconContainer-blueBorder", Y4 = "ChapterIconContainer-sepiaBorder", G = {
   iconContainer: J4,
   border: Q4,
   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 } = N(), { themeProps: n, styleOverride: a } = $(), { borderColor: i } = n;
+  const { hasBorder: t } = N(), { themeProps: n, styleOverride: a } = F(), { borderColor: i } = n;
   return /* @__PURE__ */ L(
     "span",
     {
-      className: S(V.iconContainer, V.iconContainerLarge, {
-        [V.border]: t,
-        [V.blueBorder]: t && i === "blue",
-        [V.sepiaBorder]: t && i === "sepia"
+      className: S(G.iconContainer, G.iconContainerLarge, {
+        [G.border]: t,
+        [G.blueBorder]: t && i === "blue",
+        [G.sepiaBorder]: t && i === "sepia"
       }),
       style: { ...a?.ChapterIconContainer?.iconContainer },
       children: [
@@ -356,13 +356,13 @@ const q6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
       r = "";
   }
   return r;
-}, A6 = "data-word-location", P6 = ({ word: e, onWordClick: r, onWordHover: t }) => {
-  const { selectedVerse: n, dataId: a } = N(), { styleOverride: i } = $(), s = b6(e.verse_key, e.position), u = /* @__PURE__ */ c("span", { className: z.UthmanicHafs, children: e.text }), o = n?.numberInSurah === e.verse.numberInSurah, C = T6(a), h = K(
+}, A6 = "data-word-location", w6 = ({ word: e, onWordClick: r, onWordHover: t }) => {
+  const { selectedVerse: n, dataId: a } = N(), { styleOverride: i } = F(), s = b6(e.verse_key, e.position), u = /* @__PURE__ */ c("span", { className: z.UthmanicHafs, children: e.text }), o = n?.numberInSurah === e.verse.numberInSurah, C = T6(a), h = $(
     (l) => {
       r && r(e, l);
     },
     [r, e]
-  ), f = K(
+  ), f = $(
     (l) => {
       t && t(e, l);
     },
@@ -389,14 +389,14 @@ const q6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
       children: u
     }
   );
-}, w6 = a4(P6), M6 = ({
+}, P6 = a4(w6), M6 = ({
   words: e,
   isHighlighted: r,
   shouldShowH1ForSEO: t = !1,
   onWordClick: n,
   onWordHover: a
 }) => {
-  const { fontScale: i } = N(), { styleOverride: s } = $(), [u] = e, {
+  const { fontScale: i } = N(), { styleOverride: s } = F(), [u] = e, {
     line_number: o,
     page_number: C,
     location: h,
@@ -429,7 +429,7 @@ const q6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
             [O.verseTextFirstTwoPagesWidth]: [1, 2].includes(C)
           }),
           children: e?.map((d) => /* @__PURE__ */ c(
-            w6,
+            P6,
             {
               word: d,
               onWordClick: n,
@@ -455,9 +455,9 @@ const q6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
     "div",
     {
       id: e,
-      className: S(F.container, {
-        [F.highlighted]: f,
-        [F.mobileInline]: t
+      className: S(V.container, {
+        [V.highlighted]: f,
+        [V.mobileInline]: t
       }),
       role: "button",
       tabIndex: 0,
@@ -466,8 +466,8 @@ const q6 = (e, r, t, n = !1) => e === f4.IndoPak ? `${e}_${t}-font-size-${r}` :
         /* @__PURE__ */ c(
           "div",
           {
-            className: S(F.line, {
-              [F.mobileInline]: t
+            className: S(V.line, {
+              [V.mobileInline]: t
             }),
             children: /* @__PURE__ */ c(
               R6,
@@ -721,25 +721,25 @@ function ae() {
   var e = te(), r = e();
   return A1 = r, A1;
 }
-var P1, t9;
+var w1, t9;
 function ne() {
-  if (t9) return P1;
+  if (t9) return w1;
   t9 = 1;
   function e(r, t) {
     for (var n = -1, a = Array(r); ++n < r; )
       a[n] = t(n);
     return a;
   }
-  return P1 = e, P1;
+  return w1 = e, w1;
 }
-var w1, a9;
+var P1, a9;
 function U() {
-  if (a9) return w1;
+  if (a9) return P1;
   a9 = 1;
   function e(r) {
     return r != null && typeof r == "object";
   }
-  return w1 = e, w1;
+  return P1 = e, P1;
 }
 var M1, n9;
 function ie() {
@@ -769,7 +769,7 @@ function E() {
   var e = Array.isArray;
   return S1 = e, S1;
 }
-var G = { exports: {} }, x1, u9;
+var Z = { exports: {} }, x1, u9;
 function se() {
   if (u9) return x1;
   u9 = 1;
@@ -778,13 +778,13 @@ function se() {
   }
   return x1 = e, x1;
 }
-G.exports;
+Z.exports;
 var o9;
 function _4() {
   return o9 || (o9 = 1, (function(e, r) {
     var t = B(), n = se(), a = r && !r.nodeType && r, i = a && !0 && e && !e.nodeType && e, s = i && i.exports === a, u = s ? t.Buffer : void 0, o = u ? u.isBuffer : void 0, C = o || n;
     e.exports = C;
-  })(G, G.exports)), G.exports;
+  })(Z, Z.exports)), Z.exports;
 }
 var H1, c9;
 function p4() {
@@ -811,8 +811,8 @@ var O1, f9;
 function ue() {
   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]", h = "[object Number]", f = "[object Object]", l = "[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]", H = "[object Uint32Array]", m = {};
-  m[d] = m[P] = m[y] = m[w] = m[T] = m[b] = m[A] = m[M] = m[H] = !0, m[n] = m[a] = m[v] = m[i] = m[_] = m[s] = m[u] = m[o] = m[C] = m[h] = m[f] = m[l] = 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]", h = "[object Number]", f = "[object Object]", l = "[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]", H = "[object Uint32Array]", m = {};
+  m[d] = m[w] = m[y] = m[P] = m[T] = m[b] = m[A] = m[M] = m[H] = !0, m[n] = m[a] = m[v] = m[i] = m[_] = m[s] = m[u] = m[o] = m[C] = m[h] = m[f] = m[l] = m[g] = m[q] = m[p] = !1;
   function x(I) {
     return t(I) && r(I.length) && !!m[e(I)];
   }
@@ -829,8 +829,8 @@ function oe() {
   }
   return L1 = e, L1;
 }
-var Z = { exports: {} };
-Z.exports;
+var K = { exports: {} };
+K.exports;
 var l9;
 function ce() {
   return l9 || (l9 = 1, (function(e, r) {
@@ -842,7 +842,7 @@ function ce() {
       }
     })();
     e.exports = u;
-  })(Z, Z.exports)), Z.exports;
+  })(K, K.exports)), K.exports;
 }
 var B1, d9;
 function y4() {
@@ -967,10 +967,10 @@ function _e() {
   var e = ge(), r = ve(), t = r(e);
   return K1 = t, K1;
 }
-var $1, P9;
+var $1, w9;
 function pe() {
-  if (P9) return $1;
-  P9 = 1;
+  if (w9) return $1;
+  w9 = 1;
   var e = _e();
   function r(t, n, a, i) {
     return e(t, function(s, u, o) {
@@ -979,10 +979,10 @@ function pe() {
   }
   return $1 = r, $1;
 }
-var k1, w9;
+var k1, P9;
 function ye() {
-  if (w9) return k1;
-  w9 = 1;
+  if (P9) return k1;
+  P9 = 1;
   function e() {
     this.__data__ = [], this.size = 0;
   }
@@ -1081,7 +1081,7 @@ function Ae() {
   return r2 = r, r2;
 }
 var t2, B9;
-function Pe() {
+function we() {
   if (B9) return t2;
   B9 = 1;
   function e(r) {
@@ -1091,7 +1091,7 @@ function Pe() {
   return t2 = e, t2;
 }
 var a2, E9;
-function we() {
+function Pe() {
   if (E9) return a2;
   E9 = 1;
   function e(r) {
@@ -1305,7 +1305,7 @@ var q2, r3;
 function q4() {
   if (r3) return q2;
   r3 = 1;
-  var e = e1(), r = Ae(), t = Pe(), n = we(), a = Me(), i = je();
+  var e = e1(), r = Ae(), t = we(), n = Pe(), a = Me(), i = je();
   function s(u) {
     var o = this.__data__ = new e(u);
     this.size = o.size;
@@ -1331,9 +1331,9 @@ function Ve() {
   }
   return A2 = e, A2;
 }
-var P2, n3;
+var w2, n3;
 function Ge() {
-  if (n3) return P2;
+  if (n3) return w2;
   n3 = 1;
   var e = H0(), r = Fe(), t = Ve();
   function n(a) {
@@ -1341,11 +1341,11 @@ function Ge() {
     for (this.__data__ = new e(); ++i < s; )
       this.add(a[i]);
   }
-  return n.prototype.add = n.prototype.push = r, n.prototype.has = t, P2 = n, P2;
+  return n.prototype.add = n.prototype.push = r, n.prototype.has = t, w2 = n, w2;
 }
-var w2, i3;
+var P2, i3;
 function Ze() {
-  if (i3) return w2;
+  if (i3) return P2;
   i3 = 1;
   function e(r, t) {
     for (var n = -1, a = r == null ? 0 : r.length; ++n < a; )
@@ -1353,7 +1353,7 @@ function Ze() {
         return !0;
     return !1;
   }
-  return w2 = e, w2;
+  return P2 = e, P2;
 }
 var M2, s3;
 function Ke() {
@@ -1376,26 +1376,26 @@ function T4() {
     var p = f.get(s), v = f.get(u);
     if (p && v)
       return p == u && v == s;
-    var _ = -1, d = !0, P = o & a ? new e() : void 0;
+    var _ = -1, d = !0, w = o & a ? new e() : void 0;
     for (f.set(s, u), f.set(u, s); ++_ < g; ) {
-      var y = s[_], w = u[_];
+      var y = s[_], P = u[_];
       if (C)
-        var T = l ? C(w, y, _, u, s, f) : C(y, w, _, s, u, f);
+        var T = l ? C(P, y, _, u, s, f) : C(y, P, _, s, u, f);
       if (T !== void 0) {
         if (T)
           continue;
         d = !1;
         break;
       }
-      if (P) {
+      if (w) {
         if (!r(u, function(b, A) {
-          if (!t(P, A) && (y === b || h(y, b, o, C, f)))
-            return P.push(A);
+          if (!t(w, A) && (y === b || h(y, b, o, C, f)))
+            return w.push(A);
         })) {
           d = !1;
           break;
         }
-      } else if (!(y === w || h(y, w, o, C, f))) {
+      } else if (!(y === P || h(y, P, o, C, f))) {
         d = !1;
         break;
       }
@@ -1439,8 +1439,8 @@ var I2, f3;
 function We() {
   if (f3) return I2;
   f3 = 1;
-  var e = X(), r = $e(), t = m4(), n = T4(), a = ke(), i = Ue(), s = 1, u = 2, o = "[object Boolean]", C = "[object Date]", h = "[object Error]", f = "[object Map]", l = "[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, H, m, x) {
+  var e = X(), r = $e(), t = m4(), n = T4(), a = ke(), i = Ue(), s = 1, u = 2, o = "[object Boolean]", C = "[object Date]", h = "[object Error]", f = "[object Map]", l = "[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, H, m, x) {
     switch (A) {
       case d:
         if (T.byteLength != b.byteLength || T.byteOffset != b.byteOffset)
@@ -1475,7 +1475,7 @@ function We() {
     }
     return !1;
   }
-  return I2 = w, I2;
+  return I2 = P, I2;
 }
 var O2, h3;
 function Je() {
@@ -1556,12 +1556,12 @@ function t5() {
       if (!(f ? _ in s : n.call(s, _)))
         return !1;
     }
-    var d = h.get(i), P = h.get(s);
-    if (d && P)
-      return d == s && P == i;
+    var d = h.get(i), w = h.get(s);
+    if (d && w)
+      return d == s && w == i;
     var y = !0;
     h.set(i, s), h.set(s, i);
-    for (var w = f; ++v < g; ) {
+    for (var P = f; ++v < g; ) {
       _ = l[v];
       var T = i[_], b = s[_];
       if (o)
@@ -1570,9 +1570,9 @@ function t5() {
         y = !1;
         break;
       }
-      w || (w = _ == "constructor");
+      P || (P = _ == "constructor");
     }
-    if (y && !w) {
+    if (y && !P) {
       var M = i.constructor, H = s.constructor;
       M != H && "constructor" in i && "constructor" in s && !(typeof M == "function" && M instanceof M && typeof H == "function" && H instanceof H) && (y = !1);
     }
@@ -1613,8 +1613,8 @@ function u5() {
   if (T3) return Z2;
   T3 = 1;
   var e = a5(), r = x0(), t = n5(), n = i5(), a = s5(), i = k(), s = g4(), u = "[object Map]", o = "[object Object]", C = "[object Promise]", h = "[object Set]", f = "[object WeakMap]", l = "[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))) != l || r && d(new r()) != u || t && d(t.resolve()) != C || n && d(new n()) != h || a && d(new a()) != f) && (d = function(P) {
-    var y = i(P), w = y == o ? P.constructor : void 0, T = w ? s(w) : "";
+  return (e && d(new e(new ArrayBuffer(1))) != l || r && d(new r()) != u || t && d(t.resolve()) != C || n && d(new n()) != h || a && d(new a()) != f) && (d = function(w) {
+    var y = i(w), P = y == o ? w.constructor : void 0, T = P ? s(P) : "";
     if (T)
       switch (T) {
         case g:
@@ -1636,42 +1636,42 @@ function o5() {
   if (A3) return K2;
   A3 = 1;
   var e = q4(), r = T4(), t = We(), n = t5(), a = u5(), i = E(), s = _4(), u = y4(), o = 1, C = "[object Arguments]", h = "[object Array]", f = "[object Object]", l = Object.prototype, g = l.hasOwnProperty;
-  function q(p, v, _, d, P, y) {
-    var w = i(p), T = i(v), b = w ? h : a(p), A = T ? h : a(v);
+  function q(p, v, _, d, w, y) {
+    var P = i(p), T = i(v), b = P ? h : a(p), A = T ? h : a(v);
     b = b == C ? f : b, A = A == C ? f : A;
     var M = b == f, H = A == f, m = b == A;
     if (m && s(p)) {
       if (!s(v))
         return !1;
-      w = !0, M = !1;
+      P = !0, M = !1;
     }
     if (m && !M)
-      return y || (y = new e()), w || u(p) ? r(p, v, _, d, P, y) : t(p, v, b, _, d, P, y);
+      return y || (y = new e()), P || u(p) ? r(p, v, _, d, w, y) : t(p, v, b, _, d, w, y);
     if (!(_ & o)) {
       var x = M && g.call(p, "__wrapped__"), I = H && g.call(v, "__wrapped__");
       if (x || I) {
         var n1 = x ? p.value() : p, W = I ? v.value() : v;
-        return y || (y = new e()), P(n1, W, _, d, y);
+        return y || (y = new e()), w(n1, W, _, d, y);
       }
     }
-    return m ? (y || (y = new e()), n(p, v, _, d, P, y)) : !1;
+    return m ? (y || (y = new e()), n(p, v, _, d, w, y)) : !1;
   }
   return K2 = q, K2;
 }
-var $2, P3;
+var $2, w3;
 function A4() {
-  if (P3) return $2;
-  P3 = 1;
+  if (w3) return $2;
+  w3 = 1;
   var e = o5(), 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, w3;
+var k2, P3;
 function c5() {
-  if (w3) return k2;
-  w3 = 1;
+  if (P3) return k2;
+  P3 = 1;
   var e = q4(), r = A4(), t = 1, n = 2;
   function a(i, s, u, o) {
     var C = u.length, h = C, f = !o;
@@ -1701,7 +1701,7 @@ function c5() {
   return k2 = a, k2;
 }
 var U2, M3;
-function P4() {
+function w4() {
   if (M3) return U2;
   M3 = 1;
   var e = M0();
@@ -1714,7 +1714,7 @@ var W2, R3;
 function C5() {
   if (R3) return W2;
   R3 = 1;
-  var e = P4(), r = S0();
+  var e = w4(), r = S0();
   function t(n) {
     for (var a = r(n), i = a.length; i--; ) {
       var s = a[i], u = n[s];
@@ -1725,7 +1725,7 @@ function C5() {
   return W2 = t, W2;
 }
 var J2, S3;
-function w4() {
+function P4() {
   if (S3) return J2;
   S3 = 1;
   function e(r, t) {
@@ -1739,7 +1739,7 @@ var Q2, x3;
 function f5() {
   if (x3) return Q2;
   x3 = 1;
-  var e = c5(), r = C5(), t = w4();
+  var e = c5(), r = C5(), t = P4();
   function n(a) {
     var i = r(a);
     return i.length == 1 && i[0][2] ? t(i[0][0], i[0][1]) : function(s) {
@@ -1940,7 +1940,7 @@ var l0, $3;
 function q5() {
   if ($3) return l0;
   $3 = 1;
-  var e = A4(), r = p5(), t = m5(), n = O0(), a = P4(), i = w4(), s = a1(), u = 1, o = 2;
+  var e = A4(), r = p5(), t = m5(), n = O0(), a = w4(), i = P4(), s = a1(), u = 1, o = 2;
   function C(h, f) {
     return n(h) && a(f) ? i(s(h), f) : function(l) {
       var g = r(l, h);
@@ -1970,7 +1970,7 @@ function A5() {
   return g0 = e, g0;
 }
 var v0, W3;
-function P5() {
+function w5() {
   if (W3) return v0;
   W3 = 1;
   var e = R4();
@@ -1982,10 +1982,10 @@ function P5() {
   return v0 = r, v0;
 }
 var _0, J3;
-function w5() {
+function P5() {
   if (J3) return _0;
   J3 = 1;
-  var e = A5(), r = P5(), t = O0(), n = a1();
+  var e = A5(), r = w5(), t = O0(), n = a1();
   function a(i) {
     return t(i) ? e(n(i)) : r(i);
   }
@@ -1995,7 +1995,7 @@ var p0, Q3;
 function M5() {
   if (Q3) return p0;
   Q3 = 1;
-  var e = f5(), r = q5(), t = T5(), n = E(), a = w5();
+  var e = f5(), r = q5(), t = T5(), n = E(), a = P5();
   function i(s) {
     return typeof s == "function" ? s : s == null ? t : typeof s == "object" ? n(s) ? r(s[0], s[1]) : e(s) : a(s);
   }
@@ -2033,16 +2033,20 @@ const H5 = /* @__PURE__ */ n4(x5), I5 = (e) => {
   green: O5,
   blue: L5,
   sepia: B5
-}, z5 = ({ value: e, borderColor: r }) => /* @__PURE__ */ L("div", { className: R.pageNumberContainer, children: [
-  /* @__PURE__ */ c("img", { src: E5[r || "green"] }),
-  /* @__PURE__ */ c("p", { className: R.pageNumber, children: N5(`${e}`) })
-] }), N5 = (e) => e.split("").map((t) => D5[t]).join(""), D5 = {
+}, z5 = ({ value: e, borderColor: r }) => {
+  const { styleOverride: t } = F();
+  return /* @__PURE__ */ L("div", { className: R.pageNumberContainer, children: [
+    /* @__PURE__ */ c("img", { src: E5[r || "green"] }),
+    /* @__PURE__ */ c("p", { className: R.pageNumber, style: t?.Page?.pageNumber, children: N5(`${e}`) })
+  ] });
+}, N5 = (e) => e.split("").map((t) => D5[t]).join(""), D5 = {
+  0: "۰",
   1: "۱",
   2: "۲",
   3: "۳",
-  4: "۴",
-  5: "۵",
-  6: "۶",
+  4: "٤",
+  5: "٥",
+  6: "٦",
   7: "۷",
   8: "۸",
   9: "۹"
@@ -2434,7 +2438,7 @@ const H5 = /* @__PURE__ */ n4(x5), I5 = (e) => {
   onWordHover: a,
   pageStyleOverride: i
 }) => {
-  const { fontScale: s, hasBorder: u } = N(), { themeProps: o, styleOverride: C } = $(), { borderColor: h } = o, f = Q(
+  const { fontScale: s, hasBorder: u } = N(), { themeProps: o, styleOverride: C } = F(), { borderColor: h } = o, f = Q(
     () => e && e.length ? I5(e) : {},
     [e]
   ), l = s > 3, g = e && e.length ? e[0] : void 0, q = r === 1 || r === 2;
@@ -2530,7 +2534,7 @@ const H5 = /* @__PURE__ */ n4(x5), I5 = (e) => {
     }
   );
 }, W5 = ({ onWordClick: e, onWordHover: r }) => {
-  const { ayat: t, nextPageAyat: n, pageNumber: a } = N(), { styleOverride: i } = $(), { isTwoPagesView: s } = N(), u = Number(a);
+  const { ayat: t, nextPageAyat: n, pageNumber: a } = N(), { styleOverride: i } = F(), { isTwoPagesView: s } = N(), u = Number(a);
   return /* @__PURE__ */ c(
     "div",
     {