@stisocial/ui 0.2.0 → 0.3.0

package/dist/agency/SerpPreview/SerpPreview.css

@@ -0,0 +1,131 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-SerpPreview-root-82f04 {
+    gap: var(--sti-space-3);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-inline-size: 0;
+    max-inline-size: 38rem;
+    font-family: var(--sti-font-text);
+    margin: 0;
+    display: grid;
+  }
+
+  .sti-SerpPreview-result-4213c {
+    gap: var(--sti-space-1);
+    min-inline-size: 0;
+    padding: var(--sti-space-4);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-surface);
+    color: var(--sti-fg);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    display: grid;
+  }
+
+  .sti-SerpPreview-root-82f04[data-device="mobile"] {
+    max-inline-size: 24rem;
+  }
+
+  .sti-SerpPreview-root-82f04[data-device="mobile"] .sti-SerpPreview-result-4213c {
+    border-radius: var(--sti-radius-lg);
+  }
+
+  .sti-SerpPreview-site-824a9 {
+    align-items: center;
+    gap: var(--sti-space-3);
+    min-inline-size: 0;
+    display: flex;
+  }
+
+  .sti-SerpPreview-favicon-dfd02 {
+    inline-size: var(--sti-space-8);
+    block-size: var(--sti-space-8);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-subtle);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+    flex: none;
+    place-items: center;
+    display: inline-grid;
+  }
+
+  .sti-SerpPreview-siteText-2eb87 {
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-SerpPreview-siteName-80cb0 {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .sti-SerpPreview-crumb-c1ff4 {
+    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;
+  }
+
+  .sti-SerpPreview-title-6a4d4 {
+    margin: var(--sti-space-1) 0 0;
+    color: var(--sti-fg-link);
+    font-size: var(--sti-font-size-lg);
+    line-height: var(--sti-line-height-lg);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-SerpPreview-description-69150 {
+    color: var(--sti-fg-muted);
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .sti-SerpPreview-date-5e30c {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-SerpPreview-analysis-b4af2 {
+    gap: var(--sti-space-2);
+    display: grid;
+  }
+
+  .sti-SerpPreview-row-81eec {
+    align-items: center;
+    gap: var(--sti-space-3);
+    padding: var(--sti-space-2) var(--sti-space-3);
+    border-radius: var(--sti-radius-sm);
+    background: var(--sti-bg-subtle);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    grid-template-columns: minmax(0, 1fr) auto auto;
+    display: grid;
+  }
+
+  .sti-SerpPreview-rowName-075d3 {
+    font-weight: var(--sti-font-weight-medium);
+  }
+
+  .sti-SerpPreview-rowCount-4e83a {
+    color: var(--sti-fg-muted);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-SerpPreview-rowVerdict-5782c {
+    padding: 0 var(--sti-space-2);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-success-subtle);
+    color: var(--sti-fg-success-strong);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-SerpPreview-row-81eec:not([data-verdict="good"]) .sti-SerpPreview-rowVerdict-5782c {
+    background: var(--sti-bg-warning-subtle);
+    color: var(--sti-fg-warning-strong);
+  }
+}

package/dist/agency/SerpPreview/SerpPreview.d.ts

@@ -0,0 +1,35 @@
+import { PreviewBaseProps } from "../_shared/Preview.js";
+/** Arama sonucunda görünen yaklaşık sınırlar (karakter; asıl ölçü piksel genişliğidir). */
+export declare const SERP_LIMITS: {
+  readonly title: {
+    readonly min: 30;
+    readonly max: 60;
+  };
+  readonly description: {
+    readonly min: 70;
+    readonly max: 160;
+  };
+};
+export interface SerpPreviewProps extends PreviewBaseProps {
+  /** Sayfa başlığı (`<title>`). */
+  title: string;
+  /** Meta açıklama. */
+  description: string;
+  /** Sayfa adresi; alan adı ve yol kırıntı olarak gösterilir. */
+  url: string;
+  /** Site adı (alan adının üstünde); verilmezse alan adı. */
+  siteName?: string;
+  /** Tarih öneki ("12 Kas 2026"). */
+  date?: string;
+  device?: "desktop" | "mobile";
+  /** Altta başlık ve açıklama uzunluğu değerlendirmesi. */
+  showAnalysis?: boolean;
+}
+/** "https://a.com/blog/yaz-kampanyasi?x" → "a.com › blog › yaz-kampanyasi". */
+export declare function breadcrumb(url: string): string;
+/**
+ * Arama sonucu (SEO) önizlemesi: site simgesi, site adı ve adres kırıntısı, bağlantı renginde başlık
+ * (yaklaşık 60 karakterde kesilir) ve açıklama (yaklaşık 160 karakter). İsteğe bağlı değerlendirme
+ * başlık ve açıklamanın kısa, uygun ya da uzun olduğunu karakter sayısıyla yazar.
+ */
+export declare function SerpPreview({ label, title, description, url, siteName, date, device, showAnalysis, className, id }: SerpPreviewProps): import("react").JSX.Element;

package/dist/agency/SerpPreview/SerpPreview.js

@@ -0,0 +1,130 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { initials, template } from "../../text/text.js";
+import { countChars, displayDomain, truncateText } from "../_shared/platforms.js";
+import { cx } from "../_shared/Preview.js";
+import SerpPreview_module_default from "./SerpPreview.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/agency/SerpPreview/SerpPreview.tsx
+/** Arama sonucunda görünen yaklaşık sınırlar (karakter; asıl ölçü piksel genişliğidir). */
+const SERP_LIMITS = {
+	title: {
+		min: 30,
+		max: 60
+	},
+	description: {
+		min: 70,
+		max: 160
+	}
+};
+function verdict(n, min, max) {
+	return n < min ? "short" : n > max ? "long" : "good";
+}
+/** "https://a.com/blog/yaz-kampanyasi?x" → "a.com › blog › yaz-kampanyasi". */
+function breadcrumb(url) {
+	try {
+		const u = new URL(url);
+		const parts = u.pathname.split("/").filter(Boolean).map(decodeURIComponent);
+		return [u.hostname.replace(/^www\./, ""), ...parts].join(" › ");
+	} catch {
+		return url;
+	}
+}
+/**
+* Arama sonucu (SEO) önizlemesi: site simgesi, site adı ve adres kırıntısı, bağlantı renginde başlık
+* (yaklaşık 60 karakterde kesilir) ve açıklama (yaklaşık 160 karakter). İsteğe bağlı değerlendirme
+* başlık ve açıklamanın kısa, uygun ya da uzun olduğunu karakter sayısıyla yazar.
+*/
+function SerpPreview({ label, title, description, url, siteName, date, device = "desktop", showAnalysis = false, className, id }) {
+	const t = useMessages();
+	const site = siteName ?? displayDomain(url);
+	const shownTitle = truncateText(title, SERP_LIMITS.title.max);
+	const shownDesc = truncateText(description, SERP_LIMITS.description.max);
+	const rows = [{
+		key: "title",
+		name: t.agencySerpTitle,
+		count: countChars(title),
+		...SERP_LIMITS.title
+	}, {
+		key: "description",
+		name: t.agencyDescription,
+		count: countChars(description),
+		...SERP_LIMITS.description
+	}].map((r) => ({
+		...r,
+		verdict: verdict(r.count, r.min, r.max)
+	}));
+	const verdictText = {
+		short: t.agencySerpShort,
+		good: t.agencySerpGood,
+		long: t.agencySerpLong
+	};
+	return /* @__PURE__ */ jsxs("figure", {
+		id,
+		className: cx(SerpPreview_module_default.root, className),
+		"data-device": device,
+		"aria-label": label,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: SerpPreview_module_default.result,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: SerpPreview_module_default.site,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: SerpPreview_module_default.favicon,
+						"aria-hidden": "true",
+						children: initials(site).slice(0, 1)
+					}), /* @__PURE__ */ jsxs("span", {
+						className: SerpPreview_module_default.siteText,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: SerpPreview_module_default.siteName,
+							children: site
+						}), /* @__PURE__ */ jsx("span", {
+							className: SerpPreview_module_default.crumb,
+							children: breadcrumb(url)
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: SerpPreview_module_default.title,
+					children: [shownTitle.text, shownTitle.cut ? " …" : ""]
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: SerpPreview_module_default.description,
+					children: [
+						date ? /* @__PURE__ */ jsxs("span", {
+							className: SerpPreview_module_default.date,
+							children: [date, " — "]
+						}) : null,
+						shownDesc.text,
+						shownDesc.cut ? " …" : ""
+					]
+				})
+			]
+		}), showAnalysis ? /* @__PURE__ */ jsx("figcaption", {
+			className: SerpPreview_module_default.analysis,
+			children: rows.map((r) => /* @__PURE__ */ jsxs("span", {
+				className: SerpPreview_module_default.row,
+				"data-verdict": r.verdict,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: SerpPreview_module_default.rowName,
+						children: r.name
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: SerpPreview_module_default.rowCount,
+						children: template(t.agencyCharCount, {
+							count: r.count,
+							min: r.min,
+							max: r.max
+						})
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: SerpPreview_module_default.rowVerdict,
+						children: verdictText[r.verdict]
+					})
+				]
+			}, r.key))
+		}) : null]
+	});
+}
+export { SERP_LIMITS, SerpPreview, breadcrumb };

package/dist/agency/SerpPreview/SerpPreview.module.js

@@ -0,0 +1,20 @@
+import './SerpPreview.css';
+// src/agency/SerpPreview/SerpPreview.module.css
+var SerpPreview_module_default = {
+	"root": "sti-SerpPreview-root-82f04",
+	"result": "sti-SerpPreview-result-4213c",
+	"site": "sti-SerpPreview-site-824a9",
+	"favicon": "sti-SerpPreview-favicon-dfd02",
+	"siteText": "sti-SerpPreview-siteText-2eb87",
+	"siteName": "sti-SerpPreview-siteName-80cb0",
+	"crumb": "sti-SerpPreview-crumb-c1ff4",
+	"title": "sti-SerpPreview-title-6a4d4",
+	"description": "sti-SerpPreview-description-69150",
+	"date": "sti-SerpPreview-date-5e30c",
+	"analysis": "sti-SerpPreview-analysis-b4af2",
+	"row": "sti-SerpPreview-row-81eec",
+	"rowName": "sti-SerpPreview-rowName-075d3",
+	"rowCount": "sti-SerpPreview-rowCount-4e83a",
+	"rowVerdict": "sti-SerpPreview-rowVerdict-5782c"
+};
+export { SerpPreview_module_default as default };

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

@@ -0,0 +1,2 @@
+import { SERP_LIMITS, SerpPreview, SerpPreviewProps, breadcrumb } from "./SerpPreview.js";
+export { SERP_LIMITS, SerpPreview, SerpPreviewProps, breadcrumb };

package/dist/agency/TikTokPreview/TikTokPreview.js

@@ -1,7 +1,7 @@
+import { PlayIcon } from "../../icons/generated/PlayIcon.js";
 import { BookmarkIcon } from "../../icons/generated/BookmarkIcon.js";
 import { HeartIcon } from "../../icons/generated/HeartIcon.js";
 import { MessageIcon } from "../../icons/generated/MessageIcon.js";
-import { PlayIcon } from "../../icons/generated/PlayIcon.js";
 import { ShareIcon } from "../../icons/generated/ShareIcon.js";
 import { PLATFORM_LIMITS } from "../_shared/platforms.js";
 import { PreviewAvatar, PreviewChip, PreviewMedia, PreviewName, PreviewShell, PreviewText } from "../_shared/Preview.js";

package/dist/agency/TimeTracker/TimeTracker.css

@@ -0,0 +1,128 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-TimeTracker-root-c23df {
+    gap: var(--sti-space-4);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-inline-size: 0;
+    padding: var(--sti-space-5);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-surface);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    display: grid;
+  }
+
+  .sti-TimeTracker-timer-4bbd8 {
+    align-items: flex-end;
+    gap: var(--sti-space-3);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-TimeTracker-task-4aa06 {
+    flex: 2 14rem;
+    min-inline-size: 0;
+  }
+
+  .sti-TimeTracker-project-c98bc {
+    flex: 10rem;
+    min-inline-size: 0;
+  }
+
+  .sti-TimeTracker-clock-b55aa {
+    min-inline-size: 6.5ch;
+    color: var(--sti-fg-muted);
+    font-family: var(--sti-font-numeric);
+    font-size: var(--sti-font-size-2xl);
+    font-weight: var(--sti-font-weight-semibold);
+    font-variant-numeric: tabular-nums;
+    text-align: end;
+    padding-block-end: var(--sti-space-1);
+  }
+
+  .sti-TimeTracker-timer-4bbd8[data-running] .sti-TimeTracker-clock-b55aa {
+    color: var(--sti-fg-accent-strong);
+  }
+
+  .sti-TimeTracker-summary-0d5f5 {
+    justify-content: space-between;
+    align-items: baseline;
+    gap: var(--sti-space-2);
+    border-block-start: var(--sti-border-width) solid var(--sti-border-subtle);
+    font-size: var(--sti-font-size-sm);
+    flex-wrap: wrap;
+    padding-block-start: var(--sti-space-3);
+    display: flex;
+  }
+
+  .sti-TimeTracker-total-d7377 strong {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-TimeTracker-split-cdd18 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-TimeTracker-list-45cc3 {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: grid;
+  }
+
+  .sti-TimeTracker-entry-afb2d {
+    align-items: center;
+    gap: var(--sti-space-3);
+    padding-block: var(--sti-space-2);
+    display: flex;
+  }
+
+  .sti-TimeTracker-entry-afb2d + .sti-TimeTracker-entry-afb2d {
+    border-block-start: var(--sti-border-width) solid var(--sti-border-subtle);
+  }
+
+  .sti-TimeTracker-entryText-2356a {
+    flex: auto;
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-TimeTracker-entryTask-1d5db {
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-medium);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .sti-TimeTracker-entryMeta-dc8ed {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-TimeTracker-entryDuration-79226 {
+    font-family: var(--sti-font-numeric);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-TimeTracker-empty-5d4c2 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    margin: 0;
+  }
+
+  .sti-TimeTracker-srOnly-56ada {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    block-size: 1px;
+    inline-size: 1px;
+    margin: -1px;
+    position: absolute;
+    overflow: hidden;
+  }
+}

package/dist/agency/TimeTracker/TimeTracker.d.ts

@@ -0,0 +1,29 @@
+export interface TimeEntry {
+  id: string;
+  projectId: string;
+  task: string;
+  start: number;
+  end: number;
+}
+export interface TimeTrackerProps {
+  projects: readonly {
+    id: string;
+    name: string;
+  }[];
+  /** Kayıtlar (denetimli). */
+  entries?: readonly TimeEntry[];
+  defaultEntries?: readonly TimeEntry[];
+  onEntriesChange?: (entries: TimeEntry[]) => void;
+  /** Bölgenin adı; verilmezse "Süre takibi". */
+  label?: string;
+  className?: string;
+  id?: string;
+}
+/** Saniyeyi "1:05:09" biçimine çevirir (saat sınırsız, dakika ve saniye iki haneli). */
+export declare function formatClockDuration(totalSeconds: number): string;
+/**
+ * Süre takibi: proje ve iş seçilip sayaç başlatılır; çalışan süre her saniye güncellenir (ekran
+ * okuyucuya her dakika duyurulmaz, yalnız başlatma ve durdurma bildirilir). Durdurulunca kayıt
+ * listeye eklenir; kayıtlar proje, iş, saat aralığı ve süreyle; günün toplamı ve proje dağılımı.
+ */
+export declare function TimeTracker({ projects, entries, defaultEntries, onEntriesChange, label, className, id }: TimeTrackerProps): import("react").JSX.Element;

package/dist/agency/TimeTracker/TimeTracker.js

@@ -0,0 +1,183 @@
+"use client";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { Button } from "../../components/Button/Button.js";
+import { IconButton } from "../../components/IconButton/IconButton.js";
+import { TextField } from "../../components/TextField/TextField.js";
+import { PauseIcon } from "../../icons/generated/PauseIcon.js";
+import { PlayIcon } from "../../icons/generated/PlayIcon.js";
+import { Select } from "../../components/Select/Select.js";
+import { TrashIcon } from "../../icons/generated/TrashIcon.js";
+import { cx } from "../_shared/Preview.js";
+import TimeTracker_module_default from "./TimeTracker.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+// src/agency/TimeTracker/TimeTracker.tsx
+/** Saniyeyi "1:05:09" biçimine çevirir (saat sınırsız, dakika ve saniye iki haneli). */
+function formatClockDuration(totalSeconds) {
+	const s = Math.max(0, Math.floor(totalSeconds));
+	const h = Math.floor(s / 3600);
+	const m = Math.floor(s % 3600 / 60);
+	const sec = s % 60;
+	return `${h}:${String(m).padStart(2, "0")}:${String(sec).padStart(2, "0")}`;
+}
+/**
+* Süre takibi: proje ve iş seçilip sayaç başlatılır; çalışan süre her saniye güncellenir (ekran
+* okuyucuya her dakika duyurulmaz, yalnız başlatma ve durdurma bildirilir). Durdurulunca kayıt
+* listeye eklenir; kayıtlar proje, iş, saat aralığı ve süreyle; günün toplamı ve proje dağılımı.
+*/
+function TimeTracker({ projects, entries, defaultEntries = [], onEntriesChange, label, className, id }) {
+	const t = useMessages();
+	const f = useFormatter();
+	const [inner, setInner] = useState([...defaultEntries]);
+	const list = entries ? [...entries] : inner;
+	const [projectId, setProjectId] = useState(projects[0]?.id ?? null);
+	const [task, setTask] = useState("");
+	const [running, setRunning] = useState(null);
+	const [tick, setTick] = useState(0);
+	const [announce, setAnnounce] = useState("");
+	useEffect(() => {
+		if (running === null) return;
+		const h = setInterval(() => setTick(Date.now()), 1e3);
+		return () => clearInterval(h);
+	}, [running]);
+	const commit = (next) => {
+		if (!entries) setInner(next);
+		onEntriesChange?.(next);
+	};
+	const projectName = (pid) => projects.find((p) => p.id === pid)?.name ?? "";
+	const elapsed = running !== null ? (Math.max(tick, Date.now()) - running) / 1e3 : 0;
+	const start = () => {
+		if (!projectId) return;
+		const now = Date.now();
+		setRunning(now);
+		setTick(now);
+		setAnnounce(template(t.agencyTimeStarted, { project: projectName(projectId) }));
+	};
+	const stop = () => {
+		if (running === null || !projectId) return;
+		const end = Date.now();
+		const entry = {
+			id: `t${end}`,
+			projectId,
+			task: task.trim() || t.agencyTimeNoTask,
+			start: running,
+			end
+		};
+		commit([entry, ...list]);
+		setRunning(null);
+		setTask("");
+		setAnnounce(template(t.agencyTimeStopped, { duration: f.duration(Math.round((end - running) / 1e3)) }));
+	};
+	const totalSeconds = list.reduce((a, e) => a + (e.end - e.start) / 1e3, 0);
+	const byProject = projects.map((p) => ({
+		...p,
+		seconds: list.filter((e) => e.projectId === p.id).reduce((a, e) => a + (e.end - e.start) / 1e3, 0)
+	})).filter((p) => p.seconds > 0);
+	return /* @__PURE__ */ jsxs("section", {
+		id,
+		className: cx(TimeTracker_module_default.root, className),
+		"aria-label": label ?? t.agencyTime,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: TimeTracker_module_default.timer,
+				"data-running": running !== null ? "" : void 0,
+				children: [
+					/* @__PURE__ */ jsx(TextField, {
+						label: t.agencyTimeTask,
+						value: task,
+						onChange: setTask,
+						placeholder: t.agencyTimeTaskPlaceholder,
+						className: TimeTracker_module_default.task
+					}),
+					/* @__PURE__ */ jsx(Select, {
+						label: t.agencyTimeProject,
+						items: projects.map((p) => ({
+							id: p.id,
+							label: p.name
+						})),
+						value: projectId,
+						onChange: setProjectId,
+						isDisabled: running !== null,
+						className: TimeTracker_module_default.project
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: TimeTracker_module_default.clock,
+						"aria-hidden": "true",
+						children: formatClockDuration(elapsed)
+					}),
+					running === null ? /* @__PURE__ */ jsx(Button, {
+						variant: "primary",
+						iconStart: /* @__PURE__ */ jsx(PlayIcon, {}),
+						isDisabled: !projectId,
+						onPress: start,
+						children: t.agencyTimeStart
+					}) : /* @__PURE__ */ jsx(Button, {
+						variant: "danger",
+						iconStart: /* @__PURE__ */ jsx(PauseIcon, {}),
+						onPress: stop,
+						children: t.agencyTimeStop
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: TimeTracker_module_default.srOnly,
+				"aria-live": "polite",
+				children: announce
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: TimeTracker_module_default.summary,
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: TimeTracker_module_default.total,
+					children: [
+						t.agencyTimeTotal,
+						" ",
+						/* @__PURE__ */ jsx("strong", { children: formatClockDuration(totalSeconds) })
+					]
+				}), byProject.length ? /* @__PURE__ */ jsx("span", {
+					className: TimeTracker_module_default.split,
+					children: byProject.map((p) => `${p.name} ${formatClockDuration(p.seconds)}`).join(" · ")
+				}) : null]
+			}),
+			list.length ? /* @__PURE__ */ jsx("ul", {
+				className: TimeTracker_module_default.list,
+				"aria-label": t.agencyTimeEntries,
+				children: list.map((e) => /* @__PURE__ */ jsxs("li", {
+					className: TimeTracker_module_default.entry,
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: TimeTracker_module_default.entryText,
+							children: [/* @__PURE__ */ jsx("span", {
+								className: TimeTracker_module_default.entryTask,
+								children: e.task
+							}), /* @__PURE__ */ jsxs("span", {
+								className: TimeTracker_module_default.entryMeta,
+								children: [
+									projectName(e.projectId),
+									" · ",
+									f.time(new Date(e.start)),
+									"–",
+									f.time(new Date(e.end))
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: TimeTracker_module_default.entryDuration,
+							children: formatClockDuration((e.end - e.start) / 1e3)
+						}),
+						/* @__PURE__ */ jsx(IconButton, {
+							size: "sm",
+							label: template(t.agencyTimeDelete, { task: e.task }),
+							icon: /* @__PURE__ */ jsx(TrashIcon, {}),
+							onPress: () => commit(list.filter((x) => x.id !== e.id))
+						})
+					]
+				}, e.id))
+			}) : /* @__PURE__ */ jsx("p", {
+				className: TimeTracker_module_default.empty,
+				children: t.agencyTimeEmpty
+			})
+		]
+	});
+}
+export { TimeTracker, formatClockDuration };

package/dist/agency/TimeTracker/TimeTracker.module.js

@@ -0,0 +1,21 @@
+import './TimeTracker.css';
+// src/agency/TimeTracker/TimeTracker.module.css
+var TimeTracker_module_default = {
+	"root": "sti-TimeTracker-root-c23df",
+	"timer": "sti-TimeTracker-timer-4bbd8",
+	"task": "sti-TimeTracker-task-4aa06",
+	"project": "sti-TimeTracker-project-c98bc",
+	"clock": "sti-TimeTracker-clock-b55aa",
+	"summary": "sti-TimeTracker-summary-0d5f5",
+	"total": "sti-TimeTracker-total-d7377",
+	"split": "sti-TimeTracker-split-cdd18",
+	"list": "sti-TimeTracker-list-45cc3",
+	"entry": "sti-TimeTracker-entry-afb2d",
+	"entryText": "sti-TimeTracker-entryText-2356a",
+	"entryTask": "sti-TimeTracker-entryTask-1d5db",
+	"entryMeta": "sti-TimeTracker-entryMeta-dc8ed",
+	"entryDuration": "sti-TimeTracker-entryDuration-79226",
+	"empty": "sti-TimeTracker-empty-5d4c2",
+	"srOnly": "sti-TimeTracker-srOnly-56ada"
+};
+export { TimeTracker_module_default as default };