@velastack/cms 0.1.0

package/dist/components/admin-bar/delete-page-dialog.svelte

@@ -0,0 +1,326 @@
+<script lang="ts">
+	import { Button } from './ui/button/index.js';
+	import * as Dialog from './ui/dialog/index.js';
+	import { Input } from './ui/input/index.js';
+	import { Label } from './ui/label/index.js';
+	import * as Select from './ui/select/index.js';
+
+	export type DeletePageMode = 'delete' | 'gone' | 'redirect';
+
+	export type RedirectTarget = {
+		url: string;
+		routeId: string;
+		params: Record<string, string>;
+	};
+
+	type Props = {
+		open: boolean;
+		onOpenChange: (open: boolean) => void;
+		/** The URL being deleted, shown in the heading and used for self-redirect detection. */
+		url: string;
+		/**
+		 * `true` when the page exists only as a draft in the open release. Disables
+		 * gone/redirect options — the page was never live so there's no equity to
+		 * preserve and "discard draft" is the only meaningful action.
+		 */
+		isDraft: boolean;
+		/** Selectable redirect targets — pages-panel passes the filtered page list. */
+		targets: RedirectTarget[];
+		/**
+		 * Map of source-url → terminal-redirect-url for chains in the working
+		 * release plus any published tombstones. Used to auto-flatten if the user
+		 * picks a target that's itself redirected.
+		 */
+		redirectsByUrl: Record<string, string>;
+		deleting: boolean;
+		error: string | null;
+		onConfirm: (mode: DeletePageMode, target?: string) => void;
+	};
+
+	let {
+		open,
+		onOpenChange,
+		url,
+		isDraft,
+		targets,
+		redirectsByUrl,
+		deleting,
+		error,
+		onConfirm
+	}: Props = $props();
+
+	let mode = $state<DeletePageMode>('delete');
+	let pageTargetValue = $state('');
+	let externalUrl = $state('');
+	let useExternal = $state(false);
+
+	$effect.pre(() => {
+		if (!open) return;
+		mode = 'delete';
+		pageTargetValue = '';
+		externalUrl = '';
+		useExternal = false;
+	});
+
+	const optionValueFor = (t: RedirectTarget) => `${t.routeId}::${JSON.stringify(t.params)}`;
+
+	const selectableTargets = $derived(targets.filter((t) => t.url !== url));
+
+	const pickedRawTarget = $derived.by((): string => {
+		if (mode !== 'redirect') return '';
+		if (useExternal) return externalUrl.trim();
+		const opt = selectableTargets.find((t) => optionValueFor(t) === pageTargetValue);
+		return opt?.url ?? '';
+	});
+
+	/**
+	 * Walk the redirect chain from `target` until we hit a URL that isn't itself
+	 * a redirect, or we revisit a URL (cycle). Returns the terminal URL plus the
+	 * number of hops taken — when hops > 0 the dialog surfaces a notice that the
+	 * stored target will be the flattened terminal.
+	 */
+	const resolved = $derived.by((): { terminal: string; hops: number; cycle: boolean } => {
+		const t = pickedRawTarget;
+		if (!t) return { terminal: '', hops: 0, cycle: false };
+		const seen = new Set<string>([url]);
+		let cur = t;
+		let hops = 0;
+		while (redirectsByUrl[cur]) {
+			if (seen.has(cur)) return { terminal: cur, hops, cycle: true };
+			seen.add(cur);
+			cur = redirectsByUrl[cur];
+			hops += 1;
+			if (hops > 50) return { terminal: cur, hops, cycle: true };
+		}
+		return {
+			terminal: cur,
+			hops,
+			cycle: cur === url
+		};
+	});
+
+	const isSelfRedirect = $derived(
+		mode === 'redirect' && pickedRawTarget !== '' && resolved.terminal === url
+	);
+
+	const canSubmit = $derived.by(() => {
+		if (deleting) return false;
+		if (mode === 'redirect') {
+			if (resolved.terminal === '') return false;
+			if (isSelfRedirect) return false;
+		}
+		return true;
+	});
+
+	const submit = () => {
+		if (!canSubmit) return;
+		if (mode === 'redirect') onConfirm('redirect', resolved.terminal);
+		else onConfirm(mode);
+	};
+</script>
+
+<Dialog.Root
+	{open}
+	onOpenChange={(next) => {
+		if (!next && deleting) return;
+		onOpenChange(next);
+	}}
+>
+	<Dialog.Content showCloseButton={false} class="vela:max-w-[28rem]">
+		<form
+			class="vela:flex vela:flex-col vela:gap-0"
+			onsubmit={(e) => {
+				e.preventDefault();
+				submit();
+			}}
+		>
+			<Dialog.Header>
+				<Dialog.Title>{isDraft ? 'Discard draft page' : 'Delete page'}</Dialog.Title>
+				<Dialog.Description>
+					<span class="vela:font-mono">{url}</span>
+				</Dialog.Description>
+			</Dialog.Header>
+
+			<div class="vela:px-6 vela:pb-2 vela:flex vela:flex-col vela:gap-3">
+				{#if isDraft}
+					<p class="vela:text-[13px] vela:text-bar-text-secondary">
+						This page is unpublished. Discarding removes the draft entirely.
+					</p>
+				{:else}
+					<fieldset class="vela:flex vela:flex-col vela:gap-2 vela:m-0 vela:p-0 vela:border-0">
+						<legend class="vela:sr-only">Choose deletion mode</legend>
+
+						<label
+							class="vela:flex vela:items-start vela:gap-2 vela:cursor-pointer vela:p-2 vela:rounded-md vela:hover:bg-[var(--cms-bar-bg-hover)]"
+						>
+							<input
+								type="radio"
+								name="delete-mode"
+								value="delete"
+								checked={mode === 'delete'}
+								onchange={() => (mode = 'delete')}
+								disabled={deleting}
+								class="vela:mt-0.5"
+							/>
+							<span class="vela:flex vela:flex-col vela:gap-0.5">
+								<span class="vela:text-[13px] vela:text-bar-text">
+									Delete page (404 Not Found)
+								</span>
+								<span class="vela:text-[12px] vela:text-bar-text-secondary">
+									The URL becomes a regular not-found.
+								</span>
+							</span>
+						</label>
+
+						<label
+							class="vela:flex vela:items-start vela:gap-2 vela:cursor-pointer vela:p-2 vela:rounded-md vela:hover:bg-[var(--cms-bar-bg-hover)]"
+						>
+							<input
+								type="radio"
+								name="delete-mode"
+								value="gone"
+								checked={mode === 'gone'}
+								onchange={() => (mode = 'gone')}
+								disabled={deleting}
+								class="vela:mt-0.5"
+							/>
+							<span class="vela:flex vela:flex-col vela:gap-0.5">
+								<span class="vela:text-[13px] vela:text-bar-text">
+									Mark as permanently gone (410)
+								</span>
+								<span class="vela:text-[12px] vela:text-bar-text-secondary">
+									Tells crawlers the URL is intentionally removed.
+								</span>
+							</span>
+						</label>
+
+						<label
+							class="vela:flex vela:items-start vela:gap-2 vela:cursor-pointer vela:p-2 vela:rounded-md vela:hover:bg-[var(--cms-bar-bg-hover)]"
+						>
+							<input
+								type="radio"
+								name="delete-mode"
+								value="redirect"
+								checked={mode === 'redirect'}
+								onchange={() => (mode = 'redirect')}
+								disabled={deleting}
+								class="vela:mt-0.5"
+							/>
+							<span class="vela:flex vela:flex-col vela:gap-0.5">
+								<span class="vela:text-[13px] vela:text-bar-text">
+									Replace with redirect (308)
+								</span>
+								<span class="vela:text-[12px] vela:text-bar-text-secondary">
+									Send visitors to another URL. Preserves SEO equity.
+								</span>
+							</span>
+						</label>
+					</fieldset>
+
+					{#if mode === 'redirect'}
+						<div
+							class="vela:flex vela:flex-col vela:gap-2 vela:pl-7 vela:border-l vela:border-[var(--cms-bar-divider)] vela:ml-2"
+						>
+							<div class="vela:flex vela:items-center vela:gap-3">
+								<Label class="vela:text-[12px] vela:text-bar-text-secondary">Target:</Label>
+								<label class="vela:text-[12px] vela:flex vela:items-center vela:gap-1">
+									<input
+										type="radio"
+										name="target-source"
+										checked={!useExternal}
+										onchange={() => (useExternal = false)}
+										disabled={deleting}
+									/>
+									Page
+								</label>
+								<label class="vela:text-[12px] vela:flex vela:items-center vela:gap-1">
+									<input
+										type="radio"
+										name="target-source"
+										checked={useExternal}
+										onchange={() => (useExternal = true)}
+										disabled={deleting}
+									/>
+									External URL
+								</label>
+							</div>
+
+							{#if useExternal}
+								<Input
+									type="url"
+									placeholder="https://other-site.com/page"
+									bind:value={externalUrl}
+									disabled={deleting}
+								/>
+							{:else if selectableTargets.length === 0}
+								<p class="vela:text-[12px] vela:text-bar-text-tertiary">
+									No other pages available — switch to External URL.
+								</p>
+							{:else}
+								<Select.Root
+									type="single"
+									value={pageTargetValue}
+									onValueChange={(v) => (pageTargetValue = v)}
+								>
+									<Select.Trigger size="sm">
+										<span data-slot="select-value" class="vela:truncate">
+											{selectableTargets.find((t) => optionValueFor(t) === pageTargetValue)?.url ??
+												'— Select page —'}
+										</span>
+									</Select.Trigger>
+									<Select.Content sideOffset={6}>
+										{#each selectableTargets as t (optionValueFor(t))}
+											<Select.Item value={optionValueFor(t)} label={t.url}>
+												{t.url}
+											</Select.Item>
+										{/each}
+									</Select.Content>
+								</Select.Root>
+							{/if}
+
+							{#if isSelfRedirect}
+								<p class="vela:text-[12px] vela:text-[var(--cms-status-error-text)]" role="alert">
+									This would redirect to itself.
+								</p>
+							{:else if resolved.hops > 0 && resolved.terminal !== ''}
+								<p class="vela:text-[12px] vela:text-bar-text-secondary">
+									Will redirect directly to <span class="vela:font-mono">{resolved.terminal}</span>
+									(skipping {resolved.hops} chained redirect{resolved.hops === 1 ? '' : 's'}).
+								</p>
+							{/if}
+						</div>
+					{/if}
+				{/if}
+			</div>
+
+			{#if error}
+				<p
+					role="alert"
+					class="vela:mx-6 vela:mt-2 vela:px-3 vela:py-2 vela:rounded-md
+						vela:bg-[var(--cms-status-error-bg)] vela:text-[var(--cms-status-error-text)] vela:text-[12px]"
+				>
+					{error}
+				</p>
+			{/if}
+
+			<Dialog.Footer class="vela:justify-end vela:pt-4">
+				<Button variant="ghost" onclick={() => onOpenChange(false)} disabled={deleting}>
+					Cancel
+				</Button>
+				<Button type="submit" variant="outline-destructive" disabled={!canSubmit}>
+					{#if deleting}
+						Working…
+					{:else if isDraft}
+						Discard
+					{:else if mode === 'redirect'}
+						Stage redirect
+					{:else if mode === 'gone'}
+						Stage 410
+					{:else}
+						Stage delete
+					{/if}
+				</Button>
+			</Dialog.Footer>
+		</form>
+	</Dialog.Content>
+</Dialog.Root>

package/dist/components/admin-bar/delete-page-dialog.svelte.d.ts

@@ -0,0 +1,32 @@
+export type DeletePageMode = 'delete' | 'gone' | 'redirect';
+export type RedirectTarget = {
+    url: string;
+    routeId: string;
+    params: Record<string, string>;
+};
+type Props = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** The URL being deleted, shown in the heading and used for self-redirect detection. */
+    url: string;
+    /**
+     * `true` when the page exists only as a draft in the open release. Disables
+     * gone/redirect options — the page was never live so there's no equity to
+     * preserve and "discard draft" is the only meaningful action.
+     */
+    isDraft: boolean;
+    /** Selectable redirect targets — pages-panel passes the filtered page list. */
+    targets: RedirectTarget[];
+    /**
+     * Map of source-url → terminal-redirect-url for chains in the working
+     * release plus any published tombstones. Used to auto-flatten if the user
+     * picks a target that's itself redirected.
+     */
+    redirectsByUrl: Record<string, string>;
+    deleting: boolean;
+    error: string | null;
+    onConfirm: (mode: DeletePageMode, target?: string) => void;
+};
+declare const DeletePageDialog: import("svelte").Component<Props, {}, "">;
+type DeletePageDialog = ReturnType<typeof DeletePageDialog>;
+export default DeletePageDialog;

package/dist/components/admin-bar/history-panel.svelte

@@ -0,0 +1,264 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { page } from '$app/state';
+	import PanelFooter from './panel-footer.svelte';
+	import PanelHeader from './panel-header.svelte';
+	import Panel from './panel.svelte';
+	import { resolveRouteOnlyParams, resolveRouteUrl } from './resolve-route.js';
+	import { Badge } from './ui/badge/index.js';
+	import { Button } from './ui/button/index.js';
+
+	type ReleaseItem =
+		| {
+				kind: 'page';
+				routeId: string;
+				params: Record<string, string>;
+				fields: Record<string, unknown>;
+		  }
+		| {
+				kind: 'page-delete';
+				routeId: string;
+				params: Record<string, string>;
+				outcome?: { kind: 'gone' } | { kind: 'redirect'; to: string };
+		  }
+		| { kind: 'layout'; routeId: string; fields: Record<string, unknown> };
+
+	type PublishedRelease = {
+		id: string;
+		name?: string;
+		publishedBy: string;
+		publishedAt: string;
+		preview_key: string;
+		revertedAt?: string;
+		items: ReleaseItem[];
+	};
+
+	type Props = {
+		endpoint: string;
+		onClose: () => void;
+		onChanged: () => Promise<void> | void;
+	};
+	let { endpoint, onClose, onChanged }: Props = $props();
+
+	let history = $state<PublishedRelease[]>([]);
+	let loading = $state(false);
+	let reverting = $state<string | null>(null);
+
+	const load = async () => {
+		loading = true;
+		try {
+			const res = await fetch(`${endpoint}/release/history`, { credentials: 'include' });
+			if (!res.ok) return;
+			const data = (await res.json()) as { history: PublishedRelease[] };
+			history = data.history;
+		} finally {
+			loading = false;
+		}
+	};
+
+	$effect(() => {
+		void load();
+	});
+
+	const onRevert = async (release: PublishedRelease) => {
+		const label = release.name ?? release.id.slice(0, 8);
+		if (
+			!confirm(`Revert release "${label}"? This will create a new release that undoes its changes.`)
+		)
+			return;
+		reverting = release.id;
+		try {
+			const res = await fetch(`${endpoint}/release/history/${release.id}/revert`, {
+				credentials: 'include',
+				method: 'POST'
+			});
+			if (!res.ok) return;
+			await load();
+			await onChanged();
+		} finally {
+			reverting = null;
+		}
+	};
+
+	const formatDate = (iso: string): string => {
+		try {
+			const d = new Date(iso);
+			const now = new Date();
+			const sameDay =
+				d.getFullYear() === now.getFullYear() &&
+				d.getMonth() === now.getMonth() &&
+				d.getDate() === now.getDate();
+			const yesterday = new Date(now);
+			yesterday.setDate(yesterday.getDate() - 1);
+			const isYesterday =
+				d.getFullYear() === yesterday.getFullYear() &&
+				d.getMonth() === yesterday.getMonth() &&
+				d.getDate() === yesterday.getDate();
+			const time = d.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });
+			if (sameDay) return `Today, ${time}`;
+			if (isYesterday) return `Yesterday`;
+			return d.toLocaleDateString(undefined, { month: 'short', day: 'numeric' });
+		} catch {
+			return iso;
+		}
+	};
+
+	const isCommitHash = (s: string): boolean => /^[a-f0-9]{6,40}$/i.test(s);
+
+	type DisplayRelease = {
+		release: PublishedRelease;
+		title: string;
+		titleIsHash: boolean;
+		isLive: boolean;
+		paths: string[];
+		extraPaths: number;
+	};
+
+	const displayList = $derived.by<DisplayRelease[]>(() =>
+		history.map((release, idx) => {
+			const title = release.name ?? release.id.slice(0, 8);
+			const titleIsHash = !release.name && isCommitHash(title);
+			const isLive = idx === 0 && !release.revertedAt;
+
+			const seen = new Set<string>();
+			const allPaths: string[] = [];
+			for (const item of release.items) {
+				let path: string;
+				if (item.kind === 'layout') {
+					path = resolveRouteOnlyParams(item.routeId);
+				} else {
+					try {
+						path = resolveRouteUrl(item.routeId, item.params);
+					} catch {
+						path = resolveRouteOnlyParams(item.routeId);
+					}
+				}
+				if (!seen.has(path)) {
+					seen.add(path);
+					allPaths.push(path);
+				}
+			}
+			const cap = 3;
+			const paths = allPaths.slice(0, cap);
+			const extraPaths = Math.max(0, allPaths.length - cap);
+			return { release, title, titleIsHash, isLive, paths, extraPaths };
+		})
+	);
+
+	const onView = async (release: PublishedRelease) => {
+		const url = new URL(page.url);
+		url.searchParams.delete('preview');
+		url.searchParams.delete('edit');
+		url.searchParams.set('version', release.preview_key);
+		await goto(url.pathname + url.search + url.hash, { keepFocus: true, noScroll: true });
+		onClose();
+	};
+</script>
+
+<Panel ariaLabel="Recent releases" {onClose}>
+	<PanelHeader title="Recent releases" {onClose}>
+		{#snippet subtitle()}
+			<span class="vela:text-[12px] vela:text-bar-text-secondary">last 30 days</span>
+		{/snippet}
+	</PanelHeader>
+
+	<div class="vela:overflow-y-auto vela:px-4 vela:pb-2">
+		{#if loading && history.length === 0}
+			<p class="vela:text-[13px] vela:text-bar-text-tertiary vela:py-2">Loading…</p>
+		{:else if history.length === 0}
+			<p class="vela:text-[13px] vela:text-bar-text-tertiary vela:py-2">
+				No published releases yet.
+			</p>
+		{:else}
+			<ol class="vela:list-none vela:pl-0 vela:m-0 vela:relative vela:flex vela:flex-col">
+				<span
+					class="vela:absolute vela:left-[5px] vela:top-2 vela:bottom-2 vela:w-px vela:bg-[var(--cms-bar-divider)]"
+					aria-hidden="true"
+				></span>
+				{#each displayList as { release, title, titleIsHash, isLive, paths, extraPaths } (release.id)}
+					<li class="vela:relative vela:pl-6 vela:pr-1 vela:py-2.5">
+						<span
+							class="vela:absolute vela:left-0 vela:top-3.5 vela:w-[11px] vela:h-[11px]
+								vela:rounded-full vela:bg-bar-bg vela:flex vela:items-center vela:justify-center"
+							aria-hidden="true"
+						>
+							<span
+								class="vela:w-2 vela:h-2 vela:rounded-full"
+								style:background-color={isLive ? 'var(--cms-status-clean-dot)' : '#444'}
+							></span>
+						</span>
+						<div class="vela:flex vela:items-start vela:justify-between vela:gap-3">
+							<div class="vela:flex vela:flex-col vela:min-w-0 vela:flex-1">
+								<div class="vela:flex vela:items-center vela:gap-2 vela:min-w-0">
+									{#if titleIsHash}
+										<span class="vela:font-mono vela:text-[12px] vela:text-bar-text vela:truncate">
+											{title}
+										</span>
+									{:else}
+										<span
+											class="vela:text-[13px] vela:font-medium vela:text-bar-text vela:truncate"
+										>
+											{title}
+										</span>
+									{/if}
+									{#if release.revertedAt}
+										<Badge variant="warn" size="sm">reverted</Badge>
+									{/if}
+								</div>
+								<div class="vela:text-[11px] vela:text-bar-text-tertiary vela:mt-0.5">
+									{formatDate(release.publishedAt)} · published by {release.publishedBy}{isLive
+										? ' · '
+										: ''}{#if isLive}<span class="vela:text-[var(--cms-status-clean-dot)]"
+											>live now</span
+										>{/if}
+								</div>
+								{#if paths.length > 0}
+									<div class="vela:flex vela:flex-wrap vela:gap-1.5 vela:mt-2">
+										{#each paths as path}
+											<span
+												class="vela:font-mono vela:text-[11px] vela:px-1.5 vela:py-0.5 vela:rounded
+													vela:bg-[var(--cms-bar-bg-hover)] vela:text-bar-text-secondary"
+											>
+												{path}
+											</span>
+										{/each}
+										{#if extraPaths > 0}
+											<span
+												class="vela:text-[11px] vela:text-bar-text-tertiary vela:px-1 vela:py-0.5"
+											>
+												+{extraPaths} more
+											</span>
+										{/if}
+									</div>
+								{/if}
+							</div>
+							<div class="vela:flex vela:items-center vela:gap-1.5 vela:shrink-0">
+								<Button variant="outline" size="pill" onclick={() => onView(release)}>View</Button>
+								{#if !isLive}
+									<Button
+										variant="outline"
+										size="pill"
+										disabled={reverting === release.id || !!release.revertedAt}
+										onclick={() => onRevert(release)}
+									>
+										{reverting === release.id ? '…' : 'Revert'}
+									</Button>
+								{/if}
+							</div>
+						</div>
+					</li>
+				{/each}
+			</ol>
+		{/if}
+	</div>
+
+	<PanelFooter>
+		<span>
+			{history.length}
+			{history.length === 1 ? 'release' : 'releases'} shown
+		</span>
+		<Button variant="link" size="xs" disabled class="vela:text-bar-text-tertiary">
+			Load older →
+		</Button>
+	</PanelFooter>
+</Panel>

package/dist/components/admin-bar/history-panel.svelte.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    endpoint: string;
+    onClose: () => void;
+    onChanged: () => Promise<void> | void;
+};
+declare const HistoryPanel: import("svelte").Component<Props, {}, "">;
+type HistoryPanel = ReturnType<typeof HistoryPanel>;
+export default HistoryPanel;

package/dist/components/admin-bar/icons/bold.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+	// Lucide `bold` icon path data (https://lucide.dev) — ISC License,
+	// Copyright (c) Lucide Icons and Contributors. See ./types.ts.
+	import Icon from './icon.svelte';
+	import type { IconNode } from './types.js';
+
+	const iconNode: IconNode = [
+		['path', { d: 'M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8' }]
+	];
+	let props = $props();
+</script>
+
+<Icon {iconNode} {...props} />

package/dist/components/admin-bar/icons/bold.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Bold: import("svelte").Component<$$ComponentProps, {}, "">;
+type Bold = ReturnType<typeof Bold>;
+export default Bold;

package/dist/components/admin-bar/icons/check.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	// Lucide `check` icon path data (https://lucide.dev) — ISC License,
+	// Copyright (c) Lucide Icons and Contributors. See ./types.ts.
+	import Icon from './icon.svelte';
+	import type { IconNode } from './types.js';
+
+	const iconNode: IconNode = [['path', { d: 'M20 6 9 17l-5-5' }]];
+	let props = $props();
+</script>
+
+<Icon {iconNode} {...props} />

package/dist/components/admin-bar/icons/check.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Check: import("svelte").Component<$$ComponentProps, {}, "">;
+type Check = ReturnType<typeof Check>;
+export default Check;

package/dist/components/admin-bar/icons/chevron-down.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	// Lucide `chevron-down` icon path data (https://lucide.dev) — ISC License,
+	// Copyright (c) Lucide Icons and Contributors. See ./types.ts.
+	import Icon from './icon.svelte';
+	import type { IconNode } from './types.js';
+
+	const iconNode: IconNode = [['path', { d: 'm6 9 6 6 6-6' }]];
+	let props = $props();
+</script>
+
+<Icon {iconNode} {...props} />

package/dist/components/admin-bar/icons/chevron-down.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ChevronDown: import("svelte").Component<$$ComponentProps, {}, "">;
+type ChevronDown = ReturnType<typeof ChevronDown>;
+export default ChevronDown;