@treeseed/core 0.10.21 → 0.11.0

package/dist/components/docs/Header.astro

@@ -1,157 +0,0 @@
----
-import config from 'virtual:starlight/user-config';
-
-import LanguageSelect from '../../vendor/starlight/components/LanguageSelect.astro';
-import Search from '../../vendor/starlight/components/Search.astro';
-import SocialIcons from '../../vendor/starlight/components/SocialIcons.astro';
-import DesktopSidebarToggle from './DesktopSidebarToggle.astro';
-import BookFontControls from './BookFontControls.astro';
-import DownloadBook from './DownloadBook.astro';
-import { SITE } from '../../utils/seo';
-
-const shouldRenderSearch =
-	config.pagefind || config.components.Search !== '../../vendor/starlight/components/Search.astro';
-const { hasSidebar, toc } = Astro.locals.starlightRoute;
-const hasToc = Boolean(toc);
----
-
-<div class="header">
-	<div class="title-wrapper sl-flex">
-		<a class="ts-shell-brand" href="/">
-			<span class="ts-shell-brand__mark">
-				<img src={SITE.logo.src} alt={SITE.logo.alt} width="60" height="60" loading="eager" />
-			</span>
-			<span class="ts-shell-brand__text">
-				<span class="ts-shell-brand__name">{SITE.name}</span>
-				<span class="ts-shell-brand__tag">{SITE.statement}</span>
-			</span>
-		</a>
-	</div>
-	<div class="sl-hidden md:sl-flex print:hidden right-group">
-		<div class="desktop-sidebar-toggles" aria-label="Reading controls">
-			{hasSidebar && <DesktopSidebarToggle side="left" label="book contents" />}
-			{hasToc && <DesktopSidebarToggle side="right" label="page contents" />}
-		</div>
-		<BookFontControls />
-		{shouldRenderSearch && <Search class="docs-header-search" />}
-		<DownloadBook />
-		<div class="sl-flex social-icons">
-			<SocialIcons />
-			<a href="/contact/" aria-label={`Contact ${SITE.name}`} class="contact-icon">
-				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-					<path d="M3.75 6.75h16.5v10.5H3.75z" />
-					<path d="m4.5 7.5 7.5 6 7.5-6" />
-				</svg>
-			</a>
-		</div>
-		<LanguageSelect />
-	</div>
-</div>
-
-<style>
-	@layer starlight.core {
-		.header {
-			display: flex;
-			gap: var(--sl-nav-gap);
-			justify-content: space-between;
-			align-items: center;
-			height: 100%;
-			width: 100%;
-		}
-
-		.title-wrapper {
-			overflow: clip;
-			padding: 0.25rem;
-			margin: -0.25rem;
-			min-width: 0;
-		}
-
-		.right-group,
-		.social-icons {
-			align-items: center;
-		}
-
-		.right-group {
-			margin-inline-start: auto;
-			gap: 1.25rem;
-			min-width: 0;
-		}
-
-		.desktop-sidebar-toggles {
-			display: none;
-		}
-
-		.social-icons {
-			gap: 1rem;
-			flex: 0 0 auto;
-		}
-
-		.social-icons :global(a) {
-			display: inline-flex;
-			align-items: center;
-			justify-content: center;
-			padding: 0.5rem;
-			margin: 0;
-			flex: 0 0 auto;
-		}
-
-		.contact-icon {
-			display: inline-flex;
-			align-items: center;
-			justify-content: center;
-			width: 2rem;
-			height: 2rem;
-			color: var(--sl-color-text);
-		}
-
-		.contact-icon:hover,
-		.contact-icon:focus-visible {
-			color: var(--sl-color-text-accent);
-		}
-
-		.contact-icon svg {
-			width: 1.25rem;
-			height: 1.25rem;
-			fill: none;
-			stroke: currentColor;
-			stroke-width: 1.8;
-			stroke-linecap: round;
-			stroke-linejoin: round;
-		}
-
-		.social-icons::before {
-			content: '';
-			height: 2rem;
-			border-inline-start: 1px solid var(--sl-color-gray-5);
-			margin-inline-end: 0.25rem;
-			flex: 0 0 auto;
-		}
-
-		:global(.docs-header-search) {
-			margin-inline-start: auto;
-			flex: 1 1 22rem;
-		}
-
-		@media (min-width: 50rem) {
-			:global(:root[data-has-sidebar]) {
-				--__sidebar-pad: calc(2 * var(--sl-nav-pad-x));
-			}
-			:global(:root:not([data-has-toc])) {
-				--__toc-width: 0rem;
-			}
-			.header {
-				display: grid;
-				grid-template-columns: minmax(0, 1fr) auto;
-				align-content: center;
-			}
-		}
-
-		@media (min-width: 72rem) {
-			.desktop-sidebar-toggles {
-				display: inline-flex;
-				align-items: center;
-				gap: 0.65rem;
-			}
-		}
-	}
-</style>

package/dist/components/docs/PageFrame.astro

@@ -1,260 +0,0 @@
----
-import MobileMenuToggle from '../../vendor/starlight/components/MobileMenuToggle.astro';
-import { getBookForPath } from '../../utils/starlight-nav';
-
-const { hasSidebar, toc } = Astro.locals.starlightRoute;
-const hasToc = Boolean(toc);
-const isBookPage = Boolean(getBookForPath(Astro.url.pathname));
----
-
-<div class:list={['page sl-flex', isBookPage && 'page--book']}>
-	<header class="header"><slot name="header" /></header>
-	{
-		hasSidebar && (
-			<nav class="sidebar print:hidden" aria-label={Astro.locals.t('sidebarNav.accessibleLabel')}>
-				<MobileMenuToggle />
-				<div id="starlight__sidebar" class="sidebar-pane docs-left-sidebar">
-					<div class="sidebar-content sl-flex">
-						<slot name="sidebar" />
-					</div>
-				</div>
-			</nav>
-		)
-	}
-	<div class="main-frame"><slot /></div>
-	<div class="docs-footer-host" data-docs-footer-host></div>
-</div>
-
-<script is:inline define:vars={{ hasSidebar, hasToc, isBookPage }}>
-	const desktopQuery = window.matchMedia('(min-width: 72rem)');
-	const storageKey = 'docs.desktop-sidebar-state';
-	const bookFontScaleStorageKey = 'docs.book-font-scale';
-	const defaultBookFontScale = 1;
-	const minBookFontScale = 0.85;
-	const maxBookFontScale = 1.35;
-	const root = document.documentElement;
-	const leftSidebar = document.getElementById('starlight__sidebar');
-	const rightSidebar = document.getElementById('starlight__page-toc');
-	const pageFrame = document.querySelector('.page');
-	const footerHost = document.querySelector('[data-docs-footer-host]');
-
-	const getDefaultState = () => ({
-		left: !hasSidebar,
-		right: !hasToc,
-	});
-
-	const readState = () => {
-		try {
-			const parsed = JSON.parse(localStorage.getItem(storageKey) || '{}');
-			return {
-				left: hasSidebar ? parsed.left === true : true,
-				right: hasToc ? parsed.right === true : true,
-			};
-		} catch {
-			return getDefaultState();
-		}
-	};
-
-	const writeState = (state) => {
-		try {
-			localStorage.setItem(storageKey, JSON.stringify(state));
-		} catch {
-			// Ignore storage failures and keep the UI functional.
-		}
-	};
-
-	const syncFooterOffset = () => {
-		if (!(footerHost instanceof HTMLElement) || !desktopQuery.matches) {
-			root.style.setProperty('--docs-footer-offset', '0px');
-			return;
-		}
-
-		const footerTop = footerHost.getBoundingClientRect().top;
-		const offset = Math.max(0, window.innerHeight - footerTop);
-		root.style.setProperty('--docs-footer-offset', `${offset}px`);
-	};
-
-	const clampBookFontScale = (value) =>
-		Math.min(maxBookFontScale, Math.max(minBookFontScale, value));
-
-	const readBookFontScale = () => {
-		try {
-			const rawValue = localStorage.getItem(bookFontScaleStorageKey);
-			const parsedValue = rawValue === null ? defaultBookFontScale : Number(rawValue);
-			return Number.isFinite(parsedValue) ? clampBookFontScale(parsedValue) : defaultBookFontScale;
-		} catch {
-			return defaultBookFontScale;
-		}
-	};
-
-	const applyBookFontState = () => {
-		root.dataset.docsBookPage = String(isBookPage);
-		if (!isBookPage) {
-			root.style.removeProperty('--docs-book-font-scale');
-			return;
-		}
-
-		root.style.setProperty('--docs-book-font-scale', String(readBookFontScale()));
-	};
-
-	const setExpanded = (side, expanded) => {
-		root.dataset[`docs${side === 'left' ? 'Left' : 'Right'}SidebarExpanded`] = String(expanded);
-		const toggle = document.querySelector(`[data-docs-sidebar-toggle="${side}"]`);
-		if (toggle instanceof HTMLButtonElement) {
-			toggle.setAttribute('aria-expanded', String(expanded));
-			const label = toggle.dataset.label || '';
-			toggle.setAttribute('aria-label', `${expanded ? 'Hide' : 'Show'} ${label}`);
-			const text = toggle.querySelector('.desktop-sidebar-toggle__text');
-			if (text) {
-				text.textContent = `${expanded ? 'Hide' : 'Show'} ${label}`;
-			}
-		}
-	};
-
-	const syncAccessibility = () => {
-		const desktop = desktopQuery.matches;
-		const leftExpanded = root.dataset.docsLeftSidebarExpanded === 'true';
-		const rightExpanded = root.dataset.docsRightSidebarExpanded === 'true';
-
-		if (leftSidebar) {
-			leftSidebar.toggleAttribute('inert', desktop && !leftExpanded);
-			leftSidebar.setAttribute('aria-hidden', String(desktop && !leftExpanded));
-		}
-
-		if (rightSidebar) {
-			rightSidebar.toggleAttribute('inert', desktop && !rightExpanded);
-			rightSidebar.setAttribute('aria-hidden', String(desktop && !rightExpanded));
-		}
-	};
-
-	const applyState = (state) => {
-		setExpanded('left', hasSidebar ? state.left : false);
-		setExpanded('right', hasToc ? state.right : false);
-		syncAccessibility();
-		syncFooterOffset();
-	};
-
-	const toggleSide = (side) => {
-		const current =
-			root.dataset[`docs${side === 'left' ? 'Left' : 'Right'}SidebarExpanded`] === 'true';
-		const nextState = {
-			left: root.dataset.docsLeftSidebarExpanded === 'true',
-			right: root.dataset.docsRightSidebarExpanded === 'true',
-			[side]: !current,
-		};
-		applyState(nextState);
-		writeState(nextState);
-	};
-
-	const initialize = () => {
-		applyBookFontState();
-		const state = readState();
-		applyState(state);
-
-		if (pageFrame instanceof HTMLElement && footerHost instanceof HTMLElement) {
-			const footerShell = pageFrame.querySelector('.docs-footer-shell');
-			if (footerShell instanceof HTMLElement && footerShell.parentElement !== footerHost) {
-				footerHost.append(footerShell);
-			}
-		}
-
-		syncFooterOffset();
-
-		for (const button of document.querySelectorAll('[data-docs-sidebar-toggle]')) {
-			if (!(button instanceof HTMLButtonElement) || button.dataset.docsSidebarBound === 'true') continue;
-			button.dataset.docsSidebarBound = 'true';
-			button.addEventListener('click', () => {
-				const side = button.dataset.docsSidebarToggle;
-				if (side === 'left' || side === 'right') {
-					toggleSide(side);
-				}
-			});
-		}
-	};
-
-	initialize();
-	desktopQuery.addEventListener('change', syncAccessibility);
-	desktopQuery.addEventListener('change', syncFooterOffset);
-	window.addEventListener('scroll', syncFooterOffset, { passive: true });
-	window.addEventListener('resize', syncFooterOffset);
-</script>
-
-<style>
-	@layer starlight.core {
-		.page {
-			flex-direction: column;
-			min-height: 100vh;
-		}
-
-		.header {
-			z-index: var(--sl-z-index-navbar);
-			position: fixed;
-			inset-inline-start: 0;
-			inset-block-start: 0;
-			width: 100%;
-			height: var(--sl-nav-height);
-			border-bottom: 1px solid var(--sl-color-hairline-shade);
-			padding: var(--sl-nav-pad-y) var(--sl-nav-pad-x);
-			padding-inline-end: var(--sl-nav-pad-x);
-			background-color: var(--sl-color-bg-nav);
-		}
-
-		:global([data-has-sidebar]) .header {
-			padding-inline-end: calc(
-				var(--sl-nav-gap) + var(--sl-nav-pad-x) + var(--sl-menu-button-size)
-			);
-		}
-
-		.sidebar-pane {
-			visibility: var(--sl-sidebar-visibility, hidden);
-			position: fixed;
-			z-index: var(--sl-z-index-menu);
-			inset-block: var(--sl-nav-height) var(--docs-footer-offset, 0px);
-			inset-inline-start: 0;
-			width: 100%;
-			background-color: var(--sl-color-black);
-			overflow-y: auto;
-		}
-
-		:global([aria-expanded='true']) ~ .sidebar-pane {
-			--sl-sidebar-visibility: visible;
-		}
-
-		.sidebar-content {
-			height: 100%;
-			min-height: max-content;
-			padding: 1rem var(--sl-sidebar-pad-x) 0;
-			flex-direction: column;
-			gap: 1rem;
-		}
-
-		@media (min-width: 50rem) {
-			.sidebar-content::after {
-				content: '';
-				padding-bottom: 1px;
-			}
-		}
-
-		.main-frame {
-			padding-top: calc(var(--sl-nav-height) + var(--sl-mobile-toc-height));
-			padding-inline-start: var(--sl-content-inline-start);
-		}
-
-		.docs-footer-host {
-			width: 100%;
-		}
-
-		@media (min-width: 50rem) {
-			:global([data-has-sidebar]) .header {
-				padding-inline-end: var(--sl-nav-pad-x);
-			}
-			.sidebar-pane {
-				--sl-sidebar-visibility: visible;
-				width: var(--sl-sidebar-width);
-				background-color: var(--sl-color-bg-sidebar);
-				border-inline-end: 1px solid var(--sl-color-hairline-shade);
-				overflow-y: auto;
-			}
-		}
-	}
-</style>

package/dist/components/docs/PageSidebar.astro

@@ -1,63 +0,0 @@
----
-import MobileTableOfContents from '../../vendor/starlight/components/MobileTableOfContents.astro';
-import TableOfContents from '../../vendor/starlight/components/TableOfContents.astro';
----
-
-{
-	Astro.locals.starlightRoute.toc && (
-		<>
-			<div class="lg:sl-hidden">
-				<MobileTableOfContents />
-			</div>
-			<aside
-				id="starlight__page-toc"
-				class="right-sidebar-panel sl-hidden lg:sl-block"
-				aria-label={Astro.locals.t('tableOfContents.onThisPage')}
-			>
-				<div class="sl-container">
-					<TableOfContents />
-				</div>
-			</aside>
-		</>
-	)
-}
-
-<style>
-	@layer starlight.core {
-		.right-sidebar-panel {
-			padding: 1rem var(--sl-sidebar-pad-x);
-		}
-		.sl-container {
-			width: calc(var(--sl-sidebar-width) - 2 * var(--sl-sidebar-pad-x));
-		}
-		.right-sidebar-panel :global(h2) {
-			color: var(--sl-color-white);
-			font-size: var(--sl-text-h5);
-			font-weight: 600;
-			line-height: var(--sl-line-height-headings);
-			margin-bottom: 0.5rem;
-		}
-		.right-sidebar-panel :global(:where(a)) {
-			display: block;
-			font-size: var(--sl-text-xs);
-			text-decoration: none;
-			color: var(--sl-color-gray-3);
-			overflow-wrap: anywhere;
-		}
-		.right-sidebar-panel :global(:where(a):hover) {
-			color: var(--sl-color-white);
-		}
-		@media (min-width: 72rem) {
-			.sl-container {
-				max-width: calc(
-					(
-						(
-								100vw - var(--sl-sidebar-width) - 2 * var(--sl-content-pad-x) - 2 *
-									var(--sl-sidebar-pad-x)
-							) * 0.25
-					)
-				);
-			}
-		}
-	}
-</style>

package/dist/components/docs/PageTitle.astro

@@ -1,39 +0,0 @@
----
-import { getBookForPath } from '../../utils/starlight-nav';
-
-const isBookPage = Boolean(getBookForPath(Astro.url.pathname));
-const PAGE_TITLE_ID = '_top';
----
-
-<h1 id={PAGE_TITLE_ID} class:list={['docs-page-title', isBookPage && 'docs-page-title--book']}>
-	{Astro.locals.starlightRoute.entry.data.title}
-</h1>
-
-<style>
-	@layer starlight.core {
-		.docs-page-title {
-			margin-top: 1rem;
-			font-size: var(--sl-text-h1);
-			line-height: var(--sl-line-height-headings);
-			font-weight: 600;
-			color: var(--sl-color-white);
-		}
-
-		.docs-page-title--book {
-			margin-top: 0;
-			font-size: clamp(1rem, 1.1vw, 1.4rem);
-			line-height: 1.18;
-			font-weight: 800;
-			color: var(--ts-color-accent-strong);
-			text-wrap: pretty;
-		}
-
-		@media (min-width: 72rem) {
-			.docs-page-title--book {
-				max-width: var(--docs-book-panel-width);
-				margin-inline: auto;
-				text-wrap: balance;
-			}
-		}
-	}
-</style>

package/dist/components/docs/Sidebar.astro

@@ -1,41 +0,0 @@
----
-import MobileMenuFooter from '../../vendor/starlight/components/MobileMenuFooter.astro';
-import SidebarPersister from '../../vendor/starlight/components/SidebarPersister.astro';
-import SidebarSublist from '../../vendor/starlight/components/SidebarSublist.astro';
-import { TREESEED_LINKS, getBookForPath } from '../../utils/starlight-nav';
-
-const { sidebar } = Astro.locals.starlightRoute;
-const activeBook = getBookForPath(Astro.url.pathname);
----
-
-<SidebarPersister>
-	{
-		activeBook && (
-			<div class="docs-sidebar-actions">
-				<a href={TREESEED_LINKS.home} class="download-button docs-sidebar-books-button">
-					All Books
-				</a>
-			</div>
-		)
-	}
-	<SidebarSublist sublist={sidebar} />
-</SidebarPersister>
-
-<div class="md:sl-hidden">
-	<MobileMenuFooter />
-</div>
-
-<style>
-	@layer starlight.components {
-		.docs-sidebar-actions {
-			margin: 0 0 1.75rem;
-			padding: 0 0.5rem;
-		}
-
-		.docs-sidebar-books-button {
-			display: inline-flex;
-			width: 100%;
-			justify-content: center;
-		}
-	}
-</style>

package/dist/components/docs/ThemeSelect.astro

@@ -1,5 +0,0 @@
----
-import ThemeScript from '../ui/theme/ThemeScript.astro';
----
-
-<ThemeScript includeCss={false} />