svelte-streamdown 1.0.8 → 1.0.9

package/README.md

@@ -30,7 +30,15 @@ Full support for GitHub Flavored Markdown including:
 
 - Task lists
 - Tables
-- Strikethrough text
+- ~~Strikethrough~~
+- Subscript (H~2~O)
+- Superscript (E = mc^2^)
+- Footnotes [^1]
+
+[^1]:
+    Reference render in a popover by default.
+    with _rich_ **content** support
+    and multiline
 
 ### 💻 Interactive Code Blocks
 
@@ -133,6 +141,8 @@ This Svelte port maintains feature parity with the original [Streamdown](https:/
 
 > [!NOTE]
 > Streamdown comes with **built-in Tailwind CSS classes** for beautiful default styling. To ensure all styles are included in your build, add the following to your `app.css` or main CSS file:
+> This setup is primarily necessary if you're using Tailwind CSS v4's new `@source` directive or if you have aggressive purging enabled in older versions. If you're using standard Tailwind CSS v3+ with default purging, Streamdown's styles should be automatically included when the component is imported and used in your application.
+> This ensures that all Streamdown's default styling is included in your Tailwind build process.
 
 ```css
 @import 'tailwindcss';
@@ -140,10 +150,6 @@ This Svelte port maintains feature parity with the original [Streamdown](https:/
 @source "../node_modules/svelte-streamdown/**/*";
 ```
 
-This ensures that all Streamdown's default styling is included in your Tailwind build process.
-
-> **Note:** This setup is primarily necessary if you're using Tailwind CSS v4's new `@source` directive or if you have aggressive purging enabled in older versions. If you're using standard Tailwind CSS v3+ with default purging, Streamdown's styles should be automatically included when the component is imported and used in your application.
-
 ## 🚀 Quick Start
 
 ### Basic Usage

package/dist/Block.svelte

@@ -1,3 +1,6 @@
+<script lang="ts" module>
+</script>
+
 <script lang="ts">
 	import { parseIncompleteMarkdown } from './utils/parse-incomplete-markdown.js';
 	import Element from './Elements/Element.svelte';
@@ -17,21 +20,27 @@
 		}
 
 		if (token.type === 'table') {
-			const headerRow = {
-				type: 'tableRow',
-				tokens: token.header.map((cell) => ({
-					type: 'tableCell',
-					...cell
-				})),
-				isHeader: true
-			} satisfies TableRow;
+			const headerRow = token.header?.length
+				? ({
+						type: 'tableRow',
+						raw: '',
+						tokens: token.header.map((cell) => ({
+							type: 'th',
+							raw: '',
+							...cell
+						})),
+						isHeader: true
+					} satisfies TableRow)
+				: null;
 
 			const rows = token.rows.reduce(
 				(acc, cells) => {
 					const row = {
 						type: 'tableRow',
+						raw: '',
 						tokens: cells.map((cell) => ({
-							type: 'tableCell',
+							type: 'td',
+							raw: '',
 							...cell
 						})),
 						isHeader: false
@@ -39,7 +48,14 @@
 					acc.push(row);
 					return acc;
 				},
-				[headerRow] as TableRow[]
+				headerRow
+					? ([
+							{
+								type: 'tableHead',
+								tokens: [headerRow]
+							}
+						] as StreamdownToken[])
+					: []
 			);
 
 			return rows;

package/dist/Elements/Code.svelte

@@ -2,7 +2,7 @@
 	import { useStreamdown } from '../Streamdown.svelte';
 	import { save } from '../utils/save.js';
 	import { useCopy } from '../utils/copy.svelte.js';
-	import { HighlighterManager, languageExtensionMap } from '../hightlighter.svelte.js';
+	import { HighlighterManager, languageExtensionMap } from '../utils/hightlighter.svelte.js';
 	import type { Tokens } from 'marked';
 	import type { Snippet } from 'svelte';
 

package/dist/Elements/Element.svelte

@@ -1,80 +1,163 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import A from './A.svelte';
-	import Blockquote from './Blockquote.svelte';
+	import Link from './Link.svelte';
 	import Code from './Code.svelte';
-	import Hr from './Hr.svelte';
 	import Image from './Image.svelte';
-	import Li from './Li.svelte';
-	import Ol from './Ol.svelte';
-	import P from './P.svelte';
-	import Strong from './Strong.svelte';
-	import Sub from './Sub.svelte';
-	import Sup from './Sup.svelte';
 	import Table from './Table.svelte';
-	import Tbody from './Tbody.svelte';
-	import Td from './Td.svelte';
-	import Th from './Th.svelte';
-	import Thead from './Thead.svelte';
-	import Tr from './Tr.svelte';
-	import Ul from './Ul.svelte';
-	import InlineCode from './InlineCode.svelte';
 	import Mermaid from './Mermaid.svelte';
 	import Math from './Math.svelte';
-	import Em from './Em.svelte';
-	import Del from './Del.svelte';
 	import Alert from './Alert.svelte';
 	import type { StreamdownToken } from '../marked/index.js';
-	import Heading from './Heading.svelte';
+	import Slot from './Slot.svelte';
+	import { useStreamdown } from '../Streamdown.svelte';
+	import FootnoteRef from './FootnoteRef.svelte';
 	let { token, children }: { token: StreamdownToken; children: Snippet } = $props();
+	const id = $props.id();
+	const streamdown = useStreamdown();
 </script>
 
 {#if token.type === 'heading'}
-	<Heading {token} {children} />
+	{@const level = `h${token.depth}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'}
+	{@const className = streamdown.theme[level].base}
+	<Slot
+		props={{
+			children,
+			token
+		}}
+		render={streamdown.snippets.heading}
+	>
+		<svelte:element this={level} class={className}>
+			{@render children()}
+		</svelte:element>
+	</Slot>
 {:else if token.type === 'paragraph'}
-	<P {token} {children} />
+	<Slot props={{ children, token }} render={streamdown.snippets.paragraph}>
+		<p class={streamdown.theme.paragraph.base}>
+			{@render children()}
+		</p>
+	</Slot>
 {:else if token.type === 'blockquote'}
-	<Blockquote {token} {children} />
+	<Slot props={{ children, token }} render={streamdown.snippets.blockquote}>
+		<blockquote class={streamdown.theme.blockquote.base}>
+			{@render children()}
+		</blockquote>
+	</Slot>
 {:else if token.type === 'code' && token.lang === 'mermaid'}
 	<Mermaid {token} {children} />
 {:else if token.type === 'code'}
 	<Code {token} {children} />
 {:else if token.type === 'codespan'}
-	<InlineCode {token} {children} />
+	<Slot props={{ children, token }} render={streamdown.snippets.codespan}>
+		<code class={streamdown.theme.codespan.base}>
+			{token.text}
+		</code>
+	</Slot>
 {:else if token.type === 'list'}
 	{#if token.ordered}
-		<Ol {token} {children} />
+		{@const firstItemValue = token.items[0]?.value || 1}
+		{@const counterName = `counter-${id}`}
+		<Slot props={{ children, token }} render={streamdown.snippets.ol}>
+			<ol style:list-style-type={token.listType} class={streamdown.theme.ol.base}>
+				{@render children()}
+			</ol>
+		</Slot>
 	{:else}
-		<Ul {token} {children} />
+		<Slot props={{ children, token }} render={streamdown.snippets.ul}>
+			<ul class={streamdown.theme.ul.base}>
+				{@render children()}
+			</ul>
+		</Slot>
 	{/if}
 {:else if token.type === 'list_item'}
-	<Li {token} {children} />
+	<Slot props={{ children, token }} render={streamdown.snippets.li}>
+		<li
+			style:list-style-type={token.task ? 'none' : undefined}
+			value={token.value}
+			class={streamdown.theme.li.base}
+		>
+			{#if token.task}
+				<input
+					disabled
+					type="checkbox"
+					checked={token.checked}
+					class={streamdown.theme.li.checkbox}
+				/>
+			{/if}
+			{@render children()}
+		</li>
+	</Slot>
 {:else if token.type === 'table'}
 	<Table {token} {children} />
-{:else if token.type === 'tableRow' && token.isHeader}
-	<Thead {token} {children} />
-{:else if token.type === 'tableRow' && !token.isHeader}
-	<Tr {token} {children} />
-{:else if token.type === 'tableCell'}
-	<Td {token} {children} />
+{:else if token.type === 'tableRow'}
+	<Slot props={{ token, children }} render={streamdown.snippets.tableRow}>
+		<tr class={streamdown.theme.tableRow.base}>
+			{@render children?.()}
+		</tr>
+	</Slot>
+{:else if token.type === 'tableHead'}
+	<Slot props={{ token, children }} render={streamdown.snippets.tableHead}>
+		<thead class={streamdown.theme.tableHead.base}>
+			{@render children?.()}
+		</thead>
+	</Slot>
+{:else if token.type === 'td'}
+	<Slot props={{ children, token }} render={streamdown.snippets.td}>
+		<td class={streamdown.theme.td.base}>
+			{@render children?.()}
+		</td>
+	</Slot>
+{:else if token.type === 'th'}
+	<Slot props={{ children, token }} render={streamdown.snippets.th}>
+		<th class={streamdown.theme.th.base}>
+			{@render children?.()}
+		</th>
+	</Slot>
 {:else if token.type === 'image'}
 	<Image {token} {children} />
 {:else if token.type === 'link'}
-	<A {token} {children} />
+	<Link {token} {children} />
+{:else if token.type === 'sub'}
+	<Slot props={{ children, token }} render={streamdown.snippets.sub}>
+		<sub class={streamdown.theme.sub.base}>
+			{@render children()}
+		</sub>
+	</Slot>
+{:else if token.type === 'sup'}
+	<Slot props={{ children, token }} render={streamdown.snippets.sup}>
+		<sup class={streamdown.theme.sup.base}>
+			{@render children()}
+		</sup>
+	</Slot>
 {:else if token.type === 'strong'}
-	<Strong {token} {children} />
+	<Slot props={{ children, token }} render={streamdown.snippets.strong}>
+		<strong class={streamdown.theme.strong.base}>
+			{@render children()}
+		</strong>
+	</Slot>
 {:else if token.type === 'em'}
-	<Em {token} {children} />
+	<Slot props={{ children, token }} render={streamdown.snippets.em}>
+		<em class={streamdown.theme.em.base}>
+			{@render children()}
+		</em>
+	</Slot>
 {:else if token.type === 'del'}
-	<Del {token} {children} />
+	<Slot props={{ children, token }} render={streamdown.snippets.del}>
+		<del class={streamdown.theme.del.base}>
+			{@render children()}
+		</del>
+	</Slot>
 {:else if token.type === 'hr'}
-	<Hr {token} {children} />
+	<Slot props={{ children, token }} render={streamdown.snippets.hr}>
+		<hr class={streamdown.theme.hr.base} />
+	</Slot>
 {:else if token.type === 'br'}
 	<br />
 {:else if token.type === 'math'}
 	<Math {token} {children} />
 {:else if token.type === 'alert'}
 	<Alert {token} {children} />
+{:else if token.type === 'footnoteRef'}
+	<FootnoteRef {token} />
 {:else}
 	<!-- For tokens we don't handle specifically, render children or fallback -->
 	{@render children?.()}

package/dist/Elements/FootnoteRef.svelte

@@ -0,0 +1,113 @@
+<script lang="ts">
+	import { useStreamdown } from '../Streamdown.svelte';
+	import Slot from './Slot.svelte';
+	import type { FootnoteRef } from '../marked/marked-footnotes.js';
+	import { autoPlacement, computePosition, hide, offset, shift, size } from '@floating-ui/dom';
+	import { useClickOutside } from '../utils/useClickOutside.svelte.js';
+	import { scale } from 'svelte/transition';
+	import Block from '../Block.svelte';
+	import { useKeyDown } from '../utils/useKeyDown.svelte.js';
+
+	const streamdown = useStreamdown();
+
+	const {
+		token
+	}: {
+		token: FootnoteRef;
+	} = $props();
+
+	let isOpen = $state(false);
+
+	let reference = $state<HTMLButtonElement>();
+	let content = $state<HTMLDialogElement>();
+
+	const clickOutside = useClickOutside({
+		get isActive() {
+			return isOpen;
+		},
+		callback: () => {
+			isOpen = false;
+		}
+	});
+
+	useKeyDown({
+		keys: ['Escape'],
+		get isActive() {
+			return isOpen;
+		},
+		callback: () => {
+			isOpen = false;
+		}
+	});
+
+	const place = async (node: HTMLElement) => {
+		const middleware = [
+			hide(),
+			offset(0),
+			shift({
+				mainAxis: true
+			}),
+			autoPlacement({
+				allowedPlacements: ['top', 'top-end', 'top-start', 'bottom', 'bottom-end', 'bottom-start']
+			}),
+			size()
+		];
+		const { x, y, strategy, placement, middlewareData } = await computePosition(reference!, node, {
+			strategy: 'fixed',
+			middleware
+		});
+
+		Object.assign(node.style, {
+			position: strategy,
+			left: `${x}px`,
+			top: `${y}px`
+		});
+	};
+
+	const popoverAttachment = (node: HTMLDialogElement) => {
+		content = node;
+		void place(node);
+
+		return () => {
+			//
+		};
+	};
+</script>
+
+{#if isOpen}
+	<Slot
+		props={{
+			token,
+			isOpen
+		}}
+		render={streamdown.snippets.footnotePopover}
+	>
+		<dialog
+			transition:scale|global={{ start: 0.95, duration: 100 }}
+			{@attach clickOutside.attachment}
+			{@attach popoverAttachment}
+			open
+			class={`${streamdown.theme.footnotePopover.base}`}
+		>
+			{#each token.content.lines as line}
+				<Block block={line} />
+			{/each}
+		</dialog>
+	</Slot>
+{/if}
+
+<Slot
+	props={{
+		token
+	}}
+	render={streamdown.snippets.footnoteRef}
+>
+	<button
+		bind:this={reference}
+		class={streamdown.theme.footnoteRef.base}
+		onclick={() => (isOpen = !isOpen)}
+		{@attach clickOutside.attachment}
+	>
+		{token.label.replace('^', '')}
+	</button>
+</Slot>

package/dist/Elements/FootnoteRef.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { FootnoteRef } from '../marked/marked-footnotes.js';
+type $$ComponentProps = {
+    token: FootnoteRef;
+};
+declare const FootnoteRef: import("svelte").Component<$$ComponentProps, {}, "">;
+type FootnoteRef = ReturnType<typeof FootnoteRef>;
+export default FootnoteRef;

package/dist/Elements/Image.svelte

@@ -28,10 +28,10 @@
 			children,
 			token
 		}}
-		render={streamdown.snippets.img}
+		render={streamdown.snippets.image}
 	>
-		<div class={streamdown.theme.img.base}>
-			<img class={streamdown.theme.img.image} src={transformedUrl} alt={token.text} />
+		<div class={streamdown.theme.image.base}>
+			<img class={streamdown.theme.image.image} src={transformedUrl} alt={token.text} />
 		</div>
 	</Slot>
 {:else}

package/dist/Elements/{A.svelte → Link.svelte}

@@ -30,10 +30,10 @@
 			children,
 			token
 		}}
-		render={streamdown.snippets.a}
+		render={streamdown.snippets.link}
 	>
 		<a
-			class={streamdown.theme.a.base}
+			class={streamdown.theme.link.base}
 			href={transformedUrl}
 			target="_blank"
 			rel="noopener noreferrer"
@@ -43,7 +43,7 @@
 	</Slot>
 {:else}
 	<span
-		class={streamdown.theme.a.blocked}
+		class={streamdown.theme.link.blocked}
 		title={token.title ? `Blocked URL: ${token.href}` : undefined}
 	>
 		{@render children()} [blocked]

package/dist/Elements/{A.svelte.d.ts → Link.svelte.d.ts}

@@ -4,6 +4,6 @@ type $$ComponentProps = {
     children: Snippet;
     token: Tokens.Link;
 };
-declare const A: import("svelte").Component<$$ComponentProps, {}, "">;
-type A = ReturnType<typeof A>;
-export default A;
+declare const Link: import("svelte").Component<$$ComponentProps, {}, "">;
+type Link = ReturnType<typeof Link>;
+export default Link;

package/dist/Elements/Math.svelte

@@ -42,6 +42,7 @@
 				: streamdown.katexConfig || {})
 		};
 		const code = token.text;
+		console.log({ code });
 		try {
 			return katexInstance.renderToString(code, config);
 		} catch (error) {
@@ -60,13 +61,13 @@
 	render={streamdown.snippets.math}
 >
 	{#if isInline}
-		<span bind:this={inner} class={streamdown.theme.inlineMath.base}>
+		<span bind:this={inner} class={streamdown.theme.math.inline}>
 			{@html html}
 		</span>
 	{:else}
 		<div class="h-fit w-full">
 			<div class="overflow-x-auto">
-				<div bind:this={inner} class={streamdown.theme.math.base}>
+				<div bind:this={inner} class={streamdown.theme.math.block}>
 					{@html html}
 				</div>
 			</div>

package/dist/Elements/index.d.ts

@@ -1,28 +1,9 @@
-export { default as A } from './A.svelte';
-export { default as Blockquote } from './Blockquote.svelte';
+export { default as Alert } from './Alert.svelte';
 export { default as Code } from './Code.svelte';
-export { default as CodeBlock } from './Code.svelte';
-export { default as Heading } from './Heading.svelte';
-export { default as Hr } from './Hr.svelte';
+export { default as Element } from './Element.svelte';
 export { default as Image } from './Image.svelte';
-export { default as Li } from './Li.svelte';
-export { default as Ol } from './Ol.svelte';
-export { default as P } from './P.svelte';
+export { default as Link } from './Link.svelte';
+export { default as Math } from './Math.svelte';
+export { default as Mermaid } from './Mermaid.svelte';
 export { default as Slot } from './Slot.svelte';
-export { default as Strong } from './Strong.svelte';
-export { default as Sub } from './Sub.svelte';
-export { default as Sup } from './Sup.svelte';
 export { default as Table } from './Table.svelte';
-export { default as Tbody } from './Tbody.svelte';
-export { default as Td } from './Td.svelte';
-export { default as Th } from './Th.svelte';
-export { default as Thead } from './Thead.svelte';
-export { default as Tr } from './Tr.svelte';
-export { default as Ul } from './Ul.svelte';
-export { default as InlineCode } from './InlineCode.svelte';
-export { default as Mermaid } from './Mermaid.svelte';
-export { default as Math } from './Math.svelte';
-export { default as Em } from './Em.svelte';
-export { default as Del } from './Del.svelte';
-export { default as Alert } from './Alert.svelte';
-export { default as Element } from './Element.svelte';

package/dist/Elements/index.js

@@ -1,28 +1,9 @@
-export { default as A } from './A.svelte';
-export { default as Blockquote } from './Blockquote.svelte';
+export { default as Alert } from './Alert.svelte';
 export { default as Code } from './Code.svelte';
-export { default as CodeBlock } from './Code.svelte';
-export { default as Heading } from './Heading.svelte';
-export { default as Hr } from './Hr.svelte';
+export { default as Element } from './Element.svelte';
 export { default as Image } from './Image.svelte';
-export { default as Li } from './Li.svelte';
-export { default as Ol } from './Ol.svelte';
-export { default as P } from './P.svelte';
+export { default as Link } from './Link.svelte';
+export { default as Math } from './Math.svelte';
+export { default as Mermaid } from './Mermaid.svelte';
 export { default as Slot } from './Slot.svelte';
-export { default as Strong } from './Strong.svelte';
-export { default as Sub } from './Sub.svelte';
-export { default as Sup } from './Sup.svelte';
 export { default as Table } from './Table.svelte';
-export { default as Tbody } from './Tbody.svelte';
-export { default as Td } from './Td.svelte';
-export { default as Th } from './Th.svelte';
-export { default as Thead } from './Thead.svelte';
-export { default as Tr } from './Tr.svelte';
-export { default as Ul } from './Ul.svelte';
-export { default as InlineCode } from './InlineCode.svelte';
-export { default as Mermaid } from './Mermaid.svelte';
-export { default as Math } from './Math.svelte';
-export { default as Em } from './Em.svelte';
-export { default as Del } from './Del.svelte';
-export { default as Alert } from './Alert.svelte';
-export { default as Element } from './Element.svelte';

package/dist/Streamdown.d.ts

@@ -5,7 +5,7 @@ import type { MermaidConfig } from 'mermaid';
 import type { KatexOptions } from 'katex';
 import type { StreamdownContext } from './Streamdown.svelte';
 import type { StreamdownToken } from './marked/index.js';
-type PredefinedElements = 'a' | 'heading' | 'paragraph' | 'code' | 'inlineCode' | 'img' | 'ul' | 'ol' | 'li' | 'hr' | 'alert' | 'strong' | 'blockquote' | 'table' | 'thead' | 'tbody' | 'tr' | 'th' | 'td' | 'sup' | 'sub' | 'pre' | 'mermaid' | 'math' | 'inlineMath' | 'em' | 'del';
+type PredefinedElements = 'heading' | 'paragraph' | 'blockquote' | 'code' | 'codespan' | 'ul' | 'ol' | 'li' | 'table' | 'tableRow' | 'tableHead' | 'td' | 'th' | 'image' | 'link' | 'strong' | 'em' | 'del' | 'hr' | 'br' | 'math' | 'alert' | 'mermaid' | 'footnoteRef' | 'footnotePopover' | 'sup' | 'sub';
 export type Snippets = {
     [K in PredefinedElements]?: Snippet<[
         {

package/dist/Streamdown.svelte

@@ -8,6 +8,10 @@
 		theme: Theme;
 	}
 	export class StreamdownContext {
+		footnotes = {
+			refs: new Map<string, FootnoteRef>(),
+			footnotes: new Map<string, Footnote>()
+		};
 		constructor(props: Omit<StreamdownProps, keyof Snippets | 'class'> & { snippets: Snippets }) {
 			bind(this, props);
 			setContext('streamdown', this);
@@ -30,7 +34,9 @@
 	import { mergeTheme, type Theme, shadcnTheme } from './theme.js';
 	import type { BundledTheme } from 'shiki';
 	import { parseBlocks } from './marked/index.js';
-
+	import { SvelteMap } from 'svelte/reactivity';
+	import type { FootnoteRef } from './marked/marked-footnotes.js';
+	import type { Footnote } from './marked/marked-footnotes.js';
 	let {
 		content = '',
 		class: className,

package/dist/Streamdown.svelte.d.ts

@@ -4,6 +4,10 @@ export interface StreamdownContext extends Omit<StreamdownProps, keyof Snippets
     theme: Theme;
 }
 export declare class StreamdownContext {
+    footnotes: {
+        refs: Map<string, FootnoteRef>;
+        footnotes: Map<string, Footnote>;
+    };
     constructor(props: Omit<StreamdownProps, keyof Snippets | 'class'> & {
         snippets: Snippets;
     });
@@ -13,6 +17,8 @@ import type { Snippets, StreamdownProps } from './Streamdown.js';
 import 'katex/dist/katex.min.css';
 import { type Theme } from './theme.js';
 import type { BundledTheme } from 'shiki';
+import type { FootnoteRef } from './marked/marked-footnotes.js';
+import type { Footnote } from './marked/marked-footnotes.js';
 declare const Streamdown: import("svelte").Component<StreamdownProps, {}, "streamdown">;
 type Streamdown = ReturnType<typeof Streamdown>;
 export default Streamdown;

package/dist/marked/index.d.ts

@@ -2,15 +2,28 @@ import { type MarkedToken, type Tokens } from 'marked';
 import { type AlertToken } from './marked-alert.js';
 import { type FootnoteToken } from './marked-footnotes.js';
 import { type MathToken } from './marked-math.js';
-export type StreamdownToken = MarkedToken | MathToken | AlertToken | FootnoteToken | TableRow | TableCell;
-export type TableCell = Tokens.TableCell & {
-    type: 'tableCell';
+import { type SubSupToken } from './marked-subsup.js';
+import { type ListItemToken, type ListToken } from './marked-list.js';
+export type StreamdownToken = Exclude<MarkedToken, Tokens.List | Tokens.ListItem> | ListToken | ListItemToken | MathToken | AlertToken | FootnoteToken | SubSupToken | TableRow | TD | TH | TableHead;
+export type TD = Tokens.TableCell & {
+    type: 'td';
+    raw: string;
+};
+export type TH = Tokens.TableCell & {
+    type: 'th';
+    raw: string;
 };
 export type TableRow = {
     type: 'tableRow';
-    tokens: TableCell[];
+    raw: string;
+    tokens: (TD | TH)[];
     isHeader: boolean;
 };
+export type TableHead = {
+    type: 'tableHead';
+    raw: string;
+    tokens: TableRow[];
+};
 export declare const lex: (markdown: string) => StreamdownToken[];
 export declare const parseBlocks: (markdown: string) => string[];
-export type { MathToken, AlertToken, FootnoteToken };
+export type { MathToken, AlertToken, FootnoteToken, SubSupToken };