svelte-docsmith 0.1.0

package/dist/ui/layouts/docs-header.svelte

@@ -0,0 +1,109 @@
+<script lang="ts">
+	import { Badge } from '../shadcn/badge/index.js';
+	import { Button } from '../shadcn/button/index.js';
+	import { Separator } from '../shadcn/separator/index.js';
+	import GithubIcon from '../icons/github.svelte';
+	import ThemeToggle from '../theme-toggle.svelte';
+	import type { DocsmithConfig } from '../../config.js';
+	import BookOpenText from '@lucide/svelte/icons/book-open-text';
+	import type { Snippet } from 'svelte';
+
+	const {
+		config,
+		logo,
+		actions,
+		standalone = false
+	}: {
+		config: DocsmithConfig;
+		/** Custom logo mark; defaults to a book icon in a primary-tinted chip. */
+		logo?: Snippet;
+		/** Extra header controls, rendered before the theme toggle. */
+		actions?: Snippet;
+		/**
+		 * Show at every breakpoint (for pages without the docs mobile header, e.g.
+		 * a landing page). Default: desktop-only, since the docs shell pairs this
+		 * with a separate mobile header.
+		 */
+		standalone?: boolean;
+	} = $props();
+
+	let isScrolled = $state(false);
+</script>
+
+<svelte:window onscroll={() => (isScrolled = window.scrollY > 50)} />
+
+<header
+	class="sticky top-0 z-40 w-full transition-all duration-200 {standalone
+		? 'block'
+		: 'hidden lg:block'} {isScrolled
+		? 'bg-background/60 supports-backdrop-filter:bg-background/60 border-border/40 border-b backdrop-blur-xl'
+		: 'border-transparent bg-transparent'}"
+>
+	<div class="mx-auto flex h-14 max-w-7xl items-center justify-between gap-2 px-4 md:px-6 lg:px-8">
+		<a href="/" class="group flex items-center gap-2.5">
+			<div
+				class="bg-primary/10 text-primary group-hover:bg-primary/20 flex size-8 items-center justify-center rounded-lg transition-all duration-200"
+			>
+				{#if logo}
+					{@render logo()}
+				{:else if config.logo}
+					<img src={config.logo} alt="" class="size-5 object-contain" />
+				{:else}
+					<BookOpenText class="size-5" />
+				{/if}
+			</div>
+			<span class="text-base font-semibold tracking-tight md:text-lg">{config.title}</span>
+		</a>
+
+		<div class="ml-auto flex items-center gap-2">
+			{#if config.nav?.length}
+				<nav class="mr-1 flex items-center gap-1">
+					{#each config.nav as link (link.href)}
+						<a
+							href={link.href}
+							target={link.external ? '_blank' : undefined}
+							rel={link.external ? 'noopener noreferrer' : undefined}
+							class="text-muted-foreground hover:text-foreground rounded-md px-3 py-1.5 text-sm font-medium transition-colors"
+						>
+							{link.label}
+						</a>
+					{/each}
+				</nav>
+			{/if}
+
+			{#if config.version}
+				<div class="px-2">
+					<Badge
+						variant="outline"
+						class="bg-muted/50 border-border/50 font-mono text-xs font-normal"
+					>
+						v{config.version}
+					</Badge>
+				</div>
+			{/if}
+
+			<Separator orientation="vertical" class="bg-border/40 mx-1 min-h-0 h-6" />
+
+			<div class="flex items-center gap-0.5">
+				{#if actions}
+					{@render actions()}
+				{/if}
+
+				{#if config.github}
+					<Button
+						size="icon"
+						variant="ghost"
+						target="_blank"
+						href={config.github}
+						class="text-muted-foreground hover:text-foreground size-8"
+					>
+						<GithubIcon class="size-4" />
+						<span class="sr-only">GitHub</span>
+					</Button>
+				{/if}
+
+				<ThemeToggle />
+			</div>
+		</div>
+	</div>
+</header>

package/dist/ui/layouts/docs-header.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { DocsmithConfig } from '../../config.js';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    config: DocsmithConfig;
+    /** Custom logo mark; defaults to a book icon in a primary-tinted chip. */
+    logo?: Snippet;
+    /** Extra header controls, rendered before the theme toggle. */
+    actions?: Snippet;
+    /**
+     * Show at every breakpoint (for pages without the docs mobile header, e.g.
+     * a landing page). Default: desktop-only, since the docs shell pairs this
+     * with a separate mobile header.
+     */
+    standalone?: boolean;
+};
+declare const DocsHeader: import("svelte").Component<$$ComponentProps, {}, "">;
+type DocsHeader = ReturnType<typeof DocsHeader>;
+export default DocsHeader;

package/dist/ui/layouts/docs-mobile-header.svelte

@@ -0,0 +1,106 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import type { DocsmithConfig, NavGroup } from '../../config.js';
+	import type { TocItem } from '../../toc/index.js';
+	import DocsSidebar from './docs-sidebar.svelte';
+	import TableOfContents from '../table-of-contents.svelte';
+	import ThemeToggle from '../theme-toggle.svelte';
+	import { Button } from '../shadcn/button/index.js';
+	import * as Popover from '../shadcn/popover/index.js';
+	import { ScrollArea } from '../shadcn/scroll-area/index.js';
+	import * as Sheet from '../shadcn/sheet/index.js';
+	import BookOpenText from '@lucide/svelte/icons/book-open-text';
+	import Menu from '@lucide/svelte/icons/menu';
+	import PanelRight from '@lucide/svelte/icons/panel-right';
+	import type { Snippet } from 'svelte';
+
+	const {
+		config,
+		nav,
+		title,
+		tocItems,
+		tocActiveId = null,
+		logo,
+		actions
+	}: {
+		config: DocsmithConfig;
+		nav: NavGroup[];
+		/** Title of the current page, shown between the menu and controls. */
+		title: string;
+		/** In-page TOC entries; the TOC popover is hidden when empty. */
+		tocItems: TocItem[];
+		/** Id of the heading currently in view. */
+		tocActiveId?: string | null;
+		logo?: Snippet;
+		actions?: Snippet;
+	} = $props();
+
+	let isMenuOpen = $state(false);
+	let isTocOpen = $state(false);
+
+	$effect(() => {
+		// Close the overlays on navigation.
+		// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- read to make the route a reactive dependency
+		page.url.pathname;
+		isMenuOpen = false;
+		isTocOpen = false;
+	});
+</script>
+
+<header
+	class="bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-40 w-full border-b backdrop-blur lg:hidden"
+>
+	<div class="flex h-14 items-center gap-2 px-4">
+		<Sheet.Root bind:open={isMenuOpen}>
+			<Sheet.Trigger>
+				{#snippet child({ props })}
+					<Button variant="ghost" size="icon" class="-ml-2" {...props}>
+						<Menu class="size-5" />
+						<span class="sr-only">Toggle menu</span>
+					</Button>
+				{/snippet}
+			</Sheet.Trigger>
+			<Sheet.Content side="left" class="pr-0">
+				<div class="px-7 pt-4 pb-4">
+					<a href="/" class="flex items-center gap-2 font-bold">
+						{#if logo}
+							{@render logo()}
+						{:else}
+							<BookOpenText class="text-primary size-5" />
+						{/if}
+						<span class="inline-block">{config.title}</span>
+					</a>
+				</div>
+				<ScrollArea class="my-4 h-[calc(100vh-8rem)] pb-10 pl-2">
+					<DocsSidebar {nav} class="static block h-auto w-full" />
+				</ScrollArea>
+			</Sheet.Content>
+		</Sheet.Root>
+
+		<div class="flex-1 truncate font-bold">{title}</div>
+
+		<div class="flex items-center gap-1">
+			{#if actions}
+				{@render actions()}
+			{/if}
+
+			<ThemeToggle />
+
+			{#if tocItems.length > 0}
+				<Popover.Root bind:open={isTocOpen}>
+					<Popover.Trigger>
+						{#snippet child({ props })}
+							<Button variant="ghost" size="icon" class="size-8" {...props}>
+								<PanelRight class="size-4" />
+								<span class="sr-only">Table of contents</span>
+							</Button>
+						{/snippet}
+					</Popover.Trigger>
+					<Popover.Content class="max-h-[60vh] w-64 overflow-y-auto p-4" align="end">
+						<TableOfContents items={tocItems} activeId={tocActiveId} class="static block w-full" />
+					</Popover.Content>
+				</Popover.Root>
+			{/if}
+		</div>
+	</div>
+</header>

package/dist/ui/layouts/docs-mobile-header.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { DocsmithConfig, NavGroup } from '../../config.js';
+import type { TocItem } from '../../toc/index.js';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    config: DocsmithConfig;
+    nav: NavGroup[];
+    /** Title of the current page, shown between the menu and controls. */
+    title: string;
+    /** In-page TOC entries; the TOC popover is hidden when empty. */
+    tocItems: TocItem[];
+    /** Id of the heading currently in view. */
+    tocActiveId?: string | null;
+    logo?: Snippet;
+    actions?: Snippet;
+};
+declare const DocsMobileHeader: import("svelte").Component<$$ComponentProps, {}, "">;
+type DocsMobileHeader = ReturnType<typeof DocsMobileHeader>;
+export default DocsMobileHeader;

package/dist/ui/layouts/docs-shell.svelte

@@ -0,0 +1,133 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import { afterNavigate } from '$app/navigation';
+	import { navFromContent, type DocsContentItem, type DocsmithConfig } from '../../config.js';
+	import { createToc } from '../../toc/index.js';
+	import BackgroundPattern from '../background-pattern.svelte';
+	import ThemeProvider from '../theme-provider.svelte';
+	import DocsHeader from './docs-header.svelte';
+	import DocsFooter from './docs-footer.svelte';
+	import DocsMobileHeader from './docs-mobile-header.svelte';
+	import DocsSidebar from './docs-sidebar.svelte';
+	import PrevNextNav from './prev-next-nav.svelte';
+	import Breadcrumbs, { type Crumb } from './breadcrumbs.svelte';
+	import TableOfContents from '../table-of-contents.svelte';
+	import type { Snippet } from 'svelte';
+
+	const {
+		config,
+		content = [],
+		children,
+		logo,
+		actions,
+		footer,
+		pattern = false,
+		layout = 'docs'
+	}: {
+		config: DocsmithConfig;
+		content?: DocsContentItem[];
+		children: Snippet;
+		/** Custom logo mark for the header and mobile menu. */
+		logo?: Snippet;
+		/** Extra header controls (desktop and mobile), before the theme toggle. */
+		actions?: Snippet;
+		/** Rendered below the content column (copyright, credits, …). */
+		footer?: Snippet;
+		/** Render the decorative grid-and-glow page background. */
+		pattern?: boolean;
+		/**
+		 * `docs` (default): the three-column shell — sidebar, content, in-page TOC.
+		 * `page`: full-bleed content with the same header/footer/background but no
+		 * sidebar or TOC — for a landing or any non-doc page, so the whole site
+		 * shares one chrome.
+		 */
+		layout?: 'docs' | 'page';
+	} = $props();
+
+	const nav = $derived(navFromContent(content));
+
+	// Ordered flat page list drives the prev/next links.
+	const flatNav = $derived(nav.flatMap((group) => group.items));
+	const pageIndex = $derived(flatNav.findIndex((item) => item.url === page.url.pathname));
+	const prev = $derived(pageIndex > 0 ? flatNav[pageIndex - 1] : undefined);
+	const next = $derived(
+		pageIndex >= 0 && pageIndex < flatNav.length - 1 ? flatNav[pageIndex + 1] : undefined
+	);
+	const currentTitle = $derived(pageIndex >= 0 ? flatNav[pageIndex].title : config.title);
+
+	// Breadcrumb trail: the current page's sidebar group, then the page itself.
+	const currentGroup = $derived(
+		nav.find((group) => group.items.some((item) => item.url === page.url.pathname))
+	);
+	const breadcrumbs = $derived.by(() => {
+		const crumbs: Crumb[] = [];
+		if (currentGroup) crumbs.push({ title: currentGroup.title });
+		if (pageIndex >= 0) crumbs.push({ title: currentTitle });
+		return crumbs;
+	});
+
+	// In-page TOC, scanned from the rendered content and re-scanned after every
+	// navigation (client-side included) so it never goes stale.
+	let contentEl = $state<HTMLElement | null>(null);
+	const toc = createToc(() => contentEl);
+	afterNavigate(() => {
+		toc.refresh();
+	});
+
+	// Server-rendered TOC (headings extracted at build time into the content
+	// index) so the list is present on first paint. Once the client engine has
+	// scanned the DOM, its items take over (scroll-spy + edge-case accuracy).
+	const pageToc = $derived(content.find((item) => item.path === page.url.pathname)?.toc ?? []);
+	const tocItems = $derived(toc.items.length ? toc.items : pageToc);
+</script>
+
+<div class="relative isolate flex min-h-screen flex-col">
+	<!-- Owns light/dark for the whole app — consumers never wire mode-watcher. -->
+	<ThemeProvider />
+
+	{#if pattern}
+		<BackgroundPattern />
+	{/if}
+
+	{#if layout === 'page'}
+		<DocsHeader {config} {logo} {actions} standalone />
+
+		<main class="flex-1">
+			{@render children()}
+		</main>
+	{:else}
+		<DocsHeader {config} {logo} {actions} />
+
+		<DocsMobileHeader
+			{config}
+			{nav}
+			title={currentTitle}
+			tocItems={toc.items}
+			tocActiveId={toc.activeId}
+			{logo}
+			{actions}
+		/>
+
+		<div class="mx-auto flex w-full max-w-7xl flex-1 gap-12 px-4 md:px-6 lg:px-8 lg:pt-10">
+			<DocsSidebar {nav} />
+
+			<main bind:this={contentEl} class="min-w-0 flex-1 py-6 lg:py-0">
+				<Breadcrumbs items={breadcrumbs} />
+				{@render children()}
+				<PrevNextNav {prev} {next} />
+			</main>
+
+			<!-- Reserve the TOC column so its content filling in after hydration
+			     never shifts the page. -->
+			<div class="hidden w-56 shrink-0 lg:block">
+				<TableOfContents items={tocItems} activeId={toc.activeId} />
+			</div>
+		</div>
+	{/if}
+
+	{#if footer}
+		{@render footer()}
+	{:else if config.footer}
+		<DocsFooter {config} />
+	{/if}
+</div>

package/dist/ui/layouts/docs-shell.svelte.d.ts

@@ -0,0 +1,25 @@
+import { type DocsContentItem, type DocsmithConfig } from '../../config.js';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    config: DocsmithConfig;
+    content?: DocsContentItem[];
+    children: Snippet;
+    /** Custom logo mark for the header and mobile menu. */
+    logo?: Snippet;
+    /** Extra header controls (desktop and mobile), before the theme toggle. */
+    actions?: Snippet;
+    /** Rendered below the content column (copyright, credits, …). */
+    footer?: Snippet;
+    /** Render the decorative grid-and-glow page background. */
+    pattern?: boolean;
+    /**
+     * `docs` (default): the three-column shell — sidebar, content, in-page TOC.
+     * `page`: full-bleed content with the same header/footer/background but no
+     * sidebar or TOC — for a landing or any non-doc page, so the whole site
+     * shares one chrome.
+     */
+    layout?: 'docs' | 'page';
+};
+declare const DocsShell: import("svelte").Component<$$ComponentProps, {}, "">;
+type DocsShell = ReturnType<typeof DocsShell>;
+export default DocsShell;

package/dist/ui/layouts/docs-sidebar.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import { cn } from '../../shadcn.js';
+	import type { NavGroup } from '../../config.js';
+
+	const { nav, class: className = '' }: { nav: NavGroup[]; class?: string } = $props();
+</script>
+
+<aside class={cn('sticky top-24 hidden h-screen w-56 shrink-0 bg-transparent lg:block', className)}>
+	<div class="max-h-[calc(100vh-10rem)] overflow-y-auto px-4">
+		<nav class="space-y-6">
+			{#each nav as group (group.title)}
+				<div class="space-y-3">
+					<h4 class="text-foreground px-2 text-sm font-semibold">{group.title}</h4>
+					<ul class="space-y-1">
+						{#each group.items as item (item.url)}
+							<li>
+								<a
+									href={item.url}
+									class={cn(
+										'hover:text-primary hover:bg-primary/20 block rounded-md px-2 py-1.5 text-sm transition-colors',
+										page.url.pathname === item.url
+											? 'text-primary bg-primary/20 font-medium'
+											: 'text-muted-foreground'
+									)}
+								>
+									{item.title}
+								</a>
+							</li>
+						{/each}
+					</ul>
+				</div>
+			{/each}
+		</nav>
+	</div>
+</aside>

package/dist/ui/layouts/docs-sidebar.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { NavGroup } from '../../config.js';
+type $$ComponentProps = {
+    nav: NavGroup[];
+    class?: string;
+};
+declare const DocsSidebar: import("svelte").Component<$$ComponentProps, {}, "">;
+type DocsSidebar = ReturnType<typeof DocsSidebar>;
+export default DocsSidebar;

package/dist/ui/layouts/prev-next-nav.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+	import type { NavItem } from '../../config.js';
+
+	const { prev, next }: { prev?: NavItem; next?: NavItem } = $props();
+</script>
+
+{#if prev || next}
+	<nav class="border-border mt-8 flex justify-between gap-4 border-t pt-8">
+		{#if prev}
+			<a
+				href={prev.url}
+				class="border-border hover:border-primary flex min-w-0 flex-1 flex-col gap-1 rounded-lg border p-4 transition-colors"
+			>
+				<span class="text-muted-foreground text-xs">Previous</span>
+				<span class="text-foreground truncate font-medium">{prev.title}</span>
+			</a>
+		{:else}
+			<div class="flex-1"></div>
+		{/if}
+		{#if next}
+			<a
+				href={next.url}
+				class="border-border hover:border-primary ml-auto flex min-w-0 flex-1 flex-col gap-1 rounded-lg border p-4 text-right transition-colors"
+			>
+				<span class="text-muted-foreground text-xs">Next</span>
+				<span class="text-foreground truncate font-medium">{next.title}</span>
+			</a>
+		{:else}
+			<div class="flex-1"></div>
+		{/if}
+	</nav>
+{/if}

package/dist/ui/layouts/prev-next-nav.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { NavItem } from '../../config.js';
+type $$ComponentProps = {
+    prev?: NavItem;
+    next?: NavItem;
+};
+declare const PrevNextNav: import("svelte").Component<$$ComponentProps, {}, "">;
+type PrevNextNav = ReturnType<typeof PrevNextNav>;
+export default PrevNextNav;

package/dist/ui/live-example.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">
+	import { useClipboard } from '../clipboard.svelte.js';
+	import { Button } from './shadcn/button/index.js';
+	import CopyButton from './copy-button.svelte';
+	import Code from '@lucide/svelte/icons/code';
+	import type { Snippet } from 'svelte';
+
+	const {
+		source,
+		children
+	}: {
+		/** Pre-highlighted source HTML (Shiki output), rendered as the source panel. */
+		source?: string;
+		/** The live, rendered example. */
+		children: Snippet;
+	} = $props();
+
+	let showSource = $state(false);
+	const clipboard = useClipboard();
+</script>
+
+<div class="not-prose my-6 overflow-hidden rounded-lg border border-border">
+	<div class="flex justify-center bg-muted/30 p-8">
+		{@render children()}
+	</div>
+
+	{#if source}
+		<div class="flex items-center border-t border-border bg-muted/50 px-2 py-1">
+			<Button variant="ghost" size="sm" onclick={() => (showSource = !showSource)}>
+				<Code class="size-4" />
+				{showSource ? 'Hide' : 'Show'} source
+			</Button>
+			{#if showSource}
+				<CopyButton copied={clipboard.copied} onclick={() => clipboard.copy()} class="ml-auto" />
+			{/if}
+		</div>
+
+		{#if showSource}
+			<div class="source bg-muted border-t border-border text-sm" use:clipboard.readText>
+				<!-- eslint-disable-next-line svelte/no-at-html-tags -- trusted Shiki-highlighted source generated at build time -->
+				{@html source}
+			</div>
+		{/if}
+	{/if}
+</div>
+
+<style>
+	/* Match the markdown code-block treatment: the source sits on `bg-muted`
+	   (Shiki's own background is stripped by the `?source` transform) with the
+	   same per-line padding. */
+	.source :global(pre) {
+		margin: 0;
+		border-radius: 0;
+		max-height: 32rem;
+		overflow: auto;
+		background: transparent;
+	}
+	.source :global(pre code) {
+		display: block;
+		padding-block: 1rem;
+	}
+	.source :global(pre span.line) {
+		display: inline-block;
+		width: 100%;
+		padding-inline: 1rem;
+	}
+</style>

package/dist/ui/live-example.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    /** Pre-highlighted source HTML (Shiki output), rendered as the source panel. */
+    source?: string;
+    /** The live, rendered example. */
+    children: Snippet;
+};
+declare const LiveExample: import("svelte").Component<$$ComponentProps, {}, "">;
+type LiveExample = ReturnType<typeof LiveExample>;
+export default LiveExample;

package/dist/ui/markdown/code.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	const { children }: { children: Snippet } = $props();
+</script>
+
+<code
+	class="not-prose bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold"
+>
+	{@render children()}
+</code>

package/dist/ui/markdown/code.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    children: Snippet;
+};
+declare const Code: import("svelte").Component<$$ComponentProps, {}, "">;
+type Code = ReturnType<typeof Code>;
+export default Code;

package/dist/ui/markdown/h2.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+	import Link from '@lucide/svelte/icons/link';
+	import type { HeadingProps } from './types.js';
+
+	const { children, ...attrs }: HeadingProps = $props();
+</script>
+
+<h2 {...attrs} class="flex gap-2 items-center group">
+	{@render children()}
+	<a href="#{attrs.id}" class="opacity-0 group-hover:opacity-100 transition-opacity">
+		<Link class="size-5 text-primary" />
+	</a>
+</h2>

package/dist/ui/markdown/h2.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { HeadingProps } from './types.js';
+declare const H2: import("svelte").Component<HeadingProps, {}, "">;
+type H2 = ReturnType<typeof H2>;
+export default H2;

package/dist/ui/markdown/h3.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+	import Link from '@lucide/svelte/icons/link';
+	import type { HeadingProps } from './types.js';
+
+	const { children, ...attrs }: HeadingProps = $props();
+</script>
+
+<h3 {...attrs} class="flex gap-2 items-center group">
+	{@render children()}
+	<a href="#{attrs.id}" class="opacity-0 group-hover:opacity-100 transition-opacity">
+		<Link class="size-5 text-primary" />
+	</a>
+</h3>

package/dist/ui/markdown/h3.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { HeadingProps } from './types.js';
+declare const H3: import("svelte").Component<HeadingProps, {}, "">;
+type H3 = ReturnType<typeof H3>;
+export default H3;

package/dist/ui/markdown/index.d.ts

@@ -0,0 +1,5 @@
+export { default as code } from './code.svelte';
+export { default as pre } from './pre.svelte';
+export { default as h2 } from './h2.svelte';
+export { default as h3 } from './h3.svelte';
+export { default as table } from './table.svelte';

package/dist/ui/markdown/index.js

@@ -0,0 +1,5 @@
+export { default as code } from './code.svelte';
+export { default as pre } from './pre.svelte';
+export { default as h2 } from './h2.svelte';
+export { default as h3 } from './h3.svelte';
+export { default as table } from './table.svelte';