react-component-kit-ui 0.0.0-stage → 0.1.0

package/dist/chunks/StackedAreaChart-DF1-3rDG.js

@@ -0,0 +1,453 @@
+"use client";
+import { jsx as l, Fragment as P, jsxs as _ } from "react/jsx-runtime";
+import { useId as z, useRef as D, useEffect as Q } from "react";
+function X(...a) {
+  const c = [], t = (e) => {
+    if (e) {
+      if (typeof e == "string" || typeof e == "number") c.push(String(e));
+      else if (Array.isArray(e)) e.forEach(t);
+      else if (typeof e == "object")
+        for (const [o, f] of Object.entries(e)) f && c.push(o);
+    }
+  };
+  return a.forEach(t), c.join(" ");
+}
+function Y(a) {
+  const c = {};
+  for (const t of String(a ?? "").split(";")) {
+    const e = t.indexOf(":");
+    if (e < 0) continue;
+    const o = t.slice(0, e).trim();
+    o && (c[o.startsWith("--") ? o : o.replace(/-([a-z])/g, (f, r) => r.toUpperCase())] = t.slice(e + 1).trim());
+  }
+  return c;
+}
+function B({
+  title: a,
+  subtitle: c,
+  value: t,
+  delta: e,
+  deltaPositive: o,
+  legend: f = [],
+  table: r,
+  variant: m = "glass",
+  size: b = "md",
+  className: $ = "",
+  children: h,
+  footer: p
+}) {
+  const k = `cf-${z().replace(/[^a-zA-Z0-9]/g, "")}`, g = D(!1);
+  return Q(() => {
+    g.current || (g.current = !0, import("./chart-tooltip-C7pIc_Su.js").then((i) => i.initChartTooltips()));
+  }, []), /* @__PURE__ */ l(P, { children: /* @__PURE__ */ _("figure", { className: `cf cf--${m} cf--${b} ${$}`, "data-chart": !0, "aria-labelledby": a ? k : void 0, "data-rk-0ca607": "", children: [
+    (a || t) && /* @__PURE__ */ _("header", { className: "cf__header", "data-rk-0ca607": "", children: [
+      /* @__PURE__ */ _("div", { className: "cf__heading", "data-rk-0ca607": "", children: [
+        a && /* @__PURE__ */ l("figcaption", { id: k, className: "cf__title", "data-rk-0ca607": "", children: a }),
+        c && /* @__PURE__ */ l("p", { className: "cf__subtitle", "data-rk-0ca607": "", children: c })
+      ] }),
+      t && /* @__PURE__ */ _("div", { className: "cf__headline", "data-rk-0ca607": "", children: [
+        /* @__PURE__ */ l("span", { className: "cf__value", "data-rk-0ca607": "", children: t }),
+        e && /* @__PURE__ */ _("span", { className: X(["cf__delta", { "cf__delta--pos": o === !0, "cf__delta--neg": o === !1, "cf__delta--neutral": o === void 0 }]), "data-rk-0ca607": "", children: [
+          o !== void 0 && /* @__PURE__ */ l("svg", { width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", "data-rk-0ca607": "", children: /* @__PURE__ */ l("path", { d: o ? "M5 1 L9 7 H1 Z" : "M5 9 L9 3 H1 Z", fill: "currentColor", "data-rk-0ca607": "" }) }),
+          e
+        ] })
+      ] })
+    ] }),
+    f.length > 1 && /* @__PURE__ */ l("ul", { className: "cf__legend", "aria-label": "Legend", "data-rk-0ca607": "", children: f.map((i, s) => /* @__PURE__ */ _("li", { className: "cf__legend-item", "data-rk-0ca607": "", children: [
+      /* @__PURE__ */ l("span", { className: "cf__swatch", style: Y(`background:${i.color}`), "aria-hidden": "true", "data-rk-0ca607": "" }),
+      i.label
+    ] }, s)) }),
+    /* @__PURE__ */ l("div", { className: "cf__plot", "data-rk-0ca607": "", children: h }),
+    p,
+    r && r.rows.length > 0 && /* @__PURE__ */ _("details", { className: "cf__data", "data-rk-0ca607": "", children: [
+      /* @__PURE__ */ l("summary", { "data-rk-0ca607": "", children: "View data" }),
+      /* @__PURE__ */ l("div", { className: "cf__table-wrap", "data-rk-0ca607": "", children: /* @__PURE__ */ _("table", { "data-rk-0ca607": "", children: [
+        /* @__PURE__ */ l("thead", { "data-rk-0ca607": "", children: /* @__PURE__ */ l("tr", { "data-rk-0ca607": "", children: r.headers.map((i, s) => /* @__PURE__ */ l("th", { scope: "col", "data-rk-0ca607": "", children: i }, s)) }) }),
+        /* @__PURE__ */ l("tbody", { "data-rk-0ca607": "", children: r.rows.map((i, s) => /* @__PURE__ */ l("tr", { "data-rk-0ca607": "", children: i.map((u, M) => M === 0 ? /* @__PURE__ */ l("th", { scope: "row", "data-rk-0ca607": "", children: u }, M) : /* @__PURE__ */ l("td", { "data-rk-0ca607": "", children: u }, M)) }, s)) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "cf__tip", "data-chart-tip": !0, "aria-hidden": "true", "data-rk-0ca607": "" })
+  ] }) });
+}
+const O = [
+  "var(--chart-1, #3987e5)",
+  "var(--chart-2, #d95926)",
+  "var(--chart-3, #199e70)",
+  "var(--chart-4, #c98500)",
+  "var(--chart-5, #d55181)",
+  "var(--chart-6, #2f9e2f)",
+  "var(--chart-7, #9085e9)",
+  "var(--chart-8, #e66767)"
+], aa = "var(--chart-pos, #34c38f)", ta = "var(--chart-neg, #f06a6a)";
+function q(a, c) {
+  return c && c[a] ? c[a] : O[Math.min(a, O.length - 1)];
+}
+function Z(a, c, t, e) {
+  const o = c - a || 1;
+  return (f) => t + (f - a) / o * (e - t);
+}
+function ea(a) {
+  const c = Math.floor(Math.log10(Math.abs(a) || 1)), t = a / 10 ** c;
+  return (t <= 1 ? 1 : t <= 2 ? 2 : t <= 2.5 ? 2.5 : t <= 5 ? 5 : 10) * 10 ** c;
+}
+function U(a, c, t = 5) {
+  a === c && (c = a + 1);
+  const e = ea((c - a) / Math.max(1, t)), o = Math.floor(a / e) * e, f = Math.ceil(c / e) * e, r = [];
+  for (let m = o; m <= f + e / 2; m += e)
+    r.push(Number(m.toFixed(10)));
+  return r;
+}
+function ra(a, c = 1) {
+  const t = Math.abs(a);
+  return t >= 1e9 ? `${(a / 1e9).toFixed(c).replace(/\.0+$/, "")}B` : t >= 1e6 ? `${(a / 1e6).toFixed(c).replace(/\.0+$/, "")}M` : t >= 1e3 ? `${(a / 1e3).toFixed(c).replace(/\.0+$/, "")}k` : `${Number(a.toFixed(2))}`;
+}
+function T(a, c = "", t = "", e = !0) {
+  const o = e ? ra(a) : a.toLocaleString("en-US");
+  return `${c}${o}${t}`;
+}
+function J(a) {
+  return a.map(([c, t], e) => `${e ? "L" : "M"}${c.toFixed(2)},${t.toFixed(2)}`).join(" ");
+}
+function ca(a) {
+  if (!a.length) return "";
+  let c = `M${a[0][0].toFixed(2)},${a[0][1].toFixed(2)}`;
+  for (let t = 1; t < a.length; t++) {
+    const [e, o] = a[t];
+    c += ` H${e.toFixed(2)} V${o.toFixed(2)}`;
+  }
+  return c;
+}
+function G(a) {
+  const c = a.length;
+  if (c < 3) return J(a);
+  const t = [], e = [];
+  for (let r = 0; r < c - 1; r++)
+    t[r] = a[r + 1][0] - a[r][0], e[r] = (a[r + 1][1] - a[r][1]) / (t[r] || 1);
+  const o = [e[0]];
+  for (let r = 1; r < c - 1; r++)
+    o[r] = e[r - 1] * e[r] <= 0 ? 0 : (e[r - 1] + e[r]) / 2;
+  o[c - 1] = e[c - 2];
+  for (let r = 0; r < c - 1; r++) {
+    if (e[r] === 0) {
+      o[r] = 0, o[r + 1] = 0;
+      continue;
+    }
+    const m = o[r] / e[r], b = o[r + 1] / e[r], $ = m * m + b * b;
+    if ($ > 9) {
+      const h = 3 / Math.sqrt($);
+      o[r] = h * m * e[r], o[r + 1] = h * b * e[r];
+    }
+  }
+  let f = `M${a[0][0].toFixed(2)},${a[0][1].toFixed(2)}`;
+  for (let r = 0; r < c - 1; r++) {
+    const [m, b] = a[r], [$, h] = a[r + 1], p = t[r] / 3;
+    f += ` C${(m + p).toFixed(2)},${(b + o[r] * p).toFixed(2)} ${($ - p).toFixed(2)},${(h - o[r + 1] * p).toFixed(2)} ${$.toFixed(2)},${h.toFixed(2)}`;
+  }
+  return f;
+}
+function H(a, c = "smooth") {
+  return c === "step" ? ca(a) : c === "linear" ? J(a) : G(a);
+}
+function K(a, c, t = "smooth") {
+  if (!a.length) return "";
+  const e = H(a, t), o = a[a.length - 1], f = a[0];
+  return `${e} L${o[0].toFixed(2)},${c.toFixed(2)} L${f[0].toFixed(2)},${c.toFixed(2)} Z`;
+}
+function na(a, c, t = "smooth") {
+  if (!a.length) return "";
+  const e = H(a, t), o = [...c].reverse(), f = H(o, t).replace(/^M/, "L");
+  return `${e} ${f} Z`;
+}
+function E(a, c, t, e) {
+  return [a + t * Math.sin(e), c - t * Math.cos(e)];
+}
+function R(a, c, t, e, o, f) {
+  const r = f - o;
+  if (r >= Math.PI * 2 - 1e-6) {
+    const u = o + Math.PI;
+    return `${R(a, c, t, e, o, u)} ${R(a, c, t, e, u, o + Math.PI * 2)}`;
+  }
+  const m = r > Math.PI ? 1 : 0, [b, $] = E(a, c, t, o), [h, p] = E(a, c, t, f);
+  if (e <= 0)
+    return `M${a},${c} L${b.toFixed(2)},${$.toFixed(2)} A${t},${t} 0 ${m} 1 ${h.toFixed(2)},${p.toFixed(2)} Z`;
+  const [k, g] = E(a, c, e, f), [i, s] = E(a, c, e, o);
+  return [
+    `M${b.toFixed(2)},${$.toFixed(2)}`,
+    `A${t},${t} 0 ${m} 1 ${h.toFixed(2)},${p.toFixed(2)}`,
+    `L${k.toFixed(2)},${g.toFixed(2)}`,
+    `A${e},${e} 0 ${m} 0 ${i.toFixed(2)},${s.toFixed(2)}`,
+    "Z"
+  ].join(" ");
+}
+function fa(a, c, t, e, o) {
+  const f = Math.min(o - e, Math.PI * 2 - 1e-4), r = f > Math.PI ? 1 : 0, [m, b] = E(a, c, t, e), [$, h] = E(a, c, t, e + f);
+  return `M${m.toFixed(2)},${b.toFixed(2)} A${t},${t} 0 ${r} 1 ${$.toFixed(2)},${h.toFixed(2)}`;
+}
+function oa(a) {
+  return a.reduce((c, t) => c + (Number.isFinite(t) ? t : 0), 0);
+}
+function ma(a, c) {
+  if (!a.length) return 0;
+  const t = (a.length - 1) * c, e = Math.floor(t), o = Math.ceil(t);
+  return a[e] + (a[o] - a[e]) * (t - e);
+}
+let V = 0;
+function la(a = "chart") {
+  return V += 1, `${a}-${V}-${Math.random().toString(36).slice(2, 7)}`;
+}
+function pa(a, c) {
+  const t = oa(a);
+  if (!t) return a.map(() => ({ x: c.x, y: c.y, w: 0, h: 0 }));
+  const e = c.w * c.h, o = a.map((h, p) => ({ i: p, a: h / t * e })).sort((h, p) => p.a - h.a), f = new Array(a.length);
+  let r = { ...c }, m = [];
+  const b = (h, p) => {
+    const k = h.reduce((s, u) => s + u.a, 0), g = Math.max(...h.map((s) => s.a)), i = Math.min(...h.map((s) => s.a));
+    return Math.max(p * p * g / (k * k), k * k / (p * p * i));
+  }, $ = (h) => {
+    const p = h.reduce((k, g) => k + g.a, 0);
+    if (r.w >= r.h) {
+      const k = p / r.h;
+      let g = r.y;
+      h.forEach((i) => {
+        const s = i.a / k;
+        f[i.i] = { x: r.x, y: g, w: k, h: s }, g += s;
+      }), r = { x: r.x + k, y: r.y, w: r.w - k, h: r.h };
+    } else {
+      const k = p / r.w;
+      let g = r.x;
+      h.forEach((i) => {
+        const s = i.a / k;
+        f[i.i] = { x: g, y: r.y, w: s, h: k }, g += s;
+      }), r = { x: r.x, y: r.y + k, w: r.w, h: r.h - k };
+    }
+  };
+  for (const h of o) {
+    const p = Math.min(r.w, r.h);
+    !m.length || b([...m, h], p) <= b(m, p) ? m.push(h) : ($(m), m = [h]);
+  }
+  return m.length && $(m), f;
+}
+function sa(a) {
+  const c = {};
+  for (const t of String(a ?? "").split(";")) {
+    const e = t.indexOf(":");
+    if (e < 0) continue;
+    const o = t.slice(0, e).trim();
+    o && (c[o.startsWith("--") ? o : o.replace(/-([a-z])/g, (f, r) => r.toUpperCase())] = t.slice(e + 1).trim());
+  }
+  return c;
+}
+function ua({
+  title: a = "Top pages",
+  subtitle: c = "Unique visitors, last 30 days",
+  items: t = [
+    { label: "/pricing", value: 18420 },
+    { label: "/docs/getting-started", value: 15210 },
+    { label: "/", value: 12980 },
+    { label: "/blog/react-19", value: 9340 },
+    { label: "/components", value: 7120 },
+    { label: "/changelog", value: 4310 }
+  ],
+  sort: e = !0,
+  highlight: o,
+  prefix: f = "",
+  suffix: r = "",
+  color: m = "var(--chart-1, #3987e5)",
+  variant: b = "glass",
+  size: $ = "md",
+  className: h = ""
+}) {
+  const p = e ? [...t].sort((i, s) => s.value - i.value) : t, k = Math.max(...p.map((i) => i.value)) || 1, g = (i) => T(i, f, r);
+  return /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(B, { title: a, subtitle: c, variant: b, size: $, className: h, table: { headers: ["Item", "Value"], rows: p.map((i) => [i.label, g(i.value)]) }, children: /* @__PURE__ */ l("ol", { className: "hb", "aria-label": a, "data-rk-344822": "", children: p.map((i, s) => {
+    const u = o && o !== i.label;
+    return /* @__PURE__ */ _("li", { className: "hb__row cf-mark", tabIndex: 0, style: sa(`--hb-w:${i.value / k * 100}%; --hb-c:${m}; --hb-o:${u ? 0.35 : 1}; --hb-i:${s}`), "data-tip-title": i.label, "data-tip": `${m}::${g(i.value)} · ${(i.value / k * 100).toFixed(0)}% of top`, "aria-label": `${s + 1}. ${i.label}: ${g(i.value)}`, "data-rk-344822": "", children: [
+      /* @__PURE__ */ l("span", { className: "hb__label", "data-rk-344822": "", children: i.label }),
+      /* @__PURE__ */ l("span", { className: "hb__track", "aria-hidden": "true", "data-rk-344822": "", children: /* @__PURE__ */ l("span", { className: "hb__bar", "data-rk-344822": "" }) }),
+      /* @__PURE__ */ l("span", { className: "hb__value", "data-rk-344822": "", children: g(i.value) })
+    ] }, s);
+  }) }) }) });
+}
+function da({
+  data: a = [12, 15, 11, 18, 17, 22, 19, 25, 24, 29, 27, 33],
+  label: c = "Trend, last 12 periods",
+  variant: t = "area",
+  size: e = "md",
+  color: o,
+  showExtremes: f = !1,
+  className: r = ""
+}) {
+  const m = { sm: [80, 24], md: [140, 36], lg: [220, 56] }[e], [b, $] = m, h = 3, p = a[a.length - 1] >= a[0], k = o ?? (p ? aa : ta), g = Z(Math.min(...a), Math.max(...a), $ - h, h), i = (y) => h + y / Math.max(1, a.length - 1) * (b - h * 2), s = a.map((y, W) => [i(W), g(y)]), u = s[s.length - 1], M = a.indexOf(Math.min(...a)), C = a.indexOf(Math.max(...a)), v = (b - h * 2) / a.length - 2, N = a[0] ? ((a[a.length - 1] - a[0]) / Math.abs(a[0]) * 100).toFixed(0) : "0";
+  return /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l("svg", { className: `spark spark--${e} ${r}`, viewBox: `0 0 ${b} ${$}`, width: b, height: $, role: "img", "aria-label": `${c}: from ${a[0]} to ${a[a.length - 1]} (${p ? "+" : ""}${N}%)`, "data-rk-cd2e33": "", children: t === "bars" ? a.map((y, W) => {
+    const S = g(y);
+    return /* @__PURE__ */ l("rect", { x: h + W * (v + 2), y: S, width: Math.max(1, v), height: Math.max(1, $ - h - S), rx: "1.5", fill: k, opacity: W === a.length - 1 ? 1 : 0.55, "data-rk-cd2e33": "" }, W);
+  }) : /* @__PURE__ */ _(P, { children: [
+    t === "area" && /* @__PURE__ */ l("path", { d: K(s, $), fill: k, fillOpacity: "0.16", "data-rk-cd2e33": "" }),
+    /* @__PURE__ */ l("path", { d: G(s), fill: "none", stroke: k, strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-cd2e33": "" }),
+    f && /* @__PURE__ */ _(P, { children: [
+      /* @__PURE__ */ l("circle", { cx: s[M][0], cy: s[M][1], r: "2.5", fill: "var(--c-text-3, #8a8a8a)", "data-rk-cd2e33": "" }),
+      /* @__PURE__ */ l("circle", { cx: s[C][0], cy: s[C][1], r: "2.5", fill: "var(--c-text-1, #fff)", "data-rk-cd2e33": "" })
+    ] }),
+    /* @__PURE__ */ l("circle", { cx: u[0], cy: u[1], r: "3", fill: k, stroke: "var(--chart-surface, #0d0d0f)", strokeWidth: "1.5", "data-rk-cd2e33": "" })
+  ] }) }) });
+}
+function $a({
+  label: a = "Monthly recurring revenue",
+  value: c = "$84,210",
+  change: t = 12.4,
+  period: e = "vs last month",
+  invert: o = !1,
+  trend: f = [52, 55, 54, 60, 63, 61, 68, 72, 70, 76, 80, 84],
+  variant: r = "glass",
+  size: m = "md",
+  className: b = ""
+}) {
+  const $ = t >= 0, h = o ? !$ : $;
+  return /* @__PURE__ */ l(P, { children: /* @__PURE__ */ _("article", { className: `kpi kpi--${r} kpi--${m} ${b}`, "aria-label": `${a}: ${c}, ${$ ? "up" : "down"} ${Math.abs(t)}% ${e}`, "data-rk-727d83": "", children: [
+    /* @__PURE__ */ _("header", { className: "kpi__head", "data-rk-727d83": "", children: [
+      /* @__PURE__ */ l("h3", { className: "kpi__label", "data-rk-727d83": "", children: a }),
+      /* @__PURE__ */ _("span", { className: `kpi__chip ${h ? "kpi__chip--good" : "kpi__chip--bad"}`, "data-rk-727d83": "", children: [
+        /* @__PURE__ */ l("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-727d83": "", children: $ ? /* @__PURE__ */ l("path", { d: "M7 17 17 7M9 7h8v8", "data-rk-727d83": "" }) : /* @__PURE__ */ l("path", { d: "M7 7l10 10M17 9v8H9", "data-rk-727d83": "" }) }),
+        $ ? "+" : "−",
+        Math.abs(t),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ l("p", { className: "kpi__value", "data-rk-727d83": "", children: c }),
+    /* @__PURE__ */ _("div", { className: "kpi__foot", "data-rk-727d83": "", children: [
+      /* @__PURE__ */ l("span", { className: "kpi__period", "data-rk-727d83": "", children: e }),
+      f.length > 1 && /* @__PURE__ */ l(da, { data: f, size: m === "lg" ? "lg" : "md", color: h ? "var(--chart-pos, #34c38f)" : "var(--chart-neg, #f06a6a)", label: `${a} trend` })
+    ] })
+  ] }) });
+}
+function ka({
+  title: a = "Weekly active users",
+  subtitle: c = "Last 12 weeks, by platform",
+  categories: t = ["W1", "W2", "W3", "W4", "W5", "W6", "W7", "W8", "W9", "W10", "W11", "W12"],
+  series: e = [
+    { name: "Web", data: [4200, 4580, 4410, 5020, 5390, 5210, 5870, 6120, 6050, 6680, 7010, 7420] },
+    { name: "Mobile", data: [2100, 2350, 2600, 2550, 2980, 3310, 3240, 3620, 3900, 4150, 4080, 4560] }
+  ],
+  curve: o = "smooth",
+  area: f = !0,
+  dots: r = !1,
+  prefix: m = "",
+  suffix: b = "",
+  height: $ = 280,
+  colors: h,
+  variant: p = "glass",
+  size: k = "md",
+  className: g = ""
+}) {
+  const s = $, u = { t: 12, r: 16, b: 28, l: 44 }, M = e.flatMap((n) => n.data), C = U(Math.min(0, ...M), Math.max(...M), 4), v = Z(C[0], C[C.length - 1], s - u.b, u.t), N = t.length, y = (n) => u.l + (N <= 1 ? 0 : n / (N - 1) * (640 - u.l - u.r)), W = la("line"), S = N > 1 ? (640 - u.l - u.r) / (N - 1) : 640, I = Math.ceil(N / 8), j = e.slice(0, 8).map((n, d) => {
+    const x = n.data.map((F, w) => [y(w), v(F)]);
+    return {
+      name: n.name,
+      color: q(d, h),
+      pts: x,
+      d: H(x, o),
+      area: K(x, s - u.b, o)
+    };
+  }), L = (n) => T(n, m, b);
+  return /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(B, { title: a, subtitle: c, variant: p, size: k, className: g, legend: j.map((n) => ({ label: n.name, color: n.color })), table: {
+    headers: ["Period", ...e.map((n) => n.name)],
+    rows: t.map((n, d) => [n, ...e.map((x) => L(x.data[d]))])
+  }, children: /* @__PURE__ */ _("svg", { viewBox: `0 0 640 ${s}`, role: "img", "aria-label": `${a}: line chart with ${e.length} series over ${N} periods`, "data-rk-34cbfe": "", children: [
+    /* @__PURE__ */ l("defs", { "data-rk-34cbfe": "", children: j.map((n, d) => /* @__PURE__ */ _("linearGradient", { id: `${W}-g${d}`, x1: "0", y1: "0", x2: "0", y2: "1", "data-rk-34cbfe": "", children: [
+      /* @__PURE__ */ l("stop", { offset: "0%", stopColor: n.color, stopOpacity: "0.22", "data-rk-34cbfe": "" }),
+      /* @__PURE__ */ l("stop", { offset: "100%", stopColor: n.color, stopOpacity: "0", "data-rk-34cbfe": "" })
+    ] }, d)) }),
+    C.map((n, d) => /* @__PURE__ */ _("g", { "data-rk-34cbfe": "", children: [
+      /* @__PURE__ */ l("line", { className: "cf-grid", x1: u.l, x2: 640 - u.r, y1: v(n), y2: v(n), "data-rk-34cbfe": "" }),
+      /* @__PURE__ */ l("text", { className: "cf-label", x: u.l - 8, y: v(n) + 4, textAnchor: "end", "data-rk-34cbfe": "", children: L(n) })
+    ] }, d)),
+    t.map((n, d) => d % I === 0 && /* @__PURE__ */ l("text", { className: "cf-label", x: y(d), y: s - 8, textAnchor: "middle", "data-rk-34cbfe": "", children: n }, d)),
+    f && j.map((n, d) => /* @__PURE__ */ l("path", { d: n.area, fill: `url(#${W}-g${d})`, "aria-hidden": "true", "data-rk-34cbfe": "" }, d)),
+    j.map((n, d) => /* @__PURE__ */ l("path", { className: "lc__line", d: n.d, fill: "none", stroke: n.color, strokeWidth: "2", strokeLinejoin: "round", strokeLinecap: "round", "aria-hidden": "true", "data-rk-34cbfe": "" }, d)),
+    r && j.flatMap((n, d) => n.pts.map(([x, F], w) => /* @__PURE__ */ l("circle", { cx: x, cy: F, r: "4", fill: n.color, stroke: "var(--chart-surface, #0d0d0f)", strokeWidth: "2", "aria-hidden": "true", "data-rk-34cbfe": "" }, `${d}-${w}`))),
+    t.map((n, d) => /* @__PURE__ */ _("g", { className: "cf-hit-group", "data-rk-34cbfe": "", children: [
+      /* @__PURE__ */ l("line", { className: "cf-cross", x1: y(d), x2: y(d), y1: u.t, y2: s - u.b, "data-rk-34cbfe": "" }),
+      j.map((x, F) => {
+        var w, A;
+        return /* @__PURE__ */ l("circle", { className: "cf-cross", cx: (w = x.pts[d]) == null ? void 0 : w[0], cy: (A = x.pts[d]) == null ? void 0 : A[1], r: "4.5", fill: x.color, stroke: "#fff", strokeWidth: "1.5", "data-rk-34cbfe": "" }, F);
+      }),
+      /* @__PURE__ */ l("rect", { className: "cf-hit", x: y(d) - S / 2, y: u.t, width: S, height: s - u.t - u.b, tabIndex: 0, role: "img", "aria-label": `${n}: ${e.map((x) => `${x.name} ${L(x.data[d])}`).join(", ")}`, "data-tip-title": n, "data-tip": j.map((x, F) => `${x.color}::${x.name}: ${L(e[F].data[d])}`).join("|"), "data-rk-34cbfe": "" })
+    ] }, d))
+  ] }) }) });
+}
+function xa({
+  title: a = "Traffic by channel",
+  subtitle: c = "Sessions per month, stacked",
+  categories: t = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep"],
+  series: e = [
+    { name: "Organic", data: [320, 340, 390, 420, 460, 480, 530, 560, 610] },
+    { name: "Paid", data: [180, 210, 200, 240, 260, 250, 270, 300, 290] },
+    { name: "Referral", data: [90, 110, 120, 130, 125, 150, 170, 160, 190] }
+  ],
+  normalized: o = !1,
+  curve: f = "smooth",
+  prefix: r = "",
+  suffix: m = "",
+  height: b = 280,
+  colors: $,
+  variant: h = "glass",
+  size: p = "md",
+  className: k = ""
+}) {
+  const i = b, s = { t: 12, r: 16, b: 28, l: 44 }, u = t.length, M = t.map((n, d) => e.reduce((x, F) => x + (F.data[d] ?? 0), 0)), C = (n, d) => {
+    const x = e[n].data[d] ?? 0;
+    return o ? x / (M[d] || 1) * 100 : x;
+  }, v = o ? [0, 25, 50, 75, 100] : U(0, Math.max(...M), 4), N = Z(0, v[v.length - 1], i - s.b, s.t), y = (n) => s.l + (u <= 1 ? 0 : n / (u - 1) * (640 - s.l - s.r)), W = u > 1 ? (640 - s.l - s.r) / (u - 1) : 640, S = t.map(() => 0), I = e.slice(0, 8).map((n, d) => {
+    const x = t.map((w, A) => [y(A), N(S[A])]);
+    t.forEach((w, A) => {
+      S[A] += C(d, A);
+    });
+    const F = t.map((w, A) => [y(A), N(S[A])]);
+    return { name: n.name, color: q(d, $), d: na(F, x, f), top: H(F, f) };
+  }), j = (n) => o ? `${n.toFixed(0)}%` : T(n, r, m), L = (n) => T(n, r, m);
+  return /* @__PURE__ */ l(P, { children: /* @__PURE__ */ l(B, { title: a, subtitle: c, variant: h, size: p, className: k, legend: I.map((n) => ({ label: n.name, color: n.color })), table: {
+    headers: ["Period", ...e.map((n) => n.name), "Total"],
+    rows: t.map((n, d) => [n, ...e.map((x) => L(x.data[d])), L(M[d])])
+  }, children: /* @__PURE__ */ _("svg", { viewBox: `0 0 640 ${i}`, role: "img", "aria-label": `${a}: stacked area chart`, children: [
+    v.map((n, d) => /* @__PURE__ */ _("g", { children: [
+      /* @__PURE__ */ l("line", { className: "cf-grid", x1: s.l, x2: 640 - s.r, y1: N(n), y2: N(n) }),
+      /* @__PURE__ */ l("text", { className: "cf-label", x: s.l - 8, y: N(n) + 4, textAnchor: "end", children: j(n) })
+    ] }, d)),
+    t.map((n, d) => /* @__PURE__ */ l("text", { className: "cf-label", x: y(d), y: i - 8, textAnchor: "middle", children: n }, d)),
+    I.map((n, d) => /* @__PURE__ */ _("g", { "aria-hidden": "true", children: [
+      /* @__PURE__ */ l("path", { d: n.d, fill: n.color, fillOpacity: "0.32" }),
+      /* @__PURE__ */ l("path", { d: n.top, fill: "none", stroke: n.color, strokeWidth: "2" })
+    ] }, d)),
+    t.map((n, d) => /* @__PURE__ */ _("g", { className: "cf-hit-group", children: [
+      /* @__PURE__ */ l("line", { className: "cf-cross", x1: y(d), x2: y(d), y1: s.t, y2: i - s.b }),
+      /* @__PURE__ */ l("rect", { className: "cf-hit", x: y(d) - W / 2, y: s.t, width: W, height: i - s.t - s.b, tabIndex: 0, role: "img", "aria-label": `${n}: ${e.map((x) => `${x.name} ${L(x.data[d])}`).join(", ")}; total ${L(M[d])}`, "data-tip-title": `${n} · ${L(M[d])}`, "data-tip": [...I].reverse().map((x, F) => {
+        const w = I.length - 1 - F;
+        return `${x.color}::${x.name}: ${L(e[w].data[d])}${o ? ` (${C(w, d).toFixed(0)}%)` : ""}`;
+      }).join("|") })
+    ] }, d))
+  ] }) }) });
+}
+export {
+  B as C,
+  ua as H,
+  $a as K,
+  ka as L,
+  ta as N,
+  aa as P,
+  da as S,
+  xa as a,
+  na as b,
+  fa as c,
+  q as d,
+  oa as e,
+  T as f,
+  R as g,
+  ra as h,
+  G as i,
+  K as j,
+  pa as k,
+  J as l,
+  U as n,
+  E as p,
+  ma as q,
+  Z as s
+};