@stisocial/ui 0.1.0 → 0.2.1

package/dist/agency/XPostPreview/XPostPreview.js

@@ -0,0 +1,91 @@
+import { RefreshIcon } from "../../icons/generated/RefreshIcon.js";
+import { HeartIcon } from "../../icons/generated/HeartIcon.js";
+import { MessageIcon } from "../../icons/generated/MessageIcon.js";
+import { BarChartIcon } from "../../icons/generated/BarChartIcon.js";
+import { ShareIcon } from "../../icons/generated/ShareIcon.js";
+import { PLATFORM_LIMITS, graphemes } from "../_shared/platforms.js";
+import { PreviewAvatar, PreviewMedia, PreviewName, PreviewShell, PreviewText } from "../_shared/Preview.js";
+import XPostPreview_module_default from "./XPostPreview.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/agency/XPostPreview/XPostPreview.tsx
+/**
+* X gönderisi önizlemesi: solda profil görseli, sağda ad, kullanıcı adı, metin (280 karakter),
+* görsel ve sayaç şeridi. 280 karakteri aşan metin kesilmez; aşan kısım işaretlenir, çünkü
+* önizleme sınırı aşan gönderinin yayımlanamayacağını göstermelidir. Sunucu bileşenidir.
+*/
+function XPostPreview({ label, account, text, media, timeLabel, replies, reposts, likes, views, className, id }) {
+	const max = PLATFORM_LIMITS.x.max;
+	const chars = graphemes(text);
+	const over = chars.length > max;
+	const head = over ? chars.slice(0, max).join("") : text;
+	const tail = over ? chars.slice(max).join("") : "";
+	const counters = [
+		{
+			key: "replies",
+			icon: /* @__PURE__ */ jsx(MessageIcon, {}),
+			value: replies
+		},
+		{
+			key: "reposts",
+			icon: /* @__PURE__ */ jsx(RefreshIcon, {}),
+			value: reposts
+		},
+		{
+			key: "likes",
+			icon: /* @__PURE__ */ jsx(HeartIcon, {}),
+			value: likes
+		},
+		{
+			key: "views",
+			icon: /* @__PURE__ */ jsx(BarChartIcon, {}),
+			value: views
+		}
+	];
+	return /* @__PURE__ */ jsx(PreviewShell, {
+		label,
+		id,
+		platform: "x",
+		className: [XPostPreview_module_default.root, className].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: XPostPreview_module_default.layout,
+			children: [/* @__PURE__ */ jsx(PreviewAvatar, { account }), /* @__PURE__ */ jsxs("div", {
+				className: XPostPreview_module_default.main,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: XPostPreview_module_default.head,
+						children: [/* @__PURE__ */ jsx(PreviewName, {
+							account,
+							showHandle: true
+						}), timeLabel ? /* @__PURE__ */ jsxs("span", {
+							className: XPostPreview_module_default.time,
+							children: ["· ", timeLabel]
+						}) : null]
+					}),
+					/* @__PURE__ */ jsx(PreviewText, { text: head }),
+					tail ? /* @__PURE__ */ jsx("p", {
+						className: XPostPreview_module_default.over,
+						"data-over": "",
+						children: tail
+					}) : null,
+					media ? /* @__PURE__ */ jsx(PreviewMedia, {
+						media,
+						ratio: "16:9",
+						className: XPostPreview_module_default.media
+					}) : null,
+					/* @__PURE__ */ jsxs("div", {
+						className: XPostPreview_module_default.counters,
+						"aria-hidden": "true",
+						children: [counters.map((c) => /* @__PURE__ */ jsxs("span", {
+							className: XPostPreview_module_default.counter,
+							children: [c.icon, c.value ? /* @__PURE__ */ jsx("span", {
+								className: XPostPreview_module_default.count,
+								children: c.value
+							}) : null]
+						}, c.key)), /* @__PURE__ */ jsx(ShareIcon, { className: XPostPreview_module_default.share })]
+					})
+				]
+			})]
+		})
+	});
+}
+export { XPostPreview };

package/dist/agency/XPostPreview/XPostPreview.module.js

@@ -0,0 +1,16 @@
+import './XPostPreview.css';
+// src/agency/XPostPreview/XPostPreview.module.css
+var XPostPreview_module_default = {
+	"root": "sti-XPostPreview-root-38842",
+	"layout": "sti-XPostPreview-layout-e9e34",
+	"main": "sti-XPostPreview-main-aad24",
+	"head": "sti-XPostPreview-head-4990f",
+	"time": "sti-XPostPreview-time-5cd4e",
+	"over": "sti-XPostPreview-over-51a4a",
+	"media": "sti-XPostPreview-media-fd961",
+	"counters": "sti-XPostPreview-counters-43ba5",
+	"counter": "sti-XPostPreview-counter-c507b",
+	"count": "sti-XPostPreview-count-6cab0",
+	"share": "sti-XPostPreview-share-70703"
+};
+export { XPostPreview_module_default as default };

package/dist/agency/XPostPreview/index.d.ts

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

package/dist/agency/YouTubeThumbnailPreview/YouTubeThumbnailPreview.css

@@ -0,0 +1,55 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-YouTubeThumbnailPreview-root-97743 {
+    --sti-preview-max: 24rem;
+    --sti-preview-pad: 0;
+    --sti-preview-gap: var(--sti-space-3);
+    --sti-preview-radius: var(--sti-radius-md);
+  }
+
+  .sti-YouTubeThumbnailPreview-media-b7106 {
+    --sti-media-radius: 0;
+  }
+
+  .sti-YouTubeThumbnailPreview-duration-9d6da {
+    position: absolute;
+    inset-block-end: var(--sti-space-2);
+    inset-inline-end: var(--sti-space-2);
+  }
+
+  .sti-YouTubeThumbnailPreview-body-3cf28 {
+    align-items: flex-start;
+    gap: var(--sti-space-3);
+    padding: 0 var(--sti-space-3) var(--sti-space-3);
+    display: flex;
+  }
+
+  .sti-YouTubeThumbnailPreview-info-5909b {
+    gap: var(--sti-space-0-5);
+    flex: 1;
+    min-width: 0;
+    display: grid;
+  }
+
+  .sti-YouTubeThumbnailPreview-title-977bb {
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-md);
+    overflow-wrap: anywhere;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+    margin: 0;
+    display: -webkit-box;
+    overflow: hidden;
+  }
+
+  .sti-YouTubeThumbnailPreview-channel-cef44, .sti-YouTubeThumbnailPreview-meta-1b982 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+}

package/dist/agency/YouTubeThumbnailPreview/YouTubeThumbnailPreview.d.ts

@@ -0,0 +1,20 @@
+import { PreviewAccount, PreviewBaseProps, PreviewMediaItem } from "../_shared/Preview.js";
+/** YouTube başlığının en çok uzunluğu (karakter). */
+export declare const YOUTUBE_TITLE_MAX = 100;
+export interface YouTubeThumbnailPreviewProps extends PreviewBaseProps {
+  /** Kanal. */
+  account: PreviewAccount;
+  /** Video başlığı; en çok 100 karakter, aşan kısım kesilir ve akışta iki satırda gösterilir. */
+  title: string;
+  /** Küçük resim (16:9; önerilen 1280×720). */
+  media?: PreviewMediaItem;
+  /** Süre ("12:48"). */
+  duration?: string;
+  /** Görüntülenme ve zaman ("24 B görüntüleme · 2 gün önce"). */
+  meta?: string;
+}
+/**
+ * YouTube küçük resim önizlemesi: 16:9 görsel, süre etiketi, başlık (iki satır), kanal ve
+ * görüntülenme satırı. Sunucu bileşenidir.
+ */
+export declare function YouTubeThumbnailPreview({ label, account, title, media, duration, meta, className, id }: YouTubeThumbnailPreviewProps): import("react").JSX.Element;

package/dist/agency/YouTubeThumbnailPreview/YouTubeThumbnailPreview.js

@@ -0,0 +1,49 @@
+import { truncateText } from "../_shared/platforms.js";
+import { PreviewAvatar, PreviewChip, PreviewMedia, PreviewShell } from "../_shared/Preview.js";
+import YouTubeThumbnailPreview_module_default from "./YouTubeThumbnailPreview.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/agency/YouTubeThumbnailPreview/YouTubeThumbnailPreview.tsx
+/** YouTube başlığının en çok uzunluğu (karakter). */
+const YOUTUBE_TITLE_MAX = 100;
+/**
+* YouTube küçük resim önizlemesi: 16:9 görsel, süre etiketi, başlık (iki satır), kanal ve
+* görüntülenme satırı. Sunucu bileşenidir.
+*/
+function YouTubeThumbnailPreview({ label, account, title, media, duration, meta, className, id }) {
+	const shown = truncateText(title, 100);
+	return /* @__PURE__ */ jsxs(PreviewShell, {
+		label,
+		id,
+		platform: "youtube",
+		className: [YouTubeThumbnailPreview_module_default.root, className].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ jsx(PreviewMedia, {
+			media,
+			ratio: "16:9",
+			className: YouTubeThumbnailPreview_module_default.media,
+			children: duration ? /* @__PURE__ */ jsx("span", {
+				className: YouTubeThumbnailPreview_module_default.duration,
+				children: /* @__PURE__ */ jsx(PreviewChip, { children: duration })
+			}) : null
+		}), /* @__PURE__ */ jsxs("div", {
+			className: YouTubeThumbnailPreview_module_default.body,
+			children: [/* @__PURE__ */ jsx(PreviewAvatar, { account }), /* @__PURE__ */ jsxs("div", {
+				className: YouTubeThumbnailPreview_module_default.info,
+				children: [
+					/* @__PURE__ */ jsxs("h3", {
+						className: YouTubeThumbnailPreview_module_default.title,
+						children: [shown.text, shown.cut ? "…" : ""]
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: YouTubeThumbnailPreview_module_default.channel,
+						children: account.name
+					}),
+					meta ? /* @__PURE__ */ jsx("span", {
+						className: YouTubeThumbnailPreview_module_default.meta,
+						children: meta
+					}) : null
+				]
+			})]
+		})]
+	});
+}
+export { YOUTUBE_TITLE_MAX, YouTubeThumbnailPreview };

package/dist/agency/YouTubeThumbnailPreview/YouTubeThumbnailPreview.module.js

@@ -0,0 +1,13 @@
+import './YouTubeThumbnailPreview.css';
+// src/agency/YouTubeThumbnailPreview/YouTubeThumbnailPreview.module.css
+var YouTubeThumbnailPreview_module_default = {
+	"root": "sti-YouTubeThumbnailPreview-root-97743",
+	"media": "sti-YouTubeThumbnailPreview-media-b7106",
+	"duration": "sti-YouTubeThumbnailPreview-duration-9d6da",
+	"body": "sti-YouTubeThumbnailPreview-body-3cf28",
+	"info": "sti-YouTubeThumbnailPreview-info-5909b",
+	"title": "sti-YouTubeThumbnailPreview-title-977bb",
+	"channel": "sti-YouTubeThumbnailPreview-channel-cef44",
+	"meta": "sti-YouTubeThumbnailPreview-meta-1b982"
+};
+export { YouTubeThumbnailPreview_module_default as default };

package/dist/agency/YouTubeThumbnailPreview/index.d.ts

@@ -0,0 +1,2 @@
+import { YOUTUBE_TITLE_MAX, YouTubeThumbnailPreview, YouTubeThumbnailPreviewProps } from "./YouTubeThumbnailPreview.js";
+export { YOUTUBE_TITLE_MAX, YouTubeThumbnailPreview, YouTubeThumbnailPreviewProps };

package/dist/agency/_shared/Preview.css

@@ -0,0 +1,226 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-Preview-shell-7404e {
+    gap: var(--sti-preview-gap, var(--sti-space-3));
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    max-width: var(--sti-preview-max, 30rem);
+    padding-block: var(--sti-preview-pad, var(--sti-space-3));
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-preview-radius, var(--sti-radius-md));
+    background: var(--sti-bg-surface);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    flex-direction: column;
+    margin: 0;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .sti-Preview-avatar-ee0d8 {
+    box-sizing: border-box;
+    inline-size: var(--sti-space-10);
+    block-size: var(--sti-space-10);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-accent-subtle);
+    color: var(--sti-fg-accent-strong);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    object-fit: cover;
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+    overflow: hidden;
+  }
+
+  .sti-Preview-avatar-ee0d8[data-size="sm"] {
+    inline-size: var(--sti-space-6);
+    block-size: var(--sti-space-6);
+    font-size: var(--sti-font-size-xs);
+  }
+
+  .sti-Preview-avatar-ee0d8[data-size="lg"] {
+    inline-size: var(--sti-space-12);
+    block-size: var(--sti-space-12);
+  }
+
+  .sti-Preview-name-1a280 {
+    align-items: center;
+    gap: var(--sti-space-1);
+    min-width: 0;
+    font-weight: var(--sti-font-weight-semibold);
+    display: inline-flex;
+  }
+
+  .sti-Preview-nameText-02c6d {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .sti-Preview-verified-4d7c3 {
+    inline-size: var(--sti-icon-sm);
+    block-size: var(--sti-icon-sm);
+    color: var(--sti-fg-info);
+    flex: none;
+  }
+
+  .sti-Preview-handle-94ef3 {
+    min-width: 0;
+    color: var(--sti-fg-muted);
+    font-weight: var(--sti-font-weight-regular);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .sti-Preview-text-86980 {
+    overflow-wrap: anywhere;
+    white-space: pre-wrap;
+    margin: 0;
+  }
+
+  .sti-Preview-lead-f2f2d {
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-Preview-token-63de6 {
+    color: var(--sti-fg-link);
+  }
+
+  .sti-Preview-token-63de6[data-plain] {
+    color: inherit;
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-Preview-more-83a3f {
+    color: var(--sti-fg-muted);
+    font-weight: var(--sti-font-weight-medium);
+  }
+
+  .sti-Preview-more-83a3f[data-plain] {
+    color: inherit;
+  }
+
+  .sti-Preview-media-ebce0 {
+    box-sizing: border-box;
+    inline-size: var(--sti-media-inline-size, 100%);
+    min-width: 0;
+    margin-inline: var(--sti-media-margin-inline, 0);
+    border: var(--sti-media-border, 0);
+    border-radius: var(--sti-media-radius, 0);
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg-muted);
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .sti-Preview-media-ebce0[data-ratio="1:1"] {
+    aspect-ratio: 1;
+  }
+
+  .sti-Preview-media-ebce0[data-ratio="4:5"] {
+    aspect-ratio: 4 / 5;
+  }
+
+  .sti-Preview-media-ebce0[data-ratio="9:16"] {
+    aspect-ratio: 9 / 16;
+  }
+
+  .sti-Preview-media-ebce0[data-ratio="16:9"] {
+    aspect-ratio: 16 / 9;
+  }
+
+  .sti-Preview-media-ebce0[data-ratio="1.91:1"] {
+    aspect-ratio: 1.91;
+  }
+
+  .sti-Preview-media-ebce0[data-ratio="2:3"] {
+    aspect-ratio: 2 / 3;
+  }
+
+  .sti-Preview-image-8f35c {
+    object-fit: cover;
+    block-size: 100%;
+    inline-size: 100%;
+    display: block;
+  }
+
+  .sti-Preview-layer-0d71d {
+    flex-direction: column;
+    justify-content: space-between;
+    min-width: 0;
+    display: flex;
+    position: absolute;
+    inset: 0;
+  }
+
+  .sti-Preview-placeholder-d97a1 {
+    flex: none;
+  }
+
+  .sti-Preview-actions-efb31 {
+    align-items: center;
+    gap: var(--sti-space-4);
+    color: var(--sti-fg);
+    font-size: var(--sti-icon-md);
+    display: flex;
+  }
+
+  .sti-Preview-chip-57111 {
+    align-items: center;
+    gap: var(--sti-space-2);
+    box-sizing: border-box;
+    max-inline-size: 100%;
+    min-width: 0;
+    padding-block: var(--sti-space-0-5);
+    padding-inline: var(--sti-space-3);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-inverse);
+    color: var(--sti-fg-inverse);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-xs);
+    display: inline-flex;
+  }
+
+  .sti-Preview-chip-57111[data-block] {
+    border-radius: var(--sti-radius-sm);
+    padding-block: var(--sti-space-1);
+    text-align: start;
+    overflow-wrap: anywhere;
+    display: block;
+  }
+
+  @media (forced-colors: active) {
+    .sti-Preview-chip-57111 {
+      border: var(--sti-border-width) solid CanvasText;
+      color: canvastext;
+      background: canvas;
+    }
+
+    .sti-Preview-shell-7404e {
+      border-color: canvastext;
+    }
+
+    .sti-Preview-avatar-ee0d8 {
+      border: var(--sti-border-width) solid CanvasText;
+    }
+
+    .sti-Preview-token-63de6 {
+      color: linktext;
+    }
+
+    .sti-Preview-token-63de6[data-plain] {
+      color: canvastext;
+    }
+  }
+}

package/dist/agency/_shared/Preview.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+/** Önizlemelerin ortak hesap bilgisi. Gerçek logo ve arayüz kopyalanmaz; çizim bizimdir. */
+export interface PreviewAccount {
+  /** Görünen ad. */
+  name: string;
+  /** Kullanıcı adı ("@" olmadan). */
+  handle?: string;
+  /** Profil fotoğrafı; verilmezse baş harfler çizilir. */
+  avatarSrc?: string;
+  /** Doğrulanmış hesap işareti. */
+  verified?: boolean;
+  /** Ad altı bilgi ("Sponsorlu", "2 sa"). */
+  subtitle?: string;
+}
+export interface PreviewMediaItem {
+  src: string;
+  /** Alt metin (zorunlu): görsel anlam taşıyorsa anlatır, süsse boş bırakılır. */
+  alt: string;
+}
+export type PreviewRatio = "1:1" | "4:5" | "9:16" | "16:9" | "1.91:1" | "2:3";
+/** Her önizlemenin ortak özellikleri. */
+export interface PreviewBaseProps {
+  /** Önizlemenin erişilebilir adı (zorunlu): "Instagram gönderi önizlemesi". */
+  label: string;
+  className?: string;
+  id?: string;
+}

package/dist/agency/_shared/Preview.js

@@ -0,0 +1,117 @@
+import { initials } from "../../text/text.js";
+import { CheckCircleIcon } from "../../icons/generated/CheckCircleIcon.js";
+import { ImageIcon } from "../../icons/generated/ImageIcon.js";
+import { tokenizeText, truncateText } from "./platforms.js";
+import Preview_module_default from "./Preview.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/agency/_shared/Preview.tsx
+function cx(...parts) {
+	return parts.filter(Boolean).join(" ");
+}
+/** Önizleme kabı: `figure`; çizilen sahte arayüz ekran okuyucudan gizlenir, metin okunur. */
+function PreviewShell({ label, platform, className, id, children }) {
+	return /* @__PURE__ */ jsx("figure", {
+		id,
+		className: cx(Preview_module_default.shell, className),
+		"data-sti-preview": platform,
+		"aria-label": label,
+		children
+	});
+}
+function PreviewAvatar({ account, size = "md" }) {
+	return account.avatarSrc ? /* @__PURE__ */ jsx("img", {
+		className: Preview_module_default.avatar,
+		"data-size": size,
+		src: account.avatarSrc,
+		alt: ""
+	}) : /* @__PURE__ */ jsx("span", {
+		className: Preview_module_default.avatar,
+		"data-size": size,
+		"aria-hidden": "true",
+		children: initials(account.name)
+	});
+}
+/** Ad satırı: ad, doğrulama işareti ve isteğe bağlı kullanıcı adı. */
+function PreviewName({ account, showHandle = false }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: Preview_module_default.name,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: Preview_module_default.nameText,
+				children: account.name
+			}),
+			account.verified ? /* @__PURE__ */ jsx(CheckCircleIcon, { className: Preview_module_default.verified }) : null,
+			showHandle && account.handle ? /* @__PURE__ */ jsxs("span", {
+				className: Preview_module_default.handle,
+				children: ["@", account.handle]
+			}) : null
+		]
+	});
+}
+/** Metin: etiket, anma ve bağlantı vurgulanır; sınırı aşan metin kesilir ve "devamı" eklenir. */
+function PreviewText({ text, limit, moreLabel, lead, plain = false, className }) {
+	const shown = limit ? truncateText(text, limit) : {
+		text,
+		cut: false
+	};
+	const tokens = tokenizeText(shown.text);
+	return /* @__PURE__ */ jsxs("p", {
+		className: cx(Preview_module_default.text, className),
+		children: [
+			lead ? /* @__PURE__ */ jsxs("span", {
+				className: Preview_module_default.lead,
+				children: [lead, " "]
+			}) : null,
+			tokens.map((t) => t.kind === "text" ? /* @__PURE__ */ jsx("span", { children: t.value }, t.at) : /* @__PURE__ */ jsx("span", {
+				className: Preview_module_default.token,
+				"data-kind": t.kind,
+				"data-plain": plain ? "" : void 0,
+				children: t.value
+			}, t.at)),
+			shown.cut ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: "… " }), moreLabel ? /* @__PURE__ */ jsx("span", {
+				className: Preview_module_default.more,
+				"data-plain": plain ? "" : void 0,
+				children: moreLabel
+			}) : null] }) : null
+		]
+	});
+}
+/** Görsel alanı: görsel varsa `img`, yoksa nötr yer tutucu; oran `data-ratio` ile verilir. */
+function PreviewMedia({ media, ratio, className, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(Preview_module_default.media, className),
+		"data-ratio": ratio,
+		"data-empty": media ? void 0 : "",
+		children: [media ? /* @__PURE__ */ jsx("img", {
+			className: Preview_module_default.image,
+			src: media.src,
+			alt: media.alt
+		}) : /* @__PURE__ */ jsx(ImageIcon, {
+			className: Preview_module_default.placeholder,
+			size: "lg"
+		}), children ? /* @__PURE__ */ jsx("div", {
+			className: Preview_module_default.layer,
+			children
+		}) : null]
+	});
+}
+/** Eylem şeridi (beğen, yorum, paylaş…): sahte arayüzdür, ekran okuyucudan gizlenir. */
+function PreviewActions({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(Preview_module_default.actions, className),
+		"aria-hidden": "true",
+		children
+	});
+}
+/**
+* Görselin üstüne konan okunur etiket (ad, süre, ses): görselin rengi ne olursa olsun yazı, ters
+* zemin ve ters yazı çiftiyle okunur kalır.
+*/
+function PreviewChip({ children, className, block = false }) {
+	return /* @__PURE__ */ jsx(block ? "div" : "span", {
+		className: cx(Preview_module_default.chip, className),
+		"data-block": block ? "" : void 0,
+		children
+	});
+}
+export { PreviewActions, PreviewAvatar, PreviewChip, PreviewMedia, PreviewName, PreviewShell, PreviewText, cx };

package/dist/agency/_shared/Preview.module.js

@@ -0,0 +1,21 @@
+import './Preview.css';
+// src/agency/_shared/Preview.module.css
+var Preview_module_default = {
+	"shell": "sti-Preview-shell-7404e",
+	"avatar": "sti-Preview-avatar-ee0d8",
+	"name": "sti-Preview-name-1a280",
+	"nameText": "sti-Preview-nameText-02c6d",
+	"verified": "sti-Preview-verified-4d7c3",
+	"handle": "sti-Preview-handle-94ef3",
+	"text": "sti-Preview-text-86980",
+	"lead": "sti-Preview-lead-f2f2d",
+	"token": "sti-Preview-token-63de6",
+	"more": "sti-Preview-more-83a3f",
+	"media": "sti-Preview-media-ebce0",
+	"image": "sti-Preview-image-8f35c",
+	"layer": "sti-Preview-layer-0d71d",
+	"placeholder": "sti-Preview-placeholder-d97a1",
+	"actions": "sti-Preview-actions-efb31",
+	"chip": "sti-Preview-chip-57111"
+};
+export { Preview_module_default as default };

package/dist/agency/_shared/platforms.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Platform sınırları (karakter, etiket, görünür ilk bölüm) ve metin yardımcıları. Sınırlar
+ * platformların yayımladığı değerlerdir; platform değiştirirse buradan güncellenir. Saf işlevlerdir:
+ * sunucuda ve istemcide çalışır.
+ */
+export type Platform = "instagram" | "tiktok" | "facebook" | "linkedin" | "x" | "threads" | "pinterest" | "youtube";
+export interface PlatformLimit {
+  /** Gönderi metninin en çok karakteri. */
+  max: number;
+  /** Akışta "devamı" düğmesinden önce görünen karakter sayısı (yaklaşık). */
+  visible: number;
+  /** En çok etiket (#); sınırsızsa `null`. */
+  hashtags: number | null;
+}
+export declare const PLATFORM_LIMITS: Record<Platform, PlatformLimit>;
+export declare const PLATFORMS: Platform[];
+export declare function countChars(text: string): number;
+/** Metni en çok `limit` karaktere keser; kesildiyse `cut: true` döner. Sözcük ortasında kesmez. */
+export declare function truncateText(text: string, limit: number): {
+  text: string;
+  cut: boolean;
+};
+/** Metindeki etiketler (# olmadan; yinelenenler ve büyük-küçük harf farkı atılır). */
+export declare function extractHashtags(text: string): string[];