@treeseed/core 0.1.2

package/dist/vendor/starlight/user-components/Aside.astro

@@ -0,0 +1,40 @@
+---
+import { AstroError } from 'astro/errors';
+import Icon from './Icon.astro';
+import { Icons, type StarlightIcon } from '../components/Icons';
+import { throwInvalidAsideIconError } from '../integrations/asides-error';
+
+const asideVariants = ['note', 'tip', 'caution', 'danger'] as const;
+const icons = { note: 'information', tip: 'rocket', caution: 'warning', danger: 'error' } as const;
+
+interface Props {
+	type?: (typeof asideVariants)[number];
+	title?: string;
+	icon?: StarlightIcon;
+}
+
+let { type = 'note', title, icon } = Astro.props;
+
+if (!asideVariants.includes(type)) {
+	throw new AstroError(
+		'Invalid `type` prop passed to the `<Aside>` component.\n',
+		`Received: ${JSON.stringify(type)}\n` +
+			`Expected one of ${asideVariants.map((i) => JSON.stringify(i)).join(', ')}`
+	);
+}
+
+if (icon && !Icons[icon]) throwInvalidAsideIconError(icon);
+
+if (!title) {
+	title = Astro.locals.t(`aside.${type}`);
+}
+---
+
+<aside aria-label={title} class={`starlight-aside starlight-aside--${type}`}>
+	<p class="starlight-aside__title" aria-hidden="true">
+		<Icon name={icon || icons[type]} class="starlight-aside__icon" />{title}
+	</p>
+	<div class="starlight-aside__content">
+		<slot />
+	</div>
+</aside>

package/dist/vendor/starlight/user-components/Badge.astro

@@ -0,0 +1,148 @@
+---
+import { BadgeComponentSchema, type BadgeComponentProps } from '../schemas/badge';
+import { parseWithFriendlyErrors } from '../utils/error-map';
+import type { HTMLAttributes } from 'astro/types';
+
+type Props = BadgeComponentProps & HTMLAttributes<'span'>;
+
+const {
+	text,
+	variant,
+	size,
+	class: customClass,
+	...attrs
+} = parseWithFriendlyErrors(
+	BadgeComponentSchema,
+	Astro.props,
+	'Invalid prop passed to the `<Badge/>` component.'
+);
+
+/**
+ * The fragment around the element is used as a workaround to avoid a trailing whitespace in the output.
+ * @see https://github.com/withastro/compiler/issues/1003
+ */
+---
+
+<><span class:list={['sl-badge', variant, size, customClass]} {...attrs}>{text}</span></>
+
+<style>
+	@layer starlight.components {
+		:global(:root) {
+			--sl-badge-default-border: var(--sl-color-accent);
+			--sl-badge-default-bg: var(--sl-color-accent-low);
+			--sl-badge-default-text: #fff;
+
+			--sl-badge-note-border: var(--sl-color-blue);
+			--sl-badge-note-bg: var(--sl-color-blue-low);
+			--sl-badge-note-text: #fff;
+
+			--sl-badge-danger-border: var(--sl-color-red);
+			--sl-badge-danger-bg: var(--sl-color-red-low);
+			--sl-badge-danger-text: #fff;
+
+			--sl-badge-success-border: var(--sl-color-green);
+			--sl-badge-success-bg: var(--sl-color-green-low);
+			--sl-badge-success-text: #fff;
+
+			--sl-badge-caution-border: var(--sl-color-orange);
+			--sl-badge-caution-bg: var(--sl-color-orange-low);
+			--sl-badge-caution-text: #fff;
+
+			--sl-badge-tip-border: var(--sl-color-purple);
+			--sl-badge-tip-bg: var(--sl-color-purple-low);
+			--sl-badge-tip-text: #fff;
+		}
+
+		:global([data-theme='light']:root) {
+			--sl-badge-default-bg: var(--sl-color-accent-high);
+			--sl-badge-note-bg: var(--sl-color-blue-high);
+			--sl-badge-danger-bg: var(--sl-color-red-high);
+			--sl-badge-success-bg: var(--sl-color-green-high);
+			--sl-badge-caution-bg: var(--sl-color-orange-high);
+			--sl-badge-tip-bg: var(--sl-color-purple-high);
+		}
+
+		.sl-badge {
+			display: inline-block;
+			border: 1px solid var(--sl-color-border-badge);
+			border-radius: 0.25rem;
+			font-family: var(--sl-font-system-mono);
+			line-height: normal;
+			color: var(--sl-color-text-badge);
+			background-color: var(--sl-color-bg-badge);
+			overflow-wrap: anywhere;
+		}
+
+		/* Sidebar overrides */
+		:global(.sidebar-content) .sl-badge {
+			line-height: 1;
+			font-size: var(--sl-text-xs);
+			padding: 0.125rem 0.375rem;
+		}
+
+		/* outline variant */
+		:global(.sidebar-content a[aria-current='page']) > .sl-badge {
+			--sl-color-bg-badge: transparent;
+			--sl-color-border-badge: currentColor;
+			color: inherit;
+		}
+
+		/* Color variants */
+		.default {
+			--sl-color-bg-badge: var(--sl-badge-default-bg);
+			--sl-color-border-badge: var(--sl-badge-default-border);
+			--sl-color-text-badge: var(--sl-badge-default-text);
+		}
+
+		.note {
+			--sl-color-bg-badge: var(--sl-badge-note-bg);
+			--sl-color-border-badge: var(--sl-badge-note-border);
+			--sl-color-text-badge: var(--sl-badge-note-text);
+		}
+
+		.danger {
+			--sl-color-bg-badge: var(--sl-badge-danger-bg);
+			--sl-color-border-badge: var(--sl-badge-danger-border);
+			--sl-color-text-badge: var(--sl-badge-danger-text);
+		}
+
+		.success {
+			--sl-color-bg-badge: var(--sl-badge-success-bg);
+			--sl-color-border-badge: var(--sl-badge-success-border);
+			--sl-color-text-badge: var(--sl-badge-success-text);
+		}
+
+		.tip {
+			--sl-color-bg-badge: var(--sl-badge-tip-bg);
+			--sl-color-border-badge: var(--sl-badge-tip-border);
+			--sl-color-text-badge: var(--sl-badge-tip-text);
+		}
+
+		.caution {
+			--sl-color-bg-badge: var(--sl-badge-caution-bg);
+			--sl-color-border-badge: var(--sl-badge-caution-border);
+			--sl-color-text-badge: var(--sl-badge-caution-text);
+		}
+
+		/* Size variants */
+		.small {
+			font-size: var(--sl-text-xs);
+			padding: 0.125rem 0.25rem;
+		}
+
+		.medium {
+			font-size: var(--sl-text-sm);
+			padding: 0.175rem 0.35rem;
+		}
+
+		.large {
+			font-size: var(--sl-text-base);
+			padding: 0.225rem 0.45rem;
+		}
+
+		/* Badge in headings */
+		:global(.sl-markdown-content :is(h1, h2, h3, h4, h5, h6)) .sl-badge {
+			vertical-align: middle;
+		}
+	}
+</style>

package/dist/vendor/starlight/user-components/Card.astro

@@ -0,0 +1,68 @@
+---
+import Icon from './Icon.astro';
+import type { StarlightIcon } from '../components/Icons';
+
+interface Props {
+	icon?: StarlightIcon;
+	title: string;
+}
+
+const { icon, title } = Astro.props;
+---
+
+<article class="card sl-flex">
+	<p class="title sl-flex">
+		{icon && <Icon name={icon} class="icon" size="1.333em" />}
+		<span set:html={title} />
+	</p>
+	<div class="body"><slot /></div>
+</article>
+
+<style>
+	@layer starlight.components {
+		.card {
+			--sl-card-border: var(--sl-color-purple);
+			--sl-card-bg: var(--sl-color-purple-low);
+			border: 1px solid var(--sl-color-gray-5);
+			background-color: var(--sl-color-black);
+			padding: clamp(1rem, calc(0.125rem + 3vw), 2.5rem);
+			flex-direction: column;
+			gap: clamp(0.5rem, calc(0.125rem + 1vw), 1rem);
+		}
+		.card:nth-child(4n + 1) {
+			--sl-card-border: var(--sl-color-orange);
+			--sl-card-bg: var(--sl-color-orange-low);
+		}
+		.card:nth-child(4n + 3) {
+			--sl-card-border: var(--sl-color-green);
+			--sl-card-bg: var(--sl-color-green-low);
+		}
+		.card:nth-child(4n + 4) {
+			--sl-card-border: var(--sl-color-red);
+			--sl-card-bg: var(--sl-color-red-low);
+		}
+		.card:nth-child(4n + 5) {
+			--sl-card-border: var(--sl-color-blue);
+			--sl-card-bg: var(--sl-color-blue-low);
+		}
+		.title {
+			font-weight: 600;
+			font-size: var(--sl-text-h4);
+			color: var(--sl-color-white);
+			line-height: var(--sl-line-height-headings);
+			gap: 1rem;
+			align-items: center;
+		}
+		.card .icon {
+			border: 1px solid var(--sl-card-border);
+			background-color: var(--sl-card-bg);
+			padding: 0.2em;
+			border-radius: 0.25rem;
+			flex-shrink: 0;
+		}
+		.card .body {
+			margin: 0;
+			font-size: clamp(var(--sl-text-sm), calc(0.5rem + 1vw), var(--sl-text-body));
+		}
+	}
+</style>

package/dist/vendor/starlight/user-components/CardGrid.astro

@@ -0,0 +1,38 @@
+---
+interface Props {
+	stagger?: boolean;
+}
+
+const { stagger = false } = Astro.props;
+---
+
+<div class:list={['card-grid', { stagger }]}><slot /></div>
+
+<style>
+	@layer starlight.components {
+		.card-grid {
+			display: grid;
+			grid-template-columns: 100%;
+			gap: 1rem;
+		}
+
+		.card-grid > :global(*) {
+			margin-top: 0 !important;
+		}
+
+		@media (min-width: 50rem) {
+			.card-grid {
+				grid-template-columns: 1fr 1fr;
+				gap: 1.5rem;
+			}
+			.stagger {
+				--stagger-height: 5rem;
+				padding-bottom: var(--stagger-height);
+			}
+
+			.stagger > :global(*):nth-child(2n) {
+				transform: translateY(var(--stagger-height));
+			}
+		}
+	}
+</style>

package/dist/vendor/starlight/user-components/FileTree.astro

@@ -0,0 +1,137 @@
+---
+import { processFileTree } from './rehype-file-tree';
+
+const fileTreeHtml = await Astro.slots.render('default');
+const html = processFileTree(fileTreeHtml, Astro.locals.t('fileTree.directory'));
+---
+
+<starlight-file-tree set:html={html} class="not-content" data-pagefind-ignore />
+
+<style>
+	@layer starlight.components {
+		starlight-file-tree {
+			--x-space: 1.5rem;
+			--y-space: 0.125rem;
+			--y-pad: 0;
+
+			display: block;
+			border: 1px solid var(--sl-color-gray-5);
+			padding: 1rem;
+			background-color: var(--sl-color-gray-6);
+			font-size: var(--sl-text-xs);
+			font-family: var(--__sl-font-mono);
+			overflow-x: auto;
+		}
+
+		starlight-file-tree :global(.directory > details) {
+			border: 0;
+			padding: 0;
+			padding-inline-start: var(--x-space);
+			background: transparent;
+		}
+
+		starlight-file-tree :global(.directory > details > summary) {
+			margin-inline-start: calc(-1 * var(--x-space));
+			border: 0;
+			padding: var(--y-pad) 0.625rem;
+			font-weight: normal;
+			color: var(--sl-color-white);
+			max-width: 100%;
+		}
+
+		starlight-file-tree :global(.directory > details > summary::marker),
+		starlight-file-tree :global(.directory > details > summary::-webkit-details-marker) {
+			color: var(--sl-color-gray-3);
+		}
+
+		starlight-file-tree :global(.directory > details > summary:hover),
+		starlight-file-tree :global(.directory > details > summary:hover .tree-icon) {
+			cursor: pointer;
+			color: var(--sl-color-text-accent);
+			fill: currentColor;
+		}
+
+		starlight-file-tree :global(.directory > details > summary:hover ~ ul) {
+			border-color: var(--sl-color-gray-4);
+		}
+
+		starlight-file-tree :global(.directory > details > summary:hover .highlight .tree-icon) {
+			color: var(--sl-color-text-invert);
+			fill: currentColor;
+		}
+
+		starlight-file-tree :global(ul) {
+			margin-inline-start: 0.5rem;
+			border-inline-start: 1px solid var(--sl-color-gray-5);
+			padding: 0;
+			padding-inline-start: 0.125rem;
+			list-style: none;
+		}
+
+		starlight-file-tree > :global(ul) {
+			margin: 0;
+			border: 0;
+			padding: 0;
+		}
+
+		starlight-file-tree :global(li) {
+			margin: var(--y-space) 0;
+			padding: var(--y-pad) 0;
+		}
+
+		starlight-file-tree :global(.file) {
+			margin-inline-start: calc(var(--x-space) - 0.125rem);
+			color: var(--sl-color-white);
+		}
+
+		starlight-file-tree :global(.tree-entry) {
+			display: inline-flex;
+			align-items: flex-start;
+			flex-wrap: wrap;
+			max-width: calc(100% - 1rem);
+		}
+
+		@media (min-width: 30em) {
+			starlight-file-tree :global(.tree-entry) {
+				flex-wrap: nowrap;
+			}
+		}
+
+		starlight-file-tree :global(.tree-entry > :first-child) {
+			flex-shrink: 0;
+		}
+
+		starlight-file-tree :global(.empty) {
+			color: var(--sl-color-gray-3);
+			padding-inline-start: 0.375rem;
+		}
+
+		starlight-file-tree :global(.comment) {
+			color: var(--sl-color-gray-3);
+			padding-inline-start: 1.625rem;
+			max-width: 24rem;
+			min-width: 12rem;
+		}
+
+		starlight-file-tree :global(.highlight) {
+			display: inline-block;
+			border-radius: 0.25rem;
+			padding-inline-end: 0.5rem;
+			color: var(--sl-color-text-invert);
+			background-color: var(--sl-color-text-accent);
+		}
+
+		starlight-file-tree :global(svg) {
+			display: inline;
+			fill: var(--sl-color-gray-3);
+			vertical-align: middle;
+			margin-inline: 0.25rem 0.375rem;
+			width: 0.875rem;
+			height: 0.875rem;
+		}
+
+		starlight-file-tree :global(.highlight svg.tree-icon) {
+			fill: currentColor;
+		}
+	}
+</style>

package/dist/vendor/starlight/user-components/Icon.astro

@@ -0,0 +1,42 @@
+---
+import { Icons, type StarlightIcon } from '../components/Icons';
+
+interface Props {
+	name: StarlightIcon;
+	label?: string;
+	color?: string;
+	size?: string;
+	class?: string;
+}
+
+const { name, label, size = '1em', color } = Astro.props;
+const a11yAttrs = label ? ({ 'aria-label': label } as const) : ({ 'aria-hidden': 'true' } as const);
+
+/**
+ * The fragment around the element is used as a workaround to avoid a trailing whitespace in the output.
+ * @see https://github.com/withastro/compiler/issues/1003
+ */
+---
+
+<>
+	<svg
+		{...a11yAttrs}
+		class={Astro.props.class}
+		width="16"
+		height="16"
+		viewBox="0 0 24 24"
+		fill="currentColor"
+		set:html={Icons[name]}
+	/>
+</>
+
+<style define:vars={{ 'sl-icon-color': color, 'sl-icon-size': size }}>
+	@layer starlight.components {
+		svg {
+			color: var(--sl-icon-color);
+			font-size: var(--sl-icon-size, 1em);
+			width: 1em;
+			height: 1em;
+		}
+	}
+</style>

package/dist/vendor/starlight/user-components/LinkButton.astro

@@ -0,0 +1,78 @@
+---
+import type { HTMLAttributes } from 'astro/types';
+import type { StarlightIcon } from '../components/Icons';
+import Icon from './Icon.astro';
+
+interface Props extends Omit<HTMLAttributes<'a'>, 'href'> {
+	href: string | URL;
+	icon?: StarlightIcon | undefined;
+	iconPlacement?: 'start' | 'end' | undefined;
+	variant?: 'primary' | 'secondary' | 'minimal';
+}
+
+const {
+	class: className,
+	icon,
+	iconPlacement = 'end',
+	variant = 'primary',
+	...attrs
+} = Astro.props;
+---
+
+<a class:list={['sl-link-button not-content', variant, className]} {...attrs}>
+	{icon && iconPlacement === 'start' && <Icon name={icon} size="1.5rem" />}
+	<slot />
+	{icon && iconPlacement === 'end' && <Icon name={icon} size="1.5rem" />}
+</a>
+
+<style>
+	@layer starlight.components {
+		.sl-link-button {
+			align-items: center;
+			border: 1px solid transparent;
+			border-radius: 999rem;
+			display: inline-flex;
+			font-size: var(--sl-text-sm);
+			gap: 0.5em;
+			line-height: 1.1875;
+			outline-offset: 0.25rem;
+			padding: 0.4375rem 1.125rem;
+			text-decoration: none;
+		}
+
+		.sl-link-button.primary {
+			background: var(--sl-color-text-accent);
+			border-color: var(--sl-color-text-accent);
+			color: var(--sl-color-black);
+		}
+		.sl-link-button.primary:hover {
+			color: var(--sl-color-black);
+		}
+		.sl-link-button.secondary {
+			border-color: inherit;
+			color: var(--sl-color-white);
+		}
+		.sl-link-button.minimal {
+			color: var(--sl-color-white);
+			padding-inline: 0;
+		}
+
+		.sl-link-button :global(svg) {
+			flex-shrink: 0;
+		}
+
+		@media (min-width: 50rem) {
+			.sl-link-button {
+				font-size: var(--sl-text-base);
+				padding: 0.9375rem 1.25rem;
+			}
+		}
+
+		:global(.sl-markdown-content) .sl-link-button {
+			margin-inline-end: 1rem;
+		}
+		:global(.sl-markdown-content) .sl-link-button:not(:where(p *)) {
+			margin-block: 1rem;
+		}
+	}
+</style>

package/dist/vendor/starlight/user-components/LinkCard.astro

@@ -0,0 +1,78 @@
+---
+import Icon from './Icon.astro';
+import type { HTMLAttributes } from 'astro/types';
+
+interface Props extends Omit<HTMLAttributes<'a'>, 'title'> {
+	title: string;
+	description?: string;
+}
+
+const { title, description, ...attributes } = Astro.props;
+---
+
+<div class="sl-link-card">
+	<span class="sl-flex stack">
+		<a {...attributes}>
+			<span class="title" set:html={title} />
+		</a>
+		{description && <span class="description" set:html={description} />}
+	</span>
+	<Icon name="right-arrow" size="1.333em" class="icon rtl:flip" />
+</div>
+
+<style>
+	@layer starlight.components {
+		.sl-link-card {
+			display: grid;
+			grid-template-columns: 1fr auto;
+			gap: 0.5rem;
+			border: 1px solid var(--sl-color-gray-5);
+			border-radius: 0.5rem;
+			padding: 1rem;
+			box-shadow: var(--sl-shadow-sm);
+			position: relative;
+		}
+
+		a {
+			text-decoration: none;
+			line-height: var(--sl-line-height-headings);
+		}
+
+		/* a11y fix for https://github.com/withastro/starlight/issues/487 */
+		a::before {
+			content: '';
+			position: absolute;
+			inset: 0;
+		}
+
+		.stack {
+			flex-direction: column;
+			gap: 0.5rem;
+		}
+
+		.title {
+			color: var(--sl-color-white);
+			font-weight: 600;
+			font-size: var(--sl-text-lg);
+		}
+
+		.description {
+			color: var(--sl-color-gray-3);
+			line-height: 1.5;
+		}
+
+		.icon {
+			color: var(--sl-color-gray-3);
+		}
+
+		/* Hover state */
+		.sl-link-card:hover {
+			background: var(--sl-color-gray-7, var(--sl-color-gray-6));
+			border-color: var(--sl-color-gray-2);
+		}
+
+		.sl-link-card:hover .icon {
+			color: var(--sl-color-white);
+		}
+	}
+</style>