@treeseed/core 0.10.22 → 0.11.0

package/dist/components/forms/FooterSubscribeForm.astro

@@ -1,188 +0,0 @@
----
-import {
-	TREESEED_PUBLIC_TURNSTILE_SITE_KEY,
-} from 'astro:env/client';
-import { FORM_CODE_PARAM, FORM_SUCCESS_PARAM, SUBSCRIBE_ANCHOR_ID } from '../../utils/forms/constants';
-import { SITE_FORMS } from '../../utils/site-config';
-
-const { currentPath = '/' } = Astro.props as { currentPath?: string };
-const redirectTarget = `${currentPath}#${SUBSCRIBE_ANCHOR_ID}`;
-const shouldBypassTurnstile = import.meta.env.DEV;
-const formsApiBaseUrl = SITE_FORMS?.apiBaseUrl ?? '/api/form/submit';
----
-
-<section id={SUBSCRIBE_ANCHOR_ID} class="mt-6 border-t border-[color:var(--ts-color-border)] pt-4">
-	<div class="flex flex-col items-center gap-3 text-center">
-		<div class="flex flex-col gap-1">
-			<p class="text-sm font-semibold uppercase tracking-[0.16em] text-[color:var(--ts-color-info-text)]">Subscribe for updates</p>
-			<p class="text-sm text-[color:var(--ts-color-text-muted)]">
-				Get occasional notes when new writing or project updates are published.
-			</p>
-		</div>
-		<p class="js-subscribe-status hidden rounded-md border px-4 py-2 text-sm font-medium"></p>
-		<form
-			method="post"
-			action={formsApiBaseUrl}
-			class="js-secure-form flex w-full max-w-4xl flex-col items-center gap-3"
-			data-form-type="subscribe"
-			data-turnstile-action="subscribe_submit"
-		>
-			<input type="hidden" name="formType" value="subscribe" />
-			<input type="hidden" name="formToken" value="" />
-			<input type="hidden" name="formSession" value="" />
-			<input type="hidden" name="redirectTo" value={redirectTarget} />
-			<div class="sr-only" aria-hidden="true">
-				<label>
-					Website
-					<input type="text" name="website" tabindex="-1" autocomplete="off" />
-				</label>
-			</div>
-			<input type="hidden" name="name" value="" />
-			<div class="flex w-full flex-col items-center justify-center gap-3 md:flex-row md:flex-wrap">
-				<input
-					class="min-h-11 w-full rounded-md border border-[color:var(--ts-color-border-strong)] bg-white/80 px-4 py-2 md:w-auto md:min-w-[16rem] md:max-w-[18rem]"
-					type="email"
-					name="email"
-					placeholder="Email address"
-					autocomplete="email"
-					required
-				/>
-				{TREESEED_PUBLIC_TURNSTILE_SITE_KEY && !shouldBypassTurnstile ? (
-					<div class="js-turnstile min-h-0"></div>
-				) : shouldBypassTurnstile ? (
-					<p class="text-xs text-[color:var(--ts-color-text-subtle)]">Captcha bypassed locally.</p>
-				) : (
-					<p class="text-xs text-[color:var(--ts-color-text-subtle)]">Turnstile not configured.</p>
-				)}
-				<button
-					type="submit"
-					class="js-submit inline-flex min-h-11 items-center justify-center whitespace-nowrap border border-[color:var(--ts-color-accent)] bg-[color:var(--ts-color-accent)] px-4 py-2 text-sm font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)] disabled:cursor-not-allowed disabled:opacity-60"
-					disabled
-				>
-					Subscribe
-				</button>
-			</div>
-		</form>
-	</div>
-</section>
-
-{TREESEED_PUBLIC_TURNSTILE_SITE_KEY && !shouldBypassTurnstile && (
-	<script is:inline src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" async defer></script>
-)}
-
-<script
-	is:inline
-	define:vars={{
-		siteKey: TREESEED_PUBLIC_TURNSTILE_SITE_KEY,
-		shouldBypassTurnstile,
-		formsApiBaseUrl,
-		successParam: FORM_SUCCESS_PARAM,
-		codeParam: FORM_CODE_PARAM,
-		subscribeAnchorId: SUBSCRIBE_ANCHOR_ID,
-	}}
->
-	const subscribeMessages = {
-		success: 'You are subscribed. Thanks for following along.',
-		invalid_form: 'Please provide your email address.',
-		captcha_failed: 'Please complete the verification challenge and try again.',
-		token_invalid: 'Please refresh the page and try again.',
-		token_expired: 'Please refresh the page and try again.',
-		rate_limited: 'Too many attempts were detected. Please wait a few minutes.',
-		delivery_failed: 'We could not finish the signup right now. Please try again shortly.',
-	};
-
-	const syncSubscribeStatus = () => {
-		const statusNode = document.querySelector('.js-subscribe-status');
-		if (!(statusNode instanceof HTMLElement)) return;
-
-		const params = new URLSearchParams(window.location.search);
-		const status = params.get(successParam);
-		const code = params.get(codeParam);
-
-		if (!status || !code || window.location.hash !== `#${subscribeAnchorId}`) {
-			return;
-		}
-
-		statusNode.textContent = subscribeMessages[code] ?? (status === 'success' ? 'Subscription complete.' : 'We could not complete the signup.');
-		statusNode.classList.remove('hidden');
-		if (status === 'success') {
-			statusNode.className = 'js-subscribe-status rounded-md border border-[color:var(--ts-color-info)] bg-[color:var(--ts-color-info-soft)] px-4 py-2 text-sm font-medium text-[color:var(--ts-color-text)]';
-		} else {
-			statusNode.className = 'js-subscribe-status rounded-md border border-[color:var(--ts-color-warning)] bg-[color:var(--ts-color-warning-soft)] px-4 py-2 text-sm font-medium text-[color:var(--ts-color-text)]';
-		}
-	};
-
-	if (document.readyState === 'loading') {
-		document.addEventListener('DOMContentLoaded', syncSubscribeStatus, { once: true });
-	} else {
-		syncSubscribeStatus();
-	}
-
-	const bootSecureForms = () => {
-		const forms = Array.from(document.querySelectorAll('.js-secure-form'));
-
-		for (const form of forms) {
-			if (!(form instanceof HTMLFormElement) || form.dataset.ready === 'true') continue;
-			form.dataset.ready = 'true';
-
-			const formType = form.dataset.formType;
-			const action = form.dataset.turnstileAction ?? '';
-			const tokenField = form.querySelector('input[name="formToken"]');
-			const sessionField = form.querySelector('input[name="formSession"]');
-			const submitButton = form.querySelector('.js-submit');
-			const widgetContainer = form.querySelector('.js-turnstile');
-
-			const enableSubmit = () => {
-				if (submitButton instanceof HTMLButtonElement) {
-					submitButton.disabled = !(tokenField instanceof HTMLInputElement && tokenField.value);
-				}
-			};
-
-			const assignToken = async () => {
-				const response = await fetch(`${formsApiBaseUrl}?formType=${encodeURIComponent(formType ?? '')}`, {
-					headers: { accept: 'application/json' },
-					credentials: 'same-origin',
-				});
-
-				const data = await response.json();
-				if (tokenField instanceof HTMLInputElement && data?.formToken) {
-					tokenField.value = data.formToken;
-				}
-				if (sessionField instanceof HTMLInputElement && data?.sessionId) {
-					sessionField.value = data.sessionId;
-				}
-				enableSubmit();
-			};
-
-			const renderWidget = () => {
-				if (shouldBypassTurnstile) return;
-				if (!siteKey || !(widgetContainer instanceof HTMLElement)) return;
-				if (!('turnstile' in window) || typeof window.turnstile?.render !== 'function') return;
-				if (widgetContainer.dataset.rendered === 'true') return;
-
-				window.turnstile.render(widgetContainer, {
-					sitekey: siteKey,
-					action,
-					theme: 'light',
-				});
-
-				widgetContainer.dataset.rendered = 'true';
-			};
-
-			assignToken().catch((error) => {
-				console.error('Unable to initialize form token', error);
-			});
-
-			if (siteKey) {
-				renderWidget();
-				window.addEventListener('load', renderWidget, { once: true });
-			}
-		}
-	};
-
-	if (document.readyState === 'loading') {
-		document.addEventListener('DOMContentLoaded', bootSecureForms, { once: true });
-	} else {
-		bootSecureForms();
-	}
-</script>

package/dist/components/site/BookList.astro

@@ -1,27 +0,0 @@
----
-type BookItem = {
-	href: string;
-	title: string;
-	summary: string;
-	meta: string;
-	landingPath: string;
-	downloadHref: string;
-};
-
-const { items } = Astro.props as { items: BookItem[] };
----
-
-<div class="grid gap-6 md:grid-cols-2">
-	{items.map((item) => (
-		<div class="border border-[color:var(--ts-color-border)] bg-[color:var(--ts-color-surface)] p-6">
-			<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">{item.meta}</p>
-			<h3 class="mt-4 text-2xl font-bold text-[color:var(--ts-color-text)]">{item.title}</h3>
-			<p class="mt-3 text-base leading-8 text-[color:var(--ts-color-text-muted)]">{item.summary}</p>
-			<div class="mt-5 flex flex-wrap gap-3">
-				<a href={item.href} class="border border-[color:var(--ts-color-border-strong)] px-4 py-2 text-sm font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">Book page</a>
-				<a href={item.landingPath} class="border border-[color:var(--ts-color-border-strong)] px-4 py-2 text-sm font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">Open knowledge</a>
-				<a href={item.downloadHref} class="border border-[color:var(--ts-color-accent)] bg-[color:var(--ts-color-accent)] px-4 py-2 text-sm font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">Download</a>
-			</div>
-		</div>
-	))}
-</div>

package/dist/components/site/CTASection.astro

@@ -1,24 +0,0 @@
----
-const { title, body, primaryHref, primaryLabel, secondaryHref, secondaryLabel } = Astro.props;
----
-
-<section class="site-footer-cta px-0 py-0 text-[color:var(--ts-color-text)]">
-	<div class="site-footer-cta__inner">
-		<div class="mx-auto flex max-w-4xl flex-col items-center gap-6">
-			<div class="max-w-3xl">
-				<h2 class="font-serif text-3xl font-bold md:text-4xl">{title}</h2>
-				<p class="mt-4 text-lg leading-9 text-[color:var(--ts-color-text-muted)]">{body}</p>
-			</div>
-			<div class="flex flex-wrap justify-center gap-3">
-				<a href={primaryHref} class="border border-[color:var(--ts-color-accent)] bg-[color:var(--ts-color-accent)] px-5 py-3 text-base font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">{
-					primaryLabel
-				}</a>
-				{secondaryHref && secondaryLabel && (
-					<a href={secondaryHref} class="border border-[color:var(--ts-color-border-strong)] bg-[color:var(--ts-color-surface-muted)] px-5 py-3 text-base font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">
-						{secondaryLabel}
-					</a>
-				)}
-			</div>
-		</div>
-	</div>
-</section>

package/dist/components/site/ChronicleList.astro

@@ -1,33 +0,0 @@
----
-import type { ContentStatus } from '../../utils/content-status';
-import StatusBadge from '../content/StatusBadge.astro';
-
-type ChronicleItem = {
-	href: string;
-	title: string;
-	summary: string;
-	status: ContentStatus;
-	date: Date;
-	meta?: string;
-	tags?: string[];
-};
-
-const { items } = Astro.props as { items: ChronicleItem[] };
----
-
-<div class="grid gap-1">
-	{items.map((item) => (
-		<a href={item.href} class="block border-t border-[color:var(--ts-color-border)] py-7 transition hover:border-[color:var(--ts-color-border-strong)]">
-			<div class="flex flex-wrap items-center gap-4">
-				<StatusBadge status={item.status} />
-				<p class="text-sm font-medium text-[color:var(--ts-color-text-subtle)]">{item.date.toISOString().slice(0, 10)}</p>
-				{item.meta && <p class="text-sm text-[color:var(--ts-color-text-subtle)]">{item.meta}</p>}
-			</div>
-			<h3 class="mt-4 max-w-3xl text-2xl font-bold text-[color:var(--ts-color-text)] md:text-3xl">{item.title}</h3>
-			<p class="mt-3 max-w-3xl text-lg leading-9 text-[color:var(--ts-color-text-muted)]">{item.summary}</p>
-			{item.tags && item.tags.length > 0 && (
-				<p class="mt-4 text-sm uppercase tracking-[0.14em] text-[color:var(--ts-color-accent-strong)]">{item.tags.join(' / ')}</p>
-			)}
-		</a>
-	))}
-</div>

package/dist/components/site/Hero.astro

@@ -1,18 +0,0 @@
-<section class="relative overflow-hidden border-y border-[color:var(--ts-color-border-strong)] py-12 md:py-18">
-	<div class="absolute inset-y-0 left-[68%] hidden w-px bg-[linear-gradient(180deg,transparent,var(--ts-color-border-strong),transparent)] lg:block"></div>
-	<div class="grid gap-10 lg:grid-cols-[1.45fr_0.7fr] lg:items-start">
-		<div class="space-y-7 pr-0 lg:pr-10">
-			<slot name="eyebrow" />
-			<div class="space-y-4">
-				<slot name="title" />
-				<slot name="body" />
-			</div>
-			<div class="flex flex-wrap gap-4 pt-2">
-				<slot name="actions" />
-			</div>
-		</div>
-		<div class="border-l border-[color:var(--ts-color-border)] pl-0 lg:pl-8">
-			<slot name="aside" />
-		</div>
-	</div>
-</section>

package/dist/components/site/NotesList.astro

@@ -1,29 +0,0 @@
----
-import ChronicleList from './ChronicleList.astro';
-
-type NoteListEntry = {
-	id: string;
-	data: {
-		title: string;
-		summary: string;
-		status: 'live' | 'in progress' | 'exploratory' | 'planned' | 'speculative';
-		date: Date;
-		author?: string;
-		tags: string[];
-	};
-};
-
-const { notes } = Astro.props as { notes: NoteListEntry[] };
----
-
-<ChronicleList
-	items={notes.map((note) => ({
-		href: `/notes/${note.id}/`,
-		title: note.data.title,
-		summary: note.data.summary,
-		status: note.data.status,
-		date: note.data.date,
-		meta: note.data.author,
-		tags: note.data.tags,
-	}))}
-/>

package/dist/components/site/PathCard.astro

@@ -1,16 +0,0 @@
----
-const { href, title, description, meta } = Astro.props;
----
-
-<a href={href} class="group block border-t border-[color:var(--ts-color-border)] py-6 transition hover:border-[color:var(--ts-color-border-strong)]">
-	<div class="grid gap-3 md:grid-cols-[0.42fr_1fr_auto] md:items-start md:gap-6">
-		<div>
-			{meta && <p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-accent-strong)]">{meta}</p>}
-		</div>
-		<div>
-			<h3 class="text-2xl font-bold text-[color:var(--ts-color-text)]">{title}</h3>
-			<p class="mt-3 max-w-2xl text-base leading-8 text-[color:var(--ts-color-text-muted)]">{description}</p>
-		</div>
-		<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)] group-hover:text-[color:var(--ts-color-accent-strong)]">Open path</p>
-	</div>
-</a>

package/dist/components/site/ProfileList.astro

@@ -1,30 +0,0 @@
----
-import StatusBadge from '../content/StatusBadge.astro';
-
-type ProfileItem = {
-	href: string;
-	name: string;
-	summary: string;
-	meta: string;
-	status?: 'live' | 'in progress' | 'exploratory' | 'planned' | 'speculative';
-	tags?: string[];
-};
-
-const { items } = Astro.props as { items: ProfileItem[] };
----
-
-<div class="grid gap-6 md:grid-cols-2">
-	{items.map((item) => (
-		<a href={item.href} class="border border-[color:var(--ts-color-border)] bg-[color:var(--ts-color-surface)] p-6 transition hover:border-[color:var(--ts-color-border-strong)]">
-			<div class="flex flex-wrap items-center gap-3">
-				{item.status && <StatusBadge status={item.status} />}
-				<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">{item.meta}</p>
-			</div>
-			<h3 class="mt-4 text-2xl font-bold text-[color:var(--ts-color-text)]">{item.name}</h3>
-			<p class="mt-3 text-base leading-8 text-[color:var(--ts-color-text-muted)]">{item.summary}</p>
-			{item.tags && item.tags.length > 0 && (
-				<p class="mt-4 text-sm uppercase tracking-[0.14em] text-[color:var(--ts-color-accent-strong)]">{item.tags.join(' / ')}</p>
-			)}
-		</a>
-	))}
-</div>

package/dist/components/site/PublishedContentBody.astro

@@ -1,5 +0,0 @@
----
-const { html } = Astro.props as { html: string };
----
-
-<Fragment set:html={html} />

package/dist/components/site/RouteNotFound.astro

@@ -1,25 +0,0 @@
----
-import MainLayout from '../../layouts/MainLayout.astro';
-
-const {
-	title = 'Page not found',
-	description = 'The requested Treeseed content could not be found.',
-	currentPath = '/404/',
-} = Astro.props;
----
-
-<MainLayout title={title} description={description} currentPath={currentPath}>
-	<section class="mx-auto max-w-3xl space-y-6 py-20">
-		<p class="text-sm font-semibold uppercase tracking-[0.16em] text-[color:var(--ts-color-accent-strong)]">404</p>
-		<h1 class="font-serif text-5xl text-[color:var(--ts-color-text)]">{title}</h1>
-		<p class="text-lg leading-9 text-[color:var(--ts-color-text-muted)]">{description}</p>
-		<div class="flex flex-wrap gap-4">
-			<a href="/" class="border border-[color:var(--ts-color-accent)] bg-[color:var(--ts-color-accent)] px-5 py-3 text-base font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">
-				Go home
-			</a>
-			<a href="/books/" class="border border-[color:var(--ts-color-border-strong)] px-5 py-3 text-base font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">
-				Open books
-			</a>
-		</div>
-	</section>
-</MainLayout>

package/dist/components/site/SectionIntro.astro

@@ -1,9 +0,0 @@
----
-const { eyebrow, title, description } = Astro.props;
----
-
-<header class="max-w-4xl space-y-4">
-	{eyebrow && <p class="text-sm font-semibold uppercase tracking-[0.16em] text-[color:var(--ts-color-accent-strong)]">{eyebrow}</p>}
-	<h2 class="max-w-4xl font-serif text-4xl font-bold tracking-tight text-[color:var(--ts-color-text)] md:text-5xl">{title}</h2>
-	<p class="max-w-3xl text-lg leading-9 text-[color:var(--ts-color-text-muted)] md:text-xl">{description}</p>
-</header>

package/dist/components/site/StageBanner.astro

@@ -1,8 +0,0 @@
----
-import { PROJECT_STAGE } from '../../utils/content-status';
----
-
-<div class="inline-flex max-w-full flex-wrap items-center gap-x-3 gap-y-1 border-l-4 border-[color:var(--ts-color-accent)] bg-[color:var(--ts-color-accent-soft)] px-4 py-3 text-[color:var(--ts-color-text)]">
-	<span class="font-bold uppercase tracking-[0.16em] text-xs">{PROJECT_STAGE.label}</span>
-	<span class="text-[color:var(--ts-color-text-muted)]">{PROJECT_STAGE.description}</span>
-</div>

package/dist/components/site/TrustCallout.astro

@@ -1,9 +0,0 @@
----
-const { title, body } = Astro.props;
----
-
-<aside class="border-l-4 border-[color:var(--ts-color-warning)] bg-[color:var(--ts-color-warning-soft)] px-5 py-5 text-[color:var(--ts-color-text)]">
-	<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-warning-text)]">Trust note</p>
-	<h3 class="mt-2 text-2xl font-bold">{title}</h3>
-	<p class="mt-3 text-base leading-8 text-[color:var(--ts-color-text-muted)]">{body}</p>
-</aside>

package/dist/components/starlight.js

@@ -1,6 +0,0 @@
-import { Card, CardGrid, LinkCard } from "../vendor/starlight/components.js";
-export {
-  Card,
-  CardGrid,
-  LinkCard
-};

package/dist/components/ui/data/ActionList.astro

@@ -1,51 +0,0 @@
----
-import Badge from './Badge.astro';
-import type { Tone } from '../types.js';
-
-interface ActionListItem {
-	title: string;
-	description?: string;
-	href?: string;
-	meta?: string;
-	tone?: Tone;
-	actionLabel?: string;
-}
-
-interface Props {
-	items?: ActionListItem[];
-	class?: string;
-}
-
-const {
-	items = [],
-	class: className,
-} = Astro.props as Props;
----
-
-<div class:list={['ts-action-list', className]}>
-	{items.length > 0 ? (
-		<ul class="ts-action-list__items">
-			{items.map((item) => {
-				const Inner = (
-					<>
-						<span class="ts-action-list__content">
-							<span class="ts-action-list__title">{item.title}</span>
-							{item.description ? <span class="ts-action-list__description">{item.description}</span> : null}
-						</span>
-						<span class="ts-action-list__meta">
-							{item.meta ? <Badge tone={item.tone ?? 'muted'} size="sm">{item.meta}</Badge> : null}
-							{item.actionLabel ? <span class="ts-action-list__action">{item.actionLabel}</span> : null}
-						</span>
-					</>
-				);
-				return (
-					<li class="ts-action-list__item" data-tone={item.tone ?? 'default'}>
-						{item.href ? <a href={item.href} class="ts-action-list__link">{Inner}</a> : <div class="ts-action-list__row">{Inner}</div>}
-					</li>
-				);
-			})}
-		</ul>
-	) : (
-		<slot />
-	)}
-</div>

package/dist/components/ui/data/Badge.astro

@@ -1,19 +0,0 @@
----
-import type { Tone } from '../types.js';
-
-interface Props {
-	tone?: Tone;
-	size?: 'sm' | 'md';
-	class?: string;
-}
-
-const {
-	tone = 'default',
-	size = 'md',
-	class: className,
-} = Astro.props as Props;
----
-
-<span class:list={['ts-badge', className]} data-tone={tone} data-size={size}>
-	<slot />
-</span>

package/dist/components/ui/data/DataTable.astro

@@ -1,51 +0,0 @@
----
-interface DataTableColumn {
-	key: string;
-	label: string;
-}
-
-interface Props {
-	columns: DataTableColumn[];
-	rows: Array<Record<string, unknown>>;
-	caption?: string;
-	emptyLabel?: string;
-	class?: string;
-}
-
-const {
-	columns,
-	rows,
-	caption,
-	emptyLabel = 'No rows to show.',
-	class: className,
-} = Astro.props as Props;
-
-function cellValue(row: Record<string, unknown>, key: string) {
-	const value = row[key];
-	return value === null || value === undefined ? '' : String(value);
-}
----
-
-<div class:list={['ts-data-table-wrap', className]}>
-	<table class="ts-data-table">
-		{caption ? <caption>{caption}</caption> : null}
-		<thead>
-			<tr>
-				{columns.map((column) => <th scope="col">{column.label}</th>)}
-			</tr>
-		</thead>
-		<tbody>
-			{rows.length > 0 ? rows.map((row) => (
-				<tr>
-					{columns.map((column) => (
-						<td data-label={column.label}>{cellValue(row, column.key)}</td>
-					))}
-				</tr>
-			)) : (
-				<tr>
-					<td colspan={columns.length}>{emptyLabel}</td>
-				</tr>
-			)}
-		</tbody>
-	</table>
-</div>

package/dist/components/ui/data/KeyValueList.astro

@@ -1,28 +0,0 @@
----
-import type { Tone } from '../types.js';
-
-interface KeyValueItem {
-	key: string;
-	value: string | number;
-	tone?: Tone;
-}
-
-interface Props {
-	items: KeyValueItem[];
-	class?: string;
-}
-
-const {
-	items,
-	class: className,
-} = Astro.props as Props;
----
-
-<dl class:list={['ts-key-value-list', className]}>
-	{items.map((item) => (
-		<div class="ts-key-value-list__item" data-tone={item.tone ?? 'default'}>
-			<dt>{item.key}</dt>
-			<dd>{item.value}</dd>
-		</div>
-	))}
-</dl>

package/dist/components/ui/data/MetricCard.astro

@@ -1,25 +0,0 @@
----
-import type { Tone } from '../types.js';
-
-interface Props {
-	label: string;
-	value: string | number;
-	description?: string;
-	tone?: Tone;
-	class?: string;
-}
-
-const {
-	label,
-	value,
-	description,
-	tone = 'default',
-	class: className,
-} = Astro.props as Props;
----
-
-<article class:list={['ts-metric-card', className]} data-tone={tone}>
-	<p class="ts-metric-card__label">{label}</p>
-	<p class="ts-metric-card__value">{value}</p>
-	{description ? <p class="ts-metric-card__description">{description}</p> : null}
-</article>

package/dist/components/ui/data/MetricGrid.astro

@@ -1,27 +0,0 @@
----
-import MetricCard from './MetricCard.astro';
-import type { Tone } from '../types.js';
-
-interface MetricItem {
-	label: string;
-	value: string | number;
-	description?: string;
-	tone?: Tone;
-}
-
-interface Props {
-	metrics?: MetricItem[];
-	min?: string;
-	class?: string;
-}
-
-const {
-	metrics = [],
-	min = '12rem',
-	class: className,
-} = Astro.props as Props;
----
-
-<div class:list={['ts-metric-grid', className]} style={`--ts-metric-grid-min: ${min}`}>
-	{metrics.length > 0 ? metrics.map((metric) => <MetricCard {...metric} />) : <slot />}
-</div>