@stisocial/ui 0.2.1 → 0.3.0

package/dist/agency/UtmBuilder/UtmBuilder.css

@@ -0,0 +1,66 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-UtmBuilder-root-fa3dc {
+    gap: var(--sti-space-5);
+    inline-size: 100%;
+    min-inline-size: 0;
+    max-inline-size: 48rem;
+    font-family: var(--sti-font-text);
+    display: grid;
+  }
+
+  .sti-UtmBuilder-grid-eb21b {
+    gap: var(--sti-space-4);
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
+    align-items: start;
+    display: grid;
+  }
+
+  .sti-UtmBuilder-field-70840 {
+    gap: var(--sti-space-2);
+    display: grid;
+  }
+
+  .sti-UtmBuilder-presets-3ded3 {
+    gap: var(--sti-space-1);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-UtmBuilder-result-f37c1 {
+    gap: var(--sti-space-2);
+    padding: var(--sti-space-4);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-subtle);
+    display: grid;
+  }
+
+  .sti-UtmBuilder-resultLabel-65a26 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-UtmBuilder-resultRow-694df {
+    align-items: center;
+    gap: var(--sti-space-3);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-UtmBuilder-url-d5e06 {
+    min-inline-size: 0;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-mono);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+    flex: 18rem;
+  }
+
+  .sti-UtmBuilder-missing-b7e67 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+  }
+}

package/dist/agency/UtmBuilder/UtmBuilder.d.ts

@@ -0,0 +1,33 @@
+export interface UtmParams {
+  source: string;
+  medium: string;
+  campaign: string;
+  term?: string;
+  content?: string;
+}
+/** UTM değerini biçimler: küçük harf, Türkçe harfler ASCII, boşluklar "-", yalnız harf, rakam, "-", "_", ".". */
+export declare function normalizeUtm(value: string): string;
+/**
+ * Hedef adrese UTM parametrelerini ekler. Var olan sorgu korunur, eski `utm_*` değerleri değiştirilir,
+ * `#` parçası sonda kalır. Yalnız http(s) adresinde çalışır; aksi hâlde `null`.
+ */
+export declare function buildUtmUrl(base: string, params: UtmParams): string | null;
+export interface UtmBuilderProps {
+  defaultUrl?: string;
+  defaultParams?: Partial<UtmParams>;
+  /** Kaynak önerileri. */
+  sources?: readonly string[];
+  /** Ortam önerileri. */
+  mediums?: readonly string[];
+  /** Adres her değiştiğinde (geçerliyse). */
+  onChange?: (url: string | null) => void;
+  className?: string;
+  id?: string;
+}
+/**
+ * UTM bağlantısı oluşturucu: hedef adres, kaynak, ortam, kampanya (zorunlu), anahtar sözcük ve
+ * içerik; yaygın kaynak ve ortamlar tek tıklamayla. Değerler biçimlenir (küçük harf, Türkçe harf
+ * yok, boşluk yerine "-"); sonuç adres canlı yazılır ve kopyalanır. Eksik ya da geçersiz alanlar
+ * metinle bildirilir.
+ */
+export declare function UtmBuilder({ defaultUrl, defaultParams, sources, mediums, onChange, className, id }: UtmBuilderProps): import("react").JSX.Element;

package/dist/agency/UtmBuilder/UtmBuilder.js

@@ -0,0 +1,201 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { Button } from "../../components/Button/Button.js";
+import { TextField } from "../../components/TextField/TextField.js";
+import { CopyButton } from "../../components/CopyButton/CopyButton.js";
+import { cx } from "../_shared/Preview.js";
+import UtmBuilder_module_default from "./UtmBuilder.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+// src/agency/UtmBuilder/UtmBuilder.tsx
+const TR = {
+	ı: "i",
+	İ: "i",
+	ş: "s",
+	Ş: "s",
+	ğ: "g",
+	Ğ: "g",
+	ç: "c",
+	Ç: "c",
+	ö: "o",
+	Ö: "o",
+	ü: "u",
+	Ü: "u"
+};
+/** UTM değerini biçimler: küçük harf, Türkçe harfler ASCII, boşluklar "-", yalnız harf, rakam, "-", "_", ".". */
+function normalizeUtm(value) {
+	return value.trim().replace(/[ıİşŞğĞçÇöÖüÜ]/g, (c) => TR[c] ?? c).toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9._-]/g, "").replace(/-{2,}/g, "-");
+}
+/**
+* Hedef adrese UTM parametrelerini ekler. Var olan sorgu korunur, eski `utm_*` değerleri değiştirilir,
+* `#` parçası sonda kalır. Yalnız http(s) adresinde çalışır; aksi hâlde `null`.
+*/
+function buildUtmUrl(base, params) {
+	let url;
+	try {
+		url = new URL(base.trim());
+	} catch {
+		return null;
+	}
+	if (url.protocol !== "https:" && url.protocol !== "http:") return null;
+	const entries = [
+		["utm_source", params.source],
+		["utm_medium", params.medium],
+		["utm_campaign", params.campaign],
+		["utm_term", params.term],
+		["utm_content", params.content]
+	];
+	for (const [k, v] of entries) {
+		const clean = v ? normalizeUtm(v) : "";
+		if (clean) url.searchParams.set(k, clean);
+		else url.searchParams.delete(k);
+	}
+	return url.toString();
+}
+/**
+* UTM bağlantısı oluşturucu: hedef adres, kaynak, ortam, kampanya (zorunlu), anahtar sözcük ve
+* içerik; yaygın kaynak ve ortamlar tek tıklamayla. Değerler biçimlenir (küçük harf, Türkçe harf
+* yok, boşluk yerine "-"); sonuç adres canlı yazılır ve kopyalanır. Eksik ya da geçersiz alanlar
+* metinle bildirilir.
+*/
+function UtmBuilder({ defaultUrl = "", defaultParams, sources = [
+	"instagram",
+	"facebook",
+	"tiktok",
+	"linkedin",
+	"google",
+	"newsletter"
+], mediums = [
+	"social",
+	"paid-social",
+	"cpc",
+	"email",
+	"display",
+	"referral"
+], onChange, className, id }) {
+	const t = useMessages();
+	const [base, setBase] = useState(defaultUrl);
+	const [p, setP] = useState({
+		source: "",
+		medium: "",
+		campaign: "",
+		term: "",
+		content: "",
+		...defaultParams
+	});
+	const update = (next) => {
+		const b = next.base ?? base;
+		const params = next.params ?? p;
+		if (next.base !== void 0) setBase(b);
+		if (next.params) setP(params);
+		onChange?.(params.source && params.medium && params.campaign ? buildUtmUrl(b, params) : null);
+	};
+	const set = (k, v) => update({ params: {
+		...p,
+		[k]: v
+	} });
+	const urlValid = base.trim() === "" || buildUtmUrl(base, {
+		source: "",
+		medium: "",
+		campaign: ""
+	}) !== null;
+	const missing = [
+		!base.trim() ? t.agencyUtmUrl : null,
+		!p.source.trim() ? t.agencyUtmSource : null,
+		!p.medium.trim() ? t.agencyUtmMedium : null,
+		!p.campaign.trim() ? t.agencyUtmCampaign : null
+	].filter(Boolean);
+	const result = missing.length === 0 && urlValid ? buildUtmUrl(base, p) : null;
+	const presets = (k, list) => /* @__PURE__ */ jsx("div", {
+		className: UtmBuilder_module_default.presets,
+		role: "group",
+		"aria-label": k === "source" ? t.agencyUtmSourcePresets : t.agencyUtmMediumPresets,
+		children: list.map((v) => /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			variant: normalizeUtm(p[k]) === v ? "primary" : "secondary",
+			onPress: () => set(k, v),
+			children: v
+		}, v))
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: cx(UtmBuilder_module_default.root, className),
+		children: [
+			/* @__PURE__ */ jsx(TextField, {
+				label: t.agencyUtmUrl,
+				type: "url",
+				inputMode: "url",
+				value: base,
+				onChange: (v) => update({ base: v }),
+				placeholder: "https://",
+				isRequired: true,
+				isInvalid: !urlValid,
+				errorMessage: t.agencyUtmUrlInvalid
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: UtmBuilder_module_default.grid,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: UtmBuilder_module_default.field,
+						children: [/* @__PURE__ */ jsx(TextField, {
+							label: t.agencyUtmSource,
+							description: t.agencyUtmSourceHint,
+							value: p.source,
+							onChange: (v) => set("source", v),
+							isRequired: true
+						}), presets("source", sources)]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: UtmBuilder_module_default.field,
+						children: [/* @__PURE__ */ jsx(TextField, {
+							label: t.agencyUtmMedium,
+							description: t.agencyUtmMediumHint,
+							value: p.medium,
+							onChange: (v) => set("medium", v),
+							isRequired: true
+						}), presets("medium", mediums)]
+					}),
+					/* @__PURE__ */ jsx(TextField, {
+						label: t.agencyUtmCampaign,
+						description: t.agencyUtmCampaignHint,
+						value: p.campaign,
+						onChange: (v) => set("campaign", v),
+						isRequired: true
+					}),
+					/* @__PURE__ */ jsx(TextField, {
+						label: t.agencyUtmTerm,
+						value: p.term ?? "",
+						onChange: (v) => set("term", v)
+					}),
+					/* @__PURE__ */ jsx(TextField, {
+						label: t.agencyUtmContent,
+						description: t.agencyUtmContentHint,
+						value: p.content ?? "",
+						onChange: (v) => set("content", v)
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: UtmBuilder_module_default.result,
+				"aria-label": t.agencyUtmResult,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: UtmBuilder_module_default.resultLabel,
+					children: t.agencyUtmResult
+				}), result ? /* @__PURE__ */ jsxs("div", {
+					className: UtmBuilder_module_default.resultRow,
+					children: [/* @__PURE__ */ jsx("output", {
+						className: UtmBuilder_module_default.url,
+						children: result
+					}), /* @__PURE__ */ jsx(CopyButton, {
+						value: result,
+						label: t.agencyUtmCopy
+					})]
+				}) : /* @__PURE__ */ jsx("output", {
+					className: UtmBuilder_module_default.missing,
+					children: urlValid ? `${t.agencyUtmMissing} ${missing.join(", ")}` : t.agencyUtmUrlInvalid
+				})]
+			})
+		]
+	});
+}
+export { UtmBuilder, buildUtmUrl, normalizeUtm };

package/dist/agency/UtmBuilder/UtmBuilder.module.js

@@ -0,0 +1,14 @@
+import './UtmBuilder.css';
+// src/agency/UtmBuilder/UtmBuilder.module.css
+var UtmBuilder_module_default = {
+	"root": "sti-UtmBuilder-root-fa3dc",
+	"grid": "sti-UtmBuilder-grid-eb21b",
+	"field": "sti-UtmBuilder-field-70840",
+	"presets": "sti-UtmBuilder-presets-3ded3",
+	"result": "sti-UtmBuilder-result-f37c1",
+	"resultLabel": "sti-UtmBuilder-resultLabel-65a26",
+	"resultRow": "sti-UtmBuilder-resultRow-694df",
+	"url": "sti-UtmBuilder-url-d5e06",
+	"missing": "sti-UtmBuilder-missing-b7e67"
+};
+export { UtmBuilder_module_default as default };

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

@@ -21,4 +21,6 @@ export declare function truncateText(text: string, limit: number): {
   cut: boolean;
 };
 /** Metindeki etiketler (# olmadan; yinelenenler ve büyük-küçük harf farkı atılır). */
-export declare function extractHashtags(text: string): string[];
+export declare function extractHashtags(text: string): string[];
+/** "https://www.anadolukahve.com/kampanya?x=1" → "anadolukahve.com"; çözülemezse olduğu gibi. */
+export declare function displayDomain(url: string): string;

package/dist/agency/_shared/platforms.js

@@ -106,4 +106,12 @@ function extractHashtags(text) {
 	}
 	return out;
 }
-export { PLATFORMS, PLATFORM_LIMITS, countChars, extractHashtags, graphemes, tokenizeText, truncateText };
+/** "https://www.anadolukahve.com/kampanya?x=1" → "anadolukahve.com"; çözülemezse olduğu gibi. */
+function displayDomain(url) {
+	try {
+		return new URL(url).hostname.replace(/^www\./, "");
+	} catch {
+		return url.replace(/^https?:\/\//, "").replace(/^www\./, "").split(/[/?#]/)[0] ?? url;
+	}
+}
+export { PLATFORMS, PLATFORM_LIMITS, countChars, displayDomain, extractHashtags, graphemes, tokenizeText, truncateText };

package/dist/agency/index.d.ts

@@ -1,7 +1,33 @@
 import { PreviewAccount, PreviewBaseProps, PreviewMediaItem, PreviewRatio } from "./_shared/Preview.js";
-import { PLATFORMS, PLATFORM_LIMITS, Platform, PlatformLimit, countChars, extractHashtags, truncateText } from "./_shared/platforms.js";
+import { PLATFORMS, PLATFORM_LIMITS, Platform, PlatformLimit, countChars, displayDomain, extractHashtags, truncateText } from "./_shared/platforms.js";
+import { Annotation, AnnotationLayer, AnnotationLayerProps } from "./AnnotationLayer/AnnotationLayer.js";
+import { ApprovalActions, ApprovalActionsProps, ApprovalDecision } from "./ApprovalActions/ApprovalActions.js";
+import { ApprovalFlow, ApprovalFlowProps, ApprovalStep, ApprovalStepStatus } from "./ApprovalFlow/ApprovalFlow.js";
+import "./ApprovalFlow/index.js";
+import { Asset, AssetCard, AssetCardProps, AssetKind } from "./AssetCard/AssetCard.js";
+import "./AssetCard/index.js";
+import { AssetLibrary, AssetLibraryProps, AssetSort, filterAssets } from "./AssetLibrary/AssetLibrary.js";
+import "./AssetLibrary/index.js";
+import { AssetPicker, AssetPickerProps } from "./AssetPicker/AssetPicker.js";
+import "./AssetPicker/index.js";
+import { BrandColor, ColorPaletteDisplay, ColorPaletteDisplayProps, contrastLevel, contrastRatio, hexToRgb } from "./ColorPaletteDisplay/ColorPaletteDisplay.js";
+import { BrandFont, BrandKitViewer, BrandKitViewerProps, BrandLogo } from "./BrandKitViewer/BrandKitViewer.js";
+import { BriefForm, BriefFormProps, BriefObjective, BriefValues } from "./BriefForm/BriefForm.js";
+import "./BriefForm/index.js";
+import { BudgetLine, BudgetTracker, BudgetTrackerProps } from "./BudgetTracker/BudgetTracker.js";
+import { BudgetPace, PaceStatus, budgetPace } from "./BudgetTracker/budgetPace.js";
+import { CampaignCard, CampaignCardProps, CampaignKpi, CampaignStatus } from "./CampaignCard/CampaignCard.js";
+import "./CampaignCard/index.js";
+import { ChannelMetric, ChannelMetrics, ChannelPerformanceTable, ChannelPerformanceTableProps, ChannelRow, channelMetrics, totalRow } from "./ChannelPerformanceTable/ChannelPerformanceTable.js";
+import { CalendarPost, ContentCalendar, ContentCalendarProps, PostStatus } from "./ContentCalendar/ContentCalendar.js";
 import { FacebookPostPreview, FacebookPostPreviewProps } from "./FacebookPostPreview/FacebookPostPreview.js";
 import "./FacebookPostPreview/index.js";
+import { DisplayAdSize, GoogleDisplayAdPreview, GoogleDisplayAdPreviewProps } from "./GoogleDisplayAdPreview/GoogleDisplayAdPreview.js";
+import "./GoogleDisplayAdPreview/index.js";
+import { GoogleSearchAdPreview, GoogleSearchAdPreviewProps, SEARCH_AD_LIMITS } from "./GoogleSearchAdPreview/GoogleSearchAdPreview.js";
+import "./GoogleSearchAdPreview/index.js";
+import { HashtagInput, HashtagInputProps, normalizeHashtag, normalizeHashtags } from "./HashtagInput/HashtagInput.js";
+import "./HashtagInput/index.js";
 import { InstagramPostPreview, InstagramPostPreviewProps } from "./InstagramPostPreview/InstagramPostPreview.js";
 import "./InstagramPostPreview/index.js";
 import { InstagramReelPreview, InstagramReelPreviewProps } from "./InstagramReelPreview/InstagramReelPreview.js";
@@ -10,14 +36,29 @@ import { InstagramStoryPreview, InstagramStoryPreviewProps } from "./InstagramSt
 import "./InstagramStoryPreview/index.js";
 import { LinkedInPostPreview, LinkedInPostPreviewProps } from "./LinkedInPostPreview/LinkedInPostPreview.js";
 import "./LinkedInPostPreview/index.js";
+import { LinkPreview, LinkPreviewProps } from "./LinkPreview/LinkPreview.js";
+import "./LinkPreview/index.js";
+import { META_AD_LIMITS, MetaAdPreview, MetaAdPreviewProps } from "./MetaAdPreview/MetaAdPreview.js";
+import "./MetaAdPreview/index.js";
 import { PinterestPinPreview, PinterestPinPreviewProps } from "./PinterestPinPreview/PinterestPinPreview.js";
 import "./PinterestPinPreview/index.js";
+import { LimitStatus, PLATFORM_NAMES, PlatformCharacterLimit, PlatformCharacterLimitProps, PlatformLimitCheck, checkPlatformLimits } from "./PlatformCharacterLimit/PlatformCharacterLimit.js";
+import { PostComposer, PostComposerProps, PostDraft } from "./PostComposer/PostComposer.js";
+import "./PostComposer/index.js";
+import { PublishMode, PublishSchedule, PublishScheduler, PublishSchedulerProps, SuggestedSlot } from "./PublishScheduler/PublishScheduler.js";
+import { Revision, RevisionHistory, RevisionHistoryProps, RevisionStatus } from "./RevisionHistory/RevisionHistory.js";
+import { SAFE_ZONES, SafeZoneOverlay, SafeZoneOverlayProps, SafeZonePlatform } from "./SafeZoneOverlay/SafeZoneOverlay.js";
+import "./SafeZoneOverlay/index.js";
+import { SERP_LIMITS, SerpPreview, SerpPreviewProps, breadcrumb } from "./SerpPreview/SerpPreview.js";
+import "./SerpPreview/index.js";
 import { ThreadsPostPreview, ThreadsPostPreviewProps } from "./ThreadsPostPreview/ThreadsPostPreview.js";
 import "./ThreadsPostPreview/index.js";
 import { TikTokPreview, TikTokPreviewProps } from "./TikTokPreview/TikTokPreview.js";
 import "./TikTokPreview/index.js";
+import { TimeEntry, TimeTracker, TimeTrackerProps, formatClockDuration } from "./TimeTracker/TimeTracker.js";
+import { UtmBuilder, UtmBuilderProps, UtmParams, buildUtmUrl, normalizeUtm } from "./UtmBuilder/UtmBuilder.js";
 import { XPostPreview, XPostPreviewProps } from "./XPostPreview/XPostPreview.js";
 import "./XPostPreview/index.js";
 import { YOUTUBE_TITLE_MAX, YouTubeThumbnailPreview, YouTubeThumbnailPreviewProps } from "./YouTubeThumbnailPreview/YouTubeThumbnailPreview.js";
 import "./YouTubeThumbnailPreview/index.js";
-export { FacebookPostPreview, FacebookPostPreviewProps, InstagramPostPreview, InstagramPostPreviewProps, InstagramReelPreview, InstagramReelPreviewProps, InstagramStoryPreview, InstagramStoryPreviewProps, LinkedInPostPreview, LinkedInPostPreviewProps, PLATFORMS, PLATFORM_LIMITS, PinterestPinPreview, PinterestPinPreviewProps, type Platform, type PlatformLimit, type PreviewAccount, type PreviewBaseProps, type PreviewMediaItem, type PreviewRatio, ThreadsPostPreview, ThreadsPostPreviewProps, TikTokPreview, TikTokPreviewProps, XPostPreview, XPostPreviewProps, YOUTUBE_TITLE_MAX, YouTubeThumbnailPreview, YouTubeThumbnailPreviewProps, countChars, extractHashtags, truncateText };
+export { Annotation, AnnotationLayer, AnnotationLayerProps, ApprovalActions, ApprovalActionsProps, ApprovalDecision, ApprovalFlow, ApprovalFlowProps, ApprovalStep, ApprovalStepStatus, Asset, AssetCard, AssetCardProps, AssetKind, AssetLibrary, AssetLibraryProps, AssetPicker, AssetPickerProps, AssetSort, BrandColor, BrandFont, BrandKitViewer, BrandKitViewerProps, BrandLogo, BriefForm, BriefFormProps, BriefObjective, BriefValues, BudgetLine, BudgetPace, BudgetTracker, BudgetTrackerProps, CalendarPost, CampaignCard, CampaignCardProps, CampaignKpi, CampaignStatus, ChannelMetric, ChannelMetrics, ChannelPerformanceTable, ChannelPerformanceTableProps, ChannelRow, ColorPaletteDisplay, ColorPaletteDisplayProps, ContentCalendar, ContentCalendarProps, DisplayAdSize, FacebookPostPreview, FacebookPostPreviewProps, GoogleDisplayAdPreview, GoogleDisplayAdPreviewProps, GoogleSearchAdPreview, GoogleSearchAdPreviewProps, HashtagInput, HashtagInputProps, InstagramPostPreview, InstagramPostPreviewProps, InstagramReelPreview, InstagramReelPreviewProps, InstagramStoryPreview, InstagramStoryPreviewProps, LimitStatus, LinkPreview, LinkPreviewProps, LinkedInPostPreview, LinkedInPostPreviewProps, META_AD_LIMITS, MetaAdPreview, MetaAdPreviewProps, PLATFORMS, PLATFORM_LIMITS, PLATFORM_NAMES, PaceStatus, PinterestPinPreview, PinterestPinPreviewProps, type Platform, PlatformCharacterLimit, PlatformCharacterLimitProps, type PlatformLimit, PlatformLimitCheck, PostComposer, PostComposerProps, PostDraft, PostStatus, type PreviewAccount, type PreviewBaseProps, type PreviewMediaItem, type PreviewRatio, PublishMode, PublishSchedule, PublishScheduler, PublishSchedulerProps, Revision, RevisionHistory, RevisionHistoryProps, RevisionStatus, SAFE_ZONES, SEARCH_AD_LIMITS, SERP_LIMITS, SafeZoneOverlay, SafeZoneOverlayProps, SafeZonePlatform, SerpPreview, SerpPreviewProps, SuggestedSlot, ThreadsPostPreview, ThreadsPostPreviewProps, TikTokPreview, TikTokPreviewProps, TimeEntry, TimeTracker, TimeTrackerProps, UtmBuilder, UtmBuilderProps, UtmParams, XPostPreview, XPostPreviewProps, YOUTUBE_TITLE_MAX, YouTubeThumbnailPreview, YouTubeThumbnailPreviewProps, breadcrumb, budgetPace, buildUtmUrl, channelMetrics, checkPlatformLimits, contrastLevel, contrastRatio, countChars, displayDomain, extractHashtags, filterAssets, formatClockDuration, hexToRgb, normalizeHashtag, normalizeHashtags, normalizeUtm, totalRow, truncateText };

package/dist/agency/index.js

@@ -1,12 +1,39 @@
-import { PLATFORMS, PLATFORM_LIMITS, countChars, extractHashtags, truncateText } from "./_shared/platforms.js";
+import { PLATFORMS, PLATFORM_LIMITS, countChars, displayDomain, extractHashtags, truncateText } from "./_shared/platforms.js";
+import { AnnotationLayer } from "./AnnotationLayer/AnnotationLayer.js";
+import { ApprovalActions } from "./ApprovalActions/ApprovalActions.js";
+import { ApprovalFlow } from "./ApprovalFlow/ApprovalFlow.js";
+import { AssetCard } from "./AssetCard/AssetCard.js";
+import { AssetLibrary, filterAssets } from "./AssetLibrary/AssetLibrary.js";
+import { AssetPicker } from "./AssetPicker/AssetPicker.js";
+import { ColorPaletteDisplay, contrastLevel, contrastRatio, hexToRgb } from "./ColorPaletteDisplay/ColorPaletteDisplay.js";
+import { BrandKitViewer } from "./BrandKitViewer/BrandKitViewer.js";
+import { PLATFORM_NAMES, PlatformCharacterLimit, checkPlatformLimits } from "./PlatformCharacterLimit/PlatformCharacterLimit.js";
+import { BriefForm } from "./BriefForm/BriefForm.js";
+import { budgetPace } from "./BudgetTracker/budgetPace.js";
+import { BudgetTracker } from "./BudgetTracker/BudgetTracker.js";
+import { CampaignCard } from "./CampaignCard/CampaignCard.js";
+import { ChannelPerformanceTable, channelMetrics, totalRow } from "./ChannelPerformanceTable/ChannelPerformanceTable.js";
+import { ContentCalendar } from "./ContentCalendar/ContentCalendar.js";
 import { FacebookPostPreview } from "./FacebookPostPreview/FacebookPostPreview.js";
+import { GoogleDisplayAdPreview } from "./GoogleDisplayAdPreview/GoogleDisplayAdPreview.js";
+import { GoogleSearchAdPreview, SEARCH_AD_LIMITS } from "./GoogleSearchAdPreview/GoogleSearchAdPreview.js";
+import { HashtagInput, normalizeHashtag, normalizeHashtags } from "./HashtagInput/HashtagInput.js";
 import { InstagramPostPreview } from "./InstagramPostPreview/InstagramPostPreview.js";
 import { InstagramReelPreview } from "./InstagramReelPreview/InstagramReelPreview.js";
 import { InstagramStoryPreview } from "./InstagramStoryPreview/InstagramStoryPreview.js";
 import { LinkedInPostPreview } from "./LinkedInPostPreview/LinkedInPostPreview.js";
+import { LinkPreview } from "./LinkPreview/LinkPreview.js";
+import { META_AD_LIMITS, MetaAdPreview } from "./MetaAdPreview/MetaAdPreview.js";
 import { PinterestPinPreview } from "./PinterestPinPreview/PinterestPinPreview.js";
 import { ThreadsPostPreview } from "./ThreadsPostPreview/ThreadsPostPreview.js";
 import { TikTokPreview } from "./TikTokPreview/TikTokPreview.js";
 import { XPostPreview } from "./XPostPreview/XPostPreview.js";
 import { YOUTUBE_TITLE_MAX, YouTubeThumbnailPreview } from "./YouTubeThumbnailPreview/YouTubeThumbnailPreview.js";
-export { FacebookPostPreview, InstagramPostPreview, InstagramReelPreview, InstagramStoryPreview, LinkedInPostPreview, PLATFORMS, PLATFORM_LIMITS, PinterestPinPreview, ThreadsPostPreview, TikTokPreview, XPostPreview, YOUTUBE_TITLE_MAX, YouTubeThumbnailPreview, countChars, extractHashtags, truncateText };
+import { PostComposer } from "./PostComposer/PostComposer.js";
+import { PublishScheduler } from "./PublishScheduler/PublishScheduler.js";
+import { RevisionHistory } from "./RevisionHistory/RevisionHistory.js";
+import { SAFE_ZONES, SafeZoneOverlay } from "./SafeZoneOverlay/SafeZoneOverlay.js";
+import { SERP_LIMITS, SerpPreview, breadcrumb } from "./SerpPreview/SerpPreview.js";
+import { TimeTracker, formatClockDuration } from "./TimeTracker/TimeTracker.js";
+import { UtmBuilder, buildUtmUrl, normalizeUtm } from "./UtmBuilder/UtmBuilder.js";
+export { AnnotationLayer, ApprovalActions, ApprovalFlow, AssetCard, AssetLibrary, AssetPicker, BrandKitViewer, BriefForm, BudgetTracker, CampaignCard, ChannelPerformanceTable, ColorPaletteDisplay, ContentCalendar, FacebookPostPreview, GoogleDisplayAdPreview, GoogleSearchAdPreview, HashtagInput, InstagramPostPreview, InstagramReelPreview, InstagramStoryPreview, LinkPreview, LinkedInPostPreview, META_AD_LIMITS, MetaAdPreview, PLATFORMS, PLATFORM_LIMITS, PLATFORM_NAMES, PinterestPinPreview, PlatformCharacterLimit, PostComposer, PublishScheduler, RevisionHistory, SAFE_ZONES, SEARCH_AD_LIMITS, SERP_LIMITS, SafeZoneOverlay, SerpPreview, ThreadsPostPreview, TikTokPreview, TimeTracker, UtmBuilder, XPostPreview, YOUTUBE_TITLE_MAX, YouTubeThumbnailPreview, breadcrumb, budgetPace, buildUtmUrl, channelMetrics, checkPlatformLimits, contrastLevel, contrastRatio, countChars, displayDomain, extractHashtags, filterAssets, formatClockDuration, hexToRgb, normalizeHashtag, normalizeHashtags, normalizeUtm, totalRow, truncateText };

package/dist/ai/AttachmentChip/AttachmentChip.js

@@ -1,5 +1,5 @@
 "use client";
-import { useLocale, useMessages } from "../../provider/UIProvider.js";
+import { useFormatter, useLocale, useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
 import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { IconButton } from "../../components/IconButton/IconButton.js";
@@ -64,6 +64,7 @@ const KIND_ICON = {
 function AttachmentChip({ name, bytes, kind, type, thumbnailSrc, status = "ready", progress, errorMessage, onRemove, onRetry, href, size = "md", isDisabled, className, id }) {
 	const t = useMessages();
 	const locale = useLocale();
+	const f = useFormatter();
 	const statusId = useId();
 	const resolved = kind ?? attachmentKind(name, type);
 	const KindIcon = KIND_ICON[resolved];
@@ -101,7 +102,7 @@ function AttachmentChip({ name, bytes, kind, type, thumbnailSrc, status = "ready
 				children: [nameNode, /* @__PURE__ */ jsxs("span", {
 					className: AttachmentChip_module_default.meta,
 					id: statusId,
-					children: [status === "uploading" ? /* @__PURE__ */ jsxs("span", { children: [t.aiAttachmentUploading, progress !== void 0 ? ` ${Math.round(progress)}%` : ""] }) : status === "error" ? /* @__PURE__ */ jsx("span", {
+					children: [status === "uploading" ? /* @__PURE__ */ jsxs("span", { children: [t.aiAttachmentUploading, progress !== void 0 ? ` ${f.percent(Math.round(progress) / 100)}` : ""] }) : status === "error" ? /* @__PURE__ */ jsx("span", {
 						className: AttachmentChip_module_default.error,
 						children: errorMessage ?? t.aiAttachmentFailed
 					}) : null, status !== "error" && bytes !== void 0 ? /* @__PURE__ */ jsx(FileSize, {
@@ -131,7 +132,8 @@ function AttachmentChip({ name, bytes, kind, type, thumbnailSrc, status = "ready
 					size: "sm",
 					value: progress ?? 0,
 					isIndeterminate: progress === void 0,
-					valueLabel: progress === void 0 ? void 0 : `${Math.round(progress)}%`
+					valueLabel: progress === void 0 ? void 0 : f.percent(Math.round(progress) / 100),
+					showValueLabel: false
 				})
 			}) : null
 		]

package/dist/ai/ChatThread/ChatThread.css

@@ -1,6 +1,6 @@
 @layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
 @layer sti.components {
-  .sti-ChatThread-root-29fb3 {
+  .sti-ChatThread-root-84de4 {
     box-sizing: border-box;
     background: var(--sti-bg-canvas);
     block-size: 100%;
@@ -14,7 +14,7 @@
     position: relative;
   }
 
-  .sti-ChatThread-scroller-1b2dc {
+  .sti-ChatThread-scroller-c6240 {
     box-sizing: border-box;
     min-block-size: 0;
     padding: var(--sti-space-4);
@@ -24,12 +24,12 @@
     overflow-y: auto;
   }
 
-  .sti-ChatThread-scroller-1b2dc:focus-visible {
+  .sti-ChatThread-scroller-c6240:focus-visible {
     outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
     outline-offset: calc(var(--sti-focus-ring-width) * -1);
   }
 
-  .sti-ChatThread-content-afd28 {
+  .sti-ChatThread-content-b7eb0 {
     gap: var(--sti-space-6);
     inline-size: 100%;
     max-inline-size: var(--sti-width-content);
@@ -39,12 +39,14 @@
     display: flex;
   }
 
-  .sti-ChatThread-content-afd28[data-empty] {
+  .sti-ChatThread-content-b7eb0[data-empty] {
+    text-align: center;
     justify-content: center;
+    align-items: center;
     min-block-size: 100%;
   }
 
-  .sti-ChatThread-jump-50159 {
+  .sti-ChatThread-jump-7c71a {
     pointer-events: none;
     justify-content: center;
     display: flex;
@@ -53,13 +55,13 @@
     inset-inline: 0;
   }
 
-  .sti-ChatThread-jumpButton-2432b {
+  .sti-ChatThread-jumpButton-4aedb {
     pointer-events: auto;
     box-shadow: var(--sti-shadow-md);
   }
 
   @media (forced-colors: active) {
-    .sti-ChatThread-scroller-1b2dc:focus-visible {
+    .sti-ChatThread-scroller-c6240:focus-visible {
       outline-color: highlight;
     }
   }

package/dist/ai/ChatThread/ChatThread.module.js

@@ -1,10 +1,10 @@
 import './ChatThread.css';
 // src/ai/ChatThread/ChatThread.module.css
 var ChatThread_module_default = {
-	"root": "sti-ChatThread-root-29fb3",
-	"scroller": "sti-ChatThread-scroller-1b2dc",
-	"content": "sti-ChatThread-content-afd28",
-	"jump": "sti-ChatThread-jump-50159",
-	"jumpButton": "sti-ChatThread-jumpButton-2432b"
+	"root": "sti-ChatThread-root-84de4",
+	"scroller": "sti-ChatThread-scroller-c6240",
+	"content": "sti-ChatThread-content-b7eb0",
+	"jump": "sti-ChatThread-jump-7c71a",
+	"jumpButton": "sti-ChatThread-jumpButton-4aedb"
 };
 export { ChatThread_module_default as default };

package/dist/ai/ConversationList/ConversationList.js

@@ -1,13 +1,13 @@
 "use client";
 import { useFormatter, useLocale, useMessages } from "../../provider/UIProvider.js";
 import { matchesLoose, template } from "../../text/text.js";
-import { IconButton } from "../../components/IconButton/IconButton.js";
 import { Button as Button$1 } from "../../components/Button/Button.js";
+import { IconButton } from "../../components/IconButton/IconButton.js";
 import { Announcer } from "../../components/Announcer/Announcer.js";
 import { SearchField as SearchField$1 } from "../../components/SearchField/SearchField.js";
 import { PlusIcon } from "../../icons/generated/PlusIcon.js";
-import { TrashIcon } from "../../icons/generated/TrashIcon.js";
 import { Skeleton } from "../../components/Skeleton/Skeleton.js";
+import { TrashIcon } from "../../icons/generated/TrashIcon.js";
 import ConversationList_module_default from "./ConversationList.module.js";
 import { groupConversations } from "./groups.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/ai/MessageActions/MessageActions.js

@@ -2,10 +2,10 @@
 import { useMessages } from "../../provider/UIProvider.js";
 import { IconButton } from "../../components/IconButton/IconButton.js";
 import { announce } from "../../components/Alert/announcer.js";
+import { Toolbar } from "../../components/Toolbar/Toolbar.js";
 import { CopyButton } from "../../components/CopyButton/CopyButton.js";
 import { RefreshIcon } from "../../icons/generated/RefreshIcon.js";
 import { ToggleButton } from "../../components/ToggleButton/ToggleButton.js";
-import { Toolbar } from "../../components/Toolbar/Toolbar.js";
 import { Tooltip } from "../../components/Tooltip/Tooltip.js";
 import { ThumbDownGlyph, ThumbUpGlyph } from "../_internal/glyphs.js";
 import MessageActions_module_default from "./MessageActions.module.js";

package/dist/ai/ModelSelect/ModelSelect.d.ts

@@ -19,6 +19,8 @@ export interface ModelSelectProps {
   onChange?: (modelId: string | null) => void;
   /** Alanın etiketi; verilmezse yerleşik "Model". */
   label?: ReactNode;
+  /** Etiket görsel olarak gizlenir (istem çubuğunda); ekran okuyucu yine okur. */
+  hideLabel?: boolean;
   description?: ReactNode;
   /** Seçim yokken düğmede görünen metin. */
   placeholder?: string;
@@ -27,6 +29,8 @@ export interface ModelSelectProps {
   isRequired?: boolean;
   isDisabled?: boolean;
   isInvalid?: boolean;
+  /** Geçersizken yazılan metin; verilmezse "Bir model seçin." */
+  errorMessage?: string;
   className?: string;
   id?: string;
 }
@@ -35,4 +39,4 @@ export interface ModelSelectProps {
  * (APG Select-Only Combobox) davranışını taşır: Enter ya da ↓ açar, oklar gezer, harf yazmak
  * Türkçe kurallarla arar, Enter seçer, Escape kapatır.
  */
-export declare function ModelSelect({ models, label, className, ...rest }: ModelSelectProps): import("react").JSX.Element;
+export declare function ModelSelect({ models, label, errorMessage, className, ...rest }: ModelSelectProps): import("react").JSX.Element;

package/dist/ai/ModelSelect/ModelSelect.js

@@ -9,7 +9,7 @@ import { jsx } from "react/jsx-runtime";
 * (APG Select-Only Combobox) davranışını taşır: Enter ya da ↓ açar, oklar gezer, harf yazmak
 * Türkçe kurallarla arar, Enter seçer, Escape kapatır.
 */
-function ModelSelect({ models, label, className, ...rest }) {
+function ModelSelect({ models, label, errorMessage, className, ...rest }) {
 	const t = useMessages();
 	const toOption = (m) => ({
 		id: m.id,
@@ -35,6 +35,7 @@ function ModelSelect({ models, label, className, ...rest }) {
 		...rest,
 		className: [ModelSelect_module_default.root, className].filter(Boolean).join(" "),
 		label: label ?? t.aiModel,
+		errorMessage: errorMessage ?? t.aiModelRequired,
 		items
 	});
 }

package/dist/ai/PromptInput/PromptInput.js

@@ -1,8 +1,8 @@
 "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 { IconButton } from "../../components/IconButton/IconButton.js";
 import { MicIcon } from "../../icons/generated/MicIcon.js";
 import { PaperclipIcon } from "../../icons/generated/PaperclipIcon.js";
 import { SendIcon } from "../../icons/generated/SendIcon.js";