@nice2dev/ui-forms 1.0.11 → 1.0.12

package/dist/charts-F_b5-OR8-COpLbKJt.js

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