@undp/data-viz 2.6.0 → 2.6.1

package/dist/AreaChart.js

@@ -1,441 +1,2 @@
-import { c as Ce, j as n } from "./compiler-runtime-qHgugrLy.js";
-import { useRef as ce, useState as Ut, useEffect as we } from "react";
-import { p as $, f as je } from "./parse-Dv4of-PN.js";
-import { s as Ae } from "./index-CeVNqhMO.js";
-import { cn as ve } from "@undp/design-system-react/cn";
-import { o as De } from "./index-BZQYSqar.js";
-import { n as Se } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as $e } from "./Tooltip-DO56mY4b.js";
-import { c as ae } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { C as ke, g as Te, A as Ne } from "./customArea-Dixg0NtQ.js";
-import { A as Me } from "./AxisTitle-B9F80_Z0.js";
-import { A as He } from "./Axis-RRx-0Rlw.js";
-import { X as Re } from "./XTicksAndGridLines-obTK2e7G.js";
-import { a as Ye } from "./ReferenceLine-NF4g3Reh.js";
-import { Y as Fe } from "./YTicksAndGridLines-wtuAKNeT.js";
-import { H as Ve } from "./index-CmkqqFRG.js";
-import { t as Ge } from "./time-vyz6Y89P.js";
-import { a as Pe } from "./linear-DNXM5Pdl.js";
-import { a as Xe } from "./area-B6r7cv2o.js";
-import { c as Ee } from "./line-DFlZsxI1.js";
-import { c as We, s as Ie, a as Ze, m as Be } from "./step-BrDul-H4.js";
-import { s as ze } from "./select-DKy99ogv.js";
-import { m as le } from "./proxy-D31SA_aE.js";
-import { a as Ue } from "./init-BhZylTFx.js";
-import { p as qe } from "./pointer-CWRWOsrb.js";
-import { u as Je } from "./use-in-view-Co5SmzfT.js";
-import { A as Ke } from "./index-CNUlPiEL.js";
-import { GraphFooter as Qe } from "./GraphFooter.js";
-import { GraphHeader as _e } from "./GraphHeader.js";
-import { ColorLegend as to } from "./ColorLegend.js";
-import { Colors as eo } from "./Colors.js";
-import { E as oo } from "./EmptyState-prZ8OnEs.js";
-import { a as so, G as io } from "./GraphContainer-DcOM2CI6.js";
-function no(i) {
-  const t = Ce.c(135), {
-    data: p,
-    width: W,
-    height: Ot,
-    colors: Lt,
-    dateFormat: s,
-    noOfXTicks: Vt,
-    rightMargin: w,
-    leftMargin: A,
-    topMargin: jt,
-    bottomMargin: Dt,
-    yAxisTitle: I,
-    tooltip: Z,
-    onSeriesMouseOver: rt,
-    highlightAreaSettings: at,
-    refValues: lt,
-    minValue: Gt,
-    maxValue: ct,
-    rtl: Y,
-    annotations: B,
-    customHighlightAreaSettings: mt,
-    noOfYTicks: Pt,
-    prefix: F,
-    suffix: k,
-    curveType: z,
-    styles: x,
-    classNames: d,
-    precision: U,
-    customLayers: V,
-    animate: c,
-    locale: q,
-    padZeros: J
-  } = i, ft = ce(null);
-  let G;
-  t[0] !== c.amount || t[1] !== c.once ? (G = {
-    once: c.once,
-    amount: c.amount
-  }, t[0] = c.amount, t[1] = c.once, t[2] = G) : G = t[2];
-  const y = Je(ft, G), Xt = z === "linear" ? Ee : z === "step" ? We : z === "stepAfter" ? Ie : z === "stepBefore" ? Ze : Be, [b, Et] = Ut(void 0), [pt, g] = Ut(void 0), [l, ut] = Ut(void 0), St = I ? A + 30 : A;
-  let u;
-  t[3] !== Dt || t[4] !== w || t[5] !== St || t[6] !== jt ? (u = {
-    top: jt,
-    bottom: Dt,
-    left: St,
-    right: w
-  }, t[3] = Dt, t[4] = w, t[5] = St, t[6] = jt, t[7] = u) : u = t[7];
-  const m = u, K = ce(null);
-  let Q;
-  t[8] !== s ? (Q = (o) => ({
-    ...o,
-    date: $(`${o.date}`, s, /* @__PURE__ */ new Date())
-  }), t[8] = s, t[9] = Q) : Q = t[9];
-  const v = De(p.map(Q), ["date"], ["asc"]);
-  let _;
-  if (t[10] !== s || t[11] !== at) {
-    let o;
-    t[13] !== s ? (o = (e) => ({
-      ...e,
-      coordinates: [e.coordinates[0] === null ? null : $(`${e.coordinates[0]}`, s, /* @__PURE__ */ new Date()), e.coordinates[1] === null ? null : $(`${e.coordinates[1]}`, s, /* @__PURE__ */ new Date())]
-    }), t[13] = s, t[14] = o) : o = t[14], _ = at.map(o), t[10] = s, t[11] = at, t[12] = _;
-  } else
-    _ = t[12];
-  const gt = _;
-  let tt;
-  if (t[15] !== mt || t[16] !== s) {
-    let o;
-    t[18] !== s ? (o = (e) => ({
-      ...e,
-      coordinates: e.coordinates.map((j, E) => E % 2 === 0 ? $(`${j}`, s, /* @__PURE__ */ new Date()) : j)
-    }), t[18] = s, t[19] = o) : o = t[19], tt = mt.map(o), t[15] = mt, t[16] = s, t[17] = tt;
-  } else
-    tt = t[17];
-  const Wt = tt, $t = v[0].y.map((o, e) => v.map((j) => ({
-    date: j.date,
-    y0: e === 0 ? 0 : Ae(j.y.filter((E, zt) => zt < e)),
-    y1: Ae(j.y.filter((E, zt) => zt <= e))
-  }))), f = W - m.left - m.right, h = Ot - m.top - m.bottom, It = v[0].date, kt = v[v.length - 1].date, C = ae(Gt) ? 0 : Gt;
-  let et;
-  t[20] !== p || t[21] !== ct ? (et = ae(ct) ? Math.max(...p.map(go)) : ct, t[20] = p, t[21] = ct, t[22] = et) : et = t[22];
-  const T = et, r = Ge().domain([It, kt]).range([0, f]), a = Pe().domain([C, T]).range([h, 0]).nice(), xt = Xe().x((o) => r(o.date)).y0((o) => a(o.y0)).y1((o) => a(o.y1)).curve(Xt), dt = a.ticks(Pt), Tt = r.ticks(Vt);
-  we(() => {
-    const o = (j) => {
-      const E = v[Ue(v.map(uo), r.invert(qe(j)[0]), 0)];
-      Et(E || v[v.length - 1]), rt?.(E || v[v.length - 1]), ut(j.clientY), g(j.clientX);
-    }, e = () => {
-      Et(void 0), g(void 0), ut(void 0), rt?.(void 0);
-    };
-    ze(K.current).on("mousemove", o).on("mouseout", e), rt?.(void 0);
-  }, [r, v, rt]);
-  let ot;
-  t[23] !== c || t[24] !== h || t[25] !== f || t[26] !== gt || t[27] !== y || t[28] !== r ? (ot = /* @__PURE__ */ n.jsx(Ve, { areaSettings: gt, width: f, height: h, scale: r, animate: c, isInView: y }), t[23] = c, t[24] = h, t[25] = f, t[26] = gt, t[27] = y, t[28] = r, t[29] = ot) : ot = t[29];
-  const ht = x?.yAxis?.gridLines, yt = x?.yAxis?.labels;
-  let P;
-  t[30] !== ht || t[31] !== yt ? (P = {
-    gridLines: ht,
-    labels: yt
-  }, t[30] = ht, t[31] = yt, t[32] = P) : P = t[32];
-  const vt = d?.yAxis?.gridLines, st = d?.yAxis?.labels;
-  let X;
-  t[33] !== vt || t[34] !== st ? (X = {
-    gridLines: vt,
-    labels: st
-  }, t[33] = vt, t[34] = st, t[35] = X) : X = t[35];
-  const Zt = a(C < 0 ? 0 : C), it = a(C < 0 ? 0 : C), Bt = 0 - A, At = f + m.right, Nt = C < 0 ? 0 : C;
-  let D;
-  t[36] !== q || t[37] !== J || t[38] !== U || t[39] !== F || t[40] !== k || t[41] !== Nt ? (D = Se(Nt, void 0, U, F, k, q, J), t[36] = q, t[37] = J, t[38] = U, t[39] = F, t[40] = k, t[41] = Nt, t[42] = D) : D = t[42];
-  const nt = 0 - A, Ct = T < 0 ? "1em" : -5, wt = a(C < 0 ? 0 : C);
-  let O;
-  t[43] !== nt || t[44] !== Ct || t[45] !== wt ? (O = {
-    x: nt,
-    dx: 0,
-    dy: Ct,
-    y: wt
-  }, t[43] = nt, t[44] = Ct, t[45] = wt, t[46] = O) : O = t[46];
-  const N = d?.xAxis?.axis, M = d?.yAxis?.labels;
-  let L;
-  t[47] !== N || t[48] !== M ? (L = {
-    axis: N,
-    label: M
-  }, t[47] = N, t[48] = M, t[49] = L) : L = t[49];
-  const H = x?.xAxis?.axis, R = x?.yAxis?.labels;
-  let S;
-  t[50] !== H || t[51] !== R ? (S = {
-    axis: H,
-    label: R
-  }, t[50] = H, t[51] = R, t[52] = S) : S = t[52];
-  let bt;
-  t[53] !== Zt || t[54] !== it || t[55] !== Bt || t[56] !== At || t[57] !== D || t[58] !== O || t[59] !== L || t[60] !== S ? (bt = /* @__PURE__ */ n.jsx(He, { y1: Zt, y2: it, x1: Bt, x2: At, label: D, labelPos: O, classNames: L, styles: S }), t[53] = Zt, t[54] = it, t[55] = Bt, t[56] = At, t[57] = D, t[58] = O, t[59] = L, t[60] = S, t[61] = bt) : bt = t[61];
-  const Mt = 0 - A - 15, me = h / 2, fe = x?.yAxis?.title, pe = d?.yAxis?.title;
-  let qt;
-  t[62] !== Mt || t[63] !== me || t[64] !== fe || t[65] !== pe || t[66] !== I ? (qt = /* @__PURE__ */ n.jsx(Me, { x: Mt, y: me, style: fe, className: pe, text: I, rotate90: !0 }), t[62] = Mt, t[63] = me, t[64] = fe, t[65] = pe, t[66] = I, t[67] = qt) : qt = t[67];
-  let Jt;
-  t[68] !== s ? (Jt = (o) => je(o, s), t[68] = s, t[69] = Jt) : Jt = t[69];
-  const be = Tt.map(Jt), Oe = Tt.map((o) => r(o)), ue = x?.xAxis?.gridLines, ge = x?.xAxis?.labels;
-  let Kt;
-  t[70] !== ue || t[71] !== ge ? (Kt = {
-    gridLines: ue,
-    labels: ge
-  }, t[70] = ue, t[71] = ge, t[72] = Kt) : Kt = t[72];
-  const xe = d?.xAxis?.gridLines;
-  let Ht;
-  t[73] !== xe ? (Ht = ve("opacity-0", xe), t[73] = xe, t[74] = Ht) : Ht = t[74];
-  const de = d?.xAxis?.labels;
-  let Rt;
-  t[75] !== de ? (Rt = ve("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[8px] sm:text-[9px] md:text-[10px] lg:text-xs", de), t[75] = de, t[76] = Rt) : Rt = t[76];
-  let Qt;
-  t[77] !== Ht || t[78] !== Rt ? (Qt = {
-    gridLines: Ht,
-    labels: Rt
-  }, t[77] = Ht, t[78] = Rt, t[79] = Qt) : Qt = t[79];
-  let _t;
-  t[80] !== V ? (_t = V.filter(mo).map(co), t[80] = V, t[81] = _t) : _t = t[81];
-  const he = le, ye = $t.map((o, e) => /* @__PURE__ */ n.jsx(le.path, { d: xt(o), exit: {
-    opacity: 0,
-    transition: {
-      duration: c.duration
-    }
-  }, variants: {
-    initial: {
-      d: xt(o.map(lo)),
-      opacity: 0
-    },
-    whileInView: {
-      d: xt(o),
-      opacity: 1,
-      transition: {
-        duration: c.duration
-      }
-    }
-  }, initial: "initial", animate: y ? "whileInView" : "initial", style: {
-    fill: Lt[e],
-    opacity: 0.8
-  } }, e));
-  let Yt;
-  t[82] !== d?.mouseOverLine || t[83] !== h || t[84] !== b || t[85] !== x?.mouseOverLine || t[86] !== r ? (Yt = b ? /* @__PURE__ */ n.jsx("line", { y1: 0, y2: h, x1: r(b.date), x2: r(b.date), className: ve("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100", d?.mouseOverLine), style: x?.mouseOverLine }) : null, t[82] = d?.mouseOverLine, t[83] = h, t[84] = b, t[85] = x?.mouseOverLine, t[86] = r, t[87] = Yt) : Yt = t[87];
-  let te;
-  t[88] !== he.g || t[89] !== ye || t[90] !== Yt ? (te = /* @__PURE__ */ n.jsxs(he.g, { children: [
-    ye,
-    Yt
-  ] }), t[88] = he.g, t[89] = ye, t[90] = Yt, t[91] = te) : te = t[91];
-  let ee;
-  t[92] !== c || t[93] !== f || t[94] !== y || t[95] !== A || t[96] !== m.right || t[97] !== lt || t[98] !== a ? (ee = lt ? /* @__PURE__ */ n.jsx(n.Fragment, { children: lt.map((o, e) => /* @__PURE__ */ n.jsx(Ye, { text: o.text, color: o.color, y: a(o.value), x1: 0 - A, x2: f + m.right, classNames: o.classNames, styles: o.styles, animate: c, isInView: y }, e)) }) : null, t[92] = c, t[93] = f, t[94] = y, t[95] = A, t[96] = m.right, t[97] = lt, t[98] = a, t[99] = ee) : ee = t[99];
-  let Ft;
-  if (t[100] !== c || t[101] !== B || t[102] !== s || t[103] !== f || t[104] !== y || t[105] !== m.right || t[106] !== Y || t[107] !== r || t[108] !== a) {
-    let o;
-    t[110] !== c || t[111] !== s || t[112] !== f || t[113] !== y || t[114] !== m.right || t[115] !== Y || t[116] !== r || t[117] !== a ? (o = (e, j) => {
-      const E = Te({
-        x: e.xCoordinate ? r($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-        y: e.yCoordinate ? a(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
-      }, {
-        x: e.xCoordinate ? r($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) : 0,
-        y: e.yCoordinate ? a(e.yCoordinate) : 0
-      }, ae(e.connectorRadius) ? 3.5 : e.connectorRadius), zt = e.showConnector ? {
-        y1: E.y,
-        x1: E.x,
-        y2: e.yCoordinate ? a(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
-        x2: e.xCoordinate ? r($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-        cx: e.xCoordinate ? r($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) : 0,
-        cy: e.yCoordinate ? a(e.yCoordinate) : 0,
-        circleRadius: ae(e.connectorRadius) ? 3.5 : e.connectorRadius,
-        strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
-      } : void 0, Le = {
-        y: e.yCoordinate ? a(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
-        x: Y ? 0 : e.xCoordinate ? r($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-        width: Y ? e.xCoordinate ? r($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : f + m.right - (e.xCoordinate ? r($(`${e.xCoordinate}`, s, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
-        maxWidth: e.maxWidth,
-        fontWeight: e.fontWeight,
-        align: e.align
-      };
-      return /* @__PURE__ */ n.jsx(Ne, { color: e.color, connectorsSettings: zt, labelSettings: Le, text: e.text, classNames: e.classNames, styles: e.styles, animate: c, isInView: y }, j);
-    }, t[110] = c, t[111] = s, t[112] = f, t[113] = y, t[114] = m.right, t[115] = Y, t[116] = r, t[117] = a, t[118] = o) : o = t[118], Ft = B.map(o), t[100] = c, t[101] = B, t[102] = s, t[103] = f, t[104] = y, t[105] = m.right, t[106] = Y, t[107] = r, t[108] = a, t[109] = Ft;
-  } else
-    Ft = t[109];
-  let oe;
-  t[119] !== Ft ? (oe = /* @__PURE__ */ n.jsx("g", { children: Ft }), t[119] = Ft, t[120] = oe) : oe = t[120];
-  let se;
-  t[121] !== V ? (se = V.filter(ao).map(ro), t[121] = V, t[122] = se) : se = t[122];
-  let ie;
-  t[123] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ie = {
-    fill: "none",
-    pointerEvents: "all"
-  }, t[123] = ie) : ie = t[123];
-  let ne;
-  t[124] !== K || t[125] !== h || t[126] !== f ? (ne = /* @__PURE__ */ n.jsx("rect", { ref: K, style: ie, width: f, height: h }), t[124] = K, t[125] = h, t[126] = f, t[127] = ne) : ne = t[127];
-  let re;
-  return t[128] !== d?.tooltip || t[129] !== pt || t[130] !== l || t[131] !== b || t[132] !== x?.tooltip || t[133] !== Z ? (re = b && Z && pt && l ? /* @__PURE__ */ n.jsx($e, { data: b, body: Z, xPos: pt, yPos: l, backgroundStyle: x?.tooltip, className: d?.tooltip }) : null, t[128] = d?.tooltip, t[129] = pt, t[130] = l, t[131] = b, t[132] = x?.tooltip, t[133] = Z, t[134] = re) : re = t[134], /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(le.svg, { width: `${W}px`, height: `${Ot}px`, viewBox: `0 0 ${W} ${Ot}`, direction: "ltr", ref: ft, children: /* @__PURE__ */ n.jsx(Ke, { children: /* @__PURE__ */ n.jsxs(le.g, { transform: `translate(${m.left},${m.top})`, children: [
-      ot,
-      /* @__PURE__ */ n.jsx(ke, { animate: c, areaSettings: Wt, scaleX: r, scaleY: a, isInView: y }),
-      /* @__PURE__ */ n.jsxs("g", { children: [
-        /* @__PURE__ */ n.jsx(Fe, { values: dt.filter(po), y: dt.filter(fo).map((o) => a(o)), x1: 0 - A, x2: f + m.right, styles: P, classNames: X, suffix: k, prefix: F, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: U, locale: q, padZeros: J }),
-        bt,
-        qt
-      ] }),
-      /* @__PURE__ */ n.jsx(Re, { values: be, x: Oe, y1: 0, y2: h, styles: Kt, classNames: Qt, suffix: k, prefix: F, labelType: "primary", showGridLines: !0, precision: U, locale: q, padZeros: J }),
-      _t,
-      te,
-      ee,
-      oe,
-      se,
-      ne
-    ] }) }) }),
-    re
-  ] });
-}
-function ro(i) {
-  return i.layer;
-}
-function ao(i) {
-  return i.position === "after";
-}
-function lo(i) {
-  return {
-    ...i,
-    y0: 0,
-    y1: 0
-  };
-}
-function co(i) {
-  return i.layer;
-}
-function mo(i) {
-  return i.position === "before";
-}
-function fo(i) {
-  return i !== 0;
-}
-function po(i) {
-  return i !== 0;
-}
-function uo(i) {
-  return i.date;
-}
-function go(i) {
-  return Ae(i.y) || 0;
-}
-function ts(i) {
-  const t = Ce.c(92), {
-    data: p,
-    graphTitle: W,
-    colors: Ot,
-    sources: Lt,
-    graphDescription: s,
-    height: Vt,
-    width: w,
-    footNote: A,
-    noOfXTicks: jt,
-    dateFormat: Dt,
-    colorDomain: I,
-    padding: Z,
-    backgroundColor: rt,
-    colorLegendTitle: at,
-    leftMargin: lt,
-    rightMargin: Gt,
-    topMargin: ct,
-    bottomMargin: Y,
-    highlightAreaSettings: B,
-    tooltip: mt,
-    relativeHeight: Pt,
-    onSeriesMouseOver: F,
-    refValues: k,
-    graphID: z,
-    minValue: x,
-    maxValue: d,
-    graphDownload: U,
-    dataDownload: V,
-    showColorScale: c,
-    language: q,
-    minHeight: J,
-    annotations: ft,
-    customHighlightAreaSettings: G,
-    theme: y,
-    ariaLabel: Xt,
-    yAxisTitle: b,
-    noOfYTicks: Et,
-    curveType: pt,
-    styles: g,
-    classNames: l,
-    customLayers: ut,
-    animate: St,
-    numberDisplayOptions: u
-  } = i, m = Ot === void 0 ? eo.light.categoricalColors.colors : Ot, K = jt === void 0 ? 10 : jt, Q = Dt === void 0 ? "yyyy" : Dt, v = rt === void 0 ? !1 : rt, _ = lt === void 0 ? 50 : lt, gt = Gt === void 0 ? 20 : Gt, tt = ct === void 0 ? 20 : ct, Wt = Y === void 0 ? 25 : Y;
-  let $t;
-  t[0] !== B ? ($t = B === void 0 ? [] : B, t[0] = B, t[1] = $t) : $t = t[1];
-  const f = $t;
-  let h;
-  t[2] !== k ? (h = k === void 0 ? [] : k, t[2] = k, t[3] = h) : h = t[3];
-  const It = h, kt = U === void 0 ? !1 : U, C = V === void 0 ? !1 : V, et = c === void 0 ? !0 : c, T = q === void 0 ? "en" : q, r = J === void 0 ? 0 : J;
-  let a;
-  t[4] !== ft ? (a = ft === void 0 ? [] : ft, t[4] = ft, t[5] = a) : a = t[5];
-  const xt = a;
-  let dt;
-  t[6] !== G ? (dt = G === void 0 ? [] : G, t[6] = G, t[7] = dt) : dt = t[7];
-  const Tt = dt, ot = y === void 0 ? "light" : y, ht = Et === void 0 ? 5 : Et, yt = pt === void 0 ? "curve" : pt;
-  let P;
-  t[8] !== ut ? (P = ut === void 0 ? [] : ut, t[8] = ut, t[9] = P) : P = t[9];
-  const vt = P, st = St === void 0 ? !1 : St, [X, Zt] = Ut(0), [it, Bt] = Ut(0), At = ce(null), Nt = ce(null);
-  let D, nt;
-  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = () => {
-    const bt = new ResizeObserver((Mt) => {
-      Zt(Mt[0].target.clientWidth || 620), Bt(Mt[0].target.clientHeight || 480);
-    });
-    return At.current && bt.observe(At.current), () => bt.disconnect();
-  }, nt = [], t[10] = D, t[11] = nt) : (D = t[10], nt = t[11]), we(D, nt);
-  const Ct = l?.graphContainer, wt = g?.graphContainer;
-  let O;
-  t[12] !== l?.description || t[13] !== l?.title || t[14] !== p || t[15] !== C || t[16] !== s || t[17] !== kt || t[18] !== W || t[19] !== g?.description || t[20] !== g?.title || t[21] !== w ? (O = W || s || kt || C ? /* @__PURE__ */ n.jsx(_e, { styles: {
-    title: g?.title,
-    description: g?.description
-  }, classNames: {
-    title: l?.title,
-    description: l?.description
-  }, graphTitle: W, graphDescription: s, width: w, graphDownload: kt ? Nt : void 0, dataDownload: C ? p.map(Ao).filter(vo).length > 0 ? p.map(yo).filter(ho) : p.filter(xo) : null }) : null, t[12] = l?.description, t[13] = l?.title, t[14] = p, t[15] = C, t[16] = s, t[17] = kt, t[18] = W, t[19] = g?.description, t[20] = g?.title, t[21] = w, t[22] = O) : O = t[22];
-  let N;
-  t[23] !== l?.colorLegend || t[24] !== I || t[25] !== at || t[26] !== m || t[27] !== p.length || t[28] !== et ? (N = et !== !1 && p.length > 0 ? /* @__PURE__ */ n.jsx(to, { colorDomain: I, colors: m, colorLegendTitle: at, showNAColor: !1, className: l?.colorLegend }) : null, t[23] = l?.colorLegend, t[24] = I, t[25] = at, t[26] = m, t[27] = p.length, t[28] = et, t[29] = N) : N = t[29];
-  let M;
-  t[30] !== p.length ? (M = p.length === 0 && /* @__PURE__ */ n.jsx(oo, {}), t[30] = p.length, t[31] = M) : M = t[31];
-  let L;
-  t[32] !== st || t[33] !== xt || t[34] !== Wt || t[35] !== l || t[36] !== m || t[37] !== yt || t[38] !== Tt || t[39] !== vt || t[40] !== p || t[41] !== Q || t[42] !== f || t[43] !== T || t[44] !== _ || t[45] !== d || t[46] !== x || t[47] !== K || t[48] !== ht || t[49] !== u?.locale || t[50] !== u?.padZeros || t[51] !== u?.precision || t[52] !== u?.prefix || t[53] !== u?.suffix || t[54] !== F || t[55] !== It || t[56] !== gt || t[57] !== g || t[58] !== it || t[59] !== X || t[60] !== mt || t[61] !== tt || t[62] !== b ? (L = X && it && p.length > 0 ? /* @__PURE__ */ n.jsx(no, { data: p, colors: m, width: X, height: it, dateFormat: Q, noOfXTicks: K, leftMargin: _, rightMargin: gt, topMargin: tt, bottomMargin: Wt, tooltip: mt, onSeriesMouseOver: F, highlightAreaSettings: f, refValues: It, minValue: x, maxValue: d, rtl: T === "he" || T === "ar", annotations: xt, customHighlightAreaSettings: Tt, yAxisTitle: b, noOfYTicks: ht, curveType: yt, styles: g, classNames: l, customLayers: vt, animate: st === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : st || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, locale: u?.locale || "en", padZeros: u?.padZeros || !1, suffix: u?.suffix || "", prefix: u?.prefix || "", precision: u?.precision ?? 2 }) : null, t[32] = st, t[33] = xt, t[34] = Wt, t[35] = l, t[36] = m, t[37] = yt, t[38] = Tt, t[39] = vt, t[40] = p, t[41] = Q, t[42] = f, t[43] = T, t[44] = _, t[45] = d, t[46] = x, t[47] = K, t[48] = ht, t[49] = u?.locale, t[50] = u?.padZeros, t[51] = u?.precision, t[52] = u?.prefix, t[53] = u?.suffix, t[54] = F, t[55] = It, t[56] = gt, t[57] = g, t[58] = it, t[59] = X, t[60] = mt, t[61] = tt, t[62] = b, t[63] = L) : L = t[63];
-  let H;
-  t[64] !== M || t[65] !== L ? (H = /* @__PURE__ */ n.jsxs(so, { ref: At, children: [
-    M,
-    L
-  ] }), t[64] = M, t[65] = L, t[66] = H) : H = t[66];
-  let R;
-  t[67] !== l?.footnote || t[68] !== l?.source || t[69] !== A || t[70] !== Lt || t[71] !== g?.footnote || t[72] !== g?.source || t[73] !== w ? (R = Lt || A ? /* @__PURE__ */ n.jsx(Qe, { styles: {
-    footnote: g?.footnote,
-    source: g?.source
-  }, classNames: {
-    footnote: l?.footnote,
-    source: l?.source
-  }, sources: Lt, footNote: A, width: w }) : null, t[67] = l?.footnote, t[68] = l?.source, t[69] = A, t[70] = Lt, t[71] = g?.footnote, t[72] = g?.source, t[73] = w, t[74] = R) : R = t[74];
-  let S;
-  return t[75] !== Xt || t[76] !== v || t[77] !== z || t[78] !== Vt || t[79] !== T || t[80] !== r || t[81] !== Z || t[82] !== Pt || t[83] !== Ct || t[84] !== wt || t[85] !== O || t[86] !== N || t[87] !== H || t[88] !== R || t[89] !== ot || t[90] !== w ? (S = /* @__PURE__ */ n.jsxs(io, { className: Ct, style: wt, id: z, ref: Nt, "aria-label": Xt, backgroundColor: v, theme: ot, language: T, minHeight: r, width: w, height: Vt, relativeHeight: Pt, padding: Z, children: [
-    O,
-    N,
-    H,
-    R
-  ] }), t[75] = Xt, t[76] = v, t[77] = z, t[78] = Vt, t[79] = T, t[80] = r, t[81] = Z, t[82] = Pt, t[83] = Ct, t[84] = wt, t[85] = O, t[86] = N, t[87] = H, t[88] = R, t[89] = ot, t[90] = w, t[91] = S) : S = t[91], S;
-}
-function xo(i) {
-  return i !== void 0;
-}
-function ho(i) {
-  return i !== void 0;
-}
-function yo(i) {
-  return i.data;
-}
-function vo(i) {
-  return i !== void 0;
-}
-function Ao(i) {
-  return i.data;
-}
-export {
-  ts as AreaChart
-};
-//# sourceMappingURL=AreaChart.js.map
+import { t as e } from "./StackedAreaChart-CtlLKKP4.js";
+export { e as AreaChart };

package/dist/Axis-B3ai1eeP.js

@@ -0,0 +1,31 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { t } from "./checkIfNullOrUndefined-C5gqSAtF.js";
+import { cn as n } from "@undp/design-system-react/cn";
+//#region src/Components/Elements/Axes/Axis.tsx
+var r = e();
+function i(e) {
+	let { label: i, x2: a, y2: o, x1: s, y1: c, classNames: l, styles: u, labelPos: d, hideAxisLine: f } = e;
+	return /* @__PURE__ */ (0, r.jsxs)(r.Fragment, { children: [f ? null : /* @__PURE__ */ (0, r.jsx)("line", {
+		y1: c,
+		y2: o,
+		x1: s,
+		x2: a,
+		style: u?.axis,
+		className: n("stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300", l?.axis)
+	}), t(i) ? null : /* @__PURE__ */ (0, r.jsx)("text", {
+		x: d?.x,
+		y: d?.y,
+		style: {
+			textAnchor: "start",
+			...u?.label || ""
+		},
+		className: n("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", l?.label),
+		dy: d?.dy,
+		dx: d?.dx,
+		children: i
+	})] });
+}
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Axis-B3ai1eeP.js.map

package/dist/Axis-B3ai1eeP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis-B3ai1eeP.js","names":[],"sources":["../src/Components/Elements/Axes/Axis.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\n\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\n\ninterface Props {\n  label?: string;\n  labelPos?: { x: number; y: number; dy: string | number; dx: string | number };\n  y1: number;\n  x1: number;\n  y2: number;\n  x2: number;\n  classNames?: { axis?: string; label?: string };\n  styles?: { axis?: React.CSSProperties; label?: React.CSSProperties };\n  hideAxisLine?: boolean;\n}\n\nexport function Axis(props: Props) {\n  const { label, x2, y2, x1, y1, classNames, styles, labelPos, hideAxisLine } = props;\n  return (\n    <>\n      {hideAxisLine ? null : (\n        <line\n          y1={y1}\n          y2={y2}\n          x1={x1}\n          x2={x2}\n          style={styles?.axis}\n          className={cn(\n            'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300',\n            classNames?.axis,\n          )}\n        />\n      )}\n      {!checkIfNullOrUndefined(label) ? (\n        <text\n          x={labelPos?.x}\n          y={labelPos?.y}\n          style={{\n            textAnchor: 'start',\n            ...(styles?.label || ''),\n          }}\n          className={cn(\n            'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\n            classNames?.label,\n          )}\n          dy={labelPos?.dy}\n          dx={labelPos?.dx}\n        >\n          {label}\n        </text>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":";;;;;AAgBA,SAAgB,EAAK,GAAc;CACjC,IAAM,EAAE,UAAO,OAAI,OAAI,OAAI,OAAI,eAAY,WAAQ,aAAU,oBAAiB;CAC9E,OACE,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACG,IAAe,OACd,iBAAA,GAAA,EAAA,KAAC,QAAD;EACM;EACA;EACA;EACA;EACJ,OAAO,GAAQ;EACf,WAAW,EACT,iEACA,GAAY,IACd;CACD,CAAA,GAED,EAAuB,CAAK,IAiB1B,OAhBF,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,GAAG,GAAU;EACb,GAAG,GAAU;EACb,OAAO;GACL,YAAY;GACZ,GAAI,GAAQ,SAAS;EACvB;EACA,WAAW,EACT,4DACA,GAAY,KACd;EACA,IAAI,GAAU;EACd,IAAI,GAAU;YAEb;CACG,CAAA,CAER,EAAA,CAAA;AAEN"}

package/dist/Axis-BbfI4T5K.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`);let n=require(`@undp/design-system-react/cn`);var r=e.t();function i(e){let{label:i,x2:a,y2:o,x1:s,y1:c,classNames:l,styles:u,labelPos:d,hideAxisLine:f}=e;return(0,r.jsxs)(r.Fragment,{children:[f?null:(0,r.jsx)(`line`,{y1:c,y2:o,x1:s,x2:a,style:u?.axis,className:(0,n.cn)(`stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300`,l?.axis)}),t.t(i)?null:(0,r.jsx)(`text`,{x:d?.x,y:d?.y,style:{textAnchor:`start`,...u?.label||``},className:(0,n.cn)(`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs`,l?.label),dy:d?.dy,dx:d?.dx,children:i})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=Axis-BbfI4T5K.cjs.map

package/dist/Axis-BbfI4T5K.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis-BbfI4T5K.cjs","names":[],"sources":["../src/Components/Elements/Axes/Axis.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\n\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\n\ninterface Props {\n  label?: string;\n  labelPos?: { x: number; y: number; dy: string | number; dx: string | number };\n  y1: number;\n  x1: number;\n  y2: number;\n  x2: number;\n  classNames?: { axis?: string; label?: string };\n  styles?: { axis?: React.CSSProperties; label?: React.CSSProperties };\n  hideAxisLine?: boolean;\n}\n\nexport function Axis(props: Props) {\n  const { label, x2, y2, x1, y1, classNames, styles, labelPos, hideAxisLine } = props;\n  return (\n    <>\n      {hideAxisLine ? null : (\n        <line\n          y1={y1}\n          y2={y2}\n          x1={x1}\n          x2={x2}\n          style={styles?.axis}\n          className={cn(\n            'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300',\n            classNames?.axis,\n          )}\n        />\n      )}\n      {!checkIfNullOrUndefined(label) ? (\n        <text\n          x={labelPos?.x}\n          y={labelPos?.y}\n          style={{\n            textAnchor: 'start',\n            ...(styles?.label || ''),\n          }}\n          className={cn(\n            'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\n            classNames?.label,\n          )}\n          dy={labelPos?.dy}\n          dx={labelPos?.dx}\n        >\n          {label}\n        </text>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"2LAgBA,SAAgB,EAAK,EAAc,CACjC,GAAM,CAAE,QAAO,KAAI,KAAI,KAAI,KAAI,aAAY,SAAQ,WAAU,gBAAiB,EAC9E,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EAAe,MACd,EAAA,EAAA,KAAC,OAAD,CACM,KACA,KACA,KACA,KACJ,MAAO,GAAQ,KACf,WAAA,EAAA,EAAA,IACE,gEACA,GAAY,IACd,CACD,CAAA,EAED,EAAA,EAAuB,CAAK,EAiB1B,MAhBF,EAAA,EAAA,KAAC,OAAD,CACE,EAAG,GAAU,EACb,EAAG,GAAU,EACb,MAAO,CACL,WAAY,QACZ,GAAI,GAAQ,OAAS,EACvB,EACA,WAAA,EAAA,EAAA,IACE,2DACA,GAAY,KACd,EACA,GAAI,GAAU,GACd,GAAI,GAAU,YAEb,CACG,CAAA,CAER,CAAA,CAAA,CAEN"}

package/dist/AxisTitle-Co2DmqOy.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`);let t=require(`@undp/design-system-react/cn`);var n=e.t();function r(e){let{text:r,x:i,y:a,className:o,style:s,rotate90:c}=e;return r?(0,n.jsx)(`text`,{transform:`translate(${i}, ${a})${c?` rotate(-90)`:``}`,style:{textAnchor:`middle`,...s||{}},className:(0,t.cn)(`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs`,o),children:r}):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=AxisTitle-Co2DmqOy.cjs.map

package/dist/AxisTitle-Co2DmqOy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisTitle-Co2DmqOy.cjs","names":[],"sources":["../src/Components/Elements/Axes/AxisTitle.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\n\ninterface Props {\n  text?: string;\n  y: number;\n  x: number;\n  className?: string;\n  style?: React.CSSProperties;\n  rotate90?: boolean;\n}\n\nexport function AxisTitle(props: Props) {\n  const { text, x, y, className, style, rotate90 } = props;\n  if (!text) return null;\n  return (\n    <text\n      transform={`translate(${x}, ${y})${rotate90 ? ' rotate(-90)' : ''}`}\n      style={{\n        textAnchor: 'middle',\n        ...(style || {}),\n      }}\n      className={cn('fill-primary-gray-700 dark:fill-primary-gray-300 text-xs', className)}\n    >\n      {text}\n    </text>\n  );\n}\n"],"mappings":"wIAWA,SAAgB,EAAU,EAAc,CACtC,GAAM,CAAE,OAAM,IAAG,IAAG,YAAW,QAAO,YAAa,EAEnD,OADK,GAEH,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,aAAa,EAAE,IAAI,EAAE,GAAG,EAAW,eAAiB,KAC/D,MAAO,CACL,WAAY,SACZ,GAAI,GAAS,CAAC,CAChB,EACA,WAAA,EAAA,EAAA,IAAc,2DAA4D,CAAS,WAElF,CACG,CAAA,EAXU,IAapB"}

package/dist/AxisTitle-DqJw_G-f.js

@@ -0,0 +1,20 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { cn as t } from "@undp/design-system-react/cn";
+//#region src/Components/Elements/Axes/AxisTitle.tsx
+var n = e();
+function r(e) {
+	let { text: r, x: i, y: a, className: o, style: s, rotate90: c } = e;
+	return r ? /* @__PURE__ */ (0, n.jsx)("text", {
+		transform: `translate(${i}, ${a})${c ? " rotate(-90)" : ""}`,
+		style: {
+			textAnchor: "middle",
+			...s || {}
+		},
+		className: t("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", o),
+		children: r
+	}) : null;
+}
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=AxisTitle-DqJw_G-f.js.map

package/dist/AxisTitle-DqJw_G-f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisTitle-DqJw_G-f.js","names":[],"sources":["../src/Components/Elements/Axes/AxisTitle.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\n\ninterface Props {\n  text?: string;\n  y: number;\n  x: number;\n  className?: string;\n  style?: React.CSSProperties;\n  rotate90?: boolean;\n}\n\nexport function AxisTitle(props: Props) {\n  const { text, x, y, className, style, rotate90 } = props;\n  if (!text) return null;\n  return (\n    <text\n      transform={`translate(${x}, ${y})${rotate90 ? ' rotate(-90)' : ''}`}\n      style={{\n        textAnchor: 'middle',\n        ...(style || {}),\n      }}\n      className={cn('fill-primary-gray-700 dark:fill-primary-gray-300 text-xs', className)}\n    >\n      {text}\n    </text>\n  );\n}\n"],"mappings":";;;;AAWA,SAAgB,EAAU,GAAc;CACtC,IAAM,EAAE,SAAM,MAAG,MAAG,cAAW,UAAO,gBAAa;CAEnD,OADK,IAEH,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,WAAW,aAAa,EAAE,IAAI,EAAE,GAAG,IAAW,iBAAiB;EAC/D,OAAO;GACL,YAAY;GACZ,GAAI,KAAS,CAAC;EAChB;EACA,WAAW,EAAG,4DAA4D,CAAS;YAElF;CACG,CAAA,IAXU;AAapB"}