@nice2dev/ui 1.0.11 → 1.0.12

package/dist/charts-F_b5-OR8.js

@@ -0,0 +1,4621 @@
+import { jsx as e, jsxs as $, Fragment as Pe } from "react/jsx-runtime";
+import Fe, { useRef as be, useState as oe, useMemo as me, useCallback as ae, forwardRef as Ne, useEffect as Ce, useImperativeHandle as Ae } from "react";
+import { $ as Ve, i as Xe, w as Ze, S as ze } from "./core-ClmvtMVZ.js";
+const ke = [
+  "var(--color-primary, #3b82f6)",
+  "var(--color-error, #ef4444)",
+  "var(--color-success, #22c55e)",
+  "var(--color-warning, #f59e0b)",
+  "var(--color-accent, #8b5cf6)",
+  "var(--color-accent-pink, #ec4899)",
+  "var(--color-info, #06b6d4)",
+  "var(--nice-success, #84cc16)"
+], Re = ({
+  series: t,
+  categories: o,
+  width: s = 600,
+  height: l = 400,
+  title: c,
+  showLegend: y = !0,
+  showGrid: m = !0,
+  axisLabels: A = !0,
+  yAxisLabel: D,
+  xAxisLabel: w,
+  stacked: f,
+  animated: k,
+  zoomable: z,
+  crosshair: C,
+  annotations: M,
+  legendInteractive: i,
+  onDataPointClick: d,
+  exportable: u,
+  className: S,
+  style: g
+}) => {
+  const x = be(null), [b, v] = oe(/* @__PURE__ */ new Set()), [h, B] = oe(null), [a, _] = oe(null), [I, P] = oe(!1), Z = be(null), U = me(
+    () => t.filter((T) => !b.has(T.name)),
+    [t, b]
+  ), V = ae(
+    (T) => {
+      i && v((re) => {
+        const ce = new Set(re);
+        return ce.has(T) ? ce.delete(T) : ce.add(T), ce;
+      });
+    },
+    [i]
+  ), G = {
+    top: c ? 40 : 20,
+    right: 20,
+    bottom: w ? 60 : 40,
+    left: D ? 60 : 50
+  }, Q = s - G.left - G.right, q = l - G.top - G.bottom, J = U[0]?.data.length ?? t[0]?.data.length ?? 0, n = a?.start ?? 0, H = a?.end ?? J, j = H - n, W = me(
+    () => U.map((T) => ({ ...T, data: T.data.slice(n, H) })),
+    [U, n, H]
+  ), p = me(
+    () => o?.slice(n, H),
+    [o, n, H]
+  ), { minY: F, maxY: Y, yTicks: ee } = me(() => {
+    let T;
+    if (f) {
+      T = [];
+      for (let N = 0; N < j; N++)
+        T.push(W.reduce((K, ie) => K + (ie.data[N] || 0), 0));
+    } else
+      T = W.flatMap((N) => N.data);
+    T.length === 0 && (T = [0]);
+    const re = Math.min(0, ...T), ce = Math.max(0, ...T), se = ce - re || 1, de = Math.pow(10, Math.floor(Math.log10(se))) || 1, r = Math.floor(re / de) * de, R = Math.ceil(ce / de) * de, E = [];
+    for (let N = r; N <= R; N += de)
+      E.push(Math.round(N * 1e6) / 1e6);
+    return E.length < 2 && E.push(R), { minY: r, maxY: R, yTicks: E };
+  }, [W, j, f]), O = (T) => q - (T - F) / (Y - F || 1) * q, te = (T) => (T + 0.5) / j * Q, fe = j > 0 ? Q / j / (f ? 1.5 : Math.max(U.length, 1) * 1.5) : 20, L = ae(
+    (T) => {
+      if (!z)
+        return;
+      T.preventDefault();
+      const re = a ?? { start: 0, end: J }, ce = re.end - re.start, se = (re.start + re.end) / 2, de = T.deltaY > 0 ? 1.2 : 0.8, r = Math.max(2, Math.min(J, Math.round(ce * de))), R = Math.max(0, Math.round(se - r / 2)), E = Math.min(J, R + r);
+      _({ start: R, end: E });
+    },
+    [z, a, J]
+  ), X = ae(
+    (T) => {
+      z && (P(!0), Z.current = { x: T.clientX, range: a ?? { start: 0, end: J } });
+    },
+    [z, a, J]
+  ), ne = ae(
+    (T) => {
+      const re = x.current?.getBoundingClientRect();
+      if (re && B({ x: T.clientX - re.left - G.left, y: T.clientY - re.top - G.top }), I && Z.current && z) {
+        const ce = T.clientX - Z.current.x, se = Q / j, de = -Math.round(ce / se), r = Z.current.range, R = r.end - r.start;
+        let E = r.start + de;
+        E < 0 && (E = 0), E + R > J && (E = J - R), _({ start: E, end: E + R });
+      }
+    },
+    [I, z, Q, j, J, G.left, G.top]
+  ), ue = ae(() => {
+    P(!1), Z.current = null;
+  }, []), _e = ae(() => {
+    B(null), P(!1), Z.current = null;
+  }, []), ge = ae(() => {
+    const T = x.current;
+    if (!T)
+      return;
+    const re = new XMLSerializer().serializeToString(T), ce = document.createElement("canvas");
+    ce.width = s, ce.height = l + (y ? 30 : 0);
+    const se = ce.getContext("2d");
+    if (!se)
+      return;
+    const de = new Image();
+    de.onload = () => {
+      se.fillStyle = "var(--bg-primary, #fff)", se.fillRect(0, 0, ce.width, ce.height), se.drawImage(de, 0, 0);
+      const r = document.createElement("a");
+      r.download = "chart.png", r.href = ce.toDataURL("image/png"), r.click();
+    }, de.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(re);
+  }, [s, l, y]), ve = l + (y ? 30 : 0), $e = W.length > 0 && W.every((T) => T.type === "radar"), Se = me(() => {
+    if (!$e)
+      return 1;
+    const T = W.flatMap((re) => re.data);
+    return Math.max(1, ...T);
+  }, [$e, W]);
+  if ($e) {
+    const T = s / 2, re = (l - G.top - G.bottom) / 2 + G.top, ce = Math.min(Q, l - G.top - G.bottom) / 2 - 10, se = p?.length ?? W[0]?.data.length ?? 0, de = (E) => E / se * Math.PI * 2 - Math.PI / 2, r = (E, N) => {
+      const K = N / Se * ce;
+      return [T + Math.cos(de(E)) * K, re + Math.sin(de(E)) * K];
+    }, R = 4;
+    return /* @__PURE__ */ e("div", { className: `nice-chart nice-chart--radar ${S || ""}`, style: g, children: /* @__PURE__ */ $(
+      "svg",
+      {
+        ref: x,
+        viewBox: `0 0 ${s} ${ve}`,
+        preserveAspectRatio: "xMidYMid meet",
+        width: "100%",
+        height: "100%",
+        className: "nice-chart__svg",
+        style: { display: "block", maxWidth: "100%", maxHeight: "100%" },
+        children: [
+          c && /* @__PURE__ */ e("text", { x: s / 2, y: 20, textAnchor: "middle", className: "nice-chart__title", children: c }),
+          m && Array.from({ length: R }, (E, N) => {
+            const K = (N + 1) / R * ce, ie = [];
+            for (let le = 0; le < se; le++)
+              ie.push(`${T + Math.cos(de(le)) * K},${re + Math.sin(de(le)) * K}`);
+            return /* @__PURE__ */ e(
+              "polygon",
+              {
+                points: ie.join(" "),
+                fill: "none",
+                className: "nice-chart__grid-line"
+              },
+              N
+            );
+          }),
+          Array.from({ length: se }, (E, N) => {
+            const [K, ie] = r(N, Se);
+            return /* @__PURE__ */ e("line", { x1: T, y1: re, x2: K, y2: ie, className: "nice-chart__grid-line" }, N);
+          }),
+          A && p?.map((E, N) => {
+            const [K, ie] = r(N, Se * 1.12);
+            return /* @__PURE__ */ e(
+              "text",
+              {
+                x: K,
+                y: ie,
+                textAnchor: "middle",
+                dominantBaseline: "middle",
+                className: "nice-chart__axis-label",
+                children: E
+              },
+              N
+            );
+          }),
+          W.map((E, N) => {
+            const K = E.color || ke[N % ke.length], ie = E.data.map((le, he) => r(he, le).join(",")).join(" ");
+            return /* @__PURE__ */ $(
+              "g",
+              {
+                className: k ? "nice-chart__series nice-chart__series--radar nice-chart__series--anim" : "nice-chart__series nice-chart__series--radar",
+                children: [
+                  /* @__PURE__ */ e(
+                    "polygon",
+                    {
+                      points: ie,
+                      fill: K,
+                      fillOpacity: 0.2,
+                      stroke: K,
+                      strokeWidth: 2
+                    }
+                  ),
+                  E.data.map((le, he) => {
+                    const [we, Me] = r(he, le);
+                    return /* @__PURE__ */ e("circle", { cx: we, cy: Me, r: 3, fill: K, children: /* @__PURE__ */ e("title", { children: `${E.name}: ${le}` }) }, he);
+                  })
+                ]
+              },
+              E.name
+            );
+          }),
+          y && /* @__PURE__ */ e("g", { transform: `translate(${G.left}, ${l})`, children: t.map((E, N) => {
+            const K = N * 120, ie = b.has(E.name);
+            return /* @__PURE__ */ $(
+              "g",
+              {
+                transform: `translate(${K}, 10)`,
+                style: i ? { cursor: "pointer" } : void 0,
+                onClick: () => V(E.name),
+                opacity: ie ? 0.35 : 1,
+                children: [
+                  /* @__PURE__ */ e(
+                    "rect",
+                    {
+                      width: 12,
+                      height: 12,
+                      rx: 2,
+                      fill: E.color || ke[N % ke.length]
+                    }
+                  ),
+                  /* @__PURE__ */ e("text", { x: 16, y: 10, className: "nice-chart__legend-text", children: E.name })
+                ]
+              },
+              E.name
+            );
+          }) })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ $("div", { className: `nice-chart ${S || ""}`, style: g, children: [
+    u && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "nice-chart__export-btn",
+        onClick: ge,
+        title: "Export PNG",
+        children: "📷"
+      }
+    ),
+    /* @__PURE__ */ $(
+      "svg",
+      {
+        ref: x,
+        viewBox: `0 0 ${s} ${ve}`,
+        preserveAspectRatio: "xMidYMid meet",
+        width: "100%",
+        height: "100%",
+        style: { display: "block", maxWidth: "100%", maxHeight: "100%" },
+        className: "nice-chart__svg",
+        onWheel: L,
+        onMouseDown: X,
+        onMouseMove: ne,
+        onMouseUp: ue,
+        onMouseLeave: _e,
+        children: [
+          /* @__PURE__ */ $("g", { transform: `translate(${G.left},${G.top})`, children: [
+            c && /* @__PURE__ */ e("text", { x: Q / 2, y: -10, textAnchor: "middle", className: "nice-chart__title", children: c }),
+            m && ee.map((T) => /* @__PURE__ */ e(
+              "line",
+              {
+                x1: 0,
+                y1: O(T),
+                x2: Q,
+                y2: O(T),
+                className: "nice-chart__grid-line"
+              },
+              `grid-${T}`
+            )),
+            A && ee.map((T) => /* @__PURE__ */ e(
+              "text",
+              {
+                x: -8,
+                y: O(T) + 4,
+                textAnchor: "end",
+                className: "nice-chart__axis-label",
+                children: T
+              },
+              `ylabel-${T}`
+            )),
+            A && p && p.map((T, re) => /* @__PURE__ */ e(
+              "text",
+              {
+                x: te(re),
+                y: q + 20,
+                textAnchor: "middle",
+                className: "nice-chart__axis-label",
+                children: T
+              },
+              re
+            )),
+            D && /* @__PURE__ */ e(
+              "text",
+              {
+                x: -G.left + 14,
+                y: q / 2,
+                textAnchor: "middle",
+                transform: `rotate(-90, -${G.left - 14}, ${q / 2})`,
+                className: "nice-chart__axis-title",
+                children: D
+              }
+            ),
+            w && /* @__PURE__ */ e("text", { x: Q / 2, y: q + 45, textAnchor: "middle", className: "nice-chart__axis-title", children: w }),
+            /* @__PURE__ */ e("line", { x1: 0, y1: 0, x2: 0, y2: q, className: "nice-chart__axis" }),
+            /* @__PURE__ */ e("line", { x1: 0, y1: q, x2: Q, y2: q, className: "nice-chart__axis" }),
+            M?.map((T, re) => {
+              if (T.type === "line") {
+                const ce = O(T.value);
+                return /* @__PURE__ */ $("g", { children: [
+                  /* @__PURE__ */ e(
+                    "line",
+                    {
+                      x1: 0,
+                      y1: ce,
+                      x2: Q,
+                      y2: ce,
+                      stroke: T.color || "var(--color-error, #ef4444)",
+                      strokeWidth: 1.5,
+                      strokeDasharray: T.dash || "6,3"
+                    }
+                  ),
+                  T.label && /* @__PURE__ */ e(
+                    "text",
+                    {
+                      x: Q + 4,
+                      y: ce + 4,
+                      className: "nice-chart__annotation-label",
+                      fill: T.color || "var(--color-error, #ef4444)",
+                      children: T.label
+                    }
+                  )
+                ] }, re);
+              }
+              return /* @__PURE__ */ e(
+                "text",
+                {
+                  x: te(T.value),
+                  y: -4,
+                  textAnchor: "middle",
+                  className: "nice-chart__annotation-label",
+                  fill: T.color || "var(--text-muted, #6b7280)",
+                  children: T.label
+                },
+                re
+              );
+            }),
+            C && h && h.x >= 0 && h.x <= Q && h.y >= 0 && h.y <= q && /* @__PURE__ */ $(Pe, { children: [
+              /* @__PURE__ */ e(
+                "line",
+                {
+                  x1: h.x,
+                  y1: 0,
+                  x2: h.x,
+                  y2: q,
+                  stroke: "var(--nice-text-muted, #9ca3af)",
+                  strokeWidth: 1,
+                  strokeDasharray: "4,2"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "line",
+                {
+                  x1: 0,
+                  y1: h.y,
+                  x2: Q,
+                  y2: h.y,
+                  stroke: "var(--nice-text-muted, #9ca3af)",
+                  strokeWidth: 1,
+                  strokeDasharray: "4,2"
+                }
+              )
+            ] }),
+            W.map((T, re) => {
+              const ce = T.color || ke[re % ke.length], se = T.type || "bar";
+              if (se === "bar")
+                return /* @__PURE__ */ e(
+                  "g",
+                  {
+                    className: k ? "nice-chart__series nice-chart__series--bar nice-chart__series--anim" : "nice-chart__series nice-chart__series--bar",
+                    children: T.data.map((r, R) => {
+                      let E, N;
+                      if (f) {
+                        const ie = W.slice(0, re).reduce((le, he) => le + (he.data[R] || 0), 0);
+                        E = O(ie + r), N = O(ie) - E;
+                      } else
+                        E = O(Math.max(0, r)), N = Math.abs(O(r) - O(0));
+                      const K = f ? te(R) - fe / 2 : te(R) - W.length * fe / 2 + re * fe;
+                      return /* @__PURE__ */ e(
+                        "rect",
+                        {
+                          x: K,
+                          y: E,
+                          width: fe * 0.9,
+                          height: Math.max(0, N),
+                          fill: ce,
+                          rx: 2,
+                          style: {
+                            transformOrigin: `${K + fe * 0.9 / 2}px ${O(0)}px`,
+                            ...d ? { cursor: "pointer" } : {}
+                          },
+                          onClick: d ? () => d(T.name, n + R, r) : void 0,
+                          children: /* @__PURE__ */ e("title", { children: `${T.name}: ${r}` })
+                        },
+                        R
+                      );
+                    })
+                  },
+                  T.name
+                );
+              if (se === "scatter")
+                return /* @__PURE__ */ e(
+                  "g",
+                  {
+                    className: k ? "nice-chart__series nice-chart__series--scatter nice-chart__series--anim" : "nice-chart__series nice-chart__series--scatter",
+                    children: T.data.map((r, R) => /* @__PURE__ */ e(
+                      "circle",
+                      {
+                        cx: te(R),
+                        cy: O(r),
+                        r: 5,
+                        fill: ce,
+                        fillOpacity: 0.7,
+                        stroke: ce,
+                        strokeWidth: 1.5,
+                        style: d ? { cursor: "pointer" } : void 0,
+                        onClick: d ? () => d(T.name, n + R, r) : void 0,
+                        children: /* @__PURE__ */ e("title", { children: `${T.name}: ${r}` })
+                      },
+                      R
+                    ))
+                  },
+                  T.name
+                );
+              const de = T.data.map((r, R) => `${te(R)},${O(r)}`);
+              return /* @__PURE__ */ $(
+                "g",
+                {
+                  className: k ? `nice-chart__series nice-chart__series--${se} nice-chart__series--anim` : `nice-chart__series nice-chart__series--${se}`,
+                  children: [
+                    se === "area" && /* @__PURE__ */ e(
+                      "polygon",
+                      {
+                        points: `${te(0)},${O(0)} ${de.join(" ")} ${te(j - 1)},${O(0)}`,
+                        fill: ce,
+                        opacity: 0.15
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "polyline",
+                      {
+                        points: de.join(" "),
+                        fill: "none",
+                        stroke: ce,
+                        strokeWidth: 2,
+                        className: k ? "nice-chart__line" : void 0
+                      }
+                    ),
+                    T.data.map((r, R) => /* @__PURE__ */ e(
+                      "circle",
+                      {
+                        cx: te(R),
+                        cy: O(r),
+                        r: 3,
+                        fill: ce,
+                        style: d ? { cursor: "pointer" } : void 0,
+                        onClick: d ? () => d(T.name, n + R, r) : void 0,
+                        children: /* @__PURE__ */ e("title", { children: `${T.name}: ${r}` })
+                      },
+                      R
+                    ))
+                  ]
+                },
+                T.name
+              );
+            })
+          ] }),
+          y && /* @__PURE__ */ e("g", { transform: `translate(${G.left}, ${l})`, children: t.map((T, re) => {
+            const ce = re * 120, se = b.has(T.name);
+            return /* @__PURE__ */ $(
+              "g",
+              {
+                transform: `translate(${ce}, 10)`,
+                style: i ? { cursor: "pointer" } : void 0,
+                onClick: () => V(T.name),
+                opacity: se ? 0.35 : 1,
+                children: [
+                  /* @__PURE__ */ e("rect", { width: 12, height: 12, rx: 2, fill: T.color || ke[re % ke.length] }),
+                  /* @__PURE__ */ e(
+                    "text",
+                    {
+                      x: 16,
+                      y: 10,
+                      className: "nice-chart__legend-text",
+                      style: se ? { textDecoration: "line-through" } : void 0,
+                      children: T.name
+                    }
+                  )
+                ]
+              },
+              T.name
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}, pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  NiceChart: Re
+}, Symbol.toStringTag, { value: "Module" }));
+function Ue(t) {
+  if (!t.length)
+    return { categories: [], numericFields: [], sampleValues: {} };
+  const o = t[0], s = [], l = {};
+  let c = null;
+  for (const [m, A] of Object.entries(o))
+    typeof A == "number" ? (s.push(m), l[m] = t.map((D) => Number(D[m]) || 0)) : !c && (typeof A == "string" || A instanceof Date) && (c = m);
+  return { categories: c ? t.map((m) => String(m[c] || "")) : t.map((m, A) => `Item ${A + 1}`), numericFields: s, sampleValues: l };
+}
+function Ge(t, o) {
+  const { categories: s, numericFields: l, sampleValues: c } = Ue(t);
+  return { series: l.map((m, A) => ({
+    name: m.replace(/([A-Z])/g, " $1").replace(/^./, (D) => D.toUpperCase()).trim(),
+    data: c[m],
+    type: o === "area" ? "area" : o === "line" ? "line" : "bar"
+  })), categories: s };
+}
+const mt = Ne(
+  function(o, s) {
+    const {
+      rawData: l,
+      enableAI: c = !0,
+      aiModel: y,
+      enableAutoType: m = !0,
+      enableInsights: A = !0,
+      dataDescription: D,
+      onChartSuggestion: w,
+      onInsights: f,
+      showAIToolbar: k = !0,
+      showInsightsOnLoad: z = !1,
+      series: C,
+      categories: M,
+      ...i
+    } = o, [d, u] = oe("bar"), [S, g] = oe(null), [x, b] = oe([]), [v, h] = oe(z), [B, a] = oe(null), { t: _ } = Ve(), I = Xe(), {
+      suggestChartType: P,
+      generateInsights: Z,
+      isLoading: U
+    } = Ze(), V = c && I.isConfigured, { series: G, categories: Q } = l ? Ge(l, B || d) : { series: C || [], categories: M }, q = ae(async () => {
+      if (!V || !m)
+        return { type: "bar", reason: "Default", config: {} };
+      const W = l || (C?.length ? C.flatMap((p) => p.data.map((F, Y) => ({ [p.name]: F, index: Y }))) : []);
+      try {
+        const p = await P(W, D), F = {
+          type: p.type,
+          reason: p.reason,
+          config: p.config
+        };
+        return g(F), u(F.type), w?.(F), F;
+      } catch {
+        return { type: "bar", reason: "Default fallback", config: {} };
+      }
+    }, [
+      V,
+      m,
+      l,
+      C,
+      D,
+      P,
+      w
+    ]), J = ae(async () => {
+      if (!V || !A)
+        return [];
+      const W = l || (C?.length ? C.flatMap(
+        (p) => p.data.map((F, Y) => ({ [p.name]: F, category: M?.[Y] || Y }))
+      ) : []);
+      try {
+        const p = await Z(W, B || d);
+        return b(p), f?.(p), p;
+      } catch {
+        return [];
+      }
+    }, [
+      V,
+      A,
+      l,
+      C,
+      M,
+      d,
+      B,
+      Z,
+      f
+    ]), n = ae(
+      () => B || d,
+      [B, d]
+    );
+    Ce(() => {
+      V && m && (l?.length || C?.length) && q();
+    }, [V, m, l, C]), Ae(s, () => ({
+      getSuggestion: q,
+      generateInsights: J,
+      getCurrentType: n
+    }));
+    const H = [
+      { type: "bar", icon: "📊", label: "Bar" },
+      { type: "line", icon: "📈", label: "Line" },
+      { type: "area", icon: "🏔️", label: "Area" },
+      { type: "pie", icon: "🥧", label: "Pie" },
+      { type: "donut", icon: "🍩", label: "Donut" },
+      { type: "scatter", icon: "⭐", label: "Scatter" }
+    ], j = B || d;
+    return /* @__PURE__ */ $("div", { className: "nice-chart-ai", "data-testid": o["data-testid"], children: [
+      k && V && /* @__PURE__ */ $("div", { className: "nice-chart-ai__toolbar", children: [
+        /* @__PURE__ */ $("div", { className: "nice-chart-ai__toolbar-left", children: [
+          /* @__PURE__ */ e("span", { className: "nice-chart-ai__badge", children: "AI" }),
+          S && /* @__PURE__ */ $("div", { className: "nice-chart-ai__suggestion", children: [
+            /* @__PURE__ */ e("span", { className: "nice-chart-ai__suggestion-icon", children: "💡" }),
+            /* @__PURE__ */ $("span", { className: "nice-chart-ai__suggestion-text", children: [
+              _("chartAI.suggestedType", "Suggested:"),
+              " ",
+              S.type
+            ] }),
+            /* @__PURE__ */ $("span", { className: "nice-chart-ai__suggestion-reason", title: S.reason, children: [
+              "(",
+              S.reason,
+              ")"
+            ] })
+          ] }),
+          U && /* @__PURE__ */ e("span", { className: "nice-chart-ai__loading", children: _("chartAI.analyzing", "Analyzing...") })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-chart-ai__toolbar-center", children: /* @__PURE__ */ e("div", { className: "nice-chart-ai__type-selector", children: H.filter((W) => ["bar", "line", "area"].includes(W.type)).map(({ type: W, icon: p, label: F }) => /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `nice-chart-ai__type-btn ${j === W ? "nice-chart-ai__type-btn--active" : ""}`,
+            onClick: () => a(W),
+            title: F,
+            children: p
+          },
+          W
+        )) }) }),
+        /* @__PURE__ */ $("div", { className: "nice-chart-ai__toolbar-right", children: [
+          /* @__PURE__ */ $(
+            "button",
+            {
+              type: "button",
+              className: "nice-chart-ai__auto-btn",
+              onClick: () => q(),
+              disabled: U,
+              title: _("chartAI.autoDetect", "Auto-detect best chart type"),
+              children: [
+                "🔮 ",
+                _("chartAI.auto", "Auto")
+              ]
+            }
+          ),
+          A && /* @__PURE__ */ $(
+            "button",
+            {
+              type: "button",
+              className: "nice-chart-ai__insights-btn",
+              onClick: () => {
+                x.length || J(), h(!v);
+              },
+              disabled: U,
+              title: _("chartAI.showInsights", "Show data insights"),
+              children: [
+                "💡 ",
+                _("chartAI.insights", "Insights")
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "nice-chart-ai__chart-wrapper", children: /* @__PURE__ */ e(Re, { series: G, categories: Q, ...i }) }),
+      v && x.length > 0 && /* @__PURE__ */ $("div", { className: "nice-chart-ai__insights", children: [
+        /* @__PURE__ */ $("div", { className: "nice-chart-ai__insights-header", children: [
+          /* @__PURE__ */ $("h4", { children: [
+            "💡 ",
+            _("chartAI.dataInsights", "Data Insights")
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-chart-ai__insights-close",
+              onClick: () => h(!1),
+              children: "✕"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("ul", { className: "nice-chart-ai__insights-list", children: x.map((W, p) => /* @__PURE__ */ $("li", { className: "nice-chart-ai__insight", children: [
+          /* @__PURE__ */ e("span", { className: "nice-chart-ai__insight-icon", children: "•" }),
+          W
+        ] }, p)) }),
+        /* @__PURE__ */ e("div", { className: "nice-chart-ai__insights-footer", children: /* @__PURE__ */ $(
+          "button",
+          {
+            type: "button",
+            className: "nice-chart-ai__refresh",
+            onClick: () => J(),
+            disabled: U,
+            children: [
+              "🔄 ",
+              _("chartAI.refresh", "Refresh")
+            ]
+          }
+        ) })
+      ] }),
+      v && U && /* @__PURE__ */ e("div", { className: "nice-chart-ai__insights nice-chart-ai__insights--loading", children: /* @__PURE__ */ $("div", { className: "nice-chart-ai__loading-content", children: [
+        /* @__PURE__ */ e("span", { className: "nice-chart-ai__spinner" }),
+        _("chartAI.generatingInsights", "Generating insights...")
+      ] }) })
+    ] });
+  }
+);
+function qe(t, o) {
+  const s = t ? typeof t == "number" ? new Date(t) : new Date(t) : /* @__PURE__ */ new Date(), l = (D) => D.toString().padStart(2, "0"), c = l(s.getHours()), y = l(s.getMinutes()), m = l(s.getSeconds()), A = s.getMilliseconds().toString().padStart(3, "0");
+  switch (o) {
+    case "HH:mm:ss":
+      return `${c}:${y}:${m}`;
+    case "HH:mm":
+      return `${c}:${y}`;
+    case "mm:ss":
+      return `${y}:${m}`;
+    case "ss.SSS":
+      return `${m}.${A}`;
+    case "ISO":
+      return s.toISOString();
+    default:
+      return `${c}:${y}:${m}`;
+  }
+}
+function We(t) {
+  if (t.length === 0)
+    return null;
+  const o = Math.min(...t), s = Math.max(...t), l = t.reduce((y, m) => y + m, 0) / t.length, c = t[t.length - 1];
+  return { min: o, max: s, avg: l, current: c, count: t.length };
+}
+const Je = Ne(
+  ({
+    series: t,
+    maxPoints: o = 100,
+    slidingWindow: s = !0,
+    refreshRate: l = 16,
+    dataSource: c,
+    width: y = 600,
+    height: m = 400,
+    title: A,
+    showLegend: D = !0,
+    showGrid: w = !0,
+    yAxisLabel: f,
+    xAxisLabel: k,
+    stacked: z,
+    zoomable: C,
+    crosshair: M,
+    annotations: i = [],
+    legendInteractive: d,
+    onDataPointClick: u,
+    exportable: S,
+    showControls: g = !0,
+    showStatus: x = !0,
+    initialPaused: b = !1,
+    onDataReceived: v,
+    onDataDropped: h,
+    timeFormat: B = "HH:mm:ss",
+    showStats: a,
+    thresholds: _ = [],
+    className: I,
+    style: P
+  }, Z) => {
+    const [U, V] = oe(() => {
+      const L = /* @__PURE__ */ new Map();
+      for (const X of t)
+        L.set(X.name, X.initialData?.slice() ?? []);
+      return L;
+    }), [G, Q] = oe([]), [q, J] = oe(b), [n, H] = oe(!1), j = be([]), W = be(Date.now()), p = be(null), F = ae(() => {
+      const L = j.current;
+      L.length !== 0 && (j.current = [], V((X) => {
+        const ne = new Map(X);
+        for (const ue of L) {
+          const _e = ne.get(ue.series);
+          if (!_e)
+            continue;
+          const ge = [..._e, ue.value];
+          if (s && ge.length > o) {
+            const ve = ge.length - o;
+            h?.(ve, ue.series), ge.splice(0, ve);
+          }
+          ne.set(ue.series, ge);
+        }
+        return ne;
+      }), L.length > 0 && Q((X) => {
+        const ne = [...X];
+        for (const ue of L) {
+          const _e = ue.category ?? qe(ue.timestamp, B);
+          ne.push(_e);
+        }
+        return s && ne.length > o && ne.splice(0, ne.length - o), ne;
+      }));
+    }, [s, o, B, h]), Y = ae(() => {
+      const L = Date.now();
+      L - W.current >= l && (F(), W.current = L), p.current = requestAnimationFrame(Y);
+    }, [l, F]);
+    Ce(() => (q || (p.current = requestAnimationFrame(Y)), () => {
+      p.current !== null && (cancelAnimationFrame(p.current), p.current = null);
+    }), [q, Y]);
+    const ee = ae(
+      (L) => {
+        if (q)
+          return;
+        const X = "points" in L ? L.points : [L];
+        for (const ne of X)
+          U.has(ne.series) && (j.current.push(ne), v?.(ne));
+      },
+      [q, U, v]
+    );
+    Ce(() => {
+      if (!c)
+        return;
+      const L = c.subscribe(ee);
+      let X;
+      return c.onStatusChange ? X = c.onStatusChange(H) : H(!0), c.fetchHistory && c.fetchHistory(o).then((ne) => {
+        for (const ue of ne)
+          j.current.push(ue);
+        F();
+      }), () => {
+        L(), X?.();
+      };
+    }, [c, ee, o, F]);
+    const O = me(() => t.map((L) => ({
+      name: L.name,
+      color: L.color,
+      type: L.type,
+      data: U.get(L.name) ?? []
+    })), [t, U]), te = me(() => {
+      const L = [...i];
+      for (const X of _)
+        L.push({
+          type: "line",
+          value: X.value,
+          color: X.color,
+          label: X.label,
+          dash: X.style === "dashed" ? "5,5" : X.style === "dotted" ? "2,2" : void 0
+        });
+      return L;
+    }, [i, _]);
+    Ae(
+      Z,
+      () => ({
+        pause() {
+          J(!0);
+        },
+        resume() {
+          J(!1);
+        },
+        isPaused() {
+          return q;
+        },
+        clear() {
+          V((L) => {
+            const X = new Map(L);
+            for (const ne of X.keys())
+              X.set(ne, []);
+            return X;
+          }), Q([]), j.current = [];
+        },
+        addPoint(L) {
+          ee(L);
+        },
+        addPoints(L) {
+          ee({ points: L });
+        },
+        getData(L) {
+          return U.get(L) ?? [];
+        },
+        getCategories() {
+          return G;
+        },
+        exportData() {
+          return { series: O, categories: G };
+        },
+        getStats(L) {
+          const X = U.get(L);
+          return X ? We(X) : null;
+        }
+      }),
+      [q, U, G, O, ee]
+    );
+    const fe = me(() => {
+      if (!a)
+        return null;
+      const L = {};
+      for (const [X, ne] of U)
+        L[X] = We(ne);
+      return L;
+    }, [a, U]);
+    return /* @__PURE__ */ $("div", { className: I, style: { position: "relative", ...P }, children: [
+      x && /* @__PURE__ */ $(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 8,
+            right: 8,
+            display: "flex",
+            alignItems: "center",
+            gap: 4,
+            fontSize: 12,
+            color: n ? "var(--color-success, #22c55e)" : "var(--color-error, #ef4444)",
+            zIndex: 10
+          },
+          children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                style: {
+                  width: 8,
+                  height: 8,
+                  borderRadius: "50%",
+                  backgroundColor: n ? "var(--color-success, #22c55e)" : "var(--color-error, #ef4444)"
+                }
+              }
+            ),
+            n ? "Live" : "Disconnected"
+          ]
+        }
+      ),
+      g && /* @__PURE__ */ e(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 8,
+            left: 8,
+            display: "flex",
+            gap: 4,
+            zIndex: 10
+          },
+          children: /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => J((L) => !L),
+              style: {
+                padding: "4px 8px",
+                fontSize: 12,
+                border: "1px solid var(--border-color, #ddd)",
+                borderRadius: 4,
+                background: q ? "var(--warning-bg, #fef3c7)" : "var(--bg-primary, #fff)",
+                cursor: "pointer"
+              },
+              title: q ? "Resume" : "Pause",
+              children: q ? "▶" : "⏸"
+            }
+          )
+        }
+      ),
+      a && fe && /* @__PURE__ */ e(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            bottom: 50,
+            right: 8,
+            background: "var(--nice-overlay-light-90, rgba(255, 255, 255, 0.9))",
+            border: "1px solid var(--border-color, #ddd)",
+            borderRadius: 4,
+            padding: 8,
+            fontSize: 11,
+            zIndex: 10
+          },
+          children: Object.entries(fe).map(
+            ([L, X]) => X ? /* @__PURE__ */ $("div", { style: { marginBottom: 4 }, children: [
+              /* @__PURE__ */ e("strong", { children: L }),
+              /* @__PURE__ */ $("div", { children: [
+                "Min: ",
+                X.min.toFixed(2),
+                " | Max: ",
+                X.max.toFixed(2)
+              ] }),
+              /* @__PURE__ */ $("div", { children: [
+                "Avg: ",
+                X.avg.toFixed(2),
+                " | Now: ",
+                X.current.toFixed(2)
+              ] })
+            ] }, L) : null
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        Re,
+        {
+          series: O,
+          categories: G,
+          width: y,
+          height: m,
+          title: A,
+          showLegend: D,
+          showGrid: w,
+          yAxisLabel: f,
+          xAxisLabel: k,
+          stacked: z,
+          zoomable: C,
+          crosshair: M,
+          annotations: te,
+          legendInteractive: d,
+          onDataPointClick: u,
+          exportable: S
+        }
+      )
+    ] });
+  }
+);
+Je.displayName = "NiceLiveChart";
+function ft(t) {
+  const {
+    hubConnection: o,
+    eventName: s = "DataPoint",
+    subscribeMethod: l = "SubscribeToMetrics",
+    historyMethod: c = "GetMetricHistory",
+    metricName: y
+  } = t;
+  return {
+    subscribe(m) {
+      const A = (D) => {
+        m(D);
+      };
+      return o.on(s, A), o.state === "Connected" && o.invoke(l, y).catch(() => {
+      }), () => {
+        o.off(s, A);
+      };
+    },
+    async fetchHistory(m) {
+      try {
+        return await o.invoke(c, y, m);
+      } catch {
+        return [];
+      }
+    },
+    onStatusChange(m) {
+      const A = () => m(o.state === "Connected");
+      return o.onclose(() => m(!1)), o.onreconnected(() => m(!0)), A(), () => {
+      };
+    }
+  };
+}
+function gt(t) {
+  const {
+    url: o,
+    autoReconnect: s = !0,
+    reconnectDelay: l = 3e3,
+    parseMessage: c = (f) => JSON.parse(f)
+  } = t;
+  let y = null, m = null, A = null, D = null;
+  const w = () => {
+    y = new WebSocket(o), y.onopen = () => {
+      m?.(!0);
+    }, y.onclose = () => {
+      m?.(!1), s && (D = setTimeout(w, l));
+    }, y.onerror = () => {
+      y?.close();
+    }, y.onmessage = (f) => {
+      try {
+        const k = c(f.data);
+        k && A && A(k);
+      } catch {
+      }
+    };
+  };
+  return {
+    subscribe(f) {
+      return A = f, w(), () => {
+        A = null, D && clearTimeout(D), y?.close(), y = null;
+      };
+    },
+    onStatusChange(f) {
+      return m = f, () => {
+        m = null;
+      };
+    }
+  };
+}
+function xt(t) {
+  const { seriesNames: o, interval: s = 1e3, generateValue: l = () => Math.random() * 100 } = t;
+  let c = null, y = 0;
+  return {
+    subscribe(m) {
+      return c = setInterval(() => {
+        for (const A of o)
+          m({
+            series: A,
+            value: l(A, y),
+            timestamp: Date.now()
+          });
+        y++;
+      }, s), () => {
+        c && clearInterval(c);
+      };
+    },
+    onStatusChange(m) {
+      return m(!0), () => {
+      };
+    }
+  };
+}
+const ye = ["#3b82f6", "#ef4444", "#22c55e", "#f59e0b", "#8b5cf6", "#ec4899", "#06b6d4", "#84cc16"], vt = ({
+  data: t,
+  width: o = 400,
+  height: s = 400,
+  innerRadius: l = 0,
+  title: c,
+  showLegend: y = !0,
+  showLabels: m = !0,
+  className: A,
+  style: D
+}) => {
+  const w = o / 2, f = (s - (y ? 30 : 0)) / 2 + (c ? 10 : 0), k = Math.min(w, f) - 40, z = t.reduce((i, d) => i + d.value, 0);
+  let C = -Math.PI / 2;
+  const M = t.map((i, d) => {
+    const u = i.value / (z || 1) * Math.PI * 2, S = C;
+    C += u;
+    const g = C, x = (S + g) / 2, b = w + k * Math.cos(S), v = f + k * Math.sin(S), h = w + k * Math.cos(g), B = f + k * Math.sin(g), a = u > Math.PI ? 1 : 0, _ = i.color || ye[d % ye.length];
+    let I;
+    if (l > 0) {
+      const V = w + l * Math.cos(S), G = f + l * Math.sin(S), Q = w + l * Math.cos(g), q = f + l * Math.sin(g);
+      I = `M${b},${v} A${k},${k} 0 ${a},1 ${h},${B} L${Q},${q} A${l},${l} 0 ${a},0 ${V},${G} Z`;
+    } else
+      I = `M${w},${f} L${b},${v} A${k},${k} 0 ${a},1 ${h},${B} Z`;
+    const P = w + k * 0.7 * Math.cos(x), Z = f + k * 0.7 * Math.sin(x), U = z > 0 ? Math.round(i.value / z * 100) : 0;
+    return { ...i, path: I, labelX: P, labelY: Z, pct: U, color: _ };
+  });
+  return /* @__PURE__ */ e("div", { className: `nice-piechart ${A || ""}`, style: D, children: /* @__PURE__ */ $(
+    "svg",
+    {
+      viewBox: `0 0 ${o} ${s}`,
+      preserveAspectRatio: "xMidYMid meet",
+      width: "100%",
+      height: "100%",
+      style: { display: "block", maxWidth: "100%", maxHeight: "100%" },
+      className: "nice-piechart__svg",
+      children: [
+        c && /* @__PURE__ */ e("text", { x: w, y: 20, textAnchor: "middle", className: "nice-chart__title", children: c }),
+        M.map((i, d) => /* @__PURE__ */ $("g", { children: [
+          /* @__PURE__ */ e("path", { d: i.path, fill: i.color, stroke: "var(--bg-primary, #fff)", strokeWidth: 2, children: /* @__PURE__ */ e("title", { children: `${i.label}: ${i.value} (${i.pct}%)` }) }),
+          m && i.pct >= 5 && /* @__PURE__ */ $(
+            "text",
+            {
+              x: i.labelX,
+              y: i.labelY,
+              textAnchor: "middle",
+              dominantBaseline: "middle",
+              className: "nice-piechart__label",
+              children: [
+                i.pct,
+                "%"
+              ]
+            }
+          )
+        ] }, d)),
+        y && /* @__PURE__ */ e("g", { transform: `translate(10, ${s - 25})`, children: t.map((i, d) => /* @__PURE__ */ $("g", { transform: `translate(${d * 100}, 0)`, children: [
+          /* @__PURE__ */ e("rect", { width: 10, height: 10, rx: 2, fill: i.color || ye[d % ye.length] }),
+          /* @__PURE__ */ e("text", { x: 14, y: 9, className: "nice-chart__legend-text", children: i.label })
+        ] }, d)) })
+      ]
+    }
+  ) });
+}, yt = ({
+  series: t,
+  categories: o,
+  width: s = 400,
+  height: l = 400,
+  maxValue: c,
+  title: y,
+  showLegend: m = !0,
+  className: A,
+  style: D
+}) => {
+  const w = s / 2, f = (l - (m ? 30 : 0)) / 2 + (y ? 10 : 0), k = Math.min(w, f) - 60, z = o.length, C = c ?? Math.max(...t.flatMap((u) => u.data), 1), M = Math.PI * 2 / z, i = 5, d = (u, S) => {
+    const g = u * M - Math.PI / 2, x = S / C * k;
+    return { x: w + x * Math.cos(g), y: f + x * Math.sin(g) };
+  };
+  return /* @__PURE__ */ e("div", { className: `nice-polarchart ${A || ""}`, style: D, children: /* @__PURE__ */ $("svg", { width: s, height: l, className: "nice-polarchart__svg", children: [
+    y && /* @__PURE__ */ e("text", { x: w, y: 20, textAnchor: "middle", className: "nice-chart__title", children: y }),
+    Array.from({ length: i }, (u, S) => {
+      const g = k * ((S + 1) / i);
+      return /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: w,
+          cy: f,
+          r: g,
+          fill: "none",
+          stroke: "var(--border-color, #ddd)",
+          strokeWidth: 0.5
+        },
+        S
+      );
+    }),
+    o.map((u, S) => {
+      const g = d(S, C), x = d(S, C * 1.22), b = S * M - Math.PI / 2, v = Math.cos(b), h = Math.sin(b), B = v > 0.2 ? "start" : v < -0.2 ? "end" : "middle", a = h > 0.2 ? "hanging" : h < -0.2 ? "auto" : "middle";
+      return /* @__PURE__ */ $("g", { children: [
+        /* @__PURE__ */ e(
+          "line",
+          {
+            x1: w,
+            y1: f,
+            x2: g.x,
+            y2: g.y,
+            stroke: "var(--border-color, #ddd)",
+            strokeWidth: 0.5
+          }
+        ),
+        /* @__PURE__ */ e(
+          "text",
+          {
+            x: x.x,
+            y: x.y,
+            textAnchor: B,
+            dominantBaseline: a,
+            className: "nice-chart__axis-label nice-chart__axis-label--polar",
+            children: u
+          }
+        )
+      ] }, S);
+    }),
+    t.map((u, S) => {
+      const g = u.color || ye[S % ye.length], x = u.data.map((b, v) => {
+        const h = d(v, b);
+        return `${h.x},${h.y}`;
+      }).join(" ");
+      return /* @__PURE__ */ $("g", { children: [
+        /* @__PURE__ */ e(
+          "polygon",
+          {
+            points: x,
+            fill: u.fill !== !1 ? g : "none",
+            fillOpacity: 0.15,
+            stroke: g,
+            strokeWidth: 2
+          }
+        ),
+        u.data.map((b, v) => {
+          const h = d(v, b);
+          return /* @__PURE__ */ e("circle", { cx: h.x, cy: h.y, r: 3, fill: g, children: /* @__PURE__ */ e("title", { children: `${u.name} - ${o[v]}: ${b}` }) }, v);
+        })
+      ] }, u.name);
+    }),
+    m && /* @__PURE__ */ e("g", { transform: `translate(10, ${l - 25})`, children: t.map((u, S) => /* @__PURE__ */ $("g", { transform: `translate(${S * 100}, 0)`, children: [
+      /* @__PURE__ */ e("rect", { width: 10, height: 10, rx: 2, fill: u.color || ye[S % ye.length] }),
+      /* @__PURE__ */ e("text", { x: 14, y: 9, className: "nice-chart__legend-text", children: u.name })
+    ] }, S)) })
+  ] }) });
+}, bt = ({
+  value: t,
+  min: o = 0,
+  max: s = 100,
+  width: l = 200,
+  height: c = 200,
+  startAngle: y = 225,
+  endAngle: m = -45,
+  color: A = "var(--color-primary, #3b82f6)",
+  trackColor: D,
+  label: w,
+  formatValue: f,
+  ranges: k,
+  className: z,
+  style: C
+}) => {
+  const M = l / 2, i = c / 2, d = Math.min(M, i) - 20, u = Math.max(0, Math.min(1, (t - o) / (s - o || 1))), S = (a) => a * Math.PI / 180, g = (y - m + 360) % 360 || 360, x = (a) => ({
+    x: M + d * Math.cos(S(a)),
+    y: i - d * Math.sin(S(a))
+  }), b = (a, _) => {
+    const I = x(a), P = x(_), U = (a - _ + 360) % 360 > 180 ? 1 : 0;
+    return `M${I.x},${I.y} A${d},${d} 0 ${U},1 ${P.x},${P.y}`;
+  }, v = y - u * g, h = x(v);
+  let B = A;
+  if (k) {
+    for (const a of k)
+      if (t >= a.start && t <= a.end) {
+        B = a.color;
+        break;
+      }
+  }
+  return /* @__PURE__ */ e("div", { className: `nice-gauge nice-gauge--circular ${z || ""}`, style: C, children: /* @__PURE__ */ $("svg", { width: l, height: c, children: [
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: b(y, m),
+        fill: "none",
+        stroke: D || "var(--border-color, #e2e8f0)",
+        strokeWidth: 12,
+        strokeLinecap: "round"
+      }
+    ),
+    u > 0 && /* @__PURE__ */ e(
+      "path",
+      {
+        d: b(y, v),
+        fill: "none",
+        stroke: B,
+        strokeWidth: 12,
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "line",
+      {
+        x1: M,
+        y1: i,
+        x2: h.x,
+        y2: h.y,
+        stroke: "var(--text-primary, #333)",
+        strokeWidth: 2,
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ e("circle", { cx: M, cy: i, r: 4, fill: "var(--text-primary, #333)" }),
+    /* @__PURE__ */ e("text", { x: M, y: i + d * 0.6, textAnchor: "middle", className: "nice-gauge__value", children: f ? f(t) : t }),
+    w && /* @__PURE__ */ e("text", { x: M, y: i + d * 0.95, textAnchor: "middle", className: "nice-gauge__label", children: w })
+  ] }) });
+}, _t = ({
+  value: t,
+  min: o = 0,
+  max: s = 100,
+  width: l = 300,
+  height: c = 60,
+  orientation: y = "horizontal",
+  color: m = "var(--color-primary, #3b82f6)",
+  label: A,
+  formatValue: D,
+  ranges: w,
+  showTicks: f = !0,
+  tickCount: k = 5,
+  className: z,
+  style: C
+}) => {
+  const M = y === "horizontal", i = M ? l - 40 : c - 40, d = Math.max(0, Math.min(1, (t - o) / (s - o || 1))), u = 10;
+  let S = m;
+  if (w) {
+    for (const x of w)
+      if (t >= x.start && t <= x.end) {
+        S = x.color;
+        break;
+      }
+  }
+  const g = Array.from(
+    { length: k },
+    (x, b) => o + (s - o) * (b / (k - 1))
+  );
+  return M ? /* @__PURE__ */ e("div", { className: `nice-gauge nice-gauge--linear ${z || ""}`, style: C, children: /* @__PURE__ */ $("svg", { width: l, height: c, children: [
+    /* @__PURE__ */ e(
+      "text",
+      {
+        x: 20 + i * d,
+        y: 14,
+        textAnchor: "middle",
+        className: "nice-gauge__value",
+        style: { fontSize: 12 },
+        children: D ? D(t) : t
+      }
+    ),
+    /* @__PURE__ */ e(
+      "rect",
+      {
+        x: 20,
+        y: c / 2 - u / 2,
+        width: i,
+        height: u,
+        rx: 5,
+        fill: "var(--border-color, #e2e8f0)"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "rect",
+      {
+        x: 20,
+        y: c / 2 - u / 2,
+        width: i * d,
+        height: u,
+        rx: 5,
+        fill: S
+      }
+    ),
+    /* @__PURE__ */ e(
+      "polygon",
+      {
+        points: `${20 + i * d},${c / 2 - u / 2 - 2} ${20 + i * d - 5},${c / 2 - u / 2 - 8} ${20 + i * d + 5},${c / 2 - u / 2 - 8}`,
+        fill: "var(--text-primary, #333)"
+      }
+    ),
+    f && g.map((x, b) => {
+      const v = 20 + (x - o) / (s - o) * i;
+      return /* @__PURE__ */ e(
+        "text",
+        {
+          x: v,
+          y: c / 2 + u / 2 + 12,
+          textAnchor: "middle",
+          className: "nice-gauge__tick",
+          children: x
+        },
+        b
+      );
+    }),
+    A && /* @__PURE__ */ e("text", { x: l / 2, y: c - 2, textAnchor: "middle", className: "nice-gauge__label", children: A })
+  ] }) }) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: `nice-gauge nice-gauge--linear nice-gauge--vertical ${z || ""}`,
+      style: C,
+      children: /* @__PURE__ */ $("svg", { width: l, height: c, children: [
+        /* @__PURE__ */ e(
+          "rect",
+          {
+            x: l / 2 - u / 2,
+            y: 20,
+            width: u,
+            height: i,
+            rx: 5,
+            fill: "var(--border-color, #e2e8f0)"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "rect",
+          {
+            x: l / 2 - u / 2,
+            y: 20 + i * (1 - d),
+            width: u,
+            height: i * d,
+            rx: 5,
+            fill: S
+          }
+        ),
+        /* @__PURE__ */ e("text", { x: l / 2, y: 14, textAnchor: "middle", className: "nice-gauge__value", children: D ? D(t) : t }),
+        A && /* @__PURE__ */ e("text", { x: l / 2, y: c - 4, textAnchor: "middle", className: "nice-gauge__label", children: A })
+      ] })
+    }
+  );
+}, wt = ({
+  items: t,
+  min: o = 0,
+  max: s = 100,
+  width: l = 300,
+  height: c = 300,
+  startAngle: y = 225,
+  endAngle: m = -45,
+  formatValue: A,
+  title: D,
+  className: w,
+  style: f
+}) => {
+  const k = l / 2, z = c / 2, C = Math.min(k, z) - 30, M = Math.min(20, C / (t.length + 1)), i = 4, d = (g) => g * Math.PI / 180, u = (y - m + 360) % 360 || 360, S = (g, x, b) => {
+    const v = k + g * Math.cos(d(x)), h = z - g * Math.sin(d(x)), B = k + g * Math.cos(d(b)), a = z - g * Math.sin(d(b)), _ = (x - b + 360) % 360;
+    return `M${v},${h} A${g},${g} 0 ${_ > 180 ? 1 : 0},1 ${B},${a}`;
+  };
+  return /* @__PURE__ */ e("div", { className: `nice-bargauge ${w || ""}`, style: f, children: /* @__PURE__ */ $("svg", { width: l, height: c, children: [
+    D && /* @__PURE__ */ e("text", { x: k, y: 20, textAnchor: "middle", className: "nice-chart__title", children: D }),
+    t.map((g, x) => {
+      const b = C - x * (M + i), v = Math.max(0, Math.min(1, (g.value - o) / (s - o || 1))), h = y - v * u, B = g.color || ye[x % ye.length];
+      return /* @__PURE__ */ $("g", { children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: S(b, y, m),
+            fill: "none",
+            stroke: "var(--border-color, #e2e8f0)",
+            strokeWidth: M,
+            strokeLinecap: "round"
+          }
+        ),
+        v > 0 && /* @__PURE__ */ e(
+          "path",
+          {
+            d: S(b, y, h),
+            fill: "none",
+            stroke: B,
+            strokeWidth: M,
+            strokeLinecap: "round"
+          }
+        )
+      ] }, x);
+    }),
+    /* @__PURE__ */ e("g", { children: t.map((g, x) => /* @__PURE__ */ $(
+      "text",
+      {
+        x: k,
+        y: z - ((t.length - 1) / 2 - x) * 16,
+        textAnchor: "middle",
+        dominantBaseline: "middle",
+        className: "nice-gauge__value",
+        style: { fontSize: 12 },
+        children: [
+          g.label ? `${g.label}: ` : "",
+          A ? A(g.value) : g.value
+        ]
+      },
+      x
+    )) })
+  ] }) });
+}, $t = ({
+  data: t,
+  width: o = 120,
+  height: s = 30,
+  type: l = "line",
+  color: c = "var(--color-primary, #3b82f6)",
+  showMinMax: y,
+  showLastPoint: m = !0,
+  className: A,
+  style: D
+}) => {
+  if (t.length === 0)
+    return null;
+  const w = 2, f = Math.min(...t), k = Math.max(...t), z = k - f || 1, C = o - w * 2, M = s - w * 2, i = (b) => w + b / (t.length - 1 || 1) * C, d = (b) => w + M - (b - f) / z * M;
+  if (l === "bar") {
+    const b = Math.max(1, C / t.length - 1);
+    return /* @__PURE__ */ e(
+      "svg",
+      {
+        width: o,
+        height: s,
+        className: `nice-sparkline ${A || ""}`,
+        style: D,
+        children: t.map((v, h) => /* @__PURE__ */ e(
+          "rect",
+          {
+            x: w + h / t.length * C,
+            y: d(v),
+            width: b,
+            height: M - (d(v) - w),
+            fill: c,
+            rx: 1
+          },
+          h
+        ))
+      }
+    );
+  }
+  const u = t.map((b, v) => `${i(v)},${d(b)}`).join(" "), S = t.indexOf(f), g = t.indexOf(k), x = t.length - 1;
+  return /* @__PURE__ */ $(
+    "svg",
+    {
+      width: o,
+      height: s,
+      className: `nice-sparkline ${A || ""}`,
+      style: D,
+      children: [
+        l === "area" && /* @__PURE__ */ e(
+          "polygon",
+          {
+            points: `${i(0)},${w + M} ${u} ${i(x)},${w + M}`,
+            fill: c,
+            opacity: 0.15
+          }
+        ),
+        /* @__PURE__ */ e("polyline", { points: u, fill: "none", stroke: c, strokeWidth: 1.5 }),
+        y && /* @__PURE__ */ e("circle", { cx: i(S), cy: d(f), r: 2, fill: "var(--nice-danger, #ef4444)" }),
+        y && /* @__PURE__ */ e("circle", { cx: i(g), cy: d(k), r: 2, fill: "var(--nice-success, #22c55e)" }),
+        m && /* @__PURE__ */ e("circle", { cx: i(x), cy: d(t[x]), r: 2, fill: c })
+      ]
+    }
+  );
+}, Ke = {
+  sm: { width: 160, height: 22, fontSize: 11 },
+  md: { width: 220, height: 32, fontSize: 12 },
+  lg: { width: 320, height: 44, fontSize: 14 }
+}, Mt = ({
+  value: t,
+  target: o,
+  min: s = 0,
+  max: l = 100,
+  width: c,
+  height: y,
+  color: m = "var(--color-primary, #3b82f6)",
+  targetColor: A = "var(--color-error, #ef4444)",
+  size: D = "md",
+  label: w,
+  labelPlacement: f = "top",
+  showValue: k = !1,
+  showTarget: z = !1,
+  formatValue: C = (S) => String(S),
+  state: M = "normal",
+  errorMessage: i,
+  className: d,
+  style: u
+}) => {
+  const S = Ke[D], g = c ?? S.width, x = y ?? S.height, b = S.fontSize, v = 4, h = g - v * 2, B = x - v * 2, a = Math.max(0, Math.min(1, (t - s) / (l - s || 1))), _ = o != null ? Math.max(0, Math.min(1, (o - s) / (l - s || 1))) : null, I = () => M === "error" ? /* @__PURE__ */ e(
+    "div",
+    {
+      role: "alert",
+      style: {
+        width: g,
+        height: x,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        border: "1px dashed var(--color-error, #ef4444)",
+        borderRadius: 4,
+        color: "var(--color-error, #ef4444)",
+        fontSize: b,
+        padding: "0 8px",
+        boxSizing: "border-box"
+      },
+      children: i ?? "Error"
+    }
+  ) : M === "loading" ? /* @__PURE__ */ e(
+    "div",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: "nice-bullet__skeleton",
+      style: {
+        width: g,
+        height: x,
+        borderRadius: 4,
+        background: "linear-gradient(90deg, var(--bg-tertiary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-tertiary, #e5e7eb) 75%)",
+        backgroundSize: "200% 100%",
+        animation: "nice-bullet-shimmer 1.4s linear infinite"
+      }
+    }
+  ) : /* @__PURE__ */ $(
+    "svg",
+    {
+      width: g,
+      height: x,
+      role: "img",
+      "aria-label": typeof w == "string" ? w : void 0,
+      children: [
+        /* @__PURE__ */ e("rect", { x: v, y: v, width: h, height: B, rx: 3, fill: "var(--border-color, #e2e8f0)" }),
+        /* @__PURE__ */ e("rect", { x: v, y: v + B * 0.2, width: h * a, height: B * 0.6, rx: 2, fill: m }),
+        _ != null && /* @__PURE__ */ e(
+          "line",
+          {
+            x1: v + h * _,
+            y1: v + 2,
+            x2: v + h * _,
+            y2: v + B - 2,
+            stroke: A,
+            strokeWidth: 2
+          }
+        ),
+        k && /* @__PURE__ */ e(
+          "text",
+          {
+            x: v + Math.max(h * a, 4),
+            y: x / 2,
+            dx: h * a > 24 ? -4 : 4,
+            textAnchor: h * a > 24 ? "end" : "start",
+            dominantBaseline: "middle",
+            fontSize: b,
+            fill: h * a > 24 ? "var(--nice-bg, #fff)" : "var(--text-primary)",
+            fontWeight: 600,
+            children: C(t)
+          }
+        ),
+        z && _ != null && /* @__PURE__ */ $(
+          "text",
+          {
+            x: v + h * _,
+            y: v - 1,
+            textAnchor: "middle",
+            fontSize: b - 1,
+            fill: A,
+            fontWeight: 600,
+            children: [
+              "▼",
+              C(o)
+            ]
+          }
+        )
+      ]
+    }
+  );
+  if (f === "none" || !w)
+    return /* @__PURE__ */ $("div", { className: `nice-bullet ${d || ""}`, style: u, children: [
+      I(),
+      /* @__PURE__ */ e("style", { children: Ee })
+    ] });
+  const P = f === "top" || f === "bottom", Z = /* @__PURE__ */ e(
+    "span",
+    {
+      className: "nice-bullet__label",
+      style: {
+        fontSize: b,
+        fontWeight: 600,
+        color: "var(--text-primary)",
+        ...P ? {
+          marginBottom: f === "top" ? 4 : 0,
+          marginTop: f === "bottom" ? 4 : 0
+        } : {},
+        ...f === "left" ? { marginRight: 8 } : {},
+        ...f === "right" ? { marginLeft: 8 } : {}
+      },
+      children: w
+    }
+  );
+  return /* @__PURE__ */ $(
+    "div",
+    {
+      className: `nice-bullet nice-bullet--${f} ${d || ""}`,
+      style: {
+        display: "inline-flex",
+        flexDirection: P ? "column" : "row",
+        alignItems: P ? "flex-start" : "center",
+        ...u
+      },
+      children: [
+        (f === "top" || f === "left") && Z,
+        I(),
+        (f === "bottom" || f === "right") && Z,
+        /* @__PURE__ */ e("style", { children: Ee })
+      ]
+    }
+  );
+}, Ee = `
+@keyframes nice-bullet-shimmer {
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+`, Nt = ({
+  data: t,
+  width: o = 400,
+  height: s = 300,
+  inverted: l,
+  showLabels: c = !0,
+  showValues: y = !0,
+  title: m,
+  className: A,
+  style: D
+}) => {
+  const w = { top: m ? 30 : 10, bottom: 10, x: 40 }, f = o - w.x * 2, k = s - w.top - w.bottom, z = l ? [...t].reverse() : t, C = Math.max(...z.map((i) => i.value), 1), M = k / z.length;
+  return /* @__PURE__ */ e("div", { className: `nice-funnel ${A || ""}`, style: D, children: /* @__PURE__ */ $("svg", { width: o, height: s, children: [
+    m && /* @__PURE__ */ e("text", { x: o / 2, y: 20, textAnchor: "middle", className: "nice-chart__title", children: m }),
+    z.map((i, d) => {
+      const u = i.value / C * f, S = d < z.length - 1 ? z[d + 1].value / C * f : u * 0.3, g = w.top + d * M, x = g + M, b = o / 2, v = `${b - u / 2},${g} ${b + u / 2},${g} ${b + S / 2},${x} ${b - S / 2},${x}`, h = i.color || ye[d % ye.length];
+      return /* @__PURE__ */ $("g", { children: [
+        /* @__PURE__ */ e(
+          "polygon",
+          {
+            points: v,
+            fill: h,
+            stroke: "var(--bg-primary, #fff)",
+            strokeWidth: 1,
+            children: /* @__PURE__ */ e("title", { children: `${i.label}: ${i.value}` })
+          }
+        ),
+        c && /* @__PURE__ */ e(
+          "text",
+          {
+            x: b,
+            y: g + M / 2 - (y ? 4 : 0),
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            className: "nice-funnel__label",
+            children: i.label
+          }
+        ),
+        y && /* @__PURE__ */ e(
+          "text",
+          {
+            x: b,
+            y: g + M / 2 + 10,
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            className: "nice-funnel__value",
+            children: i.value
+          }
+        )
+      ] }, d);
+    })
+  ] }) });
+}, Qe = ({
+  nodes: t,
+  links: o,
+  width: s = 600,
+  height: l = 400,
+  nodeWidth: c = 20,
+  nodePadding: y = 10,
+  title: m,
+  className: A,
+  style: D
+}) => {
+  const w = { top: m ? 40 : 20, bottom: 20, left: 20, right: 20 }, f = s - w.left - w.right, k = l - w.top - w.bottom, z = new Set(o.map((a) => a.source)), C = new Set(o.map((a) => a.target)), M = t.filter((a) => z.has(a.id) && !C.has(a.id)), i = t.filter((a) => C.has(a.id)), d = t.filter((a) => z.has(a.id) && C.has(a.id)), u = [M, ...d.length ? [d] : [], i].filter(
+    (a) => a.length > 0
+  ), S = u.length, g = /* @__PURE__ */ new Map();
+  t.forEach((a) => {
+    const _ = o.filter((P) => P.source === a.id).reduce((P, Z) => P + Z.value, 0), I = o.filter((P) => P.target === a.id).reduce((P, Z) => P + Z.value, 0);
+    g.set(a.id, Math.max(_, I));
+  });
+  const x = u.map(
+    (a) => a.reduce((_, I) => _ + (g.get(I.id) || 0), 0) + (a.length - 1) * y
+  ), b = Math.max(...x, 1), v = /* @__PURE__ */ new Map();
+  u.forEach((a, _) => {
+    const I = w.left + _ / (S - 1 || 1) * (f - c);
+    let P = 0;
+    a.forEach((Z) => {
+      const U = (g.get(Z.id) || 0) / b * k;
+      v.set(Z.id, { x: I, y: w.top + P, h: U }), P += U + y;
+    });
+  });
+  const h = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
+  return t.forEach((a) => {
+    h.set(a.id, 0), B.set(a.id, 0);
+  }), /* @__PURE__ */ e("div", { className: `nice-sankey ${A || ""}`, style: D, children: /* @__PURE__ */ $("svg", { width: s, height: l, children: [
+    m && /* @__PURE__ */ e("text", { x: s / 2, y: 20, textAnchor: "middle", className: "nice-chart__title", children: m }),
+    o.map((a, _) => {
+      const I = v.get(a.source), P = v.get(a.target);
+      if (!I || !P)
+        return null;
+      const Z = h.get(a.source) || 0, U = B.get(a.target) || 0, V = a.value / b * k;
+      h.set(a.source, Z + V), B.set(a.target, U + V);
+      const G = I.x + c, Q = I.y + Z, q = P.x, J = P.y + U, n = (G + q) / 2, j = t.find((W) => W.id === a.source)?.color || ye[_ % ye.length];
+      return /* @__PURE__ */ e(
+        "path",
+        {
+          d: `M${G},${Q} C${n},${Q} ${n},${J} ${q},${J} L${q},${J + V} C${n},${J + V} ${n},${Q + V} ${G},${Q + V} Z`,
+          fill: j,
+          fillOpacity: 0.3,
+          stroke: j,
+          strokeOpacity: 0.5,
+          strokeWidth: 0.5,
+          children: /* @__PURE__ */ e("title", { children: `${a.source} → ${a.target}: ${a.value}` })
+        },
+        _
+      );
+    }),
+    t.map((a, _) => {
+      const I = v.get(a.id);
+      if (!I)
+        return null;
+      const P = a.color || ye[_ % ye.length];
+      return /* @__PURE__ */ $("g", { children: [
+        /* @__PURE__ */ e(
+          "rect",
+          {
+            x: I.x,
+            y: I.y,
+            width: c,
+            height: Math.max(I.h, 2),
+            fill: P,
+            rx: 2
+          }
+        ),
+        /* @__PURE__ */ e(
+          "text",
+          {
+            x: I.x < f / 2 ? I.x + c + 4 : I.x - 4,
+            y: I.y + I.h / 2,
+            textAnchor: I.x < f / 2 ? "start" : "end",
+            dominantBaseline: "middle",
+            className: "nice-chart__legend-text",
+            children: a.label
+          }
+        )
+      ] }, a.id);
+    })
+  ] }) });
+}, kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  NiceSankey: Qe
+}, Symbol.toStringTag, { value: "Module" })), St = ({
+  data: t,
+  min: o,
+  max: s,
+  start: l,
+  end: c,
+  onChange: y,
+  width: m = 500,
+  height: A = 100,
+  step: D = 1,
+  formatValue: w,
+  chartColor: f = "var(--color-primary, #3b82f6)",
+  className: k,
+  style: z
+}) => {
+  const C = { top: 10, bottom: 30, left: 10, right: 10 }, M = m - C.left - C.right, i = A - C.top - C.bottom, d = (v) => C.left + (v - o) / (s - o || 1) * M, u = (v) => {
+    const h = Math.max(0, Math.min(1, (v - C.left) / M)), B = o + h * (s - o);
+    return Math.round(B / D) * D;
+  }, S = (v, h) => {
+    h.preventDefault();
+    const B = h.target.closest("svg");
+    if (!B)
+      return;
+    const a = (I) => {
+      const P = B.getBoundingClientRect(), Z = u(I.clientX - P.left);
+      v === "start" ? y(Math.min(Z, c), c) : y(l, Math.max(Z, l));
+    }, _ = () => {
+      document.removeEventListener("pointermove", a), document.removeEventListener("pointerup", _);
+    };
+    document.addEventListener("pointermove", a), document.addEventListener("pointerup", _);
+  }, g = t ? Math.min(...t) : 0, b = (t ? Math.max(...t) : 1) - g || 1;
+  return /* @__PURE__ */ e("div", { className: `nice-rangeselector ${k || ""}`, style: z, children: /* @__PURE__ */ $("svg", { width: m, height: A, children: [
+    t && t.length > 1 && /* @__PURE__ */ e(
+      "polygon",
+      {
+        points: `${C.left},${C.top + i} ${t.map((v, h) => `${C.left + h / (t.length - 1) * M},${C.top + i - (v - g) / b * i}`).join(" ")} ${C.left + M},${C.top + i}`,
+        fill: f,
+        opacity: 0.15
+      }
+    ),
+    /* @__PURE__ */ e(
+      "rect",
+      {
+        x: d(l),
+        y: C.top,
+        width: d(c) - d(l),
+        height: i,
+        fill: f,
+        opacity: 0.1
+      }
+    ),
+    /* @__PURE__ */ e(
+      "rect",
+      {
+        x: C.left,
+        y: C.top,
+        width: d(l) - C.left,
+        height: i,
+        fill: "var(--bg-secondary, #f5f5f5)",
+        opacity: 0.6
+      }
+    ),
+    /* @__PURE__ */ e(
+      "rect",
+      {
+        x: d(c),
+        y: C.top,
+        width: C.left + M - d(c),
+        height: i,
+        fill: "var(--bg-secondary, #f5f5f5)",
+        opacity: 0.6
+      }
+    ),
+    /* @__PURE__ */ e(
+      "rect",
+      {
+        x: d(l) - 4,
+        y: C.top,
+        width: 8,
+        height: i,
+        fill: f,
+        rx: 2,
+        cursor: "ew-resize",
+        onPointerDown: (v) => S("start", v)
+      }
+    ),
+    /* @__PURE__ */ e(
+      "rect",
+      {
+        x: d(c) - 4,
+        y: C.top,
+        width: 8,
+        height: i,
+        fill: f,
+        rx: 2,
+        cursor: "ew-resize",
+        onPointerDown: (v) => S("end", v)
+      }
+    ),
+    /* @__PURE__ */ e(
+      "text",
+      {
+        x: d(l),
+        y: C.top + i + 18,
+        textAnchor: "middle",
+        className: "nice-chart__axis-label",
+        children: w ? w(l) : l
+      }
+    ),
+    /* @__PURE__ */ e(
+      "text",
+      {
+        x: d(c),
+        y: C.top + i + 18,
+        textAnchor: "middle",
+        className: "nice-chart__axis-label",
+        children: w ? w(c) : c
+      }
+    )
+  ] }) });
+}, et = ({
+  regions: t,
+  width: o = 600,
+  height: s = 400,
+  viewBox: l = "0 0 1000 600",
+  colorRange: c = ["var(--info-bg, #dbeafe)", "var(--color-primary-active, #1d4ed8)"],
+  maxValue: y,
+  onRegionClick: m,
+  selectedRegionId: A,
+  title: D,
+  showTooltip: w = !0,
+  className: f,
+  style: k
+}) => {
+  const z = y ?? Math.max(...t.map((M) => M.value ?? 0), 1), C = (M) => {
+    const i = (a) => [
+      parseInt(a.slice(1, 3), 16),
+      parseInt(a.slice(3, 5), 16),
+      parseInt(a.slice(5, 7), 16)
+    ], [d, u, S] = i(c[0]), [g, x, b] = i(c[1]), v = Math.round(d + (g - d) * M), h = Math.round(u + (x - u) * M), B = Math.round(S + (b - S) * M);
+    return `rgb(${v},${h},${B})`;
+  };
+  return /* @__PURE__ */ $("div", { className: `nice-vectormap ${f || ""}`, style: k, children: [
+    D && /* @__PURE__ */ e("div", { className: "nice-vectormap__title", children: D }),
+    /* @__PURE__ */ e("svg", { width: o, height: s, viewBox: l, children: t.map((M) => {
+      const i = M.value != null ? Math.max(0, Math.min(1, M.value / z)) : 0, d = M.value != null ? C(i) : "var(--bg-tertiary, #e5e7eb)", u = M.id === A;
+      return /* @__PURE__ */ e(
+        "path",
+        {
+          d: M.path,
+          fill: d,
+          stroke: u ? "var(--color-primary, #3b82f6)" : "var(--border-color, #d1d5db)",
+          strokeWidth: u ? 2 : 0.5,
+          cursor: m ? "pointer" : void 0,
+          onClick: () => m?.(M),
+          children: w && /* @__PURE__ */ e("title", { children: `${M.name}${M.value != null ? `: ${M.value}` : ""}` })
+        },
+        M.id
+      );
+    }) })
+  ] });
+}, Ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  NiceVectorMap: et
+}, Symbol.toStringTag, { value: "Module" })), tt = `
+.nice-forecast-chart {
+  display: flex;
+  flex-direction: column;
+  background: var(--nice-bg-primary, #ffffff);
+  border: 1px solid var(--nice-border-color, #e5e7eb);
+  border-radius: var(--nice-radius-lg, 0.5rem);
+  overflow: hidden;
+}
+
+.nice-forecast-chart__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.75rem 1rem;
+  border-bottom: 1px solid var(--nice-border-color, #e5e7eb);
+}
+
+.nice-forecast-chart__title {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--nice-text-primary);
+  margin: 0;
+}
+
+.nice-forecast-chart__actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.nice-forecast-chart__btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  font-size: 1rem;
+  border-radius: var(--nice-radius-md, 0.375rem);
+  cursor: pointer;
+  transition: all 0.15s ease;
+  border: 1px solid var(--nice-border-color, #d1d5db);
+  background: var(--nice-bg-primary, #ffffff);
+  color: var(--nice-text-secondary);
+}
+
+.nice-forecast-chart__btn:hover {
+  background: var(--nice-bg-hover, #f3f4f6);
+  color: var(--nice-text-primary);
+}
+
+.nice-forecast-chart__btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.nice-forecast-chart__container {
+  position: relative;
+  width: 100%;
+  padding: 1rem;
+}
+
+.nice-forecast-chart__svg {
+  width: 100%;
+  overflow: visible;
+}
+
+.nice-forecast-chart__grid-line {
+  stroke: var(--nice-border-divider, #f3f4f6);
+  stroke-width: 1;
+}
+
+.nice-forecast-chart__axis-line {
+  stroke: var(--nice-border-color, #e5e7eb);
+  stroke-width: 1;
+}
+
+.nice-forecast-chart__axis-label {
+  font-size: 0.6875rem;
+  fill: var(--nice-text-secondary);
+}
+
+.nice-forecast-chart__axis-title {
+  font-size: 0.75rem;
+  font-weight: 500;
+  fill: var(--nice-text-primary);
+}
+
+.nice-forecast-chart__historical-line {
+  fill: none;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.nice-forecast-chart__forecast-line {
+  fill: none;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-dasharray: 6, 4;
+}
+
+.nice-forecast-chart__confidence-band {
+  opacity: 0.2;
+}
+
+.nice-forecast-chart__forecast-region {
+  fill: var(--nice-bg-secondary, #f9fafb);
+  opacity: 0.5;
+}
+
+.nice-forecast-chart__point {
+  cursor: pointer;
+  transition: r 0.15s ease;
+}
+
+.nice-forecast-chart__point:hover {
+  r: 6;
+}
+
+.nice-forecast-chart__annotation-line {
+  stroke-dasharray: 4, 2;
+  stroke-width: 1;
+}
+
+.nice-forecast-chart__annotation-marker {
+  cursor: pointer;
+  transition: transform 0.15s ease;
+}
+
+.nice-forecast-chart__annotation-marker:hover {
+  transform: scale(1.2);
+}
+
+.nice-forecast-chart__reference-line {
+  stroke-width: 1;
+}
+
+.nice-forecast-chart__reference-label {
+  font-size: 0.625rem;
+  fill: var(--nice-text-secondary);
+}
+
+.nice-forecast-chart__cash-runway {
+  pointer-events: none;
+}
+
+.nice-forecast-chart__cash-runway-line {
+  stroke: var(--nice-danger, #ef4444);
+  stroke-width: 2;
+  stroke-dasharray: 8, 4;
+}
+
+.nice-forecast-chart__cash-runway-label-bg {
+  fill: var(--nice-danger, #ef4444);
+  rx: 4;
+}
+
+.nice-forecast-chart__cash-runway-label {
+  font-size: 0.6875rem;
+  font-weight: 600;
+  fill: var(--nice-bg, #FFFFFF);
+}
+
+.nice-forecast-chart__cash-runway-date {
+  font-size: 0.625rem;
+  fill: var(--nice-danger, #ef4444);
+  font-weight: 500;
+}
+
+.nice-forecast-chart__tooltip {
+  position: absolute;
+  pointer-events: none;
+  z-index: 100;
+  padding: 0.75rem;
+  background: var(--nice-bg-primary, #ffffff);
+  border: 1px solid var(--nice-border-color, #e5e7eb);
+  border-radius: var(--nice-radius-lg, 0.5rem);
+  box-shadow: 0 4px 12px var(--nice-overlay-10, rgba(0, 0, 0, 0.1));
+  font-size: 0.8125rem;
+  max-width: 250px;
+}
+
+.nice-forecast-chart__tooltip-date {
+  font-weight: 600;
+  color: var(--nice-text-primary);
+  margin-bottom: 0.5rem;
+  padding-bottom: 0.5rem;
+  border-bottom: 1px solid var(--nice-border-divider, #f3f4f6);
+}
+
+.nice-forecast-chart__tooltip-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.25rem;
+}
+
+.nice-forecast-chart__tooltip-color {
+  width: 10px;
+  height: 10px;
+  border-radius: var(--nice-radius-sm, 2px);
+  flex-shrink: 0;
+}
+
+.nice-forecast-chart__tooltip-label {
+  color: var(--nice-text-secondary);
+  flex: 1;
+}
+
+.nice-forecast-chart__tooltip-value {
+  font-weight: 600;
+  color: var(--nice-text-primary);
+  font-variant-numeric: tabular-nums;
+}
+
+.nice-forecast-chart__tooltip-confidence {
+  font-size: 0.75rem;
+  color: var(--nice-text-tertiary);
+}
+
+.nice-forecast-chart__legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  padding: 0.75rem 1rem;
+  border-top: 1px solid var(--nice-border-color, #e5e7eb);
+}
+
+.nice-forecast-chart__legend-item {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  font-size: 0.8125rem;
+  color: var(--nice-text-secondary);
+  cursor: pointer;
+  user-select: none;
+  transition: opacity 0.15s ease;
+}
+
+.nice-forecast-chart__legend-item:hover {
+  color: var(--nice-text-primary);
+}
+
+.nice-forecast-chart__legend-item--hidden {
+  opacity: 0.4;
+}
+
+.nice-forecast-chart__legend-color {
+  width: 16px;
+  height: 3px;
+  border-radius: var(--nice-radius-xs, 1px);
+}
+
+.nice-forecast-chart__legend-color--dashed {
+  background: repeating-linear-gradient(
+    90deg,
+    currentColor,
+    currentColor 4px,
+    transparent 4px,
+    transparent 6px
+  );
+}
+
+.nice-forecast-chart__empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 300px;
+  color: var(--nice-text-secondary);
+}
+
+/* Dark mode */
+.dark .nice-forecast-chart {
+  background: var(--nice-bg-primary-dark, #111827);
+  border-color: var(--nice-border-color-dark, #374151);
+}
+
+.dark .nice-forecast-chart__tooltip {
+  background: var(--nice-bg-secondary-dark, #1f2937);
+  border-color: var(--nice-border-color-dark, #374151);
+}
+
+.dark .nice-forecast-chart__forecast-region {
+  fill: var(--nice-bg-secondary-dark, #1f2937);
+}
+`, Oe = [
+  "var(--color-primary, #3b82f6)",
+  // blue
+  "var(--color-success, #10b981)",
+  // green
+  "var(--color-warning, #f59e0b)",
+  // amber
+  "var(--color-error, #ef4444)",
+  // red
+  "var(--color-accent, #8b5cf6)",
+  // purple
+  "var(--color-accent-pink, #ec4899)",
+  // pink
+  "var(--color-info, #06b6d4)",
+  // cyan
+  "var(--nice-warning, #f97316)"
+  // orange
+];
+function xe(t) {
+  return t instanceof Date ? t : new Date(t);
+}
+function Be(t, o = "pl-PL") {
+  return t.toLocaleDateString(o, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+}
+function Ie(t, o = "pl-PL") {
+  return new Intl.NumberFormat(o, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2
+  }).format(t);
+}
+const At = Ne(
+  function(o, s) {
+    const {
+      scenarios: l,
+      data: c,
+      annotations: y = [],
+      referenceLines: m = [],
+      forecastStartDate: A,
+      cashRunway: D,
+      xAxis: w,
+      yAxis: f,
+      confidenceBands: k = [{ level: 95, color: "var(--color-primary, #3b82f6)", opacity: 0.15 }],
+      tooltip: z,
+      legend: C = { enabled: !0, position: "bottom", interactive: !0 },
+      height: M = 350,
+      showForecastRegion: i = !0,
+      lineWidth: d = 2,
+      showPoints: u = !1,
+      pointRadius: S = 4,
+      enableZoom: g = !1,
+      zoomEnabled: x,
+      animationDuration: b = 300,
+      showLegend: v,
+      responsive: h = !0,
+      onPointClick: B,
+      onAnnotationClick: a,
+      onScenarioToggle: _,
+      onViewportChange: I,
+      size: P = "medium",
+      disabled: Z = !1,
+      labels: U = {},
+      locale: V = "pl-PL",
+      className: G,
+      style: Q
+    } = o, q = l && l.length > 0 ? l : c ? [
+      {
+        id: "default",
+        name: "Series",
+        data: c
+      }
+    ] : [], J = {
+      ...C,
+      enabled: v ?? C.enabled
+    }, [n, H] = oe(
+      () => q.map((r, R) => ({
+        ...r,
+        color: r.color ?? Oe[R % Oe.length],
+        visible: r.visible !== !1
+      }))
+    ), [j, W] = oe(null), [p, F] = oe({ x: 0, y: 0 }), Y = be(null), ee = be(null), O = { top: 20, right: 30, bottom: 40, left: 60 }, [te, fe] = oe({
+      width: 600,
+      height: typeof M == "number" ? M : 350
+    });
+    Ce(() => {
+      if (!h || !Y.current)
+        return;
+      const r = new ResizeObserver((R) => {
+        for (const E of R)
+          fe((N) => ({
+            width: E.contentRect.width,
+            height: N.height
+          }));
+      });
+      return r.observe(Y.current), () => r.disconnect();
+    }, [h]), Ce(() => {
+      const r = "nice-forecast-chart-styles";
+      if (!document.getElementById(r)) {
+        const R = document.createElement("style");
+        R.id = r, R.textContent = tt, document.head.appendChild(R);
+      }
+    }, []);
+    const { xScale: L, yScale: X, allDates: ne, minY: ue, maxY: _e } = me(() => {
+      const R = n.filter((pe) => pe.visible !== !1).flatMap((pe) => pe.data);
+      if (R.length === 0)
+        return { xScale: () => 0, yScale: () => 0, allDates: [], minY: 0, maxY: 100 };
+      const E = R.map((pe) => xe(pe.date).getTime()), N = Math.min(...E), K = Math.max(...E), ie = R.flatMap((pe) => [pe.value, pe.forecast, pe.lowerBound, pe.upperBound]).filter((pe) => pe != null), le = f?.min ?? Math.min(...ie) * 0.95, he = f?.max ?? Math.max(...ie) * 1.05, we = te.width - O.left - O.right, Me = te.height - O.top - O.bottom, Le = (pe) => {
+        const Te = typeof pe == "number" ? pe : pe.getTime();
+        return O.left + (Te - N) / (K - N) * we;
+      }, De = (pe) => O.top + Me - (pe - le) / (he - le) * Me, He = [...new Set(E)].sort((pe, Te) => pe - Te).map((pe) => new Date(pe));
+      return {
+        xScale: Le,
+        yScale: De,
+        allDates: He,
+        minY: le,
+        maxY: he
+      };
+    }, [n, te, O, f]), ge = A ? xe(A) : null, ve = me(() => {
+      if (!D?.enabled)
+        return null;
+      const r = D.threshold ?? 0, R = D.scenarioId ? n.find((N) => N.id === D.scenarioId && N.visible !== !1) : n.find((N) => N.visible !== !1);
+      if (!R)
+        return null;
+      const E = R.data.sort(
+        (N, K) => xe(N.date).getTime() - xe(K.date).getTime()
+      );
+      for (let N = 1; N < E.length; N++) {
+        const K = E[N - 1], ie = E[N], le = K.forecast ?? K.value, he = ie.forecast ?? ie.value;
+        if (le != null && he != null && le > r && he <= r) {
+          const we = (le - r) / (le - he), Me = xe(K.date).getTime(), Le = xe(ie.date).getTime(), De = Me + we * (Le - Me);
+          return new Date(De);
+        }
+      }
+      return null;
+    }, [D, n]), $e = ae(
+      (r, R) => {
+        const E = r.filter((N) => N[R] != null).map((N) => ({ x: L(xe(N.date)), y: X(N[R]) }));
+        return E.length === 0 ? "" : `M ${E.map((N) => `${N.x},${N.y}`).join(" L ")}`;
+      },
+      [L, X]
+    ), Se = ae(
+      (r) => {
+        const R = r.filter((K) => K.lowerBound != null && K.upperBound != null);
+        if (R.length === 0)
+          return "";
+        const E = R.map((K) => ({
+          x: L(xe(K.date)),
+          y: X(K.upperBound)
+        })), N = R.map((K) => ({ x: L(xe(K.date)), y: X(K.lowerBound) })).reverse();
+        return `M ${E.map((K) => `${K.x},${K.y}`).join(" L ")} L ${N.map((K) => `${K.x},${K.y}`).join(" L ")} Z`;
+      },
+      [L, X]
+    ), T = ae(
+      (r) => {
+        if (!ee.current || z?.enabled === !1)
+          return;
+        const R = ee.current.getBoundingClientRect(), E = r.clientX - R.left;
+        r.clientY - R.top;
+        let N = null, K = 1 / 0;
+        for (const ie of ne) {
+          const le = L(ie), he = Math.abs(le - E);
+          he < K && (K = he, N = ie);
+        }
+        if (N && K < 50) {
+          const ie = n.filter((he) => he.visible !== !1).map((he) => {
+            const we = he.data.find((Me) => xe(Me.date).getTime() === N.getTime());
+            return {
+              scenario: he,
+              value: we?.value,
+              forecast: we?.forecast,
+              lowerBound: we?.lowerBound,
+              upperBound: we?.upperBound
+            };
+          }), le = y.filter(
+            (he) => Math.abs(xe(he.date).getTime() - N.getTime()) < 864e5
+          );
+          W({ date: N, values: ie, annotations: le }), F({ x: r.clientX - R.left + 10, y: r.clientY - R.top - 10 });
+        } else
+          W(null);
+      },
+      [L, ne, n, y, z]
+    ), re = ae(
+      (r) => {
+        if (!J.interactive)
+          return;
+        H((E) => E.map((N) => N.id === r ? { ...N, visible: !N.visible } : N));
+        const R = n.find((E) => E.id === r);
+        R && _?.(r, !R.visible);
+      },
+      [J.interactive, n, _]
+    );
+    Ae(
+      s,
+      () => ({
+        getScenarios: () => n,
+        updateScenario: (r, R) => {
+          H((E) => E.map((N) => N.id === r ? { ...N, data: R } : N));
+        },
+        toggleScenario: re,
+        setZoomRange: () => {
+        },
+        // Would need pan/zoom implementation
+        resetZoom: () => {
+        },
+        exportImage: (r) => {
+          if (!ee.current)
+            return null;
+          const R = ee.current, N = new XMLSerializer().serializeToString(R);
+          return `data:image/svg+xml;base64,${btoa(N)}`;
+        },
+        getDataAtDate: (r) => {
+          const R = n.filter((E) => E.visible !== !1).map((E) => {
+            const N = E.data.find((K) => xe(K.date).getTime() === r.getTime());
+            return {
+              scenario: E,
+              value: N?.value,
+              forecast: N?.forecast,
+              lowerBound: N?.lowerBound,
+              upperBound: N?.upperBound
+            };
+          });
+          return {
+            date: r,
+            values: R,
+            annotations: y.filter((E) => xe(E.date).getTime() === r.getTime())
+          };
+        }
+      }),
+      [n, y, re]
+    ), te.width - O.left - O.right;
+    const ce = te.height - O.top - O.bottom, se = me(() => {
+      const r = f?.tickCount ?? 5, R = [], E = (_e - ue) / (r - 1);
+      for (let N = 0; N < r; N++)
+        R.push(ue + E * N);
+      return R;
+    }, [ue, _e, f?.tickCount]), de = me(() => {
+      const r = w?.tickCount ?? 6;
+      if (ne.length === 0)
+        return [];
+      const R = Math.max(1, Math.floor(ne.length / (r - 1)));
+      return ne.filter((E, N) => N % R === 0 || N === ne.length - 1);
+    }, [ne, w?.tickCount]);
+    return n.length === 0 || n.every((r) => r.data.length === 0) ? /* @__PURE__ */ e("div", { className: `nice-forecast-chart ${G ?? ""}`, style: Q, children: /* @__PURE__ */ e("div", { className: "nice-forecast-chart__empty", children: U.noData ?? "No data available" }) }) : /* @__PURE__ */ $("div", { className: `nice-forecast-chart ${G ?? ""}`, style: { ...Q, height: M }, children: [
+      /* @__PURE__ */ $("div", { ref: Y, className: "nice-forecast-chart__container", children: [
+        /* @__PURE__ */ $(
+          "svg",
+          {
+            ref: ee,
+            className: "nice-forecast-chart__svg",
+            width: te.width,
+            height: te.height,
+            onMouseMove: T,
+            onMouseLeave: () => W(null),
+            children: [
+              f?.showGrid !== !1 && se.map((r) => /* @__PURE__ */ e(
+                "line",
+                {
+                  className: "nice-forecast-chart__grid-line",
+                  x1: O.left,
+                  x2: te.width - O.right,
+                  y1: X(r),
+                  y2: X(r)
+                },
+                r
+              )),
+              i && ge && /* @__PURE__ */ e(
+                "rect",
+                {
+                  className: "nice-forecast-chart__forecast-region",
+                  x: L(ge),
+                  y: O.top,
+                  width: te.width - O.right - L(ge),
+                  height: ce
+                }
+              ),
+              m.map((r) => /* @__PURE__ */ $("g", { children: [
+                /* @__PURE__ */ e(
+                  "line",
+                  {
+                    className: "nice-forecast-chart__reference-line",
+                    x1: O.left,
+                    x2: te.width - O.right,
+                    y1: X(r.value),
+                    y2: X(r.value),
+                    stroke: r.color ?? "var(--text-muted, #9ca3af)",
+                    strokeDasharray: r.dashArray ?? "4,2"
+                  }
+                ),
+                r.label && /* @__PURE__ */ e(
+                  "text",
+                  {
+                    className: "nice-forecast-chart__reference-label",
+                    x: te.width - O.right - 4,
+                    y: X(r.value) - 4,
+                    textAnchor: "end",
+                    children: r.label
+                  }
+                )
+              ] }, r.id)),
+              ve && D?.enabled && /* @__PURE__ */ $("g", { className: "nice-forecast-chart__cash-runway", children: [
+                /* @__PURE__ */ e(
+                  "line",
+                  {
+                    className: "nice-forecast-chart__cash-runway-line",
+                    x1: L(ve),
+                    x2: L(ve),
+                    y1: O.top,
+                    y2: te.height - O.bottom,
+                    stroke: D.color ?? "var(--color-error, #ef4444)"
+                  }
+                ),
+                D.showLabel !== !1 && /* @__PURE__ */ $(Pe, { children: [
+                  /* @__PURE__ */ e(
+                    "rect",
+                    {
+                      className: "nice-forecast-chart__cash-runway-label-bg",
+                      x: L(ve) - 60,
+                      y: O.top - 2,
+                      width: 120,
+                      height: D.showDate !== !1 ? 32 : 20,
+                      fill: D.color ?? "var(--color-error, #ef4444)",
+                      rx: 4
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "text",
+                    {
+                      className: "nice-forecast-chart__cash-runway-label",
+                      x: L(ve),
+                      y: O.top + 12,
+                      textAnchor: "middle",
+                      fill: "var(--nice-bg, #fff)",
+                      children: D.label ?? U.cashRunsOut ?? "💰 Cash runs out"
+                    }
+                  ),
+                  D.showDate !== !1 && /* @__PURE__ */ e(
+                    "text",
+                    {
+                      className: "nice-forecast-chart__cash-runway-label",
+                      x: L(ve),
+                      y: O.top + 26,
+                      textAnchor: "middle",
+                      fill: "var(--nice-bg, #fff)",
+                      style: { fontSize: "0.625rem", opacity: 0.9 },
+                      children: Be(ve, V)
+                    }
+                  )
+                ] })
+              ] }),
+              n.filter((r) => r.visible !== !1 && r.showConfidenceBand).map((r) => /* @__PURE__ */ e(
+                "path",
+                {
+                  className: "nice-forecast-chart__confidence-band",
+                  d: Se(r.data),
+                  fill: r.color
+                },
+                `band-${r.id}`
+              )),
+              n.filter((r) => r.visible !== !1).map((r) => {
+                const R = ge ? r.data.filter((N) => xe(N.date) < ge) : r.data.filter((N) => N.value != null), E = ge ? r.data.filter((N) => xe(N.date) >= ge) : r.data.filter((N) => N.forecast != null);
+                return /* @__PURE__ */ $("g", { children: [
+                  /* @__PURE__ */ e(
+                    "path",
+                    {
+                      className: "nice-forecast-chart__historical-line",
+                      d: $e(R, "value"),
+                      stroke: r.color,
+                      strokeWidth: d
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "path",
+                    {
+                      className: "nice-forecast-chart__forecast-line",
+                      d: $e(E, ge ? "value" : "forecast"),
+                      stroke: r.color,
+                      strokeWidth: d
+                    }
+                  ),
+                  E.length > 0 && r.data.some((N) => N.forecast != null) && /* @__PURE__ */ e(
+                    "path",
+                    {
+                      className: "nice-forecast-chart__forecast-line",
+                      d: $e(r.data, "forecast"),
+                      stroke: r.color,
+                      strokeWidth: d
+                    }
+                  ),
+                  u && r.data.map((N, K) => {
+                    const ie = N.value ?? N.forecast;
+                    return ie == null ? null : /* @__PURE__ */ e(
+                      "circle",
+                      {
+                        className: "nice-forecast-chart__point",
+                        cx: L(xe(N.date)),
+                        cy: X(ie),
+                        r: S,
+                        fill: r.color,
+                        onClick: () => B?.(N, r)
+                      },
+                      K
+                    );
+                  })
+                ] }, r.id);
+              }),
+              y.map((r) => {
+                const R = L(xe(r.date));
+                return /* @__PURE__ */ $(
+                  "g",
+                  {
+                    className: "nice-forecast-chart__annotation-marker",
+                    onClick: () => a?.(r),
+                    children: [
+                      r.showLine !== !1 && /* @__PURE__ */ e(
+                        "line",
+                        {
+                          className: "nice-forecast-chart__annotation-line",
+                          x1: R,
+                          x2: R,
+                          y1: O.top,
+                          y2: te.height - O.bottom,
+                          stroke: r.color ?? "var(--text-muted, #9ca3af)"
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "circle",
+                        {
+                          cx: R,
+                          cy: O.top + 10,
+                          r: 8,
+                          fill: r.color ?? "var(--text-muted, #9ca3af)"
+                        }
+                      ),
+                      /* @__PURE__ */ e("text", { x: R, y: O.top + 14, textAnchor: "middle", fill: "white", fontSize: "10", children: r.icon ?? "!" })
+                    ]
+                  },
+                  r.id
+                );
+              }),
+              /* @__PURE__ */ e(
+                "line",
+                {
+                  className: "nice-forecast-chart__axis-line",
+                  x1: O.left,
+                  x2: O.left,
+                  y1: O.top,
+                  y2: te.height - O.bottom
+                }
+              ),
+              /* @__PURE__ */ e(
+                "line",
+                {
+                  className: "nice-forecast-chart__axis-line",
+                  x1: O.left,
+                  x2: te.width - O.right,
+                  y1: te.height - O.bottom,
+                  y2: te.height - O.bottom
+                }
+              ),
+              se.map((r) => /* @__PURE__ */ e(
+                "text",
+                {
+                  className: "nice-forecast-chart__axis-label",
+                  x: O.left - 8,
+                  y: X(r) + 4,
+                  textAnchor: "end",
+                  children: f?.format ? f.format(r) : Ie(r, V)
+                },
+                r
+              )),
+              de.map((r) => /* @__PURE__ */ e(
+                "text",
+                {
+                  className: "nice-forecast-chart__axis-label",
+                  x: L(r),
+                  y: te.height - O.bottom + 16,
+                  textAnchor: "middle",
+                  children: w?.format ? w.format(r) : Be(r, V)
+                },
+                r.getTime()
+              )),
+              f?.title && /* @__PURE__ */ e(
+                "text",
+                {
+                  className: "nice-forecast-chart__axis-title",
+                  x: 15,
+                  y: te.height / 2,
+                  textAnchor: "middle",
+                  transform: `rotate(-90, 15, ${te.height / 2})`,
+                  children: f.title
+                }
+              )
+            ]
+          }
+        ),
+        j && /* @__PURE__ */ $(
+          "div",
+          {
+            className: "nice-forecast-chart__tooltip",
+            style: { left: p.x, top: p.y },
+            children: [
+              /* @__PURE__ */ e("div", { className: "nice-forecast-chart__tooltip-date", children: Be(j.date, V) }),
+              j.values.map((r) => {
+                const R = r.value ?? r.forecast;
+                return R == null ? null : /* @__PURE__ */ $("div", { className: "nice-forecast-chart__tooltip-item", children: [
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: "nice-forecast-chart__tooltip-color",
+                      style: { background: r.scenario.color }
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { className: "nice-forecast-chart__tooltip-label", children: r.scenario.name }),
+                  /* @__PURE__ */ e("span", { className: "nice-forecast-chart__tooltip-value", children: Ie(R, V) })
+                ] }, r.scenario.id);
+              }),
+              j.values.some((r) => r.lowerBound != null) && /* @__PURE__ */ $("div", { className: "nice-forecast-chart__tooltip-confidence", children: [
+                U.confidence ?? "CI",
+                ":",
+                " ",
+                Ie(j.values[0]?.lowerBound ?? 0, V),
+                " –",
+                " ",
+                Ie(j.values[0]?.upperBound ?? 0, V)
+              ] })
+            ]
+          }
+        )
+      ] }),
+      J.enabled && /* @__PURE__ */ e("div", { className: "nice-forecast-chart__legend", children: n.map((r) => /* @__PURE__ */ $(
+        "div",
+        {
+          className: `nice-forecast-chart__legend-item ${r.visible === !1 ? "nice-forecast-chart__legend-item--hidden" : ""}`,
+          onClick: () => re(r.id),
+          children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `nice-forecast-chart__legend-color ${r.isBase ? "" : "nice-forecast-chart__legend-color--dashed"}`,
+                style: { background: r.color }
+              }
+            ),
+            r.name
+          ]
+        },
+        r.id
+      )) })
+    ] });
+  }
+), Ye = [
+  "var(--color-primary, #3b82f6)",
+  "var(--color-error, #ef4444)",
+  "var(--color-success, #22c55e)",
+  "var(--color-warning, #f59e0b)",
+  "var(--color-accent, #8b5cf6)",
+  "var(--color-accent-pink, #ec4899)",
+  "var(--color-info, #06b6d4)",
+  "var(--nice-success, #84cc16)",
+  "var(--nice-warning, #f97316)",
+  "var(--color-accent, #6366f1)"
+], nt = Ne(
+  (t, o) => {
+    const {
+      levels: s,
+      initialLevelId: l,
+      chartType: c = "bar",
+      width: y = 600,
+      height: m = 400,
+      showBreadcrumbs: A = !0,
+      showBackButton: D = !0,
+      animationDuration: w = 300,
+      onLevelChange: f,
+      onItemClick: k,
+      colors: z = Ye,
+      showValues: C = !0,
+      showLegend: M = !0,
+      className: i,
+      style: d,
+      ...u
+    } = t, [S, g] = oe(l || s[0]?.id), [x, b] = oe([l || s[0]?.id]), [v, h] = oe(!1), [B, a] = oe("in"), _ = me(
+      () => s.find((n) => n.id === S),
+      [s, S]
+    ), I = ae(
+      (n) => {
+        s.find((j) => j.id === n) && (a("in"), h(!0), setTimeout(() => {
+          g(n), b((j) => [...j, n]), f?.(n, [...x, n]), h(!1);
+        }, w / 2));
+      },
+      [s, x, w, f]
+    ), P = ae(() => {
+      if (x.length <= 1)
+        return;
+      a("out"), h(!0);
+      const n = x.slice(0, -1), H = n[n.length - 1];
+      setTimeout(() => {
+        g(H), b(n), f?.(H, n), h(!1);
+      }, w / 2);
+    }, [x, w, f]), Z = ae(() => {
+      const n = s[0]?.id;
+      n && (a("out"), h(!0), setTimeout(() => {
+        g(n), b([n]), f?.(n, [n]), h(!1);
+      }, w / 2));
+    }, [s, w, f]);
+    Ae(
+      o,
+      () => ({
+        drillDown: I,
+        drillUp: P,
+        resetToRoot: Z,
+        getCurrentLevel: () => S,
+        getPath: () => x
+      }),
+      [I, P, Z, S, x]
+    );
+    const U = ae(
+      (n, H) => {
+        k?.(n, S);
+        const j = s.find(
+          (W) => W.parentId === S && W.id === n.metadata?.childLevelId
+        );
+        j && I(j.id);
+      },
+      [S, s, I, k]
+    ), V = me(
+      () => _?.data.reduce((n, H) => n + H.value, 0) || 0,
+      [_]
+    ), G = me(
+      () => x.map((n) => s.find((H) => H.id === n)?.label || n),
+      [x, s]
+    ), Q = () => {
+      if (!_)
+        return null;
+      const n = _.data, H = Math.max(...n.map((W) => W.value)), j = Math.min(40, (m - 100) / n.length - 8);
+      return /* @__PURE__ */ e("div", { className: "nice-drilldown-bars", children: n.map((W, p) => {
+        const F = W.value / H * 100;
+        return /* @__PURE__ */ $(
+          "div",
+          {
+            className: "nice-drilldown-bar-row",
+            onClick: () => U(W, p),
+            children: [
+              /* @__PURE__ */ e("span", { className: "nice-drilldown-bar-label", children: W.label || `Item ${p + 1}` }),
+              /* @__PURE__ */ e("div", { className: "nice-drilldown-bar-track", children: /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "nice-drilldown-bar-fill",
+                  style: {
+                    width: `${F}%`,
+                    backgroundColor: W.color || z[p % z.length],
+                    height: j
+                  }
+                }
+              ) }),
+              C && /* @__PURE__ */ e("span", { className: "nice-drilldown-bar-value", children: W.value.toLocaleString() })
+            ]
+          },
+          p
+        );
+      }) });
+    }, q = () => {
+      if (!_)
+        return null;
+      const n = _.data, H = y / 2, j = (m - 60) / 2 + 30, W = Math.min(H, j) - 40;
+      let p = -90;
+      const F = n.map((Y, ee) => {
+        const O = Y.value / V * 360, te = p + O, fe = O > 180 ? 1 : 0, L = p * Math.PI / 180, X = te * Math.PI / 180, ne = H + W * Math.cos(L), ue = j + W * Math.sin(L), _e = H + W * Math.cos(X), ge = j + W * Math.sin(X), ve = (p + O / 2) * Math.PI / 180, $e = H + W * 0.7 * Math.cos(ve), Se = j + W * 0.7 * Math.sin(ve), T = `M ${H} ${j} L ${ne} ${ue} A ${W} ${W} 0 ${fe} 1 ${_e} ${ge} Z`;
+        return p = te, {
+          path: T,
+          color: Y.color || z[ee % z.length],
+          label: Y.label || `Item ${ee + 1}`,
+          value: Y.value,
+          percentage: (Y.value / V * 100).toFixed(1),
+          labelX: $e,
+          labelY: Se,
+          item: Y,
+          index: ee
+        };
+      });
+      return /* @__PURE__ */ e("svg", { width: y, height: m - 40, className: "nice-drilldown-pie", children: /* @__PURE__ */ e("g", { children: F.map((Y, ee) => /* @__PURE__ */ $("g", { onClick: () => U(Y.item, Y.index), children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: Y.path,
+            fill: Y.color,
+            stroke: "white",
+            strokeWidth: 2,
+            className: "nice-drilldown-pie-slice"
+          }
+        ),
+        C && parseFloat(Y.percentage) > 5 && /* @__PURE__ */ $(
+          "text",
+          {
+            x: Y.labelX,
+            y: Y.labelY,
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            fill: "white",
+            fontSize: "12",
+            fontWeight: "600",
+            children: [
+              Y.percentage,
+              "%"
+            ]
+          }
+        )
+      ] }, ee)) }) });
+    }, J = () => {
+      if (!_)
+        return null;
+      const n = _.data, H = Math.max(...n.map((p) => p.value)), j = Math.min(60, (y - 100) / n.length - 8), W = m - 100;
+      return /* @__PURE__ */ e("svg", { width: y, height: m - 40, className: "nice-drilldown-columns", children: /* @__PURE__ */ $("g", { transform: "translate(50, 20)", children: [
+        [0, 0.25, 0.5, 0.75, 1].map((p, F) => /* @__PURE__ */ $("g", { children: [
+          /* @__PURE__ */ e(
+            "line",
+            {
+              x1: 0,
+              y1: W * (1 - p),
+              x2: y - 80,
+              y2: W * (1 - p),
+              stroke: "var(--nice-border, #e5e7eb)",
+              strokeDasharray: p === 0 ? void 0 : "4"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "text",
+            {
+              x: -8,
+              y: W * (1 - p),
+              textAnchor: "end",
+              dominantBaseline: "middle",
+              fontSize: "11",
+              fill: "var(--nice-text-secondary, #6b7280)",
+              children: Math.round(H * p).toLocaleString()
+            }
+          )
+        ] }, F)),
+        n.map((p, F) => {
+          const Y = p.value / H * W, ee = F * ((y - 100) / n.length) + ((y - 100) / n.length - j) / 2;
+          return /* @__PURE__ */ $("g", { onClick: () => U(p, F), children: [
+            /* @__PURE__ */ e(
+              "rect",
+              {
+                x: ee,
+                y: W - Y,
+                width: j,
+                height: Y,
+                fill: p.color || z[F % z.length],
+                rx: 4,
+                className: "nice-drilldown-column-bar"
+              }
+            ),
+            /* @__PURE__ */ e(
+              "text",
+              {
+                x: ee + j / 2,
+                y: W + 16,
+                textAnchor: "middle",
+                fontSize: "11",
+                fill: "var(--nice-text, #374151)",
+                children: (p.label || `${F + 1}`).slice(0, 10)
+              }
+            ),
+            C && /* @__PURE__ */ e(
+              "text",
+              {
+                x: ee + j / 2,
+                y: W - Y - 8,
+                textAnchor: "middle",
+                fontSize: "11",
+                fill: "var(--nice-text, #374151)",
+                fontWeight: "500",
+                children: p.value.toLocaleString()
+              }
+            )
+          ] }, F);
+        })
+      ] }) });
+    };
+    return /* @__PURE__ */ $(
+      "div",
+      {
+        className: `nice-drilldown-chart ${v ? `animating ${B}` : ""} ${i || ""}`,
+        style: { width: y, ...d },
+        ...u,
+        children: [
+          /* @__PURE__ */ $("div", { className: "nice-drilldown-header", children: [
+            D && x.length > 1 && /* @__PURE__ */ e("button", { className: "nice-drilldown-back", onClick: P, children: "← Wstecz" }),
+            A && /* @__PURE__ */ e("div", { className: "nice-drilldown-breadcrumbs", children: G.map((n, H) => /* @__PURE__ */ $(Fe.Fragment, { children: [
+              H > 0 && /* @__PURE__ */ e("span", { className: "nice-drilldown-separator", children: "/" }),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: `nice-drilldown-crumb ${H === G.length - 1 ? "active" : ""}`,
+                  onClick: () => {
+                    if (H < G.length - 1) {
+                      const j = x.slice(0, H + 1);
+                      b(j), g(j[j.length - 1]);
+                    }
+                  },
+                  children: n
+                }
+              )
+            ] }, H)) })
+          ] }),
+          /* @__PURE__ */ $("div", { className: "nice-drilldown-content", style: { height: m - 40 }, children: [
+            c === "bar" && Q(),
+            c === "pie" && q(),
+            c === "column" && J()
+          ] }),
+          M && _ && /* @__PURE__ */ e("div", { className: "nice-drilldown-legend", children: _.data.map((n, H) => /* @__PURE__ */ $("div", { className: "nice-drilldown-legend-item", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: "nice-drilldown-legend-color",
+                style: { backgroundColor: n.color || z[H % z.length] }
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "nice-drilldown-legend-label", children: n.label || `Item ${H + 1}` })
+          ] }, H)) }),
+          /* @__PURE__ */ e("style", { children: `
+        .nice-drilldown-chart {
+          font-family: system-ui, -apple-system, sans-serif;
+          background: white;
+          border-radius: var(--nice-radius-lg, 8px);
+          overflow: hidden;
+        }
+
+        .nice-drilldown-header {
+          display: flex;
+          align-items: center;
+          gap: var(--nice-space-3, 12px);
+          padding: var(--nice-space-3, 12px) var(--nice-space-4, 16px);
+          border-bottom: 1px solid var(--border-color, #e5e7eb);
+          min-height: 40px;
+        }
+
+        .nice-drilldown-back {
+          background: var(--nice-bg-secondary, #f3f4f6);
+          border: none;
+          padding: var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);
+          border-radius: var(--nice-radius-md, 6px);
+          cursor: pointer;
+          font-size: 13px;
+          color: var(--nice-text, #374151);
+          transition: background 0.2s;
+        }
+
+        .nice-drilldown-back:hover {
+          background: var(--nice-border, #e5e7eb);
+        }
+
+        .nice-drilldown-breadcrumbs {
+          display: flex;
+          align-items: center;
+          gap: var(--nice-space-1, 4px);
+          font-size: 13px;
+        }
+
+        .nice-drilldown-separator {
+          color: var(--nice-text-muted, #9ca3af);
+        }
+
+        .nice-drilldown-crumb {
+          color: var(--nice-text-secondary, #6b7280);
+          cursor: pointer;
+        }
+
+        .nice-drilldown-crumb:hover:not(.active) {
+          color: var(--nice-primary, #3b82f6);
+        }
+
+        .nice-drilldown-crumb.active {
+          color: var(--nice-text, #111827);
+          font-weight: 500;
+          cursor: default;
+        }
+
+        .nice-drilldown-content {
+          padding: var(--nice-space-4, 16px);
+          transition: opacity 0.15s, transform 0.15s;
+        }
+
+        .nice-drilldown-chart.animating .nice-drilldown-content {
+          opacity: 0;
+        }
+
+        .nice-drilldown-chart.animating.in .nice-drilldown-content {
+          transform: translateX(20px);
+        }
+
+        .nice-drilldown-chart.animating.out .nice-drilldown-content {
+          transform: translateX(-20px);
+        }
+
+        .nice-drilldown-bars {
+          display: flex;
+          flex-direction: column;
+          gap: var(--nice-space-2, 8px);
+        }
+
+        .nice-drilldown-bar-row {
+          display: flex;
+          align-items: center;
+          gap: var(--nice-space-3, 12px);
+          cursor: pointer;
+          padding: var(--nice-space-1, 4px) var(--nice-space-2, 8px);
+          margin: -4px -8px;
+          border-radius: var(--nice-radius-md, 6px);
+          transition: background 0.2s;
+        }
+
+        .nice-drilldown-bar-row:hover {
+          background: var(--nice-bg-secondary, #f9fafb);
+        }
+
+        .nice-drilldown-bar-label {
+          width: 120px;
+          font-size: 13px;
+          color: var(--nice-text, #374151);
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .nice-drilldown-bar-track {
+          flex: 1;
+          background: var(--nice-bg-secondary, #f3f4f6);
+          border-radius: var(--nice-radius-md, 6px);
+          overflow: hidden;
+        }
+
+        .nice-drilldown-bar-fill {
+          transition: width 0.3s ease;
+          border-radius: var(--nice-radius-md, 6px);
+        }
+
+        .nice-drilldown-bar-value {
+          width: 80px;
+          text-align: right;
+          font-size: 13px;
+          font-weight: 500;
+          color: var(--nice-text, #111827);
+        }
+
+        .nice-drilldown-pie-slice {
+          cursor: pointer;
+          transition: transform 0.2s, opacity 0.2s;
+          transform-origin: center;
+        }
+
+        .nice-drilldown-pie-slice:hover {
+          opacity: 0.85;
+          transform: scale(1.02);
+        }
+
+        .nice-drilldown-column-bar {
+          cursor: pointer;
+          transition: opacity 0.2s;
+        }
+
+        .nice-drilldown-column-bar:hover {
+          opacity: 0.8;
+        }
+
+        .nice-drilldown-legend {
+          display: flex;
+          flex-wrap: wrap;
+          gap: var(--nice-space-4, 16px);
+          padding: var(--nice-space-3, 12px) var(--nice-space-4, 16px);
+          border-top: 1px solid var(--border-color, #e5e7eb);
+        }
+
+        .nice-drilldown-legend-item {
+          display: flex;
+          align-items: center;
+          gap: var(--nice-space-1-5, 6px);
+        }
+
+        .nice-drilldown-legend-color {
+          width: 12px;
+          height: 12px;
+          border-radius: var(--nice-radius-sm, 3px);
+        }
+
+        .nice-drilldown-legend-label {
+          font-size: 12px;
+          color: var(--nice-text-secondary, #6b7280);
+        }
+      ` })
+        ]
+      }
+    );
+  }
+);
+nt.displayName = "NiceDrillDownChart";
+const It = ({
+  type: t = "choropleth",
+  regions: o = [],
+  bubbles: s = [],
+  width: l = 800,
+  height: c = 500,
+  viewBox: y = "0 0 800 500",
+  colorScale: m = [
+    "var(--info-bg, #dbeafe)",
+    "var(--color-primary-light, #93c5fd)",
+    "var(--color-primary, #3b82f6)",
+    "var(--color-primary-active, #1d4ed8)",
+    "var(--nice-primary-dark, #1E3A8A)"
+  ],
+  minValue: A,
+  maxValue: D,
+  showTooltip: w = !0,
+  showLegend: f = !0,
+  onRegionClick: k,
+  onBubbleClick: z,
+  onRegionHover: C,
+  title: M,
+  mapSvg: i,
+  zoomable: d = !1,
+  className: u,
+  style: S,
+  ...g
+}) => {
+  const [x, b] = oe(null), [v, h] = oe(1), [B, a] = oe({ x: 0, y: 0 }), _ = be(null), I = be(!1), P = be({ x: 0, y: 0 }), Z = A ?? Math.min(...o.map((p) => p.value), ...s.map((p) => p.value)), U = D ?? Math.max(...o.map((p) => p.value), ...s.map((p) => p.value)), V = ae(
+    (p) => {
+      const F = (p - Z) / (U - Z), Y = Math.min(Math.floor(F * m.length), m.length - 1);
+      return m[Math.max(0, Y)];
+    },
+    [Z, U, m]
+  ), G = ae(
+    (p) => {
+      if (!w || !x)
+        return;
+      const F = _.current?.getBoundingClientRect();
+      F && b(
+        (Y) => Y ? { ...Y, x: p.clientX - F.left, y: p.clientY - F.top } : null
+      );
+    },
+    [w, x]
+  ), Q = ae(
+    (p, F) => {
+      const Y = _.current?.getBoundingClientRect();
+      Y && w && b({
+        x: F.clientX - Y.left,
+        y: F.clientY - Y.top,
+        content: `${p.name}: ${p.value.toLocaleString()}`
+      }), C?.(p);
+    },
+    [w, C]
+  ), q = ae(() => {
+    b(null), C?.(null);
+  }, [C]), J = ae(
+    (p) => {
+      if (!d)
+        return;
+      p.preventDefault();
+      const F = p.deltaY > 0 ? 0.9 : 1.1;
+      h((Y) => Math.min(Math.max(Y * F, 0.5), 4));
+    },
+    [d]
+  ), n = ae(
+    (p) => {
+      d && (I.current = !0, P.current = { x: p.clientX - B.x, y: p.clientY - B.y });
+    },
+    [d, B]
+  ), H = ae(() => {
+    I.current = !1;
+  }, []), j = ae((p) => {
+    I.current && a({
+      x: p.clientX - P.current.x,
+      y: p.clientY - P.current.y
+    });
+  }, []), W = me(() => o.length > 0 ? o : [
+    {
+      id: "mazowieckie",
+      name: "Mazowieckie",
+      value: 100,
+      path: "M400,200 L450,200 L460,250 L420,280 L380,250 Z"
+    },
+    { id: "slaskie", name: "Śląskie", value: 80, path: "M350,280 L400,280 L390,330 L340,320 Z" },
+    {
+      id: "wielkopolskie",
+      name: "Wielkopolskie",
+      value: 70,
+      path: "M300,200 L350,200 L360,260 L310,270 L280,230 Z"
+    }
+  ], [o]);
+  return /* @__PURE__ */ $("div", { className: `nice-map-chart ${u || ""}`, style: { width: l, ...S }, ...g, children: [
+    M && /* @__PURE__ */ e("div", { className: "nice-map-title", children: M }),
+    /* @__PURE__ */ e(
+      "svg",
+      {
+        ref: _,
+        width: l,
+        height: c,
+        viewBox: y,
+        className: "nice-map-svg",
+        onWheel: J,
+        onMouseDown: n,
+        onMouseUp: H,
+        onMouseLeave: H,
+        onMouseMove: (p) => {
+          G(p), j(p);
+        },
+        children: /* @__PURE__ */ $("g", { transform: `translate(${B.x}, ${B.y}) scale(${v})`, children: [
+          i && /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: i } }),
+          t === "choropleth" && W.map((p) => /* @__PURE__ */ e(
+            "path",
+            {
+              d: p.path,
+              fill: p.color || V(p.value),
+              stroke: "var(--nice-bg, #fff)",
+              strokeWidth: 1,
+              className: "nice-map-region",
+              onClick: () => k?.(p),
+              onMouseEnter: (F) => Q(p, F),
+              onMouseLeave: q
+            },
+            p.id
+          )),
+          (t === "bubble" || s.length > 0) && s.map((p) => {
+            const F = Math.sqrt((p.value - Z) / (U - Z)) * 30 + 5;
+            return /* @__PURE__ */ e(
+              "circle",
+              {
+                cx: p.lng,
+                cy: p.lat,
+                r: F,
+                fill: p.color || "var(--color-primary, #3b82f6)",
+                fillOpacity: 0.7,
+                stroke: "var(--nice-bg, #fff)",
+                strokeWidth: 1,
+                className: "nice-map-bubble",
+                onClick: () => z?.(p),
+                onMouseEnter: (Y) => {
+                  const ee = _.current?.getBoundingClientRect();
+                  ee && w && b({
+                    x: Y.clientX - ee.left,
+                    y: Y.clientY - ee.top,
+                    content: `${p.label || p.id}: ${p.value.toLocaleString()}`
+                  });
+                },
+                onMouseLeave: q,
+                children: p.label && /* @__PURE__ */ $("title", { children: [
+                  p.label,
+                  ": ",
+                  p.value
+                ] })
+              },
+              p.id
+            );
+          })
+        ] })
+      }
+    ),
+    x && /* @__PURE__ */ e("div", { className: "nice-map-tooltip", style: { left: x.x + 10, top: x.y - 30 }, children: x.content }),
+    f && /* @__PURE__ */ $("div", { className: "nice-map-legend", children: [
+      /* @__PURE__ */ e("span", { className: "nice-map-legend-title", children: "Wartość" }),
+      /* @__PURE__ */ e("div", { className: "nice-map-legend-scale", children: m.map((p, F) => /* @__PURE__ */ e("div", { className: "nice-map-legend-item", style: { backgroundColor: p } }, F)) }),
+      /* @__PURE__ */ $("div", { className: "nice-map-legend-labels", children: [
+        /* @__PURE__ */ e("span", { children: Z.toLocaleString() }),
+        /* @__PURE__ */ e("span", { children: U.toLocaleString() })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("style", { children: `
+        .nice-map-chart {
+          font-family: system-ui, -apple-system, sans-serif;
+          background: white;
+          border-radius: var(--nice-radius-lg, 8px);
+          overflow: hidden;
+          position: relative;
+        }
+
+        .nice-map-title {
+          padding: var(--nice-space-3, 12px) var(--nice-space-4, 16px);
+          font-size: 16px;
+          font-weight: 600;
+          color: var(--nice-text, #111827);
+          border-bottom: 1px solid var(--border-color, #e5e7eb);
+        }
+
+        .nice-map-svg {
+          display: block;
+          cursor: grab;
+        }
+
+        .nice-map-svg:active {
+          cursor: grabbing;
+        }
+
+        .nice-map-region {
+          cursor: pointer;
+          transition: opacity 0.2s, stroke-width 0.2s;
+        }
+
+        .nice-map-region:hover {
+          opacity: 0.8;
+          stroke-width: 2;
+        }
+
+        .nice-map-bubble {
+          cursor: pointer;
+          transition: transform 0.2s, opacity 0.2s;
+        }
+
+        .nice-map-bubble:hover {
+          opacity: 1;
+          transform: scale(1.1);
+        }
+
+        .nice-map-tooltip {
+          position: absolute;
+          background: var(--nice-text, #1f2937);
+          color: white;
+          padding: var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);
+          border-radius: var(--nice-radius-sm, 4px);
+          font-size: 12px;
+          pointer-events: none;
+          z-index: 10;
+          white-space: nowrap;
+        }
+
+        .nice-map-legend {
+          position: absolute;
+          right: 16px;
+          bottom: 16px;
+          background: white;
+          padding: var(--nice-space-3, 12px);
+          border-radius: var(--nice-radius-md, 6px);
+          box-shadow: 0 2px 8px var(--nice-overlay-10, rgba(0, 0, 0, 0.1));
+        }
+
+        .nice-map-legend-title {
+          display: block;
+          font-size: 11px;
+          color: var(--nice-text-secondary, #6b7280);
+          margin-bottom: var(--nice-space-1-5, 6px);
+        }
+
+        .nice-map-legend-scale {
+          display: flex;
+          height: 12px;
+          border-radius: var(--nice-radius-sm, 2px);
+          overflow: hidden;
+        }
+
+        .nice-map-legend-item {
+          flex: 1;
+          min-width: 24px;
+        }
+
+        .nice-map-legend-labels {
+          display: flex;
+          justify-content: space-between;
+          font-size: 10px;
+          color: var(--nice-text-secondary, #6b7280);
+          margin-top: var(--nice-space-1, 4px);
+        }
+      ` })
+  ] });
+}, zt = ({
+  nodes: t,
+  links: o,
+  width: s = 800,
+  height: l = 500,
+  nodeWidth: c = 20,
+  nodePadding: y = 10,
+  showValues: m = !0,
+  showTooltip: A = !0,
+  onNodeClick: D,
+  onLinkClick: w,
+  title: f,
+  className: k,
+  style: z,
+  ...C
+}) => {
+  const [M, i] = oe(null), d = be(null), u = me(() => {
+    const g = /* @__PURE__ */ new Map();
+    t.forEach((n) => g.set(n.id, n));
+    const x = new Set(o.map((n) => n.target)), b = new Set(o.map((n) => n.source)), v = [], h = /* @__PURE__ */ new Map(), B = t.filter((n) => b.has(n.id) && !x.has(n.id));
+    B.length > 0 && (v.push(B.map((n) => n.id)), B.forEach((n) => h.set(n.id, 0)));
+    const a = t.filter((n) => b.has(n.id) && x.has(n.id));
+    a.length > 0 && (v.push(a.map((n) => n.id)), a.forEach((n) => h.set(n.id, 1)));
+    const _ = t.filter((n) => !b.has(n.id) && x.has(n.id));
+    _.length > 0 && (v.push(_.map((n) => n.id)), _.forEach((n) => h.set(n.id, 2))), v.length === 0 && (v.push(t.map((n) => n.id)), t.forEach((n) => h.set(n.id, 0)));
+    const I = /* @__PURE__ */ new Map();
+    o.forEach((n) => {
+      I.set(n.source, (I.get(n.source) || 0) + n.value), I.set(n.target, (I.get(n.target) || 0) + n.value);
+    });
+    const P = 40, Z = s - P * 2, U = l - P * 2, V = v.length > 1 ? Z / (v.length - 1) : Z, G = /* @__PURE__ */ new Map();
+    Math.max(...Array.from(I.values())), v.forEach((n, H) => {
+      const j = n.reduce((F, Y) => F + (I.get(Y) || 0), 0), W = (U - (n.length - 1) * y) / j;
+      let p = P;
+      n.forEach((F) => {
+        const ee = (I.get(F) || 0) * W, O = P + H * V;
+        G.set(F, { x: O, y: p, height: ee }), p += ee + y;
+      });
+    });
+    const Q = [], q = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map();
+    return o.forEach((n) => {
+      const H = G.get(n.source), j = G.get(n.target);
+      if (!H || !j)
+        return;
+      const W = I.get(n.source) || 1;
+      I.get(n.target);
+      const p = n.value / W * H.height, F = H.y + (q.get(n.source) || 0), Y = j.y + (J.get(n.target) || 0);
+      q.set(n.source, (q.get(n.source) || 0) + p), J.set(n.target, (J.get(n.target) || 0) + p);
+      const ee = H.x + c, O = j.x, te = (O - ee) * 0.5, fe = `
+        M ${ee} ${F}
+        C ${ee + te} ${F},
+          ${O - te} ${Y},
+          ${O} ${Y}
+        L ${O} ${Y + p}
+        C ${O - te} ${Y + p},
+          ${ee + te} ${F + p},
+          ${ee} ${F + p}
+        Z
+      `;
+      Q.push({
+        path: fe,
+        link: n,
+        sourcePos: H,
+        targetPos: j
+      });
+    }), { nodePositions: G, linkPaths: Q, nodeMap: g, nodeValues: I };
+  }, [t, o, s, l, c, y]), S = ae(
+    (g, x) => {
+      const b = d.current?.getBoundingClientRect();
+      b && A && i({
+        x: x.clientX - b.left,
+        y: x.clientY - b.top,
+        content: g
+      });
+    },
+    [A]
+  );
+  return /* @__PURE__ */ $("div", { className: `nice-sankey-chart ${k || ""}`, style: { width: s, ...z }, ...C, children: [
+    f && /* @__PURE__ */ e("div", { className: "nice-sankey-title", children: f }),
+    /* @__PURE__ */ $("svg", { ref: d, width: s, height: l, className: "nice-sankey-svg", children: [
+      /* @__PURE__ */ e("defs", { children: u.linkPaths.map((g, x) => /* @__PURE__ */ $("linearGradient", { id: `sankey-gradient-${x}`, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+        /* @__PURE__ */ e(
+          "stop",
+          {
+            offset: "0%",
+            stopColor: u.nodeMap.get(g.link.source)?.color || "var(--color-primary, #3b82f6)"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "stop",
+          {
+            offset: "100%",
+            stopColor: u.nodeMap.get(g.link.target)?.color || "var(--color-error, #ef4444)"
+          }
+        )
+      ] }, x)) }),
+      /* @__PURE__ */ e("g", { className: "nice-sankey-links", children: u.linkPaths.map((g, x) => /* @__PURE__ */ e(
+        "path",
+        {
+          d: g.path,
+          fill: g.link.color || `url(#sankey-gradient-${x})`,
+          fillOpacity: 0.4,
+          className: "nice-sankey-link",
+          onClick: () => w?.(g.link),
+          onMouseEnter: (b) => S(
+            `${u.nodeMap.get(g.link.source)?.name} → ${u.nodeMap.get(g.link.target)?.name}: ${g.link.value.toLocaleString()}`,
+            b
+          ),
+          onMouseLeave: () => i(null)
+        },
+        x
+      )) }),
+      /* @__PURE__ */ e("g", { className: "nice-sankey-nodes", children: Array.from(u.nodePositions.entries()).map(([g, x]) => {
+        const b = u.nodeMap.get(g);
+        return b ? /* @__PURE__ */ $("g", { children: [
+          /* @__PURE__ */ e(
+            "rect",
+            {
+              x: x.x,
+              y: x.y,
+              width: c,
+              height: x.height,
+              fill: b.color || "var(--color-primary, #3b82f6)",
+              rx: 2,
+              className: "nice-sankey-node",
+              onClick: () => D?.(b),
+              onMouseEnter: (v) => S(
+                `${b.label ?? b.name ?? b.id}: ${u.nodeValues.get(g)?.toLocaleString() || 0}`,
+                v
+              ),
+              onMouseLeave: () => i(null)
+            }
+          ),
+          /* @__PURE__ */ $(
+            "text",
+            {
+              x: x.x + c + 6,
+              y: x.y + x.height / 2,
+              dominantBaseline: "middle",
+              fontSize: "12",
+              fill: "var(--nice-text, #374151)",
+              children: [
+                b.label ?? b.name ?? b.id,
+                m && ` (${u.nodeValues.get(g)?.toLocaleString() || 0})`
+              ]
+            }
+          )
+        ] }, g) : null;
+      }) })
+    ] }),
+    M && /* @__PURE__ */ e("div", { className: "nice-sankey-tooltip", style: { left: M.x + 10, top: M.y - 30 }, children: M.content }),
+    /* @__PURE__ */ e("style", { children: `
+        .nice-sankey-chart {
+          font-family: system-ui, -apple-system, sans-serif;
+          background: white;
+          border-radius: var(--nice-radius-lg, 8px);
+          position: relative;
+        }
+
+        .nice-sankey-title {
+          padding: var(--nice-space-3, 12px) var(--nice-space-4, 16px);
+          font-size: 16px;
+          font-weight: 600;
+          color: var(--nice-text, #111827);
+          border-bottom: 1px solid var(--border-color, #e5e7eb);
+        }
+
+        .nice-sankey-link {
+          cursor: pointer;
+          transition: fill-opacity 0.2s;
+        }
+
+        .nice-sankey-link:hover {
+          fill-opacity: 0.7;
+        }
+
+        .nice-sankey-node {
+          cursor: pointer;
+          transition: opacity 0.2s;
+        }
+
+        .nice-sankey-node:hover {
+          opacity: 0.8;
+        }
+
+        .nice-sankey-tooltip {
+          position: absolute;
+          background: var(--nice-text, #1f2937);
+          color: white;
+          padding: var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);
+          border-radius: var(--nice-radius-sm, 4px);
+          font-size: 12px;
+          pointer-events: none;
+          z-index: 10;
+          white-space: nowrap;
+        }
+      ` })
+  ] });
+}, rt = Ne(
+  (t, o) => {
+    const {
+      initialData: s,
+      data: l,
+      maxPoints: c = 60,
+      updateInterval: y = 1e3,
+      fetchData: m,
+      width: A = 600,
+      height: D = 200,
+      chartType: w = "line",
+      color: f = "var(--color-primary, #3b82f6)",
+      showGrid: k = !0,
+      showTimeAxis: z = !0,
+      showCurrentValue: C = !0,
+      title: M,
+      valueFormatter: i = (L) => L.toFixed(2),
+      timeFormatter: d = (L) => new Date(L).toLocaleTimeString(),
+      onDataUpdate: u,
+      paused: S,
+      className: g,
+      style: x,
+      ...b
+    } = t, [v, h] = oe(s ?? l ?? []), [B, a] = oe(S || !1), _ = be();
+    Ce(() => {
+      S !== void 0 && a(S);
+    }, [S]), Ce(() => {
+      if (B || !m)
+        return;
+      const L = async () => {
+        try {
+          const X = await m();
+          h((ne) => {
+            const ue = [...ne, X].slice(-c);
+            return u?.(ue), ue;
+          });
+        } catch (X) {
+          console.error("Failed to fetch realtime data:", X);
+        }
+      };
+      return _.current = setInterval(L, y), () => {
+        _.current && clearInterval(_.current);
+      };
+    }, [B, m, y, c, u]);
+    const I = ae(
+      (L) => {
+        h((X) => {
+          const ne = [...X, L].slice(-c);
+          return u?.(ne), ne;
+        });
+      },
+      [c, u]
+    ), P = ae(() => {
+      h([]), u?.([]);
+    }, [u]), Z = ae(() => a(!0), []), U = ae(() => a(!1), []);
+    Ae(
+      o,
+      () => ({
+        addDataPoint: I,
+        clearData: P,
+        pause: Z,
+        resume: U,
+        getData: () => v
+      }),
+      [I, P, v]
+    );
+    const V = { top: 20, right: 60, bottom: z ? 40 : 20, left: 50 }, G = A - V.left - V.right, Q = D - V.top - V.bottom, q = v.map((L) => L.value), J = q.length ? Math.min(...q) : 0, n = q.length ? Math.max(...q) : 100, j = (n - J || 1) * 0.1, W = J - j, F = n + j - W, Y = (L) => {
+      const X = m ? c - 1 : Math.max(1, v.length - 1);
+      return V.left + L / X * G;
+    }, ee = (L) => V.top + Q - (L - W) / F * Q, O = v.map((L, X) => `${Y(X)},${ee(L.value)}`).join(" "), te = v.length > 0 ? `M ${Y(0)},${V.top + Q} L ${O} L ${Y(v.length - 1)},${V.top + Q} Z` : "", fe = v.length > 0 ? v[v.length - 1].value : null;
+    return /* @__PURE__ */ $(
+      "div",
+      {
+        className: `nice-realtime-chart ${g || ""}`,
+        style: { width: A, ...x },
+        ...b,
+        children: [
+          M && /* @__PURE__ */ $("div", { className: "nice-realtime-header", children: [
+            /* @__PURE__ */ e("span", { className: "nice-realtime-title", children: M }),
+            /* @__PURE__ */ $("div", { className: "nice-realtime-controls", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: `nice-realtime-btn ${B ? "paused" : ""}`,
+                  onClick: () => a(!B),
+                  children: B ? "▶️" : "⏸️"
+                }
+              ),
+              C && fe !== null && /* @__PURE__ */ e("span", { className: "nice-realtime-value", children: i(fe) })
+            ] })
+          ] }),
+          /* @__PURE__ */ $("svg", { width: A, height: D, className: "nice-realtime-svg", children: [
+            k && /* @__PURE__ */ e("g", { className: "nice-realtime-grid", children: [0, 0.25, 0.5, 0.75, 1].map((L, X) => {
+              const ne = V.top + Q * (1 - L), ue = W + F * L;
+              return /* @__PURE__ */ $("g", { children: [
+                /* @__PURE__ */ e(
+                  "line",
+                  {
+                    x1: V.left,
+                    y1: ne,
+                    x2: A - V.right,
+                    y2: ne,
+                    stroke: "var(--nice-border, #e5e7eb)",
+                    strokeDasharray: L === 0 ? void 0 : "3"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "text",
+                  {
+                    x: V.left - 8,
+                    y: ne,
+                    textAnchor: "end",
+                    dominantBaseline: "middle",
+                    fontSize: "10",
+                    fill: "var(--nice-text-secondary, #6b7280)",
+                    children: i(ue)
+                  }
+                )
+              ] }, X);
+            }) }),
+            w === "area" && v.length > 0 && /* @__PURE__ */ e("path", { d: te, fill: f, fillOpacity: 0.2 }),
+            v.length > 1 && /* @__PURE__ */ e(
+              "polyline",
+              {
+                points: O,
+                fill: "none",
+                stroke: f,
+                strokeWidth: 2,
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            v.length > 0 && /* @__PURE__ */ e(
+              "circle",
+              {
+                cx: Y(v.length - 1),
+                cy: ee(v[v.length - 1].value),
+                r: 4,
+                fill: f,
+                className: "nice-realtime-point"
+              }
+            ),
+            z && v.length > 0 && /* @__PURE__ */ e("g", { className: "nice-realtime-time-axis", children: [0, Math.floor(v.length / 2), v.length - 1].filter((L) => v[L]).map((L) => /* @__PURE__ */ e(
+              "text",
+              {
+                x: Y(L),
+                y: D - 8,
+                textAnchor: "middle",
+                fontSize: "10",
+                fill: "var(--nice-text-secondary, #6b7280)",
+                children: d(v[L].timestamp)
+              },
+              L
+            )) })
+          ] }),
+          /* @__PURE__ */ $("div", { className: `nice-realtime-status ${B ? "paused" : "live"}`, children: [
+            /* @__PURE__ */ e("span", { className: "nice-realtime-status-dot" }),
+            /* @__PURE__ */ e("span", { children: B ? "Wstrzymano" : "Na żywo" })
+          ] }),
+          /* @__PURE__ */ e("style", { children: `
+        .nice-realtime-chart {
+          font-family: system-ui, -apple-system, sans-serif;
+          background: white;
+          border-radius: var(--nice-radius-lg, 8px);
+          position: relative;
+        }
+
+        .nice-realtime-header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: var(--nice-space-3, 12px) var(--nice-space-4, 16px);
+          border-bottom: 1px solid var(--border-color, #e5e7eb);
+        }
+
+        .nice-realtime-title {
+          font-size: 14px;
+          font-weight: 600;
+          color: var(--nice-text, #111827);
+        }
+
+        .nice-realtime-controls {
+          display: flex;
+          align-items: center;
+          gap: var(--nice-space-3, 12px);
+        }
+
+        .nice-realtime-btn {
+          background: none;
+          border: none;
+          cursor: pointer;
+          font-size: 16px;
+          padding: var(--nice-space-1, 4px);
+        }
+
+        .nice-realtime-value {
+          font-size: 18px;
+          font-weight: 600;
+          color: ${f};
+          font-variant-numeric: tabular-nums;
+        }
+
+        .nice-realtime-point {
+          animation: realtime-pulse 1s ease-out infinite;
+        }
+
+        @keyframes realtime-pulse {
+          0% { opacity: 1; transform: scale(1); }
+          50% { opacity: 0.5; transform: scale(1.5); }
+          100% { opacity: 1; transform: scale(1); }
+        }
+
+        .nice-realtime-status {
+          position: absolute;
+          bottom: 8px;
+          right: 8px;
+          display: flex;
+          align-items: center;
+          gap: var(--nice-space-1-5, 6px);
+          font-size: 11px;
+          color: var(--nice-text-secondary, #6b7280);
+        }
+
+        .nice-realtime-status-dot {
+          width: 8px;
+          height: 8px;
+          border-radius: var(--nice-radius-full, 50%);
+          background: var(--nice-success, #22c55e);
+        }
+
+        .nice-realtime-status.paused .nice-realtime-status-dot {
+          background: var(--nice-warning, #f59e0b);
+        }
+
+        .nice-realtime-status.live .nice-realtime-status-dot {
+          animation: live-pulse 2s ease-in-out infinite;
+        }
+
+        @keyframes live-pulse {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.4; }
+        }
+      ` })
+        ]
+      }
+    );
+  }
+);
+rt.displayName = "NiceRealtimeChart";
+const Lt = ({
+  data: t,
+  width: o = 600,
+  height: s = 400,
+  showLabels: l = !0,
+  showValues: c = !0,
+  onNodeClick: y,
+  drilldownEnabled: m = !0,
+  colors: A = Ye,
+  tilePadding: D = 2,
+  className: w,
+  style: f,
+  ...k
+}) => {
+  const z = me(() => Array.isArray(t) ? {
+    id: "root",
+    name: "Root",
+    value: t.reduce((a, _) => a + (_.value || 0), 0),
+    children: t.map((a, _) => ({
+      id: `${_}`,
+      name: a.label ?? a.name ?? `Item ${_ + 1}`,
+      value: a.value,
+      color: a.color
+    }))
+  } : t, [t]), [C, M] = oe(z), [i, d] = oe([z.name]), [u, S] = oe(null), g = be(null), x = me(() => {
+    const _ = C.children || [];
+    if (_.length === 0)
+      return [];
+    const I = _.reduce((J, n) => J + n.value, 0), P = _.map((J) => ({
+      node: J,
+      area: J.value / I * o * s
+    }));
+    P.sort((J, n) => n.area - J.area);
+    const Z = [];
+    let U = 0, V = 0, G = o, Q = s, q = 0;
+    for (; q < P.length; ) {
+      const J = G < Q;
+      let n = 0, H = [];
+      const j = J ? Q : G;
+      for (let F = q; F < P.length; F++) {
+        const Y = [...H, P[F]], ee = Y.reduce((te, fe) => te + fe.area, 0), O = b(Y, ee, j);
+        if (H.length === 0)
+          H = Y, n = ee;
+        else {
+          const te = b(H, n, j);
+          if (O <= te)
+            H = Y, n = ee;
+          else
+            break;
+        }
+      }
+      const W = n / j;
+      let p = 0;
+      H.forEach((F, Y) => {
+        const ee = F.area / W;
+        Z.push({
+          node: F.node,
+          x: J ? U : U + p,
+          y: J ? V + p : V,
+          w: J ? W : ee,
+          h: J ? ee : W,
+          color: F.node.color || A[(q + Y) % A.length]
+        }), p += ee;
+      }), J ? (U += W, G -= W) : (V += W, Q -= W), q += H.length;
+    }
+    return Z;
+  }, [C, o, s, A]);
+  function b(a, _, I) {
+    const P = _ / I;
+    let Z = 0;
+    for (const U of a) {
+      const V = U.area / P, G = Math.max(P / V, V / P);
+      Z = Math.max(Z, G);
+    }
+    return Z;
+  }
+  const v = (a) => {
+    y?.(a, [...i, a.name]), m && a.children && a.children.length > 0 && (M(a), d((_) => [..._, a.name]));
+  }, h = () => {
+    if (i.length <= 1)
+      return;
+    let a = z;
+    const _ = i.slice(0, -1);
+    for (let I = 1; I < _.length; I++) {
+      const P = a.children?.find((Z) => Z.name === _[I]);
+      P && (a = P);
+    }
+    M(a), d(_);
+  }, B = (a, _) => {
+    const I = g.current?.getBoundingClientRect();
+    I && S({
+      x: _.clientX - I.left,
+      y: _.clientY - I.top,
+      content: a
+    });
+  };
+  return /* @__PURE__ */ $("div", { className: `nice-treemap-chart ${w || ""}`, style: { width: o, ...f }, ...k, children: [
+    /* @__PURE__ */ $("div", { className: "nice-treemap-nav", children: [
+      i.length > 1 && /* @__PURE__ */ e("button", { className: "nice-treemap-back", onClick: h, children: "← Wstecz" }),
+      /* @__PURE__ */ e("div", { className: "nice-treemap-breadcrumbs", children: i.map((a, _) => /* @__PURE__ */ $(Fe.Fragment, { children: [
+        _ > 0 && /* @__PURE__ */ e("span", { className: "nice-treemap-sep", children: "/" }),
+        /* @__PURE__ */ e("span", { className: _ === i.length - 1 ? "current" : "", children: a })
+      ] }, _)) })
+    ] }),
+    /* @__PURE__ */ e("svg", { ref: g, width: o, height: s, className: "nice-treemap-svg", children: x.map((a, _) => {
+      const { node: I, x: P, y: Z, w: U, h: V, color: G } = a, Q = Math.min(14, Math.max(10, Math.min(U, V) / 6)), q = U > 40 && V > 30;
+      return /* @__PURE__ */ $(
+        "g",
+        {
+          onClick: () => v(I),
+          onMouseEnter: (J) => B(`${I.name}: ${I.value.toLocaleString()}`, J),
+          onMouseLeave: () => S(null),
+          children: [
+            /* @__PURE__ */ e(
+              "rect",
+              {
+                x: P + D / 2,
+                y: Z + D / 2,
+                width: Math.max(0, U - D),
+                height: Math.max(0, V - D),
+                fill: G,
+                rx: 4,
+                className: "nice-treemap-tile"
+              }
+            ),
+            l && q && /* @__PURE__ */ e(
+              "text",
+              {
+                x: P + U / 2,
+                y: Z + V / 2 - (c ? 6 : 0),
+                textAnchor: "middle",
+                dominantBaseline: "middle",
+                fontSize: Q,
+                fill: "white",
+                fontWeight: "500",
+                style: { pointerEvents: "none" },
+                children: I.name.length > U / Q + 2 ? I.name.slice(0, Math.floor(U / Q)) + "..." : I.name
+              }
+            ),
+            c && q && /* @__PURE__ */ e(
+              "text",
+              {
+                x: P + U / 2,
+                y: Z + V / 2 + 10,
+                textAnchor: "middle",
+                dominantBaseline: "middle",
+                fontSize: Q - 2,
+                fill: "var(--nice-overlay-light-80, rgba(255, 255, 255, 0.8))",
+                style: { pointerEvents: "none" },
+                children: I.value.toLocaleString()
+              }
+            )
+          ]
+        },
+        _
+      );
+    }) }),
+    u && /* @__PURE__ */ e("div", { className: "nice-treemap-tooltip", style: { left: u.x + 10, top: u.y - 30 }, children: u.content }),
+    /* @__PURE__ */ e("style", { children: `
+        .nice-treemap-chart {
+          font-family: system-ui, -apple-system, sans-serif;
+          background: white;
+          border-radius: var(--nice-radius-lg, 8px);
+          position: relative;
+        }
+
+        .nice-treemap-nav {
+          display: flex;
+          align-items: center;
+          gap: var(--nice-space-3, 12px);
+          padding: var(--nice-space-3, 12px) var(--nice-space-4, 16px);
+          border-bottom: 1px solid var(--border-color, #e5e7eb);
+        }
+
+        .nice-treemap-back {
+          background: var(--nice-bg-secondary, #f3f4f6);
+          border: none;
+          padding: var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);
+          border-radius: var(--nice-radius-md, 6px);
+          cursor: pointer;
+          font-size: 13px;
+        }
+
+        .nice-treemap-back:hover {
+          background: var(--nice-border, #e5e7eb);
+        }
+
+        .nice-treemap-breadcrumbs {
+          display: flex;
+          align-items: center;
+          gap: var(--nice-space-1, 4px);
+          font-size: 13px;
+          color: var(--nice-text-secondary, #6b7280);
+        }
+
+        .nice-treemap-breadcrumbs .current {
+          color: var(--nice-text, #111827);
+          font-weight: 500;
+        }
+
+        .nice-treemap-sep {
+          color: var(--nice-text-muted, #9ca3af);
+        }
+
+        .nice-treemap-tile {
+          cursor: pointer;
+          transition: opacity 0.2s, transform 0.1s;
+        }
+
+        .nice-treemap-tile:hover {
+          opacity: 0.85;
+        }
+
+        .nice-treemap-tooltip {
+          position: absolute;
+          background: var(--nice-text, #1f2937);
+          color: white;
+          padding: var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);
+          border-radius: var(--nice-radius-sm, 4px);
+          font-size: 12px;
+          pointer-events: none;
+          z-index: 10;
+          white-space: nowrap;
+        }
+      ` })
+  ] });
+}, at = Ne(
+  ({
+    data: t,
+    renderNode: o,
+    selectable: s,
+    selectedKey: l,
+    onSelect: c,
+    direction: y = "top-down",
+    collapsible: m = !0,
+    className: A,
+    style: D,
+    id: w
+  }, f) => {
+    const k = ze(w), [z, C] = oe(/* @__PURE__ */ new Set()), M = ae((u) => {
+      C((S) => {
+        const g = new Set(S);
+        return g.has(u) ? g.delete(u) : g.add(u), g;
+      });
+    }, []), i = ae(
+      (u) => {
+        s && c?.(u);
+      },
+      [s, c]
+    ), d = ae(
+      (u) => {
+        const S = z.has(u.key), g = u.children && u.children.length > 0;
+        return /* @__PURE__ */ $("li", { className: "nice-org-chart__item", children: [
+          /* @__PURE__ */ $(
+            "div",
+            {
+              className: `nice-org-chart__node${l === u.key ? " nice-org-chart__node--selected" : ""}`,
+              onClick: () => i(u.key),
+              role: s ? "button" : void 0,
+              children: [
+                o ? o(u) : /* @__PURE__ */ e("span", { children: u.label }),
+                m && g && /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "nice-org-chart__toggle",
+                    onClick: (x) => {
+                      x.stopPropagation(), M(u.key);
+                    },
+                    "aria-label": S ? "Expand" : "Collapse",
+                    children: S ? "+" : "−"
+                  }
+                )
+              ]
+            }
+          ),
+          g && !S && /* @__PURE__ */ e("ul", { className: "nice-org-chart__children", children: u.children.map((x) => d(x)) })
+        ] }, u.key);
+      },
+      [z, l, o, s, m, i, M]
+    );
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: f,
+        id: k,
+        className: `nice-org-chart nice-org-chart--${y} ${A || ""}`,
+        style: D,
+        children: /* @__PURE__ */ e("ul", { className: "nice-org-chart__root", children: d(t) })
+      }
+    );
+  }
+);
+at.displayName = "NiceOrganizationChart";
+function ct(t, o, s) {
+  const l = (C) => {
+    const M = C.replace("#", "");
+    return [
+      parseInt(M.slice(0, 2), 16),
+      parseInt(M.slice(2, 4), 16),
+      parseInt(M.slice(4, 6), 16)
+    ];
+  }, [c, y, m] = l(t), [A, D, w] = l(o), f = Math.round(c + (A - c) * s), k = Math.round(y + (D - y) * s), z = Math.round(m + (w - m) * s);
+  return `rgb(${f},${k},${z})`;
+}
+const ot = Ne(
+  ({
+    data: t,
+    xLabels: o,
+    yLabels: s,
+    colors: l = ["var(--nice-primary-bg, #e0f2fe)", "var(--color-primary-active, #1d4ed8)"],
+    onCellClick: c,
+    cellSize: y = 40,
+    showValues: m = !0,
+    className: A,
+    style: D,
+    id: w
+  }, f) => {
+    const k = ze(w), { minVal: z, maxVal: C } = me(() => {
+      let i = 1 / 0, d = -1 / 0;
+      for (const u of t)
+        for (const S of u)
+          S < i && (i = S), S > d && (d = S);
+      return { minVal: i, maxVal: d };
+    }, [t]), M = ae(
+      (i) => C === z ? 0.5 : (i - z) / (C - z),
+      [z, C]
+    );
+    return /* @__PURE__ */ e("div", { ref: f, id: k, className: `nice-heatmap ${A || ""}`, style: D, children: /* @__PURE__ */ $("table", { className: "nice-heatmap__table", children: [
+      o && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ $("tr", { children: [
+        s && /* @__PURE__ */ e("th", {}),
+        o.map((i, d) => /* @__PURE__ */ e("th", { className: "nice-heatmap__header", children: i }, d))
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: t.map((i, d) => /* @__PURE__ */ $("tr", { children: [
+        s && /* @__PURE__ */ e("th", { className: "nice-heatmap__row-label", children: s[d] }),
+        i.map((u, S) => /* @__PURE__ */ e(
+          "td",
+          {
+            className: "nice-heatmap__cell",
+            style: {
+              background: ct(l[0], l[1], M(u)),
+              width: y,
+              height: y,
+              textAlign: "center",
+              color: M(u) > 0.6 ? "var(--bg-primary, #fff)" : "var(--bg-tertiary, #333)",
+              cursor: c ? "pointer" : void 0
+            },
+            onClick: () => c?.(d, S, u),
+            title: String(u),
+            children: m ? u : ""
+          },
+          S
+        ))
+      ] }, d)) })
+    ] }) });
+  }
+);
+ot.displayName = "NiceHeatMap";
+function it(t, o) {
+  const s = t.reduce((w, f) => w + f.value, 0);
+  if (s === 0 || t.length === 0)
+    return [];
+  const l = [];
+  let { x: c, y, w: m, h: A } = o;
+  const D = [...t].sort((w, f) => f.value - w.value);
+  for (const w of D) {
+    const f = w.value / s;
+    if (m >= A) {
+      const k = m * f;
+      l.push({ x: c, y, w: k, h: A, node: w }), c += k, m -= k;
+    } else {
+      const k = A * f;
+      l.push({ x: c, y, w: m, h: k, node: w }), y += k, A -= k;
+    }
+  }
+  return l;
+}
+const st = [
+  "var(--color-primary, #3b82f6)",
+  "var(--color-success, #10b981)",
+  "var(--color-warning, #f59e0b)",
+  "var(--color-error, #ef4444)",
+  "var(--color-accent, #8b5cf6)",
+  "var(--color-info, #06b6d4)",
+  "var(--color-accent-pink, #ec4899)",
+  "var(--nice-success, #84cc16)"
+], je = Ne(
+  ({ data: t, width: o = 600, height: s = 400, onNodeClick: l, colors: c = st, className: y, style: m, id: A }, D) => {
+    const w = ze(A), f = me(() => {
+      const k = t.children ?? [t];
+      return it(k, { x: 0, y: 0, w: o, h: s });
+    }, [t, o, s]);
+    return /* @__PURE__ */ e("div", { ref: D, id: w, className: `nice-treemap ${y || ""}`, style: m, children: /* @__PURE__ */ e("svg", { width: o, height: s, className: "nice-treemap__svg", children: f.map((k, z) => /* @__PURE__ */ $(
+      "g",
+      {
+        onClick: () => l?.(k.node),
+        style: { cursor: l ? "pointer" : void 0 },
+        children: [
+          /* @__PURE__ */ e(
+            "rect",
+            {
+              x: k.x,
+              y: k.y,
+              width: Math.max(k.w - 1, 0),
+              height: Math.max(k.h - 1, 0),
+              fill: k.node.color ?? c[z % c.length],
+              rx: 2
+            }
+          ),
+          k.w > 40 && k.h > 20 && /* @__PURE__ */ e(
+            "text",
+            {
+              x: k.x + k.w / 2,
+              y: k.y + k.h / 2,
+              textAnchor: "middle",
+              dominantBaseline: "central",
+              fill: "var(--nice-bg, #fff)",
+              fontSize: Math.min(12, k.w / 6),
+              className: "nice-treemap__label",
+              children: k.node.label
+            }
+          )
+        ]
+      },
+      k.node.key
+    )) }) });
+  }
+);
+je.displayName = "NiceTreeMap";
+const Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  NiceTreeMap: je
+}, Symbol.toStringTag, { value: "Module" })), lt = Ne(
+  ({
+    data: t,
+    type: o = "candlestick",
+    showVolume: s = !0,
+    width: l = 800,
+    height: c = 400,
+    bullColor: y = "var(--color-success, #22c55e)",
+    bearColor: m = "var(--color-error, #ef4444)",
+    className: A,
+    style: D,
+    id: w
+  }, f) => {
+    const k = ze(w), z = { top: 20, right: 20, bottom: s ? 80 : 30, left: 60 }, C = l - z.left - z.right, M = s ? 50 : 0, i = c - z.top - z.bottom - M, { minP: d, maxP: u, maxVol: S } = me(() => {
+      let h = 1 / 0, B = -1 / 0, a = 0;
+      for (const _ of t)
+        _.low < h && (h = _.low), _.high > B && (B = _.high), _.volume && _.volume > a && (a = _.volume);
+      return { minP: h, maxP: B, maxVol: a };
+    }, [t]), g = Math.max(1, C / t.length * 0.7), x = (h) => z.left + (h + 0.5) * (C / t.length), b = (h) => z.top + i - (h - d) / (u - d || 1) * i, v = (h) => c - z.bottom - M + M * (1 - h / (S || 1));
+    return /* @__PURE__ */ e("div", { ref: f, id: k, className: `nice-stock-chart ${A || ""}`, style: D, children: /* @__PURE__ */ $("svg", { width: l, height: c, className: "nice-stock-chart__svg", children: [
+      [0, 0.25, 0.5, 0.75, 1].map((h) => {
+        const B = d + h * (u - d);
+        return /* @__PURE__ */ $("g", { children: [
+          /* @__PURE__ */ e(
+            "line",
+            {
+              x1: z.left,
+              x2: l - z.right,
+              y1: b(B),
+              y2: b(B),
+              stroke: "var(--nice-border, #e5e7eb)",
+              strokeDasharray: "2,2"
+            }
+          ),
+          /* @__PURE__ */ e("text", { x: z.left - 4, y: b(B) + 4, textAnchor: "end", fontSize: 10, fill: "var(--nice-text-secondary, #888)", children: B.toFixed(2) })
+        ] }, h);
+      }),
+      o === "line" ? /* @__PURE__ */ e(
+        "polyline",
+        {
+          points: t.map((h, B) => `${x(B)},${b(h.close)}`).join(" "),
+          fill: "none",
+          stroke: y,
+          strokeWidth: 1.5
+        }
+      ) : t.map((h, B) => {
+        const a = h.close >= h.open, _ = a ? y : m, I = x(B);
+        if (o === "ohlc")
+          return /* @__PURE__ */ $("g", { children: [
+            /* @__PURE__ */ e(
+              "line",
+              {
+                x1: I,
+                x2: I,
+                y1: b(h.high),
+                y2: b(h.low),
+                stroke: _,
+                strokeWidth: 1
+              }
+            ),
+            /* @__PURE__ */ e(
+              "line",
+              {
+                x1: I - g / 2,
+                x2: I,
+                y1: b(h.open),
+                y2: b(h.open),
+                stroke: _,
+                strokeWidth: 1.5
+              }
+            ),
+            /* @__PURE__ */ e(
+              "line",
+              {
+                x1: I,
+                x2: I + g / 2,
+                y1: b(h.close),
+                y2: b(h.close),
+                stroke: _,
+                strokeWidth: 1.5
+              }
+            )
+          ] }, B);
+        const P = b(Math.max(h.open, h.close)), Z = b(Math.min(h.open, h.close));
+        return /* @__PURE__ */ $("g", { children: [
+          /* @__PURE__ */ e(
+            "line",
+            {
+              x1: I,
+              x2: I,
+              y1: b(h.high),
+              y2: b(h.low),
+              stroke: _,
+              strokeWidth: 1
+            }
+          ),
+          /* @__PURE__ */ e(
+            "rect",
+            {
+              x: I - g / 2,
+              y: P,
+              width: g,
+              height: Math.max(Z - P, 1),
+              fill: a ? "transparent" : _,
+              stroke: _,
+              strokeWidth: 1
+            }
+          )
+        ] }, B);
+      }),
+      s && t.map((h, B) => {
+        if (!h.volume)
+          return null;
+        const a = h.close >= h.open;
+        return /* @__PURE__ */ e(
+          "rect",
+          {
+            x: x(B) - g / 2,
+            y: v(h.volume),
+            width: g,
+            height: c - z.bottom - v(h.volume),
+            fill: a ? y : m,
+            opacity: 0.3
+          },
+          `v${B}`
+        );
+      }),
+      t.map((h, B) => B % Math.max(1, Math.floor(t.length / 8)) !== 0 ? null : /* @__PURE__ */ e(
+        "text",
+        {
+          x: x(B),
+          y: c - z.bottom + M + 14,
+          textAnchor: "middle",
+          fontSize: 9,
+          fill: "var(--nice-text-secondary, #888)",
+          children: h.date
+        },
+        `l${B}`
+      ))
+    ] }) });
+  }
+);
+lt.displayName = "NiceStockChart";
+export {
+  pt as A,
+  kt as B,
+  ye as C,
+  Ct as D,
+  Dt as E,
+  et as N,
+  St as a,
+  at as b,
+  lt as c,
+  je as d,
+  ot as e,
+  Qe as f,
+  Nt as g,
+  Mt as h,
+  $t as i,
+  wt as j,
+  _t as k,
+  bt as l,
+  yt as m,
+  vt as n,
+  Re as o,
+  mt as p,
+  nt as q,
+  At as r,
+  Je as s,
+  It as t,
+  rt as u,
+  zt as v,
+  Lt as w,
+  xt as x,
+  ft as y,
+  gt as z
+};