@treeseed/core 0.10.21 → 0.11.0

package/dist/components/forms/ContactForm.astro

@@ -1,233 +0,0 @@
----
-import {
-	TREESEED_PUBLIC_TURNSTILE_SITE_KEY,
-} from 'astro:env/client';
-import { CONTACT_TYPE_LABELS } from '../../utils/forms/constants';
-import { CONTACT_TYPES } from '../../types/forms';
-import { SITE_FORMS } from '../../utils/site-config';
-
-const { status, code } = Astro.props as {
-	status?: string | null;
-	code?: string | null;
-};
-
-const messages: Record<string, string> = {
-	success: 'Your message was sent successfully.',
-	invalid_request: 'The request could not be accepted. Please refresh and try again.',
-	invalid_form: 'Please complete the required fields and try again.',
-	captcha_failed: 'Please complete the verification challenge and try again.',
-	token_invalid: 'The form session expired. Refresh the page and try again.',
-	token_expired: 'The form session expired. Refresh the page and try again.',
-	token_replayed: 'This form token has already been used. Please refresh the page.',
-	rate_limited: 'Too many attempts were detected. Please wait a few minutes and try again.',
-	delivery_failed: 'We could not deliver the message right now. Please try again shortly.',
-};
-
-const statusMessage = code ? messages[code] ?? null : null;
-const shouldBypassTurnstile = import.meta.env.DEV;
-const formsApiBaseUrl = SITE_FORMS?.apiBaseUrl ?? '/api/form/submit';
----
-
-<section class="max-w-3xl">
-	{statusMessage && (
-		<div class:list={[
-			'rounded-lg border px-4 py-3 text-sm font-medium',
-			status === 'success'
-				? 'border-[color:var(--ts-color-info)] bg-[color:var(--ts-color-info-soft)] text-[color:var(--ts-color-text)]'
-				: 'border-[color:var(--ts-color-warning)] bg-[color:var(--ts-color-warning-soft)] text-[color:var(--ts-color-text)]',
-		]}>
-			{statusMessage}
-		</div>
-	)}
-
-	<form
-		method="post"
-		action={formsApiBaseUrl}
-		class="js-secure-form mt-6 grid gap-5"
-		data-form-type="contact"
-		data-turnstile-action="contact_submit"
-	>
-		<p class="text-sm text-[color:var(--ts-color-text-subtle)]">
-			Fields marked <span class="font-semibold text-[color:var(--ts-color-warning)]">*</span> are required.
-		</p>
-		<input type="hidden" name="formType" value="contact" />
-		<input type="hidden" name="formToken" value="" />
-		<input type="hidden" name="formSession" value="" />
-		<input type="hidden" name="redirectTo" value="/contact/" />
-		<div class="sr-only" aria-hidden="true">
-			<label>
-				Website
-				<input type="text" name="website" tabindex="-1" autocomplete="off" />
-			</label>
-		</div>
-
-		<div class="grid gap-5 md:grid-cols-2">
-			<label class="grid gap-2">
-				<span class="text-sm font-semibold text-[color:var(--ts-color-text)]">Name <span aria-hidden="true" class="text-[color:var(--ts-color-warning)]">*</span></span>
-				<input
-					class="min-h-12 rounded-md border border-[color:var(--ts-color-border-strong)] bg-white/70 px-4 py-3"
-					type="text"
-					name="name"
-					autocomplete="name"
-					required
-					aria-required="true"
-				/>
-			</label>
-			<label class="grid gap-2">
-				<span class="text-sm font-semibold text-[color:var(--ts-color-text)]">Email <span aria-hidden="true" class="text-[color:var(--ts-color-warning)]">*</span></span>
-				<input
-					class="min-h-12 rounded-md border border-[color:var(--ts-color-border-strong)] bg-white/70 px-4 py-3"
-					type="email"
-					name="email"
-					autocomplete="email"
-					required
-					aria-required="true"
-				/>
-			</label>
-		</div>
-
-		<div class="grid gap-5 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]">
-			<label class="grid gap-2">
-				<span class="text-sm font-semibold text-[color:var(--ts-color-text)]">Organization</span>
-				<input
-					class="min-h-12 rounded-md border border-[color:var(--ts-color-border-strong)] bg-white/70 px-4 py-3"
-					type="text"
-					name="organization"
-					autocomplete="organization"
-				/>
-			</label>
-			<label class="grid gap-2">
-				<span class="text-sm font-semibold text-[color:var(--ts-color-text)]">Topic <span aria-hidden="true" class="text-[color:var(--ts-color-warning)]">*</span></span>
-				<select
-					class="ts-control ts-control--select min-h-12 rounded-md border border-[color:var(--ts-color-border-strong)] px-4 py-3"
-					name="contactType"
-					required
-					aria-required="true"
-				>
-					{CONTACT_TYPES.map((contactType) => (
-						<option value={contactType}>{CONTACT_TYPE_LABELS[contactType]}</option>
-					))}
-				</select>
-			</label>
-		</div>
-
-		<label class="grid gap-2">
-			<span class="text-sm font-semibold text-[color:var(--ts-color-text)]">Subject <span aria-hidden="true" class="text-[color:var(--ts-color-warning)]">*</span></span>
-			<input
-				class="min-h-12 rounded-md border border-[color:var(--ts-color-border-strong)] bg-white/70 px-4 py-3"
-				type="text"
-				name="subject"
-				required
-				aria-required="true"
-			/>
-		</label>
-
-		<label class="grid gap-2">
-			<span class="text-sm font-semibold text-[color:var(--ts-color-text)]">Message <span aria-hidden="true" class="text-[color:var(--ts-color-warning)]">*</span></span>
-			<textarea
-				class="min-h-48 rounded-md border border-[color:var(--ts-color-border-strong)] bg-white/70 px-4 py-3"
-				name="message"
-				required
-				aria-required="true"
-			></textarea>
-		</label>
-
-		{TREESEED_PUBLIC_TURNSTILE_SITE_KEY && !shouldBypassTurnstile ? (
-			<div class="js-turnstile rounded-md border border-dashed border-[color:var(--ts-color-border-strong)] p-3"></div>
-		) : shouldBypassTurnstile ? (
-			<p class="rounded-md border border-[color:var(--ts-color-info)] bg-[color:var(--ts-color-info-soft)] px-4 py-3 text-sm text-[color:var(--ts-color-text)]">
-				Local development mode is bypassing Turnstile so you can test the form workflow without Cloudflare captcha.
-			</p>
-		) : (
-			<p class="rounded-md border border-[color:var(--ts-color-warning)] bg-[color:var(--ts-color-warning-soft)] px-4 py-3 text-sm text-[color:var(--ts-color-text)]">
-				Turnstile is not configured yet. Add `TREESEED_PUBLIC_TURNSTILE_SITE_KEY` before deploying forms.
-			</p>
-		)}
-
-		<div class="flex flex-wrap items-center justify-between gap-4">
-			<p class="text-sm leading-7 text-[color:var(--ts-color-text-subtle)]">
-				By sending this message, you agree that we may reply by email about this inquiry.
-			</p>
-			<button
-				type="submit"
-				class="js-submit inline-flex min-h-12 items-center justify-center border border-[color:var(--ts-color-accent)] bg-[color:var(--ts-color-accent)] px-6 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)] disabled:cursor-not-allowed disabled:opacity-60"
-				disabled
-			>
-				Send message
-			</button>
-		</div>
-	</form>
-</section>
-
-<script
-	is:inline
-	define:vars={{ siteKey: TREESEED_PUBLIC_TURNSTILE_SITE_KEY, shouldBypassTurnstile, formsApiBaseUrl }}
->
-	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/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>