@undp/data-viz 1.3.0 → 1.3.1

package/dist/{checkIfMultiple-CaefP4X2.js → checkIfMultiple-BB7PlCNh.js}

@@ -1,463 +1,956 @@
-import { r as be, b as xe, a as We, j as me } from "./index-BHm2KTjD-2e-Fu8L-.js";
-import ne from "react";
-import { a as De, r as Ce, d as Fe, e as Xe } from "./index-01r5X3Gr-kH7FxQ7P.js";
-import { r as ze } from "./x-Dft9NVe_-DcB7wtv5.js";
-import { r as Ye } from "./index-CqzhBPuO-CfQywbdq.js";
-import { r as Ke } from "./Modal-C9txyGOk.js";
-import { T as Ne } from "./Typography-XJoSE-By.js";
-import { ButterflyChart as $e } from "./ButterflyChart.js";
-import { C as Ue } from "./index-DSnvdkHZ.js";
-import { DataTable as Qe } from "./DataTable.js";
-import { DonutChart as Ze } from "./DonutChart.js";
-import { HeatMap as Je } from "./HeatMap.js";
-import { Histogram as ea } from "./Histogram.js";
-import { DualAxisLineChart as aa } from "./DualAxisLineChart.js";
-import { SimpleLineChart as ta } from "./SimpleLineChart.js";
-import { MultiLineChart as oa } from "./MultiLineChart.js";
-import { MultiLineAltChart as ra } from "./MultiLineAltChart.js";
-import { SparkLine as ia } from "./SparkLine.js";
-import { BiVariateChoroplethMap as la } from "./BiVariateChoroplethMap.js";
-import { ChoroplethMap as na } from "./ChoroplethMap.js";
-import { DotDensityMap as sa } from "./DotDensityMap.js";
-import { GeoHubCompareMaps as ca } from "./GeoHubCompareMaps.js";
-import { GeoHubMap as da } from "./GeoHubMap.js";
-import { ParetoChart as ga } from "./ParetoChart.js";
-import { ScatterPlot as ha } from "./ScatterPlot.js";
-import { SlopeChart as ua } from "./SlopeChart.js";
-import { AreaChart as pa } from "./AreaChart.js";
-import { StatCardFromData as ma } from "./StatCardFromData.js";
-import { TreeMapGraph as fa } from "./TreeMapGraph.js";
-import { UnitChart as ba } from "./UnitChart.js";
-import { DifferenceLineChart as xa } from "./DifferenceLineChart.js";
-import { GeoHubMapWithLayerSelection as Da } from "./GeoHubMapWithLayerSelection.js";
-import { SankeyChart as Ca } from "./SankeyChart.js";
-import { LineChartWithConfidenceInterval as wa } from "./LineChartWithConfidenceInterval.js";
-import { D as ka } from "./index-BIPNFFja.js";
-import { StackedBarGraph as ya, GroupedBarGraph as va, SimpleBarGraph as Ta } from "./BarGraph.js";
-import { DumbbellChart as La } from "./DumbbellChart.js";
-import { StripChart as Oa } from "./StripChart.js";
-import { BeeSwarmChart as Ma } from "./BeeSwarmChart.js";
-import { RadarChart as Sa } from "./RadarChart.js";
-import { BulletChart as Na } from "./BulletChart.js";
-import { ThreeDGlobe as Ia } from "./ThreeDGlobe.js";
-var we = {}, Ie;
-function Se() {
-  return Ie || (Ie = 1, function(u) {
-    Object.defineProperty(u, Symbol.toStringTag, { value: "Module" });
-    const e = /* @__PURE__ */ be(), i = ne, a = /* @__PURE__ */ De(), s = /* @__PURE__ */ xe();
-    function t(k) {
-      const f = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-      if (k) {
-        for (const r in k) if (r !== "default") {
-          const V = Object.getOwnPropertyDescriptor(k, r);
-          Object.defineProperty(f, r, V.get ? V : { enumerable: !0, get: () => k[r] });
-        }
-      }
-      return f.default = k, Object.freeze(f);
+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());
     }
-    const o = t(i);
-    var c = "Label", L = o.forwardRef((k, f) => e.jsxRuntimeExports.jsx(a.Primitive.label, { ...k, ref: f, onMouseDown: (r) => {
-      r.target.closest("button, input, select, textarea") || (k.onMouseDown?.(r), !r.defaultPrevented && r.detail > 1 && r.preventDefault());
-    } }));
-    L.displayName = c;
-    var b = L;
-    const D = i.forwardRef(({ className: k, ...f }, r) => e.jsxRuntimeExports.jsx(b, { ...f, ref: r, className: s.cn("text-sm m-0 p-0 block text-primary-gray-700 dark:text-primary-white peer-disabled:cursor-not-allowed peer-disabled:opacity-50", k) }));
-    D.displayName = b.displayName, u.Label = D;
-  }(we)), we;
+  }
+));
+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]);
 }
-var Tt = /* @__PURE__ */ Se(), ke = {}, ye = {}, ve = {}, He;
-function Ge() {
-  if (He) return ve;
-  He = 1;
-  const u = ne;
-  function e(s) {
-    const t = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-    if (s) {
-      for (const o in s) if (o !== "default") {
-        const c = Object.getOwnPropertyDescriptor(s, o);
-        Object.defineProperty(t, o, c.get ? c : { enumerable: !0, get: () => s[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
     }
-    return t.default = s, Object.freeze(t);
+  );
+}
+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());
+        })
+      }
+    );
   }
-  const i = e(u);
-  function a(s) {
-    const t = i.useRef({ value: s, previous: s });
-    return i.useMemo(() => (t.current.value !== s && (t.current.previous = t.current.value, t.current.value = s), t.current.previous), [s]);
+);
+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
+            }
+          )
+        ] })
+      }
+    );
   }
-  return ve.usePrevious = a, ve;
-}
-var Te = {}, Ve;
-function qe() {
-  if (Ve) return Te;
-  Ve = 1;
-  const u = ne, e = /* @__PURE__ */ Ce();
-  function i(t) {
-    const o = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-    if (t) {
-      for (const c in t) if (c !== "default") {
-        const L = Object.getOwnPropertyDescriptor(t, c);
-        Object.defineProperty(o, c, L.get ? L : { enumerable: !0, get: () => t[c] });
+);
+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 }
+          }
+        )
       }
-    }
-    return o.default = t, Object.freeze(o);
+    );
   }
-  const a = i(u);
-  function s(t) {
-    const [o, c] = a.useState(void 0);
-    return e.useLayoutEffect2(() => {
-      if (t) {
-        c({ width: t.offsetWidth, height: t.offsetHeight });
-        const L = new ResizeObserver((b) => {
-          if (!Array.isArray(b) || !b.length) return;
-          const D = b[0];
-          let k, f;
-          if ("borderBoxSize" in D) {
-            const r = D.borderBoxSize, V = Array.isArray(r) ? r[0] : r;
-            k = V.inlineSize, f = V.blockSize;
-          } else k = t.offsetWidth, f = t.offsetHeight;
-          c({ width: k, height: f });
-        });
-        return L.observe(t, { box: "border-box" }), () => L.unobserve(t);
-      } else c(void 0);
-    }, [t]), o;
+);
+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%)"
+        }
+      }
+    );
   }
-  return Te.useSize = s, Te;
+);
+ce.displayName = se;
+function Ha(o) {
+  return typeof o == "function";
 }
-var Le = {}, je;
-function Ha() {
-  if (je) return Le;
-  je = 1;
-  const u = /* @__PURE__ */ ze();
-  /**
-  * @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 e = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], i = u.createLucideIcon("check", e);
-  return Le.Check = i, Le;
+function O(o) {
+  return o === "indeterminate";
 }
-var Re;
-function Va() {
-  return Re || (Re = 1, function(u) {
-    Object.defineProperty(u, Symbol.toStringTag, { value: "Module" });
-    const e = /* @__PURE__ */ be(), i = ne, a = /* @__PURE__ */ De(), s = /* @__PURE__ */ Ce(), t = /* @__PURE__ */ Ge(), o = /* @__PURE__ */ qe(), c = /* @__PURE__ */ Fe(), L = /* @__PURE__ */ We(), b = /* @__PURE__ */ Se(), D = /* @__PURE__ */ xe(), k = /* @__PURE__ */ Ha();
-    function f(n) {
-      const d = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-      if (n) {
-        for (const O in n) if (O !== "default") {
-          const I = Object.getOwnPropertyDescriptor(n, O);
-          Object.defineProperty(d, O, I.get ? I : { enumerable: !0, get: () => n[O] });
-        }
+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"
       }
-      return d.default = n, Object.freeze(d);
+    },
+    defaultVariants: {
+      color: "red",
+      variant: "normal"
     }
-    const r = f(i);
-    var V = "Checkbox", [N, de] = s.createContextScope(V), [se, K] = N(V);
-    function $(n) {
-      const { __scopeCheckbox: d, checked: O, children: I, defaultChecked: M, disabled: x, form: j, name: H, onCheckedChange: y, required: A, value: G = "on", internal_do_not_use_render: W } = n, [F, X] = s.useControllableState({ prop: O, defaultProp: M ?? !1, onChange: y, caller: V }), [v, P] = r.useState(null), [R, l] = r.useState(null), p = r.useRef(!1), h = v ? !!j || !!v.closest("form") : !0, T = { checked: F, disabled: x, setChecked: X, control: v, setControl: P, name: H, form: j, value: G, hasConsumerStoppedPropagationRef: p, required: A, defaultChecked: _(M) ? !1 : M, isFormControl: h, bubbleInput: R, setBubbleInput: l };
-      return e.jsxRuntimeExports.jsx(se, { scope: d, ...T, children: ce(W) ? W(T) : I });
+  }
+), 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"
     }
-    var U = "CheckboxTrigger", ie = r.forwardRef(({ __scopeCheckbox: n, onKeyDown: d, onClick: O, ...I }, M) => {
-      const { control: x, value: j, disabled: H, checked: y, required: A, setControl: G, setChecked: W, hasConsumerStoppedPropagationRef: F, isFormControl: X, bubbleInput: v } = K(U, n), P = a.useComposedRefs(M, G), R = r.useRef(y);
-      return r.useEffect(() => {
-        const l = x?.form;
-        if (l) {
-          const p = () => W(R.current);
-          return l.addEventListener("reset", p), () => l.removeEventListener("reset", p);
-        }
-      }, [x, W]), e.jsxRuntimeExports.jsx(a.Primitive.button, { type: "button", role: "checkbox", "aria-checked": _(y) ? "mixed" : y, "aria-required": A, "data-state": he(y), "data-disabled": H ? "" : void 0, disabled: H, value: j, ...I, ref: P, onKeyDown: s.composeEventHandlers(d, (l) => {
-        l.key === "Enter" && l.preventDefault();
-      }), onClick: s.composeEventHandlers(O, (l) => {
-        W((p) => _(p) ? !0 : !p), v && X && (F.current = l.isPropagationStopped(), F.current || l.stopPropagation());
-      }) });
-    });
-    ie.displayName = U;
-    var Q = r.forwardRef((n, d) => {
-      const { __scopeCheckbox: O, name: I, checked: M, defaultChecked: x, required: j, disabled: H, value: y, onCheckedChange: A, form: G, ...W } = n;
-      return e.jsxRuntimeExports.jsx($, { __scopeCheckbox: O, checked: M, defaultChecked: x, disabled: H, required: j, onCheckedChange: A, name: I, form: G, value: y, internal_do_not_use_render: ({ isFormControl: F }) => e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment, { children: [e.jsxRuntimeExports.jsx(ie, { ...W, ref: d, __scopeCheckbox: O }), F && e.jsxRuntimeExports.jsx(ge, { __scopeCheckbox: O })] }) });
-    });
-    Q.displayName = V;
-    var ae = "CheckboxIndicator", te = r.forwardRef((n, d) => {
-      const { __scopeCheckbox: O, forceMount: I, ...M } = n, x = K(ae, O);
-      return e.jsxRuntimeExports.jsx(c.Presence, { present: I || _(x.checked) || x.checked === !0, children: e.jsxRuntimeExports.jsx(a.Primitive.span, { "data-state": he(x.checked), "data-disabled": x.disabled ? "" : void 0, ...M, ref: d, style: { pointerEvents: "none", ...n.style } }) });
-    });
-    te.displayName = ae;
-    var oe = "CheckboxBubbleInput", ge = r.forwardRef(({ __scopeCheckbox: n, ...d }, O) => {
-      const { control: I, hasConsumerStoppedPropagationRef: M, checked: x, defaultChecked: j, required: H, disabled: y, name: A, value: G, form: W, bubbleInput: F, setBubbleInput: X } = K(oe, n), v = a.useComposedRefs(O, X), P = t.usePrevious(x), R = o.useSize(I);
-      r.useEffect(() => {
-        const p = F;
-        if (!p) return;
-        const h = window.HTMLInputElement.prototype, T = Object.getOwnPropertyDescriptor(h, "checked").set, C = !M.current;
-        if (P !== x && T) {
-          const m = new Event("click", { bubbles: C });
-          p.indeterminate = _(x), T.call(p, _(x) ? !1 : x), p.dispatchEvent(m);
+  },
+  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
+                }
+              )
+            }
+          )
         }
-      }, [F, P, x, M]);
-      const l = r.useRef(_(x) ? !1 : x);
-      return e.jsxRuntimeExports.jsx(a.Primitive.input, { type: "checkbox", "aria-hidden": !0, defaultChecked: j ?? l.current, required: H, disabled: y, name: A, value: G, form: W, ...d, tabIndex: -1, ref: v, style: { ...d.style, ...R, position: "absolute", pointerEvents: "none", opacity: 0, margin: 0, transform: "translateX(-100%)" } });
-    });
-    ge.displayName = oe;
-    function ce(n) {
-      return typeof n == "function";
-    }
-    function _(n) {
-      return n === "indeterminate";
-    }
-    function he(n) {
-      return _(n) ? "indeterminate" : n ? "checked" : "unchecked";
-    }
-    const le = L.cva("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" } }), g = L.cva("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" } }), S = i.forwardRef(({ className: n, labelClassName: d, checkBoxClassName: O, checkIconClassName: I, label: M, color: x, variant: j, ...H }, y) => {
-      const A = H.id || D.generateRandomId();
-      return e.jsxRuntimeExports.jsxs("div", { className: D.cn("flex flex-row gap-2 items-center", n), children: [e.jsxRuntimeExports.jsx(Q, { ...H, ref: y, className: D.cn(le({ color: x, variant: j }), O), id: A, children: e.jsxRuntimeExports.jsx(te, { className: D.cn("flex items-center justify-center text-current"), children: e.jsxRuntimeExports.jsx(k.Check, { className: D.cn(g({ color: x, variant: j }), I), strokeWidth: j === "light" ? 2 : 4 }) }) }), M ? e.jsxRuntimeExports.jsx(b.Label, { className: D.cn("mt-0.5 text-base!", d), htmlFor: A, children: M }) : null] });
-    });
-    S.displayName = Q.displayName, u.Checkbox = S;
-  }(ye)), ye;
-}
-var Ae;
-function ja() {
-  return Ae || (Ae = 1, function(u) {
-    Object.defineProperty(u, Symbol.toStringTag, { value: "Module" });
-    const e = /* @__PURE__ */ be(), i = ne, a = /* @__PURE__ */ Va(), s = /* @__PURE__ */ xe(), t = i.createContext({ selectedValues: [], onValueChange: () => {
-    }, color: void 0, variant: void 0 }), o = i.forwardRef(({ className: L, children: b, value: D, variant: k, color: f, onValueChange: r, defaultValue: V, ...N }, de) => {
-      const [se, K] = i.useState(V || []), $ = D !== void 0 ? D : se, U = i.useCallback((Q, ae) => {
-        const te = ae ? [...$, Q] : $.filter((oe) => oe !== Q);
-        D === void 0 && K(te), r?.(te);
-      }, [$, D, r]), ie = i.useMemo(() => ({ selectedValues: $, color: f, variant: k, onValueChange: U }), [$, U, f, k]);
-      return e.jsxRuntimeExports.jsx(t.Provider, { value: ie, children: e.jsxRuntimeExports.jsx("div", { ...N, className: s.cn("flex gap-x-4 gap-y-2 flex-row flex-wrap", L), ref: de, children: b }) });
-    });
-    o.displayName = "CheckboxGroup";
-    const c = i.forwardRef(({ value: L, ...b }, D) => {
-      const { selectedValues: k, onValueChange: f, color: r, variant: V } = i.useContext(t);
-      return e.jsxRuntimeExports.jsx(a.Checkbox, { ref: D, ...b, value: L, color: r, variant: V, checked: k.includes(L), onCheckedChange: (N) => f(L, N === !0) });
-    });
-    c.displayName = "CheckboxGroupItem", u.CheckboxGroup = o, u.CheckboxGroupItem = c;
-  }(ke)), ke;
-}
-var Lt = /* @__PURE__ */ ja(), Oe = {}, fe = {}, Me = {}, Pe;
-function _e() {
-  if (Pe) return Me;
-  Pe = 1;
-  const u = ne;
-  function e(t) {
-    const o = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-    if (t) {
-      for (const c in t) if (c !== "default") {
-        const L = Object.getOwnPropertyDescriptor(t, c);
-        Object.defineProperty(o, c, L.get ? L : { enumerable: !0, get: () => t[c] });
-      }
-    }
-    return o.default = t, Object.freeze(o);
+      ),
+      l ? /* @__PURE__ */ n.jsx(z, { className: L("mt-0.5 text-base!", e), htmlFor: g, children: l }) : null
+    ] });
   }
-  const i = e(u);
-  var a = i.createContext(void 0);
-  function s(t) {
-    const o = i.useContext(a);
-    return t || o || "ltr";
+);
+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
+      }
+    ) });
   }
-  return Me.useDirection = s, Me;
+);
+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 Ee;
-function Ra() {
-  if (Ee) return fe;
-  Ee = 1;
-  const u = ne, e = /* @__PURE__ */ Ce(), i = /* @__PURE__ */ Ye(), a = /* @__PURE__ */ De(), s = /* @__PURE__ */ Ke(), t = /* @__PURE__ */ Xe(), o = /* @__PURE__ */ _e(), c = /* @__PURE__ */ be();
-  function L(g) {
-    const S = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-    if (g) {
-      for (const n in g) if (n !== "default") {
-        const d = Object.getOwnPropertyDescriptor(g, n);
-        Object.defineProperty(S, n, d.get ? d : { enumerable: !0, get: () => g[n] });
-      }
+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))
+        }
+      )
     }
-    return S.default = g, Object.freeze(S);
+  );
+}), 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
+          }
+        )
+      }
+    );
   }
-  const b = L(u);
-  var D = "rovingFocusGroup.onEntryFocus", k = { bubbles: !1, cancelable: !0 }, f = "RovingFocusGroup", [r, V, N] = i.createCollection(f), [de, se] = e.createContextScope(f, [N]), [K, $] = de(f), U = b.forwardRef((g, S) => c.jsxRuntimeExports.jsx(r.Provider, { scope: g.__scopeRovingFocusGroup, children: c.jsxRuntimeExports.jsx(r.Slot, { scope: g.__scopeRovingFocusGroup, children: c.jsxRuntimeExports.jsx(ie, { ...g, ref: S }) }) }));
-  U.displayName = f;
-  var ie = b.forwardRef((g, S) => {
-    const { __scopeRovingFocusGroup: n, orientation: d, loop: O = !1, dir: I, currentTabStopId: M, defaultCurrentTabStopId: x, onCurrentTabStopIdChange: j, onEntryFocus: H, preventScrollOnEntryFocus: y = !1, ...A } = g, G = b.useRef(null), W = a.useComposedRefs(S, G), F = o.useDirection(I), [X, v] = e.useControllableState({ prop: M, defaultProp: x ?? null, onChange: j, caller: f }), [P, R] = b.useState(!1), l = t.useCallbackRef(H), p = V(n), h = b.useRef(!1), [T, C] = b.useState(0);
-    return b.useEffect(() => {
-      const m = G.current;
-      if (m) return m.addEventListener(D, l), () => m.removeEventListener(D, l);
-    }, [l]), c.jsxRuntimeExports.jsx(K, { scope: n, orientation: d, dir: F, loop: O, currentTabStopId: X, onItemFocus: b.useCallback((m) => v(m), [v]), onItemShiftTab: b.useCallback(() => R(!0), []), onFocusableItemAdd: b.useCallback(() => C((m) => m + 1), []), onFocusableItemRemove: b.useCallback(() => C((m) => m - 1), []), children: c.jsxRuntimeExports.jsx(a.Primitive.div, { tabIndex: P || T === 0 ? -1 : 0, "data-orientation": d, ...A, ref: W, style: { outline: "none", ...g.style }, onMouseDown: e.composeEventHandlers(g.onMouseDown, () => {
-      h.current = !0;
-    }), onFocus: e.composeEventHandlers(g.onFocus, (m) => {
-      const E = !h.current;
-      if (m.target === m.currentTarget && E && !P) {
-        const q = new CustomEvent(D, k);
-        if (m.currentTarget.dispatchEvent(q), !q.defaultPrevented) {
-          const z = p().filter((B) => B.focusable), Z = z.find((B) => B.active), J = z.find((B) => B.id === X), Y = [Z, J, ...z].filter(Boolean).map((B) => B.ref.current);
-          ce(Y, y);
+);
+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
       }
-      h.current = !1;
-    }), onBlur: e.composeEventHandlers(g.onBlur, () => R(!1)) }) });
-  }), Q = "RovingFocusGroupItem", ae = b.forwardRef((g, S) => {
-    const { __scopeRovingFocusGroup: n, focusable: d = !0, active: O = !1, tabStopId: I, children: M, ...x } = g, j = s.useId(), H = I || j, y = $(Q, n), A = y.currentTabStopId === H, G = V(n), { onFocusableItemAdd: W, onFocusableItemRemove: F, currentTabStopId: X } = y;
-    return b.useEffect(() => {
-      if (d) return W(), () => F();
-    }, [d, W, F]), c.jsxRuntimeExports.jsx(r.ItemSlot, { scope: n, id: H, focusable: d, active: O, children: c.jsxRuntimeExports.jsx(a.Primitive.span, { tabIndex: A ? 0 : -1, "data-orientation": y.orientation, ...x, ref: S, onMouseDown: e.composeEventHandlers(g.onMouseDown, (v) => {
-      d ? y.onItemFocus(H) : v.preventDefault();
-    }), onFocus: e.composeEventHandlers(g.onFocus, () => y.onItemFocus(H)), onKeyDown: e.composeEventHandlers(g.onKeyDown, (v) => {
-      if (v.key === "Tab" && v.shiftKey) {
-        y.onItemShiftTab();
-        return;
+    ) });
+  }
+);
+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);
       }
-      if (v.target !== v.currentTarget) return;
-      const P = ge(v, y.orientation, y.dir);
-      if (P !== void 0) {
-        if (v.metaKey || v.ctrlKey || v.altKey || v.shiftKey) return;
-        v.preventDefault();
-        let R = G().filter((l) => l.focusable).map((l) => l.ref.current);
-        if (P === "last") R.reverse();
-        else if (P === "prev" || P === "next") {
-          P === "prev" && R.reverse();
-          const l = R.indexOf(v.currentTarget);
-          R = y.loop ? _(R, l + 1) : R.slice(l + 1);
+    }, [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
         }
-        setTimeout(() => ce(R));
       }
-    }), children: typeof M == "function" ? M({ isCurrentTabStop: A, hasTabStop: X != null }) : M }) });
-  });
-  ae.displayName = Q;
-  var te = { ArrowLeft: "prev", ArrowUp: "prev", ArrowRight: "next", ArrowDown: "next", PageUp: "first", Home: "first", PageDown: "last", End: "last" };
-  function oe(g, S) {
-    return S !== "rtl" ? g : g === "ArrowLeft" ? "ArrowRight" : g === "ArrowRight" ? "ArrowLeft" : g;
+    );
   }
-  function ge(g, S, n) {
-    const d = oe(g.key, n);
-    if (!(S === "vertical" && ["ArrowLeft", "ArrowRight"].includes(d)) && !(S === "horizontal" && ["ArrowUp", "ArrowDown"].includes(d))) return te[d];
+);
+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
+              }
+            )
+          }
+        )
+      }
+    );
   }
-  function ce(g, S = !1) {
-    const n = document.activeElement;
-    for (const d of g) if (d === n || (d.focus({ preventScroll: S }), document.activeElement !== n)) return;
+);
+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();
+            })
+          }
+        )
+      }
+    );
   }
-  function _(g, S) {
-    return g.map((n, d) => g[(S + d) % g.length]);
+);
+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 });
   }
-  var he = U, le = ae;
-  return fe.Item = le, fe.Root = he, fe.createRovingFocusGroupScope = se, fe;
-}
-var Be;
-function Aa() {
-  return Be || (Be = 1, function(u) {
-    Object.defineProperty(u, Symbol.toStringTag, { value: "Module" });
-    const e = /* @__PURE__ */ be(), i = ne, a = /* @__PURE__ */ Ce(), s = /* @__PURE__ */ De(), t = /* @__PURE__ */ Ra(), o = /* @__PURE__ */ _e(), c = /* @__PURE__ */ qe(), L = /* @__PURE__ */ Ge(), b = /* @__PURE__ */ Fe(), D = /* @__PURE__ */ We(), k = /* @__PURE__ */ Se(), f = /* @__PURE__ */ xe(), r = /* @__PURE__ */ ze();
-    function V(l) {
-      const p = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-      if (l) {
-        for (const h in l) if (h !== "default") {
-          const T = Object.getOwnPropertyDescriptor(l, h);
-          Object.defineProperty(p, h, T.get ? T : { enumerable: !0, get: () => l[h] });
-        }
+);
+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"
       }
-      return p.default = l, Object.freeze(p);
+    },
+    defaultVariants: {
+      color: "red",
+      variant: "normal"
     }
-    const N = V(i);
-    /**
-    * @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 de = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], se = r.createLucideIcon("circle", de);
-    var K = "Radio", [$, U] = a.createContextScope(K), [ie, Q] = $(K), ae = N.forwardRef((l, p) => {
-      const { __scopeRadio: h, name: T, checked: C = !1, required: m, disabled: E, value: q = "on", onCheck: z, form: Z, ...J } = l, [Y, B] = N.useState(null), ee = s.useComposedRefs(p, (pe) => B(pe)), re = N.useRef(!1), ue = Y ? Z || !!Y.closest("form") : !0;
-      return e.jsxRuntimeExports.jsxs(ie, { scope: h, checked: C, disabled: E, children: [e.jsxRuntimeExports.jsx(s.Primitive.button, { type: "button", role: "radio", "aria-checked": C, "data-state": _(C), "data-disabled": E ? "" : void 0, disabled: E, value: q, ...J, ref: ee, onClick: a.composeEventHandlers(l.onClick, (pe) => {
-        C || z?.(), ue && (re.current = pe.isPropagationStopped(), re.current || pe.stopPropagation());
-      }) }), ue && e.jsxRuntimeExports.jsx(ce, { control: Y, bubbles: !re.current, name: T, value: q, checked: C, required: m, disabled: E, form: Z, style: { transform: "translateX(-100%)" } })] });
-    });
-    ae.displayName = K;
-    var te = "RadioIndicator", oe = N.forwardRef((l, p) => {
-      const { __scopeRadio: h, forceMount: T, ...C } = l, m = Q(te, h);
-      return e.jsxRuntimeExports.jsx(b.Presence, { present: T || m.checked, children: e.jsxRuntimeExports.jsx(s.Primitive.span, { "data-state": _(m.checked), "data-disabled": m.disabled ? "" : void 0, ...C, ref: p }) });
-    });
-    oe.displayName = te;
-    var ge = "RadioBubbleInput", ce = N.forwardRef(({ __scopeRadio: l, control: p, checked: h, bubbles: T = !0, ...C }, m) => {
-      const E = N.useRef(null), q = s.useComposedRefs(E, m), z = L.usePrevious(h), Z = c.useSize(p);
-      return N.useEffect(() => {
-        const J = E.current;
-        if (!J) return;
-        const Y = window.HTMLInputElement.prototype, B = Object.getOwnPropertyDescriptor(Y, "checked").set;
-        if (z !== h && B) {
-          const ee = new Event("click", { bubbles: T });
-          B.call(J, h), J.dispatchEvent(ee);
-        }
-      }, [z, h, T]), e.jsxRuntimeExports.jsx(s.Primitive.input, { type: "radio", "aria-hidden": !0, defaultChecked: h, ...C, tabIndex: -1, ref: q, style: { ...C.style, ...Z, position: "absolute", pointerEvents: "none", opacity: 0, margin: 0 } });
-    });
-    ce.displayName = ge;
-    function _(l) {
-      return l ? "checked" : "unchecked";
+  }
+), 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"
     }
-    var he = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], le = "RadioGroup", [g, S] = a.createContextScope(le, [t.createRovingFocusGroupScope, U]), n = t.createRovingFocusGroupScope(), d = U(), [O, I] = g(le), M = N.forwardRef((l, p) => {
-      const { __scopeRadioGroup: h, name: T, defaultValue: C, value: m, required: E = !1, disabled: q = !1, orientation: z, dir: Z, loop: J = !0, onValueChange: Y, ...B } = l, ee = n(h), re = o.useDirection(Z), [ue, pe] = a.useControllableState({ prop: m, defaultProp: C ?? null, onChange: Y, caller: le });
-      return e.jsxRuntimeExports.jsx(O, { scope: h, name: T, required: E, disabled: q, value: ue, onValueChange: pe, children: e.jsxRuntimeExports.jsx(t.Root, { asChild: !0, ...ee, orientation: z, dir: re, loop: J, children: e.jsxRuntimeExports.jsx(s.Primitive.div, { role: "radiogroup", "aria-required": E, "aria-orientation": z, "data-disabled": q ? "" : void 0, dir: re, ...B, ref: p }) }) });
-    });
-    M.displayName = le;
-    var x = "RadioGroupItem", j = N.forwardRef((l, p) => {
-      const { __scopeRadioGroup: h, disabled: T, ...C } = l, m = I(x, h), E = m.disabled || T, q = n(h), z = d(h), Z = N.useRef(null), J = s.useComposedRefs(p, Z), Y = m.value === C.value, B = N.useRef(!1);
-      return N.useEffect(() => {
-        const ee = (ue) => {
-          he.includes(ue.key) && (B.current = !0);
-        }, re = () => B.current = !1;
-        return document.addEventListener("keydown", ee), document.addEventListener("keyup", re), () => {
-          document.removeEventListener("keydown", ee), document.removeEventListener("keyup", re);
-        };
-      }, []), e.jsxRuntimeExports.jsx(t.Item, { asChild: !0, ...q, focusable: !E, active: Y, children: e.jsxRuntimeExports.jsx(ae, { disabled: E, required: m.required, checked: Y, ...z, ...C, name: m.name, ref: J, onCheck: () => m.onValueChange(C.value), onKeyDown: a.composeEventHandlers((ee) => {
-        ee.key === "Enter" && ee.preventDefault();
-      }), onFocus: a.composeEventHandlers(C.onFocus, () => {
-        B.current && Z.current?.click();
-      }) }) });
-    });
-    j.displayName = x;
-    var H = "RadioGroupIndicator", y = N.forwardRef((l, p) => {
-      const { __scopeRadioGroup: h, ...T } = l, C = d(h);
-      return e.jsxRuntimeExports.jsx(oe, { ...C, ...T, ref: p });
-    });
-    y.displayName = H;
-    var A = M, G = j, W = y;
-    const F = D.cva("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" } }), X = D.cva("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" } }), v = i.createContext({ color: null, variant: null }), P = i.forwardRef(({ className: l, color: p, variant: h, ...T }, C) => {
-      const m = i.useMemo(() => ({ color: p, variant: h }), [p, h]);
-      return e.jsxRuntimeExports.jsx(v.Provider, { value: m, children: e.jsxRuntimeExports.jsx(A, { ...T, className: f.cn("flex gap-x-4 gap-y-2 flex-row flex-wrap rtl:[direction:rtl]", l), ref: C }) });
-    });
-    P.displayName = A.displayName;
-    const R = i.forwardRef(({ className: l, radioClassName: p, labelClassName: h, label: T, ...C }, m) => {
-      const E = C.id || f.generateRandomId(), { color: q, variant: z } = i.useContext(v);
-      return e.jsxRuntimeExports.jsxs("div", { className: f.cn("flex flex-row gap-2 items-center", l), children: [e.jsxRuntimeExports.jsx(G, { ...C, ref: m, className: f.cn(F({ color: q, variant: z }), p), id: E, children: e.jsxRuntimeExports.jsx(W, { className: "flex items-center justify-center", children: e.jsxRuntimeExports.jsx(se, { className: X({ color: q, variant: z }) }) }) }), e.jsxRuntimeExports.jsx(k.Label, { className: f.cn("mt-0.5 text-base!", h), htmlFor: E, children: T })] });
-    });
-    R.displayName = G.displayName, u.RadioGroup = P, u.RadioGroupItem = R;
-  }(Oe)), Oe;
-}
-var Ot = /* @__PURE__ */ Aa();
-function w(u, e, i) {
-  return e.findIndex((a) => a.chartConfigId === u) === -1 ? void 0 : typeof e[e.findIndex((a) => a.chartConfigId === u)].columnId == "object" ? e[e.findIndex((a) => a.chartConfigId === u)].columnId.map(
-    (a) => i.findIndex((s) => s.value === a) === -1 ? a : i[i.findIndex((s) => s.value === a)].label
-  ) : i.findIndex(
-    (a) => a.value === e[e.findIndex((s) => s.chartConfigId === u)].columnId
-  ) === -1 ? e[e.findIndex((a) => a.chartConfigId === u)].columnId : i[i.findIndex(
-    (a) => a.value === e[e.findIndex((s) => s.chartConfigId === u)].columnId
+  },
+  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 Mt(u) {
+function tt(o) {
   const {
     settings: e,
-    graph: i,
+    graph: t,
     graphData: a,
-    debugMode: s,
-    graphDataConfiguration: t,
-    readableHeader: o,
-    updateFilters: c
-  } = u;
-  if (s && (console.log(`Graph: ${i}`), console.log("Transformed data:", a), console.log("Settings:", e)), typeof a == "string")
-    return /* @__PURE__ */ me.jsx(
+    debugMode: l,
+    graphDataConfiguration: r,
+    readableHeader: i,
+    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(
       "div",
       {
         className: `flex my-0 mx-auto grow flex-col justify-center ${e?.width ? "w-fit" : "w-full"}`,
         style: { height: "inherit" },
-        children: /* @__PURE__ */ me.jsx(
-          Ne.P,
+        children: /* @__PURE__ */ I.jsx(
+          U,
           {
             size: "sm",
             marginBottom: "none",
@@ -467,45 +960,45 @@ function Mt(u) {
         )
       }
     );
-  const L = {
-    barChart: Ta,
-    bulletChart: Na,
-    groupedBarChart: va,
-    stackedBarChart: ya,
-    lineChart: ta,
-    dualAxisLineChart: aa,
-    multiLineChart: oa,
-    multiLineAltChart: ra,
-    stackedAreaChart: pa,
-    choroplethMap: na,
-    biVariateChoroplethMap: la,
-    dotDensityMap: sa,
-    donutChart: Ze,
-    slopeChart: ua,
-    scatterPlot: ha,
-    dumbbellChart: La,
-    treeMap: fa,
-    circlePacking: Ue,
-    heatMap: Je,
-    stripChart: Oa,
-    beeSwarmChart: Ma,
-    butterflyChart: $e,
-    histogram: ea,
-    sparkLine: ia,
-    paretoChart: ga,
-    dataTable: Qe,
-    statCard: ma,
-    geoHubCompareMap: ca,
-    geoHubMap: da,
-    unitChart: ba,
-    differenceLineChart: xa,
-    geoHubMapWithLayerSelection: Da,
-    sankeyChart: Ca,
-    lineChartWithConfidenceInterval: wa,
-    dataCards: ka,
-    radarChart: Sa,
-    threeDGlobe: Ia
-  }, b = (f) => {
+  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) => {
     switch (f) {
       case "barChart":
         return {
@@ -532,7 +1025,7 @@ function Mt(u) {
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("color", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -558,8 +1051,8 @@ function Mt(u) {
           maxNumberOfBars: e?.maxNumberOfBars,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (r) => {
-            c?.(r.label);
+          onSeriesMouseClick: (d) => {
+            s?.(d.label);
           },
           resetSelectionOnDoubleClick: e?.resetSelectionOnDoubleClick,
           detailsOnClick: e?.detailsOnClick,
@@ -591,7 +1084,7 @@ function Mt(u) {
           barPadding: e?.barPadding,
           showTicks: e?.showTicks,
           truncateBy: e?.truncateBy,
-          colorDomain: e?.colorDomain || w("size", t || [], o || []),
+          colorDomain: e?.colorDomain || b("size", r || [], i || []),
           colorLegendTitle: e?.colorLegendTitle,
           suffix: e?.suffix,
           prefix: e?.prefix,
@@ -648,7 +1141,7 @@ function Mt(u) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
-          colorDomain: e?.colorDomain || w("size", t || [], o || []),
+          colorDomain: e?.colorDomain || b("size", r || [], i || []),
           colorLegendTitle: e?.colorLegendTitle,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -706,7 +1199,7 @@ function Mt(u) {
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("color", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -732,8 +1225,8 @@ function Mt(u) {
           maxNumberOfBars: e?.maxNumberOfBars,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (r) => {
-            c?.(r.label);
+          onSeriesMouseClick: (d) => {
+            s?.(d.label);
           },
           resetSelectionOnDoubleClick: e?.resetSelectionOnDoubleClick,
           detailsOnClick: e?.detailsOnClick,
@@ -869,8 +1362,8 @@ function Mt(u) {
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
           labels: e?.labels || [
-            w("y1", t || [], o || []),
-            w("y2", t || [], o || [])
+            b("y1", r || [], i || []),
+            b("y2", r || [], i || [])
           ],
           footNote: e?.footNote,
           width: e?.width,
@@ -930,7 +1423,7 @@ function Mt(u) {
           suffix: e?.suffix,
           prefix: e?.prefix,
           showColorScale: e?.showColorScale,
-          labels: e?.labels || w("y", t || [], o || []),
+          labels: e?.labels || b("y", r || [], i || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           leftMargin: e?.leftMargin,
@@ -1043,8 +1536,8 @@ function Mt(u) {
           suffix: e?.suffix,
           prefix: e?.prefix,
           labels: e?.labels || [
-            w("y1", t || [], o || []),
-            w("y2", t || [], o || [])
+            b("y1", r || [], i || []),
+            b("y2", r || [], i || [])
           ],
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -1095,7 +1588,7 @@ function Mt(u) {
           sources: e?.sources,
           noOfXTicks: e?.noOfXTicks,
           dateFormat: e?.dateFormat,
-          colorDomain: e?.colorDomain || w("y", t || [], o || []),
+          colorDomain: e?.colorDomain || b("y", r || [], i || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           colorLegendTitle: e?.colorLegendTitle,
@@ -1142,7 +1635,7 @@ function Mt(u) {
           sources: e?.sources,
           colorDomain: e?.colorDomain,
           colors: e?.colors,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("x", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("x", r || [], i || []),
           scaleType: e?.scaleType,
           categorical: e?.categorical,
           data: a,
@@ -1169,8 +1662,8 @@ function Mt(u) {
           minHeight: e?.minHeight,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (r) => {
-            c?.(r.id);
+          onSeriesMouseClick: (d) => {
+            s?.(d.id);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -1194,8 +1687,8 @@ function Mt(u) {
           width: e?.width,
           height: e?.height,
           sources: e?.sources,
-          xColorLegendTitle: Object.keys(e || {}).indexOf("xColorLegendTitle") !== -1 ? e?.xColorLegendTitle : w("x", t || [], o || []),
-          yColorLegendTitle: Object.keys(e || {}).indexOf("yColorLegendTitle") !== -1 ? e?.yColorLegendTitle : w("y", t || [], o || []),
+          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 || []),
           xDomain: e?.xDomain,
           yDomain: e?.yDomain,
           colors: e?.colors,
@@ -1221,8 +1714,8 @@ function Mt(u) {
           minHeight: e?.minHeight,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (r) => {
-            c?.(r.id);
+          onSeriesMouseClick: (d) => {
+            s?.(d.id);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -1249,7 +1742,7 @@ function Mt(u) {
           sources: e?.sources,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("color", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
           data: a,
           scale: e?.scale,
           centerPoint: e?.centerPoint,
@@ -1296,7 +1789,7 @@ function Mt(u) {
           sources: e?.sources,
           colorDomain: e?.colorDomain,
           colors: e?.colors,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("x", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("x", r || [], i || []),
           scaleType: e?.scaleType,
           data: a,
           centerPoint: e?.centerPoint,
@@ -1314,8 +1807,8 @@ function Mt(u) {
           minHeight: e?.minHeight,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (r) => {
-            c?.(r.id);
+          onSeriesMouseClick: (d) => {
+            s?.(d.id);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -1362,8 +1855,8 @@ function Mt(u) {
           ariaLabel: e?.ariaLabel,
           legendMaxWidth: e?.legendMaxWidth,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (r) => {
-            c?.(r.label);
+          onSeriesMouseClick: (d) => {
+            s?.(d.label);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -1386,7 +1879,7 @@ function Mt(u) {
           showLabels: e?.showLabels,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("color", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
           radius: e?.radius,
           axisTitles: e?.axisTitles,
           backgroundColor: e?.backgroundColor,
@@ -1431,10 +1924,10 @@ function Mt(u) {
           showLabels: e?.showLabels,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("color", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
           radius: e?.radius,
-          xAxisTitle: Object.keys(e || {}).indexOf("xAxisTitle") !== -1 ? e?.xAxisTitle : w("x", t || [], o || []),
-          yAxisTitle: Object.keys(e || {}).indexOf("yAxisTitle") !== -1 ? e?.yAxisTitle : w("y", t || [], o || []),
+          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 || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           leftMargin: e?.leftMargin,
@@ -1501,7 +1994,7 @@ function Mt(u) {
           truncateBy: e?.truncateBy,
           labelOrder: e?.labelOrder,
           showColorScale: e?.showColorScale,
-          colorDomain: e?.colorDomain || w("x", t || [], o || []),
+          colorDomain: e?.colorDomain || b("x", r || [], i || []),
           colorLegendTitle: e?.colorLegendTitle,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -1555,7 +2048,7 @@ function Mt(u) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("color", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1574,8 +2067,8 @@ function Mt(u) {
           showNAColor: e?.showNAColor,
           ariaLabel: e?.ariaLabel,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (r) => {
-            c?.(r.label);
+          onSeriesMouseClick: (d) => {
+            s?.(d.label);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -1601,7 +2094,7 @@ function Mt(u) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("color", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1622,8 +2115,8 @@ function Mt(u) {
           radius: e?.radius,
           maxRadiusValue: e?.maxRadiusValue,
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          onSeriesMouseClick: (r) => {
-            c?.(r.label);
+          onSeriesMouseClick: (d) => {
+            s?.(d.label);
           },
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
@@ -1649,7 +2142,7 @@ function Mt(u) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("color", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1692,7 +2185,7 @@ function Mt(u) {
           sources: e?.sources,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("color", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
           radius: e?.radius,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -1744,7 +2237,7 @@ function Mt(u) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : w("color", t || [], o || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : b("color", r || [], i || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1783,8 +2276,8 @@ function Mt(u) {
           data: a,
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
-          leftBarTitle: Object.keys(e || {}).indexOf("leftBarTitle") !== -1 ? e?.leftBarTitle : w("leftBar", t || [], o || []),
-          rightBarTitle: Object.keys(e || {}).indexOf("rightBarTitle") !== -1 ? e?.rightBarTitle : w("rightBar", t || [], o || []),
+          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 || []),
           footNote: e?.footNote,
           width: e?.width,
           height: e?.height,
@@ -1908,8 +2401,8 @@ function Mt(u) {
           showValues: e?.showValues,
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
-          barTitle: Object.keys(e || {}).indexOf("barTitle") !== -1 ? e?.barTitle : w("barTitle", t || [], o || []),
-          lineTitle: Object.keys(e || {}).indexOf("lineTitle") !== -1 ? e?.lineTitle : w("lineTitle", t || [], o || []),
+          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 || []),
           footNote: e?.footNote,
           width: e?.width,
           height: e?.height,
@@ -2233,32 +2726,34 @@ function Mt(u) {
       default:
         return {};
     }
-  }, D = L[i], k = b(i);
-  return /* @__PURE__ */ me.jsx(
+  }, u = h[t], p = g(t);
+  return /* @__PURE__ */ I.jsx(
     "div",
     {
-      className: `grow my-0 ${i !== "statCard" ? "mx-auto" : "mx-0"} flex flex-col h-inherit ${e?.width ? "w-fit" : "w-full"} ${i !== "unitChart" && i !== "statCard" ? "justify-center" : "justify-start"} ${e?.theme || "light"}`,
+      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"}`,
       style: { minHeight: "inherit" },
-      children: D ? /* @__PURE__ */ me.jsx(D, { ...k }) : /* @__PURE__ */ me.jsx(
-        Ne.P,
+      children: u ? /* @__PURE__ */ I.jsx(u, { ...p }) : /* @__PURE__ */ I.jsx(
+        U,
         {
           size: "sm",
           marginBottom: "none",
           className: "p-2 text-center text-accent-dark-red dark:text-accent-red",
-          children: `Invalid chart type: ${i}`
+          children: `Invalid chart type: ${t}`
         }
       )
     }
   );
 }
-function St(u, e) {
-  return e.findIndex((i) => i.chartConfigId === u) === -1 ? !1 : typeof e[e.findIndex((i) => i.chartConfigId === u)].columnId != "string";
+function rt(o, e) {
+  return e.findIndex((t) => t.chartConfigId === o) === -1 ? !1 : typeof e[e.findIndex((t) => t.chartConfigId === o)].columnId != "string";
 }
 export {
-  Lt as C,
-  Mt as G,
-  Tt as L,
-  Ot as R,
-  St as c
+  Ba as G,
+  ho as a,
+  tt as b,
+  rt as c,
+  z as f,
+  go as v,
+  Pa as w
 };
-//# sourceMappingURL=checkIfMultiple-CaefP4X2.js.map
+//# sourceMappingURL=checkIfMultiple-BB7PlCNh.js.map