@undp/data-viz 2.3.13 → 2.3.15

package/dist/StripChart.js

@@ -1,16 +1,16 @@
-import { c as Jt, j as s, m as Yt } from "./index-CHPV5EwG-BCLAYDCV.js";
-import { useRef as Bt, useState as bt, useEffect as si } from "react";
+import { c as Jt, j as a, m as Yt } from "./index-CHPV5EwG-BCLAYDCV.js";
+import { useRef as Bt, useState as Ot, useEffect as si } from "react";
 import { i as ti } from "./index-Bwrro8-q.js";
 import { o as ii } from "./index-BZQYSqar.js";
 import { T as ei } from "./Tooltip-CohiIbLZ.js";
-import { c as dt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { c as U } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { n as Gt } from "./numberFormattingFunction-14YCbkN2.js";
-import { Colors as a } from "./Colors.js";
+import { Colors as h } from "./Colors.js";
 import { D as oi } from "./DetailsModal-C3qlUyFK.js";
 import { a as ni } from "./linear-DNXM5Pdl.js";
-import { m as it } from "./proxy--_f6k3NR.js";
-import { u as li } from "./use-in-view-DqvKAveg.js";
-import { A as ri } from "./index-Co3YGYe1.js";
+import { m as et } from "./proxy--_f6k3NR.js";
+import { u as ri } from "./use-in-view-DqvKAveg.js";
+import { A as li } from "./index-Co3YGYe1.js";
 import { u as _t } from "./uniqBy-BHy4I8PK.js";
 import { a as ci, G as ui } from "./GraphContainer-DwMxWRCi.js";
 import { E as fi } from "./EmptyState-B3fPoH6L.js";
@@ -22,74 +22,74 @@ function ai(i, t) {
   const o = t / (i - 1);
   return Array.from({
     length: i
-  }, ($, b) => b * o);
+  }, ($, v) => v * o);
 }
-function gi(i) {
+function di(i) {
   const t = Jt.c(101), {
     data: o,
     width: $,
-    height: b,
+    height: v,
     colors: n,
-    colorDomain: r,
-    radius: f,
+    colorDomain: l,
+    radius: c,
     leftMargin: C,
-    rightMargin: wt,
+    rightMargin: bt,
     topMargin: pt,
-    bottomMargin: At,
+    bottomMargin: It,
     tooltip: mt,
-    onSeriesMouseOver: et,
-    highlightedDataPoints: l,
-    selectedColor: ot,
+    onSeriesMouseOver: ot,
+    highlightedDataPoints: r,
+    selectedColor: nt,
     minValue: S,
     maxValue: T,
-    onSeriesMouseClick: U,
-    noOfTicks: nt,
-    prefix: J,
+    onSeriesMouseClick: J,
+    noOfTicks: rt,
+    prefix: K,
     suffix: lt,
-    stripType: d,
-    highlightColor: h,
-    dotOpacity: xt,
-    resetSelectionOnDoubleClick: K,
-    detailsOnClick: w,
-    styles: m,
-    classNames: v,
-    valueColor: u,
-    animate: g,
-    dimmedOpacity: Z,
-    precision: _,
+    stripType: b,
+    highlightColor: x,
+    dotOpacity: gt,
+    resetSelectionOnDoubleClick: Q,
+    detailsOnClick: O,
+    styles: f,
+    classNames: w,
+    valueColor: p,
+    animate: m,
+    dimmedOpacity: _,
+    precision: tt,
     customLayers: j,
-    showDataMinMax: Mt
-  } = i, yt = C === void 0 ? 20 : C, Vt = wt === void 0 ? 20 : wt, jt = pt === void 0 ? 10 : pt, Ct = At === void 0 ? 10 : At, Nt = Bt(null);
-  let rt;
-  t[0] !== g.amount || t[1] !== g.once ? (rt = {
-    once: g.once,
-    amount: g.amount
-  }, t[0] = g.amount, t[1] = g.once, t[2] = rt) : rt = t[2];
-  const M = li(Nt, rt), [ht, vt] = bt(void 0), [D, x] = bt(void 0), [p, Dt] = bt(void 0), [gt, It] = bt(void 0);
-  let tt;
-  t[3] !== Ct || t[4] !== yt || t[5] !== Vt || t[6] !== jt ? (tt = {
-    top: jt,
-    bottom: Ct,
-    left: yt,
-    right: Vt
-  }, t[3] = Ct, t[4] = yt, t[5] = Vt, t[6] = jt, t[7] = tt) : tt = t[7];
-  const y = tt, B = $ - y.left - y.right, q = b - y.top - y.bottom;
-  let E, I, V, L, A, N, P, H, W, X, Y, G;
-  if (t[8] !== g.duration || t[9] !== v?.graphObjectValues || t[10] !== v?.yAxis?.labels || t[11] !== r || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== w || t[16] !== Z || t[17] !== xt || t[18] !== q || t[19] !== B || t[20] !== b || t[21] !== h || t[22] !== l || t[23] !== M || t[24] !== y.left || t[25] !== y.top || t[26] !== T || t[27] !== S || t[28] !== D || t[29] !== nt || t[30] !== U || t[31] !== et || t[32] !== _ || t[33] !== J || t[34] !== f || t[35] !== K || t[36] !== ot || t[37] !== Mt || t[38] !== d || t[39] !== m?.graphObjectValues || t[40] !== m?.yAxis?.labels || t[41] !== lt || t[42] !== u || t[43] !== $) {
-    const kt = o.map(Ri);
-    let st;
-    t[56] !== l ? (st = (e) => {
-      const c = (l || []).indexOf(e.label);
-      return c === -1 ? 1 / 0 : c;
-    }, t[56] = l, t[57] = st) : st = t[57];
-    const ct = ii(kt, [st], ["desc"]);
+    showDataMinMax: wt
+  } = i, xt = C === void 0 ? 20 : C, Mt = bt === void 0 ? 20 : bt, Vt = pt === void 0 ? 10 : pt, jt = It === void 0 ? 10 : It, kt = Bt(null);
+  let at;
+  t[0] !== m.amount || t[1] !== m.once ? (at = {
+    once: m.once,
+    amount: m.amount
+  }, t[0] = m.amount, t[1] = m.once, t[2] = at) : at = t[2];
+  const M = ri(kt, at), [ht, yt] = Ot(void 0), [D, d] = Ot(void 0), [u, Ct] = Ot(void 0), [dt, Dt] = Ot(void 0);
+  let it;
+  t[3] !== jt || t[4] !== xt || t[5] !== Mt || t[6] !== Vt ? (it = {
+    top: Vt,
+    bottom: jt,
+    left: xt,
+    right: Mt
+  }, t[3] = jt, t[4] = xt, t[5] = Mt, t[6] = Vt, t[7] = it) : it = t[7];
+  const g = it, B = $ - g.left - g.right, q = v - g.top - g.bottom;
+  let E, I, V, L, k, A, P, H, W, X, Y, G;
+  if (t[8] !== m.duration || t[9] !== w?.graphObjectValues || t[10] !== w?.yAxis?.labels || t[11] !== l || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== O || t[16] !== _ || t[17] !== gt || t[18] !== q || t[19] !== B || t[20] !== v || t[21] !== x || t[22] !== r || t[23] !== M || t[24] !== g.left || t[25] !== g.top || t[26] !== T || t[27] !== S || t[28] !== D || t[29] !== rt || t[30] !== J || t[31] !== ot || t[32] !== tt || t[33] !== K || t[34] !== c || t[35] !== Q || t[36] !== nt || t[37] !== wt || t[38] !== b || t[39] !== f?.graphObjectValues || t[40] !== f?.yAxis?.labels || t[41] !== lt || t[42] !== p || t[43] !== $) {
+    const At = o.map(Ri);
+    let ct;
+    t[56] !== r ? (ct = (e) => {
+      const s = (r || []).indexOf(e.label);
+      return s === -1 ? 1 / 0 : s;
+    }, t[56] = r, t[57] = ct) : ct = t[57];
+    const Tt = ii(At, [ct], ["desc"]);
     let ut;
-    t[58] !== o || t[59] !== T ? (ut = dt(T) ? Math.max(...o.filter(zi).map(Gi)) < 0 ? 0 : Math.max(...o.filter(Yi).map(Xi)) : T, t[58] = o, t[59] = T, t[60] = ut) : ut = t[60];
-    const $t = ut;
-    let Ot;
-    t[61] !== o || t[62] !== S ? (Ot = dt(S) ? Math.min(...o.filter(Wi).map(Hi)) >= 0 ? 0 : Math.min(...o.filter(Pi).map(Li)) : S, t[61] = o, t[62] = S, t[63] = Ot) : Ot = t[63];
-    const St = Ot, ft = ni().domain([St, $t]).range([q, 0]).nice(), Tt = ai(nt, q);
-    I = it.svg, L = `${$}px`, A = `${b}px`, N = `0 0 ${$} ${b}`, P = "ltr", H = Nt, G = `translate(${y.left},${y.top})`, t[64] !== j ? (V = j.filter(Ei).map(Ti), t[64] = j, t[65] = V) : V = t[65], E = ri, W = ct.map((e) => /* @__PURE__ */ s.jsxs(it.g, { className: "undp-viz-g-with-hover", variants: {
+    t[58] !== o || t[59] !== T ? (ut = U(T) ? Math.max(...o.filter(zi).map(Gi)) < 0 ? 0 : Math.max(...o.filter(Yi).map(Xi)) : T, t[58] = o, t[59] = T, t[60] = ut) : ut = t[60];
+    const Nt = ut;
+    let vt;
+    t[61] !== o || t[62] !== S ? (vt = U(S) ? Math.min(...o.filter(Wi).map(Hi)) >= 0 ? 0 : Math.min(...o.filter(Pi).map(Li)) : S, t[61] = o, t[62] = S, t[63] = vt) : vt = t[63];
+    const $t = vt, ft = ni().domain([$t, Nt]).range([q, 0]).nice(), St = ai(rt, q);
+    I = et.svg, L = `${$}px`, k = `${v}px`, A = `0 0 ${$} ${v}`, P = "ltr", H = kt, G = `translate(${g.left},${g.top})`, t[64] !== j ? (V = j.filter(Ei).map(Ti), t[64] = j, t[65] = V) : V = t[65], E = li, W = Tt.map((e) => /* @__PURE__ */ a.jsxs(et.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         opacity: 0,
         x: B / 2,
@@ -98,84 +98,84 @@ function gi(i) {
       whileInView: {
         x: B / 2,
         y: ft(e.position),
-        opacity: ot ? e.color && n[r.indexOf(e.color)] === ot ? 0.95 : Z : l.length !== 0 ? l.indexOf(e.label) !== -1 ? 0.95 : Z : xt,
+        opacity: nt ? e.color && n[l.indexOf(e.color)] === nt ? 0.95 : _ : r.length !== 0 ? r.indexOf(e.label) !== -1 ? 0.95 : _ : gt,
         transition: {
-          duration: g.duration
+          duration: m.duration
         }
       }
     }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
-        duration: g.duration
+        duration: m.duration
       }
-    }, onMouseEnter: (c) => {
-      vt(e), It(c.clientY), Dt(c.clientX), et?.(e);
+    }, onMouseEnter: (s) => {
+      yt(e), Dt(s.clientY), Ct(s.clientX), ot?.(e);
     }, onClick: () => {
-      (U || w) && (ti(D, e) && K ? (x(void 0), U?.(void 0)) : (x(e), U?.(e)));
-    }, onMouseMove: (c) => {
-      vt(e), It(c.clientY), Dt(c.clientX);
+      (J || O) && (ti(D, e) && Q ? (d(void 0), J?.(void 0)) : (d(e), J?.(e)));
+    }, onMouseMove: (s) => {
+      yt(e), Dt(s.clientY), Ct(s.clientX);
     }, onMouseLeave: () => {
-      vt(void 0), Dt(void 0), It(void 0), et?.(void 0);
+      yt(void 0), Ct(void 0), Dt(void 0), ot?.(void 0);
     }, children: [
-      d === "dot" ? /* @__PURE__ */ s.jsx(it.circle, { cy: 0, cx: 0, variants: {
+      b === "dot" ? /* @__PURE__ */ a.jsx(et.circle, { cy: 0, cx: 0, variants: {
         initial: {
-          fill: h && l ? l.indexOf(e.label) !== -1 ? h : o.filter(Si).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter($i).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray
+          fill: x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(Si).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter($i).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
         },
         whileInView: {
-          fill: h && l ? l.indexOf(e.label) !== -1 ? h : o.filter(ki).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(Ni).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray,
+          fill: x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(Ni).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Ai).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
           transition: {
-            duration: g.duration
+            duration: m.duration
           }
         }
       }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
-          duration: g.duration
+          duration: m.duration
         }
-      }, r: f }) : /* @__PURE__ */ s.jsx(it.rect, { y: -1, height: 2, variants: {
+      }, r: c }) : /* @__PURE__ */ a.jsx(et.rect, { y: -1, height: 2, variants: {
         initial: {
-          x: 0 - f,
-          width: f * 2,
-          fill: h && l ? l.indexOf(e.label) !== -1 ? h : o.filter(Ai).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(Ii).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray
+          x: 0 - c,
+          width: c * 2,
+          fill: x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(ki).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Ii).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
         },
         whileInView: {
-          x: 0 - f,
-          width: f * 2,
-          fill: h && l ? l.indexOf(e.label) !== -1 ? h : o.filter(Di).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(Ci).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray,
+          x: 0 - c,
+          width: c * 2,
+          fill: x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(Di).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Ci).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
           transition: {
-            duration: g.duration
+            duration: m.duration
           }
         }
       }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
-          duration: g.duration
+          duration: m.duration
         }
       } }),
-      l.length !== 0 && l.indexOf(e.label) !== -1 ? /* @__PURE__ */ s.jsx(it.text, { y: 0, dy: "0.33em", variants: {
+      r.length !== 0 && r.indexOf(e.label) !== -1 ? /* @__PURE__ */ a.jsx(et.text, { y: 0, dy: "0.33em", variants: {
         initial: {
           opacity: 0,
-          x: 0 + f + 3,
-          fill: u || (h && l ? l.indexOf(e.label) !== -1 ? h : o.filter(ji).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(Vi).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray)
+          x: 0 + c + 3,
+          fill: p || (x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(ji).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Vi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray)
         },
         whileInView: {
           opacity: 1,
-          x: 0 + f + 3,
-          fill: u || (h && l ? l.indexOf(e.label) !== -1 ? h : o.filter(Mi).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(wi).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray),
+          x: 0 + c + 3,
+          fill: p || (x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(Mi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(wi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray),
           transition: {
-            duration: g.duration
+            duration: m.duration
           }
         }
       }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
-          duration: g.duration
+          duration: m.duration
         }
       }, style: {
         textAnchor: "start",
-        ...m?.graphObjectValues || {}
-      }, className: Yt("graph-value text-sm font-bold", v?.graphObjectValues), children: Gt(e.position, "NA", _, J, lt) }) : null
-    ] }, e.label)), X = Mt ? [ct[0], ct[ct.length - 1]].map((e, c) => /* @__PURE__ */ s.jsx(it.g, { variants: {
+        ...f?.graphObjectValues || {}
+      }, className: Yt("graph-value text-sm font-bold", w?.graphObjectValues), children: Gt(e.position, "NA", tt, K, lt) }) : null
+    ] }, e.label)), X = wt ? [Math.min(...o.filter(bi).map(Oi)), Math.max(...o.filter(vi).map(yi))].map((e, s) => /* @__PURE__ */ a.jsx(et.g, { variants: {
       initial: {
         opacity: 0,
         x: B / 2,
@@ -183,89 +183,87 @@ function gi(i) {
       },
       whileInView: {
         x: B / 2,
-        y: ft(e.position),
+        y: ft(e),
         opacity: 1,
         transition: {
-          duration: g.duration
+          duration: m.duration
         }
       }
     }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
-        duration: g.duration
+        duration: m.duration
       }
-    }, children: /* @__PURE__ */ s.jsx(it.text, { y: 0, dy: "0.33em", variants: {
+    }, children: /* @__PURE__ */ a.jsx(et.text, { y: 0, dy: "0.33em", variants: {
       initial: {
         opacity: 0,
-        x: 0 + f + 3,
-        fill: u || (h && l ? l.indexOf(e.label) !== -1 ? h : o.filter(bi).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(Oi).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray)
+        x: 0 + c + 3
       },
       whileInView: {
         opacity: 1,
-        x: 0 + f + 3,
-        fill: u || (h && l ? l.indexOf(e.label) !== -1 ? h : o.filter(vi).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(yi).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray),
+        x: 0 + c + 3,
         transition: {
-          duration: g.duration
+          duration: m.duration
         }
       }
     }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
-        duration: g.duration
+        duration: m.duration
       }
     }, style: {
       textAnchor: "start",
-      ...m?.graphObjectValues || {}
-    }, className: Yt("graph-value text-sm", v?.graphObjectValues), children: Gt(e.position, "NA", _, J, lt) }, c) }, c)) : null, Y = Tt.map((e, c) => /* @__PURE__ */ s.jsx("text", { y: e, x: B / 2 + f + 5, style: {
+      ...f?.graphObjectValues || {}
+    }, className: Yt("graph-value text-sm text-primary-gray-550 dark:text-primary-gray-200", w?.graphObjectValues), children: Gt(e, "NA", tt, K, lt) }, s) }, s)) : null, Y = St.map((e, s) => /* @__PURE__ */ a.jsx("text", { y: e, x: B / 2 + c + 5, style: {
       textAnchor: "start",
-      ...m?.yAxis?.labels || {}
-    }, className: Yt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", v?.yAxis?.labels), children: Gt(ft.invert(e), "NA", _, J, lt) }, c)), t[8] = g.duration, t[9] = v?.graphObjectValues, t[10] = v?.yAxis?.labels, t[11] = r, t[12] = n, t[13] = j, t[14] = o, t[15] = w, t[16] = Z, t[17] = xt, t[18] = q, t[19] = B, t[20] = b, t[21] = h, t[22] = l, t[23] = M, t[24] = y.left, t[25] = y.top, t[26] = T, t[27] = S, t[28] = D, t[29] = nt, t[30] = U, t[31] = et, t[32] = _, t[33] = J, t[34] = f, t[35] = K, t[36] = ot, t[37] = Mt, t[38] = d, t[39] = m?.graphObjectValues, t[40] = m?.yAxis?.labels, t[41] = lt, t[42] = u, t[43] = $, t[44] = E, t[45] = I, t[46] = V, t[47] = L, t[48] = A, t[49] = N, t[50] = P, t[51] = H, t[52] = W, t[53] = X, t[54] = Y, t[55] = G;
+      ...f?.yAxis?.labels || {}
+    }, className: Yt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", w?.yAxis?.labels), children: Gt(ft.invert(e), "NA", tt, K, lt) }, s)), t[8] = m.duration, t[9] = w?.graphObjectValues, t[10] = w?.yAxis?.labels, t[11] = l, t[12] = n, t[13] = j, t[14] = o, t[15] = O, t[16] = _, t[17] = gt, t[18] = q, t[19] = B, t[20] = v, t[21] = x, t[22] = r, t[23] = M, t[24] = g.left, t[25] = g.top, t[26] = T, t[27] = S, t[28] = D, t[29] = rt, t[30] = J, t[31] = ot, t[32] = tt, t[33] = K, t[34] = c, t[35] = Q, t[36] = nt, t[37] = wt, t[38] = b, t[39] = f?.graphObjectValues, t[40] = f?.yAxis?.labels, t[41] = lt, t[42] = p, t[43] = $, t[44] = E, t[45] = I, t[46] = V, t[47] = L, t[48] = k, t[49] = A, t[50] = P, t[51] = H, t[52] = W, t[53] = X, t[54] = Y, t[55] = G;
   } else
-    E = t[44], I = t[45], V = t[46], L = t[47], A = t[48], N = t[49], P = t[50], H = t[51], W = t[52], X = t[53], Y = t[54], G = t[55];
+    E = t[44], I = t[45], V = t[46], L = t[47], k = t[48], A = t[49], P = t[50], H = t[51], W = t[52], X = t[53], Y = t[54], G = t[55];
   let z;
-  t[66] !== E || t[67] !== W || t[68] !== X || t[69] !== Y ? (z = /* @__PURE__ */ s.jsxs(E, { children: [
+  t[66] !== E || t[67] !== W || t[68] !== X || t[69] !== Y ? (z = /* @__PURE__ */ a.jsxs(E, { children: [
     W,
     X,
     Y
   ] }), t[66] = E, t[67] = W, t[68] = X, t[69] = Y, t[70] = z) : z = t[70];
-  let O;
-  t[71] !== j ? (O = j.filter(xi).map(di), t[71] = j, t[72] = O) : O = t[72];
+  let y;
+  t[71] !== j ? (y = j.filter(xi).map(gi), t[71] = j, t[72] = y) : y = t[72];
   let R;
-  t[73] !== V || t[74] !== z || t[75] !== O || t[76] !== G ? (R = /* @__PURE__ */ s.jsxs("g", { transform: G, children: [
+  t[73] !== V || t[74] !== z || t[75] !== y || t[76] !== G ? (R = /* @__PURE__ */ a.jsxs("g", { transform: G, children: [
     V,
     z,
-    O
-  ] }), t[73] = V, t[74] = z, t[75] = O, t[76] = G, t[77] = R) : R = t[77];
-  let Q;
-  t[78] !== I || t[79] !== L || t[80] !== A || t[81] !== N || t[82] !== P || t[83] !== H || t[84] !== R ? (Q = /* @__PURE__ */ s.jsx(I, { width: L, height: A, viewBox: N, direction: P, ref: H, children: R }), t[78] = I, t[79] = L, t[80] = A, t[81] = N, t[82] = P, t[83] = H, t[84] = R, t[85] = Q) : Q = t[85];
-  let k;
-  t[86] !== v?.tooltip || t[87] !== p || t[88] !== gt || t[89] !== ht || t[90] !== m?.tooltip || t[91] !== mt ? (k = ht && mt && p && gt ? /* @__PURE__ */ s.jsx(ei, { data: ht, body: mt, xPos: p, yPos: gt, backgroundStyle: m?.tooltip, className: v?.tooltip }) : null, t[86] = v?.tooltip, t[87] = p, t[88] = gt, t[89] = ht, t[90] = m?.tooltip, t[91] = mt, t[92] = k) : k = t[92];
+    y
+  ] }), t[73] = V, t[74] = z, t[75] = y, t[76] = G, t[77] = R) : R = t[77];
+  let Z;
+  t[78] !== I || t[79] !== L || t[80] !== k || t[81] !== A || t[82] !== P || t[83] !== H || t[84] !== R ? (Z = /* @__PURE__ */ a.jsx(I, { width: L, height: k, viewBox: A, direction: P, ref: H, children: R }), t[78] = I, t[79] = L, t[80] = k, t[81] = A, t[82] = P, t[83] = H, t[84] = R, t[85] = Z) : Z = t[85];
+  let N;
+  t[86] !== w?.tooltip || t[87] !== u || t[88] !== dt || t[89] !== ht || t[90] !== f?.tooltip || t[91] !== mt ? (N = ht && mt && u && dt ? /* @__PURE__ */ a.jsx(ei, { data: ht, body: mt, xPos: u, yPos: dt, backgroundStyle: f?.tooltip, className: w?.tooltip }) : null, t[86] = w?.tooltip, t[87] = u, t[88] = dt, t[89] = ht, t[90] = f?.tooltip, t[91] = mt, t[92] = N) : N = t[92];
   let F;
-  t[93] !== v?.modal || t[94] !== w || t[95] !== D ? (F = w && D !== void 0 ? /* @__PURE__ */ s.jsx(oi, { body: w, data: D, setData: x, className: v?.modal }) : null, t[93] = v?.modal, t[94] = w, t[95] = D, t[96] = F) : F = t[96];
-  let at;
-  return t[97] !== Q || t[98] !== k || t[99] !== F ? (at = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    Q,
-    k,
+  t[93] !== w?.modal || t[94] !== O || t[95] !== D ? (F = O && D !== void 0 ? /* @__PURE__ */ a.jsx(oi, { body: O, data: D, setData: d, className: w?.modal }) : null, t[93] = w?.modal, t[94] = O, t[95] = D, t[96] = F) : F = t[96];
+  let st;
+  return t[97] !== Z || t[98] !== N || t[99] !== F ? (st = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    Z,
+    N,
     F
-  ] }), t[97] = Q, t[98] = k, t[99] = F, t[100] = at) : at = t[100], at;
+  ] }), t[97] = Z, t[98] = N, t[99] = F, t[100] = st) : st = t[100], st;
 }
-function di(i) {
+function gi(i) {
   return i.layer;
 }
 function xi(i) {
   return i.position === "after";
 }
 function yi(i) {
-  return i.color;
+  return i.position;
 }
 function vi(i) {
-  return i.color;
+  return !U(i.position);
 }
 function Oi(i) {
-  return i.color;
+  return i.position;
 }
 function bi(i) {
-  return i.color;
+  return !U(i.position);
 }
 function wi(i) {
   return i.color;
@@ -288,13 +286,13 @@ function Di(i) {
 function Ii(i) {
   return i.color;
 }
-function Ai(i) {
+function ki(i) {
   return i.color;
 }
-function Ni(i) {
+function Ai(i) {
   return i.color;
 }
-function ki(i) {
+function Ni(i) {
   return i.color;
 }
 function $i(i) {
@@ -313,25 +311,25 @@ function Li(i) {
   return i.position;
 }
 function Pi(i) {
-  return !dt(i.position);
+  return !U(i.position);
 }
 function Hi(i) {
   return i.position;
 }
 function Wi(i) {
-  return !dt(i.position);
+  return !U(i.position);
 }
 function Xi(i) {
   return i.position;
 }
 function Yi(i) {
-  return !dt(i.position);
+  return !U(i.position);
 }
 function Gi(i) {
   return i.position;
 }
 function zi(i) {
-  return !dt(i.position);
+  return !U(i.position);
 }
 function Ri(i, t) {
   return {
@@ -343,68 +341,68 @@ function Fi(i) {
   const t = Jt.c(101), {
     data: o,
     width: $,
-    height: b,
+    height: v,
     colors: n,
-    colorDomain: r,
-    radius: f,
+    colorDomain: l,
+    radius: c,
     leftMargin: C,
-    rightMargin: wt,
+    rightMargin: bt,
     topMargin: pt,
-    bottomMargin: At,
+    bottomMargin: It,
     tooltip: mt,
-    onSeriesMouseOver: et,
-    highlightedDataPoints: l,
-    selectedColor: ot,
+    onSeriesMouseOver: ot,
+    highlightedDataPoints: r,
+    selectedColor: nt,
     minValue: S,
     maxValue: T,
-    onSeriesMouseClick: U,
-    prefix: nt,
-    suffix: J,
+    onSeriesMouseClick: J,
+    prefix: rt,
+    suffix: K,
     stripType: lt,
-    highlightColor: d,
-    dotOpacity: h,
-    resetSelectionOnDoubleClick: xt,
-    detailsOnClick: K,
-    styles: w,
-    classNames: m,
-    valueColor: v,
-    animate: u,
-    noOfTicks: g,
-    dimmedOpacity: Z,
-    precision: _,
+    highlightColor: b,
+    dotOpacity: x,
+    resetSelectionOnDoubleClick: gt,
+    detailsOnClick: Q,
+    styles: O,
+    classNames: f,
+    valueColor: w,
+    animate: p,
+    noOfTicks: m,
+    dimmedOpacity: _,
+    precision: tt,
     customLayers: j,
-    showDataMinMax: Mt
-  } = i, yt = C === void 0 ? 5 : C, Vt = wt === void 0 ? 5 : wt, jt = pt === void 0 ? 10 : pt, Ct = At === void 0 ? 10 : At, Nt = Bt(null);
-  let rt;
-  t[0] !== u.amount || t[1] !== u.once ? (rt = {
-    once: u.once,
-    amount: u.amount
-  }, t[0] = u.amount, t[1] = u.once, t[2] = rt) : rt = t[2];
-  const M = li(Nt, rt), [ht, vt] = bt(void 0), [D, x] = bt(void 0), [p, Dt] = bt(void 0), [gt, It] = bt(void 0);
-  let tt;
-  t[3] !== Ct || t[4] !== yt || t[5] !== Vt || t[6] !== jt ? (tt = {
-    top: jt,
-    bottom: Ct,
-    left: yt,
-    right: Vt
-  }, t[3] = Ct, t[4] = yt, t[5] = Vt, t[6] = jt, t[7] = tt) : tt = t[7];
-  const y = tt, B = $ - y.left - y.right, q = b - y.top - y.bottom;
-  let E, I, V, L, A, N, P, H, W, X, Y, G;
-  if (t[8] !== u.duration || t[9] !== m?.graphObjectValues || t[10] !== m?.xAxis?.labels || t[11] !== r || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== K || t[16] !== Z || t[17] !== h || t[18] !== q || t[19] !== B || t[20] !== b || t[21] !== d || t[22] !== l || t[23] !== M || t[24] !== y.left || t[25] !== y.top || t[26] !== T || t[27] !== S || t[28] !== D || t[29] !== g || t[30] !== U || t[31] !== et || t[32] !== _ || t[33] !== nt || t[34] !== f || t[35] !== xt || t[36] !== ot || t[37] !== Mt || t[38] !== lt || t[39] !== w?.graphObjectValues || t[40] !== w?.xAxis?.labels || t[41] !== J || t[42] !== v || t[43] !== $) {
-    const kt = o.map(Oe);
-    let st;
-    t[56] !== l ? (st = (e) => {
-      const c = (l || []).indexOf(e.label);
-      return c === -1 ? 1 / 0 : c;
-    }, t[56] = l, t[57] = st) : st = t[57];
-    const ct = ii(kt, [st], ["desc"]);
+    showDataMinMax: wt
+  } = i, xt = C === void 0 ? 5 : C, Mt = bt === void 0 ? 5 : bt, Vt = pt === void 0 ? 10 : pt, jt = It === void 0 ? 10 : It, kt = Bt(null);
+  let at;
+  t[0] !== p.amount || t[1] !== p.once ? (at = {
+    once: p.once,
+    amount: p.amount
+  }, t[0] = p.amount, t[1] = p.once, t[2] = at) : at = t[2];
+  const M = ri(kt, at), [ht, yt] = Ot(void 0), [D, d] = Ot(void 0), [u, Ct] = Ot(void 0), [dt, Dt] = Ot(void 0);
+  let it;
+  t[3] !== jt || t[4] !== xt || t[5] !== Mt || t[6] !== Vt ? (it = {
+    top: Vt,
+    bottom: jt,
+    left: xt,
+    right: Mt
+  }, t[3] = jt, t[4] = xt, t[5] = Mt, t[6] = Vt, t[7] = it) : it = t[7];
+  const g = it, B = $ - g.left - g.right, q = v - g.top - g.bottom;
+  let E, I, V, L, k, A, P, H, W, X, Y, G;
+  if (t[8] !== p.duration || t[9] !== f?.graphObjectValues || t[10] !== f?.xAxis?.labels || t[11] !== l || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== Q || t[16] !== _ || t[17] !== x || t[18] !== q || t[19] !== B || t[20] !== v || t[21] !== b || t[22] !== r || t[23] !== M || t[24] !== g.left || t[25] !== g.top || t[26] !== T || t[27] !== S || t[28] !== D || t[29] !== m || t[30] !== J || t[31] !== ot || t[32] !== tt || t[33] !== rt || t[34] !== c || t[35] !== gt || t[36] !== nt || t[37] !== wt || t[38] !== lt || t[39] !== O?.graphObjectValues || t[40] !== O?.xAxis?.labels || t[41] !== K || t[42] !== w || t[43] !== $) {
+    const At = o.map(Oe);
+    let ct;
+    t[56] !== r ? (ct = (e) => {
+      const s = (r || []).indexOf(e.label);
+      return s === -1 ? 1 / 0 : s;
+    }, t[56] = r, t[57] = ct) : ct = t[57];
+    const Tt = ii(At, [ct], ["desc"]);
     let ut;
-    t[58] !== o || t[59] !== T ? (ut = dt(T) ? Math.max(...o.filter(ve).map(ye)) < 0 ? 0 : Math.max(...o.filter(xe).map(de)) : T, t[58] = o, t[59] = T, t[60] = ut) : ut = t[60];
-    const $t = ut;
-    let Ot;
-    t[61] !== o || t[62] !== S ? (Ot = dt(S) ? Math.min(...o.filter(ge).map(he)) >= 0 ? 0 : Math.min(...o.filter(me).map(pe)) : S, t[61] = o, t[62] = S, t[63] = Ot) : Ot = t[63];
-    const St = Ot, ft = ni().domain([St, $t]).range([0, B]).nice(), Tt = ai(g, B);
-    I = it.svg, L = `${$}px`, A = `${b}px`, N = `0 0 ${$} ${b}`, P = "ltr", H = Nt, G = `translate(${y.left},${y.top})`, t[64] !== j ? (V = j.filter(fe).map(ue), t[64] = j, t[65] = V) : V = t[65], E = ri, W = ct.map((e) => /* @__PURE__ */ s.jsxs(it.g, { className: "undp-viz-g-with-hover", variants: {
+    t[58] !== o || t[59] !== T ? (ut = U(T) ? Math.max(...o.filter(ve).map(ye)) < 0 ? 0 : Math.max(...o.filter(xe).map(ge)) : T, t[58] = o, t[59] = T, t[60] = ut) : ut = t[60];
+    const Nt = ut;
+    let vt;
+    t[61] !== o || t[62] !== S ? (vt = U(S) ? Math.min(...o.filter(de).map(he)) >= 0 ? 0 : Math.min(...o.filter(me).map(pe)) : S, t[61] = o, t[62] = S, t[63] = vt) : vt = t[63];
+    const $t = vt, ft = ni().domain([$t, Nt]).range([0, B]).nice(), St = ai(m, B);
+    I = et.svg, L = `${$}px`, k = `${v}px`, A = `0 0 ${$} ${v}`, P = "ltr", H = kt, G = `translate(${g.left},${g.top})`, t[64] !== j ? (V = j.filter(fe).map(ue), t[64] = j, t[65] = V) : V = t[65], E = li, W = Tt.map((e) => /* @__PURE__ */ a.jsxs(et.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         opacity: 0,
         x: ft(0),
@@ -413,156 +411,154 @@ function Fi(i) {
       whileInView: {
         x: ft(e.position),
         y: q / 2,
-        opacity: ot ? e.color && n[r.indexOf(e.color)] === ot ? 0.95 : Z : l.length !== 0 ? l.indexOf(e.label) !== -1 ? 0.95 : Z : h,
+        opacity: nt ? e.color && n[l.indexOf(e.color)] === nt ? 0.95 : _ : r.length !== 0 ? r.indexOf(e.label) !== -1 ? 0.95 : _ : x,
         transition: {
-          duration: u.duration
+          duration: p.duration
         }
       }
     }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
-        duration: u.duration
+        duration: p.duration
       }
-    }, onMouseEnter: (c) => {
-      vt(e), It(c.clientY), Dt(c.clientX), et?.(e);
+    }, onMouseEnter: (s) => {
+      yt(e), Dt(s.clientY), Ct(s.clientX), ot?.(e);
     }, onClick: () => {
-      (U || K) && (ti(D, e) && xt ? (x(void 0), U?.(void 0)) : (x(e), U?.(e)));
-    }, onMouseMove: (c) => {
-      vt(e), It(c.clientY), Dt(c.clientX);
+      (J || Q) && (ti(D, e) && gt ? (d(void 0), J?.(void 0)) : (d(e), J?.(e)));
+    }, onMouseMove: (s) => {
+      yt(e), Dt(s.clientY), Ct(s.clientX);
     }, onMouseLeave: () => {
-      vt(void 0), Dt(void 0), It(void 0), et?.(void 0);
+      yt(void 0), Ct(void 0), Dt(void 0), ot?.(void 0);
     }, children: [
-      lt === "dot" ? /* @__PURE__ */ s.jsx(it.circle, { cy: 0, cx: 0, variants: {
+      lt === "dot" ? /* @__PURE__ */ a.jsx(et.circle, { cy: 0, cx: 0, variants: {
         initial: {
-          fill: d && l ? l.indexOf(e.label) !== -1 ? d : o.filter(ce).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(se).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray
+          fill: b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(ce).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(se).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
         },
         whileInView: {
-          fill: d && l ? l.indexOf(e.label) !== -1 ? d : o.filter(ae).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(re).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray,
+          fill: b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(ae).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(le).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
           transition: {
-            duration: u.duration
+            duration: p.duration
           }
         }
       }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
-          duration: u.duration
+          duration: p.duration
         }
-      }, r: f }) : /* @__PURE__ */ s.jsx(it.rect, { x: -1, width: 2, variants: {
+      }, r: c }) : /* @__PURE__ */ a.jsx(et.rect, { x: -1, width: 2, variants: {
         initial: {
-          y: 0 - f,
-          height: f * 2,
-          fill: d && l ? l.indexOf(e.label) !== -1 ? d : o.filter(le).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(ne).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray
+          y: 0 - c,
+          height: c * 2,
+          fill: b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(re).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(ne).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
         },
         whileInView: {
-          y: 0 - f,
-          height: f * 2,
-          fill: d && l ? l.indexOf(e.label) !== -1 ? d : o.filter(oe).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(ee).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray,
+          y: 0 - c,
+          height: c * 2,
+          fill: b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(oe).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(ee).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
           transition: {
-            duration: u.duration
+            duration: p.duration
           }
         }
       }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
-          duration: u.duration
+          duration: p.duration
         }
       } }),
-      l.length !== 0 && l.indexOf(e.label) !== -1 ? /* @__PURE__ */ s.jsx(it.text, { x: 0, variants: {
+      r.length !== 0 && r.indexOf(e.label) !== -1 ? /* @__PURE__ */ a.jsx(et.text, { x: 0, variants: {
         initial: {
           opacity: 0,
-          y: 0 - f - 5,
-          fill: v || (d && l ? l.indexOf(e.label) !== -1 ? d : o.filter(ie).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(te).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray)
+          y: 0 - c - 5,
+          fill: w || (b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(ie).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(te).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray)
         },
         whileInView: {
           opacity: 1,
-          y: 0 - f - 5,
-          fill: v || (d && l ? l.indexOf(e.label) !== -1 ? d : o.filter(_i).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(Zi).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray),
+          y: 0 - c - 5,
+          fill: w || (b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(_i).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Zi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray),
           transition: {
-            duration: u.duration
+            duration: p.duration
           }
         }
       }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
-          duration: u.duration
+          duration: p.duration
         }
       }, style: {
         textAnchor: "middle",
-        ...w?.graphObjectValues || {}
-      }, className: Yt("graph-value text-sm font-bold", m?.graphObjectValues), children: Gt(e.position, "NA", _, nt, J) }) : null
-    ] }, e.label)), X = Mt ? [ct[0], ct[ct.length - 1]].map((e, c) => /* @__PURE__ */ s.jsx(it.g, { variants: {
+        ...O?.graphObjectValues || {}
+      }, className: Yt("graph-value text-sm font-bold", f?.graphObjectValues), children: Gt(e.position, "NA", tt, rt, K) }) : null
+    ] }, e.label)), X = wt ? [Math.min(...o.filter(Qi).map(Ki)), Math.max(...o.filter(Ji).map(Ui))].map((e, s) => /* @__PURE__ */ a.jsx(et.g, { variants: {
       initial: {
         opacity: 0,
         x: ft(0),
         y: q / 2
       },
       whileInView: {
-        x: ft(e.position),
+        x: ft(e),
         y: q / 2,
         opacity: 1,
         transition: {
-          duration: u.duration
+          duration: p.duration
         }
       }
     }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
-        duration: u.duration
+        duration: p.duration
       }
-    }, children: /* @__PURE__ */ s.jsx(it.text, { x: 0, variants: {
+    }, children: /* @__PURE__ */ a.jsx(et.text, { x: 0, variants: {
       initial: {
         opacity: 0,
-        y: 0 - f - 5,
-        fill: v || (d && l ? l.indexOf(e.label) !== -1 ? d : o.filter(Qi).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(Ki).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray)
+        y: 0 - c - 5
       },
       whileInView: {
         opacity: 1,
-        y: 0 - f - 5,
-        fill: v || (d && l ? l.indexOf(e.label) !== -1 ? d : o.filter(Ji).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray : o.filter(Ui).length === 0 ? n[0] : e.color ? n[r.indexOf(e.color)] : a.gray),
+        y: 0 - c - 5,
         transition: {
-          duration: u.duration
+          duration: p.duration
         }
       }
     }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
-        duration: u.duration
+        duration: p.duration
       }
     }, style: {
       textAnchor: "middle",
-      ...w?.graphObjectValues || {}
-    }, className: Yt("graph-value text-sm", m?.graphObjectValues), children: Gt(e.position, "NA", _, nt, J) }) }, c)) : null, Y = Tt.map((e, c) => /* @__PURE__ */ s.jsx("text", { x: e, y: q / 2 + f, style: {
-      textAnchor: c === 0 ? "start" : c === Tt.length - 1 ? "end" : "middle",
-      ...w?.xAxis?.labels || {}
-    }, className: Yt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", m?.xAxis?.labels), dy: "1em", children: Gt(ft.invert(e), "NA", _, nt, J) }, c)), t[8] = u.duration, t[9] = m?.graphObjectValues, t[10] = m?.xAxis?.labels, t[11] = r, t[12] = n, t[13] = j, t[14] = o, t[15] = K, t[16] = Z, t[17] = h, t[18] = q, t[19] = B, t[20] = b, t[21] = d, t[22] = l, t[23] = M, t[24] = y.left, t[25] = y.top, t[26] = T, t[27] = S, t[28] = D, t[29] = g, t[30] = U, t[31] = et, t[32] = _, t[33] = nt, t[34] = f, t[35] = xt, t[36] = ot, t[37] = Mt, t[38] = lt, t[39] = w?.graphObjectValues, t[40] = w?.xAxis?.labels, t[41] = J, t[42] = v, t[43] = $, t[44] = E, t[45] = I, t[46] = V, t[47] = L, t[48] = A, t[49] = N, t[50] = P, t[51] = H, t[52] = W, t[53] = X, t[54] = Y, t[55] = G;
+      ...O?.graphObjectValues || {}
+    }, className: Yt("graph-value text-sm text-primary-gray-550 dark:text-primary-gray-200", f?.graphObjectValues), children: Gt(e, "NA", tt, rt, K) }) }, s)) : null, Y = St.map((e, s) => /* @__PURE__ */ a.jsx("text", { x: e, y: q / 2 + c, style: {
+      textAnchor: s === 0 ? "start" : s === St.length - 1 ? "end" : "middle",
+      ...O?.xAxis?.labels || {}
+    }, className: Yt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", f?.xAxis?.labels), dy: "1em", children: Gt(ft.invert(e), "NA", tt, rt, K) }, s)), t[8] = p.duration, t[9] = f?.graphObjectValues, t[10] = f?.xAxis?.labels, t[11] = l, t[12] = n, t[13] = j, t[14] = o, t[15] = Q, t[16] = _, t[17] = x, t[18] = q, t[19] = B, t[20] = v, t[21] = b, t[22] = r, t[23] = M, t[24] = g.left, t[25] = g.top, t[26] = T, t[27] = S, t[28] = D, t[29] = m, t[30] = J, t[31] = ot, t[32] = tt, t[33] = rt, t[34] = c, t[35] = gt, t[36] = nt, t[37] = wt, t[38] = lt, t[39] = O?.graphObjectValues, t[40] = O?.xAxis?.labels, t[41] = K, t[42] = w, t[43] = $, t[44] = E, t[45] = I, t[46] = V, t[47] = L, t[48] = k, t[49] = A, t[50] = P, t[51] = H, t[52] = W, t[53] = X, t[54] = Y, t[55] = G;
   } else
-    E = t[44], I = t[45], V = t[46], L = t[47], A = t[48], N = t[49], P = t[50], H = t[51], W = t[52], X = t[53], Y = t[54], G = t[55];
+    E = t[44], I = t[45], V = t[46], L = t[47], k = t[48], A = t[49], P = t[50], H = t[51], W = t[52], X = t[53], Y = t[54], G = t[55];
   let z;
-  t[66] !== E || t[67] !== W || t[68] !== X || t[69] !== Y ? (z = /* @__PURE__ */ s.jsxs(E, { children: [
+  t[66] !== E || t[67] !== W || t[68] !== X || t[69] !== Y ? (z = /* @__PURE__ */ a.jsxs(E, { children: [
     W,
     X,
     Y
   ] }), t[66] = E, t[67] = W, t[68] = X, t[69] = Y, t[70] = z) : z = t[70];
-  let O;
-  t[71] !== j ? (O = j.filter(qi).map(Bi), t[71] = j, t[72] = O) : O = t[72];
+  let y;
+  t[71] !== j ? (y = j.filter(qi).map(Bi), t[71] = j, t[72] = y) : y = t[72];
   let R;
-  t[73] !== V || t[74] !== z || t[75] !== O || t[76] !== G ? (R = /* @__PURE__ */ s.jsxs("g", { transform: G, children: [
+  t[73] !== V || t[74] !== z || t[75] !== y || t[76] !== G ? (R = /* @__PURE__ */ a.jsxs("g", { transform: G, children: [
     V,
     z,
-    O
-  ] }), t[73] = V, t[74] = z, t[75] = O, t[76] = G, t[77] = R) : R = t[77];
-  let Q;
-  t[78] !== I || t[79] !== L || t[80] !== A || t[81] !== N || t[82] !== P || t[83] !== H || t[84] !== R ? (Q = /* @__PURE__ */ s.jsx(I, { width: L, height: A, viewBox: N, direction: P, ref: H, children: R }), t[78] = I, t[79] = L, t[80] = A, t[81] = N, t[82] = P, t[83] = H, t[84] = R, t[85] = Q) : Q = t[85];
-  let k;
-  t[86] !== m?.tooltip || t[87] !== p || t[88] !== gt || t[89] !== ht || t[90] !== w?.tooltip || t[91] !== mt ? (k = ht && mt && p && gt ? /* @__PURE__ */ s.jsx(ei, { data: ht, body: mt, xPos: p, yPos: gt, backgroundStyle: w?.tooltip, className: m?.tooltip }) : null, t[86] = m?.tooltip, t[87] = p, t[88] = gt, t[89] = ht, t[90] = w?.tooltip, t[91] = mt, t[92] = k) : k = t[92];
+    y
+  ] }), t[73] = V, t[74] = z, t[75] = y, t[76] = G, t[77] = R) : R = t[77];
+  let Z;
+  t[78] !== I || t[79] !== L || t[80] !== k || t[81] !== A || t[82] !== P || t[83] !== H || t[84] !== R ? (Z = /* @__PURE__ */ a.jsx(I, { width: L, height: k, viewBox: A, direction: P, ref: H, children: R }), t[78] = I, t[79] = L, t[80] = k, t[81] = A, t[82] = P, t[83] = H, t[84] = R, t[85] = Z) : Z = t[85];
+  let N;
+  t[86] !== f?.tooltip || t[87] !== u || t[88] !== dt || t[89] !== ht || t[90] !== O?.tooltip || t[91] !== mt ? (N = ht && mt && u && dt ? /* @__PURE__ */ a.jsx(ei, { data: ht, body: mt, xPos: u, yPos: dt, backgroundStyle: O?.tooltip, className: f?.tooltip }) : null, t[86] = f?.tooltip, t[87] = u, t[88] = dt, t[89] = ht, t[90] = O?.tooltip, t[91] = mt, t[92] = N) : N = t[92];
   let F;
-  t[93] !== m?.modal || t[94] !== K || t[95] !== D ? (F = K && D !== void 0 ? /* @__PURE__ */ s.jsx(oi, { body: K, data: D, setData: x, className: m?.modal }) : null, t[93] = m?.modal, t[94] = K, t[95] = D, t[96] = F) : F = t[96];
-  let at;
-  return t[97] !== Q || t[98] !== k || t[99] !== F ? (at = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    Q,
-    k,
+  t[93] !== f?.modal || t[94] !== Q || t[95] !== D ? (F = Q && D !== void 0 ? /* @__PURE__ */ a.jsx(oi, { body: Q, data: D, setData: d, className: f?.modal }) : null, t[93] = f?.modal, t[94] = Q, t[95] = D, t[96] = F) : F = t[96];
+  let st;
+  return t[97] !== Z || t[98] !== N || t[99] !== F ? (st = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    Z,
+    N,
     F
-  ] }), t[97] = Q, t[98] = k, t[99] = F, t[100] = at) : at = t[100], at;
+  ] }), t[97] = Z, t[98] = N, t[99] = F, t[100] = st) : st = t[100], st;
 }
 function Bi(i) {
   return i.layer;
@@ -571,16 +567,16 @@ function qi(i) {
   return i.position === "after";
 }
 function Ui(i) {
-  return i.color;
+  return i.position;
 }
 function Ji(i) {
-  return i.color;
+  return !U(i.position);
 }
 function Ki(i) {
-  return i.color;
+  return i.position;
 }
 function Qi(i) {
-  return i.color;
+  return !U(i.position);
 }
 function Zi(i) {
   return i.color;
@@ -603,10 +599,10 @@ function oe(i) {
 function ne(i) {
   return i.color;
 }
-function le(i) {
+function re(i) {
   return i.color;
 }
-function re(i) {
+function le(i) {
   return i.color;
 }
 function ae(i) {
@@ -628,25 +624,25 @@ function pe(i) {
   return i.position;
 }
 function me(i) {
-  return !dt(i.position);
+  return !U(i.position);
 }
 function he(i) {
   return i.position;
 }
-function ge(i) {
-  return !dt(i.position);
-}
 function de(i) {
+  return !U(i.position);
+}
+function ge(i) {
   return i.position;
 }
 function xe(i) {
-  return !dt(i.position);
+  return !U(i.position);
 }
 function ye(i) {
   return i.position;
 }
 function ve(i) {
-  return !dt(i.position);
+  return !U(i.position);
 }
 function Oe(i, t) {
   return {
@@ -658,111 +654,111 @@ function Ue(i) {
   const t = Jt.c(93), {
     data: o,
     graphTitle: $,
-    colors: b,
+    colors: v,
     sources: n,
-    graphDescription: r,
-    height: f,
+    graphDescription: l,
+    height: c,
     width: C,
-    footNote: wt,
+    footNote: bt,
     colorDomain: pt,
-    colorLegendTitle: At,
+    colorLegendTitle: It,
     radius: mt,
-    padding: et,
-    backgroundColor: l,
-    leftMargin: ot,
+    padding: ot,
+    backgroundColor: r,
+    leftMargin: nt,
     rightMargin: S,
     topMargin: T,
-    bottomMargin: U,
-    tooltip: nt,
-    relativeHeight: J,
+    bottomMargin: J,
+    tooltip: rt,
+    relativeHeight: K,
     onSeriesMouseOver: lt,
-    showColorScale: d,
-    highlightedDataPoints: h,
-    graphID: xt,
-    minValue: K,
-    maxValue: w,
-    onSeriesMouseClick: m,
-    noOfTicks: v,
-    graphDownload: u,
-    dataDownload: g,
-    prefix: Z,
-    suffix: _,
+    showColorScale: b,
+    highlightedDataPoints: x,
+    graphID: gt,
+    minValue: Q,
+    maxValue: O,
+    onSeriesMouseClick: f,
+    noOfTicks: w,
+    graphDownload: p,
+    dataDownload: m,
+    prefix: _,
+    suffix: tt,
     stripType: j,
-    language: Mt,
-    highlightColor: yt,
-    dotOpacity: Vt,
-    showNAColor: jt,
-    minHeight: Ct,
-    theme: Nt,
-    ariaLabel: rt,
+    language: wt,
+    highlightColor: xt,
+    dotOpacity: Mt,
+    showNAColor: Vt,
+    minHeight: jt,
+    theme: kt,
+    ariaLabel: at,
     valueColor: M,
     resetSelectionOnDoubleClick: ht,
-    detailsOnClick: vt,
+    detailsOnClick: yt,
     orientation: D,
-    styles: x,
-    classNames: p,
-    animate: Dt,
-    dimmedOpacity: gt,
-    precision: It,
-    customLayers: tt,
-    showDataMinMax: y
-  } = i, B = mt === void 0 ? 5 : mt, q = l === void 0 ? !1 : l, E = d === void 0 ? !0 : d;
+    styles: d,
+    classNames: u,
+    animate: Ct,
+    dimmedOpacity: dt,
+    precision: Dt,
+    customLayers: it,
+    showDataMinMax: g
+  } = i, B = mt === void 0 ? 5 : mt, q = r === void 0 ? !1 : r, E = b === void 0 ? !0 : b;
   let I;
-  t[0] !== h ? (I = h === void 0 ? [] : h, t[0] = h, t[1] = I) : I = t[1];
-  const V = I, L = v === void 0 ? 2 : v, A = u === void 0 ? !1 : u, N = g === void 0 ? !1 : g, P = Z === void 0 ? "" : Z, H = _ === void 0 ? "" : _, W = j === void 0 ? "dot" : j, X = Mt === void 0 ? "en" : Mt, Y = Vt === void 0 ? 0.3 : Vt, G = jt === void 0 ? !0 : jt, z = Ct === void 0 ? 0 : Ct, O = Nt === void 0 ? "light" : Nt, R = ht === void 0 ? !0 : ht, Q = D === void 0 ? "vertical" : D, k = Dt === void 0 ? !1 : Dt, F = gt === void 0 ? 0.3 : gt, at = It === void 0 ? 2 : It;
-  let kt;
-  t[2] !== tt ? (kt = tt === void 0 ? [] : tt, t[2] = tt, t[3] = kt) : kt = t[3];
-  const st = kt, ct = y === void 0 ? !1 : y, ut = Q === "horizontal" ? Fi : gi, [$t, Ot] = bt(0), [St, ft] = bt(0), [Tt, e] = bt(void 0), c = Bt(null), Kt = Bt(null);
+  t[0] !== x ? (I = x === void 0 ? [] : x, t[0] = x, t[1] = I) : I = t[1];
+  const V = I, L = w === void 0 ? 2 : w, k = p === void 0 ? !1 : p, A = m === void 0 ? !1 : m, P = _ === void 0 ? "" : _, H = tt === void 0 ? "" : tt, W = j === void 0 ? "dot" : j, X = wt === void 0 ? "en" : wt, Y = Mt === void 0 ? 0.3 : Mt, G = Vt === void 0 ? !0 : Vt, z = jt === void 0 ? 0 : jt, y = kt === void 0 ? "light" : kt, R = ht === void 0 ? !0 : ht, Z = D === void 0 ? "vertical" : D, N = Ct === void 0 ? !1 : Ct, F = dt === void 0 ? 0.3 : dt, st = Dt === void 0 ? 2 : Dt;
+  let At;
+  t[2] !== it ? (At = it === void 0 ? [] : it, t[2] = it, t[3] = At) : At = t[3];
+  const ct = At, Tt = g === void 0 ? !1 : g, ut = Z === "horizontal" ? Fi : di, [Nt, vt] = Ot(0), [$t, ft] = Ot(0), [St, e] = Ot(void 0), s = Bt(null), Kt = Bt(null);
   let zt, Rt;
   t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (zt = () => {
     const Qt = new ResizeObserver((Zt) => {
-      Ot(Zt[0].target.clientWidth || 620), ft(Zt[0].target.clientHeight || 480);
+      vt(Zt[0].target.clientWidth || 620), ft(Zt[0].target.clientHeight || 480);
     });
-    return c.current && Qt.observe(c.current), () => Qt.disconnect();
+    return s.current && Qt.observe(s.current), () => Qt.disconnect();
   }, Rt = [], t[4] = zt, t[5] = Rt) : (zt = t[4], Rt = t[5]), si(zt, Rt);
-  const qt = p?.graphContainer, Ut = x?.graphContainer;
+  const qt = u?.graphContainer, Ut = d?.graphContainer;
   let Et;
-  t[6] !== p?.description || t[7] !== p?.title || t[8] !== o || t[9] !== N || t[10] !== r || t[11] !== A || t[12] !== $ || t[13] !== x?.description || t[14] !== x?.title || t[15] !== C ? (Et = $ || r || A || N ? /* @__PURE__ */ s.jsx(hi, { styles: {
-    title: x?.title,
-    description: x?.description
+  t[6] !== u?.description || t[7] !== u?.title || t[8] !== o || t[9] !== A || t[10] !== l || t[11] !== k || t[12] !== $ || t[13] !== d?.description || t[14] !== d?.title || t[15] !== C ? (Et = $ || l || k || A ? /* @__PURE__ */ a.jsx(hi, { styles: {
+    title: d?.title,
+    description: d?.description
   }, classNames: {
-    title: p?.title,
-    description: p?.description
-  }, graphTitle: $, graphDescription: r, width: C, graphDownload: A ? Kt : void 0, dataDownload: N ? o.map(Ie).filter(De).length > 0 ? o.map(Ce).filter(je) : o.filter(Ve) : null }) : null, t[6] = p?.description, t[7] = p?.title, t[8] = o, t[9] = N, t[10] = r, t[11] = A, t[12] = $, t[13] = x?.description, t[14] = x?.title, t[15] = C, t[16] = Et) : Et = t[16];
+    title: u?.title,
+    description: u?.description
+  }, graphTitle: $, graphDescription: l, width: C, graphDownload: k ? Kt : void 0, dataDownload: A ? o.map(Ie).filter(De).length > 0 ? o.map(Ce).filter(je) : o.filter(Ve) : null }) : null, t[6] = u?.description, t[7] = u?.title, t[8] = o, t[9] = A, t[10] = l, t[11] = k, t[12] = $, t[13] = d?.description, t[14] = d?.title, t[15] = C, t[16] = Et) : Et = t[16];
   let Lt;
-  t[17] !== p?.colorLegend || t[18] !== pt || t[19] !== At || t[20] !== b || t[21] !== o || t[22] !== E || t[23] !== G || t[24] !== O || t[25] !== C ? (Lt = E !== !1 && o.filter(Me).length !== 0 && o.length > 0 ? /* @__PURE__ */ s.jsx(pi, { width: C, colorLegendTitle: At, colors: b || a[O].categoricalColors.colors, colorDomain: pt || _t(o, "color", !0), setSelectedColor: e, showNAColor: G, className: p?.colorLegend }) : null, t[17] = p?.colorLegend, t[18] = pt, t[19] = At, t[20] = b, t[21] = o, t[22] = E, t[23] = G, t[24] = O, t[25] = C, t[26] = Lt) : Lt = t[26];
+  t[17] !== u?.colorLegend || t[18] !== pt || t[19] !== It || t[20] !== v || t[21] !== o || t[22] !== E || t[23] !== G || t[24] !== y || t[25] !== C ? (Lt = E !== !1 && o.filter(Me).length !== 0 && o.length > 0 ? /* @__PURE__ */ a.jsx(pi, { width: C, colorLegendTitle: It, colors: v || h[y].categoricalColors.colors, colorDomain: pt || _t(o, "color", !0), setSelectedColor: e, showNAColor: G, className: u?.colorLegend }) : null, t[17] = u?.colorLegend, t[18] = pt, t[19] = It, t[20] = v, t[21] = o, t[22] = E, t[23] = G, t[24] = y, t[25] = C, t[26] = Lt) : Lt = t[26];
   let Pt;
-  t[27] !== o.length ? (Pt = o.length === 0 && /* @__PURE__ */ s.jsx(fi, {}), t[27] = o.length, t[28] = Pt) : Pt = t[28];
+  t[27] !== o.length ? (Pt = o.length === 0 && /* @__PURE__ */ a.jsx(fi, {}), t[27] = o.length, t[28] = Pt) : Pt = t[28];
   let Ht;
-  t[29] !== ut || t[30] !== k || t[31] !== U || t[32] !== p || t[33] !== pt || t[34] !== b || t[35] !== st || t[36] !== o || t[37] !== vt || t[38] !== F || t[39] !== Y || t[40] !== yt || t[41] !== V || t[42] !== ot || t[43] !== w || t[44] !== K || t[45] !== L || t[46] !== m || t[47] !== lt || t[48] !== at || t[49] !== P || t[50] !== B || t[51] !== R || t[52] !== S || t[53] !== Tt || t[54] !== ct || t[55] !== W || t[56] !== x || t[57] !== H || t[58] !== St || t[59] !== $t || t[60] !== O || t[61] !== nt || t[62] !== T || t[63] !== M ? (Ht = $t && St && o.length > 0 ? /* @__PURE__ */ s.jsx(ut, { data: o, width: $t, showDataMinMax: ct, height: St, colorDomain: o.filter(we).length === 0 ? [] : pt || _t(o, "color", !0), colors: o.filter(be).length === 0 ? b ? [b] : [a.primaryColors["blue-600"]] : b || a[O].categoricalColors.colors, selectedColor: Tt, radius: B, leftMargin: ot, rightMargin: S, topMargin: T, bottomMargin: U, tooltip: nt, onSeriesMouseOver: lt, highlightedDataPoints: V, minValue: K, maxValue: w, onSeriesMouseClick: m, prefix: P, suffix: H, stripType: W, highlightColor: yt, dotOpacity: Y, resetSelectionOnDoubleClick: R, detailsOnClick: vt, styles: x, classNames: p, valueColor: M, animate: k === !0 ? {
+  t[29] !== ut || t[30] !== N || t[31] !== J || t[32] !== u || t[33] !== pt || t[34] !== v || t[35] !== ct || t[36] !== o || t[37] !== yt || t[38] !== F || t[39] !== Y || t[40] !== xt || t[41] !== V || t[42] !== nt || t[43] !== O || t[44] !== Q || t[45] !== L || t[46] !== f || t[47] !== lt || t[48] !== st || t[49] !== P || t[50] !== B || t[51] !== R || t[52] !== S || t[53] !== St || t[54] !== Tt || t[55] !== W || t[56] !== d || t[57] !== H || t[58] !== $t || t[59] !== Nt || t[60] !== y || t[61] !== rt || t[62] !== T || t[63] !== M ? (Ht = Nt && $t && o.length > 0 ? /* @__PURE__ */ a.jsx(ut, { data: o, width: Nt, showDataMinMax: Tt, height: $t, colorDomain: o.filter(we).length === 0 ? [] : pt || _t(o, "color", !0), colors: o.filter(be).length === 0 ? v ? [v] : [h.primaryColors["blue-600"]] : v || h[y].categoricalColors.colors, selectedColor: St, radius: B, leftMargin: nt, rightMargin: S, topMargin: T, bottomMargin: J, tooltip: rt, onSeriesMouseOver: lt, highlightedDataPoints: V, minValue: Q, maxValue: O, onSeriesMouseClick: f, prefix: P, suffix: H, stripType: W, highlightColor: xt, dotOpacity: Y, resetSelectionOnDoubleClick: R, detailsOnClick: yt, styles: d, classNames: u, valueColor: M, animate: N === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : k || {
+  } : N || {
     duration: 0,
     once: !0,
     amount: 0
-  }, noOfTicks: L, dimmedOpacity: F, precision: at, customLayers: st }) : null, t[29] = ut, t[30] = k, t[31] = U, t[32] = p, t[33] = pt, t[34] = b, t[35] = st, t[36] = o, t[37] = vt, t[38] = F, t[39] = Y, t[40] = yt, t[41] = V, t[42] = ot, t[43] = w, t[44] = K, t[45] = L, t[46] = m, t[47] = lt, t[48] = at, t[49] = P, t[50] = B, t[51] = R, t[52] = S, t[53] = Tt, t[54] = ct, t[55] = W, t[56] = x, t[57] = H, t[58] = St, t[59] = $t, t[60] = O, t[61] = nt, t[62] = T, t[63] = M, t[64] = Ht) : Ht = t[64];
+  }, noOfTicks: L, dimmedOpacity: F, precision: st, customLayers: ct }) : null, t[29] = ut, t[30] = N, t[31] = J, t[32] = u, t[33] = pt, t[34] = v, t[35] = ct, t[36] = o, t[37] = yt, t[38] = F, t[39] = Y, t[40] = xt, t[41] = V, t[42] = nt, t[43] = O, t[44] = Q, t[45] = L, t[46] = f, t[47] = lt, t[48] = st, t[49] = P, t[50] = B, t[51] = R, t[52] = S, t[53] = St, t[54] = Tt, t[55] = W, t[56] = d, t[57] = H, t[58] = $t, t[59] = Nt, t[60] = y, t[61] = rt, t[62] = T, t[63] = M, t[64] = Ht) : Ht = t[64];
   let Wt;
-  t[65] !== Pt || t[66] !== Ht ? (Wt = /* @__PURE__ */ s.jsxs(ci, { ref: c, children: [
+  t[65] !== Pt || t[66] !== Ht ? (Wt = /* @__PURE__ */ a.jsxs(ci, { ref: s, children: [
     Pt,
     Ht
   ] }), t[65] = Pt, t[66] = Ht, t[67] = Wt) : Wt = t[67];
   let Xt;
-  t[68] !== p?.footnote || t[69] !== p?.source || t[70] !== wt || t[71] !== n || t[72] !== x?.footnote || t[73] !== x?.source || t[74] !== C ? (Xt = n || wt ? /* @__PURE__ */ s.jsx(mi, { styles: {
-    footnote: x?.footnote,
-    source: x?.source
+  t[68] !== u?.footnote || t[69] !== u?.source || t[70] !== bt || t[71] !== n || t[72] !== d?.footnote || t[73] !== d?.source || t[74] !== C ? (Xt = n || bt ? /* @__PURE__ */ a.jsx(mi, { styles: {
+    footnote: d?.footnote,
+    source: d?.source
   }, classNames: {
-    footnote: p?.footnote,
-    source: p?.source
-  }, sources: n, footNote: wt, width: C }) : null, t[68] = p?.footnote, t[69] = p?.source, t[70] = wt, t[71] = n, t[72] = x?.footnote, t[73] = x?.source, t[74] = C, t[75] = Xt) : Xt = t[75];
+    footnote: u?.footnote,
+    source: u?.source
+  }, sources: n, footNote: bt, width: C }) : null, t[68] = u?.footnote, t[69] = u?.source, t[70] = bt, t[71] = n, t[72] = d?.footnote, t[73] = d?.source, t[74] = C, t[75] = Xt) : Xt = t[75];
   let Ft;
-  return t[76] !== rt || t[77] !== q || t[78] !== xt || t[79] !== f || t[80] !== X || t[81] !== z || t[82] !== et || t[83] !== J || t[84] !== qt || t[85] !== Ut || t[86] !== Et || t[87] !== Lt || t[88] !== Wt || t[89] !== Xt || t[90] !== O || t[91] !== C ? (Ft = /* @__PURE__ */ s.jsxs(ui, { className: qt, style: Ut, id: xt, ref: Kt, "aria-label": rt, backgroundColor: q, theme: O, language: X, minHeight: z, width: C, height: f, relativeHeight: J, padding: et, children: [
+  return t[76] !== at || t[77] !== q || t[78] !== gt || t[79] !== c || t[80] !== X || t[81] !== z || t[82] !== ot || t[83] !== K || t[84] !== qt || t[85] !== Ut || t[86] !== Et || t[87] !== Lt || t[88] !== Wt || t[89] !== Xt || t[90] !== y || t[91] !== C ? (Ft = /* @__PURE__ */ a.jsxs(ui, { className: qt, style: Ut, id: gt, ref: Kt, "aria-label": at, backgroundColor: q, theme: y, language: X, minHeight: z, width: C, height: c, relativeHeight: K, padding: ot, children: [
     Et,
     Lt,
     Wt,
     Xt
-  ] }), t[76] = rt, t[77] = q, t[78] = xt, t[79] = f, t[80] = X, t[81] = z, t[82] = et, t[83] = J, t[84] = qt, t[85] = Ut, t[86] = Et, t[87] = Lt, t[88] = Wt, t[89] = Xt, t[90] = O, t[91] = C, t[92] = Ft) : Ft = t[92], Ft;
+  ] }), t[76] = at, t[77] = q, t[78] = gt, t[79] = c, t[80] = X, t[81] = z, t[82] = ot, t[83] = K, t[84] = qt, t[85] = Ut, t[86] = Et, t[87] = Lt, t[88] = Wt, t[89] = Xt, t[90] = y, t[91] = C, t[92] = Ft) : Ft = t[92], Ft;
 }
 function be(i) {
   return i.color;