@undp/data-viz 1.5.8 → 2.0.0

package/dist/DataCards.js

@@ -1,626 +1,533 @@
-import { a as l, m, b as ye, j as i } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import $, { useState as w, useEffect as I, useMemo as Q } from "react";
-import { i as ge } from "./index-V_JXij1_.js";
-import { f as L } from "./index-EArKRVKg.js";
-import { Z as W, H as Z } from "./DropdownSelect-CtOKZHD0.js";
-import { u as X } from "./Typography-Ctgfl1J5.js";
-import { k as P } from "./x-BBpi7a_7-WVdj1j6r.js";
-import { d as he, e as xe } from "./index-BmCqpO1B.js";
-import { o as be } from "./index-DvVprvy6.js";
-import { X as ve } from "./Modal-DVVwpKhP.js";
-import { CsvDownloadButton as je } from "./CsvDownloadButton.js";
-import { s as J } from "./string2HTML-oFCROsus.js";
-import { GraphFooter as Ne } from "./GraphFooter.js";
-import { GraphHeader as we } from "./GraphHeader.js";
-import { g as ke } from "./getUniqValue-DiCh_MOD.js";
-import { t as Y } from "./transformDataForSelect-D8AuvYdf.js";
+import { _ as B, m as P, b as f, a as Xe, c as Fe, j as h } from "./index-CHPV5EwG-Curnpaqc.js";
+import X, { useState as G, useEffect as Ce, useRef as Ye, useEffectEvent as $e } from "react";
+import { i as Ze } from "./index-BuwmuDFJ.js";
+import { f as we } from "./index-EArKRVKg.js";
+import { j as ze, D as Ie } from "./DropdownSelect-BbdPQa2k.js";
+import { j as Pe } from "./Typography-PxtFcnJb.js";
+import { k as ye } from "./x-BBpi7a_7-WVdj1j6r.js";
+import { x as et, d as tt } from "./index-D491FEn1.js";
+import { o as at } from "./index-BZQYSqar.js";
+import { n as pe } from "./Source-DwTHB8fn.js";
+import { l as rt } from "./Modal-DGcuAHyK.js";
+import { CsvDownloadButton as lt } from "./CsvDownloadButton.js";
+import { s as Me } from "./string2HTML-DhG75NqA.js";
+import { GraphFooter as st } from "./GraphFooter.js";
+import { GraphHeader as it } from "./GraphHeader.js";
+import { g as ot } from "./getUniqValue-BKHCm3zE.js";
+import { t as Re } from "./transformDataForSelect-D8AuvYdf.js";
+import { G as nt } from "./GraphContainer-CRqzdKu2.js";
 /**
  * @license lucide-react v0.542.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ce = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Se = P("chevron-left", Ce);
+const ct = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], dt = ye("chevron-left", ct);
 /**
  * @license lucide-react v0.542.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ve = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
-  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-], $e = P("ellipsis", Ve);
+const mt = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], ut = ye("chevron-right", mt);
 /**
  * @license lucide-react v0.542.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const De = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ie = P("chevron-right", De);
-function re({ className: t, ...e }) {
-  return /* @__PURE__ */ l.jsx(
-    "nav",
-    {
-      ...e,
-      role: "navigation",
-      "aria-label": "pagination",
-      className: m("mx-auto flex w-full justify-center", t)
-    }
-  );
+const pt = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+], ft = ye("ellipsis", pt);
+function Ee(s) {
+  const e = B.c(8);
+  let t, a;
+  e[0] !== s ? ({
+    className: t,
+    ...a
+  } = s, e[0] = s, e[1] = t, e[2] = a) : (t = e[1], a = e[2]);
+  let l;
+  e[3] !== t ? (l = P("mx-auto flex w-full justify-center", t), e[3] = t, e[4] = l) : l = e[4];
+  let r;
+  return e[5] !== a || e[6] !== l ? (r = /* @__PURE__ */ f.jsx("nav", { ...a, role: "navigation", "aria-label": "pagination", className: l }), e[5] = a, e[6] = l, e[7] = r) : r = e[7], r;
 }
-re.displayName = "PaginationUnit";
-const te = $.forwardRef(
-  ({ className: t, ...e }, s) => /* @__PURE__ */ l.jsx(
-    "ul",
-    {
-      ...e,
-      ref: s,
-      className: m("flex flex-row items-center gap-1 list-none", t)
-    }
-  )
-);
-te.displayName = "PaginationContent";
-const z = $.forwardRef(
-  ({ className: t, ...e }, s) => /* @__PURE__ */ l.jsx("li", { ...e, ref: s, className: m("mr-2 last:mr-0", t) })
-);
-z.displayName = "PaginationItem";
-function B({
-  className: t,
-  children: e,
-  ...s
-}) {
-  return /* @__PURE__ */ l.jsx(
-    "button",
-    {
-      ...s,
-      type: "button",
-      className: m(
-        "p-4 text-base text-primary-black dark:text-primary-gray-100 dark:hover:bg-primary-gray-600",
-        t
-      ),
-      children: e
-    }
-  );
+Ee.displayName = "PaginationUnit";
+const Te = X.forwardRef((s, e) => {
+  const t = B.c(9);
+  let a, l;
+  t[0] !== s ? ({
+    className: a,
+    ...l
+  } = s, t[0] = s, t[1] = a, t[2] = l) : (a = t[1], l = t[2]);
+  let r;
+  t[3] !== a ? (r = P("flex flex-row items-center gap-1 list-none", a), t[3] = a, t[4] = r) : r = t[4];
+  let i;
+  return t[5] !== l || t[6] !== e || t[7] !== r ? (i = /* @__PURE__ */ f.jsx("ul", { ...l, ref: e, className: r }), t[5] = l, t[6] = e, t[7] = r, t[8] = i) : i = t[8], i;
+});
+Te.displayName = "PaginationContent";
+const fe = X.forwardRef((s, e) => {
+  const t = B.c(9);
+  let a, l;
+  t[0] !== s ? ({
+    className: a,
+    ...l
+  } = s, t[0] = s, t[1] = a, t[2] = l) : (a = t[1], l = t[2]);
+  let r;
+  t[3] !== a ? (r = P("mr-2 last:mr-0", a), t[3] = a, t[4] = r) : r = t[4];
+  let i;
+  return t[5] !== l || t[6] !== e || t[7] !== r ? (i = /* @__PURE__ */ f.jsx("li", { ...l, ref: e, className: r }), t[5] = l, t[6] = e, t[7] = r, t[8] = i) : i = t[8], i;
+});
+fe.displayName = "PaginationItem";
+function he(s) {
+  const e = B.c(10);
+  let t, a, l;
+  e[0] !== s ? ({
+    className: a,
+    children: t,
+    ...l
+  } = s, e[0] = s, e[1] = t, e[2] = a, e[3] = l) : (t = e[1], a = e[2], l = e[3]);
+  let r;
+  e[4] !== a ? (r = P("p-4 text-base text-primary-black dark:text-primary-gray-100 dark:hover:bg-primary-gray-600", a), e[4] = a, e[5] = r) : r = e[5];
+  let i;
+  return e[6] !== t || e[7] !== l || e[8] !== r ? (i = /* @__PURE__ */ f.jsx("button", { ...l, type: "button", className: r, children: t }), e[6] = t, e[7] = l, e[8] = r, e[9] = i) : i = e[9], i;
 }
-B.displayName = "PaginationLink";
-function le({ className: t, ...e }) {
-  return /* @__PURE__ */ l.jsx(
-    B,
-    {
-      ...e,
-      "aria-label": "Go to previous page",
-      className: m(
-        "p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550",
-        t
-      ),
-      children: /* @__PURE__ */ l.jsx(Se, { className: "h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100" })
-    }
-  );
+he.displayName = "PaginationLink";
+function Ge(s) {
+  const e = B.c(9);
+  let t, a;
+  e[0] !== s ? ({
+    className: t,
+    ...a
+  } = s, e[0] = s, e[1] = t, e[2] = a) : (t = e[1], a = e[2]);
+  let l;
+  e[3] !== t ? (l = P("p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550", t), e[3] = t, e[4] = l) : l = e[4];
+  let r;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f.jsx(dt, { className: "h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100" }), e[5] = r) : r = e[5];
+  let i;
+  return e[6] !== a || e[7] !== l ? (i = /* @__PURE__ */ f.jsx(he, { ...a, "aria-label": "Go to previous page", className: l, children: r }), e[6] = a, e[7] = l, e[8] = i) : i = e[8], i;
 }
-le.displayName = "PaginationPrevious";
-function se({ className: t, ...e }) {
-  return /* @__PURE__ */ l.jsx(
-    B,
-    {
-      ...e,
-      "aria-label": "Go to next page",
-      className: m(
-        "p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550",
-        t
-      ),
-      children: /* @__PURE__ */ l.jsx(Ie, { className: "h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100" })
-    }
-  );
+Ge.displayName = "PaginationPrevious";
+function Le(s) {
+  const e = B.c(9);
+  let t, a;
+  e[0] !== s ? ({
+    className: t,
+    ...a
+  } = s, e[0] = s, e[1] = t, e[2] = a) : (t = e[1], a = e[2]);
+  let l;
+  e[3] !== t ? (l = P("p-2 bg-primary-gray-300 dark:bg-primary-gray-600 rtl:scale-x-[-1] rounded-full hover:bg-primary-gray-400 dark:hover:bg-primary-gray-550", t), e[3] = t, e[4] = l) : l = e[4];
+  let r;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f.jsx(ut, { className: "h-6 w-6 stroke-primary-gray-700 dark:stroke-primary-gray-100" }), e[5] = r) : r = e[5];
+  let i;
+  return e[6] !== a || e[7] !== l ? (i = /* @__PURE__ */ f.jsx(he, { ...a, "aria-label": "Go to next page", className: l, children: r }), e[6] = a, e[7] = l, e[8] = i) : i = e[8], i;
 }
-se.displayName = "PaginationNext";
-function ie({ className: t, ...e }) {
-  return /* @__PURE__ */ l.jsxs(
-    "span",
-    {
-      ...e,
-      "aria-hidden": !0,
-      className: m("flex h-9 w-9 items-center justify-center", t),
-      children: [
-        /* @__PURE__ */ l.jsx($e, { className: "h-4 w-4 text-primary-gray-700 dark:text-primary-gray-100" }),
-        /* @__PURE__ */ l.jsx("span", { className: "sr-only", children: "More pages" })
-      ]
-    }
-  );
+Le.displayName = "PaginationNext";
+function Ae(s) {
+  const e = B.c(10);
+  let t, a;
+  e[0] !== s ? ({
+    className: t,
+    ...a
+  } = s, e[0] = s, e[1] = t, e[2] = a) : (t = e[1], a = e[2]);
+  let l;
+  e[3] !== t ? (l = P("flex h-9 w-9 items-center justify-center", t), e[3] = t, e[4] = l) : l = e[4];
+  let r, i;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f.jsx(ft, { className: "h-4 w-4 text-primary-gray-700 dark:text-primary-gray-100" }), i = /* @__PURE__ */ f.jsx("span", { className: "sr-only", children: "More pages" }), e[5] = r, e[6] = i) : (r = e[5], i = e[6]);
+  let o;
+  return e[7] !== a || e[8] !== l ? (o = /* @__PURE__ */ f.jsxs("span", { ...a, "aria-hidden": !0, className: l, children: [
+    r,
+    i
+  ] }), e[7] = a, e[8] = l, e[9] = o) : o = e[9], o;
 }
-ie.displayName = "PaginationEllipsis";
-const ee = (t, e) => {
-  const s = [];
-  return e <= 7 ? Array.from({ length: e }, (n, c) => c + 1) : (s.push(1), t <= 3 ? s.push(2, 3, 4, "ellipsis") : t >= e - 2 ? s.push("ellipsis", e - 3, e - 2, e - 1) : s.push("ellipsis", t - 1, t, t + 1, "ellipsis"), s.push(e), s);
+Ae.displayName = "PaginationEllipsis";
+const Oe = (s, e) => {
+  const t = [];
+  return e <= 7 ? Array.from({
+    length: e
+  }, (a, l) => l + 1) : (t.push(1), s <= 3 ? t.push(2, 3, 4, "ellipsis") : s >= e - 2 ? t.push("ellipsis", e - 3, e - 2, e - 1) : t.push("ellipsis", s - 1, s, s + 1, "ellipsis"), t.push(e), t);
 };
-function ze(t) {
-  const { defaultPage: e = 1, total: s, pageSize: n, onChange: c, className: p } = t, u = Math.ceil(s / n), [d, o] = w(e), [h, f] = w(
-    ee(e, u)
-  );
-  return I(() => {
-    f(ee(d, u));
-  }, [d, u]), /* @__PURE__ */ l.jsx(re, { className: m("select-none", p), children: /* @__PURE__ */ l.jsxs(te, { children: [
-    /* @__PURE__ */ l.jsx(z, { children: /* @__PURE__ */ l.jsx(
-      le,
-      {
-        onClick: () => {
-          d > 1 && (c(d - 1), o(d - 1));
-        },
-        className: m(
-          "cursor-pointer",
-          d <= 1 && "cursor-not-allowed pointer-events-none opacity-35"
-        )
-      }
-    ) }),
-    h.map((g, v) => /* @__PURE__ */ l.jsx(z, { children: g === "ellipsis" ? /* @__PURE__ */ l.jsx(ie, {}) : /* @__PURE__ */ l.jsx(
-      B,
-      {
-        onClick: () => {
-          o(g), c(g);
-        },
-        className: m(
-          "cursor-pointer w-[32px] h-[32px] flex items-center justify-center rounded-full hover:bg-primary-gray-300",
-          g === d && "bg-primary-blue-600 hover:bg-primary-blue-700 dark:bg-primary-blue-500 dark:hover:bg-primary-blue-400 hover:text-primary-wite text-primary-white"
-        ),
-        children: g
-      }
-    ) }, v)),
-    /* @__PURE__ */ l.jsx(z, { children: /* @__PURE__ */ l.jsx(
-      se,
-      {
-        onClick: () => {
-          d < u && (c(d + 1), o(d + 1));
-        },
-        className: m(
-          "cursor-pointer",
-          d >= u && "cursor-not-allowed pointer-events-none opacity-35"
-        )
-      }
-    ) })
-  ] }) });
+function yt(s) {
+  const e = B.c(49), {
+    defaultPage: t,
+    total: a,
+    pageSize: l,
+    onChange: r,
+    className: i,
+    classNames: o
+  } = s, g = t === void 0 ? 1 : t, d = Math.ceil(a / l), [n, V] = G(g);
+  let S;
+  e[0] !== g || e[1] !== d ? (S = Oe(g, d), e[0] = g, e[1] = d, e[2] = S) : S = e[2];
+  const [j, z] = G(S);
+  let N, $;
+  e[3] !== n || e[4] !== d ? (N = () => {
+    z(Oe(n, d));
+  }, $ = [n, d], e[3] = n, e[4] = d, e[5] = N, e[6] = $) : (N = e[5], $ = e[6]), Ce(N, $);
+  const c = o?.control;
+  let v;
+  e[7] !== i || e[8] !== c ? (v = P("select-none", i, c), e[7] = i, e[8] = c, e[9] = v) : v = e[9];
+  let D;
+  e[10] !== n || e[11] !== r ? (D = () => {
+    n > 1 && (r(n - 1), V(n - 1));
+  }, e[10] = n, e[11] = r, e[12] = D) : D = e[12];
+  const I = o?.navigation, k = n <= 1 && "cursor-not-allowed pointer-events-none opacity-35";
+  let b;
+  e[13] !== I || e[14] !== k ? (b = P("cursor-pointer", I, k), e[13] = I, e[14] = k, e[15] = b) : b = e[15];
+  let w;
+  e[16] !== D || e[17] !== b ? (w = /* @__PURE__ */ f.jsx(fe, { children: /* @__PURE__ */ f.jsx(Ge, { onClick: D, className: b }) }), e[16] = D, e[17] = b, e[18] = w) : w = e[18];
+  let y;
+  if (e[19] !== o?.active || e[20] !== o?.ellipsis || e[21] !== o?.list || e[22] !== n || e[23] !== r || e[24] !== j) {
+    let R;
+    e[26] !== o?.active || e[27] !== o?.ellipsis || e[28] !== o?.list || e[29] !== n || e[30] !== r ? (R = (M, E) => /* @__PURE__ */ f.jsx(fe, { children: M === "ellipsis" ? /* @__PURE__ */ f.jsx(Ae, { className: o?.ellipsis }) : /* @__PURE__ */ f.jsx(he, { onClick: () => {
+      V(M), r(M);
+    }, className: P("cursor-pointer w-[32px] h-[32px] flex items-center justify-center rounded-full hover:bg-primary-gray-300", o?.list, M === n && ["bg-primary-blue-600 hover:bg-primary-blue-700 dark:bg-primary-blue-500 dark:hover:bg-primary-blue-400 hover:text-primary-white text-primary-white", o?.active]), children: M }) }, E), e[26] = o?.active, e[27] = o?.ellipsis, e[28] = o?.list, e[29] = n, e[30] = r, e[31] = R) : R = e[31], y = j.map(R), e[19] = o?.active, e[20] = o?.ellipsis, e[21] = o?.list, e[22] = n, e[23] = r, e[24] = j, e[25] = y;
+  } else
+    y = e[25];
+  let C;
+  e[32] !== n || e[33] !== r || e[34] !== d ? (C = () => {
+    n < d && (r(n + 1), V(n + 1));
+  }, e[32] = n, e[33] = r, e[34] = d, e[35] = C) : C = e[35];
+  const u = o?.navigation, p = n >= d && "cursor-not-allowed pointer-events-none opacity-35";
+  let x;
+  e[36] !== u || e[37] !== p ? (x = P("cursor-pointer", u, p), e[36] = u, e[37] = p, e[38] = x) : x = e[38];
+  let _;
+  e[39] !== C || e[40] !== x ? (_ = /* @__PURE__ */ f.jsx(fe, { children: /* @__PURE__ */ f.jsx(Le, { onClick: C, className: x }) }), e[39] = C, e[40] = x, e[41] = _) : _ = e[41];
+  let O;
+  e[42] !== w || e[43] !== y || e[44] !== _ ? (O = /* @__PURE__ */ f.jsxs(Te, { children: [
+    w,
+    y,
+    _
+  ] }), e[42] = w, e[43] = y, e[44] = _, e[45] = O) : O = e[45];
+  let F;
+  return e[46] !== O || e[47] !== v ? (F = /* @__PURE__ */ f.jsx(Ee, { className: v, children: O }), e[46] = O, e[47] = v, e[48] = F) : F = e[48], F;
 }
-const Pe = ye(
-  "w-full h-auto bg-primary-white dark:bg-primary-gray-650 text-primary-black dark:text-primary-white text-base transition-colors file:border-0 file:bg-transparent file:font-medium file:text-primary-gray-700 dark:file:text-primary-white focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-primary-gray-550 dark:placeholder:text-primary-gray-400",
-  {
-    variants: {
-      variant: {
-        light: "border border-primary-gray-400 dark:border-primary-gray-500",
-        normal: "border-2 border-primary-black dark:border-primary-gray-300"
-      },
-      inputSize: {
-        sm: "px-2.5 py-1",
-        base: "p-2.5"
-      }
+const ht = Xe("w-full h-auto bg-primary-white dark:bg-primary-gray-650 text-primary-black dark:text-primary-white text-base transition-colors file:border-0 file:bg-transparent file:font-medium file:text-primary-gray-700 dark:file:text-primary-white focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-primary-gray-550 dark:placeholder:text-primary-gray-400", {
+  variants: {
+    variant: {
+      light: "border border-primary-gray-400 dark:border-primary-gray-500",
+      normal: "border-2 border-primary-black dark:border-primary-gray-300"
     },
-    defaultVariants: {
-      inputSize: "base",
-      variant: "normal"
+    inputSize: {
+      sm: "px-2.5 py-1",
+      base: "p-2.5"
     }
+  },
+  defaultVariants: {
+    inputSize: "base",
+    variant: "normal"
   }
-), ne = $.forwardRef(({ className: t, inputSize: e, variant: s, ...n }, c) => /* @__PURE__ */ l.jsx("input", { ...n, ref: c, className: m(Pe({ inputSize: e, variant: s }), t) }));
-ne.displayName = "Input";
+}), He = X.forwardRef((s, e) => {
+  const t = B.c(13);
+  let a, l, r, i;
+  t[0] !== s ? ({
+    className: a,
+    inputSize: l,
+    variant: i,
+    ...r
+  } = s, t[0] = s, t[1] = a, t[2] = l, t[3] = r, t[4] = i) : (a = t[1], l = t[2], r = t[3], i = t[4]);
+  let o;
+  t[5] !== a || t[6] !== l || t[7] !== i ? (o = P(ht({
+    inputSize: l,
+    variant: i
+  }), a), t[5] = a, t[6] = l, t[7] = i, t[8] = o) : o = t[8];
+  let g;
+  return t[9] !== r || t[10] !== e || t[11] !== o ? (g = /* @__PURE__ */ f.jsx("input", { ...r, ref: e, className: o }), t[9] = r, t[10] = e, t[11] = o, t[12] = g) : g = t[12], g;
+});
+He.displayName = "Input";
 /**
  * @license lucide-react v0.542.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Be = [
+const gt = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], ae = P("search", Be), oe = $.forwardRef(
-  ({
-    className: t,
-    inputClassName: e,
-    buttonClassName: s,
+], Be = ye("search", gt), Ke = X.forwardRef((s, e) => {
+  const t = B.c(51);
+  let a, l, r, i, o, g, d, n, V, S, j, z;
+  t[0] !== s ? ({
+    className: i,
+    inputClassName: o,
+    buttonClassName: l,
     onSearch: n,
-    searchOnlyOnClick: c,
-    buttonVariant: p,
-    buttonChildren: u,
-    showSearchButton: d,
-    inputVariant: o,
-    inputSize: h,
-    placeholder: f,
-    ...g
-  }, v) => {
-    const [x, b] = $.useState(void 0), [j, a] = $.useState(!1);
-    return /* @__PURE__ */ l.jsxs("div", { className: m("flex gap-0", t), ref: v, children: [
-      /* @__PURE__ */ l.jsxs("div", { className: "relative w-full", children: [
-        /* @__PURE__ */ l.jsx(
-          ne,
-          {
-            ...g,
-            variant: o,
-            type: "text",
-            className: e,
-            onChange: (y) => {
-              b(y.target.value), c || n?.(y.target.value);
-            },
-            inputSize: h,
-            onKeyDown: (y) => {
-              y.key === "Enter" && n?.(x);
-            },
-            onFocus: () => a(!0),
-            onBlur: () => a(!1)
-          }
-        ),
-        !j && (x === "" || !x) && /* @__PURE__ */ l.jsxs("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: [
-          u ? null : /* @__PURE__ */ l.jsx(ae, { className: "h-4 w-4 text-primary-gray-500 dark:text-primary-gray-400 mr-2" }),
-          /* @__PURE__ */ l.jsx("span", { className: "text-primary-gray-500 dark:text-primary-gray-400", children: f || "Search..." })
-        ] })
-      ] }),
-      d === !1 ? null : /* @__PURE__ */ l.jsx(
-        he,
-        {
-          variant: p || "icon",
-          className: s,
-          padding: h,
-          onClick: () => {
-            n?.(x);
-          },
-          children: u || /* @__PURE__ */ l.jsx(ae, { className: "stroke-2" })
-        }
-      )
-    ] });
-  }
-);
-oe.displayName = "Search";
-const Oe = (t) => t ? Object.entries(t).map(([s, n]) => Array.isArray(n) ? {
-  " ": s,
-  value: `"${n.join("; ")}"`
+    searchOnlyOnClick: j,
+    buttonVariant: r,
+    buttonChildren: a,
+    showSearchButton: z,
+    inputVariant: d,
+    inputSize: g,
+    placeholder: V,
+    ...S
+  } = s, t[0] = s, t[1] = a, t[2] = l, t[3] = r, t[4] = i, t[5] = o, t[6] = g, t[7] = d, t[8] = n, t[9] = V, t[10] = S, t[11] = j, t[12] = z) : (a = t[1], l = t[2], r = t[3], i = t[4], o = t[5], g = t[6], d = t[7], n = t[8], V = t[9], S = t[10], j = t[11], z = t[12]);
+  const [N, $] = X.useState(void 0), [c, v] = X.useState(!1);
+  let D;
+  t[13] !== i ? (D = P("flex gap-0", i), t[13] = i, t[14] = D) : D = t[14];
+  let I;
+  t[15] !== n || t[16] !== j ? (I = (_) => {
+    $(_.target.value), j || n?.(_.target.value);
+  }, t[15] = n, t[16] = j, t[17] = I) : I = t[17];
+  let k;
+  t[18] !== n || t[19] !== N ? (k = (_) => {
+    _.key === "Enter" && n?.(N);
+  }, t[18] = n, t[19] = N, t[20] = k) : k = t[20];
+  let b, w;
+  t[21] === Symbol.for("react.memo_cache_sentinel") ? (b = () => v(!0), w = () => v(!1), t[21] = b, t[22] = w) : (b = t[21], w = t[22]);
+  let y;
+  t[23] !== o || t[24] !== g || t[25] !== d || t[26] !== S || t[27] !== I || t[28] !== k ? (y = /* @__PURE__ */ f.jsx(He, { ...S, variant: d, type: "text", className: o, onChange: I, inputSize: g, onKeyDown: k, onFocus: b, onBlur: w }), t[23] = o, t[24] = g, t[25] = d, t[26] = S, t[27] = I, t[28] = k, t[29] = y) : y = t[29];
+  let C;
+  t[30] !== a || t[31] !== c || t[32] !== V || t[33] !== N ? (C = !c && (N === "" || !N) && /* @__PURE__ */ f.jsxs("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: [
+    a ? null : /* @__PURE__ */ f.jsx(Be, { className: "h-4 w-4 text-primary-gray-500 dark:text-primary-gray-400 mr-2" }),
+    /* @__PURE__ */ f.jsx("span", { className: "text-primary-gray-500 dark:text-primary-gray-400", children: V || "Search..." })
+  ] }), t[30] = a, t[31] = c, t[32] = V, t[33] = N, t[34] = C) : C = t[34];
+  let u;
+  t[35] !== y || t[36] !== C ? (u = /* @__PURE__ */ f.jsxs("div", { className: "relative w-full", children: [
+    y,
+    C
+  ] }), t[35] = y, t[36] = C, t[37] = u) : u = t[37];
+  let p;
+  t[38] !== a || t[39] !== l || t[40] !== r || t[41] !== g || t[42] !== n || t[43] !== N || t[44] !== z ? (p = z === !1 ? null : /* @__PURE__ */ f.jsx(et, { variant: r || "icon", className: l, padding: g, onClick: () => {
+    n?.(N);
+  }, children: a || /* @__PURE__ */ f.jsx(Be, { className: "stroke-2" }) }), t[38] = a, t[39] = l, t[40] = r, t[41] = g, t[42] = n, t[43] = N, t[44] = z, t[45] = p) : p = t[45];
+  let x;
+  return t[46] !== e || t[47] !== D || t[48] !== u || t[49] !== p ? (x = /* @__PURE__ */ f.jsxs("div", { className: D, ref: e, children: [
+    u,
+    p
+  ] }), t[46] = e, t[47] = D, t[48] = u, t[49] = p, t[50] = x) : x = t[50], x;
+});
+Ke.displayName = "Search";
+const xt = (s) => s ? Object.entries(s).map(([t, a]) => Array.isArray(a) ? {
+  " ": t,
+  value: `"${a.join("; ")}"`
 } : {
-  " ": s,
-  value: `"${n}"`
+  " ": t,
+  value: `"${a}"`
 }) : {};
-function Fe(t) {
-  const {
-    width: e,
-    height: s,
-    data: n,
-    onSeriesMouseClick: c,
-    cardTemplate: p,
-    cardBackgroundColor: u,
-    cardMinWidth: d = 320,
-    detailsOnClick: o,
-    noOfItemsInAPage: h,
-    styles: f,
-    classNames: g,
-    page: v,
-    allowDataDownloadOnDetail: x
-  } = t, [b, j] = w(void 0);
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(
-      "div",
-      {
-        className: "undp-scrollbar w-full my-0 mx-auto grid gap-4 undp-viz-data-cards-container",
-        style: {
-          width: e ? `${e}px` : "100%",
-          height: s ? `${s}px` : "auto",
-          gridTemplateColumns: `repeat(auto-fill, minmax(${d}px, 1fr))`
-        },
-        children: n.filter(
-          (a, y) => h ? y < v * h && y >= (v - 1) * h : !0
-        ).map((a, y) => /* @__PURE__ */ i.jsx(
-          "div",
-          {
-            style: {
-              ...f?.dataCards || {},
-              ...u && { backgroundColor: u }
-            },
-            className: `w-full flex flex-col ${c || o ? "cursor-pointer" : "cursor-auto"}${u ? "" : "bg-primary-gray-200 dark:bg-primary-gray-600"} ${g?.dataCards || ""}`,
-            onClick: () => {
-              c?.(a), j(a);
-            },
-            dangerouslySetInnerHTML: typeof p == "string" ? { __html: J(p, a) } : void 0,
-            children: typeof p == "function" ? p(a) : null
-          },
-          y
-        ))
-      }
-    ),
-    o && b !== void 0 ? /* @__PURE__ */ i.jsxs(
-      ve,
-      {
-        open: b !== void 0,
-        onClose: () => {
-          j(void 0);
-        },
-        children: [
-          /* @__PURE__ */ i.jsx(
-            "div",
-            {
-              className: "graph-modal-content m-0",
-              dangerouslySetInnerHTML: typeof o == "string" ? { __html: J(o, b) } : void 0,
-              children: typeof o == "function" ? o(b) : null
-            }
-          ),
-          x ? /* @__PURE__ */ i.jsx("div", { className: "flex", children: /* @__PURE__ */ i.jsx(
-            je,
-            {
-              csvData: Oe(b),
-              headers: [
-                {
-                  label: " ",
-                  key: " "
-                },
-                {
-                  label: "value",
-                  key: "value"
-                }
-              ],
-              buttonContent: /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-4", children: [
-                typeof x == "string" ? x : null,
-                /* @__PURE__ */ i.jsx(xe, {})
-              ] })
-            }
-          ) }) : null
-        ]
+function vt(s) {
+  const e = Fe.c(34), {
+    width: t,
+    height: a,
+    data: l,
+    onSeriesMouseClick: r,
+    cardTemplate: i,
+    cardBackgroundColor: o,
+    cardMinWidth: g,
+    detailsOnClick: d,
+    noOfItemsInAPage: n,
+    styles: V,
+    classNames: S,
+    page: j,
+    allowDataDownloadOnDetail: z
+  } = s, N = g === void 0 ? 320 : g, [$, c] = G(void 0), v = t ? `${t}px` : "100%", D = a ? `${a}px` : "auto", I = `repeat(auto-fill, minmax(${N}px, 1fr))`;
+  let k;
+  e[0] !== v || e[1] !== D || e[2] !== I ? (k = {
+    width: v,
+    height: D,
+    gridTemplateColumns: I
+  }, e[0] = v, e[1] = D, e[2] = I, e[3] = k) : k = e[3];
+  let b;
+  if (e[4] !== o || e[5] !== i || e[6] !== S?.dataCards || e[7] !== l || e[8] !== d || e[9] !== n || e[10] !== r || e[11] !== j || e[12] !== V?.dataCards) {
+    let u;
+    e[14] !== n || e[15] !== j ? (u = (x, _) => n ? _ < j * n && _ >= (j - 1) * n : !0, e[14] = n, e[15] = j, e[16] = u) : u = e[16];
+    let p;
+    e[17] !== o || e[18] !== i || e[19] !== S?.dataCards || e[20] !== d || e[21] !== r || e[22] !== V?.dataCards ? (p = (x, _) => /* @__PURE__ */ h.jsx("div", { style: {
+      ...V?.dataCards || {},
+      ...o && {
+        backgroundColor: o
       }
-    ) : null
-  ] });
+    }, className: `w-full flex flex-col ${r || d ? "cursor-pointer" : "cursor-auto"}${o ? "" : "bg-primary-gray-200 dark:bg-primary-gray-600"} ${S?.dataCards || ""}`, onClick: () => {
+      r?.(x), c(x);
+    }, dangerouslySetInnerHTML: typeof i == "string" ? {
+      __html: Me(i, x)
+    } : void 0, children: typeof i == "function" ? i(x) : null }, _), e[17] = o, e[18] = i, e[19] = S?.dataCards, e[20] = d, e[21] = r, e[22] = V?.dataCards, e[23] = p) : p = e[23], b = l.filter(u).map(p), e[4] = o, e[5] = i, e[6] = S?.dataCards, e[7] = l, e[8] = d, e[9] = n, e[10] = r, e[11] = j, e[12] = V?.dataCards, e[13] = b;
+  } else
+    b = e[13];
+  let w;
+  e[24] !== k || e[25] !== b ? (w = /* @__PURE__ */ h.jsx("div", { className: "undp-scrollbar w-full my-0 mx-auto grid gap-4 undp-viz-data-cards-container", style: k, children: b }), e[24] = k, e[25] = b, e[26] = w) : w = e[26];
+  let y;
+  e[27] !== z || e[28] !== d || e[29] !== $ ? (y = d && $ !== void 0 ? /* @__PURE__ */ h.jsxs(rt, { open: $ !== void 0, onClose: () => {
+    c(void 0);
+  }, children: [
+    /* @__PURE__ */ h.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof d == "string" ? {
+      __html: Me(d, $)
+    } : void 0, children: typeof d == "function" ? d($) : null }),
+    z ? /* @__PURE__ */ h.jsx("div", { className: "flex", children: /* @__PURE__ */ h.jsx(lt, { csvData: xt($), headers: [{
+      label: " ",
+      key: " "
+    }, {
+      label: "value",
+      key: "value"
+    }], buttonContent: /* @__PURE__ */ h.jsxs("div", { className: "flex items-center gap-4", children: [
+      typeof z == "string" ? z : null,
+      /* @__PURE__ */ h.jsx(tt, {})
+    ] }) }) }) : null
+  ] }) : null, e[27] = z, e[28] = d, e[29] = $, e[30] = y) : y = e[30];
+  let C;
+  return e[31] !== w || e[32] !== y ? (C = /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+    w,
+    y
+  ] }), e[31] = w, e[32] = y, e[33] = C) : C = e[33], C;
 }
-const Me = (t, e, s) => e.length === 0 ? t : t.filter(
-  (n) => e.some((c) => n[c]?.toLowerCase().includes(s.toLowerCase()))
-);
-function Ye(t) {
-  const {
-    width: e,
-    height: s,
-    graphTitle: n,
-    sources: c,
-    graphDescription: p,
-    footNote: u,
-    graphID: d,
-    data: o,
-    onSeriesMouseClick: h,
-    language: f = "en",
-    theme: g = "light",
-    ariaLabel: v,
-    cardTemplate: x,
-    cardBackgroundColor: b,
-    cardFilters: j,
-    cardSortingOptions: a,
-    cardSearchColumns: y,
-    cardMinWidth: ce = 320,
-    backgroundColor: k = !1,
-    padding: _,
-    detailsOnClick: de,
-    allowDataDownloadOnDetail: ue = !1,
-    noOfItemsInAPage: O,
-    uiMode: F = "normal",
-    styles: C,
-    classNames: S
-  } = t, [M, H] = w(o), [me, A] = w(1), [G, pe] = w(""), E = Q(
-    () => (j || []).map((r) => ({
-      filter: r.column,
-      label: r.label || `Filter by ${r.column}`,
-      singleSelect: !0,
-      clearable: !0,
-      defaultValue: Y(r.defaultValue),
-      availableValues: ke(o, r.column).filter((N) => !r.excludeValues?.includes(`${N}`)).map((N) => ({ value: N, label: N })),
-      width: r.width
-    })),
-    [j, o]
-  ), [U, fe] = w(
-    (j || []).map((r) => ({
-      filter: r.column,
-      value: Y(r.defaultValue)
-    }))
-  ), [D, q] = w(
-    a ? !a.defaultValue || a.options.findIndex((r) => r.label === a.defaultValue) === -1 ? a.options[0] : a.options[a.options.findIndex((r) => r.label === a.defaultValue)] : void 0
-  ), K = Q(
-    () => ({
-      ignoreCase: !0,
-      ignoreAccents: !0,
-      trim: !0
-    }),
-    []
-  );
-  return I(() => {
-    q(
-      a ? !a.defaultValue || a.options.findIndex(
-        (r) => r.label === a.defaultValue
-      ) === -1 ? a.options[0] : a.options[a.options.findIndex(
-        (r) => r.label === a.defaultValue
-      )] : void 0
-    );
-  }, [a]), I(() => {
-    const r = Me(o, y || [], G).filter(
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (N) => U.every(
-        (V) => V.value && L([V.value]).length > 0 ? ge(
-          L([N[V.filter]]),
-          L([V.value]).map((T) => T.value)
-        ).length > 0 : !0
-      )
-    );
-    H(D ? be(r, [D.value], [D.type]) : r);
-  }, [o, y, G, U, D]), I(() => {
-    A(1);
-  }, [M]), /* @__PURE__ */ i.jsx(
-    "div",
-    {
-      className: `${g || "light"} flex  ${e ? "w-fit grow-0" : "w-full grow"}`,
-      dir: f === "he" || f === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ i.jsx(
-        "div",
-        {
-          className: m(
-            `${k ? k === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${f || "en"}`,
-            e ? "w-fit" : "w-full",
-            S?.graphContainer
-          ),
-          style: {
-            ...C?.graphContainer || {},
-            ...k && k !== !0 ? { backgroundColor: k } : {}
-          },
-          id: d,
-          "aria-label": v || `${n ? `The graph shows ${n}. ` : ""}This is an list of cards. ${p ? ` ${p}` : ""}`,
-          children: /* @__PURE__ */ i.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: k ? _ || "1rem" : _ || 0 },
-              children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col grow gap-3 w-full justify-between", children: [
-                n || p ? /* @__PURE__ */ i.jsx(
-                  we,
-                  {
-                    styles: {
-                      title: C?.title,
-                      description: C?.description
-                    },
-                    classNames: {
-                      title: S?.title,
-                      description: S?.description
-                    },
-                    graphTitle: n,
-                    graphDescription: p,
-                    width: e
-                  }
-                ) : null,
-                a || E.length > 0 ? /* @__PURE__ */ i.jsxs("div", { className: "flex gap-4 flex-wrap items-start w-full", children: [
-                  a ? /* @__PURE__ */ i.jsxs(
-                    "div",
-                    {
-                      className: "grow shrink-0 min-w-[240px]",
-                      style: { width: a.width || "calc(25% - 0.75rem)" },
-                      children: [
-                        /* @__PURE__ */ i.jsx(
-                          X,
-                          {
-                            marginBottom: "xs",
-                            size: "sm",
-                            className: "text-primary-gray-700 dark:text-primary-gray-100",
-                            children: "Sort by"
-                          }
-                        ),
-                        /* @__PURE__ */ i.jsx(
-                          W,
-                          {
-                            options: a.options,
-                            isRtl: f === "he" || f === "ar",
-                            isSearchable: !0,
-                            filterOption: Z(K),
-                            onChange: (r) => {
-                              q(r || void 0);
-                            },
-                            variant: F,
-                            size: "sm",
-                            defaultValue: !a.defaultValue || a.options.findIndex(
-                              (r) => r.label === a.defaultValue
-                            ) === -1 ? a.options[0] : a.options[a.options.findIndex(
-                              (r) => r.label === a.defaultValue
-                            )]
-                          }
-                        )
-                      ]
-                    }
-                  ) : null,
-                  E?.map((r, N) => /* @__PURE__ */ i.jsxs(
-                    "div",
-                    {
-                      className: "grow shrink-0 min-w-[240px]",
-                      style: { width: r.width || "calc(25% - 0.75rem)" },
-                      children: [
-                        /* @__PURE__ */ i.jsx(
-                          X,
-                          {
-                            marginBottom: "xs",
-                            size: "sm",
-                            className: "text-primary-gray-700 dark:text-primary-gray-100",
-                            children: r.label
-                          }
-                        ),
-                        /* @__PURE__ */ i.jsx(
-                          W,
-                          {
-                            options: r.availableValues,
-                            isClearable: r.clearable === void 0 ? !0 : r.clearable,
-                            isRtl: f === "he" || f === "ar",
-                            isSearchable: !0,
-                            variant: F,
-                            size: "sm",
-                            controlShouldRenderValue: !0,
-                            filterOption: Z(K),
-                            onChange: (V) => {
-                              fe(
-                                (T) => (
-                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                  T.map((R) => R.filter === r.filter ? { ...R, value: V } : R)
-                                )
-                              );
-                            },
-                            defaultValue: r.defaultValue
-                          }
-                        )
-                      ]
-                    },
-                    N
-                  ))
-                ] }) : null,
-                (y || []).length > 0 ? /* @__PURE__ */ i.jsx("div", { style: { paddingTop: "1px" }, children: /* @__PURE__ */ i.jsx(
-                  oe,
-                  {
-                    placeholder: "Search...",
-                    onSearch: (r) => {
-                      pe(r || "");
-                    },
-                    buttonVariant: "icon",
-                    inputVariant: F,
-                    showSearchButton: !1,
-                    inputSize: "sm"
-                  }
-                ) }) : null,
-                /* @__PURE__ */ i.jsx(
-                  Fe,
-                  {
-                    data: M,
-                    width: e,
-                    height: s,
-                    cardTemplate: x,
-                    cardMinWidth: ce,
-                    page: me,
-                    cardBackgroundColor: b,
-                    styles: C,
-                    classNames: S,
-                    noOfItemsInAPage: O,
-                    detailsOnClick: de,
-                    onSeriesMouseClick: h,
-                    allowDataDownloadOnDetail: ue
-                  }
-                ),
-                O ? /* @__PURE__ */ i.jsx(
-                  ze,
-                  {
-                    total: M.length,
-                    defaultPage: 0,
-                    pageSize: O,
-                    onChange: A
-                  }
-                ) : null,
-                c || u ? /* @__PURE__ */ i.jsx(
-                  Ne,
-                  {
-                    styles: { footnote: C?.footnote, source: C?.source },
-                    classNames: {
-                      footnote: S?.footnote,
-                      source: S?.source
-                    },
-                    sources: c,
-                    footNote: u,
-                    width: e
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+const bt = (s, e, t) => e.length === 0 ? s : s.filter((a) => e.some((l) => a[l]?.toLowerCase().includes(t.toLowerCase())));
+function Lt(s) {
+  const e = Fe.c(84), {
+    width: t,
+    height: a,
+    graphTitle: l,
+    sources: r,
+    graphDescription: i,
+    footNote: o,
+    graphID: g,
+    data: d,
+    onSeriesMouseClick: n,
+    language: V,
+    theme: S,
+    ariaLabel: j,
+    cardTemplate: z,
+    cardBackgroundColor: N,
+    cardFilters: $,
+    cardSortingOptions: c,
+    cardSearchColumns: v,
+    cardMinWidth: D,
+    backgroundColor: I,
+    padding: k,
+    detailsOnClick: b,
+    allowDataDownloadOnDetail: w,
+    noOfItemsInAPage: y,
+    uiMode: C,
+    styles: u,
+    classNames: p
+  } = s, x = V === void 0 ? "en" : V, _ = S === void 0 ? "light" : S, O = D === void 0 ? 320 : D, F = I === void 0 ? !1 : I, R = w === void 0 ? !1 : w, M = C === void 0 ? "normal" : C, [E, We] = G(d), [ge, Se] = G(1), qe = Ye(null), [L, Ue] = G("");
+  let Z;
+  e[0] !== d ? (Z = (m) => ({
+    filter: m.column,
+    label: m.label || `Filter by ${m.column}`,
+    singleSelect: !0,
+    clearable: !0,
+    defaultValue: Re(m.defaultValue),
+    availableValues: ot(d, m.column).filter((Y) => !m.excludeValues?.includes(`${Y}`)).map(kt),
+    width: m.width
+  }), e[0] = d, e[1] = Z) : Z = e[1];
+  const De = ($ || []).map(Z);
+  let A;
+  e[2] !== $ ? (A = $ || [], e[2] = $, e[3] = A) : A = e[3];
+  let ee;
+  e[4] !== A ? (ee = A.map(Nt), e[4] = A, e[5] = ee) : ee = e[5];
+  const [H, Qe] = G(ee), [T, _e] = G(c ? !c.defaultValue || c.options.findIndex((m) => m.label === c.defaultValue) === -1 ? c.options[0] : c.options[c.options.findIndex((m) => m.label === c.defaultValue)] : void 0), Ve = {
+    ignoreCase: !0,
+    ignoreAccents: !0,
+    trim: !0
+  };
+  let te;
+  e[6] !== c ? (te = () => {
+    _e(c ? !c.defaultValue || c.options.findIndex((m) => m.label === c.defaultValue) === -1 ? c.options[0] : c.options[c.options.findIndex((m) => m.label === c.defaultValue)] : void 0);
+  }, e[6] = c, e[7] = te) : te = e[7];
+  const xe = $e(te);
+  let ae;
+  e[8] !== xe ? (ae = () => {
+    xe();
+  }, e[8] = xe, e[9] = ae) : ae = e[9];
+  let re;
+  e[10] !== c ? (re = [c], e[10] = c, e[11] = re) : re = e[11], Ce(ae, re);
+  let le;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (le = (m) => {
+    We(m), Se(1);
+  }, e[12] = le) : le = e[12];
+  const se = $e(le);
+  let ie;
+  e[13] !== se || e[14] !== v || e[15] !== d || e[16] !== L || e[17] !== H || e[18] !== T ? (ie = () => {
+    const m = bt(d, v || [], L).filter((Y) => H.every((J) => J.value && we([J.value]).length > 0 ? Ze(we([Y[J.filter]]), we([J.value]).map(jt)).length > 0 : !0));
+    se(T ? at(m, [T.value], [T.type]) : m);
+  }, e[13] = se, e[14] = v, e[15] = d, e[16] = L, e[17] = H, e[18] = T, e[19] = ie) : ie = e[19];
+  let oe;
+  e[20] !== v || e[21] !== d || e[22] !== L || e[23] !== H || e[24] !== T ? (oe = [d, v, L, H, T], e[20] = v, e[21] = d, e[22] = L, e[23] = H, e[24] = T, e[25] = oe) : oe = e[25], Ce(ie, oe);
+  const ve = nt, be = p?.graphContainer, je = u?.graphContainer;
+  let K;
+  e[26] !== p?.description || e[27] !== p?.title || e[28] !== i || e[29] !== l || e[30] !== u?.description || e[31] !== u?.title || e[32] !== t ? (K = l || i ? /* @__PURE__ */ h.jsx(it, { styles: {
+    title: u?.title,
+    description: u?.description
+  }, classNames: {
+    title: p?.title,
+    description: p?.description
+  }, graphTitle: l, graphDescription: i, width: t }) : null, e[26] = p?.description, e[27] = p?.title, e[28] = i, e[29] = l, e[30] = u?.description, e[31] = u?.title, e[32] = t, e[33] = K) : K = e[33];
+  const Ne = c || De.length > 0 ? /* @__PURE__ */ h.jsxs("div", { className: "flex gap-x-4 gap-y-0 flex-wrap items-start w-full pb-3", children: [
+    c ? /* @__PURE__ */ h.jsxs("div", { className: "grow shrink-0 min-w-[240px]", style: {
+      width: c.width || "calc(25% - 0.75rem)"
+    }, children: [
+      /* @__PURE__ */ h.jsx(Pe, { marginBottom: "xs", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: "Sort by" }),
+      /* @__PURE__ */ h.jsx(ze, { options: c.options, isRtl: x === "he" || x === "ar", isSearchable: !0, filterOption: Ie(Ve), onChange: (m) => {
+        _e(m || void 0);
+      }, variant: M, size: "sm", defaultValue: !c.defaultValue || c.options.findIndex((m) => m.label === c.defaultValue) === -1 ? c.options[0] : c.options[c.options.findIndex((m) => m.label === c.defaultValue)] })
+    ] }) : null,
+    De?.map((m, Y) => /* @__PURE__ */ h.jsxs("div", { className: "grow shrink-0 min-w-[240px]", style: {
+      width: m.width || "calc(25% - 0.75rem)"
+    }, children: [
+      /* @__PURE__ */ h.jsx(Pe, { marginBottom: "xs", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: m.label }),
+      /* @__PURE__ */ h.jsx(ze, { options: m.availableValues, isClearable: m.clearable === void 0 ? !0 : m.clearable, isRtl: x === "he" || x === "ar", isSearchable: !0, variant: M, size: "sm", controlShouldRenderValue: !0, filterOption: Ie(Ve), onChange: (J) => {
+        Qe((Je) => Je.map((ke) => ke.filter === m.filter ? {
+          ...ke,
+          value: J
+        } : ke));
+      }, defaultValue: m.defaultValue })
+    ] }, Y))
+  ] }) : null;
+  let ne;
+  e[34] === Symbol.for("react.memo_cache_sentinel") ? (ne = /* @__PURE__ */ h.jsx(pe, { size: "xl" }), e[34] = ne) : ne = e[34];
+  let W;
+  e[35] !== v || e[36] !== M ? (W = (v || []).length > 0 ? /* @__PURE__ */ h.jsx("div", { style: {
+    paddingTop: "1px"
+  }, children: /* @__PURE__ */ h.jsx(Ke, { placeholder: "Search...", onSearch: (m) => {
+    Ue(m || "");
+  }, buttonVariant: "icon", inputVariant: M, showSearchButton: !1, inputSize: "sm" }) }) : null, e[35] = v, e[36] = M, e[37] = W) : W = e[37];
+  let ce;
+  e[38] === Symbol.for("react.memo_cache_sentinel") ? (ce = /* @__PURE__ */ h.jsx(pe, { size: "xl" }), e[38] = ce) : ce = e[38];
+  let q;
+  e[39] !== R || e[40] !== N || e[41] !== E || e[42] !== O || e[43] !== z || e[44] !== p || e[45] !== b || e[46] !== a || e[47] !== y || e[48] !== n || e[49] !== ge || e[50] !== u || e[51] !== t ? (q = /* @__PURE__ */ h.jsx(vt, { data: E, width: t, height: a, cardTemplate: z, cardMinWidth: O, page: ge, cardBackgroundColor: N, styles: u, classNames: p, noOfItemsInAPage: y, detailsOnClick: b, onSeriesMouseClick: n, allowDataDownloadOnDetail: R }), e[39] = R, e[40] = N, e[41] = E, e[42] = O, e[43] = z, e[44] = p, e[45] = b, e[46] = a, e[47] = y, e[48] = n, e[49] = ge, e[50] = u, e[51] = t, e[52] = q) : q = e[52];
+  let de;
+  e[53] === Symbol.for("react.memo_cache_sentinel") ? (de = /* @__PURE__ */ h.jsx(pe, { size: "xl" }), e[53] = de) : de = e[53];
+  let U;
+  e[54] !== E || e[55] !== y ? (U = y ? /* @__PURE__ */ h.jsx(yt, { total: E.length, defaultPage: 0, pageSize: y, onChange: Se }) : null, e[54] = E, e[55] = y, e[56] = U) : U = e[56];
+  let me;
+  e[57] === Symbol.for("react.memo_cache_sentinel") ? (me = /* @__PURE__ */ h.jsx(pe, { size: "2xl" }), e[57] = me) : me = e[57];
+  let Q;
+  e[58] !== p?.footnote || e[59] !== p?.source || e[60] !== o || e[61] !== r || e[62] !== u?.footnote || e[63] !== u?.source || e[64] !== t ? (Q = r || o ? /* @__PURE__ */ h.jsx(st, { styles: {
+    footnote: u?.footnote,
+    source: u?.source
+  }, classNames: {
+    footnote: p?.footnote,
+    source: p?.source
+  }, sources: r, footNote: o, width: t }) : null, e[58] = p?.footnote, e[59] = p?.source, e[60] = o, e[61] = r, e[62] = u?.footnote, e[63] = u?.source, e[64] = t, e[65] = Q) : Q = e[65];
+  let ue;
+  return e[66] !== ve || e[67] !== j || e[68] !== F || e[69] !== g || e[70] !== a || e[71] !== x || e[72] !== k || e[73] !== be || e[74] !== je || e[75] !== K || e[76] !== Ne || e[77] !== W || e[78] !== q || e[79] !== U || e[80] !== Q || e[81] !== _ || e[82] !== t ? (ue = /* @__PURE__ */ h.jsxs(ve, { className: be, style: je, id: g, ref: qe, "aria-label": j, backgroundColor: F, theme: _, language: x, width: t, height: a, padding: k, children: [
+    K,
+    Ne,
+    ne,
+    W,
+    ce,
+    q,
+    de,
+    U,
+    me,
+    Q
+  ] }), e[66] = ve, e[67] = j, e[68] = F, e[69] = g, e[70] = a, e[71] = x, e[72] = k, e[73] = be, e[74] = je, e[75] = K, e[76] = Ne, e[77] = W, e[78] = q, e[79] = U, e[80] = Q, e[81] = _, e[82] = t, e[83] = ue) : ue = e[83], ue;
+}
+function jt(s) {
+  return s.value;
+}
+function Nt(s) {
+  return {
+    filter: s.column,
+    value: Re(s.defaultValue)
+  };
+}
+function kt(s) {
+  return {
+    value: s,
+    label: s
+  };
 }
 export {
-  Ye as DataCards
+  Lt as DataCards
 };
 //# sourceMappingURL=DataCards.js.map