@stisocial/ui 0.2.1 → 0.3.0

package/dist/charts/WaterfallChart/WaterfallChart.d.ts

@@ -0,0 +1,33 @@
+import { ChartValueFormat } from "../_internal/format.js";
+import { ReactNode, Ref } from "react";
+export interface WaterfallStep {
+  id: string;
+  label: string;
+  /** Değişim (`delta`) ya da o noktaya kadarki toplam (`total`). */
+  value: number;
+  /** `total`: sıfırdan başlayan ara ya da son toplam çubuğu. Varsayılan `delta`. */
+  type?: "delta" | "total";
+}
+export interface WaterfallChartProps {
+  label: string;
+  title?: ReactNode;
+  description?: ReactNode;
+  /** Başlangıç (`total`), değişimler ve isteğe bağlı ara/son toplamlar. */
+  steps: readonly WaterfallStep[];
+  valueFormat?: ChartValueFormat;
+  /** Çubukların üstüne değişimi yazar (yer varsa). */
+  showValues?: boolean;
+  showLegend?: boolean;
+  tableToggle?: boolean;
+  isLoading?: boolean;
+  height?: number;
+  className?: string;
+  id?: string;
+  ref?: Ref<HTMLElement>;
+}
+/**
+ * Şelale grafiği: bir başlangıç değerinden sona, artış ve azalışların katkısı (aylık gelir
+ * köprüsü, bütçe sapması). Değişim çubukları önceki birikimden başlar; toplam çubukları sıfırdan.
+ * Çubuklar arası ince çizgi birikimi taşır. İpucu ve tablo değişimi ve birikimi yazar.
+ */
+export declare function WaterfallChart({ label, title, description, steps, valueFormat, showValues, showLegend, tableToggle, isLoading, height, className, id, ref }: WaterfallChartProps): import("react").JSX.Element;

package/dist/charts/WaterfallChart/WaterfallChart.js

@@ -0,0 +1,188 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { isNum, r2 } from "../_internal/math.js";
+import marks_module_default from "../_internal/marks/marks.module.js";
+import { AxisLine, BarMark, XLabels, YTicks } from "../_internal/marks/marks.js";
+import { ChartLegend } from "../ChartLegend/ChartLegend.js";
+import { useValueFormat } from "../_internal/format.js";
+import { cartesianLayout, categoryHit, categoryNav } from "../_internal/category.js";
+import { ChartFrame } from "../_internal/frame/ChartFrame.js";
+import WaterfallChart_module_default from "./WaterfallChart.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/charts/WaterfallChart/WaterfallChart.tsx
+/** Renk sırası: toplam mavi, artış yeşil, azalış kırmızı (biçim: konum ve işaret de anlatır). */
+const C = {
+	total: 0,
+	up: 2,
+	down: 3
+};
+/**
+* Şelale grafiği: bir başlangıç değerinden sona, artış ve azalışların katkısı (aylık gelir
+* köprüsü, bütçe sapması). Değişim çubukları önceki birikimden başlar; toplam çubukları sıfırdan.
+* Çubuklar arası ince çizgi birikimi taşır. İpucu ve tablo değişimi ve birikimi yazar.
+*/
+function WaterfallChart({ label, title, description, steps, valueFormat, showValues = true, showLegend = true, tableToggle = false, isLoading = false, height = 300, className, id, ref }) {
+	const t = useMessages();
+	const fmt = useValueFormat(valueFormat);
+	const signed = (v) => v > 0 ? `+${fmt(v)}` : v < 0 ? `−${fmt(Math.abs(v))}` : fmt(0);
+	let run = 0;
+	const bars = steps.filter((s) => isNum(s.value)).map((s) => {
+		const total = s.type === "total";
+		const from = total ? 0 : run;
+		const to = total ? s.value : run + s.value;
+		const change = total ? s.value - run : s.value;
+		run = to;
+		return {
+			s,
+			from,
+			to,
+			total,
+			change,
+			c: total ? C.total : s.value >= 0 ? C.up : C.down
+		};
+	});
+	const categories = bars.map((b) => b.s.label);
+	const lo = Math.min(0, ...bars.map((b) => Math.min(b.from, b.to)));
+	const hi = Math.max(0, ...bars.map((b) => Math.max(b.from, b.to)));
+	const layout = (ctx) => cartesianLayout({
+		width: ctx.width,
+		height: ctx.height,
+		compact: ctx.compact,
+		categories,
+		domain: [lo, hi],
+		format: fmt,
+		inner: .28,
+		top: showValues ? 22 : 8
+	});
+	const rowsAt = (k) => {
+		const b = bars[k];
+		if (!b) return [];
+		return b.total ? [{
+			label: t.chartTotal,
+			value: fmt(b.to),
+			series: C.total
+		}] : [{
+			label: b.s.value >= 0 ? t.chartWaterfallIncrease : t.chartWaterfallDecrease,
+			value: signed(b.s.value),
+			series: b.c
+		}, {
+			label: t.chartWaterfallCumulative,
+			value: fmt(b.to)
+		}];
+	};
+	const data = (ctx) => {
+		const l = layout(ctx);
+		return bars.map((b, k) => ({
+			id: `c${k}`,
+			x: l.band.center(k),
+			y: l.y(Math.max(b.from, b.to)),
+			title: b.s.label,
+			rows: rowsAt(k),
+			announce: `${b.s.label}: ${rowsAt(k).map((r) => `${r.label} ${r.value}`).join(", ")}`
+		}));
+	};
+	const legend = showLegend ? /* @__PURE__ */ jsx(ChartLegend, { items: [
+		{
+			id: "up",
+			label: t.chartWaterfallIncrease,
+			series: C.up
+		},
+		{
+			id: "down",
+			label: t.chartWaterfallDecrease,
+			series: C.down
+		},
+		{
+			id: "total",
+			label: t.chartTotal,
+			series: C.total
+		}
+	] }) : null;
+	return /* @__PURE__ */ jsx(ChartFrame, {
+		ref,
+		id,
+		className: [WaterfallChart_module_default.root, className].filter(Boolean).join(" "),
+		label,
+		title,
+		description,
+		summary: template(t.chartSummaryPoints, { count: bars.length }),
+		height,
+		data,
+		nav: categoryNav(bars.length),
+		hit: (x, y, ctx) => categoryHit(layout(ctx), bars.length)(x, y),
+		legend,
+		table: {
+			rowHeaderLabel: t.chartCategory,
+			columns: [{
+				id: "change",
+				label: t.chartChange
+			}, {
+				id: "cum",
+				label: t.chartWaterfallCumulative
+			}],
+			rows: bars.map((b, k) => ({
+				id: `c${k}`,
+				header: b.s.label,
+				cells: [b.total ? null : signed(b.s.value), fmt(b.to)]
+			}))
+		},
+		tableToggle,
+		isEmpty: bars.length === 0,
+		isLoading,
+		children: (ctx) => {
+			const l = layout(ctx);
+			const active = ctx.activeId ? Number(ctx.activeId.slice(1)) : -1;
+			const fits = showValues && l.band.width >= 34;
+			return /* @__PURE__ */ jsxs("g", { children: [
+				/* @__PURE__ */ jsx(YTicks, {
+					ticks: l.ticks,
+					y: l.y,
+					left: l.left,
+					right: l.left + l.plotW,
+					format: fmt
+				}),
+				/* @__PURE__ */ jsx(AxisLine, {
+					x1: l.left,
+					y1: l.y(0),
+					x2: l.left + l.plotW,
+					y2: l.y(0)
+				}),
+				bars.map((b, k) => {
+					const x = l.band.start(k);
+					const top = l.y(Math.max(b.from, b.to));
+					const bottom = l.y(Math.min(b.from, b.to));
+					const next = bars[k + 1];
+					return /* @__PURE__ */ jsxs("g", { children: [
+						/* @__PURE__ */ jsx(BarMark, {
+							s: b.c,
+							x,
+							y: top,
+							width: l.band.width,
+							height: Math.max(1, bottom - top),
+							dim: active >= 0 && k !== active
+						}),
+						next ? /* @__PURE__ */ jsx("line", {
+							className: `${marks_module_default.guide} ${WaterfallChart_module_default.connector}`,
+							x1: r2(x + l.band.width),
+							x2: r2(l.band.start(k + 1)),
+							y1: r2(l.y(b.to)),
+							y2: r2(l.y(b.to))
+						}) : null,
+						fits ? /* @__PURE__ */ jsx("text", {
+							className: WaterfallChart_module_default.value,
+							x: r2(l.band.center(k)),
+							y: r2(top - 7),
+							children: b.total ? fmt(b.to) : signed(b.s.value)
+						}) : null
+					] }, b.s.id);
+				}),
+				/* @__PURE__ */ jsx(XLabels, {
+					labels: l.xLabels,
+					y: l.top + l.plotH + 8
+				})
+			] });
+		}
+	});
+}
+export { WaterfallChart };

package/dist/charts/WaterfallChart/WaterfallChart.module.js

@@ -0,0 +1,8 @@
+import './WaterfallChart.css';
+// src/charts/WaterfallChart/WaterfallChart.module.css
+var WaterfallChart_module_default = {
+	"root": "sti-WaterfallChart-root-72c9a",
+	"connector": "sti-WaterfallChart-connector-73be5",
+	"value": "sti-WaterfallChart-value-396c7"
+};
+export { WaterfallChart_module_default as default };

package/dist/charts/WaterfallChart/index.d.ts

@@ -0,0 +1,2 @@
+import { WaterfallChart, WaterfallChartProps, WaterfallStep } from "./WaterfallChart.js";
+export { WaterfallChart, WaterfallChartProps, WaterfallStep };

package/dist/charts/_internal/ScaleLegend.css

@@ -0,0 +1,52 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ScaleLegend-root-0b166 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-variant-numeric: tabular-nums;
+    align-items: center;
+    gap: 3px;
+    display: inline-flex;
+  }
+
+  .sti-ScaleLegend-end-335d2 {
+    padding-inline: var(--sti-space-1);
+  }
+
+  .sti-ScaleLegend-swatch-14c9d {
+    background: var(--sti-heat);
+    border-radius: 3px;
+    block-size: 12px;
+    inline-size: 12px;
+  }
+
+  .sti-ScaleLegend-heat-3201e[data-level] {
+    --sti-heat: var(--sti-bg-surface-hover);
+  }
+
+  .sti-ScaleLegend-heat-3201e[data-level="1"] {
+    --sti-heat: color-mix(in oklab, var(--sti-fill-accent) 18%, var(--sti-bg-surface));
+  }
+
+  .sti-ScaleLegend-heat-3201e[data-level="2"] {
+    --sti-heat: color-mix(in oklab, var(--sti-fill-accent) 38%, var(--sti-bg-surface));
+  }
+
+  .sti-ScaleLegend-heat-3201e[data-level="3"] {
+    --sti-heat: color-mix(in oklab, var(--sti-fill-accent) 62%, var(--sti-bg-surface));
+  }
+
+  .sti-ScaleLegend-heat-3201e[data-level="4"] {
+    --sti-heat: var(--sti-fill-accent);
+  }
+
+  .sti-ScaleLegend-heat-3201e[data-level="5"] {
+    --sti-heat: var(--sti-fg-accent);
+  }
+
+  @media (forced-colors: active) {
+    .sti-ScaleLegend-swatch-14c9d {
+      border: 1px solid canvastext;
+    }
+  }
+}

package/dist/charts/_internal/ScaleLegend.js

@@ -0,0 +1,36 @@
+import ScaleLegend_module_default from "./ScaleLegend.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/charts/_internal/ScaleLegend.tsx
+/**
+* Beş basamaklı renk ölçeğinin göstergesi: "Az ■■■■■ Çok" ya da en küçük ve en büyük değer.
+* Görseldir; değerler ipucunda ve tablo görünümünde metin olarak vardır.
+*/
+function ScaleLegend({ low, high }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ScaleLegend_module_default.root,
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: ScaleLegend_module_default.end,
+				children: low
+			}),
+			[
+				1,
+				2,
+				3,
+				4,
+				5
+			].map((l) => /* @__PURE__ */ jsx("span", {
+				className: `${ScaleLegend_module_default.swatch} ${ScaleLegend_module_default.heat}`,
+				"data-level": l
+			}, l)),
+			/* @__PURE__ */ jsx("span", {
+				className: ScaleLegend_module_default.end,
+				children: high
+			})
+		]
+	});
+}
+/** Isı hücresi sınıfı: `data-level` (1–5) ile birlikte `--sti-heat` rengini verir. */
+const heatClass = ScaleLegend_module_default.heat;
+export { ScaleLegend, heatClass };

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

@@ -0,0 +1,9 @@
+import './ScaleLegend.css';
+// src/charts/_internal/ScaleLegend.module.css
+var ScaleLegend_module_default = {
+	"root": "sti-ScaleLegend-root-0b166",
+	"end": "sti-ScaleLegend-end-335d2",
+	"swatch": "sti-ScaleLegend-swatch-14c9d",
+	"heat": "sti-ScaleLegend-heat-3201e"
+};
+export { ScaleLegend_module_default as default };

package/dist/charts/_internal/frame/ChartFrame.js

@@ -111,7 +111,7 @@ function ChartFrame(props) {
 		"data-view": showTable ? "table" : "chart",
 		"aria-busy": isLoading ? true : void 0,
 		children: [
-			title || description || table && tableToggle ? /* @__PURE__ */ jsxs("header", {
+			title || description || table && tableToggle ? /* @__PURE__ */ jsxs("div", {
 				className: ChartFrame_module_default.header,
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: ChartFrame_module_default.heading,

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

@@ -0,0 +1,10 @@
+import "./frame/ChartFrame.js";
+export type ChartTone = "accent" | "success" | "warning" | "danger" | "neutral";
+/** Tek değerli öğe: dilim, kutu, aşama. */
+export interface ChartDatum {
+  id: string;
+  label: string;
+  value: number;
+  /** Anlam rengi; verilmezse sıradan renk. Renk tek başına anlam taşımaz (ad ve değer yazılıdır). */
+  tone?: ChartTone;
+}

package/dist/charts/_internal/items.js

@@ -0,0 +1,71 @@
+import { clamp } from "./math.js";
+// src/charts/_internal/items.ts
+const TONE = {
+	accent: 0,
+	warning: 1,
+	success: 2,
+	danger: 3,
+	neutral: 7
+};
+/** Öğenin renk sırası (0–7). */
+const toneIndex = (tone, i) => tone ? TONE[tone] : (i % 8 + 8) % 8;
+/** `i{n}` kimlikleri arasında doğrusal gezinme (oklar önceki/sonraki, Home/End). */
+function linearNav(n, prefix = "i") {
+	return (activeId, key) => {
+		if (n === 0) return null;
+		const i = activeId ? Number(activeId.slice(prefix.length)) : -1;
+		switch (key) {
+			case "left":
+			case "up": return `${prefix}${clamp(i < 0 ? 0 : i - 1, 0, n - 1)}`;
+			case "right":
+			case "down": return `${prefix}${clamp(i + 1, 0, n - 1)}`;
+			case "home": return `${prefix}0`;
+			case "end": return `${prefix}${n - 1}`;
+		}
+	};
+}
+/** `r{satır}c{sütun}` hücreleri arasında ızgara gezinmesi; `isCell` boş hücreleri atlatmaz. */
+function gridNav(rows, cols) {
+	const parse = (id) => {
+		const m = id ? /^r(\d+)c(\d+)$/.exec(id) : null;
+		return m ? {
+			r: Number(m[1]),
+			c: Number(m[2])
+		} : null;
+	};
+	return (activeId, key) => {
+		if (rows === 0 || cols === 0) return null;
+		let { r, c } = parse(activeId) ?? {
+			r: 0,
+			c: -1
+		};
+		switch (key) {
+			case "left":
+				c = c < 0 ? 0 : c - 1;
+				break;
+			case "right":
+				c += 1;
+				break;
+			case "up":
+				r -= 1;
+				c = Math.max(c, 0);
+				break;
+			case "down":
+				r += 1;
+				c = Math.max(c, 0);
+				break;
+			case "home":
+				c = 0;
+				break;
+			case "end": c = cols - 1;
+		}
+		return `r${clamp(r, 0, rows - 1)}c${clamp(c, 0, cols - 1)}`;
+	};
+}
+/** Beş basamaklı ölçek: değerin aralıktaki yeri (1–5); boş değer `undefined`. */
+function step5(v, min, max) {
+	if (v === null || v === void 0 || !Number.isFinite(v)) return void 0;
+	if (max <= min) return 3;
+	return clamp(Math.ceil((v - min) / (max - min) * 5), 1, 5);
+}
+export { gridNav, linearNav, step5, toneIndex };

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

@@ -23,6 +23,15 @@ function AreaMark({ d, s, dim }) {
 		d
 	});
 }
+function SliceMark({ d, s, dim }) {
+	return /* @__PURE__ */ jsx("path", {
+		className: marks_module_default.mark,
+		"data-kind": "slice",
+		"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,
@@ -189,4 +198,4 @@ function ValueLabel({ x, y, text, anchor = "middle" }) {
 		children: text
 	});
 }
-export { AreaMark, AxisLine, BarMark, CategoryLabels, Guide, LineMark, Marker, SeriesArea, SeriesPath, Swatch, ValueLabel, XLabels, XTicks, YTicks, seriesIndex };
+export { AreaMark, AxisLine, BarMark, CategoryLabels, Guide, LineMark, Marker, SeriesArea, SeriesPath, SliceMark, Swatch, ValueLabel, XLabels, XTicks, YTicks, seriesIndex };

package/dist/charts/_internal/shapes.js

@@ -103,6 +103,31 @@ function areaPath(top, bottom, curve = "linear") {
 	});
 	return segs.map((s) => `${run(s.top, curve, true)}${run([...s.bot].reverse(), curve, false)}Z`).join("");
 }
+/** 12 yönünden saat yönünde `a` radyanda `r` yarıçaplı nokta. */
+function polar(cx, cy, r, a) {
+	return {
+		x: cx + r * Math.sin(a),
+		y: cy - r * Math.cos(a)
+	};
+}
+/** Halka dilimi (iç yarıçap 0 ise pasta). Açılar 12 yönünden saat yönünde radyan. */
+function arcPath(cx, cy, r0, r1, a0, a1) {
+	const sweep = a1 - a0;
+	if (sweep >= Math.PI * 2 - 1e-6) {
+		const ring = (r, dir) => `M${r2(cx)} ${r2(cy - r)}A${r2(r)} ${r2(r)} 0 1 ${dir} ${r2(cx)} ${r2(cy + r)}A${r2(r)} ${r2(r)} 0 1 ${dir} ${r2(cx)} ${r2(cy - r)}Z`;
+		return r0 > 0 ? ring(r1, 1) + ring(r0, 0) : ring(r1, 1);
+	}
+	const large = sweep > Math.PI ? 1 : 0;
+	const p0 = polar(cx, cy, r1, a0);
+	const p1 = polar(cx, cy, r1, a1);
+	let d = `M${r2(p0.x)} ${r2(p0.y)}A${r2(r1)} ${r2(r1)} 0 ${large} 1 ${r2(p1.x)} ${r2(p1.y)}`;
+	if (r0 > 0) {
+		const q1 = polar(cx, cy, r0, a1);
+		const q0 = polar(cx, cy, r0, a0);
+		d += `L${r2(q1.x)} ${r2(q1.y)}A${r2(r0)} ${r2(r0)} 0 ${large} 0 ${r2(q0.x)} ${r2(q0.y)}Z`;
+	} else d += `L${r2(cx)} ${r2(cy)}Z`;
+	return d;
+}
 /**
 * 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.
@@ -124,4 +149,4 @@ function markerPath(i, cx, cy, r) {
 		}
 	}
 }
-export { areaPath, linePath, markerPath };
+export { arcPath, areaPath, linePath, markerPath, polar };

package/dist/charts/index.d.ts

@@ -3,18 +3,47 @@ import { ChartTooltip, ChartTooltipItem, ChartTooltipProps } from "./ChartToolti
 import { ChartValueFormat } from "./_internal/format.js";
 import { ChartTable, ChartTableColumn, ChartTableProps, ChartTableRow } from "./ChartTable/ChartTable.js";
 import { ChartSeries } from "./_internal/category.js";
+import { ChartDatum, ChartTone } from "./_internal/items.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 { BulletChart, BulletChartProps, BulletItem } from "./BulletChart/BulletChart.js";
+import "./BulletChart/index.js";
+import { CalendarHeatmap, CalendarHeatmapDatum, CalendarHeatmapProps } from "./CalendarHeatmap/CalendarHeatmap.js";
+import "./CalendarHeatmap/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 { DonutChart, DonutChartProps } from "./DonutChart/DonutChart.js";
+import "./DonutChart/index.js";
+import { FunnelChart, FunnelChartProps } from "./FunnelChart/FunnelChart.js";
+import "./FunnelChart/index.js";
+import { Gauge, GaugeBand, GaugeProps } from "./Gauge/Gauge.js";
+import "./Gauge/index.js";
+import { GeoChart, GeoChartProps } from "./GeoChart/GeoChart.js";
+import "./GeoChart/index.js";
+import { Heatmap, HeatmapProps } from "./Heatmap/Heatmap.js";
+import "./Heatmap/index.js";
 import { LineChart, LineChartProps } from "./LineChart/LineChart.js";
 import "./LineChart/index.js";
+import { RadarChart, RadarChartProps } from "./RadarChart/RadarChart.js";
+import "./RadarChart/index.js";
+import { SankeyChart, SankeyChartProps, SankeyLink, SankeyNode } from "./SankeyChart/SankeyChart.js";
+import { PlacedLink, PlacedNode, SankeyLinkInput, SankeyNodeInput, linkPath, linkTopAt, sankeyLayout } from "./SankeyChart/sankeyLayout.js";
+import "./SankeyChart/index.js";
+import { ScatterChart, ScatterChartProps, ScatterPoint, ScatterSeries } from "./ScatterChart/ScatterChart.js";
+import "./ScatterChart/index.js";
+import { Sparkline, SparklineProps } from "./Sparkline/Sparkline.js";
+import "./Sparkline/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 };
+import { Rect, squarify } from "./Treemap/squarify.js";
+import { Treemap, TreemapProps } from "./Treemap/Treemap.js";
+import "./Treemap/index.js";
+import { WaterfallChart, WaterfallChartProps, WaterfallStep } from "./WaterfallChart/WaterfallChart.js";
+import "./WaterfallChart/index.js";
+export { AreaChart, AreaChartProps, BarChart, BarChartProps, BulletChart, BulletChartProps, BulletItem, CalendarHeatmap, CalendarHeatmapDatum, CalendarHeatmapProps, type ChartDatum, ChartLegend, ChartLegendItem, ChartLegendProps, type ChartSeries, ChartTable, ChartTableColumn, ChartTableProps, ChartTableRow, type ChartTone, ChartTooltip, ChartTooltipItem, ChartTooltipProps, type ChartValueFormat, ComboChart, ComboChartProps, type BarSeries as ComboSeries, DonutChart, DonutChartProps, FunnelChart, FunnelChartProps, Gauge, GaugeBand, GaugeProps, GeoChart, GeoChartProps, Heatmap, HeatmapProps, LineChart, LineChartProps, PlacedLink, PlacedNode, RadarChart, RadarChartProps, Rect, SankeyChart, SankeyChartProps, SankeyLink, SankeyLinkInput, SankeyNode, SankeyNodeInput, ScatterChart, ScatterChartProps, ScatterPoint, ScatterSeries, Sparkline, SparklineProps, StackedBarChart, StackedBarChartProps, Treemap, TreemapProps, WaterfallChart, WaterfallChartProps, WaterfallStep, linkPath, linkTopAt, sankeyLayout, squarify };

package/dist/charts/index.js

@@ -3,7 +3,22 @@ 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 { BulletChart } from "./BulletChart/BulletChart.js";
+import { CalendarHeatmap } from "./CalendarHeatmap/CalendarHeatmap.js";
 import { ComboChart } from "./ComboChart/ComboChart.js";
+import { DonutChart } from "./DonutChart/DonutChart.js";
+import { FunnelChart } from "./FunnelChart/FunnelChart.js";
+import { Gauge } from "./Gauge/Gauge.js";
+import { GeoChart } from "./GeoChart/GeoChart.js";
+import { Heatmap } from "./Heatmap/Heatmap.js";
 import { LineChart } from "./LineChart/LineChart.js";
+import { RadarChart } from "./RadarChart/RadarChart.js";
+import { linkPath, linkTopAt, sankeyLayout } from "./SankeyChart/sankeyLayout.js";
+import { SankeyChart } from "./SankeyChart/SankeyChart.js";
+import { ScatterChart } from "./ScatterChart/ScatterChart.js";
+import { Sparkline } from "./Sparkline/Sparkline.js";
 import { StackedBarChart } from "./StackedBarChart/StackedBarChart.js";
-export { AreaChart, BarChart, ChartLegend, ChartTable, ChartTooltip, ComboChart, LineChart, StackedBarChart };
+import { squarify } from "./Treemap/squarify.js";
+import { Treemap } from "./Treemap/Treemap.js";
+import { WaterfallChart } from "./WaterfallChart/WaterfallChart.js";
+export { AreaChart, BarChart, BulletChart, CalendarHeatmap, ChartLegend, ChartTable, ChartTooltip, ComboChart, DonutChart, FunnelChart, Gauge, GeoChart, Heatmap, LineChart, RadarChart, SankeyChart, ScatterChart, Sparkline, StackedBarChart, Treemap, WaterfallChart, linkPath, linkTopAt, sankeyLayout, squarify };

package/dist/commerce/AddToCartButton/AddToCartButton.js

@@ -1,9 +1,9 @@
 "use client";
 import { useMessages } from "../../provider/UIProvider.js";
-import { CheckIcon } from "../../icons/generated/CheckIcon.js";
-import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
 import { Button } from "../../components/Button/Button.js";
+import { CheckIcon } from "../../icons/generated/CheckIcon.js";
+import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { ShoppingBagIcon } from "../../icons/generated/ShoppingBagIcon.js";
 import AddToCartButton_module_default from "./AddToCartButton.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/commerce/BillingTypeToggle/BillingTypeToggle.css

@@ -0,0 +1,22 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-BillingTypeToggle-root-f3327 {
+    gap: var(--sti-space-5);
+    display: grid;
+  }
+
+  .sti-BillingTypeToggle-fields-f58b2 {
+    gap: var(--sti-space-4);
+    display: grid;
+  }
+
+  @media (width >= 36rem) {
+    .sti-BillingTypeToggle-fields-f58b2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .sti-BillingTypeToggle-wide-accd9 {
+      grid-column: 1 / -1;
+    }
+  }
+}

package/dist/commerce/BillingTypeToggle/BillingTypeToggle.d.ts

@@ -0,0 +1,30 @@
+export type BillingType = "individual" | "corporate";
+export interface BillingInfo {
+  type: BillingType;
+  /** Bireysel: T.C. kimlik numarası (isteğe bağlı; e-arşiv sınırı aşılırsa istenir). */
+  nationalId?: string;
+  companyName?: string;
+  taxOffice?: string;
+  /** Vergi kimlik numarası (10 hane). */
+  taxNumber?: string;
+  /** e-Fatura mükellefi. */
+  eInvoice?: boolean;
+}
+export interface BillingTypeToggleProps {
+  value: BillingInfo;
+  onChange: (value: BillingInfo) => void;
+  /** Bireysel faturada T.C. kimlik numarası alanı. Varsayılan `false`. */
+  askNationalId?: boolean;
+  className?: string;
+  id?: string;
+}
+/** Vergi kimlik numarası denetimi (10 hane, GİB algoritması). */
+export declare function isValidTaxNumber(vkn: string): boolean;
+/** T.C. kimlik numarası denetimi (11 hane, ilk hane 0 değil, iki denetim hanesi). */
+export declare function isValidNationalId(tckn: string): boolean;
+/**
+ * Fatura türü: bireysel ya da kurumsal kart seçimi; kurumsalda şirket unvanı, vergi dairesi, vergi
+ * kimlik numarası (algoritma denetimli) ve e-Fatura mükellefiyeti; bireyselde isteğe bağlı T.C.
+ * kimlik numarası (algoritma denetimli). Alanlar yalnız rakam kabul eder.
+ */
+export declare function BillingTypeToggle({ value, onChange, askNationalId, className, id }: BillingTypeToggleProps): import("react").JSX.Element;