@undp/data-viz 2.5.4 → 2.6.1

package/dist/SlopeChart.js

@@ -1,547 +1,2 @@
-import { c as Qt, m as Ot, j as s } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useRef as Ft, useState as Nt, useEffect as _t } from "react";
-import { i as te } from "./index-Bwrro8-q.js";
-import { T as ee } from "./Tooltip-3EYDVa3w.js";
-import { c as qt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { Colors as m } from "./Colors.js";
-import { A as Ut } from "./Axis-CNZYWzH0.js";
-import { A as Jt } from "./AxisTitle-CyLCqpW6.js";
-import { D as ie } from "./DetailsModal-GqEbGHY2.js";
-import { a as oe } from "./linear-DNXM5Pdl.js";
-import { m as xt } from "./proxy-BsxtcZKa.js";
-import { u as le } from "./use-in-view-KOXq5Kmc.js";
-import { A as ne } from "./index-Cv_5q6Rb.js";
-import { GraphFooter as re } from "./GraphFooter.js";
-import { GraphHeader as ae } from "./GraphHeader.js";
-import { ColorLegendWithMouseOver as se } from "./ColorLegendWithMouseOver.js";
-import { E as ce } from "./EmptyState-CaxXCkiN.js";
-import { u as Kt } from "./uniqBy-BHy4I8PK.js";
-import { a as fe, G as ue } from "./GraphContainer-B8ZqOzKI.js";
-function me(e) {
-  const t = Qt.c(148), {
-    data: o,
-    width: P,
-    height: d,
-    showLabels: nt,
-    colors: l,
-    colorDomain: u,
-    radius: r,
-    leftMargin: p,
-    rightMargin: pt,
-    topMargin: W,
-    bottomMargin: At,
-    tooltip: $t,
-    onSeriesMouseOver: rt,
-    axisTitles: g,
-    highlightedDataPoints: b,
-    selectedColor: at,
-    minValue: st,
-    maxValue: ct,
-    onSeriesMouseClick: ht,
-    resetSelectionOnDoubleClick: Ct,
-    detailsOnClick: V,
-    styles: y,
-    classNames: f,
-    animate: a,
-    dimmedOpacity: v,
-    customLayers: j
-  } = e, Vt = Ft(null);
-  let dt;
-  t[0] !== a.amount || t[1] !== a.once ? (dt = {
-    once: a.once,
-    amount: a.amount
-  }, t[0] = a.amount, t[1] = a.once, t[2] = dt) : dt = t[2];
-  const O = le(Vt, dt), [A, It] = Nt(void 0), [Y, St] = Nt(void 0), [kt, Lt] = Nt(void 0), [gt, Tt] = Nt(void 0);
-  let vt;
-  t[3] !== At || t[4] !== p || t[5] !== pt || t[6] !== W ? (vt = {
-    top: W,
-    bottom: At,
-    left: p,
-    right: pt
-  }, t[3] = At, t[4] = p, t[5] = pt, t[6] = W, t[7] = vt) : vt = t[7];
-  const c = vt, n = P - c.left - c.right, w = d - c.top - c.bottom;
-  let Mt;
-  t[8] !== o ? (Mt = Math.min(...o.map(Ge)), t[8] = o, t[9] = Mt) : Mt = t[9];
-  let ft;
-  t[10] !== o ? (ft = Math.min(...o.map(He)), t[10] = o, t[11] = ft) : ft = t[11];
-  const R = Math.min(Mt, ft);
-  let wt;
-  t[12] !== o ? (wt = Math.max(...o.map(Ee)), t[12] = o, t[13] = wt) : wt = t[13];
-  let ut;
-  t[14] !== o ? (ut = Math.max(...o.map(Te)), t[14] = o, t[15] = ut) : ut = t[15];
-  const X = Math.max(wt, ut);
-  let q, z, D, B, F, U, I, S, L, J, K, N, h;
-  if (t[16] !== a.duration || t[17] !== g[0] || t[18] !== g[1] || t[19] !== f?.dataConnectors || t[20] !== f?.yAxis?.axis || t[21] !== f?.yAxis?.labels || t[22] !== f?.yAxis?.title || t[23] !== u || t[24] !== l || t[25] !== j || t[26] !== o || t[27] !== V || t[28] !== v || t[29] !== w || t[30] !== n || t[31] !== d || t[32] !== b || t[33] !== O || t[34] !== c.left || t[35] !== c.top || t[36] !== ct || t[37] !== X || t[38] !== st || t[39] !== R || t[40] !== Y || t[41] !== A || t[42] !== ht || t[43] !== rt || t[44] !== r || t[45] !== Ct || t[46] !== at || t[47] !== nt || t[48] !== y?.dataConnectors || t[49] !== y?.yAxis?.labels || t[50] !== y?.yAxis?.title || t[51] !== P) {
-    let mt;
-    t[65] !== st || t[66] !== R ? (mt = qt(st) ? R > 0 ? 0 : R : st, t[65] = st, t[66] = R, t[67] = mt) : mt = t[67];
-    let Ht;
-    t[68] !== ct || t[69] !== X ? (Ht = qt(ct) ? X > 0 ? X : 0 : ct, t[68] = ct, t[69] = X, t[70] = Ht) : Ht = t[70];
-    const x = oe().domain([mt, Ht]).range([w, 0]).nice();
-    z = xt.svg, B = `${P}px`, F = `${d}px`, U = `0 0 ${P} ${d}`, I = "mx-auto", S = "ltr", L = Vt, K = `translate(${c.left},${c.top})`;
-    const Rt = f?.yAxis?.axis;
-    let tt;
-    t[71] !== Rt ? (tt = Ot("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550", Rt), t[71] = Rt, t[72] = tt) : tt = t[72];
-    let yt;
-    t[73] !== tt ? (yt = {
-      axis: tt
-    }, t[73] = tt, t[74] = yt) : yt = t[74];
-    let H;
-    t[75] !== w || t[76] !== r || t[77] !== yt ? (H = /* @__PURE__ */ s.jsx(Ut, { y1: 0, y2: w, x1: r, x2: r, classNames: yt }), t[75] = w, t[76] = r, t[77] = yt, t[78] = H) : H = t[78];
-    const bt = w + 15, jt = y?.yAxis?.title, Dt = f?.yAxis?.title;
-    let et;
-    t[79] !== Dt ? (et = Ot("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", Dt), t[79] = Dt, t[80] = et) : et = t[80];
-    let C;
-    t[81] !== g[0] || t[82] !== r || t[83] !== bt || t[84] !== jt || t[85] !== et ? (C = /* @__PURE__ */ s.jsx(Jt, { x: r, y: bt, style: jt, className: et, text: g[0] }), t[81] = g[0], t[82] = r, t[83] = bt, t[84] = jt, t[85] = et, t[86] = C) : C = t[86], t[87] !== H || t[88] !== C ? (N = /* @__PURE__ */ s.jsxs("g", { children: [
-      H,
-      C
-    ] }), t[87] = H, t[88] = C, t[89] = N) : N = t[89];
-    const it = n - r, ot = n - r, lt = f?.yAxis?.axis;
-    let k;
-    t[90] !== lt ? (k = Ot("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550", lt), t[90] = lt, t[91] = k) : k = t[91];
-    let M;
-    t[92] !== k ? (M = {
-      axis: k
-    }, t[92] = k, t[93] = M) : M = t[93];
-    let G;
-    t[94] !== w || t[95] !== it || t[96] !== ot || t[97] !== M ? (G = /* @__PURE__ */ s.jsx(Ut, { y1: 0, y2: w, x1: it, x2: ot, classNames: M }), t[94] = w, t[95] = it, t[96] = ot, t[97] = M, t[98] = G) : G = t[98];
-    const Gt = n - r, Pt = w + 15, zt = y?.yAxis?.title, Bt = f?.yAxis?.title;
-    let Wt;
-    t[99] !== Bt ? (Wt = Ot("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", Bt), t[99] = Bt, t[100] = Wt) : Wt = t[100];
-    let Yt;
-    t[101] !== g[1] || t[102] !== Gt || t[103] !== Pt || t[104] !== zt || t[105] !== Wt ? (Yt = /* @__PURE__ */ s.jsx(Jt, { x: Gt, y: Pt, style: zt, className: Wt, text: g[1] }), t[101] = g[1], t[102] = Gt, t[103] = Pt, t[104] = zt, t[105] = Wt, t[106] = Yt) : Yt = t[106], t[107] !== G || t[108] !== Yt ? (h = /* @__PURE__ */ s.jsxs("g", { children: [
-      G,
-      Yt
-    ] }), t[107] = G, t[108] = Yt, t[109] = h) : h = t[109], t[110] !== j ? (D = j.filter(Le).map(Se), t[110] = j, t[111] = D) : D = t[111], q = ne, J = o.map((i, Zt) => /* @__PURE__ */ s.jsxs(xt.g, { variants: {
-      initial: {
-        opacity: at ? i.color && l[u.indexOf(`${i.color}`)] === at ? 1 : v : A ? A.label === i.label ? 1 : v : b ? b.indexOf(i.label) !== -1 ? 1 : v : 1
-      },
-      whileInView: {
-        opacity: at ? i.color && l[u.indexOf(`${i.color}`)] === at ? 1 : v : A ? A.label === i.label ? 1 : v : b ? b.indexOf(i.label) !== -1 ? 1 : v : 1,
-        transition: {
-          duration: a.duration
-        }
-      }
-    }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
-      opacity: 0,
-      transition: {
-        duration: a.duration
-      }
-    }, onMouseEnter: (Xt) => {
-      It(i), Tt(Xt.clientY), Lt(Xt.clientX), rt?.(i);
-    }, onMouseMove: (Xt) => {
-      It(i), Tt(Xt.clientY), Lt(Xt.clientX);
-    }, onMouseLeave: () => {
-      It(void 0), Lt(void 0), Tt(void 0), rt?.(void 0);
-    }, onClick: () => {
-      (ht || V) && (te(Y, i) && Ct ? (St(void 0), ht?.(void 0)) : (St(i), ht?.(i)));
-    }, children: [
-      /* @__PURE__ */ s.jsx(xt.circle, { variants: {
-        initial: {
-          cx: r,
-          cy: x(i.y1),
-          fill: o.filter(Ie).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          stroke: o.filter(Ve).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 0
-        },
-        whileInView: {
-          cx: r,
-          cy: x(i.y1),
-          fill: o.filter(Ne).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          stroke: o.filter(De).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 1,
-          transition: {
-            duration: a.duration
-          }
-        }
-      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
-        opacity: 0,
-        transition: {
-          duration: a.duration
-        }
-      }, r, style: {
-        fillOpacity: 0.6
-      } }),
-      nt ? /* @__PURE__ */ s.jsx(xt.text, { variants: {
-        initial: {
-          y: x(i.y1),
-          fill: o.filter(je).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 0
-        },
-        whileInView: {
-          y: x(i.y1),
-          fill: o.filter(Me).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 1,
-          transition: {
-            duration: a.duration
-          }
-        }
-      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
-        opacity: 0,
-        transition: {
-          duration: a.duration
-        }
-      }, style: {
-        textAnchor: "end",
-        ...y?.yAxis?.labels || {}
-      }, className: Ot("text-xs", f?.yAxis?.labels), x: 5, dy: "0.33em", textAnchor: "end", dx: 0 - r - 3, children: i.label }) : b && b.indexOf(i.label) !== -1 ? /* @__PURE__ */ s.jsx(xt.text, { variants: {
-        initial: {
-          y: x(i.y1),
-          fill: o.filter(ke).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 0
-        },
-        whileInView: {
-          y: x(i.y1),
-          fill: o.filter(Ce).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 1,
-          transition: {
-            duration: a.duration
-          }
-        }
-      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
-        opacity: 0,
-        transition: {
-          duration: a.duration
-        }
-      }, style: {
-        textAnchor: "end",
-        ...y?.yAxis?.labels || {}
-      }, className: Ot("text-xs", f?.yAxis?.labels), x: 5, dy: "0.33em", dx: -3, children: i.label }) : null,
-      /* @__PURE__ */ s.jsx(xt.circle, { variants: {
-        initial: {
-          cx: n - r,
-          cy: x(i.y2),
-          fill: o.filter($e).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          stroke: o.filter(Ae).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 0
-        },
-        whileInView: {
-          cx: n - r,
-          cy: x(i.y2),
-          fill: o.filter(Oe).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          stroke: o.filter(be).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 1,
-          transition: {
-            duration: a.duration
-          }
-        }
-      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
-        opacity: 0,
-        transition: {
-          duration: a.duration
-        }
-      }, r, style: {
-        fillOpacity: 0.6
-      } }),
-      nt ? /* @__PURE__ */ s.jsx(xt.text, { variants: {
-        initial: {
-          y: x(i.y2),
-          fill: o.filter(we).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 0
-        },
-        whileInView: {
-          y: x(i.y2),
-          fill: o.filter(ve).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 1,
-          transition: {
-            duration: a.duration
-          }
-        }
-      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
-        opacity: 0,
-        transition: {
-          duration: a.duration
-        }
-      }, style: {
-        textAnchor: "start",
-        ...y?.yAxis?.labels || {}
-      }, className: Ot("text-xs", f?.yAxis?.labels), x: n - 5, dy: "0.33em", dx: r + 3, children: i.label }) : b && b.indexOf(i.label) !== -1 ? /* @__PURE__ */ s.jsx(xt.text, { variants: {
-        initial: {
-          y: x(i.y2),
-          fill: o.filter(ge).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 0
-        },
-        whileInView: {
-          y: x(i.y2),
-          fill: o.filter(de).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          opacity: 1,
-          transition: {
-            duration: a.duration
-          }
-        }
-      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
-        opacity: 0,
-        transition: {
-          duration: a.duration
-        }
-      }, style: {
-        textAnchor: "start",
-        ...y?.yAxis?.labels || {}
-      }, className: Ot("text-xs", f?.yAxis?.labels), x: n - 5, dy: "0.33em", dx: 3, children: i.label }) : null,
-      /* @__PURE__ */ s.jsx(xt.line, { variants: {
-        initial: {
-          x1: r,
-          x2: n - r,
-          y1: x(i.y1),
-          y2: x(i.y1),
-          stroke: o.filter(he).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray
-        },
-        whileInView: {
-          x1: r,
-          x2: n - r,
-          y1: x(i.y1),
-          y2: x(i.y2),
-          stroke: o.filter(pe).length === 0 ? l[0] : i.color ? l[u.indexOf(`${i.color}`)] : m.gray,
-          transition: {
-            duration: a.duration
-          }
-        }
-      }, initial: "initial", animate: O ? "whileInView" : "initial", exit: {
-        opacity: 0,
-        transition: {
-          duration: a.duration
-        }
-      }, className: f?.dataConnectors, style: {
-        fill: "none",
-        strokeWidth: 1,
-        ...y?.dataConnectors
-      } })
-    ] }, Zt)), t[16] = a.duration, t[17] = g[0], t[18] = g[1], t[19] = f?.dataConnectors, t[20] = f?.yAxis?.axis, t[21] = f?.yAxis?.labels, t[22] = f?.yAxis?.title, t[23] = u, t[24] = l, t[25] = j, t[26] = o, t[27] = V, t[28] = v, t[29] = w, t[30] = n, t[31] = d, t[32] = b, t[33] = O, t[34] = c.left, t[35] = c.top, t[36] = ct, t[37] = X, t[38] = st, t[39] = R, t[40] = Y, t[41] = A, t[42] = ht, t[43] = rt, t[44] = r, t[45] = Ct, t[46] = at, t[47] = nt, t[48] = y?.dataConnectors, t[49] = y?.yAxis?.labels, t[50] = y?.yAxis?.title, t[51] = P, t[52] = q, t[53] = z, t[54] = D, t[55] = B, t[56] = F, t[57] = U, t[58] = I, t[59] = S, t[60] = L, t[61] = J, t[62] = K, t[63] = N, t[64] = h;
-  } else
-    q = t[52], z = t[53], D = t[54], B = t[55], F = t[56], U = t[57], I = t[58], S = t[59], L = t[60], J = t[61], K = t[62], N = t[63], h = t[64];
-  let Q;
-  t[112] !== q || t[113] !== J ? (Q = /* @__PURE__ */ s.jsx(q, { children: J }), t[112] = q, t[113] = J, t[114] = Q) : Q = t[114];
-  let T;
-  t[115] !== j ? (T = j.filter(xe).map(ye), t[115] = j, t[116] = T) : T = t[116];
-  let Z;
-  t[117] !== D || t[118] !== Q || t[119] !== T || t[120] !== K || t[121] !== N || t[122] !== h ? (Z = /* @__PURE__ */ s.jsxs("g", { transform: K, children: [
-    N,
-    h,
-    D,
-    Q,
-    T
-  ] }), t[117] = D, t[118] = Q, t[119] = T, t[120] = K, t[121] = N, t[122] = h, t[123] = Z) : Z = t[123];
-  let E;
-  t[124] !== z || t[125] !== B || t[126] !== F || t[127] !== U || t[128] !== I || t[129] !== S || t[130] !== L || t[131] !== Z ? (E = /* @__PURE__ */ s.jsx(z, { width: B, height: F, viewBox: U, className: I, direction: S, ref: L, children: Z }), t[124] = z, t[125] = B, t[126] = F, t[127] = U, t[128] = I, t[129] = S, t[130] = L, t[131] = Z, t[132] = E) : E = t[132];
-  let _;
-  t[133] !== f?.tooltip || t[134] !== kt || t[135] !== gt || t[136] !== A || t[137] !== y?.tooltip || t[138] !== $t ? (_ = A && $t && kt && gt ? /* @__PURE__ */ s.jsx(ee, { data: A, body: $t, xPos: kt, yPos: gt, backgroundStyle: y?.tooltip, className: f?.tooltip }) : null, t[133] = f?.tooltip, t[134] = kt, t[135] = gt, t[136] = A, t[137] = y?.tooltip, t[138] = $t, t[139] = _) : _ = t[139];
-  let $;
-  t[140] !== f?.modal || t[141] !== V || t[142] !== Y ? ($ = V && Y !== void 0 ? /* @__PURE__ */ s.jsx(ie, { body: V, data: Y, setData: St, className: f?.modal }) : null, t[140] = f?.modal, t[141] = V, t[142] = Y, t[143] = $) : $ = t[143];
-  let Et;
-  return t[144] !== E || t[145] !== _ || t[146] !== $ ? (Et = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    E,
-    _,
-    $
-  ] }), t[144] = E, t[145] = _, t[146] = $, t[147] = Et) : Et = t[147], Et;
-}
-function ye(e) {
-  return e.layer;
-}
-function xe(e) {
-  return e.position === "after";
-}
-function pe(e) {
-  return e.color;
-}
-function he(e) {
-  return e.color;
-}
-function de(e) {
-  return e.color;
-}
-function ge(e) {
-  return e.color;
-}
-function ve(e) {
-  return e.color;
-}
-function we(e) {
-  return e.color;
-}
-function be(e) {
-  return e.color;
-}
-function Oe(e) {
-  return e.color;
-}
-function Ae(e) {
-  return e.color;
-}
-function $e(e) {
-  return e.color;
-}
-function Ce(e) {
-  return e.color;
-}
-function ke(e) {
-  return e.color;
-}
-function Me(e) {
-  return e.color;
-}
-function je(e) {
-  return e.color;
-}
-function De(e) {
-  return e.color;
-}
-function Ne(e) {
-  return e.color;
-}
-function Ve(e) {
-  return e.color;
-}
-function Ie(e) {
-  return e.color;
-}
-function Se(e) {
-  return e.layer;
-}
-function Le(e) {
-  return e.position === "before";
-}
-function Te(e) {
-  return e.y2;
-}
-function Ee(e) {
-  return e.y1;
-}
-function He(e) {
-  return e.y2;
-}
-function Ge(e) {
-  return e.y1;
-}
-function yi(e) {
-  const t = Qt.c(87), {
-    data: o,
-    graphTitle: P,
-    colors: d,
-    sources: nt,
-    graphDescription: l,
-    showLabels: u,
-    height: r,
-    width: p,
-    footNote: pt,
-    colorDomain: W,
-    colorLegendTitle: At,
-    radius: $t,
-    axisTitles: rt,
-    padding: g,
-    backgroundColor: b,
-    leftMargin: at,
-    rightMargin: st,
-    topMargin: ct,
-    bottomMargin: ht,
-    tooltip: Ct,
-    relativeHeight: V,
-    onSeriesMouseOver: y,
-    showColorScale: f,
-    highlightedDataPoints: a,
-    graphID: v,
-    minValue: j,
-    maxValue: Vt,
-    onSeriesMouseClick: dt,
-    graphDownload: O,
-    dataDownload: A,
-    fillContainer: It,
-    language: Y,
-    showNAColor: St,
-    minHeight: kt,
-    theme: Lt,
-    ariaLabel: gt,
-    resetSelectionOnDoubleClick: Tt,
-    detailsOnClick: vt,
-    styles: c,
-    classNames: n,
-    animate: w,
-    dimmedOpacity: Mt,
-    customLayers: ft
-  } = e, R = u === void 0 ? !1 : u, wt = $t === void 0 ? 5 : $t;
-  let ut;
-  t[0] !== rt ? (ut = rt === void 0 ? ["", ""] : rt, t[0] = rt, t[1] = ut) : ut = t[1];
-  const X = ut, q = b === void 0 ? !1 : b, z = at === void 0 ? 50 : at, D = st === void 0 ? 50 : st, B = ct === void 0 ? 20 : ct, F = ht === void 0 ? 20 : ht, U = f === void 0 ? !0 : f, I = O === void 0 ? !1 : O, S = A === void 0 ? !1 : A, L = It === void 0 ? !0 : It, J = Y === void 0 ? "en" : Y, K = St === void 0 ? !0 : St, N = kt === void 0 ? 0 : kt, h = Lt === void 0 ? "light" : Lt, Q = Tt === void 0 ? !0 : Tt, T = w === void 0 ? !1 : w, Z = Mt === void 0 ? 0.3 : Mt;
-  let E;
-  t[2] !== ft ? (E = ft === void 0 ? [] : ft, t[2] = ft, t[3] = E) : E = t[3];
-  const _ = E, [$, Et] = Nt(0), [mt, Ht] = Nt(0), [x, Rt] = Nt(void 0), tt = Ft(null), yt = Ft(null);
-  let H, bt;
-  t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = () => {
-    const Gt = new ResizeObserver((Pt) => {
-      Et(Pt[0].target.clientWidth || 620), Ht(Pt[0].target.clientHeight || 480);
-    });
-    return tt.current && Gt.observe(tt.current), () => Gt.disconnect();
-  }, bt = [], t[4] = H, t[5] = bt) : (H = t[4], bt = t[5]), _t(H, bt);
-  const jt = n?.graphContainer, Dt = c?.graphContainer, et = L ? void 0 : p;
-  let C;
-  t[6] !== n?.description || t[7] !== n?.title || t[8] !== o || t[9] !== S || t[10] !== l || t[11] !== I || t[12] !== P || t[13] !== c?.description || t[14] !== c?.title || t[15] !== p ? (C = P || l || I || S ? /* @__PURE__ */ s.jsx(ae, { styles: {
-    title: c?.title,
-    description: c?.description
-  }, classNames: {
-    title: n?.title,
-    description: n?.description
-  }, graphTitle: P, graphDescription: l, width: p, graphDownload: I ? yt : void 0, dataDownload: S ? o.map(Fe).filter(Be).length > 0 ? o.map(ze).filter(qe) : o.filter(Xe) : null }) : null, t[6] = n?.description, t[7] = n?.title, t[8] = o, t[9] = S, t[10] = l, t[11] = I, t[12] = P, t[13] = c?.description, t[14] = c?.title, t[15] = p, t[16] = C) : C = t[16];
-  let it;
-  t[17] !== n?.colorLegend || t[18] !== W || t[19] !== At || t[20] !== d || t[21] !== o || t[22] !== U || t[23] !== K || t[24] !== h || t[25] !== p ? (it = U && o.filter(Re).length !== 0 && o.length > 0 ? /* @__PURE__ */ s.jsx(se, { width: p, colorLegendTitle: At, colors: d || m[h].categoricalColors.colors, colorDomain: W || Kt(o, "color", !0), setSelectedColor: Rt, showNAColor: K, className: n?.colorLegend }) : null, t[17] = n?.colorLegend, t[18] = W, t[19] = At, t[20] = d, t[21] = o, t[22] = U, t[23] = K, t[24] = h, t[25] = p, t[26] = it) : it = t[26];
-  let ot;
-  t[27] !== o.length ? (ot = o.length === 0 && /* @__PURE__ */ s.jsx(ce, {}), t[27] = o.length, t[28] = ot) : ot = t[28];
-  let lt;
-  t[29] !== T || t[30] !== X || t[31] !== F || t[32] !== n || t[33] !== W || t[34] !== d || t[35] !== _ || t[36] !== o || t[37] !== vt || t[38] !== Z || t[39] !== L || t[40] !== a || t[41] !== z || t[42] !== Vt || t[43] !== j || t[44] !== dt || t[45] !== y || t[46] !== wt || t[47] !== Q || t[48] !== D || t[49] !== x || t[50] !== R || t[51] !== c || t[52] !== mt || t[53] !== $ || t[54] !== h || t[55] !== Ct || t[56] !== B || t[57] !== p ? (lt = $ && mt && o.length > 0 ? /* @__PURE__ */ s.jsx(me, { data: o.filter(Ye), width: L || !p || $ < p ? $ : p, height: mt, colorDomain: o.filter(We).length === 0 ? [] : W || Kt(o, "color", !0), colors: o.filter(Pe).length === 0 ? d ? [d] : [m.primaryColors["blue-600"]] : d || m[h].categoricalColors.colors, selectedColor: x, axisTitles: X, showLabels: R, radius: wt, leftMargin: z, rightMargin: D, topMargin: B, bottomMargin: F, tooltip: Ct, onSeriesMouseOver: y, highlightedDataPoints: a, minValue: j, maxValue: Vt, onSeriesMouseClick: dt, resetSelectionOnDoubleClick: Q, detailsOnClick: vt, styles: c, classNames: n, animate: T === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : T || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, dimmedOpacity: Z, customLayers: _ }) : null, t[29] = T, t[30] = X, t[31] = F, t[32] = n, t[33] = W, t[34] = d, t[35] = _, t[36] = o, t[37] = vt, t[38] = Z, t[39] = L, t[40] = a, t[41] = z, t[42] = Vt, t[43] = j, t[44] = dt, t[45] = y, t[46] = wt, t[47] = Q, t[48] = D, t[49] = x, t[50] = R, t[51] = c, t[52] = mt, t[53] = $, t[54] = h, t[55] = Ct, t[56] = B, t[57] = p, t[58] = lt) : lt = t[58];
-  let k;
-  t[59] !== ot || t[60] !== lt ? (k = /* @__PURE__ */ s.jsxs(fe, { ref: tt, children: [
-    ot,
-    lt
-  ] }), t[59] = ot, t[60] = lt, t[61] = k) : k = t[61];
-  let M;
-  t[62] !== n?.footnote || t[63] !== n?.source || t[64] !== pt || t[65] !== nt || t[66] !== c?.footnote || t[67] !== c?.source || t[68] !== p ? (M = nt || pt ? /* @__PURE__ */ s.jsx(re, { styles: {
-    footnote: c?.footnote,
-    source: c?.source
-  }, classNames: {
-    footnote: n?.footnote,
-    source: n?.source
-  }, sources: nt, footNote: pt, width: p }) : null, t[62] = n?.footnote, t[63] = n?.source, t[64] = pt, t[65] = nt, t[66] = c?.footnote, t[67] = c?.source, t[68] = p, t[69] = M) : M = t[69];
-  let G;
-  return t[70] !== gt || t[71] !== q || t[72] !== v || t[73] !== r || t[74] !== J || t[75] !== N || t[76] !== g || t[77] !== V || t[78] !== jt || t[79] !== Dt || t[80] !== et || t[81] !== C || t[82] !== it || t[83] !== k || t[84] !== M || t[85] !== h ? (G = /* @__PURE__ */ s.jsxs(ue, { className: jt, style: Dt, id: v, ref: yt, "aria-label": gt, backgroundColor: q, theme: h, language: J, minHeight: N, width: et, height: r, relativeHeight: V, padding: g, children: [
-    C,
-    it,
-    k,
-    M
-  ] }), t[70] = gt, t[71] = q, t[72] = v, t[73] = r, t[74] = J, t[75] = N, t[76] = g, t[77] = V, t[78] = jt, t[79] = Dt, t[80] = et, t[81] = C, t[82] = it, t[83] = k, t[84] = M, t[85] = h, t[86] = G) : G = t[86], G;
-}
-function Pe(e) {
-  return e.color;
-}
-function We(e) {
-  return e.color;
-}
-function Ye(e) {
-  return !qt(e.y1) && !qt(e.y2);
-}
-function Re(e) {
-  return e.color;
-}
-function Xe(e) {
-  return e !== void 0;
-}
-function qe(e) {
-  return e !== void 0;
-}
-function ze(e) {
-  return e.data;
-}
-function Be(e) {
-  return e !== void 0;
-}
-function Fe(e) {
-  return e.data;
-}
-export {
-  yi as SlopeChart
-};
-//# sourceMappingURL=SlopeChart.js.map
+import { t as e } from "./SlopeChart-BgzrVFpf.js";
+export { e as SlopeChart };

package/dist/Source.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CHPV5EwG-D4pAp7u0.cjs");require("./Typography-BqmyF1gP.cjs");const e=require("./Source-PKuwZOn3.cjs");exports.Source=e.Source;
-//# sourceMappingURL=Source.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`);let t=require(`@undp/design-system-react/cn`),n=require(`@undp/design-system-react/Typography`),r=require(`@undp/design-system-react/Spacer`);var i=e.t();function a(e){let{sources:a,style:o={},className:s}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n.P,{size:`sm`,marginBottom:`none`,"aria-label":`Data sources`,className:(0,t.cn)(`text-primary-gray-550 dark:text-primary-gray-400`,s),style:o,children:[`Source:`,` `,a.map(e=>(0,i.jsx)(`span`,{className:(0,t.cn)(`text-primary-gray-550 dark:text-primary-gray-400`,s),style:{fontFamily:`inherit`},children:e.link?(0,i.jsx)(n.A,{className:(0,t.cn)(`text-primary-gray-550 dark:text-primary-gray-400`,s),href:e.link,target:`_blank`,rel:`noreferrer`,children:e.source}):e.source},e.source))]}),(0,i.jsx)(r.Spacer,{size:`base`})]})}exports.Source=a;
+//# sourceMappingURL=Source.cjs.map

package/dist/Source.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Source.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Source.cjs","names":[],"sources":["../src/Components/Typography/Source.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { Spacer } from '@undp/design-system-react/Spacer';\nimport { A, P } from '@undp/design-system-react/Typography';\n\nimport type { SourcesDataType } from '@/Types';\n\ninterface SourceProps {\n  sources: SourcesDataType[];\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport function Source(props: SourceProps) {\n  const { sources, style = {}, className } = props;\n  return (\n    <>\n      <P\n        size='sm'\n        marginBottom='none'\n        aria-label='Data sources'\n        className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\n        style={style}\n      >\n        Source:{' '}\n        {sources.map((d) => (\n          <span\n            key={d.source}\n            className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\n            style={{ fontFamily: 'inherit' }}\n          >\n            {d.link ? (\n              <A\n                className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\n                href={d.link}\n                target='_blank'\n                rel='noreferrer'\n              >\n                {d.source}\n              </A>\n            ) : (\n              d.source\n            )}\n          </span>\n        ))}\n      </P>\n      <Spacer size='base' />\n    </>\n  );\n}\n"],"mappings":"2SAYA,SAAgB,EAAO,EAAoB,CACzC,GAAM,CAAE,UAAS,QAAQ,CAAC,EAAG,aAAc,EAC3C,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,EAAA,EAAD,CACE,KAAK,KACL,aAAa,OACb,aAAW,eACX,WAAA,EAAA,EAAA,IAAc,mDAAoD,CAAS,EACpE,iBALT,CAMC,UACS,IACP,EAAQ,IAAK,IACZ,EAAA,EAAA,KAAC,OAAD,CAEE,WAAA,EAAA,EAAA,IAAc,mDAAoD,CAAS,EAC3E,MAAO,CAAE,WAAY,SAAU,WAE9B,EAAE,MACD,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,WAAA,EAAA,EAAA,IAAc,mDAAoD,CAAS,EAC3E,KAAM,EAAE,KACR,OAAO,SACP,IAAI,sBAEH,EAAE,MACF,CAAA,EAEH,EAAE,MAEA,EAhBC,EAAE,MAgBH,CACP,CACA,KACH,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,KAAK,MAAQ,CAAA,CACrB,CAAA,CAAA,CAEN"}

package/dist/Source.d.ts

@@ -1,16 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-export declare function Source(props: SourceProps): JSX.Element;
-
-declare interface SourceProps {
-    sources: SourcesDataType[];
-    style?: React.CSSProperties;
-    className?: string;
-}
-
-declare interface SourcesDataType {
-    source: string;
-    link?: string;
-}
-
-export { }
+export * from './Components/Typography/Source'
+export {}

package/dist/Source.js

@@ -1,7 +1,35 @@
-import "./index-CHPV5EwG-BzibaIRc.js";
-import "./Typography-BO0gQDIT.js";
-import { S as t } from "./Source-QGk8vhkS.js";
-export {
-  t as Source
-};
-//# sourceMappingURL=Source.js.map
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { cn as t } from "@undp/design-system-react/cn";
+import { A as n, P as r } from "@undp/design-system-react/Typography";
+import { Spacer as i } from "@undp/design-system-react/Spacer";
+//#region src/Components/Typography/Source.tsx
+var a = e();
+function o(e) {
+	let { sources: o, style: s = {}, className: c } = e;
+	return /* @__PURE__ */ (0, a.jsxs)(a.Fragment, { children: [/* @__PURE__ */ (0, a.jsxs)(r, {
+		size: "sm",
+		marginBottom: "none",
+		"aria-label": "Data sources",
+		className: t("text-primary-gray-550 dark:text-primary-gray-400", c),
+		style: s,
+		children: [
+			"Source:",
+			" ",
+			o.map((e) => /* @__PURE__ */ (0, a.jsx)("span", {
+				className: t("text-primary-gray-550 dark:text-primary-gray-400", c),
+				style: { fontFamily: "inherit" },
+				children: e.link ? /* @__PURE__ */ (0, a.jsx)(n, {
+					className: t("text-primary-gray-550 dark:text-primary-gray-400", c),
+					href: e.link,
+					target: "_blank",
+					rel: "noreferrer",
+					children: e.source
+				}) : e.source
+			}, e.source))
+		]
+	}), /* @__PURE__ */ (0, a.jsx)(i, { size: "base" })] });
+}
+//#endregion
+export { o as Source };
+
+//# sourceMappingURL=Source.js.map

package/dist/Source.js.map

@@ -1 +1 @@
-{"version":3,"file":"Source.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"Source.js","names":[],"sources":["../src/Components/Typography/Source.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { Spacer } from '@undp/design-system-react/Spacer';\nimport { A, P } from '@undp/design-system-react/Typography';\n\nimport type { SourcesDataType } from '@/Types';\n\ninterface SourceProps {\n  sources: SourcesDataType[];\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport function Source(props: SourceProps) {\n  const { sources, style = {}, className } = props;\n  return (\n    <>\n      <P\n        size='sm'\n        marginBottom='none'\n        aria-label='Data sources'\n        className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\n        style={style}\n      >\n        Source:{' '}\n        {sources.map((d) => (\n          <span\n            key={d.source}\n            className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\n            style={{ fontFamily: 'inherit' }}\n          >\n            {d.link ? (\n              <A\n                className={cn('text-primary-gray-550 dark:text-primary-gray-400', className)}\n                href={d.link}\n                target='_blank'\n                rel='noreferrer'\n              >\n                {d.source}\n              </A>\n            ) : (\n              d.source\n            )}\n          </span>\n        ))}\n      </P>\n      <Spacer size='base' />\n    </>\n  );\n}\n"],"mappings":";;;;;;AAYA,SAAgB,EAAO,GAAoB;CACzC,IAAM,EAAE,YAAS,WAAQ,CAAC,GAAG,iBAAc;CAC3C,OACE,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,MAAC,GAAD;EACE,MAAK;EACL,cAAa;EACb,cAAW;EACX,WAAW,EAAG,oDAAoD,CAAS;EACpE;YALT;GAMC;GACS;GACP,EAAQ,KAAK,MACZ,iBAAA,GAAA,EAAA,KAAC,QAAD;IAEE,WAAW,EAAG,oDAAoD,CAAS;IAC3E,OAAO,EAAE,YAAY,UAAU;cAE9B,EAAE,OACD,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,WAAW,EAAG,oDAAoD,CAAS;KAC3E,MAAM,EAAE;KACR,QAAO;KACP,KAAI;eAEH,EAAE;IACF,CAAA,IAEH,EAAE;GAEA,GAhBC,EAAE,MAgBH,CACP;EACA;KACH,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAQ,MAAK,OAAQ,CAAA,CACrB,EAAA,CAAA;AAEN"}