@stisocial/ui 0.2.0 → 0.3.0

package/dist/components/PivotTable/pivot.d.ts

@@ -0,0 +1,38 @@
+import { Locale } from "../../provider/locale.js";
+export type PivotRecord = Readonly<Record<string, string | number | null | undefined>>;
+export type PivotAggregate = "sum" | "count" | "average" | "min" | "max";
+/** Bir hücrenin biriktiricisi: ortalama için toplam ve sayı birlikte tutulur. */
+interface Acc {
+  sum: number;
+  count: number;
+  min: number;
+  max: number;
+}
+export declare function aggregateValue(acc: Acc | undefined, kind: PivotAggregate): number | null;
+export interface PivotRow {
+  /** Satırın grup değerleri (ilk düzey grubunda tek, alt satırda iki değer). */
+  path: string[];
+  /** Ara toplam satırı mı (iki satır alanında ilk düzey grubu). */
+  isGroup: boolean;
+  /** Sütun anahtarına göre değer; `null` boş hücre. */
+  cells: (number | null)[];
+  total: number | null;
+}
+export interface PivotResult {
+  columnKeys: string[];
+  rows: PivotRow[];
+  columnTotals: (number | null)[];
+  grandTotal: number | null;
+  /** Gövde hücrelerinin (toplamlar hariç) en küçük ve en büyük değeri (ısı tonu için). */
+  range: [number, number] | null;
+}
+/**
+ * Çapraz tablo hesabı. `rowFields` bir ya da iki alan (iki alanda ilk düzey ara toplamlıdır),
+ * `columnField` isteğe bağlı. Anahtarlar verideki ilk görünüş sırasındadır (aylar, aşamalar
+ * doğru dizilir) ya da `alphabetical`'da dile göre doğal sıradadır; boş grup "—" hep en sonda.
+ * `count` değer alanından bağımsız olarak kayıt sayar.
+ */
+export declare function pivot(data: readonly PivotRecord[], rowFields: readonly string[], columnField: string | undefined, valueField: string, kind: PivotAggregate, locale?: Locale, keyOrder?: "data" | "alphabetical"): PivotResult;
+/** Isı tonu basamağı (1–5); aralık yoksa ya da değer boşsa tonsuz. */
+export declare function heatLevel(v: number | null, range: [number, number] | null): number | undefined;
+export {};

package/dist/components/PivotTable/pivot.js

@@ -0,0 +1,122 @@
+// src/components/PivotTable/pivot.ts
+const empty = () => ({
+	sum: 0,
+	count: 0,
+	min: Infinity,
+	max: -Infinity
+});
+/** Boş değer (sayı olmayan) toplama girmez; ortalamayı ve sayıyı bozmaz. */
+function add(acc, v) {
+	if (v === null) return;
+	acc.sum += v;
+	acc.count += 1;
+	acc.min = Math.min(acc.min, v);
+	acc.max = Math.max(acc.max, v);
+}
+function aggregateValue(acc, kind) {
+	if (!acc || acc.count === 0) return kind === "count" ? 0 : null;
+	switch (kind) {
+		case "sum": return acc.sum;
+		case "count": return acc.count;
+		case "average": return acc.sum / acc.count;
+		case "min": return acc.min;
+		case "max": return acc.max;
+	}
+}
+const keyOf = (v) => v === null || v === void 0 || v === "" ? "—" : String(v);
+const toNumber = (v) => {
+	if (typeof v === "number") return Number.isFinite(v) ? v : null;
+	if (typeof v === "string" && v.trim() !== "" && Number.isFinite(Number(v))) return Number(v);
+	return null;
+};
+/**
+* Çapraz tablo hesabı. `rowFields` bir ya da iki alan (iki alanda ilk düzey ara toplamlıdır),
+* `columnField` isteğe bağlı. Anahtarlar verideki ilk görünüş sırasındadır (aylar, aşamalar
+* doğru dizilir) ya da `alphabetical`'da dile göre doğal sıradadır; boş grup "—" hep en sonda.
+* `count` değer alanından bağımsız olarak kayıt sayar.
+*/
+function pivot(data, rowFields, columnField, valueField, kind, locale = "tr-TR", keyOrder = "data") {
+	const collator = new Intl.Collator(locale, {
+		numeric: true,
+		sensitivity: "base"
+	});
+	const order = (a, b) => a === "—" ? b === "—" ? 0 : 1 : b === "—" ? -1 : keyOrder === "data" ? 0 : collator.compare(a, b);
+	const [f1, f2] = rowFields;
+	const cells = /* @__PURE__ */ new Map();
+	const bucket = (k) => {
+		let acc = cells.get(k);
+		if (!acc) {
+			acc = empty();
+			cells.set(k, acc);
+		}
+		return acc;
+	};
+	const columnSet = /* @__PURE__ */ new Set();
+	const groups = /* @__PURE__ */ new Map();
+	const SEP = "\0";
+	for (const rec of data) {
+		const v = kind === "count" ? 1 : toNumber(rec[valueField]);
+		const r1 = f1 ? keyOf(rec[f1]) : "";
+		const r2 = f2 ? keyOf(rec[f2]) : void 0;
+		const c = columnField ? keyOf(rec[columnField]) : "";
+		columnSet.add(c);
+		if (!groups.has(r1)) groups.set(r1, /* @__PURE__ */ new Set());
+		if (r2 !== void 0) groups.get(r1)?.add(r2);
+		const rowKeys = r2 !== void 0 ? [r1, `${r1}${SEP}${r2}`] : [r1];
+		for (const rk of rowKeys) {
+			add(bucket(`${rk}${SEP}${SEP}${c}`), v);
+			add(bucket(`${rk}${SEP}${SEP}*`), v);
+		}
+		add(bucket(`*${SEP}${SEP}${c}`), v);
+		add(bucket(`*${SEP}${SEP}*`), v);
+	}
+	const columnKeys = columnField ? [...columnSet].sort(order) : [""];
+	const value = (rk, c) => aggregateValue(cells.get(`${rk}${SEP}${SEP}${c}`), kind);
+	const rows = [];
+	let lo = Infinity;
+	let hi = -Infinity;
+	const track = (vals) => {
+		for (const v of vals) {
+			if (v === null) continue;
+			lo = Math.min(lo, v);
+			hi = Math.max(hi, v);
+		}
+	};
+	for (const r1 of [...groups.keys()].sort(order)) {
+		const children = [...groups.get(r1) ?? []].sort(order);
+		const groupCells = columnKeys.map((c) => value(r1, c));
+		rows.push({
+			path: [r1],
+			isGroup: f2 !== void 0,
+			cells: groupCells,
+			total: value(r1, "*")
+		});
+		if (f2 === void 0) track(groupCells);
+		for (const r2 of children) {
+			const rk = `${r1}${SEP}${r2}`;
+			const childCells = columnKeys.map((c) => value(rk, c));
+			track(childCells);
+			rows.push({
+				path: [r1, r2],
+				isGroup: false,
+				cells: childCells,
+				total: value(rk, "*")
+			});
+		}
+	}
+	return {
+		columnKeys,
+		rows,
+		columnTotals: columnKeys.map((c) => value("*", c)),
+		grandTotal: value("*", "*"),
+		range: lo <= hi ? [lo, hi] : null
+	};
+}
+/** Isı tonu basamağı (1–5); aralık yoksa ya da değer boşsa tonsuz. */
+function heatLevel(v, range) {
+	if (v === null || !range) return void 0;
+	const [lo, hi] = range;
+	if (hi === lo) return 3;
+	return Math.min(5, Math.max(1, Math.ceil((v - lo) / (hi - lo) * 5) || 1));
+}
+export { aggregateValue, heatLevel, pivot };

package/dist/components/PricingTable/PricingTable.js

@@ -1,12 +1,12 @@
 "use client";
 import { useMessages } from "../../provider/UIProvider.js";
-import { CheckIcon } from "../../icons/generated/CheckIcon.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import { Button } from "../Button/Button.js";
+import { CheckIcon } from "../../icons/generated/CheckIcon.js";
 import { Amount } from "../Amount/Amount.js";
 import { Badge } from "../Badge/Badge.js";
-import { MinusIcon } from "../../icons/generated/MinusIcon.js";
 import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
+import { MinusIcon } from "../../icons/generated/MinusIcon.js";
 import PricingTable_module_default from "./PricingTable.module.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useId, useState } from "react";

package/dist/components/PromptDialog/PromptDialog.js

@@ -1,8 +1,8 @@
 "use client";
 import { useMessages } from "../../provider/UIProvider.js";
+import { Button } from "../Button/Button.js";
 import { TextField } from "../TextField/TextField.js";
 import { OverlayFrame } from "../_internal/overlay/OverlayFrame.js";
-import { Button } from "../Button/Button.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useId, useState } from "react";
 // src/components/PromptDialog/PromptDialog.tsx

package/dist/components/QrCode/QrCode.css

@@ -0,0 +1,50 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-QrCode-root-556db {
+    --sti-qr-size: 12rem;
+    box-sizing: border-box;
+    inline-size: var(--sti-qr-size);
+    block-size: var(--sti-qr-size);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-md);
+    --lightningcss-light: initial;
+    --lightningcss-dark: ;
+    color-scheme: light;
+    background: var(--sti-bg-canvas);
+    vertical-align: top;
+    flex: none;
+    place-items: center;
+    max-inline-size: 100%;
+    display: inline-grid;
+  }
+
+  .sti-QrCode-root-556db[data-size="sm"] {
+    --sti-qr-size: 8rem;
+  }
+
+  .sti-QrCode-root-556db[data-size="lg"] {
+    --sti-qr-size: 16rem;
+  }
+
+  .sti-QrCode-background-5e240 {
+    fill: var(--sti-bg-canvas);
+  }
+
+  .sti-QrCode-modules-fc64b {
+    fill: var(--sti-fg);
+  }
+
+  .sti-QrCode-error-ca0a6 {
+    padding: var(--sti-space-3);
+    color: var(--sti-fg-muted);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-font-size-xs);
+    text-align: center;
+  }
+
+  @media (forced-colors: active) {
+    .sti-QrCode-root-556db {
+      forced-color-adjust: none;
+    }
+  }
+}

package/dist/components/QrCode/QrCode.d.ts

@@ -0,0 +1,21 @@
+import { QrErrorCorrection } from "./qr.js";
+export interface QrCodeProps {
+  /** Kodlanacak metin (adres, `otpauth://` bağlantısı, Wi-Fi bilgisi); UTF-8 bayt kipinde. */
+  value: string;
+  /** Erişilebilir ad (zorunlu): "Kimlik doğrulama uygulaması için QR kodu". */
+  label: string;
+  /** Boy: `sm` 128, `md` 192 (varsayılan), `lg` 256 piksel. */
+  size?: "sm" | "md" | "lg";
+  /** Hata düzeltme düzeyi: `L` %7, `M` %15 (varsayılan), `Q` %25, `H` %30. */
+  errorCorrection?: QrErrorCorrection;
+  /** Sessiz bölge (modül cinsinden kenar boşluğu); standart en az 4. */
+  margin?: number;
+  className?: string;
+  id?: string;
+}
+/**
+ * QR kodu: metni okutulabilir bir QR kodu olarak SVG ile çizer (dış bağımlılık yok). Koyu temada da
+ * açık zeminli kalır (okuyucular koyu zemin üstünde açık modülleri her zaman okumaz). Veri sığmazsa
+ * açıklayıcı bir kutu çizilir.
+ */
+export declare function QrCode({ value, label, size, errorCorrection, margin, className, id }: QrCodeProps): import("react").JSX.Element;

package/dist/components/QrCode/QrCode.js

@@ -0,0 +1,55 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import QrCode_module_default from "./QrCode.module.js";
+import { encodeQrText, qrPath } from "./qr.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+// src/components/QrCode/QrCode.tsx
+/**
+* QR kodu: metni okutulabilir bir QR kodu olarak SVG ile çizer (dış bağımlılık yok). Koyu temada da
+* açık zeminli kalır (okuyucular koyu zemin üstünde açık modülleri her zaman okumaz). Veri sığmazsa
+* açıklayıcı bir kutu çizilir.
+*/
+function QrCode({ value, label, size = "md", errorCorrection = "M", margin = 4, className, id }) {
+	const t = useMessages();
+	const matrix = useMemo(() => {
+		try {
+			return encodeQrText(value, errorCorrection);
+		} catch {
+			return null;
+		}
+	}, [value, errorCorrection]);
+	const cls = [QrCode_module_default.root, className].filter(Boolean).join(" ");
+	if (!matrix) return /* @__PURE__ */ jsx("span", {
+		id,
+		className: cls,
+		"data-size": size,
+		"data-error": "",
+		role: "img",
+		"aria-label": label,
+		children: /* @__PURE__ */ jsx("span", {
+			className: QrCode_module_default.error,
+			children: t.qrCodeTooLong
+		})
+	});
+	const box = matrix.size + margin * 2;
+	return /* @__PURE__ */ jsxs("svg", {
+		id,
+		className: cls,
+		"data-size": size,
+		viewBox: `0 0 ${box} ${box}`,
+		role: "img",
+		"aria-label": label,
+		shapeRendering: "crispEdges",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("rect", {
+			className: QrCode_module_default.background,
+			width: box,
+			height: box
+		}), /* @__PURE__ */ jsx("path", {
+			className: QrCode_module_default.modules,
+			d: qrPath(matrix, margin)
+		})]
+	});
+}
+export { QrCode };

package/dist/components/QrCode/QrCode.module.js

@@ -0,0 +1,9 @@
+import './QrCode.css';
+// src/components/QrCode/QrCode.module.css
+var QrCode_module_default = {
+	"root": "sti-QrCode-root-556db",
+	"background": "sti-QrCode-background-5e240",
+	"modules": "sti-QrCode-modules-fc64b",
+	"error": "sti-QrCode-error-ca0a6"
+};
+export { QrCode_module_default as default };

package/dist/components/QrCode/qr.d.ts

@@ -0,0 +1,22 @@
+/**
+ * QR kodu kodlayıcı (ISO/IEC 18004; dış bağımlılık yok). Metin UTF-8 bayt kipinde kodlanır; sürüm
+ * (1–40) verinin sığdığı en küçük sürümdür; maske, standarttaki ceza puanı en düşük olandır. Sonuç
+ * modül matrisidir: `true` koyu modül. Algoritma Project Nayuki'nin herkese açık anlatımını izler.
+ */
+export type QrErrorCorrection = "L" | "M" | "Q" | "H";
+export interface QrMatrix {
+  version: number;
+  size: number;
+  mask: number;
+  /** `modules[y][x]`: koyu modül. */
+  modules: boolean[][];
+}
+/** Bayt verisini QR modül matrisine çevirir. Veri en büyük sürüme sığmazsa hata fırlatır. */
+export declare function encodeQr(bytes: Uint8Array, ecl?: QrErrorCorrection): QrMatrix;
+/** Metni UTF-8 baytlarına çevirip kodlar. */
+export declare function encodeQrText(text: string, ecl?: QrErrorCorrection): QrMatrix;
+/**
+ * Koyu modülleri tek SVG yoluna çevirir (yatay ardışık modüller tek dikdörtgen): `margin` modül
+ * kadar boşluk bırakılır. Sonuç `viewBox` ile birlikte kullanılır.
+ */
+export declare function qrPath(matrix: QrMatrix, margin?: number): string;