@undp/data-viz 1.3.1 → 1.4.0

package/dist/{checkIfMultiple-BB7PlCNh.js → GraphEl-Cw2tDUb3.js}

@@ -1,956 +1,55 @@
-import { a as n, m as L, p as Z, b as P, j as I } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import * as c from "react";
-import x from "react";
-import { w as M, b as Fe, g as B, E as Q, _, P as V, j as v, c as We } from "./index-DG3YrCr5-D3FrrXj8.js";
-import { b as J } from "./x-CnsEH4Ox-DDvAJndW.js";
-import { h as $e } from "./index-tvAyXPPW-DBlMKnNB.js";
-import { n as Ee } from "./Modal-CUU6ZK3U.js";
-import { u as U } from "./Typography-Ctgfl1J5.js";
-import { ButterflyChart as _e } from "./ButterflyChart.js";
-import { C as ze } from "./index-BVnYktl4.js";
-import { DataTable as Ge } from "./DataTable.js";
-import { DonutChart as Xe } from "./DonutChart.js";
-import { HeatMap as Ye } from "./HeatMap.js";
-import { Histogram as qe } from "./Histogram.js";
-import { DualAxisLineChart as Ke } from "./DualAxisLineChart.js";
-import { SimpleLineChart as Ue } from "./SimpleLineChart.js";
-import { MultiLineChart as Ze } from "./MultiLineChart.js";
-import { MultiLineAltChart as Qe } from "./MultiLineAltChart.js";
-import { SparkLine as Je } from "./SparkLine.js";
-import { BiVariateChoroplethMap as ea } from "./BiVariateChoroplethMap.js";
-import { ChoroplethMap as aa } from "./ChoroplethMap.js";
-import { DotDensityMap as oa } from "./DotDensityMap.js";
-import { GeoHubCompareMaps as ta } from "./GeoHubCompareMaps.js";
-import { GeoHubMap as ra } from "./GeoHubMap.js";
-import { ParetoChart as ia } from "./ParetoChart.js";
-import { ScatterPlot as la } from "./ScatterPlot.js";
-import { SlopeChart as na } from "./SlopeChart.js";
-import { AreaChart as sa } from "./AreaChart.js";
-import { StatCardFromData as ca } from "./StatCardFromData.js";
-import { TreeMapGraph as da } from "./TreeMapGraph.js";
-import { UnitChart as ha } from "./UnitChart.js";
-import { DifferenceLineChart as ga } from "./DifferenceLineChart.js";
-import { GeoHubMapWithLayerSelection as ua } from "./GeoHubMapWithLayerSelection.js";
-import { SankeyChart as pa } from "./SankeyChart.js";
-import { LineChartWithConfidenceInterval as ma } from "./LineChartWithConfidenceInterval.js";
-import { D as fa } from "./index-OCoyy1wG.js";
-import { StackedBarGraph as ba, GroupedBarGraph as Da, SimpleBarGraph as Ca } from "./BarGraph.js";
-import { DumbbellChart as wa } from "./DumbbellChart.js";
-import { StripChart as ka } from "./StripChart.js";
-import { BeeSwarmChart as ya } from "./BeeSwarmChart.js";
-import { RadarChart as xa } from "./RadarChart.js";
-import { BulletChart as Ta } from "./BulletChart.js";
-import { ThreeDGlobe as La } from "./ThreeDGlobe.js";
-var va = "Label", ee = c.forwardRef((o, e) => /* @__PURE__ */ n.jsx(
-  M.label,
-  {
-    ...o,
-    ref: e,
-    onMouseDown: (t) => {
-      t.target.closest("button, input, select, textarea") || (o.onMouseDown?.(t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
-    }
-  }
-));
-ee.displayName = va;
-var ae = ee;
-const z = x.forwardRef(({ className: o, ...e }, t) => /* @__PURE__ */ n.jsx(
-  ae,
-  {
-    ...e,
-    ref: t,
-    className: L(
-      "text-sm m-0 p-0 block text-primary-gray-700 dark:text-primary-white peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-      o
-    )
-  }
-));
-z.displayName = ae.displayName;
-function oe(o) {
-  const e = c.useRef({ value: o, previous: o });
-  return c.useMemo(() => (e.current.value !== o && (e.current.previous = e.current.value, e.current.value = o), e.current.previous), [o]);
-}
-function te(o) {
-  const [e, t] = c.useState(void 0);
-  return Fe(() => {
-    if (o) {
-      t({ width: o.offsetWidth, height: o.offsetHeight });
-      const a = new ResizeObserver((l) => {
-        if (!Array.isArray(l) || !l.length)
-          return;
-        const r = l[0];
-        let i, s;
-        if ("borderBoxSize" in r) {
-          const h = r.borderBoxSize, g = Array.isArray(h) ? h[0] : h;
-          i = g.inlineSize, s = g.blockSize;
-        } else
-          i = o.offsetWidth, s = o.offsetHeight;
-        t({ width: i, height: s });
-      });
-      return a.observe(o, { box: "border-box" }), () => a.unobserve(o);
-    } else
-      t(void 0);
-  }, [o]), e;
-}
-/**
- * @license lucide-react v0.488.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ma = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Oa = J("check", Ma);
-var j = "Checkbox", [Na, at] = B(j), [Sa, G] = Na(j);
-function Va(o) {
-  const {
-    __scopeCheckbox: e,
-    checked: t,
-    children: a,
-    defaultChecked: l,
-    disabled: r,
-    form: i,
-    name: s,
-    onCheckedChange: h,
-    required: g,
-    value: u = "on",
-    // @ts-expect-error
-    internal_do_not_use_render: p
-  } = o, [f, d] = _({
-    prop: t,
-    defaultProp: l ?? !1,
-    onChange: h,
-    caller: j
-  }), [D, k] = c.useState(null), [m, C] = c.useState(null), w = c.useRef(!1), y = D ? !!i || !!D.closest("form") : (
-    // We set this to true by default so that events bubble to forms without JS (SSR)
-    !0
-  ), N = {
-    checked: f,
-    disabled: r,
-    setChecked: d,
-    control: D,
-    setControl: k,
-    name: s,
-    form: i,
-    value: u,
-    hasConsumerStoppedPropagationRef: w,
-    required: g,
-    defaultChecked: O(l) ? !1 : l,
-    isFormControl: y,
-    bubbleInput: m,
-    setBubbleInput: C
-  };
-  return /* @__PURE__ */ n.jsx(
-    Sa,
-    {
-      scope: e,
-      ...N,
-      children: Ha(p) ? p(N) : a
-    }
-  );
-}
-var re = "CheckboxTrigger", ie = c.forwardRef(
-  ({ __scopeCheckbox: o, onKeyDown: e, onClick: t, ...a }, l) => {
-    const {
-      control: r,
-      value: i,
-      disabled: s,
-      checked: h,
-      required: g,
-      setControl: u,
-      setChecked: p,
-      hasConsumerStoppedPropagationRef: f,
-      isFormControl: d,
-      bubbleInput: D
-    } = G(re, o), k = V(l, u), m = c.useRef(h);
-    return c.useEffect(() => {
-      const C = r?.form;
-      if (C) {
-        const w = () => p(m.current);
-        return C.addEventListener("reset", w), () => C.removeEventListener("reset", w);
-      }
-    }, [r, p]), /* @__PURE__ */ n.jsx(
-      M.button,
-      {
-        type: "button",
-        role: "checkbox",
-        "aria-checked": O(h) ? "mixed" : h,
-        "aria-required": g,
-        "data-state": de(h),
-        "data-disabled": s ? "" : void 0,
-        disabled: s,
-        value: i,
-        ...a,
-        ref: k,
-        onKeyDown: v(e, (C) => {
-          C.key === "Enter" && C.preventDefault();
-        }),
-        onClick: v(t, (C) => {
-          p((w) => O(w) ? !0 : !w), D && d && (f.current = C.isPropagationStopped(), f.current || C.stopPropagation());
-        })
-      }
-    );
-  }
-);
-ie.displayName = re;
-var X = c.forwardRef(
-  (o, e) => {
-    const {
-      __scopeCheckbox: t,
-      name: a,
-      checked: l,
-      defaultChecked: r,
-      required: i,
-      disabled: s,
-      value: h,
-      onCheckedChange: g,
-      form: u,
-      ...p
-    } = o;
-    return /* @__PURE__ */ n.jsx(
-      Va,
-      {
-        __scopeCheckbox: t,
-        checked: l,
-        defaultChecked: r,
-        disabled: s,
-        required: i,
-        onCheckedChange: g,
-        name: a,
-        form: u,
-        value: h,
-        internal_do_not_use_render: ({ isFormControl: f }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-          /* @__PURE__ */ n.jsx(
-            ie,
-            {
-              ...p,
-              ref: e,
-              __scopeCheckbox: t
-            }
-          ),
-          f && /* @__PURE__ */ n.jsx(
-            ce,
-            {
-              __scopeCheckbox: t
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-X.displayName = j;
-var le = "CheckboxIndicator", ne = c.forwardRef(
-  (o, e) => {
-    const { __scopeCheckbox: t, forceMount: a, ...l } = o, r = G(le, t);
-    return /* @__PURE__ */ n.jsx(
-      Q,
-      {
-        present: a || O(r.checked) || r.checked === !0,
-        children: /* @__PURE__ */ n.jsx(
-          M.span,
-          {
-            "data-state": de(r.checked),
-            "data-disabled": r.disabled ? "" : void 0,
-            ...l,
-            ref: e,
-            style: { pointerEvents: "none", ...o.style }
-          }
-        )
-      }
-    );
-  }
-);
-ne.displayName = le;
-var se = "CheckboxBubbleInput", ce = c.forwardRef(
-  ({ __scopeCheckbox: o, ...e }, t) => {
-    const {
-      control: a,
-      hasConsumerStoppedPropagationRef: l,
-      checked: r,
-      defaultChecked: i,
-      required: s,
-      disabled: h,
-      name: g,
-      value: u,
-      form: p,
-      bubbleInput: f,
-      setBubbleInput: d
-    } = G(se, o), D = V(t, d), k = oe(r), m = te(a);
-    c.useEffect(() => {
-      const w = f;
-      if (!w) return;
-      const y = window.HTMLInputElement.prototype, N = Object.getOwnPropertyDescriptor(
-        y,
-        "checked"
-      ).set, H = !l.current;
-      if (k !== r && N) {
-        const F = new Event("click", { bubbles: H });
-        w.indeterminate = O(r), N.call(w, O(r) ? !1 : r), w.dispatchEvent(F);
-      }
-    }, [f, k, r, l]);
-    const C = c.useRef(O(r) ? !1 : r);
-    return /* @__PURE__ */ n.jsx(
-      M.input,
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: i ?? C.current,
-        required: s,
-        disabled: h,
-        name: g,
-        value: u,
-        form: p,
-        ...e,
-        tabIndex: -1,
-        ref: D,
-        style: {
-          ...e.style,
-          ...m,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0,
-          // We transform because the input is absolutely positioned but we have
-          // rendered it **after** the button. This pulls it back to sit on top
-          // of the button.
-          transform: "translateX(-100%)"
-        }
-      }
-    );
-  }
-);
-ce.displayName = se;
-function Ha(o) {
-  return typeof o == "function";
-}
-function O(o) {
-  return o === "indeterminate";
-}
-function de(o) {
-  return O(o) ? "indeterminate" : o ? "checked" : "unchecked";
-}
-const Ia = P(
-  "peer h-4 w-4 shrink-0 rounded-0 bg-primary-white dark:bg-primary-gray-650 focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      color: {
-        blue: "border-primary-blue-600 hover:bg-primary-blue-100 dark:border-primary-blue-400 dark:hover:bg-primary-blue-200",
-        red: "border-accent-dark-red hover:bg-accent-light-red dark:border-accent-red dark:hover:bg-accent-light-red",
-        black: "border-primary-gray-700 hover:bg-primary-gray-400 dark:border-primary-gray-100 dark:hover:bg-primary-gray-550",
-        custom: "border-custom-color-600 hover:bg-custom-color-100 dark:border-custom-color-400 dark:hover:bg-custom-color-200"
-      },
-      variant: {
-        light: "border",
-        normal: "border-2"
-      }
-    },
-    defaultVariants: {
-      color: "red",
-      variant: "normal"
-    }
-  }
-), Aa = P("h-4 w-4", {
-  variants: {
-    color: {
-      blue: "stroke-primary-blue-600 dark:stroke-primary-blue-400",
-      red: "stroke-accent-dark-red dark:stroke-accent-red",
-      black: "stroke-primary-gray-700 dark:stroke-primary-gray-100",
-      custom: "stroke-custom-color-600 dark:stroke-custom-color-400"
-    },
-    variant: {
-      light: "-mt-px",
-      normal: "-mt-0.5"
-    }
-  },
-  defaultVariants: {
-    color: "red",
-    variant: "normal"
-  }
-}), he = x.forwardRef(
-  ({
-    className: o,
-    labelClassName: e,
-    checkBoxClassName: t,
-    checkIconClassName: a,
-    label: l,
-    color: r,
-    variant: i,
-    ...s
-  }, h) => {
-    const g = s.id || Z();
-    return /* @__PURE__ */ n.jsxs("div", { className: L("flex flex-row gap-2 items-center", o), children: [
-      /* @__PURE__ */ n.jsx(
-        X,
-        {
-          ...s,
-          ref: h,
-          className: L(Ia({ color: r, variant: i }), t),
-          id: g,
-          children: /* @__PURE__ */ n.jsx(
-            ne,
-            {
-              className: L("flex items-center justify-center text-current"),
-              children: /* @__PURE__ */ n.jsx(
-                Oa,
-                {
-                  className: L(Aa({ color: r, variant: i }), a),
-                  strokeWidth: i === "light" ? 2 : 4
-                }
-              )
-            }
-          )
-        }
-      ),
-      l ? /* @__PURE__ */ n.jsx(z, { className: L("mt-0.5 text-base!", e), htmlFor: g, children: l }) : null
-    ] });
-  }
-);
-he.displayName = X.displayName;
-const ge = x.createContext({
-  selectedValues: [],
-  onValueChange: () => {
-  },
-  color: void 0,
-  variant: void 0
-}), Pa = x.forwardRef(
-  ({ className: o, children: e, value: t, variant: a, color: l, onValueChange: r, defaultValue: i, ...s }, h) => {
-    const [g, u] = x.useState(i || []), p = t !== void 0 ? t : g, f = x.useCallback(
-      (D, k) => {
-        const m = k ? [...p, D] : p.filter((C) => C !== D);
-        t === void 0 && u(m), r?.(m);
-      },
-      [p, t, r]
-    ), d = x.useMemo(
-      () => ({
-        selectedValues: p,
-        color: l,
-        variant: a,
-        onValueChange: f
-      }),
-      [p, f, l, a]
-    );
-    return /* @__PURE__ */ n.jsx(ge.Provider, { value: d, children: /* @__PURE__ */ n.jsx(
-      "div",
-      {
-        ...s,
-        className: L("flex gap-x-4 gap-y-2 flex-row flex-wrap", o),
-        ref: h,
-        children: e
-      }
-    ) });
-  }
-);
-Pa.displayName = "CheckboxGroup";
-const Ba = x.forwardRef(({ value: o, ...e }, t) => {
-  const { selectedValues: a, onValueChange: l, color: r, variant: i } = x.useContext(ge);
-  return /* @__PURE__ */ n.jsx(
-    he,
-    {
-      ref: t,
-      ...e,
-      value: o,
-      color: r,
-      variant: i,
-      checked: a.includes(o),
-      onCheckedChange: (s) => l(o, s === !0)
-    }
-  );
-});
-Ba.displayName = "CheckboxGroupItem";
-var ja = c.createContext(void 0);
-function ue(o) {
-  const e = c.useContext(ja);
-  return o || e || "ltr";
-}
-var $ = "rovingFocusGroup.onEntryFocus", Ra = { bubbles: !1, cancelable: !0 }, A = "RovingFocusGroup", [E, pe, Fa] = $e(A), [Wa, me] = B(
-  A,
-  [Fa]
-), [$a, Ea] = Wa(A), fe = c.forwardRef(
-  (o, e) => /* @__PURE__ */ n.jsx(E.Provider, { scope: o.__scopeRovingFocusGroup, children: /* @__PURE__ */ n.jsx(E.Slot, { scope: o.__scopeRovingFocusGroup, children: /* @__PURE__ */ n.jsx(_a, { ...o, ref: e }) }) })
-);
-fe.displayName = A;
-var _a = c.forwardRef((o, e) => {
-  const {
-    __scopeRovingFocusGroup: t,
-    orientation: a,
-    loop: l = !1,
-    dir: r,
-    currentTabStopId: i,
-    defaultCurrentTabStopId: s,
-    onCurrentTabStopIdChange: h,
-    onEntryFocus: g,
-    preventScrollOnEntryFocus: u = !1,
-    ...p
-  } = o, f = c.useRef(null), d = V(e, f), D = ue(r), [k, m] = _({
-    prop: i,
-    defaultProp: s ?? null,
-    onChange: h,
-    caller: A
-  }), [C, w] = c.useState(!1), y = We(g), N = pe(t), H = c.useRef(!1), [F, q] = c.useState(0);
-  return c.useEffect(() => {
-    const T = f.current;
-    if (T)
-      return T.addEventListener($, y), () => T.removeEventListener($, y);
-  }, [y]), /* @__PURE__ */ n.jsx(
-    $a,
-    {
-      scope: t,
-      orientation: a,
-      dir: D,
-      loop: l,
-      currentTabStopId: k,
-      onItemFocus: c.useCallback(
-        (T) => m(T),
-        [m]
-      ),
-      onItemShiftTab: c.useCallback(() => w(!0), []),
-      onFocusableItemAdd: c.useCallback(
-        () => q((T) => T + 1),
-        []
-      ),
-      onFocusableItemRemove: c.useCallback(
-        () => q((T) => T - 1),
-        []
-      ),
-      children: /* @__PURE__ */ n.jsx(
-        M.div,
-        {
-          tabIndex: C || F === 0 ? -1 : 0,
-          "data-orientation": a,
-          ...p,
-          ref: d,
-          style: { outline: "none", ...o.style },
-          onMouseDown: v(o.onMouseDown, () => {
-            H.current = !0;
-          }),
-          onFocus: v(o.onFocus, (T) => {
-            const Pe = !H.current;
-            if (T.target === T.currentTarget && Pe && !C) {
-              const K = new CustomEvent($, Ra);
-              if (T.currentTarget.dispatchEvent(K), !K.defaultPrevented) {
-                const W = N().filter((S) => S.focusable), Be = W.find((S) => S.active), je = W.find((S) => S.id === k), Re = [Be, je, ...W].filter(
-                  Boolean
-                ).map((S) => S.ref.current);
-                Ce(Re, u);
-              }
-            }
-            H.current = !1;
-          }),
-          onBlur: v(o.onBlur, () => w(!1))
-        }
-      )
-    }
-  );
-}), be = "RovingFocusGroupItem", De = c.forwardRef(
-  (o, e) => {
-    const {
-      __scopeRovingFocusGroup: t,
-      focusable: a = !0,
-      active: l = !1,
-      tabStopId: r,
-      children: i,
-      ...s
-    } = o, h = Ee(), g = r || h, u = Ea(be, t), p = u.currentTabStopId === g, f = pe(t), { onFocusableItemAdd: d, onFocusableItemRemove: D, currentTabStopId: k } = u;
-    return c.useEffect(() => {
-      if (a)
-        return d(), () => D();
-    }, [a, d, D]), /* @__PURE__ */ n.jsx(
-      E.ItemSlot,
-      {
-        scope: t,
-        id: g,
-        focusable: a,
-        active: l,
-        children: /* @__PURE__ */ n.jsx(
-          M.span,
-          {
-            tabIndex: p ? 0 : -1,
-            "data-orientation": u.orientation,
-            ...s,
-            ref: e,
-            onMouseDown: v(o.onMouseDown, (m) => {
-              a ? u.onItemFocus(g) : m.preventDefault();
-            }),
-            onFocus: v(o.onFocus, () => u.onItemFocus(g)),
-            onKeyDown: v(o.onKeyDown, (m) => {
-              if (m.key === "Tab" && m.shiftKey) {
-                u.onItemShiftTab();
-                return;
-              }
-              if (m.target !== m.currentTarget) return;
-              const C = Xa(m, u.orientation, u.dir);
-              if (C !== void 0) {
-                if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
-                m.preventDefault();
-                let w = f().filter((y) => y.focusable).map((y) => y.ref.current);
-                if (C === "last") w.reverse();
-                else if (C === "prev" || C === "next") {
-                  C === "prev" && w.reverse();
-                  const y = w.indexOf(m.currentTarget);
-                  w = u.loop ? Ya(w, y + 1) : w.slice(y + 1);
-                }
-                setTimeout(() => Ce(w));
-              }
-            }),
-            children: typeof i == "function" ? i({ isCurrentTabStop: p, hasTabStop: k != null }) : i
-          }
-        )
-      }
-    );
-  }
-);
-De.displayName = be;
-var za = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function Ga(o, e) {
-  return e !== "rtl" ? o : o === "ArrowLeft" ? "ArrowRight" : o === "ArrowRight" ? "ArrowLeft" : o;
-}
-function Xa(o, e, t) {
-  const a = Ga(o.key, t);
-  if (!(e === "vertical" && ["ArrowLeft", "ArrowRight"].includes(a)) && !(e === "horizontal" && ["ArrowUp", "ArrowDown"].includes(a)))
-    return za[a];
-}
-function Ce(o, e = !1) {
-  const t = document.activeElement;
-  for (const a of o)
-    if (a === t || (a.focus({ preventScroll: e }), document.activeElement !== t)) return;
-}
-function Ya(o, e) {
-  return o.map((t, a) => o[(e + a) % o.length]);
-}
-var qa = fe, Ka = De;
-/**
- * @license lucide-react v0.488.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ua = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], Za = J("circle", Ua);
-var Y = "Radio", [Qa, we] = B(Y), [Ja, eo] = Qa(Y), ke = c.forwardRef(
-  (o, e) => {
-    const {
-      __scopeRadio: t,
-      name: a,
-      checked: l = !1,
-      required: r,
-      disabled: i,
-      value: s = "on",
-      onCheck: h,
-      form: g,
-      ...u
-    } = o, [p, f] = c.useState(null), d = V(e, (m) => f(m)), D = c.useRef(!1), k = p ? g || !!p.closest("form") : !0;
-    return /* @__PURE__ */ n.jsxs(Ja, { scope: t, checked: l, disabled: i, children: [
-      /* @__PURE__ */ n.jsx(
-        M.button,
-        {
-          type: "button",
-          role: "radio",
-          "aria-checked": l,
-          "data-state": Le(l),
-          "data-disabled": i ? "" : void 0,
-          disabled: i,
-          value: s,
-          ...u,
-          ref: d,
-          onClick: v(o.onClick, (m) => {
-            l || h?.(), k && (D.current = m.isPropagationStopped(), D.current || m.stopPropagation());
-          })
-        }
-      ),
-      k && /* @__PURE__ */ n.jsx(
-        Te,
-        {
-          control: p,
-          bubbles: !D.current,
-          name: a,
-          value: s,
-          checked: l,
-          required: r,
-          disabled: i,
-          form: g,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-ke.displayName = Y;
-var ye = "RadioIndicator", xe = c.forwardRef(
-  (o, e) => {
-    const { __scopeRadio: t, forceMount: a, ...l } = o, r = eo(ye, t);
-    return /* @__PURE__ */ n.jsx(Q, { present: a || r.checked, children: /* @__PURE__ */ n.jsx(
-      M.span,
-      {
-        "data-state": Le(r.checked),
-        "data-disabled": r.disabled ? "" : void 0,
-        ...l,
-        ref: e
-      }
-    ) });
-  }
-);
-xe.displayName = ye;
-var ao = "RadioBubbleInput", Te = c.forwardRef(
-  ({
-    __scopeRadio: o,
-    control: e,
-    checked: t,
-    bubbles: a = !0,
-    ...l
-  }, r) => {
-    const i = c.useRef(null), s = V(i, r), h = oe(t), g = te(e);
-    return c.useEffect(() => {
-      const u = i.current;
-      if (!u) return;
-      const p = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(
-        p,
-        "checked"
-      ).set;
-      if (h !== t && f) {
-        const d = new Event("click", { bubbles: a });
-        f.call(u, t), u.dispatchEvent(d);
-      }
-    }, [h, t, a]), /* @__PURE__ */ n.jsx(
-      M.input,
-      {
-        type: "radio",
-        "aria-hidden": !0,
-        defaultChecked: t,
-        ...l,
-        tabIndex: -1,
-        ref: s,
-        style: {
-          ...l.style,
-          ...g,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-Te.displayName = ao;
-function Le(o) {
-  return o ? "checked" : "unchecked";
-}
-var oo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], R = "RadioGroup", [to, ot] = B(R, [
-  me,
-  we
-]), ve = me(), Me = we(), [ro, io] = to(R), Oe = c.forwardRef(
-  (o, e) => {
-    const {
-      __scopeRadioGroup: t,
-      name: a,
-      defaultValue: l,
-      value: r,
-      required: i = !1,
-      disabled: s = !1,
-      orientation: h,
-      dir: g,
-      loop: u = !0,
-      onValueChange: p,
-      ...f
-    } = o, d = ve(t), D = ue(g), [k, m] = _({
-      prop: r,
-      defaultProp: l ?? null,
-      onChange: p,
-      caller: R
-    });
-    return /* @__PURE__ */ n.jsx(
-      ro,
-      {
-        scope: t,
-        name: a,
-        required: i,
-        disabled: s,
-        value: k,
-        onValueChange: m,
-        children: /* @__PURE__ */ n.jsx(
-          qa,
-          {
-            asChild: !0,
-            ...d,
-            orientation: h,
-            dir: D,
-            loop: u,
-            children: /* @__PURE__ */ n.jsx(
-              M.div,
-              {
-                role: "radiogroup",
-                "aria-required": i,
-                "aria-orientation": h,
-                "data-disabled": s ? "" : void 0,
-                dir: D,
-                ...f,
-                ref: e
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-Oe.displayName = R;
-var Ne = "RadioGroupItem", Se = c.forwardRef(
-  (o, e) => {
-    const { __scopeRadioGroup: t, disabled: a, ...l } = o, r = io(Ne, t), i = r.disabled || a, s = ve(t), h = Me(t), g = c.useRef(null), u = V(e, g), p = r.value === l.value, f = c.useRef(!1);
-    return c.useEffect(() => {
-      const d = (k) => {
-        oo.includes(k.key) && (f.current = !0);
-      }, D = () => f.current = !1;
-      return document.addEventListener("keydown", d), document.addEventListener("keyup", D), () => {
-        document.removeEventListener("keydown", d), document.removeEventListener("keyup", D);
-      };
-    }, []), /* @__PURE__ */ n.jsx(
-      Ka,
-      {
-        asChild: !0,
-        ...s,
-        focusable: !i,
-        active: p,
-        children: /* @__PURE__ */ n.jsx(
-          ke,
-          {
-            disabled: i,
-            required: r.required,
-            checked: p,
-            ...h,
-            ...l,
-            name: r.name,
-            ref: u,
-            onCheck: () => r.onValueChange(l.value),
-            onKeyDown: v((d) => {
-              d.key === "Enter" && d.preventDefault();
-            }),
-            onFocus: v(l.onFocus, () => {
-              f.current && g.current?.click();
-            })
-          }
-        )
-      }
-    );
-  }
-);
-Se.displayName = Ne;
-var lo = "RadioGroupIndicator", Ve = c.forwardRef(
-  (o, e) => {
-    const { __scopeRadioGroup: t, ...a } = o, l = Me(t);
-    return /* @__PURE__ */ n.jsx(xe, { ...l, ...a, ref: e });
-  }
-);
-Ve.displayName = lo;
-var He = Oe, Ie = Se, no = Ve;
-const so = P(
-  "aspect-square h-4 w-4 bg-primary-white dark:bg-primary-gray-650 rounded-full text-primary-gray-700 dark:text-primary-white shadow-sm focus:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      color: {
-        blue: "border-primary-blue-600 hover:bg-primary-blue-100 dark:border-primary-blue-400 dark:hover:bg-primary-blue-200",
-        red: "border-accent-dark-red hover:bg-accent-light-red dark:border-accent-red dark:hover:bg-accent-light-red",
-        black: "border-primary-gray-700 hover:bg-primary-gray-400 dark:border-primary-gray-100 dark:hover:bg-primary-gray-550",
-        custom: "border-custom-color-600 hover:bg-custom-color-100 dark:border-custom-color-400 dark:hover:bg-custom-color-200"
-      },
-      variant: {
-        light: "border",
-        normal: "border-2"
-      }
-    },
-    defaultVariants: {
-      color: "red",
-      variant: "normal"
-    }
-  }
-), co = P("stroke-0", {
-  variants: {
-    color: {
-      blue: "fill-primary-blue-600 dark:fill-primary-blue-400",
-      red: "fill-accent-dark-red dark:fill-accent-red",
-      black: "fill-primary-gray-700 dark:fill-primary-gray-100",
-      custom: "fill-custom-color-600 dark:fill-custom-color-400"
-    },
-    variant: {
-      light: "h-1.5 w-1.5",
-      normal: "h-2.5 w-2.5"
-    }
-  },
-  defaultVariants: {
-    color: "red",
-    variant: "normal"
-  }
-}), Ae = x.createContext({
-  color: null,
-  variant: null
-}), ho = x.forwardRef(({ className: o, color: e, variant: t, ...a }, l) => {
-  const r = x.useMemo(
-    () => ({
-      color: e,
-      variant: t
-    }),
-    [e, t]
-  );
-  return /* @__PURE__ */ n.jsx(Ae.Provider, { value: r, children: /* @__PURE__ */ n.jsx(
-    He,
-    {
-      ...a,
-      className: L("flex gap-x-4 gap-y-2 flex-row flex-wrap rtl:[direction:rtl]", o),
-      ref: l
-    }
-  ) });
-});
-ho.displayName = He.displayName;
-const go = x.forwardRef(({ className: o, radioClassName: e, labelClassName: t, label: a, ...l }, r) => {
-  const i = l.id || Z(), { color: s, variant: h } = x.useContext(Ae);
-  return /* @__PURE__ */ n.jsxs("div", { className: L("flex flex-row gap-2 items-center", o), children: [
-    /* @__PURE__ */ n.jsx(
-      Ie,
-      {
-        ...l,
-        ref: r,
-        className: L(so({ color: s, variant: h }), e),
-        id: i,
-        children: /* @__PURE__ */ n.jsx(no, { className: "flex items-center justify-center", children: /* @__PURE__ */ n.jsx(Za, { className: co({ color: s, variant: h }) }) })
-      }
-    ),
-    /* @__PURE__ */ n.jsx(z, { className: L("mt-0.5 text-base!", t), htmlFor: i, children: a })
-  ] });
-});
-go.displayName = Ie.displayName;
-function b(o, e, t) {
-  return e.findIndex((a) => a.chartConfigId === o) === -1 ? void 0 : typeof e[e.findIndex((a) => a.chartConfigId === o)].columnId == "object" ? e[e.findIndex((a) => a.chartConfigId === o)].columnId.map(
-    (a) => t.findIndex((l) => l.value === a) === -1 ? a : t[t.findIndex((l) => l.value === a)].label
-  ) : t.findIndex(
-    (a) => a.value === e[e.findIndex((l) => l.chartConfigId === o)].columnId
-  ) === -1 ? e[e.findIndex((a) => a.chartConfigId === o)].columnId : t[t.findIndex(
-    (a) => a.value === e[e.findIndex((l) => l.chartConfigId === o)].columnId
-  )].label;
-}
-function tt(o) {
+import { j as n } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { u as h } from "./Typography-Ctgfl1J5.js";
+import { ButterflyChart as D } from "./ButterflyChart.js";
+import { C as b } from "./index-BVnYktl4.js";
+import { DataTable as C } from "./DataTable.js";
+import { DonutChart as w } from "./DonutChart.js";
+import { HeatMap as T } from "./HeatMap.js";
+import { Histogram as k } from "./Histogram.js";
+import { DualAxisLineChart as x } from "./DualAxisLineChart.js";
+import { SimpleLineChart as y } from "./SimpleLineChart.js";
+import { MultiLineChart as L } from "./MultiLineChart.js";
+import { MultiLineAltChart as M } from "./MultiLineAltChart.js";
+import { SparkLine as O } from "./SparkLine.js";
+import { BiVariateChoroplethMap as N } from "./BiVariateChoroplethMap.js";
+import { ChoroplethMap as S } from "./ChoroplethMap.js";
+import { DotDensityMap as V } from "./DotDensityMap.js";
+import { ParetoChart as H } from "./ParetoChart.js";
+import { ScatterPlot as A } from "./ScatterPlot.js";
+import { SlopeChart as v } from "./SlopeChart.js";
+import { AreaChart as B } from "./AreaChart.js";
+import { StatCardFromData as I } from "./StatCardFromData.js";
+import { TreeMapGraph as P } from "./TreeMapGraph.js";
+import { UnitChart as W } from "./UnitChart.js";
+import { DifferenceLineChart as j } from "./DifferenceLineChart.js";
+import { SankeyChart as z } from "./SankeyChart.js";
+import { LineChartWithConfidenceInterval as F } from "./LineChartWithConfidenceInterval.js";
+import { DataCards as X } from "./DataCards.js";
+import { StackedBarGraph as Y, GroupedBarGraph as G, SimpleBarGraph as E } from "./BarGraph.js";
+import { DumbbellChart as R } from "./DumbbellChart.js";
+import { StripChart as $ } from "./StripChart.js";
+import { BeeSwarmChart as q } from "./BeeSwarmChart.js";
+import { RadarChart as U } from "./RadarChart.js";
+import { BulletChart as J } from "./BulletChart.js";
+import { g as i } from "./checkIfMultiple-CYp3vADF.js";
+function Ve(c) {
   const {
     settings: e,
-    graph: t,
+    graph: l,
     graphData: a,
-    debugMode: l,
-    graphDataConfiguration: r,
-    readableHeader: i,
+    debugMode: d,
+    graphDataConfiguration: o,
+    readableHeader: t,
     updateFilters: s
-  } = o;
-  if (l && (console.log(`Graph: ${t}`), console.log("Transformed data:", a), console.log("Settings:", e)), typeof a == "string")
-    return /* @__PURE__ */ I.jsx(
+  } = c;
+  if (d && (console.log(`Graph: ${l}`), console.log("Transformed data:", a), console.log("Settings:", e)), typeof a == "string")
+    return /* @__PURE__ */ n.jsx(
       "div",
       {
         className: `flex my-0 mx-auto grow flex-col justify-center ${e?.width ? "w-fit" : "w-full"}`,
         style: { height: "inherit" },
-        children: /* @__PURE__ */ I.jsx(
-          U,
+        children: /* @__PURE__ */ n.jsx(
+          h,
           {
             size: "sm",
             marginBottom: "none",
@@ -960,45 +59,41 @@ function tt(o) {
         )
       }
     );
-  const h = {
-    barChart: Ca,
-    bulletChart: Ta,
-    groupedBarChart: Da,
-    stackedBarChart: ba,
-    lineChart: Ue,
-    dualAxisLineChart: Ke,
-    multiLineChart: Ze,
-    multiLineAltChart: Qe,
-    stackedAreaChart: sa,
-    choroplethMap: aa,
-    biVariateChoroplethMap: ea,
-    dotDensityMap: oa,
-    donutChart: Xe,
-    slopeChart: na,
-    scatterPlot: la,
-    dumbbellChart: wa,
-    treeMap: da,
-    circlePacking: ze,
-    heatMap: Ye,
-    stripChart: ka,
-    beeSwarmChart: ya,
-    butterflyChart: _e,
-    histogram: qe,
-    sparkLine: Je,
-    paretoChart: ia,
-    dataTable: Ge,
-    statCard: ca,
-    geoHubCompareMap: ta,
-    geoHubMap: ra,
-    unitChart: ha,
-    differenceLineChart: ga,
-    geoHubMapWithLayerSelection: ua,
-    sankeyChart: pa,
-    lineChartWithConfidenceInterval: ma,
-    dataCards: fa,
-    radarChart: xa,
-    threeDGlobe: La
-  }, g = (f) => {
+  const m = {
+    barChart: E,
+    bulletChart: J,
+    groupedBarChart: G,
+    stackedBarChart: Y,
+    lineChart: y,
+    dualAxisLineChart: x,
+    multiLineChart: L,
+    multiLineAltChart: M,
+    stackedAreaChart: B,
+    choroplethMap: S,
+    biVariateChoroplethMap: N,
+    dotDensityMap: V,
+    donutChart: w,
+    slopeChart: v,
+    scatterPlot: A,
+    dumbbellChart: R,
+    treeMap: P,
+    circlePacking: b,
+    heatMap: T,
+    stripChart: $,
+    beeSwarmChart: q,
+    butterflyChart: D,
+    histogram: k,
+    sparkLine: O,
+    paretoChart: H,
+    dataTable: C,
+    statCard: I,
+    unitChart: W,
+    differenceLineChart: j,
+    sankeyChart: z,
+    lineChartWithConfidenceInterval: F,
+    dataCards: X,
+    radarChart: U
+  }, p = (f) => {
     switch (f) {
       case "barChart":
         return {
@@ -1025,7 +120,7 @@ function tt(o) {
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("color", o || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1051,8 +146,8 @@ function tt(o) {
           maxNumberOfBars: e?.maxNumberOfBars,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (d) => {
-            s?.(d.label);
+          onSeriesMouseClick: (r) => {
+            s?.(r.label);
           },
           resetSelectionOnDoubleClick: e?.resetSelectionOnDoubleClick,
           detailsOnClick: e?.detailsOnClick,
@@ -1084,7 +179,7 @@ function tt(o) {
           barPadding: e?.barPadding,
           showTicks: e?.showTicks,
           truncateBy: e?.truncateBy,
-          colorDomain: e?.colorDomain || b("size", r || [], i || []),
+          colorDomain: e?.colorDomain || i("size", o || [], t || []),
           colorLegendTitle: e?.colorLegendTitle,
           suffix: e?.suffix,
           prefix: e?.prefix,
@@ -1141,7 +236,7 @@ function tt(o) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
-          colorDomain: e?.colorDomain || b("size", r || [], i || []),
+          colorDomain: e?.colorDomain || i("size", o || [], t || []),
           colorLegendTitle: e?.colorLegendTitle,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -1199,7 +294,7 @@ function tt(o) {
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("color", o || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1225,8 +320,8 @@ function tt(o) {
           maxNumberOfBars: e?.maxNumberOfBars,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (d) => {
-            s?.(d.label);
+          onSeriesMouseClick: (r) => {
+            s?.(r.label);
           },
           resetSelectionOnDoubleClick: e?.resetSelectionOnDoubleClick,
           detailsOnClick: e?.detailsOnClick,
@@ -1362,8 +457,8 @@ function tt(o) {
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
           labels: e?.labels || [
-            b("y1", r || [], i || []),
-            b("y2", r || [], i || [])
+            i("y1", o || [], t || []),
+            i("y2", o || [], t || [])
           ],
           footNote: e?.footNote,
           width: e?.width,
@@ -1423,7 +518,7 @@ function tt(o) {
           suffix: e?.suffix,
           prefix: e?.prefix,
           showColorScale: e?.showColorScale,
-          labels: e?.labels || b("y", r || [], i || []),
+          labels: e?.labels || i("y", o || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           leftMargin: e?.leftMargin,
@@ -1536,8 +631,8 @@ function tt(o) {
           suffix: e?.suffix,
           prefix: e?.prefix,
           labels: e?.labels || [
-            b("y1", r || [], i || []),
-            b("y2", r || [], i || [])
+            i("y1", o || [], t || []),
+            i("y2", o || [], t || [])
           ],
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -1588,7 +683,7 @@ function tt(o) {
           sources: e?.sources,
           noOfXTicks: e?.noOfXTicks,
           dateFormat: e?.dateFormat,
-          colorDomain: e?.colorDomain || b("y", r || [], i || []),
+          colorDomain: e?.colorDomain || i("y", o || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           colorLegendTitle: e?.colorLegendTitle,
@@ -1635,7 +730,7 @@ function tt(o) {
           sources: e?.sources,
           colorDomain: e?.colorDomain,
           colors: e?.colors,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("x", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("x", o || [], t || []),
           scaleType: e?.scaleType,
           categorical: e?.categorical,
           data: a,
@@ -1662,8 +757,8 @@ function tt(o) {
           minHeight: e?.minHeight,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (d) => {
-            s?.(d.id);
+          onSeriesMouseClick: (r) => {
+            s?.(r.id);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -1687,8 +782,8 @@ function tt(o) {
           width: e?.width,
           height: e?.height,
           sources: e?.sources,
-          xColorLegendTitle: Object.keys(e || {}).indexOf("xColorLegendTitle") !== -1 ? e?.xColorLegendTitle : b("x", r || [], i || []),
-          yColorLegendTitle: Object.keys(e || {}).indexOf("yColorLegendTitle") !== -1 ? e?.yColorLegendTitle : b("y", r || [], i || []),
+          xColorLegendTitle: Object.keys(e || {}).indexOf("xColorLegendTitle") !== -1 ? e?.xColorLegendTitle : i("x", o || [], t || []),
+          yColorLegendTitle: Object.keys(e || {}).indexOf("yColorLegendTitle") !== -1 ? e?.yColorLegendTitle : i("y", o || [], t || []),
           xDomain: e?.xDomain,
           yDomain: e?.yDomain,
           colors: e?.colors,
@@ -1714,8 +809,8 @@ function tt(o) {
           minHeight: e?.minHeight,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (d) => {
-            s?.(d.id);
+          onSeriesMouseClick: (r) => {
+            s?.(r.id);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -1742,7 +837,7 @@ function tt(o) {
           sources: e?.sources,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("color", o || [], t || []),
           data: a,
           scale: e?.scale,
           centerPoint: e?.centerPoint,
@@ -1772,53 +867,6 @@ function tt(o) {
           zoomInteraction: e?.zoomInteraction,
           animate: e?.animate
         };
-      case "threeDGlobe":
-        return {
-          globeOffset: e?.globeOffset,
-          polygonAltitude: e?.polygonAltitude,
-          highlightedIds: e?.highlightedIds,
-          scale: e?.scale,
-          theme: e?.theme,
-          resetSelectionOnDoubleClick: e?.resetSelectionOnDoubleClick,
-          graphTitle: e?.graphTitle,
-          mapData: e?.mapData,
-          graphDescription: e?.graphDescription,
-          footNote: e?.footNote,
-          width: e?.width,
-          height: e?.height,
-          sources: e?.sources,
-          colorDomain: e?.colorDomain,
-          colors: e?.colors,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("x", r || [], i || []),
-          scaleType: e?.scaleType,
-          data: a,
-          centerPoint: e?.centerPoint,
-          backgroundColor: e?.backgroundColor,
-          mapNoDataColor: e?.mapNoDataColor,
-          mapBorderColor: e?.mapBorderColor,
-          relativeHeight: e?.relativeHeight,
-          padding: e?.padding,
-          tooltip: e?.tooltip,
-          showColorScale: e?.showColorScale,
-          graphID: e?.graphID,
-          dataDownload: e?.dataDownload,
-          mapProperty: e?.mapProperty,
-          language: e?.language,
-          minHeight: e?.minHeight,
-          ariaLabel: e?.ariaLabel,
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (d) => {
-            s?.(d.id);
-          },
-          detailsOnClick: e?.detailsOnClick,
-          styles: e?.styles,
-          classNames: e?.classNames,
-          categorical: e?.categorical,
-          autoRotate: e?.autoRotate,
-          globeMaterial: e?.globeMaterial,
-          atmosphereColor: e?.atmosphereColor,
-          enableZoom: e?.enableZoom
-        };
       case "donutChart":
         return {
           precision: e?.precision,
@@ -1855,8 +903,8 @@ function tt(o) {
           ariaLabel: e?.ariaLabel,
           legendMaxWidth: e?.legendMaxWidth,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (d) => {
-            s?.(d.label);
+          onSeriesMouseClick: (r) => {
+            s?.(r.label);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -1879,7 +927,7 @@ function tt(o) {
           showLabels: e?.showLabels,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("color", o || [], t || []),
           radius: e?.radius,
           axisTitles: e?.axisTitles,
           backgroundColor: e?.backgroundColor,
@@ -1924,10 +972,10 @@ function tt(o) {
           showLabels: e?.showLabels,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("color", o || [], t || []),
           radius: e?.radius,
-          xAxisTitle: Object.keys(e || {}).indexOf("xAxisTitle") !== -1 ? e?.xAxisTitle : b("x", r || [], i || []),
-          yAxisTitle: Object.keys(e || {}).indexOf("yAxisTitle") !== -1 ? e?.yAxisTitle : b("y", r || [], i || []),
+          xAxisTitle: Object.keys(e || {}).indexOf("xAxisTitle") !== -1 ? e?.xAxisTitle : i("x", o || [], t || []),
+          yAxisTitle: Object.keys(e || {}).indexOf("yAxisTitle") !== -1 ? e?.yAxisTitle : i("y", o || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           leftMargin: e?.leftMargin,
@@ -1994,7 +1042,7 @@ function tt(o) {
           truncateBy: e?.truncateBy,
           labelOrder: e?.labelOrder,
           showColorScale: e?.showColorScale,
-          colorDomain: e?.colorDomain || b("x", r || [], i || []),
+          colorDomain: e?.colorDomain || i("x", o || [], t || []),
           colorLegendTitle: e?.colorLegendTitle,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -2048,7 +1096,7 @@ function tt(o) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("color", o || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -2067,8 +1115,8 @@ function tt(o) {
           showNAColor: e?.showNAColor,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (d) => {
-            s?.(d.label);
+          onSeriesMouseClick: (r) => {
+            s?.(r.label);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -2094,7 +1142,7 @@ function tt(o) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("color", o || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -2115,8 +1163,8 @@ function tt(o) {
           radius: e?.radius,
           maxRadiusValue: e?.maxRadiusValue,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (d) => {
-            s?.(d.label);
+          onSeriesMouseClick: (r) => {
+            s?.(r.label);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -2142,7 +1190,7 @@ function tt(o) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("color", o || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -2185,7 +1233,7 @@ function tt(o) {
           sources: e?.sources,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("color", o || [], t || []),
           radius: e?.radius,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -2237,7 +1285,7 @@ function tt(o) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : i("color", o || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -2276,8 +1324,8 @@ function tt(o) {
           data: a,
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
-          leftBarTitle: Object.keys(e || {}).indexOf("leftBarTitle") !== -1 ? e?.leftBarTitle : b("leftBar", r || [], i || []),
-          rightBarTitle: Object.keys(e || {}).indexOf("rightBarTitle") !== -1 ? e?.rightBarTitle : b("rightBar", r || [], i || []),
+          leftBarTitle: Object.keys(e || {}).indexOf("leftBarTitle") !== -1 ? e?.leftBarTitle : i("leftBar", o || [], t || []),
+          rightBarTitle: Object.keys(e || {}).indexOf("rightBarTitle") !== -1 ? e?.rightBarTitle : i("rightBar", o || [], t || []),
           footNote: e?.footNote,
           width: e?.width,
           height: e?.height,
@@ -2401,8 +1449,8 @@ function tt(o) {
           showValues: e?.showValues,
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
-          barTitle: Object.keys(e || {}).indexOf("barTitle") !== -1 ? e?.barTitle : b("barTitle", r || [], i || []),
-          lineTitle: Object.keys(e || {}).indexOf("lineTitle") !== -1 ? e?.lineTitle : b("lineTitle", r || [], i || []),
+          barTitle: Object.keys(e || {}).indexOf("barTitle") !== -1 ? e?.barTitle : i("barTitle", o || [], t || []),
+          lineTitle: Object.keys(e || {}).indexOf("lineTitle") !== -1 ? e?.lineTitle : i("lineTitle", o || [], t || []),
           footNote: e?.footNote,
           width: e?.width,
           height: e?.height,
@@ -2491,79 +1539,6 @@ function tt(o) {
           classNames: e?.classNames,
           layout: e?.layout
         };
-      case "geoHubCompareMap":
-        return {
-          theme: e?.theme,
-          graphTitle: e?.graphTitle,
-          sources: e?.sources,
-          graphDescription: e?.graphDescription,
-          footNote: e?.footNote,
-          backgroundColor: e?.backgroundColor,
-          padding: e?.padding,
-          width: e?.width,
-          height: e?.height,
-          relativeHeight: e?.relativeHeight,
-          graphID: e?.graphID,
-          mapStyles: e?.mapStyles,
-          center: e?.center,
-          zoomLevel: e?.zoomLevel,
-          language: e?.language,
-          minHeight: e?.minHeight,
-          ariaLabel: e?.ariaLabel,
-          styles: e?.styles,
-          classNames: e?.classNames,
-          mapLegend: e?.mapLegend
-        };
-      case "geoHubMap":
-        return {
-          theme: e?.theme,
-          mapStyle: e?.mapStyle,
-          center: e?.center,
-          zoomLevel: e?.zoomLevel,
-          graphTitle: e?.graphTitle,
-          sources: e?.sources,
-          graphDescription: e?.graphDescription,
-          footNote: e?.footNote,
-          backgroundColor: e?.backgroundColor,
-          padding: e?.padding,
-          width: e?.width,
-          height: e?.height,
-          relativeHeight: e?.relativeHeight,
-          graphID: e?.graphID,
-          language: e?.language,
-          minHeight: e?.minHeight,
-          includeLayers: e?.includeLayers,
-          excludeLayers: e?.excludeLayers,
-          ariaLabel: e?.ariaLabel,
-          uiMode: e?.uiMode,
-          styles: e?.styles,
-          classNames: e?.classNames,
-          mapLegend: e?.mapLegend
-        };
-      case "geoHubMapWithLayerSelection":
-        return {
-          theme: e?.theme,
-          mapStyle: e?.mapStyle,
-          center: e?.center,
-          zoomLevel: e?.zoomLevel,
-          graphTitle: e?.graphTitle,
-          sources: e?.sources,
-          graphDescription: e?.graphDescription,
-          footNote: e?.footNote,
-          backgroundColor: e?.backgroundColor,
-          padding: e?.padding,
-          width: e?.width,
-          height: e?.height,
-          relativeHeight: e?.relativeHeight,
-          graphID: e?.graphID,
-          language: e?.language,
-          minHeight: e?.minHeight,
-          layerSelection: e?.layerSelection,
-          excludeLayers: e?.excludeLayers,
-          ariaLabel: e?.ariaLabel,
-          uiMode: e?.uiMode,
-          mapLegend: e?.mapLegend
-        };
       case "unitChart":
         return {
           precision: e?.precision,
@@ -2726,34 +1701,25 @@ function tt(o) {
       default:
         return {};
     }
-  }, u = h[t], p = g(t);
-  return /* @__PURE__ */ I.jsx(
+  }, g = m[l], u = p(l);
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: `grow my-0 ${t !== "statCard" ? "mx-auto" : "mx-0"} flex flex-col h-inherit ${e?.width ? "w-fit" : "w-full"} ${t !== "unitChart" && t !== "statCard" ? "justify-center" : "justify-start"} ${e?.theme || "light"}`,
+      className: `grow my-0 ${l !== "statCard" ? "mx-auto" : "mx-0"} flex flex-col h-inherit ${e?.width ? "w-fit" : "w-full"} ${l !== "unitChart" && l !== "statCard" ? "justify-center" : "justify-start"} ${e?.theme || "light"}`,
       style: { minHeight: "inherit" },
-      children: u ? /* @__PURE__ */ I.jsx(u, { ...p }) : /* @__PURE__ */ I.jsx(
-        U,
+      children: g ? /* @__PURE__ */ n.jsx(g, { ...u }) : /* @__PURE__ */ n.jsx(
+        h,
         {
           size: "sm",
           marginBottom: "none",
           className: "p-2 text-center text-accent-dark-red dark:text-accent-red",
-          children: `Invalid chart type: ${t}`
+          children: `Invalid chart type: ${l}`
         }
       )
     }
   );
 }
-function rt(o, e) {
-  return e.findIndex((t) => t.chartConfigId === o) === -1 ? !1 : typeof e[e.findIndex((t) => t.chartConfigId === o)].columnId != "string";
-}
 export {
-  Ba as G,
-  ho as a,
-  tt as b,
-  rt as c,
-  z as f,
-  go as v,
-  Pa as w
+  Ve as G
 };
-//# sourceMappingURL=checkIfMultiple-BB7PlCNh.js.map
+//# sourceMappingURL=GraphEl-Cw2tDUb3.js.map