@stisocial/ui 0.2.1 → 0.3.0

package/dist/editor/RichTextEditor/sanitizeRichText.js

@@ -0,0 +1,183 @@
+// src/editor/RichTextEditor/sanitizeRichText.ts
+/**
+* Zengin metin için izin listeli HTML temizleyici (DOM gerektirmez; sunucuda ve tarayıcıda aynı
+* sonucu verir). Girdi hiçbir zaman olduğu gibi aktarılmaz: etiketler tek tek okunur, yalnız izinli
+* olanlar yeniden yazılır, metin kaçışlanır, açık kalan etiketler kapatılır.
+*
+* İzinli: p, br, strong, em, u, s, code, h2, h3, ul, ol, li, blockquote, a[href]. Eş anlamlılar
+* dönüştürülür (b → strong, i → em, strike/del → s, h1 → h2, h4–h6 → h3, div → p). Bağlantıda
+* yalnız http, https, mailto, tel ve göreli adres; dış bağlantıya `rel="noopener noreferrer nofollow"`.
+* script, style, iframe, object, template, svg, math ve benzerlerinin içeriği bütünüyle atılır.
+*/
+const ALLOWED = /* @__PURE__ */ new Set([
+	"p",
+	"br",
+	"strong",
+	"em",
+	"u",
+	"s",
+	"code",
+	"h2",
+	"h3",
+	"ul",
+	"ol",
+	"li",
+	"blockquote",
+	"a"
+]);
+const ALIAS = {
+	b: "strong",
+	i: "em",
+	strike: "s",
+	del: "s",
+	ins: "u",
+	h1: "h2",
+	h4: "h3",
+	h5: "h3",
+	h6: "h3",
+	div: "p"
+};
+/** İçeriğiyle birlikte atılan etiketler. */
+const DROP_WITH_CONTENT = /* @__PURE__ */ new Set([
+	"script",
+	"style",
+	"iframe",
+	"object",
+	"embed",
+	"template",
+	"svg",
+	"math",
+	"noscript",
+	"textarea",
+	"select",
+	"title",
+	"head",
+	"xmp",
+	"noembed",
+	"noframes"
+]);
+const VOID = /* @__PURE__ */ new Set(["br"]);
+const ESCAPES = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+function escapeHtml(text) {
+	return text.replace(/[&<>"']/g, (c) => ESCAPES[c] ?? c);
+}
+const NAMED = {
+	amp: "&",
+	lt: "<",
+	gt: ">",
+	quot: "\"",
+	apos: "'",
+	nbsp: "\xA0"
+};
+/** Karakter başvurularını çözer (metin önce çözülür, sonra yeniden kaçışlanır). */
+function decodeEntities(text) {
+	return text.replace(/&(#x[\da-f]+|#\d+|[a-z]+);/gi, (m, body) => {
+		if (body[0] === "#") {
+			const code = body[1] === "x" || body[1] === "X" ? Number.parseInt(body.slice(2), 16) : Number.parseInt(body.slice(1), 10);
+			return Number.isFinite(code) && code > 0 && code <= 1114111 ? String.fromCodePoint(code) : "";
+		}
+		return NAMED[body.toLowerCase()] ?? m;
+	});
+}
+/** Denetim karakteri, boşluk ya da sıfır genişlikli karakter. */
+function isInvisible(code) {
+	return code <= 32 || code >= 127 && code <= 159 || code >= 8203 && code <= 8205 || code === 65279;
+}
+/** Bağlantı adresi güvenliyse temizlenmiş hâli, değilse `null`. */
+function safeHref(raw) {
+	const href = Array.from(decodeEntities(raw)).filter((ch) => !isInvisible(ch.codePointAt(0) ?? 0)).join("");
+	if (!href) return null;
+	const scheme = /^([a-z][a-z0-9+.-]*):/i.exec(href);
+	if (scheme) {
+		const s = (scheme[1] ?? "").toLowerCase();
+		return s === "http" || s === "https" || s === "mailto" || s === "tel" ? href : null;
+	}
+	if (href.startsWith("//")) return null;
+	return href;
+}
+const isExternal = (href) => /^https?:\/\//i.test(href);
+/** Etiket içindeki `href` değerini okur (tırnaklı ya da tırnaksız). */
+function readHref(attrs) {
+	const m = /(?:^|\s)href\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+))/i.exec(attrs);
+	return m ? m[1] ?? m[2] ?? m[3] ?? "" : null;
+}
+/** Zengin metin HTML'ini izin listesine göre yeniden yazar. */
+function sanitizeRichText(html) {
+	let out = "";
+	const stack = [];
+	let dropping = null;
+	let i = 0;
+	const n = html.length;
+	while (i < n) {
+		const lt = html.indexOf("<", i);
+		const textEnd = lt === -1 ? n : lt;
+		if (textEnd > i) {
+			if (!dropping) out += escapeHtml(decodeEntities(html.slice(i, textEnd)));
+			i = textEnd;
+			if (lt === -1) break;
+		}
+		if (html.startsWith("<!--", i)) {
+			const end = html.indexOf("-->", i + 4);
+			i = end === -1 ? n : end + 3;
+			continue;
+		}
+		const m = /^<(\/?)([a-zA-Z][a-zA-Z0-9-]*)((?:[\s/][^>]*)?)>/.exec(html.slice(i));
+		if (!m) {
+			if (!dropping) out += "&lt;";
+			i += 1;
+			continue;
+		}
+		i += m[0].length;
+		const closing = m[1] === "/";
+		const raw = (m[2] ?? "").toLowerCase();
+		const attrs = m[3] ?? "";
+		if (dropping) {
+			if (closing && raw === dropping) dropping = null;
+			continue;
+		}
+		if (DROP_WITH_CONTENT.has(raw)) {
+			if (!closing && !/\/\s*$/.test(attrs)) dropping = raw;
+			continue;
+		}
+		const tag = ALIAS[raw] ?? raw;
+		if (!ALLOWED.has(tag)) continue;
+		if (closing) {
+			const at = stack.lastIndexOf(tag);
+			if (at === -1) continue;
+			while (stack.length > at) out += `</${stack.pop()}>`;
+			continue;
+		}
+		if (VOID.has(tag)) {
+			out += "<br>";
+			continue;
+		}
+		if (tag === "a") {
+			const href = readHref(attrs);
+			const safe = href === null ? null : safeHref(href);
+			if (!safe) continue;
+			const rel = isExternal(safe) ? " rel=\"noopener noreferrer nofollow\"" : "";
+			out += `<a href="${escapeHtml(safe)}"${rel}>`;
+			stack.push("a");
+			continue;
+		}
+		if ((tag === "p" || tag === "h2" || tag === "h3") && stack.length) {
+			const top = stack[stack.length - 1];
+			if (top === "p" || top === "h2" || top === "h3") out += `</${stack.pop()}>`;
+		}
+		out += `<${tag}>`;
+		stack.push(tag);
+	}
+	while (stack.length) out += `</${stack.pop()}>`;
+	return out.replace(/<p><\/p>/g, "");
+}
+/** Görünen metin (karakter sayımı ve boşluk denetimi için). */
+function richTextToPlain(html) {
+	return decodeEntities(html.replace(/<br\s*\/?>/gi, "\n").replace(/<\/(p|h2|h3|li|blockquote)>/gi, "\n").replace(/<[^>]*>/g, "")).replace(/\n{2,}/g, "\n").trim();
+}
+export { decodeEntities, escapeHtml, richTextToPlain, safeHref, sanitizeRichText };

package/dist/editor/_shared/FormatIcons.js

@@ -135,4 +135,21 @@ function RuleIcon(props) {
 		]
 	});
 }
-export { BoldIcon, BulletListIcon, CodeBlockIcon, HeadingThreeIcon, HeadingTwoIcon, ItalicIcon, NumberedListIcon, QuoteIcon, RuleIcon, StrikethroughIcon, TaskListIcon };
+function UnderlineIcon(props) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M7 4v7a5 5 0 0 0 10 0V4" }), /* @__PURE__ */ jsx("path", { d: "M5 20h14" })]
+	});
+}
+function ClearFormatIcon(props) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M6 5h12" }),
+			/* @__PURE__ */ jsx("path", { d: "m12 5-3 14" }),
+			/* @__PURE__ */ jsx("path", { d: "m15 15 5 5" }),
+			/* @__PURE__ */ jsx("path", { d: "m20 15-5 5" })
+		]
+	});
+}
+export { BoldIcon, BulletListIcon, ClearFormatIcon, CodeBlockIcon, HeadingThreeIcon, HeadingTwoIcon, ItalicIcon, NumberedListIcon, QuoteIcon, RuleIcon, StrikethroughIcon, TaskListIcon, UnderlineIcon };

package/dist/editor/index.d.ts

@@ -1,9 +1,14 @@
 import { CodeLanguage } from "./CodeEditor/codeEdits.js";
 import { CodeEditor, CodeEditorProps, CodeMarker } from "./CodeEditor/CodeEditor.js";
 import "./CodeEditor/index.js";
+import { CommentComposer, CommentComposerProps, CommentDraft } from "./CommentComposer/CommentComposer.js";
+import "./CommentComposer/index.js";
 import { JsonError, JsonErrorCode, checkJson, formatJson, parseJson } from "./JsonEditor/json.js";
 import { JsonEditor, JsonEditorProps, JsonInfo } from "./JsonEditor/JsonEditor.js";
 import "./JsonEditor/index.js";
 import { MarkdownEditor, MarkdownEditorProps, MarkdownEditorView } from "./MarkdownEditor/MarkdownEditor.js";
 import "./MarkdownEditor/index.js";
-export { CodeEditor, CodeEditorProps, type CodeLanguage, CodeMarker, JsonEditor, JsonEditorProps, type JsonError, type JsonErrorCode, JsonInfo, MarkdownEditor, MarkdownEditorProps, MarkdownEditorView, checkJson, formatJson, parseJson };
+import { RichTextEditor, RichTextEditorProps } from "./RichTextEditor/RichTextEditor.js";
+import { decodeEntities, escapeHtml, richTextToPlain, safeHref, sanitizeRichText } from "./RichTextEditor/sanitizeRichText.js";
+import "./RichTextEditor/index.js";
+export { CodeEditor, CodeEditorProps, type CodeLanguage, CodeMarker, CommentComposer, CommentComposerProps, CommentDraft, JsonEditor, JsonEditorProps, type JsonError, type JsonErrorCode, JsonInfo, MarkdownEditor, MarkdownEditorProps, MarkdownEditorView, RichTextEditor, RichTextEditorProps, checkJson, decodeEntities, escapeHtml, formatJson, parseJson, richTextToPlain, safeHref, sanitizeRichText };

package/dist/editor/index.js

@@ -1,5 +1,8 @@
 import { CodeEditor } from "./CodeEditor/CodeEditor.js";
+import { CommentComposer } from "./CommentComposer/CommentComposer.js";
 import { checkJson, formatJson, parseJson } from "./JsonEditor/json.js";
 import { JsonEditor } from "./JsonEditor/JsonEditor.js";
 import { MarkdownEditor } from "./MarkdownEditor/MarkdownEditor.js";
-export { CodeEditor, JsonEditor, MarkdownEditor, checkJson, formatJson, parseJson };
+import { decodeEntities, escapeHtml, richTextToPlain, safeHref, sanitizeRichText } from "./RichTextEditor/sanitizeRichText.js";
+import { RichTextEditor } from "./RichTextEditor/RichTextEditor.js";
+export { CodeEditor, CommentComposer, JsonEditor, MarkdownEditor, RichTextEditor, checkJson, decodeEntities, escapeHtml, formatJson, parseJson, richTextToPlain, safeHref, sanitizeRichText };

package/dist/foundation.css

@@ -1372,6 +1372,16 @@
   }
 }
 
+/*
+ * Sürükle-bırak tutamacı (ListView, Kanban): fareyle satır sürüklenir, tutamaç yalnız klavye ve
+ * yardımcı teknoloji içindir; sıkı CSP satır içi stili engellese de fare olayı almaz.
+ */
+@layer sti.base {
+  :where(button[slot="drag"][style]) {
+    pointer-events: none;
+  }
+}
+
 /* Dosya seçicinin (FileUpload) React Aria dosya alanı: sıkı CSP satır içi stili engellese de gizli. */
 @layer sti.base {
   :where(input[type="file"][data-rac][style]) {

package/dist/icons/generated/index.js

@@ -1,5 +1,6 @@
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { ChevronDownIcon } from "./ChevronDownIcon.js";
+import { UserIcon } from "./UserIcon.js";
 import { CheckIcon } from "./CheckIcon.js";
 import { AlertCircleIcon } from "./AlertCircleIcon.js";
 import { CloseIcon } from "./CloseIcon.js";
@@ -11,20 +12,26 @@ import { MenuIcon } from "./MenuIcon.js";
 import { ArrowRightIcon } from "./ArrowRightIcon.js";
 import { ArrowUpRightIcon } from "./ArrowUpRightIcon.js";
 import { ExternalLinkIcon } from "./ExternalLinkIcon.js";
-import { UserIcon } from "./UserIcon.js";
+import { ShieldIcon } from "./ShieldIcon.js";
 import { ArrowLeftIcon } from "./ArrowLeftIcon.js";
 import { ChevronRightIcon } from "./ChevronRightIcon.js";
 import { MoreHorizontalIcon } from "./MoreHorizontalIcon.js";
 import { ChevronLeftIcon } from "./ChevronLeftIcon.js";
 import { FileTextIcon } from "./FileTextIcon.js";
+import { PauseIcon } from "./PauseIcon.js";
+import { PlayIcon } from "./PlayIcon.js";
 import { ClockIcon } from "./ClockIcon.js";
 import { MinusIcon } from "./MinusIcon.js";
+import { CopyIcon } from "./CopyIcon.js";
 import { SearchIcon } from "./SearchIcon.js";
 import { HelpCircleIcon } from "./HelpCircleIcon.js";
-import { CopyIcon } from "./CopyIcon.js";
 import { PlusIcon } from "./PlusIcon.js";
-import { CalendarIcon } from "./CalendarIcon.js";
+import { ArrowDownIcon } from "./ArrowDownIcon.js";
+import { ArrowUpIcon } from "./ArrowUpIcon.js";
+import { ChevronsUpDownIcon } from "./ChevronsUpDownIcon.js";
+import { ColumnsIcon } from "./ColumnsIcon.js";
 import { DownloadIcon } from "./DownloadIcon.js";
+import { CalendarIcon } from "./CalendarIcon.js";
 import { MailIcon } from "./MailIcon.js";
 import { SmileIcon } from "./SmileIcon.js";
 import { RefreshIcon } from "./RefreshIcon.js";
@@ -40,13 +47,12 @@ import { FileIcon } from "./FileIcon.js";
 import { ImageIcon } from "./ImageIcon.js";
 import { TableIcon } from "./TableIcon.js";
 import { VideoIcon } from "./VideoIcon.js";
+import { CodeIcon } from "./CodeIcon.js";
 import { UploadIcon } from "./UploadIcon.js";
-import { ArrowUpIcon } from "./ArrowUpIcon.js";
 import { BuildingIcon } from "./BuildingIcon.js";
 import { AddSquareIcon } from "./AddSquareIcon.js";
 import { AlertIcon } from "./AlertIcon.js";
 import { AppsIcon } from "./AppsIcon.js";
-import { ArrowDownIcon } from "./ArrowDownIcon.js";
 import { AtSignIcon } from "./AtSignIcon.js";
 import { BarChartIcon } from "./BarChartIcon.js";
 import { BellIcon } from "./BellIcon.js";
@@ -57,10 +63,7 @@ import { CalendarRangeIcon } from "./CalendarRangeIcon.js";
 import { CameraIcon } from "./CameraIcon.js";
 import { ChartIcon } from "./ChartIcon.js";
 import { ChevronUpIcon } from "./ChevronUpIcon.js";
-import { ChevronsUpDownIcon } from "./ChevronsUpDownIcon.js";
 import { ClipboardIcon } from "./ClipboardIcon.js";
-import { CodeIcon } from "./CodeIcon.js";
-import { ColumnsIcon } from "./ColumnsIcon.js";
 import { CompassIcon } from "./CompassIcon.js";
 import { ContrastIcon } from "./ContrastIcon.js";
 import { CreditCardIcon } from "./CreditCardIcon.js";
@@ -104,11 +107,9 @@ import { MoreVerticalIcon } from "./MoreVerticalIcon.js";
 import { PaletteIcon } from "./PaletteIcon.js";
 import { PaperclipIcon } from "./PaperclipIcon.js";
 import { PasskeyIcon } from "./PasskeyIcon.js";
-import { PauseIcon } from "./PauseIcon.js";
 import { PercentIcon } from "./PercentIcon.js";
 import { PhoneIcon } from "./PhoneIcon.js";
 import { PieChartIcon } from "./PieChartIcon.js";
-import { PlayIcon } from "./PlayIcon.js";
 import { PlusCircleIcon } from "./PlusCircleIcon.js";
 import { PrinterIcon } from "./PrinterIcon.js";
 import { PulseIcon } from "./PulseIcon.js";
@@ -119,7 +120,6 @@ import { RotateIcon } from "./RotateIcon.js";
 import { ScaleIcon } from "./ScaleIcon.js";
 import { SendIcon } from "./SendIcon.js";
 import { ShareIcon } from "./ShareIcon.js";
-import { ShieldIcon } from "./ShieldIcon.js";
 import { ShieldCheckIcon } from "./ShieldCheckIcon.js";
 import { ShoppingBagIcon } from "./ShoppingBagIcon.js";
 import { SidebarIcon } from "./SidebarIcon.js";

package/dist/icons/index.js

@@ -1,5 +1,6 @@
 import { Icon } from "./Icon.js";
 import { ChevronDownIcon } from "./generated/ChevronDownIcon.js";
+import { UserIcon } from "./generated/UserIcon.js";
 import { CheckIcon } from "./generated/CheckIcon.js";
 import { AlertCircleIcon } from "./generated/AlertCircleIcon.js";
 import { CloseIcon } from "./generated/CloseIcon.js";
@@ -11,20 +12,26 @@ import { MenuIcon } from "./generated/MenuIcon.js";
 import { ArrowRightIcon } from "./generated/ArrowRightIcon.js";
 import { ArrowUpRightIcon } from "./generated/ArrowUpRightIcon.js";
 import { ExternalLinkIcon } from "./generated/ExternalLinkIcon.js";
-import { UserIcon } from "./generated/UserIcon.js";
+import { ShieldIcon } from "./generated/ShieldIcon.js";
 import { ArrowLeftIcon } from "./generated/ArrowLeftIcon.js";
 import { ChevronRightIcon } from "./generated/ChevronRightIcon.js";
 import { MoreHorizontalIcon } from "./generated/MoreHorizontalIcon.js";
 import { ChevronLeftIcon } from "./generated/ChevronLeftIcon.js";
 import { FileTextIcon } from "./generated/FileTextIcon.js";
+import { PauseIcon } from "./generated/PauseIcon.js";
+import { PlayIcon } from "./generated/PlayIcon.js";
 import { ClockIcon } from "./generated/ClockIcon.js";
 import { MinusIcon } from "./generated/MinusIcon.js";
+import { CopyIcon } from "./generated/CopyIcon.js";
 import { SearchIcon } from "./generated/SearchIcon.js";
 import { HelpCircleIcon } from "./generated/HelpCircleIcon.js";
-import { CopyIcon } from "./generated/CopyIcon.js";
 import { PlusIcon } from "./generated/PlusIcon.js";
-import { CalendarIcon } from "./generated/CalendarIcon.js";
+import { ArrowDownIcon } from "./generated/ArrowDownIcon.js";
+import { ArrowUpIcon } from "./generated/ArrowUpIcon.js";
+import { ChevronsUpDownIcon } from "./generated/ChevronsUpDownIcon.js";
+import { ColumnsIcon } from "./generated/ColumnsIcon.js";
 import { DownloadIcon } from "./generated/DownloadIcon.js";
+import { CalendarIcon } from "./generated/CalendarIcon.js";
 import { MailIcon } from "./generated/MailIcon.js";
 import { SmileIcon } from "./generated/SmileIcon.js";
 import { RefreshIcon } from "./generated/RefreshIcon.js";
@@ -40,14 +47,13 @@ import { FileIcon } from "./generated/FileIcon.js";
 import { ImageIcon } from "./generated/ImageIcon.js";
 import { TableIcon } from "./generated/TableIcon.js";
 import { VideoIcon } from "./generated/VideoIcon.js";
+import { CodeIcon } from "./generated/CodeIcon.js";
 import { UploadIcon } from "./generated/UploadIcon.js";
-import { ArrowUpIcon } from "./generated/ArrowUpIcon.js";
 import { BuildingIcon } from "./generated/BuildingIcon.js";
 import { iconCatalog } from "./generated/catalog.js";
 import { AddSquareIcon } from "./generated/AddSquareIcon.js";
 import { AlertIcon } from "./generated/AlertIcon.js";
 import { AppsIcon } from "./generated/AppsIcon.js";
-import { ArrowDownIcon } from "./generated/ArrowDownIcon.js";
 import { AtSignIcon } from "./generated/AtSignIcon.js";
 import { BarChartIcon } from "./generated/BarChartIcon.js";
 import { BellIcon } from "./generated/BellIcon.js";
@@ -58,10 +64,7 @@ import { CalendarRangeIcon } from "./generated/CalendarRangeIcon.js";
 import { CameraIcon } from "./generated/CameraIcon.js";
 import { ChartIcon } from "./generated/ChartIcon.js";
 import { ChevronUpIcon } from "./generated/ChevronUpIcon.js";
-import { ChevronsUpDownIcon } from "./generated/ChevronsUpDownIcon.js";
 import { ClipboardIcon } from "./generated/ClipboardIcon.js";
-import { CodeIcon } from "./generated/CodeIcon.js";
-import { ColumnsIcon } from "./generated/ColumnsIcon.js";
 import { CompassIcon } from "./generated/CompassIcon.js";
 import { ContrastIcon } from "./generated/ContrastIcon.js";
 import { CreditCardIcon } from "./generated/CreditCardIcon.js";
@@ -105,11 +108,9 @@ import { MoreVerticalIcon } from "./generated/MoreVerticalIcon.js";
 import { PaletteIcon } from "./generated/PaletteIcon.js";
 import { PaperclipIcon } from "./generated/PaperclipIcon.js";
 import { PasskeyIcon } from "./generated/PasskeyIcon.js";
-import { PauseIcon } from "./generated/PauseIcon.js";
 import { PercentIcon } from "./generated/PercentIcon.js";
 import { PhoneIcon } from "./generated/PhoneIcon.js";
 import { PieChartIcon } from "./generated/PieChartIcon.js";
-import { PlayIcon } from "./generated/PlayIcon.js";
 import { PlusCircleIcon } from "./generated/PlusCircleIcon.js";
 import { PrinterIcon } from "./generated/PrinterIcon.js";
 import { PulseIcon } from "./generated/PulseIcon.js";
@@ -120,7 +121,6 @@ import { RotateIcon } from "./generated/RotateIcon.js";
 import { ScaleIcon } from "./generated/ScaleIcon.js";
 import { SendIcon } from "./generated/SendIcon.js";
 import { ShareIcon } from "./generated/ShareIcon.js";
-import { ShieldIcon } from "./generated/ShieldIcon.js";
 import { ShieldCheckIcon } from "./generated/ShieldCheckIcon.js";
 import { ShoppingBagIcon } from "./generated/ShoppingBagIcon.js";
 import { SidebarIcon } from "./generated/SidebarIcon.js";

package/dist/id/AccountAuditLog/AccountAuditLog.css

@@ -0,0 +1,9 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-AccountAuditLog-root-f49a0 {
+    gap: var(--sti-space-4);
+    inline-size: 100%;
+    min-inline-size: 0;
+    display: grid;
+  }
+}

package/dist/id/AccountAuditLog/AccountAuditLog.d.ts

@@ -0,0 +1,38 @@
+import { DateValue } from "../../components/DateTime/instant.js";
+import { AuditLogEntry } from "../../components/AuditLogList/AuditLogList.js";
+import { ReactNode } from "react";
+/** STI ID hesap olayları (sunucunun olay türleriyle aynı adlar). */
+export type AccountEventType = "sign_in" | "sign_in_failed" | "sign_out" | "password_changed" | "email_changed" | "two_factor_enabled" | "two_factor_disabled" | "passkey_added" | "passkey_removed" | "recovery_codes_regenerated" | "session_revoked" | "device_removed" | "app_authorized" | "app_revoked" | "api_key_created" | "api_key_revoked" | "profile_updated";
+export interface AccountEvent {
+  id: string;
+  type: AccountEventType;
+  time: DateValue;
+  ip?: string;
+  location?: string;
+  device?: string;
+  /** Olayın hedefi ("iPhone 15", "Atlas Paneli", "CI anahtarı"). */
+  target?: string;
+  /** Sunucunun şüpheli olarak işaretlediği olay (yeni ülke, art arda hatalı deneme). */
+  suspicious?: boolean;
+  details?: AuditLogEntry["details"];
+}
+export interface AccountAuditLogProps {
+  events: readonly AccountEvent[];
+  /** IP adresinin son kısmı gizlenir (varsayılan `true`; kişinin kendi kaydında da). */
+  maskIp?: boolean;
+  /** Şüpheli olay varken uyarıdaki "Güvenliği gözden geçirin" eylemi. */
+  onReviewSecurity?: () => void;
+  hasMore?: boolean;
+  onLoadMore?: () => void;
+  isLoadingMore?: boolean;
+  emptyState?: ReactNode;
+  className?: string;
+  id?: string;
+}
+/**
+ * STI ID hesap etkinliği: hesap olaylarını (oturum açma, parola, iki adımlı doğrulama, geçiş
+ * anahtarı, bağlı uygulama, API anahtarı) kurumsal Türkçe işlem adı, ikon ve sonuçla AuditLogList
+ * olarak gösterir. Şüpheli olay varsa listenin üstünde uyarı ve "Güvenliği gözden geçirin"; şüpheli
+ * olay "Şüpheli" sonucuyla işaretlenir. IP adresi varsayılan olarak maskelenir.
+ */
+export declare function AccountAuditLog({ events, maskIp, onReviewSecurity, hasMore, onLoadMore, isLoadingMore, emptyState, className, id }: AccountAuditLogProps): import("react").JSX.Element;

package/dist/id/AccountAuditLog/AccountAuditLog.js

@@ -0,0 +1,156 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { UserIcon } from "../../icons/generated/UserIcon.js";
+import { Button } from "../../components/Button/Button.js";
+import { Alert } from "../../components/Alert/Alert.js";
+import { AuditLogList } from "../../components/AuditLogList/AuditLogList.js";
+import { MailIcon } from "../../icons/generated/MailIcon.js";
+import { LockIcon } from "../../icons/generated/LockIcon.js";
+import { KeyIcon } from "../../icons/generated/KeyIcon.js";
+import { LogInIcon } from "../../icons/generated/LogInIcon.js";
+import { LogOutIcon } from "../../icons/generated/LogOutIcon.js";
+import { PasskeyIcon } from "../../icons/generated/PasskeyIcon.js";
+import { ShieldCheckIcon } from "../../icons/generated/ShieldCheckIcon.js";
+import { SmartphoneIcon } from "../../icons/generated/SmartphoneIcon.js";
+import { TrashIcon } from "../../icons/generated/TrashIcon.js";
+import AccountAuditLog_module_default from "./AccountAuditLog.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/id/AccountAuditLog/AccountAuditLog.tsx
+const MAP = {
+	sign_in: {
+		text: "idAuditSignIn",
+		icon: /* @__PURE__ */ jsx(LogInIcon, {}),
+		result: "success"
+	},
+	sign_in_failed: {
+		text: "idAuditSignInFailed",
+		icon: /* @__PURE__ */ jsx(LogInIcon, {}),
+		result: "failure"
+	},
+	sign_out: {
+		text: "idAuditSignOut",
+		icon: /* @__PURE__ */ jsx(LogOutIcon, {}),
+		result: "success"
+	},
+	password_changed: {
+		text: "idAuditPassword",
+		icon: /* @__PURE__ */ jsx(LockIcon, {}),
+		result: "success"
+	},
+	email_changed: {
+		text: "idAuditEmail",
+		icon: /* @__PURE__ */ jsx(MailIcon, {}),
+		result: "success"
+	},
+	two_factor_enabled: {
+		text: "idAuditTwoFactorOn",
+		icon: /* @__PURE__ */ jsx(ShieldCheckIcon, {}),
+		result: "success"
+	},
+	two_factor_disabled: {
+		text: "idAuditTwoFactorOff",
+		icon: /* @__PURE__ */ jsx(ShieldCheckIcon, {}),
+		result: "warning"
+	},
+	passkey_added: {
+		text: "idAuditPasskeyAdded",
+		icon: /* @__PURE__ */ jsx(PasskeyIcon, {}),
+		result: "success"
+	},
+	passkey_removed: {
+		text: "idAuditPasskeyRemoved",
+		icon: /* @__PURE__ */ jsx(PasskeyIcon, {}),
+		result: "warning"
+	},
+	recovery_codes_regenerated: {
+		text: "idAuditRecovery",
+		icon: /* @__PURE__ */ jsx(KeyIcon, {}),
+		result: "success"
+	},
+	session_revoked: {
+		text: "idAuditSessionRevoked",
+		icon: /* @__PURE__ */ jsx(LogOutIcon, {}),
+		result: "success"
+	},
+	device_removed: {
+		text: "idAuditDeviceRemoved",
+		icon: /* @__PURE__ */ jsx(SmartphoneIcon, {}),
+		result: "success"
+	},
+	app_authorized: {
+		text: "idAuditAppAuthorized",
+		icon: /* @__PURE__ */ jsx(ShieldCheckIcon, {}),
+		result: "success"
+	},
+	app_revoked: {
+		text: "idAuditAppRevoked",
+		icon: /* @__PURE__ */ jsx(TrashIcon, {}),
+		result: "success"
+	},
+	api_key_created: {
+		text: "idAuditApiKeyCreated",
+		icon: /* @__PURE__ */ jsx(KeyIcon, {}),
+		result: "success"
+	},
+	api_key_revoked: {
+		text: "idAuditApiKeyRevoked",
+		icon: /* @__PURE__ */ jsx(TrashIcon, {}),
+		result: "success"
+	},
+	profile_updated: {
+		text: "idAuditProfile",
+		icon: /* @__PURE__ */ jsx(UserIcon, {}),
+		result: "success"
+	}
+};
+/**
+* STI ID hesap etkinliği: hesap olaylarını (oturum açma, parola, iki adımlı doğrulama, geçiş
+* anahtarı, bağlı uygulama, API anahtarı) kurumsal Türkçe işlem adı, ikon ve sonuçla AuditLogList
+* olarak gösterir. Şüpheli olay varsa listenin üstünde uyarı ve "Güvenliği gözden geçirin"; şüpheli
+* olay "Şüpheli" sonucuyla işaretlenir. IP adresi varsayılan olarak maskelenir.
+*/
+function AccountAuditLog({ events, maskIp = true, onReviewSecurity, hasMore, onLoadMore, isLoadingMore, emptyState, className, id }) {
+	const t = useMessages();
+	const suspicious = events.filter((e) => e.suspicious).length;
+	const entries = events.map((e) => {
+		const m = MAP[e.type];
+		return {
+			id: e.id,
+			action: t[m.text],
+			icon: m.icon,
+			result: e.suspicious ? "warning" : m.result,
+			resultLabel: e.suspicious ? t.idAuditSuspicious : void 0,
+			target: e.target,
+			time: e.time,
+			ip: e.ip,
+			location: e.location,
+			device: e.device,
+			details: e.details
+		};
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [AccountAuditLog_module_default.root, className].filter(Boolean).join(" "),
+		children: [suspicious > 0 ? /* @__PURE__ */ jsx(Alert, {
+			tone: "warning",
+			title: t.idAuditSuspiciousTitle,
+			actions: onReviewSecurity ? /* @__PURE__ */ jsx(Button, {
+				variant: "secondary",
+				size: "sm",
+				onPress: onReviewSecurity,
+				children: t.idAuditReview
+			}) : void 0,
+			children: t.idAuditSuspiciousBody
+		}) : null, /* @__PURE__ */ jsx(AuditLogList, {
+			label: t.idAuditLabel,
+			entries,
+			maskIp,
+			hideActor: true,
+			hasMore,
+			onLoadMore,
+			isLoadingMore,
+			emptyState
+		})]
+	});
+}
+export { AccountAuditLog };

package/dist/id/AccountAuditLog/AccountAuditLog.module.js

@@ -0,0 +1,4 @@
+import './AccountAuditLog.css';
+// src/id/AccountAuditLog/AccountAuditLog.module.css
+var AccountAuditLog_module_default = { "root": "sti-AccountAuditLog-root-f49a0" };
+export { AccountAuditLog_module_default as default };

package/dist/id/AccountAuditLog/index.d.ts

@@ -0,0 +1,2 @@
+import { AccountAuditLog, AccountAuditLogProps, AccountEvent, AccountEventType } from "./AccountAuditLog.js";
+export { AccountAuditLog, AccountAuditLogProps, AccountEvent, AccountEventType };

package/dist/id/AccountMenu/AccountMenu.js

@@ -1,9 +1,9 @@
 "use client";
 import { useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
+import { Avatar } from "../../components/Avatar/Avatar.js";
 import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
 import { Button as Button$1 } from "../../components/Button/Button.js";
-import { Avatar } from "../../components/Avatar/Avatar.js";
 import { Popover as Popover$1 } from "../../components/Popover/Popover.js";
 import { LogOutIcon } from "../../icons/generated/LogOutIcon.js";
 import { UserPlusIcon } from "../../icons/generated/UserPlusIcon.js";