@stisocial/ui 0.1.0 → 0.2.1

package/dist/charts/_internal/marks/marks.css

@@ -0,0 +1,195 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-marks-mark-f750a {
+    --sti-chart-c: var(--sti-fg-accent);
+    transition-property: opacity, fill, stroke;
+    transition-duration: var(--sti-duration-fast);
+    transition-timing-function: var(--sti-ease-out);
+  }
+
+  .sti-marks-mark-f750a[data-s="1"] {
+    --sti-chart-c: var(--sti-fg-warning);
+  }
+
+  .sti-marks-mark-f750a[data-s="2"] {
+    --sti-chart-c: var(--sti-fg-success);
+  }
+
+  .sti-marks-mark-f750a[data-s="3"] {
+    --sti-chart-c: var(--sti-fg-danger);
+  }
+
+  .sti-marks-mark-f750a[data-s="4"] {
+    --sti-chart-c: color-mix(in oklab, var(--sti-fg-accent) 55%, var(--sti-fg-danger));
+  }
+
+  .sti-marks-mark-f750a[data-s="5"] {
+    --sti-chart-c: var(--sti-fg);
+  }
+
+  .sti-marks-mark-f750a[data-s="6"] {
+    --sti-chart-c: color-mix(in oklab, var(--sti-fg-success) 60%, var(--sti-fg-accent));
+  }
+
+  .sti-marks-mark-f750a[data-s="7"] {
+    --sti-chart-c: var(--sti-fg-muted);
+  }
+
+  .sti-marks-mark-f750a[data-kind="line"] {
+    fill: none;
+    stroke: var(--sti-chart-c);
+    stroke-width: var(--sti-border-width-strong);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  .sti-marks-mark-f750a[data-kind="area"] {
+    fill: color-mix(in srgb, var(--sti-chart-c) 18%, transparent);
+    stroke: none;
+  }
+
+  .sti-marks-mark-f750a[data-kind="bar"], .sti-marks-mark-f750a[data-kind="slice"], .sti-marks-mark-f750a[data-kind="marker"] {
+    fill: var(--sti-chart-c);
+    stroke: var(--sti-chart-bg, var(--sti-bg-surface));
+    stroke-width: var(--sti-border-width);
+  }
+
+  .sti-marks-mark-f750a[data-kind="ring"] {
+    fill: none;
+    stroke: var(--sti-chart-c);
+    stroke-width: var(--sti-border-width-strong);
+  }
+
+  .sti-marks-mark-f750a[data-dim] {
+    opacity: .35;
+  }
+
+  .sti-marks-grid-42a94 {
+    stroke: var(--sti-border-subtle);
+    stroke-width: var(--sti-border-width);
+    fill: none;
+  }
+
+  .sti-marks-axis-e6805 {
+    stroke: var(--sti-border);
+    stroke-width: var(--sti-border-width);
+    fill: none;
+  }
+
+  .sti-marks-guide-1a15e {
+    stroke: var(--sti-border-strong);
+    stroke-width: var(--sti-border-width);
+    fill: none;
+  }
+
+  .sti-marks-tick-9d9fa {
+    fill: var(--sti-fg-muted);
+    font-family: var(--sti-font-numeric);
+    font-size: var(--sti-font-size-xs);
+    font-variant-numeric: tabular-nums;
+    dominant-baseline: central;
+  }
+
+  .sti-marks-tick-9d9fa[data-anchor="end"] {
+    text-anchor: end;
+  }
+
+  .sti-marks-tick-9d9fa[data-anchor="start"] {
+    text-anchor: start;
+  }
+
+  .sti-marks-tick-9d9fa[data-anchor="middle"] {
+    text-anchor: middle;
+  }
+
+  .sti-marks-tick-9d9fa[data-baseline="hanging"] {
+    dominant-baseline: hanging;
+  }
+
+  .sti-marks-label-258d4 {
+    fill: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-font-size-xs);
+    font-variant-numeric: tabular-nums;
+    font-weight: var(--sti-font-weight-medium);
+    dominant-baseline: central;
+  }
+
+  .sti-marks-label-258d4[data-anchor="end"] {
+    text-anchor: end;
+  }
+
+  .sti-marks-label-258d4[data-anchor="start"] {
+    text-anchor: start;
+  }
+
+  .sti-marks-label-258d4[data-anchor="middle"] {
+    text-anchor: middle;
+  }
+
+  .sti-marks-swatch-cc483 {
+    width: var(--sti-space-4);
+    height: var(--sti-space-4);
+    flex: none;
+    overflow: visible;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-marks-mark-f750a {
+      transition: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-marks-mark-f750a {
+      forced-color-adjust: none;
+    }
+
+    .sti-marks-mark-f750a[data-kind="line"], .sti-marks-mark-f750a[data-kind="ring"] {
+      stroke: canvastext;
+    }
+
+    .sti-marks-mark-f750a[data-kind="line"][data-s="1"], .sti-marks-mark-f750a[data-kind="ring"][data-s="1"] {
+      stroke-dasharray: 6 3;
+    }
+
+    .sti-marks-mark-f750a[data-kind="line"][data-s="2"], .sti-marks-mark-f750a[data-kind="ring"][data-s="2"] {
+      stroke-dasharray: 2 3;
+    }
+
+    .sti-marks-mark-f750a[data-kind="line"][data-s="3"], .sti-marks-mark-f750a[data-kind="ring"][data-s="3"] {
+      stroke-dasharray: 8 3 2 3;
+    }
+
+    .sti-marks-mark-f750a[data-kind="line"][data-s="4"], .sti-marks-mark-f750a[data-kind="ring"][data-s="4"] {
+      stroke-dasharray: 12 3;
+    }
+
+    .sti-marks-mark-f750a[data-kind="area"] {
+      fill: canvas;
+      stroke: none;
+    }
+
+    .sti-marks-mark-f750a[data-kind="bar"], .sti-marks-mark-f750a[data-kind="slice"] {
+      fill: highlight;
+      stroke: canvastext;
+    }
+
+    .sti-marks-mark-f750a[data-kind="marker"] {
+      fill: canvastext;
+      stroke: canvas;
+    }
+
+    .sti-marks-grid-42a94 {
+      stroke: graytext;
+    }
+
+    .sti-marks-axis-e6805, .sti-marks-guide-1a15e {
+      stroke: canvastext;
+    }
+
+    .sti-marks-tick-9d9fa, .sti-marks-label-258d4 {
+      fill: canvastext;
+    }
+  }
+}

package/dist/charts/_internal/marks/marks.js

@@ -0,0 +1,192 @@
+import { r2 } from "../math.js";
+import { areaPath, linePath, markerPath } from "../shapes.js";
+import marks_module_default from "./marks.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/charts/_internal/marks/marks.tsx
+/** Seri rengi 0–7; sekizden sonra başa döner. */
+const seriesIndex = (i) => (i % 8 + 8) % 8;
+function LineMark({ d, s, dim }) {
+	return /* @__PURE__ */ jsx("path", {
+		className: marks_module_default.mark,
+		"data-kind": "line",
+		"data-s": seriesIndex(s),
+		"data-dim": dim ? "" : void 0,
+		d
+	});
+}
+function AreaMark({ d, s, dim }) {
+	return /* @__PURE__ */ jsx("path", {
+		className: marks_module_default.mark,
+		"data-kind": "area",
+		"data-s": seriesIndex(s),
+		"data-dim": dim ? "" : void 0,
+		d
+	});
+}
+function BarMark({ x, y, width, height, s, dim, radius = 2 }) {
+	return /* @__PURE__ */ jsx("rect", {
+		className: marks_module_default.mark,
+		"data-kind": "bar",
+		"data-s": seriesIndex(s),
+		"data-dim": dim ? "" : void 0,
+		x: r2(x),
+		y: r2(y),
+		width: r2(Math.max(0, width)),
+		height: r2(Math.max(0, height)),
+		rx: Math.min(radius, Math.max(0, width) / 2, Math.max(0, height) / 2)
+	});
+}
+/** Seri işareti: serinin sırasına göre daire, kare, baklava, üçgen… */
+function Marker({ cx, cy, s, r = 3.5, dim }) {
+	return /* @__PURE__ */ jsx("path", {
+		className: marks_module_default.mark,
+		"data-kind": "marker",
+		"data-s": seriesIndex(s),
+		"data-dim": dim ? "" : void 0,
+		d: markerPath(s, cx, cy, r)
+	});
+}
+/** Seri çizgisi (kesintili noktalarda bölünür) ve isteğe bağlı alan. */
+function SeriesPath({ points, s, curve, dim }) {
+	const d = linePath(points, curve);
+	return d ? /* @__PURE__ */ jsx(LineMark, {
+		d,
+		s,
+		dim
+	}) : null;
+}
+function SeriesArea({ top, bottom, s, curve, dim }) {
+	const d = areaPath(top, bottom, curve);
+	return d ? /* @__PURE__ */ jsx(AreaMark, {
+		d,
+		s,
+		dim
+	}) : null;
+}
+/** Yatay kılavuz çizgileri ve sol (ya da sağ) eksen metinleri. */
+function YTicks({ ticks, y, left, right, format, side = "left", grid = true }) {
+	return /* @__PURE__ */ jsx("g", { children: ticks.map((t) => /* @__PURE__ */ jsxs("g", { children: [grid ? /* @__PURE__ */ jsx("line", {
+		className: marks_module_default.grid,
+		x1: left,
+		x2: right,
+		y1: r2(y(t)),
+		y2: r2(y(t))
+	}) : null, /* @__PURE__ */ jsx("text", {
+		className: marks_module_default.tick,
+		"data-anchor": side === "left" ? "end" : "start",
+		x: side === "left" ? left - 8 : right + 8,
+		y: r2(y(t)),
+		children: format(t)
+	})] }, t)) });
+}
+/** Alt eksen metinleri; `labels` her biri için merkez konumu. */
+function XLabels({ labels, y, anchor = "middle" }) {
+	return /* @__PURE__ */ jsx("g", { children: labels.map((l) => /* @__PURE__ */ jsx("text", {
+		className: marks_module_default.tick,
+		"data-anchor": anchor,
+		"data-baseline": "hanging",
+		x: r2(l.x),
+		y,
+		children: l.text
+	}, `${l.text}-${l.x}`)) });
+}
+function AxisLine({ x1, y1, x2, y2 }) {
+	return /* @__PURE__ */ jsx("line", {
+		className: marks_module_default.axis,
+		x1: r2(x1),
+		y1: r2(y1),
+		x2: r2(x2),
+		y2: r2(y2)
+	});
+}
+function Guide({ x1, y1, x2, y2 }) {
+	return /* @__PURE__ */ jsx("line", {
+		className: marks_module_default.guide,
+		x1: r2(x1),
+		y1: r2(y1),
+		x2: r2(x2),
+		y2: r2(y2)
+	});
+}
+/** Gösterge anahtarı: serinin çizgi, çubuk, alan ya da nokta biçimi (HTML içinde küçük SVG). */
+function Swatch({ s, kind = "bar", dim }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		className: marks_module_default.swatch,
+		viewBox: "0 0 16 16",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: [kind === "line" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
+			className: marks_module_default.mark,
+			"data-kind": "line",
+			"data-s": seriesIndex(s),
+			"data-dim": dim ? "" : void 0,
+			d: "M0 8H16"
+		}), /* @__PURE__ */ jsx("path", {
+			className: marks_module_default.mark,
+			"data-kind": "marker",
+			"data-s": seriesIndex(s),
+			"data-dim": dim ? "" : void 0,
+			d: markerPath(s, 8, 8, 3.5)
+		})] }) : kind === "dot" ? /* @__PURE__ */ jsx("path", {
+			className: marks_module_default.mark,
+			"data-kind": "marker",
+			"data-s": seriesIndex(s),
+			"data-dim": dim ? "" : void 0,
+			d: markerPath(s, 8, 8, 4.5)
+		}) : /* @__PURE__ */ jsx("rect", {
+			className: marks_module_default.mark,
+			"data-kind": "bar",
+			"data-s": seriesIndex(s),
+			"data-dim": dim || kind === "area" ? "" : void 0,
+			x: "1",
+			y: "2",
+			width: "14",
+			height: "12",
+			rx: "3"
+		}), kind === "area" ? /* @__PURE__ */ jsx("path", {
+			className: marks_module_default.mark,
+			"data-kind": "line",
+			"data-s": seriesIndex(s),
+			"data-dim": dim ? "" : void 0,
+			d: "M1 2H15"
+		}) : null]
+	});
+}
+/** Dikey kılavuz çizgileri ve alt değer ekseni metinleri (yatay çubuk grafikleri). */
+function XTicks({ ticks, x, top, bottom, format }) {
+	return /* @__PURE__ */ jsx("g", { children: ticks.map((t) => /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("line", {
+		className: marks_module_default.grid,
+		x1: r2(x(t)),
+		x2: r2(x(t)),
+		y1: top,
+		y2: bottom
+	}), /* @__PURE__ */ jsx("text", {
+		className: marks_module_default.tick,
+		"data-anchor": "middle",
+		"data-baseline": "hanging",
+		x: r2(x(t)),
+		y: bottom + 8,
+		children: format(t)
+	})] }, t)) });
+}
+/** Sol kenardaki kategori adları (yatay çubuk grafikleri). */
+function CategoryLabels({ labels, x }) {
+	return /* @__PURE__ */ jsx("g", { children: labels.map((l) => /* @__PURE__ */ jsx("text", {
+		className: marks_module_default.tick,
+		"data-anchor": "end",
+		x,
+		y: r2(l.y),
+		children: l.text
+	}, `${l.text}-${l.y}`)) });
+}
+/** Çubuk ucundaki ya da yığın üstündeki değer metni. */
+function ValueLabel({ x, y, text, anchor = "middle" }) {
+	return /* @__PURE__ */ jsx("text", {
+		className: marks_module_default.label,
+		"data-anchor": anchor,
+		x: r2(x),
+		y: r2(y),
+		children: text
+	});
+}
+export { AreaMark, AxisLine, BarMark, CategoryLabels, Guide, LineMark, Marker, SeriesArea, SeriesPath, Swatch, ValueLabel, XLabels, XTicks, YTicks, seriesIndex };

package/dist/charts/_internal/marks/marks.module.js

@@ -0,0 +1,12 @@
+import './marks.css';
+// src/charts/_internal/marks/marks.module.css
+var marks_module_default = {
+	"mark": "sti-marks-mark-f750a",
+	"grid": "sti-marks-grid-42a94",
+	"axis": "sti-marks-axis-e6805",
+	"guide": "sti-marks-guide-1a15e",
+	"tick": "sti-marks-tick-9d9fa",
+	"label": "sti-marks-label-258d4",
+	"swatch": "sti-marks-swatch-cc483"
+};
+export { marks_module_default as default };

package/dist/charts/_internal/math.js

@@ -0,0 +1,107 @@
+// src/charts/_internal/math.ts
+/**
+* Grafiklerin saf sayısal yardımcıları (ölçek, güzel eksen aralığı, istifleme). Dışa açılmaz.
+* Bağımlılık yoktur: d3'ün yaptığı işin grafiklerin ihtiyaç duyduğu küçük bölümü burada yazılıdır.
+*/
+const clamp = (v, lo, hi) => Math.min(hi, Math.max(lo, v));
+/** İki ondalığa yuvarlar (yol verisi kısa kalır, ölçümler tutarlı olur). */
+const r2 = (n) => Math.round(n * 100) / 100;
+const isNum = (v) => typeof v === "number" && Number.isFinite(v);
+/** Boş olmayan değerlerin en küçüğü ve en büyüğü; hiç değer yoksa `[0, 1]`. */
+function extentOf(values) {
+	let lo = Number.POSITIVE_INFINITY;
+	let hi = Number.NEGATIVE_INFINITY;
+	for (const v of values) {
+		if (!isNum(v)) continue;
+		if (v < lo) lo = v;
+		if (v > hi) hi = v;
+	}
+	return lo > hi ? [0, 1] : [lo, hi];
+}
+/** `[d0, d1]` aralığını `[r0, r1]` aralığına eşler; `d0 === d1` ise ortaya koyar. */
+function linear(d0, d1, r0, r1) {
+	const span = d1 - d0;
+	return (v) => span === 0 ? (r0 + r1) / 2 : r0 + (v - d0) / span * (r1 - r0);
+}
+/** 1, 2, 2,5, 5 × 10ⁿ adımlarından aralığa uyan "güzel" adım. */
+function niceStep(range, count) {
+	const raw = range / Math.max(1, count);
+	const pow = 10 ** Math.floor(Math.log10(raw));
+	const f = raw / pow;
+	return (f <= 1 ? 1 : f <= 2 ? 2 : f <= 2.5 ? 2.5 : f <= 5 ? 5 : 10) * pow;
+}
+/** Güzel sınırlı eksen: `[min, max]` kapsanır, işaretler adımın katlarıdır. */
+function niceScale(min, max, count = 5) {
+	let lo = min;
+	let hi = max;
+	if (lo === hi) {
+		if (lo === 0) hi = 1;
+		else {
+			const pad = Math.abs(lo) * .1 || 1;
+			lo -= pad;
+			hi += pad;
+		}
+	}
+	const step = niceStep(hi - lo, count);
+	const nlo = Math.floor(lo / step + 1e-9) * step;
+	const nhi = Math.ceil(hi / step - 1e-9) * step;
+	const ticks = [];
+	const n = Math.round((nhi - nlo) / step);
+	const digits = Math.max(0, 2 - Math.floor(Math.log10(step)));
+	for (let i = 0; i <= n; i++) ticks.push(Number((nlo + i * step).toFixed(digits)));
+	return {
+		min: ticks[0] ?? nlo,
+		max: ticks[ticks.length - 1] ?? nhi,
+		step,
+		ticks
+	};
+}
+/** `n` eşit band; `inner` bandın boşluk oranı (0–1). */
+function bandScale(n, r0, r1, inner = .2) {
+	const step = n === 0 ? 0 : (r1 - r0) / n;
+	const width = step * (1 - inner);
+	const offset = (step - width) / 2;
+	return {
+		start: (i) => r0 + i * step + offset,
+		center: (i) => r0 + i * step + step / 2,
+		width,
+		step
+	};
+}
+/** Konumdaki bandın sırası (işaretçi konumundan); band yoksa -1. */
+function bandIndexAt(pos, n, r0, r1) {
+	if (n === 0) return -1;
+	const step = (r1 - r0) / n;
+	return clamp(Math.floor((pos - r0) / step), 0, n - 1);
+}
+/**
+* Seri değerlerini kategori başına üst üste dizer. Eksik değer (`null`) sıfır yükseklik sayılır ama
+* `null` olarak kalır (çizgi o noktada kesilir). `normalize` her kategoriyi 0–1'e (yüzde 100) çeker.
+* Negatif değerler istife girmez (sıfır sayılır).
+*/
+function stackSeries(data, normalize = false) {
+	const n = Math.max(0, ...data.map((s) => s.length));
+	const totals = Array.from({ length: n }, (_, i) => data.reduce((sum, s) => sum + (isNum(s[i]) ? Math.max(0, s[i]) : 0), 0));
+	const lower = data.map(() => Array(n).fill(null));
+	const upper = data.map(() => Array(n).fill(null));
+	for (let i = 0; i < n; i++) {
+		let acc = 0;
+		const total = totals[i] ?? 0;
+		data.forEach((s, k) => {
+			const raw = s[i];
+			const v = isNum(raw) ? Math.max(0, raw) : 0;
+			const scaled = normalize ? total === 0 ? 0 : v / total : v;
+			lower[k][i] = isNum(raw) ? acc : null;
+			acc += scaled;
+			upper[k][i] = isNum(raw) ? acc : null;
+		});
+	}
+	return {
+		lower,
+		upper,
+		totals
+	};
+}
+/** Metnin yaklaşık genişliği (sunucuda ölçülemediği için yerleşimde kullanılır). */
+const textWidth = (text, px = 12) => text.length * px * .6;
+export { bandIndexAt, bandScale, clamp, extentOf, isNum, linear, niceScale, niceStep, r2, stackSeries, textWidth };

package/dist/charts/_internal/shapes.d.ts

@@ -0,0 +1 @@
+export type Curve = "linear" | "monotone" | "step";

package/dist/charts/_internal/shapes.js

@@ -0,0 +1,127 @@
+import { r2 } from "./math.js";
+// src/charts/_internal/shapes.ts
+/** Çizgi, alan, yay ve işaret biçimlerinin SVG yol (`d`) üreticileri. Dışa açılmaz. */
+/** Fritsch–Carlson tekdüze kübik eğri teğetleri. */
+function monotoneTangents(pts) {
+	const n = pts.length;
+	const m = [];
+	for (let i = 0; i < n - 1; i++) {
+		const a = pts[i];
+		const b = pts[i + 1];
+		m.push(b.x === a.x ? 0 : (b.y - a.y) / (b.x - a.x));
+	}
+	const t = [m[0] ?? 0];
+	for (let i = 1; i < n - 1; i++) {
+		const m0 = m[i - 1];
+		const m1 = m[i];
+		t.push(m0 * m1 <= 0 ? 0 : (m0 + m1) / 2);
+	}
+	t.push(m[n - 2] ?? 0);
+	for (let i = 0; i < n - 1; i++) {
+		const mi = m[i];
+		if (mi === 0) {
+			t[i] = 0;
+			t[i + 1] = 0;
+			continue;
+		}
+		const a = t[i] / mi;
+		const b = t[i + 1] / mi;
+		const s = a * a + b * b;
+		if (s > 9) {
+			const k = 3 / Math.sqrt(s);
+			t[i] = k * a * mi;
+			t[i + 1] = k * b * mi;
+		}
+	}
+	return t;
+}
+/** Aralıksız noktaların yolu; `move` false ise `M` yerine `L` ile başlar (alan birleştirme). */
+function run(pts, curve, move) {
+	const first = pts[0];
+	if (!first) return "";
+	let d = `${move ? "M" : "L"}${r2(first.x)} ${r2(first.y)}`;
+	if (pts.length === 1) return d;
+	if (curve === "monotone" && pts.length > 2) {
+		const t = monotoneTangents(pts);
+		for (let i = 0; i < pts.length - 1; i++) {
+			const a = pts[i];
+			const b = pts[i + 1];
+			const w = (b.x - a.x) / 3;
+			const ya = a.y + w * t[i];
+			const yb = b.y - w * t[i + 1];
+			d += `C${r2(a.x + w)} ${r2(ya)} ${r2(b.x - w)} ${r2(yb)} ${r2(b.x)} ${r2(b.y)}`;
+		}
+		return d;
+	}
+	for (let i = 1; i < pts.length; i++) {
+		const p = pts[i];
+		const prev = pts[i - 1];
+		if (curve === "step") {
+			const mid = r2((prev.x + p.x) / 2);
+			d += `L${mid} ${r2(prev.y)}L${mid} ${r2(p.y)}`;
+		}
+		d += `L${r2(p.x)} ${r2(p.y)}`;
+	}
+	return d;
+}
+/** Boş (`null`) noktalarda kesilen çizgi yolu. */
+function linePath(points, curve = "linear") {
+	let d = "";
+	let seg = [];
+	const flush = () => {
+		if (seg.length) d += run(seg, curve, true);
+		seg = [];
+	};
+	for (const p of points) if (p) seg.push(p);
+	else flush();
+	flush();
+	return d;
+}
+/**
+* Alan yolu: üst çizgi ile alt çizgi (ya da düz taban) arası; boş noktalarda parçalara bölünür.
+* Alt çizgi ters yönde, aynı eğriyle geri döner.
+*/
+function areaPath(top, bottom, curve = "linear") {
+	const segs = [];
+	let cur = null;
+	top.forEach((p, i) => {
+		const b = typeof bottom === "number" ? p ? {
+			x: p.x,
+			y: bottom
+		} : null : bottom[i] ?? null;
+		if (p && b) {
+			if (!cur) {
+				cur = {
+					top: [],
+					bot: []
+				};
+				segs.push(cur);
+			}
+			cur.top.push(p);
+			cur.bot.push(b);
+		} else cur = null;
+	});
+	return segs.map((s) => `${run(s.top, curve, true)}${run([...s.bot].reverse(), curve, false)}Z`).join("");
+}
+/**
+* Seri işareti biçimleri: daire, kare, baklava, üçgen, ters üçgen, artı. Seri yalnız renkle değil
+* biçimle de ayırt edilir (WCAG 1.4.1). `i` serinin sırası; altıdan sonra başa döner.
+*/
+function markerPath(i, cx, cy, r) {
+	const x = r2(cx);
+	const y = r2(cy);
+	const c = (n) => r2(n);
+	switch ((i % 6 + 6) % 6) {
+		case 0: return `M${c(cx - r)} ${y}a${r} ${r} 0 1 0 ${r * 2} 0a${r} ${r} 0 1 0 ${-r * 2} 0Z`;
+		case 1: return `M${c(cx - r)} ${c(cy - r)}h${r * 2}v${r * 2}h${-r * 2}Z`;
+		case 2: return `M${x} ${c(cy - r * 1.3)}L${c(cx + r * 1.3)} ${y}L${x} ${c(cy + r * 1.3)}L${c(cx - r * 1.3)} ${y}Z`;
+		case 3: return `M${x} ${c(cy - r * 1.2)}L${c(cx + r * 1.15)} ${c(cy + r)}L${c(cx - r * 1.15)} ${c(cy + r)}Z`;
+		case 4: return `M${x} ${c(cy + r * 1.2)}L${c(cx + r * 1.15)} ${c(cy - r)}L${c(cx - r * 1.15)} ${c(cy - r)}Z`;
+		default: {
+			const k = c(r * .42);
+			const e = c(r);
+			return `M${c(cx - k)} ${c(cy - e)}h${k * 2}v${c(e - k)}h${c(e - k)}v${k * 2}h${c(k - e)}v${c(e - k)}h${-k * 2}v${c(k - e)}h${c(k - e)}v${-k * 2}h${c(e - k)}Z`;
+		}
+	}
+}
+export { areaPath, linePath, markerPath };

package/dist/charts/index.d.ts

@@ -0,0 +1,20 @@
+import { ChartLegend, ChartLegendItem, ChartLegendProps } from "./ChartLegend/ChartLegend.js";
+import { ChartTooltip, ChartTooltipItem, ChartTooltipProps } from "./ChartTooltip/ChartTooltip.js";
+import { ChartValueFormat } from "./_internal/format.js";
+import { ChartTable, ChartTableColumn, ChartTableProps, ChartTableRow } from "./ChartTable/ChartTable.js";
+import { ChartSeries } from "./_internal/category.js";
+import { AreaChart, AreaChartProps } from "./AreaChart/AreaChart.js";
+import "./AreaChart/index.js";
+import { BarSeries } from "./_internal/Bars.js";
+import { BarChart, BarChartProps } from "./BarChart/BarChart.js";
+import "./BarChart/index.js";
+import "./ChartLegend/index.js";
+import "./ChartTable/index.js";
+import "./ChartTooltip/index.js";
+import { ComboChart, ComboChartProps } from "./ComboChart/ComboChart.js";
+import "./ComboChart/index.js";
+import { LineChart, LineChartProps } from "./LineChart/LineChart.js";
+import "./LineChart/index.js";
+import { StackedBarChart, StackedBarChartProps } from "./StackedBarChart/StackedBarChart.js";
+import "./StackedBarChart/index.js";
+export { AreaChart, AreaChartProps, BarChart, BarChartProps, ChartLegend, ChartLegendItem, ChartLegendProps, type ChartSeries, ChartTable, ChartTableColumn, ChartTableProps, ChartTableRow, ChartTooltip, ChartTooltipItem, ChartTooltipProps, type ChartValueFormat, ComboChart, ComboChartProps, type BarSeries as ComboSeries, LineChart, LineChartProps, StackedBarChart, StackedBarChartProps };

package/dist/charts/index.js

@@ -0,0 +1,9 @@
+import { ChartLegend } from "./ChartLegend/ChartLegend.js";
+import { ChartTable } from "./ChartTable/ChartTable.js";
+import { ChartTooltip } from "./ChartTooltip/ChartTooltip.js";
+import { AreaChart } from "./AreaChart/AreaChart.js";
+import { BarChart } from "./BarChart/BarChart.js";
+import { ComboChart } from "./ComboChart/ComboChart.js";
+import { LineChart } from "./LineChart/LineChart.js";
+import { StackedBarChart } from "./StackedBarChart/StackedBarChart.js";
+export { AreaChart, BarChart, ChartLegend, ChartTable, ChartTooltip, ComboChart, LineChart, StackedBarChart };