@stisocial/ui 0.1.0 → 0.2.0

package/dist/ai/StreamingText/StreamingText.d.ts

@@ -0,0 +1,33 @@
+export interface StreamingTextProps {
+  /** Şimdiye kadar gelen metin; akış sürdükçe uygulama bu değeri büyütür. */
+  text: string;
+  /** Yanıt hâlâ geliyor: yazım imleci görünür, ekran okuyucu bitişi bekler. */
+  isStreaming?: boolean;
+  /**
+   * Metin biçimi: `plain` düz metin (satır sonları korunur), `markdown` güvenli Markdown ağacı
+   * (HTML yorumlanmaz, dış bağlantılara `nofollow ugc` eklenir).
+   */
+  format?: "plain" | "markdown";
+  /**
+   * Saniyedeki karakter sayısı: verilirse gelen metin bu hızla yazılarak gösterilir (yalnız ağdan
+   * kümeler hâlinde gelen akışı yumuşatmak için). Verilmezse metin geldiği gibi görünür. Hareketi
+   * azaltmayı seçen kullanıcıda her zaman geldiği gibi görünür.
+   */
+  revealSpeed?: number;
+  /** Akış sürerken yazım imleci görünsün (varsayılan). */
+  showCaret?: boolean;
+  /** Yazı boyu: `sm`, `md` (varsayılan), `lg`. */
+  size?: "sm" | "md" | "lg";
+  /** Yanıt bitince ekran okuyucuya "Yanıt tamamlandı" duyurulur (varsayılan). */
+  announceCompletion?: boolean;
+  /** Gelen metnin tamamı gösterilip akış bittiğinde. */
+  onComplete?: () => void;
+  className?: string;
+  id?: string;
+}
+/**
+ * Akan yapay zekâ yanıtı: gelen metni gösterir, sürerken sonunda yazım imleci durur. Ekran okuyucu
+ * her kelimeyi değil yalnız bitişi duyurur (`aria-busy` ve tek duyuru). Metin React ile çizilir,
+ * HTML yorumlanmaz; Markdown güvenli bir ağaçtan üretilir.
+ */
+export declare function StreamingText({ text, isStreaming, format, revealSpeed, showCaret, size, announceCompletion, onComplete, className, id }: StreamingTextProps): import("react").JSX.Element;

package/dist/ai/StreamingText/StreamingText.js

@@ -0,0 +1,98 @@
+"use client";
+import { useLocale, useMessages } from "../../provider/UIProvider.js";
+import { announce } from "../../components/Alert/announcer.js";
+import { Markdown } from "../../components/Markdown/Markdown.js";
+import StreamingText_module_default from "./StreamingText.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+// src/ai/StreamingText/StreamingText.tsx
+/** Eşlenmemiş yüksek vekil yarıyı (emoji ortasında kesilmiş) göstermemek için metni keser. */
+function safeSlice(text, length) {
+	if (length >= text.length) return text;
+	const end = length > 0 && /[\uD800-\uDBFF]/.test(text.charAt(length - 1)) ? length - 1 : length;
+	return text.slice(0, end);
+}
+/**
+* Akan yapay zekâ yanıtı: gelen metni gösterir, sürerken sonunda yazım imleci durur. Ekran okuyucu
+* her kelimeyi değil yalnız bitişi duyurur (`aria-busy` ve tek duyuru). Metin React ile çizilir,
+* HTML yorumlanmaz; Markdown güvenli bir ağaçtan üretilir.
+*/
+function StreamingText({ text, isStreaming = false, format = "plain", revealSpeed, showCaret = true, size = "md", announceCompletion = true, onComplete, className, id }) {
+	const t = useMessages();
+	const locale = useLocale();
+	const paced = revealSpeed !== void 0 && revealSpeed > 0;
+	const [shown, setShown] = useState(paced ? 0 : text.length);
+	const position = useRef(paced ? 0 : text.length);
+	const previous = useRef(text);
+	if (!text.startsWith(previous.current)) {
+		previous.current = text;
+		position.current = 0;
+	} else previous.current = text;
+	useEffect(() => {
+		const target = text.length;
+		const reduced = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+		if (!paced || reduced) {
+			position.current = target;
+			setShown(target);
+			return;
+		}
+		position.current = Math.min(position.current, target);
+		setShown(Math.floor(position.current));
+		if (position.current >= target) return;
+		let frame = 0;
+		let last = performance.now();
+		const tick = (now) => {
+			const elapsed = now - last;
+			last = now;
+			position.current = Math.min(target, position.current + revealSpeed * elapsed / 1e3);
+			setShown(Math.floor(position.current));
+			if (position.current < target) frame = requestAnimationFrame(tick);
+		};
+		frame = requestAnimationFrame(tick);
+		return () => cancelAnimationFrame(frame);
+	}, [
+		text,
+		paced,
+		revealSpeed
+	]);
+	const visibleLength = paced ? Math.min(shown, text.length) : text.length;
+	const visible = safeSlice(text, visibleLength);
+	const busy = isStreaming || visibleLength < text.length;
+	const wasBusy = useRef(busy);
+	useEffect(() => {
+		if (wasBusy.current && !busy) {
+			if (announceCompletion) announce(t.aiStreamDone);
+			onComplete?.();
+		}
+		wasBusy.current = busy;
+	}, [
+		busy,
+		announceCompletion,
+		onComplete,
+		t.aiStreamDone
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [StreamingText_module_default.root, className].filter(Boolean).join(" "),
+		"data-format": format,
+		"data-size": size,
+		"data-busy": busy || void 0,
+		"aria-busy": busy || void 0,
+		children: [format === "markdown" ? /* @__PURE__ */ jsx(Markdown, {
+			source: visible,
+			size,
+			fullWidth: true,
+			userContent: true,
+			externalLinksInNewTab: true,
+			locale
+		}) : /* @__PURE__ */ jsx("span", {
+			className: StreamingText_module_default.text,
+			children: visible
+		}), busy && showCaret ? /* @__PURE__ */ jsx("span", {
+			className: StreamingText_module_default.caret,
+			"data-format": format,
+			"aria-hidden": "true"
+		}) : null]
+	});
+}
+export { StreamingText };

package/dist/ai/StreamingText/StreamingText.module.js

@@ -0,0 +1,9 @@
+import './StreamingText.css';
+// src/ai/StreamingText/StreamingText.module.css
+var StreamingText_module_default = {
+	"root": "sti-StreamingText-root-e0b33",
+	"text": "sti-StreamingText-text-e6eb1",
+	"caret": "sti-StreamingText-caret-8374b",
+	"sti-streaming-blink": "sti-StreamingText-sti-streaming-blink-0caa0"
+};
+export { StreamingText_module_default as default };

package/dist/ai/SuggestedPrompts/SuggestedPrompts.css

@@ -0,0 +1,198 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-SuggestedPrompts-root-7dcb7 {
+    --sti-prompts-gap: var(--sti-space-3);
+    --sti-prompts-radius: var(--sti-radius-lg);
+    --sti-prompts-px: var(--sti-space-4);
+    --sti-prompts-py: var(--sti-space-3);
+    --sti-prompts-font-size: var(--sti-font-size-sm);
+    --sti-prompts-line-height: var(--sti-line-height-sm);
+    --sti-prompts-min-h: var(--sti-control-h-md);
+    --sti-prompts-columns: 14rem;
+    box-sizing: border-box;
+    gap: var(--sti-space-3);
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    flex-direction: column;
+    display: flex;
+  }
+
+  .sti-SuggestedPrompts-root-7dcb7[data-size="sm"] {
+    --sti-prompts-px: var(--sti-space-3);
+    --sti-prompts-py: var(--sti-space-2);
+    --sti-prompts-font-size: var(--sti-font-size-xs);
+    --sti-prompts-line-height: var(--sti-line-height-xs);
+    --sti-prompts-min-h: var(--sti-control-h-sm);
+    --sti-prompts-columns: 12rem;
+  }
+
+  .sti-SuggestedPrompts-root-7dcb7[data-size="lg"] {
+    --sti-prompts-px: var(--sti-space-5);
+    --sti-prompts-py: var(--sti-space-4);
+    --sti-prompts-font-size: var(--sti-font-size-md);
+    --sti-prompts-line-height: var(--sti-line-height-md);
+    --sti-prompts-min-h: var(--sti-control-h-lg);
+    --sti-prompts-columns: 16rem;
+  }
+
+  .sti-SuggestedPrompts-label-44b07 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-sm);
+  }
+
+  .sti-SuggestedPrompts-label-44b07:not([data-visible]) {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  .sti-SuggestedPrompts-list-4f8a0 {
+    gap: var(--sti-prompts-gap);
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--sti-prompts-columns)), 1fr));
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: grid;
+  }
+
+  .sti-SuggestedPrompts-root-7dcb7[data-variant="chips"] .sti-SuggestedPrompts-list-4f8a0 {
+    gap: var(--sti-space-2);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-SuggestedPrompts-item-ab2bc {
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    display: flex;
+  }
+
+  .sti-SuggestedPrompts-root-7dcb7[data-variant="cards"] .sti-SuggestedPrompts-item-ab2bc {
+    flex: auto;
+  }
+
+  .sti-SuggestedPrompts-button-8a469 {
+    box-sizing: border-box;
+    align-items: flex-start;
+    gap: var(--sti-space-3);
+    inline-size: 100%;
+    min-block-size: var(--sti-prompts-min-h);
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    padding: var(--sti-prompts-py) var(--sti-prompts-px);
+    border: var(--sti-border-width) solid var(--sti-border-strong);
+    border-radius: var(--sti-prompts-radius);
+    background: var(--sti-bg-surface);
+    color: var(--sti-fg);
+    font: inherit;
+    font-size: var(--sti-prompts-font-size);
+    line-height: var(--sti-prompts-line-height);
+    text-align: start;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    transition: background-color var(--sti-duration-fast) var(--sti-ease-snap),
+      border-color var(--sti-duration-fast) var(--sti-ease-snap),
+      transform var(--sti-duration-fast) var(--sti-ease-snap);
+    display: flex;
+  }
+
+  .sti-SuggestedPrompts-root-7dcb7[data-variant="chips"] .sti-SuggestedPrompts-button-8a469 {
+    align-items: center;
+    gap: var(--sti-space-2);
+    inline-size: auto;
+    padding-block: var(--sti-space-1);
+    border-radius: var(--sti-radius-pill);
+  }
+
+  .sti-SuggestedPrompts-icon-d84ad {
+    color: var(--sti-fg-accent);
+    font-size: var(--sti-icon-md);
+    flex: none;
+    display: inline-flex;
+  }
+
+  .sti-SuggestedPrompts-text-1caae {
+    gap: var(--sti-space-0-5);
+    flex-direction: column;
+    min-inline-size: 0;
+    display: flex;
+  }
+
+  .sti-SuggestedPrompts-title-799bc {
+    overflow-wrap: anywhere;
+  }
+
+  .sti-SuggestedPrompts-root-7dcb7[data-variant="cards"] .sti-SuggestedPrompts-title-799bc {
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-SuggestedPrompts-description-737cd {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+  }
+
+  @media (hover: hover) {
+    .sti-SuggestedPrompts-button-8a469[data-hovered]:not([data-disabled]) {
+      border-color: var(--sti-border-accent);
+      background: var(--sti-bg-accent-subtle);
+    }
+  }
+
+  .sti-SuggestedPrompts-button-8a469[data-pressed]:not([data-disabled]) {
+    transform: scale(.99);
+  }
+
+  .sti-SuggestedPrompts-button-8a469:focus-visible, .sti-SuggestedPrompts-button-8a469[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-SuggestedPrompts-button-8a469:focus:not([data-focus-visible]) {
+    outline: none;
+  }
+
+  .sti-SuggestedPrompts-button-8a469[data-disabled] {
+    opacity: var(--sti-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  @media (pointer: coarse) {
+    .sti-SuggestedPrompts-root-7dcb7[data-size="sm"] {
+      --sti-prompts-min-h: var(--sti-control-h-md);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-SuggestedPrompts-button-8a469 {
+      transition: none;
+    }
+
+    .sti-SuggestedPrompts-button-8a469[data-pressed] {
+      transform: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-SuggestedPrompts-button-8a469 {
+      border-color: buttontext;
+    }
+
+    .sti-SuggestedPrompts-button-8a469[data-disabled] {
+      color: graytext;
+      opacity: 1;
+      border-color: graytext;
+    }
+  }
+}

package/dist/ai/SuggestedPrompts/SuggestedPrompts.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from "react";
+export interface SuggestedPrompt {
+  /** Kalıcı anahtar. */
+  id: string;
+  /** Seçilince yazılacak istem metni; `title` yoksa düğmenin yazısıdır. */
+  text: string;
+  /** Kartta kalın başlık (yalnız `cards`); verilmezse `text` başlık olur. */
+  title?: string;
+  /** Kartta başlığın altında açıklama (yalnız `cards`). */
+  description?: string;
+  /** Süs ikonu. */
+  icon?: ReactNode;
+  isDisabled?: boolean;
+}
+export interface SuggestedPromptsProps {
+  prompts: readonly SuggestedPrompt[];
+  /** Bir öneri seçilince: istemi giriş alanına yazmak ya da göndermek uygulamanındır. */
+  onSelect: (prompt: SuggestedPrompt) => void;
+  /** `cards`: ızgarada kartlar (boş sohbet ekranı); `chips`: sarılan hap düğmeler (yanıt altı). */
+  variant?: "cards" | "chips";
+  /** Boy: `sm`, `md` (varsayılan), `lg`. */
+  size?: "sm" | "md" | "lg";
+  /** Grubun adı; verilmezse yerleşik "Önerilen istemler". */
+  label?: string;
+  /** Adı görsel olarak da göster (başlık). */
+  showLabel?: boolean;
+  isDisabled?: boolean;
+  className?: string;
+  id?: string;
+}
+/**
+ * Önerilen istemler: sohbete başlamak ya da konuşmayı sürdürmek için tek basışlık öneriler. Her
+ * öneri bir düğmedir (Tab ile gezilir; Enter ve Boşluk seçer); grup adlı bir listedir.
+ */
+export declare function SuggestedPrompts({ prompts, onSelect, variant, size, label, showLabel, isDisabled, className, id }: SuggestedPromptsProps): import("react").JSX.Element;

package/dist/ai/SuggestedPrompts/SuggestedPrompts.js

@@ -0,0 +1,54 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import SuggestedPrompts_module_default from "./SuggestedPrompts.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Button } from "react-aria-components";
+// src/ai/SuggestedPrompts/SuggestedPrompts.tsx
+/**
+* Önerilen istemler: sohbete başlamak ya da konuşmayı sürdürmek için tek basışlık öneriler. Her
+* öneri bir düğmedir (Tab ile gezilir; Enter ve Boşluk seçer); grup adlı bir listedir.
+*/
+function SuggestedPrompts({ prompts, onSelect, variant = "cards", size = "md", label, showLabel = false, isDisabled, className, id }) {
+	const t = useMessages();
+	const labelId = useId();
+	const name = label ?? t.aiSuggestedPrompts;
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [SuggestedPrompts_module_default.root, className].filter(Boolean).join(" "),
+		"data-variant": variant,
+		"data-size": size,
+		children: [/* @__PURE__ */ jsx("span", {
+			id: labelId,
+			className: SuggestedPrompts_module_default.label,
+			"data-visible": showLabel || void 0,
+			children: name
+		}), /* @__PURE__ */ jsx("ul", {
+			className: SuggestedPrompts_module_default.list,
+			"aria-labelledby": labelId,
+			children: prompts.map((p) => /* @__PURE__ */ jsx("li", {
+				className: SuggestedPrompts_module_default.item,
+				children: /* @__PURE__ */ jsxs(Button, {
+					className: SuggestedPrompts_module_default.button,
+					isDisabled: isDisabled || p.isDisabled,
+					onPress: () => onSelect(p),
+					children: [p.icon ? /* @__PURE__ */ jsx("span", {
+						className: SuggestedPrompts_module_default.icon,
+						"aria-hidden": "true",
+						children: p.icon
+					}) : null, /* @__PURE__ */ jsxs("span", {
+						className: SuggestedPrompts_module_default.text,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: SuggestedPrompts_module_default.title,
+							children: p.title ?? p.text
+						}), variant === "cards" && p.description ? /* @__PURE__ */ jsx("span", {
+							className: SuggestedPrompts_module_default.description,
+							children: p.description
+						}) : null]
+					})]
+				})
+			}, p.id))
+		})]
+	});
+}
+export { SuggestedPrompts };

package/dist/ai/SuggestedPrompts/SuggestedPrompts.module.js

@@ -0,0 +1,14 @@
+import './SuggestedPrompts.css';
+// src/ai/SuggestedPrompts/SuggestedPrompts.module.css
+var SuggestedPrompts_module_default = {
+	"root": "sti-SuggestedPrompts-root-7dcb7",
+	"label": "sti-SuggestedPrompts-label-44b07",
+	"list": "sti-SuggestedPrompts-list-4f8a0",
+	"item": "sti-SuggestedPrompts-item-ab2bc",
+	"button": "sti-SuggestedPrompts-button-8a469",
+	"icon": "sti-SuggestedPrompts-icon-d84ad",
+	"text": "sti-SuggestedPrompts-text-1caae",
+	"title": "sti-SuggestedPrompts-title-799bc",
+	"description": "sti-SuggestedPrompts-description-737cd"
+};
+export { SuggestedPrompts_module_default as default };

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

@@ -0,0 +1,2 @@
+import { SuggestedPrompt, SuggestedPrompts, SuggestedPromptsProps } from "./SuggestedPrompts.js";
+export { SuggestedPrompt, SuggestedPrompts, SuggestedPromptsProps };

package/dist/ai/ThinkingIndicator/ThinkingIndicator.css

@@ -0,0 +1,83 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ThinkingIndicator-root-4f67f {
+    --sti-thinking-dot: calc(var(--sti-space-2) * .75);
+    --sti-thinking-gap: var(--sti-space-1);
+    --sti-thinking-font-size: var(--sti-font-size-sm);
+    --sti-thinking-line-height: var(--sti-line-height-sm);
+    --sti-thinking-cycle: calc(var(--sti-duration-loop) / 2);
+    align-items: center;
+    gap: var(--sti-space-2);
+    max-inline-size: 100%;
+    color: var(--sti-fg-muted);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-thinking-font-size);
+    line-height: var(--sti-thinking-line-height);
+    display: inline-flex;
+  }
+
+  .sti-ThinkingIndicator-root-4f67f[data-size="sm"] {
+    --sti-thinking-dot: var(--sti-space-1);
+    --sti-thinking-font-size: var(--sti-font-size-xs);
+    --sti-thinking-line-height: var(--sti-line-height-xs);
+  }
+
+  .sti-ThinkingIndicator-root-4f67f[data-size="lg"] {
+    --sti-thinking-dot: calc(var(--sti-space-2) * 1.25);
+    --sti-thinking-font-size: var(--sti-font-size-md);
+    --sti-thinking-line-height: var(--sti-line-height-md);
+  }
+
+  .sti-ThinkingIndicator-dots-52227 {
+    align-items: center;
+    gap: var(--sti-thinking-gap);
+    flex: none;
+    display: inline-flex;
+  }
+
+  .sti-ThinkingIndicator-dot-0e744 {
+    inline-size: var(--sti-thinking-dot);
+    block-size: var(--sti-thinking-dot);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-fg-accent);
+    animation: sti-ThinkingIndicator-sti-thinking-pulse-0d4cb var(--sti-thinking-cycle) var(--sti-ease-in-out) infinite;
+    display: block;
+  }
+
+  .sti-ThinkingIndicator-dot-0e744[data-index="1"] {
+    animation-delay: calc(var(--sti-thinking-cycle) * -.8);
+  }
+
+  .sti-ThinkingIndicator-dot-0e744[data-index="2"] {
+    animation-delay: calc(var(--sti-thinking-cycle) * -.6);
+  }
+
+  .sti-ThinkingIndicator-label-e6f54 {
+    overflow-wrap: anywhere;
+    min-inline-size: 0;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-ThinkingIndicator-root-4f67f {
+      --sti-thinking-cycle: var(--sti-duration-loop);
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-ThinkingIndicator-dot-0e744 {
+      background: canvastext;
+    }
+  }
+
+  @keyframes sti-ThinkingIndicator-sti-thinking-pulse-0d4cb {
+    0%, 80%, 100% {
+      opacity: .3;
+      transform: scale(.75);
+    }
+
+    40% {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+}

package/dist/ai/ThinkingIndicator/ThinkingIndicator.d.ts

@@ -0,0 +1,16 @@
+export interface ThinkingIndicatorProps {
+  /** Durum metni; verilmezse yerleşik "Yanıt hazırlanıyor". */
+  label?: string;
+  /** Metin görünür kalır (varsayılan); kapalıysa yalnız ekran okuyucuya okunur. */
+  showLabel?: boolean;
+  /** Boy: `sm`, `md` (varsayılan), `lg`; nokta ve yazı boyu. */
+  size?: "sm" | "md" | "lg";
+  className?: string;
+  id?: string;
+}
+/**
+ * Yapay zekânın yanıtı hazırladığını gösteren belirsiz süreli gösterge: üç nokta sırayla belirir,
+ * yanında durum metni yazar. Görünür olduğunda ekran okuyucuya bir kez duyurulur. Hareketi azaltmayı
+ * seçen kullanıcıda durmaz, yavaşlar (durmuş gösterge "takıldı" gibi okunur).
+ */
+export declare function ThinkingIndicator({ label, showLabel, size, className, id }: ThinkingIndicatorProps): import("react").JSX.Element;

package/dist/ai/ThinkingIndicator/ThinkingIndicator.js

@@ -0,0 +1,47 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
+import { Announcer } from "../../components/Announcer/Announcer.js";
+import ThinkingIndicator_module_default from "./ThinkingIndicator.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/ai/ThinkingIndicator/ThinkingIndicator.tsx
+/**
+* Yapay zekânın yanıtı hazırladığını gösteren belirsiz süreli gösterge: üç nokta sırayla belirir,
+* yanında durum metni yazar. Görünür olduğunda ekran okuyucuya bir kez duyurulur. Hareketi azaltmayı
+* seçen kullanıcıda durmaz, yavaşlar (durmuş gösterge "takıldı" gibi okunur).
+*/
+function ThinkingIndicator({ label, showLabel = true, size = "md", className, id }) {
+	const t = useMessages();
+	const text = label ?? t.aiThinking;
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [ThinkingIndicator_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		children: [
+			/* @__PURE__ */ jsxs("span", {
+				className: ThinkingIndicator_module_default.dots,
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: ThinkingIndicator_module_default.dot,
+						"data-index": "0"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: ThinkingIndicator_module_default.dot,
+						"data-index": "1"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: ThinkingIndicator_module_default.dot,
+						"data-index": "2"
+					})
+				]
+			}),
+			showLabel ? /* @__PURE__ */ jsx("span", {
+				className: ThinkingIndicator_module_default.label,
+				children: text
+			}) : /* @__PURE__ */ jsx(VisuallyHidden, { children: text }),
+			/* @__PURE__ */ jsx(Announcer, { message: text })
+		]
+	});
+}
+export { ThinkingIndicator };

package/dist/ai/ThinkingIndicator/ThinkingIndicator.module.js

@@ -0,0 +1,10 @@
+import './ThinkingIndicator.css';
+// src/ai/ThinkingIndicator/ThinkingIndicator.module.css
+var ThinkingIndicator_module_default = {
+	"root": "sti-ThinkingIndicator-root-4f67f",
+	"dots": "sti-ThinkingIndicator-dots-52227",
+	"dot": "sti-ThinkingIndicator-dot-0e744",
+	"sti-thinking-pulse": "sti-ThinkingIndicator-sti-thinking-pulse-0d4cb",
+	"label": "sti-ThinkingIndicator-label-e6f54"
+};
+export { ThinkingIndicator_module_default as default };