@stisocial/ui 0.1.0 → 0.2.0

package/dist/ai/ToolCallCard/ToolCallCard.css

@@ -0,0 +1,249 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ToolCallCard-root-f0b89 {
+    --sti-toolcall-h: var(--sti-control-h-md);
+    --sti-toolcall-font-size: var(--sti-font-size-sm);
+    --sti-toolcall-line-height: var(--sti-line-height-sm);
+    --sti-toolcall-px: var(--sti-space-3);
+    --sti-toolcall-border: var(--sti-border-subtle);
+    box-sizing: border-box;
+    border: var(--sti-border-width) solid var(--sti-toolcall-border);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-surface);
+    inline-size: 100%;
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-toolcall-font-size);
+    line-height: var(--sti-toolcall-line-height);
+    overflow: hidden;
+  }
+
+  .sti-ToolCallCard-root-f0b89[data-size="sm"] {
+    --sti-toolcall-h: var(--sti-control-h-sm);
+    --sti-toolcall-font-size: var(--sti-font-size-xs);
+    --sti-toolcall-line-height: var(--sti-line-height-xs);
+    --sti-toolcall-px: var(--sti-space-2);
+  }
+
+  .sti-ToolCallCard-root-f0b89[data-size="lg"] {
+    --sti-toolcall-h: var(--sti-control-h-lg);
+    --sti-toolcall-font-size: var(--sti-font-size-md);
+    --sti-toolcall-line-height: var(--sti-line-height-md);
+    --sti-toolcall-px: var(--sti-space-4);
+  }
+
+  .sti-ToolCallCard-root-f0b89[data-status="error"] {
+    --sti-toolcall-border: var(--sti-border-danger);
+  }
+
+  .sti-ToolCallCard-disclosure-c31af {
+    display: block;
+  }
+
+  .sti-ToolCallCard-header-7e358 {
+    box-sizing: border-box;
+    align-items: center;
+    gap: var(--sti-space-3);
+    inline-size: 100%;
+    min-block-size: var(--sti-toolcall-h);
+    padding: var(--sti-space-2) var(--sti-toolcall-px);
+    color: inherit;
+    font: inherit;
+    text-align: start;
+    background: none;
+    border: 0;
+    display: flex;
+  }
+
+  button.sti-ToolCallCard-header-7e358 {
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    transition: background-color var(--sti-duration-fast) var(--sti-ease-snap);
+  }
+
+  @media (hover: hover) {
+    button.sti-ToolCallCard-header-7e358[data-hovered] {
+      background: var(--sti-bg-surface-hover);
+    }
+  }
+
+  button.sti-ToolCallCard-header-7e358[data-pressed] {
+    background: var(--sti-bg-surface-active);
+  }
+
+  button.sti-ToolCallCard-header-7e358:focus-visible, button.sti-ToolCallCard-header-7e358[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: calc(var(--sti-focus-ring-width) * -1);
+  }
+
+  button.sti-ToolCallCard-header-7e358:focus:not([data-focus-visible]) {
+    outline: none;
+  }
+
+  .sti-ToolCallCard-status-9c88f {
+    font-size: var(--sti-icon-md);
+    flex: none;
+    display: inline-flex;
+  }
+
+  .sti-ToolCallCard-status-9c88f[data-status="pending"] {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-ToolCallCard-status-9c88f[data-status="running"] {
+    color: var(--sti-fg-accent);
+  }
+
+  .sti-ToolCallCard-status-9c88f[data-status="success"] {
+    color: var(--sti-fg-success);
+  }
+
+  .sti-ToolCallCard-status-9c88f[data-status="error"] {
+    color: var(--sti-fg-danger);
+  }
+
+  .sti-ToolCallCard-icon-08f7b {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-icon-sm);
+    flex: none;
+    display: inline-flex;
+  }
+
+  .sti-ToolCallCard-titles-9d8c3 {
+    flex-direction: column;
+    flex: auto;
+    min-inline-size: 0;
+    display: flex;
+  }
+
+  .sti-ToolCallCard-name-294ce {
+    font-weight: var(--sti-font-weight-semibold);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-ToolCallCard-summary-8f16a {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-ToolCallCard-state-cd7b5 {
+    justify-content: flex-end;
+    gap: var(--sti-space-0-5) var(--sti-space-2);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    text-align: end;
+    flex-wrap: wrap;
+    flex: none;
+    display: flex;
+  }
+
+  .sti-ToolCallCard-state-cd7b5[data-status="success"] {
+    color: var(--sti-fg-success-strong);
+  }
+
+  .sti-ToolCallCard-state-cd7b5[data-status="error"] {
+    color: var(--sti-fg-danger-strong);
+    font-weight: var(--sti-font-weight-medium);
+  }
+
+  .sti-ToolCallCard-state-cd7b5[data-status="running"] {
+    color: var(--sti-fg-accent-strong);
+  }
+
+  .sti-ToolCallCard-duration-f7442 {
+    color: var(--sti-fg-muted);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-ToolCallCard-chevron-8dc88 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-icon-sm);
+    transition: transform var(--sti-duration-fast) var(--sti-ease-snap);
+    flex: none;
+    display: inline-flex;
+  }
+
+  .sti-ToolCallCard-disclosure-c31af[data-expanded] .sti-ToolCallCard-chevron-8dc88 {
+    transform: rotate(180deg);
+  }
+
+  .sti-ToolCallCard-panel-742a6 {
+    border-block-start: var(--sti-border-width) solid var(--sti-border-subtle);
+  }
+
+  .sti-ToolCallCard-errorText-dd8e7 {
+    padding: var(--sti-space-3) var(--sti-toolcall-px) 0;
+    color: var(--sti-fg-danger-strong);
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .sti-ToolCallCard-payload-20a31 {
+    gap: var(--sti-space-1);
+    padding: var(--sti-space-3) var(--sti-toolcall-px);
+    flex-direction: column;
+    display: flex;
+  }
+
+  .sti-ToolCallCard-payloadLabel-bd105 {
+    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;
+  }
+
+  .sti-ToolCallCard-code-f4114 {
+    box-sizing: border-box;
+    max-block-size: 16rem;
+    padding: var(--sti-space-2) var(--sti-space-3);
+    border-radius: var(--sti-radius-sm);
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-mono);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    overflow-wrap: anywhere;
+    white-space: pre-wrap;
+    margin: 0;
+    overflow: auto;
+  }
+
+  .sti-ToolCallCard-code-f4114:focus-visible {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: calc(var(--sti-focus-ring-width) * -1);
+  }
+
+  .sti-ToolCallCard-value-730d6 {
+    overflow-wrap: anywhere;
+    min-inline-size: 0;
+  }
+
+  @media (pointer: coarse) {
+    .sti-ToolCallCard-root-f0b89[data-size="sm"] {
+      --sti-toolcall-h: var(--sti-control-h-md);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    button.sti-ToolCallCard-header-7e358, .sti-ToolCallCard-chevron-8dc88 {
+      transition: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-ToolCallCard-root-f0b89 {
+      border-color: canvastext;
+    }
+
+    .sti-ToolCallCard-code-f4114 {
+      border: var(--sti-border-width) solid CanvasText;
+    }
+  }
+}

package/dist/ai/ToolCallCard/ToolCallCard.d.ts

@@ -0,0 +1,39 @@
+import { Locale } from "../../provider/locale.js";
+import { ReactNode } from "react";
+export type ToolCallStatus = "pending" | "running" | "success" | "error";
+export interface ToolCallCardProps {
+  /** İşlem adımının adı ("Web'de ara", "Veritabanını sorgula"). */
+  name: string;
+  /** `pending` bekliyor, `running` çalışıyor, `success` tamamlandı (varsayılan), `error` başarısız. */
+  status?: ToolCallStatus;
+  /** Başlıkta adın altında kısa açıklama (sorgu, hedef). */
+  summary?: ReactNode;
+  /** Süre, milisaniye cinsinden; tamamlanmış adımda gösterilir. */
+  duration?: number;
+  /** Adıma verilen girdi: metin eşit aralıklı yazıyla, düğüm olduğu gibi gösterilir. */
+  input?: ReactNode;
+  /** Adımın çıktısı. */
+  output?: ReactNode;
+  /** Başarısızlık nedeni (`status="error"`). */
+  errorMessage?: ReactNode;
+  /** Adın önündeki süs ikonu (durum ikonunun yerine geçmez, yanında durur). */
+  icon?: ReactNode;
+  /** Kontrollü açık durum. */
+  isExpanded?: boolean;
+  /** Kontrolsüz başlangıç açık durumu. */
+  defaultExpanded?: boolean;
+  onExpandedChange?: (isExpanded: boolean) => void;
+  /** Boy: `sm`, `md` (varsayılan), `lg`. */
+  size?: "sm" | "md" | "lg";
+  className?: string;
+  id?: string;
+}
+/** Milisaniyeyi dile uygun, kısa yazar: "820 ms", "1,4 sn". */
+export declare function formatToolDuration(ms: number, locale: Locale): string;
+/**
+ * Yapay zekânın attığı bir işlem adımı: ad, durum (bekliyor, çalışıyor, tamamlandı, başarısız),
+ * süre ve açılır ayrıntı (girdi, çıktı, hata). APG Disclosure: başlık düğmesi `aria-expanded`
+ * taşır; Enter ve Boşluk açar. Durum değişimi ekran okuyucuya duyurulur. Ayrıntısı olmayan adım
+ * düğme değil, düz bir satırdır.
+ */
+export declare function ToolCallCard({ name, status, summary, duration, input, output, errorMessage, icon, isExpanded, defaultExpanded, onExpandedChange, size, className, id }: ToolCallCardProps): import("react").JSX.Element;

package/dist/ai/ToolCallCard/ToolCallCard.js

@@ -0,0 +1,157 @@
+"use client";
+import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
+import { useLocale, useMessages } from "../../provider/UIProvider.js";
+import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
+import { Spinner } from "../../components/Spinner/Spinner.js";
+import { CheckCircleIcon } from "../../icons/generated/CheckCircleIcon.js";
+import { announce } from "../../components/Alert/announcer.js";
+import { ClockIcon } from "../../icons/generated/ClockIcon.js";
+import ToolCallCard_module_default from "./ToolCallCard.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Button, Disclosure, DisclosurePanel } from "react-aria-components";
+// src/ai/ToolCallCard/ToolCallCard.tsx
+const STATUS_KEY = {
+	pending: "aiToolPending",
+	running: "aiToolRunning",
+	success: "aiToolSuccess",
+	error: "aiToolError"
+};
+/** Milisaniyeyi dile uygun, kısa yazar: "820 ms", "1,4 sn". */
+function formatToolDuration(ms, locale) {
+	if (ms < 1e3) return new Intl.NumberFormat(locale, {
+		style: "unit",
+		unit: "millisecond",
+		unitDisplay: "narrow",
+		maximumFractionDigits: 0
+	}).format(ms);
+	return new Intl.NumberFormat(locale, {
+		style: "unit",
+		unit: "second",
+		unitDisplay: "narrow",
+		maximumFractionDigits: 1
+	}).format(ms / 1e3);
+}
+function Payload({ label, value }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ToolCallCard_module_default.payload,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: ToolCallCard_module_default.payloadLabel,
+			children: label
+		}), typeof value === "string" ? /* @__PURE__ */ jsx("pre", {
+			className: ToolCallCard_module_default.code,
+			role: "region",
+			"aria-label": label,
+			tabIndex: 0,
+			children: value
+		}) : /* @__PURE__ */ jsx("div", {
+			className: ToolCallCard_module_default.value,
+			children: value
+		})]
+	});
+}
+/**
+* Yapay zekânın attığı bir işlem adımı: ad, durum (bekliyor, çalışıyor, tamamlandı, başarısız),
+* süre ve açılır ayrıntı (girdi, çıktı, hata). APG Disclosure: başlık düğmesi `aria-expanded`
+* taşır; Enter ve Boşluk açar. Durum değişimi ekran okuyucuya duyurulur. Ayrıntısı olmayan adım
+* düğme değil, düz bir satırdır.
+*/
+function ToolCallCard({ name, status = "success", summary, duration, input, output, errorMessage, icon, isExpanded, defaultExpanded, onExpandedChange, size = "md", className, id }) {
+	const t = useMessages();
+	const locale = useLocale();
+	const hasDetail = input !== void 0 || output !== void 0 || status === "error" && errorMessage;
+	const statusText = t[STATUS_KEY[status]];
+	const previous = useRef(status);
+	useEffect(() => {
+		if (previous.current !== status) {
+			previous.current = status;
+			announce(`${name}: ${statusText}`);
+		}
+	}, [
+		status,
+		name,
+		statusText
+	]);
+	const head = /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("span", {
+			className: ToolCallCard_module_default.status,
+			"aria-hidden": "true",
+			"data-status": status,
+			children: status === "running" ? /* @__PURE__ */ jsx(Spinner, {}) : status === "success" ? /* @__PURE__ */ jsx(CheckCircleIcon, {}) : status === "error" ? /* @__PURE__ */ jsx(AlertCircleIcon, {}) : /* @__PURE__ */ jsx(ClockIcon, {})
+		}),
+		icon ? /* @__PURE__ */ jsx("span", {
+			className: ToolCallCard_module_default.icon,
+			"aria-hidden": "true",
+			children: icon
+		}) : null,
+		/* @__PURE__ */ jsxs("span", {
+			className: ToolCallCard_module_default.titles,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: ToolCallCard_module_default.name,
+				children: name
+			}), summary ? /* @__PURE__ */ jsx("span", {
+				className: ToolCallCard_module_default.summary,
+				children: summary
+			}) : null]
+		}),
+		/* @__PURE__ */ jsxs("span", {
+			className: ToolCallCard_module_default.state,
+			"data-status": status,
+			children: [/* @__PURE__ */ jsx("span", { children: statusText }), duration !== void 0 && (status === "success" || status === "error") ? /* @__PURE__ */ jsx("span", {
+				className: ToolCallCard_module_default.duration,
+				children: formatToolDuration(duration, locale)
+			}) : null]
+		})
+	] });
+	const rootClass = [ToolCallCard_module_default.root, className].filter(Boolean).join(" ");
+	if (!hasDetail) return /* @__PURE__ */ jsx("div", {
+		id,
+		className: rootClass,
+		"data-status": status,
+		"data-size": size,
+		children: /* @__PURE__ */ jsx("div", {
+			className: ToolCallCard_module_default.header,
+			"data-static": "",
+			children: head
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		id,
+		className: rootClass,
+		"data-status": status,
+		"data-size": size,
+		children: /* @__PURE__ */ jsxs(Disclosure, {
+			className: ToolCallCard_module_default.disclosure,
+			isExpanded,
+			defaultExpanded,
+			onExpandedChange,
+			children: [/* @__PURE__ */ jsxs(Button, {
+				slot: "trigger",
+				className: ToolCallCard_module_default.header,
+				children: [head, /* @__PURE__ */ jsx("span", {
+					className: ToolCallCard_module_default.chevron,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+				})]
+			}), /* @__PURE__ */ jsxs(DisclosurePanel, {
+				className: ToolCallCard_module_default.panel,
+				"aria-label": name,
+				children: [
+					status === "error" && errorMessage ? /* @__PURE__ */ jsx("p", {
+						className: ToolCallCard_module_default.errorText,
+						children: errorMessage
+					}) : null,
+					input !== void 0 ? /* @__PURE__ */ jsx(Payload, {
+						label: t.aiToolInput,
+						value: input
+					}) : null,
+					output !== void 0 ? /* @__PURE__ */ jsx(Payload, {
+						label: t.aiToolOutput,
+						value: output
+					}) : null
+				]
+			})]
+		})
+	});
+}
+export { ToolCallCard, formatToolDuration };

package/dist/ai/ToolCallCard/ToolCallCard.module.js

@@ -0,0 +1,22 @@
+import './ToolCallCard.css';
+// src/ai/ToolCallCard/ToolCallCard.module.css
+var ToolCallCard_module_default = {
+	"root": "sti-ToolCallCard-root-f0b89",
+	"disclosure": "sti-ToolCallCard-disclosure-c31af",
+	"header": "sti-ToolCallCard-header-7e358",
+	"status": "sti-ToolCallCard-status-9c88f",
+	"icon": "sti-ToolCallCard-icon-08f7b",
+	"titles": "sti-ToolCallCard-titles-9d8c3",
+	"name": "sti-ToolCallCard-name-294ce",
+	"summary": "sti-ToolCallCard-summary-8f16a",
+	"state": "sti-ToolCallCard-state-cd7b5",
+	"duration": "sti-ToolCallCard-duration-f7442",
+	"chevron": "sti-ToolCallCard-chevron-8dc88",
+	"panel": "sti-ToolCallCard-panel-742a6",
+	"errorText": "sti-ToolCallCard-errorText-dd8e7",
+	"payload": "sti-ToolCallCard-payload-20a31",
+	"payloadLabel": "sti-ToolCallCard-payloadLabel-bd105",
+	"code": "sti-ToolCallCard-code-f4114",
+	"value": "sti-ToolCallCard-value-730d6"
+};
+export { ToolCallCard_module_default as default };

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

@@ -0,0 +1,2 @@
+import { ToolCallCard, ToolCallCardProps, ToolCallStatus, formatToolDuration } from "./ToolCallCard.js";
+export { ToolCallCard, ToolCallCardProps, ToolCallStatus, formatToolDuration };

package/dist/ai/_internal/glyphs.js

@@ -0,0 +1,45 @@
+import { Icon } from "../../icons/Icon.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/ai/_internal/glyphs.tsx
+/**
+* Yapay zekâ arayüzünün ikonları: ortak ikon setinde bulunmayan dördü (kıvılcım, başparmak yukarı,
+* başparmak aşağı, durdur). Çizim kuralları `icons/README.md` ile aynıdır (24 × 24, 1,75 çizgi,
+* yuvarlak uç); hepsi süstür, anlamı yanındaki metin ya da düğmenin adı taşır.
+*/
+/** Kıvılcım: yapay zekâ ile ilgili içeriğin işareti. */
+function SparkleGlyph(props) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "m12 3 1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9Z" }),
+			/* @__PURE__ */ jsx("path", { d: "M19 16v5" }),
+			/* @__PURE__ */ jsx("path", { d: "M16.5 18.5h5" })
+		]
+	});
+}
+function ThumbUpGlyph(props) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M7 11v9H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1Z" }), /* @__PURE__ */ jsx("path", { d: "m7 11 4-8a2.5 2.5 0 0 1 2.5 3V9H19a2 2 0 0 1 2 2.3l-1.2 7A2 2 0 0 1 17.8 20H7" })]
+	});
+}
+function ThumbDownGlyph(props) {
+	return /* @__PURE__ */ jsxs(Icon, {
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M7 13V4H4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1Z" }), /* @__PURE__ */ jsx("path", { d: "m7 13 4 8a2.5 2.5 0 0 0 2.5-3v-3H19a2 2 0 0 0 2-2.3l-1.2-7A2 2 0 0 0 17.8 4H7" })]
+	});
+}
+/** Durdur: dolu olmayan yuvarlak köşeli kare. */
+function StopGlyph(props) {
+	return /* @__PURE__ */ jsx(Icon, {
+		...props,
+		children: /* @__PURE__ */ jsx("rect", {
+			x: "6",
+			y: "6",
+			width: "12",
+			height: "12",
+			rx: "2"
+		})
+	});
+}
+export { SparkleGlyph, StopGlyph, ThumbDownGlyph, ThumbUpGlyph };

package/dist/ai/index.d.ts

@@ -0,0 +1,23 @@
+import { AiDisclosure, AiDisclosureKind, AiDisclosureProps } from "./AiDisclosure/AiDisclosure.js";
+import "./AiDisclosure/index.js";
+import { AttachmentChip, AttachmentChipProps, AttachmentKind, AttachmentStatus, attachmentKind } from "./AttachmentChip/AttachmentChip.js";
+import "./AttachmentChip/index.js";
+import { ChatThread, ChatThreadProps } from "./ChatThread/ChatThread.js";
+import { ChatThreadMessage, ChatThreadMessageProps } from "./ChatThread/ChatThreadMessage.js";
+import "./ChatThread/index.js";
+import { Conversation, ConversationGroupKey, groupConversations } from "./ConversationList/groups.js";
+import { ConversationList, ConversationListProps } from "./ConversationList/ConversationList.js";
+import { MessageActions, MessageActionsProps, MessageRating } from "./MessageActions/MessageActions.js";
+import "./MessageActions/index.js";
+import { AiModel, ModelSelect, ModelSelectProps } from "./ModelSelect/ModelSelect.js";
+import "./ModelSelect/index.js";
+import { PromptInput, PromptInputProps } from "./PromptInput/PromptInput.js";
+import "./PromptInput/index.js";
+import { Source, SourceList, SourceListProps, siteOf } from "./SourceList/SourceList.js";
+import { StreamingText, StreamingTextProps } from "./StreamingText/StreamingText.js";
+import { SuggestedPrompt, SuggestedPrompts, SuggestedPromptsProps } from "./SuggestedPrompts/SuggestedPrompts.js";
+import "./SuggestedPrompts/index.js";
+import { ThinkingIndicator, ThinkingIndicatorProps } from "./ThinkingIndicator/ThinkingIndicator.js";
+import { ToolCallCard, ToolCallCardProps, ToolCallStatus, formatToolDuration } from "./ToolCallCard/ToolCallCard.js";
+import "./ToolCallCard/index.js";
+export { AiDisclosure, AiDisclosureKind, AiDisclosureProps, AiModel, AttachmentChip, AttachmentChipProps, AttachmentKind, AttachmentStatus, ChatThread, ChatThreadMessage, ChatThreadMessageProps, ChatThreadProps, type Conversation, type ConversationGroupKey, ConversationList, ConversationListProps, MessageActions, MessageActionsProps, MessageRating, ModelSelect, ModelSelectProps, PromptInput, PromptInputProps, Source, SourceList, SourceListProps, StreamingText, StreamingTextProps, SuggestedPrompt, SuggestedPrompts, SuggestedPromptsProps, ThinkingIndicator, ThinkingIndicatorProps, ToolCallCard, ToolCallCardProps, ToolCallStatus, attachmentKind, formatToolDuration, groupConversations, siteOf };

package/dist/ai/index.js

@@ -0,0 +1,15 @@
+import { AiDisclosure } from "./AiDisclosure/AiDisclosure.js";
+import { AttachmentChip, attachmentKind } from "./AttachmentChip/AttachmentChip.js";
+import { ChatThread } from "./ChatThread/ChatThread.js";
+import { ChatThreadMessage } from "./ChatThread/ChatThreadMessage.js";
+import { groupConversations } from "./ConversationList/groups.js";
+import { ConversationList } from "./ConversationList/ConversationList.js";
+import { MessageActions } from "./MessageActions/MessageActions.js";
+import { ModelSelect } from "./ModelSelect/ModelSelect.js";
+import { PromptInput } from "./PromptInput/PromptInput.js";
+import { SourceList, siteOf } from "./SourceList/SourceList.js";
+import { StreamingText } from "./StreamingText/StreamingText.js";
+import { SuggestedPrompts } from "./SuggestedPrompts/SuggestedPrompts.js";
+import { ThinkingIndicator } from "./ThinkingIndicator/ThinkingIndicator.js";
+import { ToolCallCard, formatToolDuration } from "./ToolCallCard/ToolCallCard.js";
+export { AiDisclosure, AttachmentChip, ChatThread, ChatThreadMessage, ConversationList, MessageActions, ModelSelect, PromptInput, SourceList, StreamingText, SuggestedPrompts, ThinkingIndicator, ToolCallCard, attachmentKind, formatToolDuration, groupConversations, siteOf };

package/dist/charts/AreaChart/AreaChart.css

@@ -0,0 +1,9 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-AreaChart-root-58350 {
+    --sti-area-chart-gap: var(--sti-space-3);
+    gap: var(--sti-area-chart-gap);
+    width: 100%;
+    min-width: 0;
+  }
+}

package/dist/charts/AreaChart/AreaChart.d.ts

@@ -0,0 +1,13 @@
+import { LineAreaCommonProps } from "../_internal/LineArea.js";
+export interface AreaChartProps extends LineAreaCommonProps {
+  /** Alanları üst üste dizer (toplam hacim ve parçalar). Varsayılan: üst üste binen alanlar. */
+  stacked?: boolean;
+  /** İstifte her kategoriyi yüzde 100'e çeker; yalnız `stacked` ile. */
+  normalize?: boolean;
+}
+/**
+ * Alan grafiği: çizginin altı dolu; hacmi ve toplamı vurgular (günlük erişim, harcama). Üst üste
+ * binen alanlar saydamdır, çizgi serinin ayırt edici işaretidir. `stacked` ile parçalar toplamı
+ * oluşturur. Etkileşim, klavye ve tablo görünümü `LineChart` ile aynıdır.
+ */
+export declare function AreaChart({ className, stacked, normalize, ...rest }: AreaChartProps): import("react").JSX.Element;

package/dist/charts/AreaChart/AreaChart.js

@@ -0,0 +1,19 @@
+import { LineArea } from "../_internal/LineArea.js";
+import AreaChart_module_default from "./AreaChart.module.js";
+import { jsx } from "react/jsx-runtime";
+// src/charts/AreaChart/AreaChart.tsx
+/**
+* Alan grafiği: çizginin altı dolu; hacmi ve toplamı vurgular (günlük erişim, harcama). Üst üste
+* binen alanlar saydamdır, çizgi serinin ayırt edici işaretidir. `stacked` ile parçalar toplamı
+* oluşturur. Etkileşim, klavye ve tablo görünümü `LineChart` ile aynıdır.
+*/
+function AreaChart({ className, stacked = false, normalize, ...rest }) {
+	return /* @__PURE__ */ jsx(LineArea, {
+		...rest,
+		area: stacked ? "stacked" : "overlap",
+		normalize: stacked ? normalize : false,
+		showMarkers: false,
+		className: [AreaChart_module_default.root, className].filter(Boolean).join(" ")
+	});
+}
+export { AreaChart };

package/dist/charts/AreaChart/AreaChart.module.js

@@ -0,0 +1,4 @@
+import './AreaChart.css';
+// src/charts/AreaChart/AreaChart.module.css
+var AreaChart_module_default = { "root": "sti-AreaChart-root-58350" };
+export { AreaChart_module_default as default };

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

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

package/dist/charts/BarChart/BarChart.css

@@ -0,0 +1,9 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-BarChart-root-cb68f {
+    --sti-bar-chart-gap: var(--sti-space-3);
+    gap: var(--sti-bar-chart-gap);
+    width: 100%;
+    min-width: 0;
+  }
+}

package/dist/charts/BarChart/BarChart.d.ts

@@ -0,0 +1,17 @@
+import { ChartSeries } from "../_internal/category.js";
+import { BarsCommonProps } from "../_internal/Bars.js";
+export interface BarChartProps extends BarsCommonProps {
+  /** Seriler; birden çoksa kategori içinde yan yana gruplanır. */
+  series: readonly ChartSeries[];
+  /** `vertical` (varsayılan) ya da `horizontal` (uzun kategori adları ve sıralamalar için). */
+  orientation?: "vertical" | "horizontal";
+  /** Çubukların ucuna değer yazar (çubuk yeterince genişse). */
+  showValues?: boolean;
+}
+/**
+ * Çubuk grafiği: kategoriler arası büyüklükleri karşılaştırır (kanal başına harcama, kampanya
+ * başına sonuç). Çubuklar sıfır tabanından başlar; negatif değerler tabanın altına iner. Birden
+ * çok seri kategori içinde gruplanır; istif için `StackedBarChart` kullanılır. Etkileşim ve erişilebilirlik
+ * `LineChart` ile aynıdır: tek odak durağı, oklar kategori gezdirir, tablo görünümü vardır.
+ */
+export declare function BarChart({ className, orientation, showValues, series, ...rest }: BarChartProps): import("react").JSX.Element;

package/dist/charts/BarChart/BarChart.js

@@ -0,0 +1,21 @@
+import { Bars } from "../_internal/Bars.js";
+import BarChart_module_default from "./BarChart.module.js";
+import { jsx } from "react/jsx-runtime";
+// src/charts/BarChart/BarChart.tsx
+/**
+* Çubuk grafiği: kategoriler arası büyüklükleri karşılaştırır (kanal başına harcama, kampanya
+* başına sonuç). Çubuklar sıfır tabanından başlar; negatif değerler tabanın altına iner. Birden
+* çok seri kategori içinde gruplanır; istif için `StackedBarChart` kullanılır. Etkileşim ve erişilebilirlik
+* `LineChart` ile aynıdır: tek odak durağı, oklar kategori gezdirir, tablo görünümü vardır.
+*/
+function BarChart({ className, orientation, showValues, series, ...rest }) {
+	return /* @__PURE__ */ jsx(Bars, {
+		...rest,
+		series,
+		mode: "grouped",
+		orientation,
+		showValues,
+		className: [BarChart_module_default.root, className].filter(Boolean).join(" ")
+	});
+}
+export { BarChart };

package/dist/charts/BarChart/BarChart.module.js

@@ -0,0 +1,4 @@
+import './BarChart.css';
+// src/charts/BarChart/BarChart.module.css
+var BarChart_module_default = { "root": "sti-BarChart-root-cb68f" };
+export { BarChart_module_default as default };