@stisocial/ui 0.1.0 → 0.2.1

package/dist/ai/PromptInput/PromptInput.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode, Ref } from "react";
+export interface PromptInputProps {
+  /** Kontrollü değer. */
+  value?: string;
+  /** Kontrolsüz başlangıç değeri. */
+  defaultValue?: string;
+  onChange?: (value: string) => void;
+  /**
+   * Gönderme: Enter (ya da Ctrl/⌘+Enter) ve gönder düğmesi. Metin baştaki ve sondaki boşluklardan
+   * arındırılarak verilir. Kontrolsüz kullanımda alan temizlenir; kontrollüde temizlemek
+   * uygulamanındır.
+   */
+  onSubmit: (value: string) => void;
+  /** Yanıt sürerken gönder düğmesi "Yanıtı durdur" olur. */
+  isStreaming?: boolean;
+  onStop?: () => void;
+  /** Alanın erişilebilir adı; verilmezse yerleşik "İstem". */
+  label?: string;
+  placeholder?: string;
+  /** Alanın üstünde eklerin gösterildiği satır (`AttachmentChip` listesi). */
+  attachments?: ReactNode;
+  /** Verilirse "Dosya ekle" düğmesi gösterilir; seçilen, yapıştırılan ve bırakılan dosyalar buraya gelir. */
+  onAttachFiles?: (files: File[]) => void;
+  /** Kabul edilen dosya türleri (`image/*`, `.pdf`). */
+  acceptedFileTypes?: readonly string[];
+  /** Verilirse sesle yazma düğmesi gösterilir; basılı durumu `isRecording` taşır. */
+  onVoiceToggle?: (isRecording: boolean) => void;
+  isRecording?: boolean;
+  /** Karakter sınırı: sınırın %80'inden sonra sayaç görünür, aşılınca gönderilemez. */
+  maxLength?: number;
+  /** Alanın altında görünür yardım metni; verilmezse klavye ipucu yalnız ekran okuyucuya okunur. */
+  hint?: ReactNode;
+  /** Düğmelerin yanında ek denetimler (ör. `ModelSelect`). */
+  actions?: ReactNode;
+  /** Metin boşken de gönderilebilsin (yalnız ek varsa). */
+  canSubmitEmpty?: boolean;
+  /** Alanın en çok kaç satıra büyüyeceği; sonra kaydırılır. */
+  maxRows?: number;
+  /** Enter gönderir, Shift+Enter yeni satır açar (varsayılan); kapalıysa Enter yeni satır açar. */
+  submitOnEnter?: boolean;
+  size?: "sm" | "md" | "lg";
+  isDisabled?: boolean;
+  autoFocus?: boolean;
+  className?: string;
+  id?: string;
+  textareaRef?: Ref<HTMLTextAreaElement>;
+}
+/**
+ * Yapay zekâ istem girişi: otomatik büyüyen alan, ek (seçme, yapıştırma, sürükleyip bırakma), sesle
+ * yazma, gönder ve yanıt sürerken durdur düğmeleri. Enter gönderir, Shift+Enter yeni satır açar;
+ * IME ile yazarken (kompozisyon sürerken) Enter göndermez. Gönder düğmesi yerinde kalır ve
+ * yanıt sürerken durdura döner: odak kaybolmaz.
+ */
+export declare function PromptInput({ value, defaultValue, onChange, onSubmit, isStreaming, onStop, label, placeholder, attachments, onAttachFiles, acceptedFileTypes, onVoiceToggle, isRecording, maxLength, hint, actions, canSubmitEmpty, maxRows, submitOnEnter, size, isDisabled, autoFocus, className, id, textareaRef }: PromptInputProps): import("react").JSX.Element;

package/dist/ai/PromptInput/PromptInput.js

@@ -0,0 +1,199 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { IconButton } from "../../components/IconButton/IconButton.js";
+import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
+import { MicIcon } from "../../icons/generated/MicIcon.js";
+import { PaperclipIcon } from "../../icons/generated/PaperclipIcon.js";
+import { SendIcon } from "../../icons/generated/SendIcon.js";
+import { ToggleButton as ToggleButton$1 } from "../../components/ToggleButton/ToggleButton.js";
+import { Tooltip as Tooltip$1 } from "../../components/Tooltip/Tooltip.js";
+import { StopGlyph } from "../_internal/glyphs.js";
+import PromptInput_module_default from "./PromptInput.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useLayoutEffect, useRef, useState } from "react";
+import { FileTrigger, TextArea, TextField } from "react-aria-components";
+// src/ai/PromptInput/PromptInput.tsx
+/**
+* Yapay zekâ istem girişi: otomatik büyüyen alan, ek (seçme, yapıştırma, sürükleyip bırakma), sesle
+* yazma, gönder ve yanıt sürerken durdur düğmeleri. Enter gönderir, Shift+Enter yeni satır açar;
+* IME ile yazarken (kompozisyon sürerken) Enter göndermez. Gönder düğmesi yerinde kalır ve
+* yanıt sürerken durdura döner: odak kaybolmaz.
+*/
+function PromptInput({ value, defaultValue = "", onChange, onSubmit, isStreaming = false, onStop, label, placeholder, attachments, onAttachFiles, acceptedFileTypes, onVoiceToggle, isRecording = false, maxLength, hint, actions, canSubmitEmpty = false, maxRows = 8, submitOnEnter = true, size = "md", isDisabled, autoFocus, className, id, textareaRef }) {
+	const t = useMessages();
+	const [inner, setInner] = useState(defaultValue);
+	const current = value ?? inner;
+	const area = useRef(null);
+	const [focused, setFocused] = useState(false);
+	const [dragging, setDragging] = useState(false);
+	const hintId = useId();
+	const countId = useId();
+	const over = maxLength !== void 0 && current.length > maxLength;
+	const showCount = maxLength !== void 0 && current.length >= maxLength * .8;
+	const trimmed = current.trim();
+	const canSubmit = !isDisabled && !over && (trimmed !== "" || canSubmitEmpty);
+	const setValue = (next) => {
+		if (value === void 0) setInner(next);
+		onChange?.(next);
+	};
+	useLayoutEffect(() => {
+		const el = area.current;
+		if (!el) return;
+		el.style.setProperty("block-size", "auto");
+		const cs = getComputedStyle(el);
+		const line = Number.parseFloat(cs.lineHeight) || 20;
+		const pad = Number.parseFloat(cs.paddingTop) + Number.parseFloat(cs.paddingBottom);
+		const max = line * maxRows + pad;
+		el.style.setProperty("block-size", `${Math.min(el.scrollHeight, max)}px`);
+		el.style.setProperty("overflow-y", el.scrollHeight > max ? "auto" : "hidden");
+	}, [
+		current,
+		maxRows,
+		size
+	]);
+	const submit = () => {
+		if (!canSubmit || isStreaming) return;
+		onSubmit(trimmed);
+		if (value === void 0) setInner("");
+		area.current?.focus();
+	};
+	const onKeyDown = (e) => {
+		if (e.key !== "Enter" || e.shiftKey || e.altKey) return;
+		if (e.nativeEvent.isComposing || e.keyCode === 229) return;
+		const modified = e.ctrlKey || e.metaKey;
+		if (!submitOnEnter && !modified) return;
+		e.preventDefault();
+		submit();
+	};
+	const takeFiles = (list) => {
+		const files = list ? Array.from(list) : [];
+		if (files.length > 0 && onAttachFiles && !isDisabled) onAttachFiles(files);
+		return files.length > 0;
+	};
+	const onPaste = (e) => {
+		if (e.clipboardData.files.length > 0 && takeFiles(e.clipboardData.files)) e.preventDefault();
+	};
+	const onDragOver = (e) => {
+		if (!onAttachFiles || isDisabled || !e.dataTransfer.types.includes("Files")) return;
+		e.preventDefault();
+		setDragging(true);
+	};
+	const onDrop = (e) => {
+		setDragging(false);
+		if (!onAttachFiles || isDisabled) return;
+		if (takeFiles(e.dataTransfer.files)) e.preventDefault();
+	};
+	const describedBy = [hintId, showCount ? countId : void 0].filter(Boolean).join(" ");
+	const sendLabel = isStreaming ? t.aiPromptStop : t.aiPromptSend;
+	const buttonSize = size === "lg" ? "md" : "sm";
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [PromptInput_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: PromptInput_module_default.box,
+			"data-focused": focused || void 0,
+			"data-dragging": dragging || void 0,
+			"data-invalid": over || void 0,
+			"data-disabled": isDisabled || void 0,
+			onDragOver,
+			onDragLeave: () => setDragging(false),
+			onDrop,
+			children: [
+				attachments ? /* @__PURE__ */ jsx("div", {
+					className: PromptInput_module_default.attachments,
+					role: "group",
+					"aria-label": t.aiPromptAttachments,
+					children: attachments
+				}) : null,
+				/* @__PURE__ */ jsx(TextField, {
+					className: PromptInput_module_default.field,
+					"aria-label": label ?? t.aiPromptLabel,
+					"aria-describedby": describedBy,
+					value: current,
+					onChange: setValue,
+					isDisabled,
+					isInvalid: over,
+					autoFocus,
+					children: /* @__PURE__ */ jsx(TextArea, {
+						ref: (node) => {
+							area.current = node;
+							if (typeof textareaRef === "function") textareaRef(node);
+							else if (textareaRef) textareaRef.current = node;
+						},
+						className: PromptInput_module_default.textarea,
+						placeholder,
+						rows: 1,
+						onKeyDown,
+						onPaste,
+						onFocus: () => setFocused(true),
+						onBlur: () => setFocused(false)
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: PromptInput_module_default.bar,
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: PromptInput_module_default.tools,
+						children: [
+							onAttachFiles ? /* @__PURE__ */ jsx(FileTrigger, {
+								acceptedFileTypes: acceptedFileTypes ? [...acceptedFileTypes] : void 0,
+								allowsMultiple: true,
+								onSelect: (list) => takeFiles(list),
+								children: /* @__PURE__ */ jsx(Tooltip$1, {
+									content: t.aiPromptAttach,
+									children: /* @__PURE__ */ jsx(IconButton, {
+										label: t.aiPromptAttach,
+										icon: /* @__PURE__ */ jsx(PaperclipIcon, {}),
+										size: buttonSize,
+										isDisabled
+									})
+								})
+							}) : null,
+							onVoiceToggle ? /* @__PURE__ */ jsx(Tooltip$1, {
+								content: t.aiPromptVoice,
+								children: /* @__PURE__ */ jsx(ToggleButton$1, {
+									label: t.aiPromptVoice,
+									icon: /* @__PURE__ */ jsx(MicIcon, {}),
+									variant: "ghost",
+									size: buttonSize,
+									isSelected: isRecording,
+									isDisabled,
+									onChange: onVoiceToggle
+								})
+							}) : null,
+							actions
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: PromptInput_module_default.send,
+						children: [showCount ? /* @__PURE__ */ jsx("span", {
+							id: countId,
+							className: PromptInput_module_default.count,
+							"data-over": over || void 0,
+							role: over ? "alert" : void 0,
+							children: template(t.characterCount, {
+								count: current.length,
+								max: maxLength ?? 0
+							})
+						}) : null, /* @__PURE__ */ jsx(IconButton, {
+							label: sendLabel,
+							icon: isStreaming ? /* @__PURE__ */ jsx(StopGlyph, {}) : /* @__PURE__ */ jsx(SendIcon, {}),
+							variant: "primary",
+							size: buttonSize,
+							isDisabled: isStreaming ? !onStop || isDisabled : !canSubmit,
+							onPress: isStreaming ? () => onStop?.() : submit
+						})]
+					})]
+				})
+			]
+		}), hint ? /* @__PURE__ */ jsx("p", {
+			className: PromptInput_module_default.hint,
+			id: hintId,
+			children: hint
+		}) : /* @__PURE__ */ jsx(VisuallyHidden, {
+			id: hintId,
+			children: t.aiPromptHint
+		})]
+	});
+}
+export { PromptInput };

package/dist/ai/PromptInput/PromptInput.module.js

@@ -0,0 +1,15 @@
+import './PromptInput.css';
+// src/ai/PromptInput/PromptInput.module.css
+var PromptInput_module_default = {
+	"root": "sti-PromptInput-root-fa354",
+	"box": "sti-PromptInput-box-7b1bf",
+	"attachments": "sti-PromptInput-attachments-57918",
+	"field": "sti-PromptInput-field-db785",
+	"textarea": "sti-PromptInput-textarea-a0032",
+	"bar": "sti-PromptInput-bar-66dc1",
+	"tools": "sti-PromptInput-tools-46fff",
+	"send": "sti-PromptInput-send-bfdbe",
+	"count": "sti-PromptInput-count-9bab2",
+	"hint": "sti-PromptInput-hint-b3d4e"
+};
+export { PromptInput_module_default as default };

package/dist/ai/PromptInput/index.d.ts

@@ -0,0 +1,2 @@
+import { PromptInput, PromptInputProps } from "./PromptInput.js";
+export { PromptInput, PromptInputProps };

package/dist/ai/SourceList/SourceList.css

@@ -0,0 +1,226 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-SourceList-root-da8e0 {
+    --sti-sources-font-size: var(--sti-font-size-sm);
+    --sti-sources-line-height: var(--sti-line-height-sm);
+    --sti-sources-index: var(--sti-space-6);
+    --sti-sources-pad: var(--sti-space-3);
+    box-sizing: border-box;
+    align-items: flex-start;
+    gap: var(--sti-space-2);
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-sources-font-size);
+    line-height: var(--sti-sources-line-height);
+    flex-direction: column;
+    display: flex;
+  }
+
+  .sti-SourceList-root-da8e0[data-size="sm"] {
+    --sti-sources-font-size: var(--sti-font-size-xs);
+    --sti-sources-line-height: var(--sti-line-height-xs);
+    --sti-sources-index: var(--sti-space-5);
+    --sti-sources-pad: var(--sti-space-2);
+  }
+
+  .sti-SourceList-root-da8e0[data-size="lg"] {
+    --sti-sources-font-size: var(--sti-font-size-md);
+    --sti-sources-line-height: var(--sti-line-height-md);
+    --sti-sources-index: var(--sti-space-8);
+    --sti-sources-pad: var(--sti-space-4);
+  }
+
+  .sti-SourceList-heading-115f3 {
+    align-items: baseline;
+    gap: var(--sti-space-2);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+    letter-spacing: var(--sti-tracking-label);
+    line-height: var(--sti-line-height-xs);
+    text-transform: uppercase;
+    flex-wrap: wrap;
+    margin: 0;
+    display: flex;
+  }
+
+  .sti-SourceList-count-393b7 {
+    font-weight: var(--sti-font-weight-regular);
+    letter-spacing: 0;
+    text-transform: none;
+  }
+
+  .sti-SourceList-list-9de58 {
+    gap: var(--sti-space-2);
+    grid-template-columns: minmax(0, 1fr);
+    inline-size: 100%;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: grid;
+  }
+
+  .sti-SourceList-root-da8e0[data-variant="chips"] .sti-SourceList-list-9de58 {
+    flex-wrap: wrap;
+    inline-size: auto;
+    max-inline-size: 100%;
+    display: flex;
+  }
+
+  .sti-SourceList-item-aa7a8 {
+    box-sizing: border-box;
+    align-items: flex-start;
+    gap: var(--sti-space-3);
+    min-inline-size: 0;
+    padding: var(--sti-sources-pad);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-surface);
+    display: flex;
+  }
+
+  .sti-SourceList-root-da8e0[data-variant="chips"] .sti-SourceList-item-aa7a8 {
+    max-inline-size: 100%;
+    padding-block: var(--sti-space-1);
+    padding-inline: var(--sti-space-1) var(--sti-space-3);
+    border-radius: var(--sti-radius-pill);
+    align-items: center;
+  }
+
+  .sti-SourceList-item-aa7a8[data-active] {
+    border-color: var(--sti-border-accent);
+    background: var(--sti-bg-accent-subtle);
+  }
+
+  .sti-SourceList-index-fa3d2 {
+    inline-size: var(--sti-sources-index);
+    block-size: var(--sti-sources-index);
+    border-radius: var(--sti-radius-sm);
+    background: var(--sti-bg-accent-subtle);
+    color: var(--sti-fg-accent-strong);
+    font-size: var(--sti-font-size-xs);
+    font-variant-numeric: tabular-nums;
+    font-weight: var(--sti-font-weight-semibold);
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    line-height: 1;
+    display: inline-flex;
+  }
+
+  .sti-SourceList-item-aa7a8[data-active] .sti-SourceList-index-fa3d2 {
+    background: var(--sti-bg-surface);
+  }
+
+  .sti-SourceList-root-da8e0[data-variant="chips"] .sti-SourceList-index-fa3d2 {
+    border-radius: var(--sti-radius-pill);
+  }
+
+  .sti-SourceList-body-2f4df {
+    gap: var(--sti-space-0-5);
+    flex-direction: column;
+    min-inline-size: 0;
+    display: flex;
+  }
+
+  .sti-SourceList-root-da8e0[data-variant="chips"] .sti-SourceList-body-2f4df {
+    align-items: baseline;
+    gap: var(--sti-space-0-5) var(--sti-space-2);
+    flex-flow: wrap;
+  }
+
+  .sti-SourceList-title-1b112 {
+    font-weight: var(--sti-font-weight-medium);
+  }
+
+  .sti-SourceList-site-8f20e {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-SourceList-snippet-b8a73 {
+    color: var(--sti-fg-muted);
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    overflow-wrap: anywhere;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden;
+  }
+
+  .sti-SourceList-toggle-58f00 {
+    align-items: center;
+    gap: var(--sti-space-1);
+    min-block-size: var(--sti-control-h-sm);
+    padding-inline: var(--sti-space-3);
+    border: var(--sti-border-width) solid transparent;
+    border-radius: var(--sti-radius-pill);
+    color: var(--sti-fg-muted);
+    font: inherit;
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    transition: background-color var(--sti-duration-fast) var(--sti-ease-snap),
+      color var(--sti-duration-fast) var(--sti-ease-snap);
+    background: none;
+    line-height: 1;
+    display: inline-flex;
+  }
+
+  @media (hover: hover) {
+    .sti-SourceList-toggle-58f00[data-hovered] {
+      background: var(--sti-bg-surface-hover);
+      color: var(--sti-fg);
+    }
+  }
+
+  .sti-SourceList-toggle-58f00[data-pressed] {
+    background: var(--sti-bg-surface-active);
+  }
+
+  .sti-SourceList-toggle-58f00:focus-visible, .sti-SourceList-toggle-58f00[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-SourceList-toggle-58f00:focus:not([data-focus-visible]) {
+    outline: none;
+  }
+
+  .sti-SourceList-chevron-81273 {
+    font-size: var(--sti-icon-sm);
+    transition: transform var(--sti-duration-fast) var(--sti-ease-snap);
+    display: inline-flex;
+  }
+
+  .sti-SourceList-chevron-81273[data-expanded] {
+    transform: rotate(180deg);
+  }
+
+  @media (pointer: coarse) {
+    .sti-SourceList-toggle-58f00 {
+      min-block-size: var(--sti-control-h-md);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-SourceList-toggle-58f00, .sti-SourceList-chevron-81273 {
+      transition: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-SourceList-item-aa7a8 {
+      border-color: canvastext;
+    }
+
+    .sti-SourceList-item-aa7a8[data-active] {
+      border-color: highlight;
+    }
+  }
+}

package/dist/ai/SourceList/SourceList.d.ts

@@ -0,0 +1,36 @@
+export interface Source {
+  /** Kalıcı anahtar; metindeki dipnot imi bu kimlikle öğeye bağlanır (`<kök kimliği>-<kimlik>`). */
+  id: string;
+  /** Kaynağın başlığı; bağlantı metni budur. */
+  title: string;
+  /** Kaynağın adresi. */
+  href: string;
+  /** Yayımlayan site adı; verilmezse adresten alan adı gösterilir. */
+  site?: string;
+  /** Kaynaktan kısa alıntı ya da özet (yalnız `list`; en çok iki satır). */
+  snippet?: string;
+}
+export interface SourceListProps {
+  sources: readonly Source[];
+  /** `list`: ayrıntılı kartlar; `chips`: sarılan kısa bağlantılar. */
+  variant?: "list" | "chips";
+  /** Başta gösterilen kaynak sayısı; fazlası "Tüm kaynakları göster" düğmesiyle açılır. */
+  maxVisible?: number;
+  /** Boy: `sm`, `md` (varsayılan), `lg`. */
+  size?: "sm" | "md" | "lg";
+  /** Vurgulanan kaynak (metindeki imin gösterdiği). */
+  activeId?: string;
+  /** Başlık metni; verilmezse yerleşik "Kaynaklar". */
+  label?: string;
+  className?: string;
+  /** Kök kimliği; öğe kimlikleri bundan türetilir. Verilmezse kendiliğinden üretilir. */
+  id?: string;
+}
+/** Adresten gösterilecek alan adı: "www." atılır; çözümlenemezse adresin kendisi. */
+export declare function siteOf(href: string): string;
+/**
+ * Yapay zekâ yanıtının dayandığı kaynaklar: numaralı, başlıkları bağlantı olan liste. Dış
+ * bağlantılar yeni sekmede açılır (`noopener noreferrer`, "yeni sekmede açılır" bilgisiyle). Hiçbir
+ * kaynak adresine bileşen kendisi istek yapmaz: site ikonu ve önizleme getirilmez (gizlilik).
+ */
+export declare function SourceList({ sources, variant, maxVisible, size, activeId, label, className, id }: SourceListProps): import("react").JSX.Element | null;

package/dist/ai/SourceList/SourceList.js

@@ -0,0 +1,102 @@
+"use client";
+import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
+import { useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { Link as Link$1 } from "../../components/Link/Link.js";
+import SourceList_module_default from "./SourceList.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { Button } from "react-aria-components";
+// src/ai/SourceList/SourceList.tsx
+/** Adresten gösterilecek alan adı: "www." atılır; çözümlenemezse adresin kendisi. */
+function siteOf(href) {
+	try {
+		return new URL(href).hostname.replace(/^www\./, "");
+	} catch {
+		return href;
+	}
+}
+/** Bağlantı başka bir siteye mi gidiyor (mutlak http ya da https adresi)? */
+const isExternalHref = (href) => /^https?:\/\//i.test(href);
+/**
+* Yapay zekâ yanıtının dayandığı kaynaklar: numaralı, başlıkları bağlantı olan liste. Dış
+* bağlantılar yeni sekmede açılır (`noopener noreferrer`, "yeni sekmede açılır" bilgisiyle). Hiçbir
+* kaynak adresine bileşen kendisi istek yapmaz: site ikonu ve önizleme getirilmez (gizlilik).
+*/
+function SourceList({ sources, variant = "list", maxVisible = 3, size = "md", activeId, label, className, id }) {
+	const t = useMessages();
+	const generated = useId();
+	const rootId = id ?? generated;
+	const headingId = `${rootId}-heading`;
+	const listId = `${rootId}-list`;
+	const [expanded, setExpanded] = useState(false);
+	const limit = Math.max(1, maxVisible);
+	const collapsible = sources.length > limit;
+	const visible = collapsible && !expanded ? sources.slice(0, limit) : sources;
+	if (sources.length === 0) return null;
+	return /* @__PURE__ */ jsxs("section", {
+		id: rootId,
+		className: [SourceList_module_default.root, className].filter(Boolean).join(" "),
+		"data-variant": variant,
+		"data-size": size,
+		"aria-labelledby": headingId,
+		children: [
+			/* @__PURE__ */ jsxs("p", {
+				className: SourceList_module_default.heading,
+				id: headingId,
+				children: [label ?? t.aiSources, /* @__PURE__ */ jsx("span", {
+					className: SourceList_module_default.count,
+					children: template(t.aiSourcesCount, { count: sources.length })
+				})]
+			}),
+			/* @__PURE__ */ jsx("ol", {
+				className: SourceList_module_default.list,
+				id: listId,
+				children: visible.map((source) => {
+					const index = sources.indexOf(source) + 1;
+					return /* @__PURE__ */ jsxs("li", {
+						id: `${rootId}-${source.id}`,
+						className: SourceList_module_default.item,
+						"data-active": source.id === activeId || void 0,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: SourceList_module_default.index,
+							"aria-hidden": "true",
+							children: index
+						}), /* @__PURE__ */ jsxs("span", {
+							className: SourceList_module_default.body,
+							children: [
+								/* @__PURE__ */ jsx(Link$1, {
+									href: source.href,
+									external: isExternalHref(source.href),
+									className: SourceList_module_default.title,
+									children: source.title
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: SourceList_module_default.site,
+									children: source.site ?? siteOf(source.href)
+								}),
+								variant === "list" && source.snippet ? /* @__PURE__ */ jsx("span", {
+									className: SourceList_module_default.snippet,
+									children: source.snippet
+								}) : null
+							]
+						})]
+					}, source.id);
+				})
+			}),
+			collapsible ? /* @__PURE__ */ jsxs(Button, {
+				className: SourceList_module_default.toggle,
+				"aria-expanded": expanded,
+				"aria-controls": listId,
+				onPress: () => setExpanded((e) => !e),
+				children: [/* @__PURE__ */ jsx("span", { children: expanded ? t.aiSourcesShowLess : template(t.aiSourcesShowAll, { count: sources.length }) }), /* @__PURE__ */ jsx("span", {
+					className: SourceList_module_default.chevron,
+					"aria-hidden": "true",
+					"data-expanded": expanded || void 0,
+					children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+				})]
+			}) : null
+		]
+	});
+}
+export { SourceList, siteOf };

package/dist/ai/SourceList/SourceList.module.js

@@ -0,0 +1,17 @@
+import './SourceList.css';
+// src/ai/SourceList/SourceList.module.css
+var SourceList_module_default = {
+	"root": "sti-SourceList-root-da8e0",
+	"heading": "sti-SourceList-heading-115f3",
+	"count": "sti-SourceList-count-393b7",
+	"list": "sti-SourceList-list-9de58",
+	"item": "sti-SourceList-item-aa7a8",
+	"index": "sti-SourceList-index-fa3d2",
+	"body": "sti-SourceList-body-2f4df",
+	"title": "sti-SourceList-title-1b112",
+	"site": "sti-SourceList-site-8f20e",
+	"snippet": "sti-SourceList-snippet-b8a73",
+	"toggle": "sti-SourceList-toggle-58f00",
+	"chevron": "sti-SourceList-chevron-81273"
+};
+export { SourceList_module_default as default };