@undp/data-viz 2.6.0 → 2.6.1

package/dist/WaterfallChart.js

@@ -1,427 +1,2 @@
-import { c as te, j as a } from "./compiler-runtime-qHgugrLy.js";
-import { useRef as Jt, useState as vt, useEffect as ie } from "react";
-import { i as oe } from "./index-Bwrro8-q.js";
-import { cn as ne } from "@undp/design-system-react/cn";
-import { n as Qt } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as se } from "./Tooltip-DO56mY4b.js";
-import { c as Bt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { Colors as bt } from "./Colors.js";
-import { A as re } from "./AxisTitle-B9F80_Z0.js";
-import { A as ae } from "./Axis-RRx-0Rlw.js";
-import { a as le } from "./ReferenceLine-NF4g3Reh.js";
-import { Y as ce } from "./YTicksAndGridLines-wtuAKNeT.js";
-import { X as me } from "./XAxesLabels-CPZX3OJN.js";
-import { D as ue } from "./DetailsModal-k-Me_U_T.js";
-import { g as zt } from "./getTextColorBasedOnBgColor-CDY808zi.js";
-import { a as fe } from "./linear-DNXM5Pdl.js";
-import { b as de } from "./band-DYty33LD.js";
-import { m as Ut } from "./proxy-D31SA_aE.js";
-import { u as pe } from "./use-in-view-Co5SmzfT.js";
-import { A as he } from "./index-CNUlPiEL.js";
-import { ColorLegendWithMouseOver as ge } from "./ColorLegendWithMouseOver.js";
-import { E as xe } from "./EmptyState-prZ8OnEs.js";
-import { a as ve, G as be } from "./GraphContainer-DcOM2CI6.js";
-import { GraphFooter as ye } from "./GraphFooter.js";
-import { GraphHeader as we } from "./GraphHeader.js";
-import { u as _t } from "./uniqBy-BHy4I8PK.js";
-function Ae(i) {
-  let t = 0, o = 0, w = 0;
-  for (const g of i)
-    t += g || 0, t > o && (o = t), t < w && (w = t);
-  return {
-    max: o,
-    min: w
-  };
-}
-function Oe(i) {
-  const t = te.c(46), {
-    leftMargin: o,
-    rightMargin: w,
-    topMargin: g,
-    bottomMargin: tt,
-    data: x,
-    width: yt,
-    height: wt,
-    barColor: v,
-    suffix: At,
-    prefix: et,
-    barPadding: d,
-    showLabels: Ot,
-    showValues: H,
-    showTicks: Mt,
-    colorDomain: D,
-    truncateBy: Ct,
-    tooltip: it,
-    onSeriesMouseOver: $t,
-    refValues: Lt,
-    selectedColor: Y,
-    maxValue: jt,
-    minValue: Pt,
-    highlightedDataPoints: R,
-    onSeriesMouseClick: ot,
-    labelOrder: y,
-    maxBarThickness: Dt,
-    minBarThickness: Et,
-    detailsOnClick: T,
-    barAxisTitle: X,
-    noOfTicks: Wt,
-    styles: p,
-    classNames: u,
-    dimmedOpacity: V,
-    animate: m,
-    precision: kt,
-    customLayers: I,
-    naLabel: Ft,
-    hideAxisLine: Zt,
-    locale: nt,
-    padZeros: F
-  } = i, A = o === void 0 ? 20 : o, st = w === void 0 ? 20 : w, rt = g === void 0 ? 20 : g, at = tt === void 0 ? 25 : tt, Gt = Jt(null);
-  let l;
-  t[0] !== m.amount || t[1] !== m.once ? (l = {
-    once: m.once,
-    amount: m.amount
-  }, t[0] = m.amount, t[1] = m.once, t[2] = l) : l = t[2];
-  const s = pe(Gt, l), Nt = X ? A + 30 : A;
-  let lt;
-  t[3] !== at || t[4] !== st || t[5] !== Nt || t[6] !== rt ? (lt = {
-    top: rt,
-    bottom: at,
-    left: Nt,
-    right: st
-  }, t[3] = at, t[4] = st, t[5] = Nt, t[6] = rt, t[7] = lt) : lt = t[7];
-  const b = lt, {
-    max: Tt,
-    min: qt
-  } = Ae(x.map(ze)), Ht = Bt(jt) ? Tt : jt, r = Bt(Pt) ? qt : Pt, [Z, ct] = vt(void 0), [S, z] = vt(void 0), [q, mt] = vt(void 0), [U, J] = vt(void 0), O = yt - b.left - b.right, k = wt - b.top - b.bottom;
-  let K;
-  if (t[8] !== x || t[9] !== y) {
-    const e = /* @__PURE__ */ new Set(), j = x.map((G, ee) => {
-      const Kt = y ? `${G.label}` : `${ee}`;
-      return e.add(Kt), {
-        ...G,
-        id: Kt
-      };
-    }), c = y ? y.filter((G) => !e.has(G)) : [];
-    K = [...j, ...c.map(Se)], t[8] = x, t[9] = y, t[10] = K;
-  } else
-    K = t[10];
-  const Q = K;
-  let h;
-  t[11] !== Q || t[12] !== y ? (h = y ?? Q.map(Ie), t[11] = Q, t[12] = y, t[13] = h) : h = t[13];
-  const ut = h, n = fe().domain([r, Ht]).range([k, 0]).nice(), f = de().domain(ut).range([0, Et ? Math.max(O, Et * ut.length) : Dt ? Math.min(O, Dt * ut.length) : O]).paddingInner(d), Vt = n.ticks(Wt);
-  let B = 0;
-  const Yt = Q.map((e) => {
-    const j = B;
-    return B = B + (e.size || 0), {
-      ...e,
-      start: j,
-      end: B
-    };
-  }), ft = u?.xAxis?.axis, dt = u?.yAxis?.labels;
-  let P;
-  t[14] !== dt || t[15] !== ft ? (P = {
-    axis: ft,
-    label: dt
-  }, t[14] = dt, t[15] = ft, t[16] = P) : P = t[16];
-  const Rt = p?.xAxis?.axis, _ = p?.yAxis?.labels;
-  let It;
-  t[17] !== Rt || t[18] !== _ ? (It = {
-    axis: Rt,
-    label: _
-  }, t[17] = Rt, t[18] = _, t[19] = It) : It = t[19];
-  const pt = 0 - A - 15, Xt = k / 2, ht = p?.yAxis?.title, St = u?.yAxis?.title;
-  let E;
-  t[20] !== X || t[21] !== pt || t[22] !== Xt || t[23] !== ht || t[24] !== St ? (E = /* @__PURE__ */ a.jsx(re, { x: pt, y: Xt, style: ht, className: St, text: X, rotate90: !0 }), t[20] = X, t[21] = pt, t[22] = Xt, t[23] = ht, t[24] = St, t[25] = E) : E = t[25];
-  let W;
-  t[26] !== I ? (W = I.filter(Ne).map(ke), t[26] = I, t[27] = W) : W = t[27];
-  const gt = he, xt = Yt.map((e, j) => Bt(f(e.id)) ? null : /* @__PURE__ */ a.jsxs(Ut.g, { className: "undp-viz-g-with-hover", initial: "initial", animate: s ? "whileInView" : "initial", variants: {
-    initial: {
-      opacity: Y ? e.color && v[D.indexOf(e.color)] === Y ? 1 : V : R ? R.indexOf(e.label) !== -1 ? 0.85 : V : 0.85
-    },
-    whileInView: {
-      opacity: Y ? e.color && v[D.indexOf(e.color)] === Y ? 1 : V : R ? R.indexOf(e.label) !== -1 ? 0.85 : V : 0.85,
-      transition: {
-        duration: m.duration
-      }
-    }
-  }, exit: {
-    opacity: 0,
-    transition: {
-      duration: m.duration
-    }
-  }, onMouseEnter: (c) => {
-    ct(e), J(c.clientY), mt(c.clientX), $t?.(e);
-  }, onClick: () => {
-    (ot || T) && (oe(S, e) ? (z(void 0), ot?.(void 0)) : (z(e), ot?.(e)));
-  }, onMouseMove: (c) => {
-    ct(e), J(c.clientY), mt(c.clientX);
-  }, onMouseLeave: () => {
-    ct(void 0), mt(void 0), J(void 0), $t?.(void 0);
-  }, children: [
-    e.size ? /* @__PURE__ */ a.jsx(Ut.rect, { width: f.bandwidth(), initial: "initial", animate: s ? "whileInView" : "initial", variants: {
-      initial: {
-        height: 0,
-        x: f(`${e.id}`),
-        y: n(e.start),
-        fill: x.filter(De).length === 0 ? v[0] : e.color ? v[D.indexOf(e.color)] : bt.gray
-      },
-      whileInView: {
-        height: Math.abs(n(e.start) - n(e.end)),
-        y: n(Math.max(e.start, e.end)),
-        x: f(`${e.id}`),
-        fill: x.filter(je).length === 0 ? v[0] : e.color ? v[D.indexOf(e.color)] : bt.gray,
-        transition: {
-          duration: m.duration
-        }
-      }
-    }, exit: {
-      height: 0,
-      y: n(e.start),
-      transition: {
-        duration: m.duration
-      }
-    } }) : null,
-    Ot ? /* @__PURE__ */ a.jsx(me, { value: `${e.label}`.length < Ct ? `${e.label}` : `${`${e.label}`.substring(0, Ct)}...`, y: n(0) + 5, x: f(`${e.id}`), width: f.bandwidth(), height: b.bottom, style: p?.xAxis?.labels, className: u?.xAxis?.labels, alignment: "top", animate: m, isInView: s }) : null,
-    H && Math.abs(n(e.start) - n(e.end)) > 16 ? /* @__PURE__ */ a.jsx(Ut.text, { style: {
-      textAnchor: "middle",
-      ...p?.graphObjectValues || {}
-    }, className: ne("graph-value text-sm", u?.graphObjectValues), dy: "0.33em", variants: {
-      initial: {
-        x: f(`${e.id}`) + f.bandwidth() / 2,
-        y: (n(e.start) + n(e.end)) / 2,
-        opacity: 0,
-        fill: x.filter(Le).length === 0 ? zt(v[0]) : e.color ? zt(v[D.indexOf(e.color)]) : zt(bt.gray)
-      },
-      whileInView: {
-        x: f(`${e.id}`) + f.bandwidth() / 2,
-        y: (n(e.start) + n(e.end)) / 2,
-        fill: x.filter($e).length === 0 ? zt(v[0]) : e.color ? zt(v[D.indexOf(e.color)]) : zt(bt.gray),
-        opacity: 1,
-        transition: {
-          duration: m.duration
-        }
-      }
-    }, initial: "initial", animate: s ? "whileInView" : "initial", exit: {
-      opacity: 0,
-      transition: {
-        duration: m.duration
-      }
-    }, children: Qt(e.size ? Math.abs(e.size) : e.size, Ft, kt, et, At, nt, F) }) : null
-  ] }, e.label)), N = Lt ? /* @__PURE__ */ a.jsx(a.Fragment, { children: Lt.map((e, j) => /* @__PURE__ */ a.jsx(le, { text: e.text, color: e.color, y: n(e.value), x1: 0 - A, x2: O + b.right, classNames: e.classNames, styles: e.styles, animate: m, isInView: s }, j)) }) : null;
-  let M;
-  t[28] !== gt || t[29] !== xt || t[30] !== N ? (M = /* @__PURE__ */ a.jsxs(gt, { children: [
-    xt,
-    N
-  ] }), t[28] = gt, t[29] = xt, t[30] = N, t[31] = M) : M = t[31];
-  let C;
-  t[32] !== I ? (C = I.filter(Ce).map(Me), t[32] = I, t[33] = C) : C = t[33];
-  let $;
-  t[34] !== u?.tooltip || t[35] !== q || t[36] !== U || t[37] !== Z || t[38] !== p?.tooltip || t[39] !== it ? ($ = Z && it && q && U ? /* @__PURE__ */ a.jsx(se, { data: Z, body: it, xPos: q, yPos: U, backgroundStyle: p?.tooltip, className: u?.tooltip }) : null, t[34] = u?.tooltip, t[35] = q, t[36] = U, t[37] = Z, t[38] = p?.tooltip, t[39] = it, t[40] = $) : $ = t[40];
-  let L;
-  return t[41] !== u?.modal || t[42] !== T || t[43] !== S || t[44] !== z ? (L = T && S !== void 0 ? /* @__PURE__ */ a.jsx(ue, { body: T, data: S, setData: z, className: u?.modal }) : null, t[41] = u?.modal, t[42] = T, t[43] = S, t[44] = z, t[45] = L) : L = t[45], /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(Ut.svg, { ref: Gt, width: `${yt}px`, height: `${wt}px`, viewBox: `0 0 ${yt} ${wt}`, direction: "ltr", children: /* @__PURE__ */ a.jsxs("g", { transform: `translate(${b.left},${b.top})`, children: [
-      /* @__PURE__ */ a.jsx(ae, { y1: n(r < 0 ? 0 : r), y2: n(r < 0 ? 0 : r), x1: 0 - A, x2: O + b.right, hideAxisLine: Zt, label: Mt ? Qt(r < 0 ? 0 : r, void 0, kt, et, At, nt, F) : void 0, labelPos: {
-        x: 0 - A,
-        dx: 0,
-        dy: Ht < 0 ? "1em" : -5,
-        y: n(r < 0 ? 0 : r)
-      }, classNames: P, styles: It }),
-      Mt ? /* @__PURE__ */ a.jsx(ce, { values: Vt.filter(Ve), y: Vt.filter(Te).map((e) => n(e)), x1: 0 - A, x2: O + b.right, styles: {
-        gridLines: p?.yAxis?.gridLines,
-        labels: p?.yAxis?.labels
-      }, classNames: {
-        gridLines: u?.yAxis?.gridLines,
-        labels: u?.yAxis?.labels
-      }, suffix: At, prefix: et, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: kt, locale: nt, padZeros: F }) : null,
-      E,
-      W,
-      M,
-      C
-    ] }) }),
-    $,
-    L
-  ] });
-}
-function Me(i) {
-  return i.layer;
-}
-function Ce(i) {
-  return i.position === "after";
-}
-function $e(i) {
-  return i.color;
-}
-function Le(i) {
-  return i.color;
-}
-function je(i) {
-  return i.color;
-}
-function De(i) {
-  return i.color;
-}
-function ke(i) {
-  return i.layer;
-}
-function Ne(i) {
-  return i.position === "before";
-}
-function Te(i) {
-  return i !== 0;
-}
-function Ve(i) {
-  return i !== 0;
-}
-function Ie(i) {
-  return `${i.id}`;
-}
-function Se(i) {
-  return {
-    id: i,
-    label: i,
-    color: null,
-    size: null
-  };
-}
-function ze(i) {
-  return i.size;
-}
-function xi(i) {
-  const t = te.c(101), {
-    data: o,
-    graphTitle: w,
-    colors: g,
-    sources: tt,
-    graphDescription: x,
-    barPadding: yt,
-    showValues: wt,
-    showTicks: v,
-    truncateBy: At,
-    height: et,
-    width: d,
-    footNote: Ot,
-    colorDomain: H,
-    colorLegendTitle: Mt,
-    highlightedDataPoints: D,
-    padding: Ct,
-    backgroundColor: it,
-    topMargin: $t,
-    bottomMargin: Lt,
-    leftMargin: Y,
-    rightMargin: jt,
-    showLabels: Pt,
-    relativeHeight: R,
-    tooltip: ot,
-    onSeriesMouseOver: y,
-    refValues: Dt,
-    showColorScale: Et,
-    graphID: T,
-    maxValue: X,
-    minValue: Wt,
-    onSeriesMouseClick: p,
-    graphDownload: u,
-    dataDownload: V,
-    labelOrder: m,
-    language: kt,
-    showNAColor: I,
-    minHeight: Ft,
-    theme: Zt,
-    maxBarThickness: nt,
-    maxNumberOfBars: F,
-    minBarThickness: A,
-    ariaLabel: st,
-    detailsOnClick: rt,
-    barAxisTitle: at,
-    noOfTicks: Gt,
-    styles: l,
-    classNames: s,
-    filterNA: Nt,
-    animate: lt,
-    dimmedOpacity: b,
-    customLayers: Tt,
-    naLabel: qt,
-    hideAxisLine: Ht,
-    numberDisplayOptions: r
-  } = i, Z = yt === void 0 ? 0.25 : yt, ct = wt === void 0 ? !0 : wt, S = v === void 0 ? !0 : v, z = At === void 0 ? 999 : At, q = it === void 0 ? !1 : it, mt = Pt === void 0 ? !0 : Pt, U = Et === void 0 ? !0 : Et, J = u === void 0 ? !1 : u, O = V === void 0 ? !1 : V, k = kt === void 0 ? "en" : kt, K = I === void 0 ? !0 : I, Q = Ft === void 0 ? 0 : Ft, h = Zt === void 0 ? "light" : Zt, ut = Gt === void 0 ? 5 : Gt, n = Nt === void 0 ? !0 : Nt, f = lt === void 0 ? !1 : lt, Vt = b === void 0 ? 0.3 : b;
-  let B;
-  t[0] !== Tt ? (B = Tt === void 0 ? [] : Tt, t[0] = Tt, t[1] = B) : B = t[1];
-  const Yt = B, ft = qt === void 0 ? "NA" : qt, dt = Ht === void 0 ? !1 : Ht, [P, Rt] = vt(0), [_, It] = vt(0), [pt, Xt] = vt(void 0), ht = Jt(null), St = Jt(null);
-  let E, W;
-  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = () => {
-    const c = new ResizeObserver((G) => {
-      Rt(G[0].target.clientWidth || 620), It(G[0].target.clientHeight || 480);
-    });
-    return ht.current && c.observe(ht.current), () => c.disconnect();
-  }, W = [], t[2] = E, t[3] = W) : (E = t[2], W = t[3]), ie(E, W);
-  const gt = s?.graphContainer, xt = l?.graphContainer;
-  let N;
-  t[4] !== s?.description || t[5] !== s?.title || t[6] !== o || t[7] !== O || t[8] !== x || t[9] !== J || t[10] !== w || t[11] !== l?.description || t[12] !== l?.title || t[13] !== d ? (N = w || x || J || O ? /* @__PURE__ */ a.jsx(we, { styles: {
-    title: l?.title,
-    description: l?.description
-  }, classNames: {
-    title: s?.title,
-    description: s?.description
-  }, graphTitle: w, graphDescription: x, width: d, graphDownload: J ? St : void 0, dataDownload: O ? o.map(Re).filter(Ye).length > 0 ? o.map(He).filter(Ge) : o.filter(We) : null }) : null, t[4] = s?.description, t[5] = s?.title, t[6] = o, t[7] = O, t[8] = x, t[9] = J, t[10] = w, t[11] = l?.description, t[12] = l?.title, t[13] = d, t[14] = N) : N = t[14];
-  let M;
-  t[15] !== s?.colorLegend || t[16] !== H || t[17] !== Mt || t[18] !== g || t[19] !== o || t[20] !== U || t[21] !== K || t[22] !== h || t[23] !== d ? (M = U && o.filter(Ee).length !== 0 && o.length > 0 ? /* @__PURE__ */ a.jsx(ge, { width: d, colorLegendTitle: Mt, colors: g || bt[h].categoricalColors.colors, colorDomain: H || _t(o, "color", !0), setSelectedColor: Xt, showNAColor: K, className: s?.colorLegend }) : null, t[15] = s?.colorLegend, t[16] = H, t[17] = Mt, t[18] = g, t[19] = o, t[20] = U, t[21] = K, t[22] = h, t[23] = d, t[24] = M) : M = t[24];
-  let C;
-  t[25] !== o || t[26] !== n ? (C = o.filter((c) => n ? !Bt(c.size) : c).length === 0 && /* @__PURE__ */ a.jsx(xe, {}), t[25] = o, t[26] = n, t[27] = C) : C = t[27];
-  let $;
-  t[28] !== f || t[29] !== at || t[30] !== Z || t[31] !== Lt || t[32] !== s || t[33] !== H || t[34] !== g || t[35] !== Yt || t[36] !== o || t[37] !== rt || t[38] !== Vt || t[39] !== n || t[40] !== dt || t[41] !== D || t[42] !== m || t[43] !== k || t[44] !== Y || t[45] !== nt || t[46] !== F || t[47] !== X || t[48] !== A || t[49] !== Wt || t[50] !== ft || t[51] !== ut || t[52] !== r?.locale || t[53] !== r?.padZeros || t[54] !== r?.precision || t[55] !== r?.prefix || t[56] !== r?.suffix || t[57] !== p || t[58] !== y || t[59] !== Dt || t[60] !== jt || t[61] !== pt || t[62] !== mt || t[63] !== S || t[64] !== ct || t[65] !== l || t[66] !== _ || t[67] !== P || t[68] !== h || t[69] !== ot || t[70] !== $t || t[71] !== z ? ($ = P && _ && o.filter((c) => n ? !Bt(c.size) : c).length > 0 ? /* @__PURE__ */ a.jsx(Oe, { hideAxisLine: dt, data: o.filter((c) => n ? !Bt(c.size) : c).filter((c, G) => F ? G < F : !0), barColor: o.filter(Pe).length === 0 ? g ? [g] : [bt.primaryColors["blue-600"]] : g || bt[h].categoricalColors.colors, colorDomain: o.filter(Be).length === 0 ? [] : H || _t(o, "color", !0), selectedColor: pt, width: P, height: _, barPadding: Z, showValues: ct, showTicks: S, leftMargin: Y, rightMargin: jt, topMargin: $t, bottomMargin: Lt, truncateBy: z, showLabels: mt, tooltip: ot, onSeriesMouseOver: y, refValues: Dt, maxValue: X, minValue: Wt, highlightedDataPoints: D, onSeriesMouseClick: p, labelOrder: m, rtl: k === "he" || k === "ar", maxBarThickness: nt, minBarThickness: A, detailsOnClick: rt, barAxisTitle: at, noOfTicks: ut, classNames: s, styles: l, animate: f === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : f || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, dimmedOpacity: Vt, customLayers: Yt, naLabel: ft, locale: r?.locale || "en", padZeros: r?.padZeros || !1, suffix: r?.suffix || "", prefix: r?.prefix || "", precision: r?.precision ?? 2 }) : null, t[28] = f, t[29] = at, t[30] = Z, t[31] = Lt, t[32] = s, t[33] = H, t[34] = g, t[35] = Yt, t[36] = o, t[37] = rt, t[38] = Vt, t[39] = n, t[40] = dt, t[41] = D, t[42] = m, t[43] = k, t[44] = Y, t[45] = nt, t[46] = F, t[47] = X, t[48] = A, t[49] = Wt, t[50] = ft, t[51] = ut, t[52] = r?.locale, t[53] = r?.padZeros, t[54] = r?.precision, t[55] = r?.prefix, t[56] = r?.suffix, t[57] = p, t[58] = y, t[59] = Dt, t[60] = jt, t[61] = pt, t[62] = mt, t[63] = S, t[64] = ct, t[65] = l, t[66] = _, t[67] = P, t[68] = h, t[69] = ot, t[70] = $t, t[71] = z, t[72] = $) : $ = t[72];
-  let L;
-  t[73] !== C || t[74] !== $ ? (L = /* @__PURE__ */ a.jsxs(ve, { ref: ht, children: [
-    C,
-    $
-  ] }), t[73] = C, t[74] = $, t[75] = L) : L = t[75];
-  let e;
-  t[76] !== s?.footnote || t[77] !== s?.source || t[78] !== Ot || t[79] !== tt || t[80] !== l?.footnote || t[81] !== l?.source || t[82] !== d ? (e = tt || Ot ? /* @__PURE__ */ a.jsx(ye, { sources: tt, footNote: Ot, width: d, styles: {
-    footnote: l?.footnote,
-    source: l?.source
-  }, classNames: {
-    footnote: s?.footnote,
-    source: s?.source
-  } }) : null, t[76] = s?.footnote, t[77] = s?.source, t[78] = Ot, t[79] = tt, t[80] = l?.footnote, t[81] = l?.source, t[82] = d, t[83] = e) : e = t[83];
-  let j;
-  return t[84] !== st || t[85] !== q || t[86] !== T || t[87] !== et || t[88] !== k || t[89] !== Q || t[90] !== Ct || t[91] !== R || t[92] !== gt || t[93] !== xt || t[94] !== N || t[95] !== M || t[96] !== L || t[97] !== e || t[98] !== h || t[99] !== d ? (j = /* @__PURE__ */ a.jsxs(be, { className: gt, style: xt, id: T, ref: St, "aria-label": st, backgroundColor: q, theme: h, language: k, minHeight: Q, width: d, height: et, relativeHeight: R, padding: Ct, children: [
-    N,
-    M,
-    L,
-    e
-  ] }), t[84] = st, t[85] = q, t[86] = T, t[87] = et, t[88] = k, t[89] = Q, t[90] = Ct, t[91] = R, t[92] = gt, t[93] = xt, t[94] = N, t[95] = M, t[96] = L, t[97] = e, t[98] = h, t[99] = d, t[100] = j) : j = t[100], j;
-}
-function Be(i) {
-  return i.color;
-}
-function Pe(i) {
-  return i.color;
-}
-function Ee(i) {
-  return i.color;
-}
-function We(i) {
-  return i !== void 0;
-}
-function Ge(i) {
-  return i !== void 0;
-}
-function He(i) {
-  return i.data;
-}
-function Ye(i) {
-  return i !== void 0;
-}
-function Re(i) {
-  return i.data;
-}
-export {
-  xi as WaterfallChart
-};
-//# sourceMappingURL=WaterfallChart.js.map
+import { t as e } from "./WaterfallChart-BKpFUJdY.js";
+export { e as WaterfallChart };

package/dist/XAxesLabels-BvzqZwll.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./proxy-DaRMphjR.cjs`);let n=require(`@undp/design-system-react/cn`);var r=e.t();function i(e){let{value:i,y:a,x:o,style:s,className:c,width:l,height:u,alignment:d=`top`,animate:f,isInView:p}=e;return(0,r.jsx)(t.t.g,{variants:{initial:{x:o,y:a},whileInView:{x:o,y:a,transition:{duration:f.duration}}},initial:`initial`,animate:p?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:f.duration}},children:(0,r.jsx)(`foreignObject`,{width:l,height:u,y:0,x:0,children:(0,r.jsx)(`div`,{className:`flex flex-col items-center h-full ${d===`top`?`justify-start`:`justify-end`}`,children:(0,r.jsx)(`p`,{className:(0,n.cn)(`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none`,c),style:{...s},children:i})})})},a)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=XAxesLabels-BvzqZwll.cjs.map

package/dist/XAxesLabels-BvzqZwll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"XAxesLabels-BvzqZwll.cjs","names":[],"sources":["../src/Components/Elements/Axes/XAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { motion } from 'motion/react';\n\nimport type { AnimateDataType } from '@/Types';\n\ninterface Props {\n  value: number | string;\n  y: number;\n  x: number;\n  width: number;\n  height: number;\n  style?: React.CSSProperties;\n  className?: string;\n  alignment?: 'top' | 'bottom';\n  animate: AnimateDataType;\n  isInView: boolean;\n}\n\nexport function XAxesLabels(props: Props) {\n  const {\n    value,\n    y,\n    x,\n    style,\n    className,\n    width,\n    height,\n    alignment = 'top',\n    animate,\n    isInView,\n  } = props;\n  return (\n    <motion.g\n      key={y}\n      variants={{\n        initial: {\n          x,\n          y,\n        },\n        whileInView: {\n          x,\n          y,\n          transition: { duration: animate.duration },\n        },\n      }}\n      initial='initial'\n      animate={isInView ? 'whileInView' : 'initial'}\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n    >\n      <foreignObject width={width} height={height} y={0} x={0}>\n        <div\n          className={`flex flex-col items-center h-full ${\n            alignment === 'top' ? 'justify-start' : 'justify-end'\n          }`}\n        >\n          <p\n            className={cn(\n              'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none',\n              className,\n            )}\n            style={{\n              ...style,\n            }}\n          >\n            {value}\n          </p>\n        </div>\n      </foreignObject>\n    </motion.g>\n  );\n}\n"],"mappings":"0KAkBA,SAAgB,EAAY,EAAc,CACxC,GAAM,CACJ,QACA,IACA,IACA,QACA,YACA,QACA,SACA,YAAY,MACZ,UACA,YACE,EACJ,OACE,EAAA,EAAA,KAAC,EAAA,EAAO,EAAR,CAEE,SAAU,CACR,QAAS,CACP,IACA,GACF,EACA,YAAa,CACX,IACA,IACA,WAAY,CAAE,SAAU,EAAQ,QAAS,CAC3C,CACF,EACA,QAAQ,UACR,QAAS,EAAW,cAAgB,UACpC,KAAM,CAAE,QAAS,EAAG,WAAY,CAAE,SAAU,EAAQ,QAAS,CAAE,YAE/D,EAAA,EAAA,KAAC,gBAAD,CAAsB,QAAe,SAAQ,EAAG,EAAG,EAAG,YACpD,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,qCACT,IAAc,MAAQ,gBAAkB,0BAG1C,EAAA,EAAA,KAAC,IAAD,CACE,WAAA,EAAA,EAAA,IACE,oGACA,CACF,EACA,MAAO,CACL,GAAG,CACL,WAEC,CACA,CAAA,CACA,CAAA,CACQ,CAAA,CACP,EAnCH,CAmCG,CAEd"}

package/dist/XAxesLabels-DIs04SK7.js

@@ -0,0 +1,45 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { t } from "./proxy-BiRrIImK.js";
+import { cn as n } from "@undp/design-system-react/cn";
+//#region src/Components/Elements/Axes/XAxesLabels.tsx
+var r = e();
+function i(e) {
+	let { value: i, y: a, x: o, style: s, className: c, width: l, height: u, alignment: d = "top", animate: f, isInView: p } = e;
+	return /* @__PURE__ */ (0, r.jsx)(t.g, {
+		variants: {
+			initial: {
+				x: o,
+				y: a
+			},
+			whileInView: {
+				x: o,
+				y: a,
+				transition: { duration: f.duration }
+			}
+		},
+		initial: "initial",
+		animate: p ? "whileInView" : "initial",
+		exit: {
+			opacity: 0,
+			transition: { duration: f.duration }
+		},
+		children: /* @__PURE__ */ (0, r.jsx)("foreignObject", {
+			width: l,
+			height: u,
+			y: 0,
+			x: 0,
+			children: /* @__PURE__ */ (0, r.jsx)("div", {
+				className: `flex flex-col items-center h-full ${d === "top" ? "justify-start" : "justify-end"}`,
+				children: /* @__PURE__ */ (0, r.jsx)("p", {
+					className: n("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none", c),
+					style: { ...s },
+					children: i
+				})
+			})
+		})
+	}, a);
+}
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=XAxesLabels-DIs04SK7.js.map

package/dist/XAxesLabels-DIs04SK7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XAxesLabels-DIs04SK7.js","names":[],"sources":["../src/Components/Elements/Axes/XAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { motion } from 'motion/react';\n\nimport type { AnimateDataType } from '@/Types';\n\ninterface Props {\n  value: number | string;\n  y: number;\n  x: number;\n  width: number;\n  height: number;\n  style?: React.CSSProperties;\n  className?: string;\n  alignment?: 'top' | 'bottom';\n  animate: AnimateDataType;\n  isInView: boolean;\n}\n\nexport function XAxesLabels(props: Props) {\n  const {\n    value,\n    y,\n    x,\n    style,\n    className,\n    width,\n    height,\n    alignment = 'top',\n    animate,\n    isInView,\n  } = props;\n  return (\n    <motion.g\n      key={y}\n      variants={{\n        initial: {\n          x,\n          y,\n        },\n        whileInView: {\n          x,\n          y,\n          transition: { duration: animate.duration },\n        },\n      }}\n      initial='initial'\n      animate={isInView ? 'whileInView' : 'initial'}\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n    >\n      <foreignObject width={width} height={height} y={0} x={0}>\n        <div\n          className={`flex flex-col items-center h-full ${\n            alignment === 'top' ? 'justify-start' : 'justify-end'\n          }`}\n        >\n          <p\n            className={cn(\n              'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none',\n              className,\n            )}\n            style={{\n              ...style,\n            }}\n          >\n            {value}\n          </p>\n        </div>\n      </foreignObject>\n    </motion.g>\n  );\n}\n"],"mappings":";;;;;AAkBA,SAAgB,EAAY,GAAc;CACxC,IAAM,EACJ,UACA,MACA,MACA,UACA,cACA,UACA,WACA,eAAY,OACZ,YACA,gBACE;CACJ,OACE,iBAAA,GAAA,EAAA,KAAC,EAAO,GAAR;EAEE,UAAU;GACR,SAAS;IACP;IACA;GACF;GACA,aAAa;IACX;IACA;IACA,YAAY,EAAE,UAAU,EAAQ,SAAS;GAC3C;EACF;EACA,SAAQ;EACR,SAAS,IAAW,gBAAgB;EACpC,MAAM;GAAE,SAAS;GAAG,YAAY,EAAE,UAAU,EAAQ,SAAS;EAAE;YAE/D,iBAAA,GAAA,EAAA,KAAC,iBAAD;GAAsB;GAAe;GAAQ,GAAG;GAAG,GAAG;aACpD,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,WAAW,qCACT,MAAc,QAAQ,kBAAkB;cAG1C,iBAAA,GAAA,EAAA,KAAC,KAAD;KACE,WAAW,EACT,qGACA,CACF;KACA,OAAO,EACL,GAAG,EACL;eAEC;IACA,CAAA;GACA,CAAA;EACQ,CAAA;CACP,GAnCH,CAmCG;AAEd"}

package/dist/XTicksAndGridLines-8v1W02Pd.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./numberFormattingFunction-Caf5NyIo.cjs`);let n=require(`@undp/design-system-react/cn`);var r=e.t();function i(e){let{values:i,x:a,y1:o,y2:s,styles:c,classNames:l,prefix:u,suffix:d,labelType:f,showGridLines:p,precision:m=2,leftLabel:h=!1,locale:g=`en`,padZeros:_=!1}=e;return!i&&!p?null:(0,r.jsx)(r.Fragment,{children:a.map((e,a)=>(0,r.jsxs)(`g`,{children:[p?(0,r.jsx)(`line`,{x1:e,x2:e,y1:o,y2:s,className:(0,n.cn)(`undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550`,l?.gridLines),style:c?.gridLines}):null,i?(0,r.jsx)(`text`,{x:e,y:f===`primary`?s:o,dy:f===`primary`?`1em`:`0.75em`,dx:f===`primary`?0:e<0||h?-3:3,style:{textAnchor:f===`primary`?`middle`:e<0||h?`end`:`start`,...c?.labels||{}},className:(0,n.cn)(f===`primary`?`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs`:`fill-primary-gray-550 dark:fill-primary-gray-500 text-xs`,l?.labels),children:typeof i[a]==`string`?i[a]:t.t(i[a],void 0,m,u,d,g,_)}):null]},a))})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=XTicksAndGridLines-8v1W02Pd.cjs.map

package/dist/XTicksAndGridLines-8v1W02Pd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"XTicksAndGridLines-8v1W02Pd.cjs","names":[],"sources":["../src/Components/Elements/Axes/XTicksAndGridLines.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\n\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  values?: (number | string)[];\n  x: number[];\n  y2: number;\n  y1: number;\n  styles: { gridLines?: React.CSSProperties; labels?: React.CSSProperties };\n  classNames: { gridLines?: string; labels?: string };\n  prefix?: string;\n  suffix?: string;\n  labelType: 'primary' | 'secondary';\n  showGridLines: boolean;\n  leftLabel?: boolean;\n  precision?: number;\n  locale?: string;\n  padZeros?: boolean;\n}\n\nexport function XTicksAndGridLines(props: Props) {\n  const {\n    values,\n    x,\n    y1,\n    y2,\n    styles,\n    classNames,\n    prefix,\n    suffix,\n    labelType,\n    showGridLines,\n    precision = 2,\n    leftLabel = false,\n    locale = 'en',\n    padZeros = false,\n  } = props;\n  if (!values && !showGridLines) return null;\n  return (\n    <>\n      {x.map((d, i) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n        <g key={i}>\n          {showGridLines ? (\n            <line\n              x1={d}\n              x2={d}\n              y1={y1}\n              y2={y2}\n              className={cn(\n                'undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550',\n                classNames?.gridLines,\n              )}\n              style={styles?.gridLines}\n            />\n          ) : null}\n          {values ? (\n            <text\n              x={d}\n              y={labelType === 'primary' ? y2 : y1}\n              dy={labelType === 'primary' ? '1em' : '0.75em'}\n              dx={labelType === 'primary' ? 0 : d < 0 || leftLabel ? -3 : 3}\n              style={{\n                textAnchor:\n                  labelType === 'primary' ? 'middle' : d < 0 || leftLabel ? 'end' : 'start',\n                ...(styles?.labels || {}),\n              }}\n              className={cn(\n                labelType === 'primary'\n                  ? 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\n                  : 'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\n                classNames?.labels,\n              )}\n            >\n              {typeof values[i] === 'string'\n                ? values[i]\n                : numberFormattingFunction(\n                    values[i],\n                    undefined,\n                    precision,\n                    prefix,\n                    suffix,\n                    locale,\n                    padZeros,\n                  )}\n            </text>\n          ) : null}\n        </g>\n      ))}\n    </>\n  );\n}\n"],"mappings":"6LAqBA,SAAgB,EAAmB,EAAc,CAC/C,GAAM,CACJ,SACA,IACA,KACA,KACA,SACA,aACA,SACA,SACA,YACA,gBACA,YAAY,EACZ,YAAY,GACZ,SAAS,KACT,WAAW,IACT,EAEJ,MADI,CAAC,GAAU,CAAC,EAAsB,MAEpC,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAE,KAAK,EAAG,KAET,EAAA,EAAA,MAAC,IAAD,CAAA,SAAA,CACG,GACC,EAAA,EAAA,KAAC,OAAD,CACE,GAAI,EACJ,GAAI,EACA,KACA,KACJ,WAAA,EAAA,EAAA,IACE,sEACA,GAAY,SACd,EACA,MAAO,GAAQ,SAChB,CAAA,EACC,KACH,GACC,EAAA,EAAA,KAAC,OAAD,CACE,EAAG,EACH,EAAG,IAAc,UAAY,EAAK,EAClC,GAAI,IAAc,UAAY,MAAQ,SACtC,GAAI,IAAc,UAAY,EAAI,EAAI,GAAK,EAAY,GAAK,EAC5D,MAAO,CACL,WACE,IAAc,UAAY,SAAW,EAAI,GAAK,EAAY,MAAQ,QACpE,GAAI,GAAQ,QAAU,CAAC,CACzB,EACA,WAAA,EAAA,EAAA,IACE,IAAc,UACV,2DACA,2DACJ,GAAY,MACd,WAEC,OAAO,EAAO,IAAO,SAClB,EAAO,GACP,EAAA,EACE,EAAO,GACP,IAAA,GACA,EACA,EACA,EACA,EACA,CACF,CACA,CAAA,EACJ,IACH,CAAA,EA7CK,CA6CL,CACJ,CACD,CAAA,CAEN"}

package/dist/XTicksAndGridLines-B2XZgwzW.js

@@ -0,0 +1,31 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { t } from "./numberFormattingFunction-Cha8dhHc.js";
+import { cn as n } from "@undp/design-system-react/cn";
+//#region src/Components/Elements/Axes/XTicksAndGridLines.tsx
+var r = e();
+function i(e) {
+	let { values: i, x: a, y1: o, y2: s, styles: c, classNames: l, prefix: u, suffix: d, labelType: f, showGridLines: p, precision: m = 2, leftLabel: h = !1, locale: g = "en", padZeros: _ = !1 } = e;
+	return !i && !p ? null : /* @__PURE__ */ (0, r.jsx)(r.Fragment, { children: a.map((e, a) => /* @__PURE__ */ (0, r.jsxs)("g", { children: [p ? /* @__PURE__ */ (0, r.jsx)("line", {
+		x1: e,
+		x2: e,
+		y1: o,
+		y2: s,
+		className: n("undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550", l?.gridLines),
+		style: c?.gridLines
+	}) : null, i ? /* @__PURE__ */ (0, r.jsx)("text", {
+		x: e,
+		y: f === "primary" ? s : o,
+		dy: f === "primary" ? "1em" : "0.75em",
+		dx: f === "primary" ? 0 : e < 0 || h ? -3 : 3,
+		style: {
+			textAnchor: f === "primary" ? "middle" : e < 0 || h ? "end" : "start",
+			...c?.labels || {}
+		},
+		className: n(f === "primary" ? "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs" : "fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", l?.labels),
+		children: typeof i[a] == "string" ? i[a] : t(i[a], void 0, m, u, d, g, _)
+	}) : null] }, a)) });
+}
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=XTicksAndGridLines-B2XZgwzW.js.map

package/dist/XTicksAndGridLines-B2XZgwzW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XTicksAndGridLines-B2XZgwzW.js","names":[],"sources":["../src/Components/Elements/Axes/XTicksAndGridLines.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\n\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  values?: (number | string)[];\n  x: number[];\n  y2: number;\n  y1: number;\n  styles: { gridLines?: React.CSSProperties; labels?: React.CSSProperties };\n  classNames: { gridLines?: string; labels?: string };\n  prefix?: string;\n  suffix?: string;\n  labelType: 'primary' | 'secondary';\n  showGridLines: boolean;\n  leftLabel?: boolean;\n  precision?: number;\n  locale?: string;\n  padZeros?: boolean;\n}\n\nexport function XTicksAndGridLines(props: Props) {\n  const {\n    values,\n    x,\n    y1,\n    y2,\n    styles,\n    classNames,\n    prefix,\n    suffix,\n    labelType,\n    showGridLines,\n    precision = 2,\n    leftLabel = false,\n    locale = 'en',\n    padZeros = false,\n  } = props;\n  if (!values && !showGridLines) return null;\n  return (\n    <>\n      {x.map((d, i) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n        <g key={i}>\n          {showGridLines ? (\n            <line\n              x1={d}\n              x2={d}\n              y1={y1}\n              y2={y2}\n              className={cn(\n                'undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550',\n                classNames?.gridLines,\n              )}\n              style={styles?.gridLines}\n            />\n          ) : null}\n          {values ? (\n            <text\n              x={d}\n              y={labelType === 'primary' ? y2 : y1}\n              dy={labelType === 'primary' ? '1em' : '0.75em'}\n              dx={labelType === 'primary' ? 0 : d < 0 || leftLabel ? -3 : 3}\n              style={{\n                textAnchor:\n                  labelType === 'primary' ? 'middle' : d < 0 || leftLabel ? 'end' : 'start',\n                ...(styles?.labels || {}),\n              }}\n              className={cn(\n                labelType === 'primary'\n                  ? 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\n                  : 'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\n                classNames?.labels,\n              )}\n            >\n              {typeof values[i] === 'string'\n                ? values[i]\n                : numberFormattingFunction(\n                    values[i],\n                    undefined,\n                    precision,\n                    prefix,\n                    suffix,\n                    locale,\n                    padZeros,\n                  )}\n            </text>\n          ) : null}\n        </g>\n      ))}\n    </>\n  );\n}\n"],"mappings":";;;;;AAqBA,SAAgB,EAAmB,GAAc;CAC/C,IAAM,EACJ,WACA,MACA,OACA,OACA,WACA,eACA,WACA,WACA,cACA,kBACA,eAAY,GACZ,eAAY,IACZ,YAAS,MACT,cAAW,OACT;CAEJ,OADI,CAAC,KAAU,CAAC,IAAsB,OAEpC,iBAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UACG,EAAE,KAAK,GAAG,MAET,iBAAA,GAAA,EAAA,MAAC,KAAD,EAAA,UAAA,CACG,IACC,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,IAAI;EACJ,IAAI;EACA;EACA;EACJ,WAAW,EACT,uEACA,GAAY,SACd;EACA,OAAO,GAAQ;CAChB,CAAA,IACC,MACH,IACC,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,GAAG;EACH,GAAG,MAAc,YAAY,IAAK;EAClC,IAAI,MAAc,YAAY,QAAQ;EACtC,IAAI,MAAc,YAAY,IAAI,IAAI,KAAK,IAAY,KAAK;EAC5D,OAAO;GACL,YACE,MAAc,YAAY,WAAW,IAAI,KAAK,IAAY,QAAQ;GACpE,GAAI,GAAQ,UAAU,CAAC;EACzB;EACA,WAAW,EACT,MAAc,YACV,6DACA,4DACJ,GAAY,MACd;YAEC,OAAO,EAAO,MAAO,WAClB,EAAO,KACP,EACE,EAAO,IACP,KAAA,GACA,GACA,GACA,GACA,GACA,CACF;CACA,CAAA,IACJ,IACH,EAAA,GA7CK,CA6CL,CACJ,EACD,CAAA;AAEN"}

package/dist/YAxesLabels-DKRDxuHA.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./proxy-DaRMphjR.cjs`);let n=require(`@undp/design-system-react/cn`);var r=e.t();function i(e){let{value:i,y:a,x:o,style:s,className:c,width:l,height:u,alignment:d=`right`,animate:f,isInView:p}=e;return(0,r.jsx)(t.t.g,{variants:{initial:{y:a,x:o},whileInView:{y:a,x:o,transition:{duration:f.duration}}},initial:`initial`,animate:p?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:f.duration}},children:(0,r.jsx)(`foreignObject`,{y:0,x:0,width:l,height:u,children:(0,r.jsx)(`div`,{className:`flex flex-col justify-center h-full`,children:(0,r.jsx)(`p`,{className:(0,n.cn)(`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none`,`text-${d}`,c),style:{...s},children:i})})})},o)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=YAxesLabels-DKRDxuHA.cjs.map

package/dist/YAxesLabels-DKRDxuHA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YAxesLabels-DKRDxuHA.cjs","names":[],"sources":["../src/Components/Elements/Axes/YAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { motion } from 'motion/react';\n\nimport type { AnimateDataType } from '@/Types';\n\ninterface Props {\n  value: number | string;\n  y: number;\n  x: number;\n  width: number;\n  height: number;\n  style?: React.CSSProperties;\n  className?: string;\n  alignment?: 'left' | 'right' | 'center';\n  animate: AnimateDataType;\n  isInView: boolean;\n}\n\nexport function YAxesLabels(props: Props) {\n  const {\n    value,\n    y,\n    x,\n    style,\n    className,\n    width,\n    height,\n    alignment = 'right',\n    animate,\n    isInView,\n  } = props;\n  return (\n    <motion.g\n      key={x}\n      variants={{\n        initial: {\n          y,\n          x,\n        },\n        whileInView: {\n          y,\n          x,\n          transition: { duration: animate.duration },\n        },\n      }}\n      initial='initial'\n      animate={isInView ? 'whileInView' : 'initial'}\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n    >\n      <foreignObject y={0} x={0} width={width} height={height}>\n        <div className='flex flex-col justify-center h-full'>\n          <p\n            className={cn(\n              'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none',\n              `text-${alignment}`,\n              className,\n            )}\n            style={{\n              ...style,\n            }}\n          >\n            {value}\n          </p>\n        </div>\n      </foreignObject>\n    </motion.g>\n  );\n}\n"],"mappings":"0KAkBA,SAAgB,EAAY,EAAc,CACxC,GAAM,CACJ,QACA,IACA,IACA,QACA,YACA,QACA,SACA,YAAY,QACZ,UACA,YACE,EACJ,OACE,EAAA,EAAA,KAAC,EAAA,EAAO,EAAR,CAEE,SAAU,CACR,QAAS,CACP,IACA,GACF,EACA,YAAa,CACX,IACA,IACA,WAAY,CAAE,SAAU,EAAQ,QAAS,CAC3C,CACF,EACA,QAAQ,UACR,QAAS,EAAW,cAAgB,UACpC,KAAM,CAAE,QAAS,EAAG,WAAY,CAAE,SAAU,EAAQ,QAAS,CAAE,YAE/D,EAAA,EAAA,KAAC,gBAAD,CAAe,EAAG,EAAG,EAAG,EAAU,QAAe,mBAC/C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gDACb,EAAA,EAAA,KAAC,IAAD,CACE,WAAA,EAAA,EAAA,IACE,wFACA,QAAQ,IACR,CACF,EACA,MAAO,CACL,GAAG,CACL,WAEC,CACA,CAAA,CACA,CAAA,CACQ,CAAA,CACP,EAhCH,CAgCG,CAEd"}

package/dist/YAxesLabels-voV_CThY.js

@@ -0,0 +1,45 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { t } from "./proxy-BiRrIImK.js";
+import { cn as n } from "@undp/design-system-react/cn";
+//#region src/Components/Elements/Axes/YAxesLabels.tsx
+var r = e();
+function i(e) {
+	let { value: i, y: a, x: o, style: s, className: c, width: l, height: u, alignment: d = "right", animate: f, isInView: p } = e;
+	return /* @__PURE__ */ (0, r.jsx)(t.g, {
+		variants: {
+			initial: {
+				y: a,
+				x: o
+			},
+			whileInView: {
+				y: a,
+				x: o,
+				transition: { duration: f.duration }
+			}
+		},
+		initial: "initial",
+		animate: p ? "whileInView" : "initial",
+		exit: {
+			opacity: 0,
+			transition: { duration: f.duration }
+		},
+		children: /* @__PURE__ */ (0, r.jsx)("foreignObject", {
+			y: 0,
+			x: 0,
+			width: l,
+			height: u,
+			children: /* @__PURE__ */ (0, r.jsx)("div", {
+				className: "flex flex-col justify-center h-full",
+				children: /* @__PURE__ */ (0, r.jsx)("p", {
+					className: n("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none", `text-${d}`, c),
+					style: { ...s },
+					children: i
+				})
+			})
+		})
+	}, o);
+}
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=YAxesLabels-voV_CThY.js.map

package/dist/YAxesLabels-voV_CThY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YAxesLabels-voV_CThY.js","names":[],"sources":["../src/Components/Elements/Axes/YAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { motion } from 'motion/react';\n\nimport type { AnimateDataType } from '@/Types';\n\ninterface Props {\n  value: number | string;\n  y: number;\n  x: number;\n  width: number;\n  height: number;\n  style?: React.CSSProperties;\n  className?: string;\n  alignment?: 'left' | 'right' | 'center';\n  animate: AnimateDataType;\n  isInView: boolean;\n}\n\nexport function YAxesLabels(props: Props) {\n  const {\n    value,\n    y,\n    x,\n    style,\n    className,\n    width,\n    height,\n    alignment = 'right',\n    animate,\n    isInView,\n  } = props;\n  return (\n    <motion.g\n      key={x}\n      variants={{\n        initial: {\n          y,\n          x,\n        },\n        whileInView: {\n          y,\n          x,\n          transition: { duration: animate.duration },\n        },\n      }}\n      initial='initial'\n      animate={isInView ? 'whileInView' : 'initial'}\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n    >\n      <foreignObject y={0} x={0} width={width} height={height}>\n        <div className='flex flex-col justify-center h-full'>\n          <p\n            className={cn(\n              'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none',\n              `text-${alignment}`,\n              className,\n            )}\n            style={{\n              ...style,\n            }}\n          >\n            {value}\n          </p>\n        </div>\n      </foreignObject>\n    </motion.g>\n  );\n}\n"],"mappings":";;;;;AAkBA,SAAgB,EAAY,GAAc;CACxC,IAAM,EACJ,UACA,MACA,MACA,UACA,cACA,UACA,WACA,eAAY,SACZ,YACA,gBACE;CACJ,OACE,iBAAA,GAAA,EAAA,KAAC,EAAO,GAAR;EAEE,UAAU;GACR,SAAS;IACP;IACA;GACF;GACA,aAAa;IACX;IACA;IACA,YAAY,EAAE,UAAU,EAAQ,SAAS;GAC3C;EACF;EACA,SAAQ;EACR,SAAS,IAAW,gBAAgB;EACpC,MAAM;GAAE,SAAS;GAAG,YAAY,EAAE,UAAU,EAAQ,SAAS;EAAE;YAE/D,iBAAA,GAAA,EAAA,KAAC,iBAAD;GAAe,GAAG;GAAG,GAAG;GAAU;GAAe;aAC/C,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,EAAA,KAAC,KAAD;KACE,WAAW,EACT,yFACA,QAAQ,KACR,CACF;KACA,OAAO,EACL,GAAG,EACL;eAEC;IACA,CAAA;GACA,CAAA;EACQ,CAAA;CACP,GAhCH,CAgCG;AAEd"}

package/dist/YTicksAndGridLines-CRW_R845.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./numberFormattingFunction-Caf5NyIo.cjs`);let n=require(`@undp/design-system-react/cn`);var r=e.t();function i(e){let{values:i,y:a,x1:o,x2:s,styles:c,classNames:l,prefix:u,suffix:d,labelType:f,showGridLines:p,labelPos:m=`vertical`,precision:h=2,locale:g=`en`,padZeros:_=!1}=e;return!i&&!p?null:(0,r.jsx)(r.Fragment,{children:a.map((e,a)=>(0,r.jsxs)(`g`,{children:[p?(0,r.jsx)(`line`,{x1:o,x2:s,y1:e,y2:e,className:(0,n.cn)(`undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550`,l?.gridLines),style:c?.gridLines}):null,i?(0,r.jsx)(`text`,{x:o,y:e,dy:m===`side`?`0.33em`:i[a]<0?`1em`:-5,dx:m===`side`?-4:0,style:{textAnchor:m===`side`?`end`:`start`,...c?.labels||{}},className:(0,n.cn)(f===`primary`?`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs`:`fill-primary-gray-550 dark:fill-primary-gray-500 text-xs`,l?.labels),children:t.t(i[a],void 0,h,u,d,g,_)}):null]},a))})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=YTicksAndGridLines-CRW_R845.cjs.map

package/dist/YTicksAndGridLines-CRW_R845.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YTicksAndGridLines-CRW_R845.cjs","names":[],"sources":["../src/Components/Elements/Axes/YTicksAndGridLines.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\n\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  values?: number[];\n  y: number[];\n  x1: number;\n  x2: number;\n  styles: { gridLines?: React.CSSProperties; labels?: React.CSSProperties };\n  classNames: { gridLines?: string; labels?: string };\n  prefix?: string;\n  suffix?: string;\n  labelType: 'primary' | 'secondary';\n  showGridLines: boolean;\n  labelPos: 'side' | 'vertical';\n  precision?: number;\n  locale?: string;\n  padZeros?: boolean;\n}\n\nexport function YTicksAndGridLines(props: Props) {\n  const {\n    values,\n    y,\n    x1,\n    x2,\n    styles,\n    classNames,\n    prefix,\n    suffix,\n    labelType,\n    showGridLines,\n    labelPos = 'vertical',\n    precision = 2,\n    locale = 'en',\n    padZeros = false,\n  } = props;\n  if (!values && !showGridLines) return null;\n  return (\n    <>\n      {y.map((d, i) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n        <g key={i}>\n          {showGridLines ? (\n            <line\n              x1={x1}\n              x2={x2}\n              y1={d}\n              y2={d}\n              className={cn(\n                'undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550',\n                classNames?.gridLines,\n              )}\n              style={styles?.gridLines}\n            />\n          ) : null}\n          {values ? (\n            <text\n              x={x1}\n              y={d}\n              dy={labelPos === 'side' ? '0.33em' : values[i] < 0 ? '1em' : -5}\n              dx={labelPos === 'side' ? -4 : 0}\n              style={{\n                textAnchor: labelPos === 'side' ? 'end' : 'start',\n                ...(styles?.labels || {}),\n              }}\n              className={cn(\n                labelType === 'primary'\n                  ? 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\n                  : 'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\n                classNames?.labels,\n              )}\n            >\n              {numberFormattingFunction(\n                values[i],\n                undefined,\n                precision,\n                prefix,\n                suffix,\n                locale,\n                padZeros,\n              )}\n            </text>\n          ) : null}\n        </g>\n      ))}\n    </>\n  );\n}\n"],"mappings":"6LAqBA,SAAgB,EAAmB,EAAc,CAC/C,GAAM,CACJ,SACA,IACA,KACA,KACA,SACA,aACA,SACA,SACA,YACA,gBACA,WAAW,WACX,YAAY,EACZ,SAAS,KACT,WAAW,IACT,EAEJ,MADI,CAAC,GAAU,CAAC,EAAsB,MAEpC,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAE,KAAK,EAAG,KAET,EAAA,EAAA,MAAC,IAAD,CAAA,SAAA,CACG,GACC,EAAA,EAAA,KAAC,OAAD,CACM,KACA,KACJ,GAAI,EACJ,GAAI,EACJ,WAAA,EAAA,EAAA,IACE,sEACA,GAAY,SACd,EACA,MAAO,GAAQ,SAChB,CAAA,EACC,KACH,GACC,EAAA,EAAA,KAAC,OAAD,CACE,EAAG,EACH,EAAG,EACH,GAAI,IAAa,OAAS,SAAW,EAAO,GAAK,EAAI,MAAQ,GAC7D,GAAI,IAAa,OAAS,GAAK,EAC/B,MAAO,CACL,WAAY,IAAa,OAAS,MAAQ,QAC1C,GAAI,GAAQ,QAAU,CAAC,CACzB,EACA,WAAA,EAAA,EAAA,IACE,IAAc,UACV,2DACA,2DACJ,GAAY,MACd,WAEC,EAAA,EACC,EAAO,GACP,IAAA,GACA,EACA,EACA,EACA,EACA,CACF,CACI,CAAA,EACJ,IACH,CAAA,EA1CK,CA0CL,CACJ,CACD,CAAA,CAEN"}