svelte-streamdown 2.2.7 → 2.3.0

package/dist/Elements/Mermaid.svelte

@@ -14,7 +14,6 @@
 		token: Tokens.Code;
 	} = $props();
 
-	const code = $derived(token.text);
 	let mermaid = $state<any>(null);
 	onMount(async () => {
 		mermaid = (await import('mermaid')).default;
@@ -204,7 +203,7 @@
 {#if mermaid}
 	<div
 		class={streamdown.theme.mermaid.base}
-		{@attach (node) => renderMermaid(code, node)}
+		{@attach (node) => renderMermaid(token.text, node)}
 		{@attach insider.attach}
 		data-expanded={'false'}
 	>
@@ -216,25 +215,7 @@
 					onclick={() => panzoom.zoomToFit()}
 					data-panzoom-ignore
 				>
-					<svg
-						class={streamdown.theme.mermaid.icon}
-						xmlns="http://www.w3.org/2000/svg"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						><path d="M3 7V5a2 2 0 0 1 2-2h2" /><path d="M17 3h2a2 2 0 0 1 2 2v2" /><path
-							d="M21 17v2a2 2 0 0 1-2 2h-2"
-						/><path d="M7 21H5a2 2 0 0 1-2-2v-2" /><rect
-							width="10"
-							height="8"
-							x="7"
-							y="8"
-							rx="1"
-						/></svg
-					>
+					{@render (streamdown.icons?.fitView || fitViewIcon)()}
 				</button>
 				<button
 					class={streamdown.theme.mermaid.button}
@@ -242,66 +223,23 @@
 					onclick={() => panzoom.zoomIn()}
 					data-panzoom-ignore
 				>
-					<svg
-						class={streamdown.theme.mermaid.icon}
-						xmlns="http://www.w3.org/2000/svg"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						><circle cx="11" cy="11" r="8" /><line x1="21" x2="16.65" y1="21" y2="16.65" /><line
-							x1="11"
-							x2="11"
-							y1="8"
-							y2="14"
-						/><line x1="8" x2="14" y1="11" y2="11" /></svg
-					>
+					{@render (streamdown.icons?.zoomIn || zoomInIcon)()}
 				</button>
 				<button
 					class={streamdown.theme.mermaid.button}
 					aria-label="Zoom out"
 					onclick={() => panzoom.zoomOut()}
 					data-panzoom-ignore
-					><svg
-						class={streamdown.theme.mermaid.icon}
-						xmlns="http://www.w3.org/2000/svg"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						><circle cx="11" cy="11" r="8" /><line x1="21" x2="16.65" y1="21" y2="16.65" /><line
-							x1="8"
-							x2="14"
-							y1="11"
-							y2="11"
-						/></svg
-					></button
 				>
+					{@render (streamdown.icons?.zoomOut || zoomOutIcon)()}
+				</button>
 				<button
 					class={streamdown.theme.mermaid.button}
 					aria-label="Toggle expand"
 					onclick={() => panzoom.toggleExpand()}
 					data-panzoom-ignore
 				>
-					<svg
-						class={streamdown.theme.mermaid.icon}
-						xmlns="http://www.w3.org/2000/svg"
-						viewBox="0 0 24 24"
-						fill="none"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						><path d="m15 15 6 6" /><path d="m15 9 6-6" /><path d="M21 16v5h-5" /><path
-							d="M21 8V3h-5"
-						/><path d="M3 16v5h5" /><path d="m3 21 6-6" /><path d="M3 8V3h5" /><path
-							d="M9 9 3 3"
-						/></svg
-					>
+					{@render (streamdown.icons?.fullscreen || fullscreenIcon)()}
 				</button>
 			</div>
 		{/if}
@@ -311,6 +249,76 @@
 	<div class={streamdown.theme.mermaid.base}></div>
 {/if}
 
+{#snippet zoomInIcon()}
+	<svg
+		class={streamdown.theme.mermaid.icon}
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	>
+		<circle cx="11" cy="11" r="8" /><line x1="21" x2="16.65" y1="21" y2="16.65" />
+		<line x1="11" x2="11" y1="8" y2="14" />
+		<line x1="8" x2="14" y1="11" y2="11" />
+	</svg>
+{/snippet}
+
+{#snippet zoomOutIcon()}
+	<svg
+		class={streamdown.theme.mermaid.icon}
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	>
+		<circle cx="11" cy="11" r="8" /><line x1="21" x2="16.65" y1="21" y2="16.65" /><line
+			x1="8"
+			x2="14"
+			y1="11"
+			y2="11"
+		/>
+	</svg>
+{/snippet}
+
+{#snippet fitViewIcon()}
+	<svg
+		class={streamdown.theme.mermaid.icon}
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	>
+		<path d="M3 7V5a2 2 0 0 1 2-2h2" />
+		<path d="M17 3h2a2 2 0 0 1 2 2v2" /><path d="M21 17v2a2 2 0 0 1-2 2h-2" />
+		<path d="M7 21H5a2 2 0 0 1-2-2v-2" /><rect width="10" height="8" x="7" y="8" rx="1" />
+	</svg>
+{/snippet}
+
+{#snippet fullscreenIcon()}
+	<svg
+		class={streamdown.theme.mermaid.icon}
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	>
+		<path d="m15 15 6 6" /><path d="m15 9 6-6" /><path d="M21 16v5h-5" /><path d="M21 8V3h-5" />
+		<path d="M3 16v5h5" /><path d="m3 21 6-6" /><path d="M3 8V3h5" /><path d="M9 9 3 3" />
+	</svg>
+{/snippet}
+
 <style>
 	/* View Transition styles for zoom effect */
 	::view-transition-old(panzoom-element),

package/dist/Streamdown.svelte

@@ -24,6 +24,7 @@
 		controls,
 		animation,
 		element = $bindable(),
+		icons,
 		...snippets
 	}: StreamdownProps = $props();
 
@@ -97,6 +98,9 @@
 				code: codeControls,
 				mermaid: mermaidControls
 			};
+		},
+		get icons() {
+			return icons;
 		}
 	});
 

package/dist/context.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { BundledTheme } from 'shiki';
 import type { Snippet } from 'svelte';
-import type { Theme } from './theme.js';
+import type { DeepPartialTheme, Theme } from './theme.js';
 import type { MermaidConfig } from 'mermaid';
 import type { KatexOptions } from 'katex';
+import type { BundledTheme } from 'shiki';
 export interface StreamdownContext extends Omit<StreamdownProps, keyof Snippets | 'class' | 'theme' | 'shikiTheme'> {
     snippets: Snippets;
     shikiTheme: BundledTheme;
@@ -81,7 +81,7 @@ export type StreamdownProps = {
     defaultOrigin?: string;
     allowedLinkPrefixes?: string[];
     allowedImagePrefixes?: string[];
-    theme?: Partial<Theme>;
+    theme?: DeepPartialTheme;
     baseTheme?: 'tailwind' | 'shadcn';
     mergeTheme?: boolean;
     shikiTheme?: BundledTheme;
@@ -110,5 +110,18 @@ export type StreamdownProps = {
         timingFunction?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear';
         tokenize?: 'word' | 'char';
     };
+    icons?: {
+        copy?: Snippet;
+        download?: Snippet;
+        fullscreen?: Snippet;
+        zoomIn?: Snippet;
+        zoomOut?: Snippet;
+        fitView?: Snippet;
+        note?: Snippet;
+        tip?: Snippet;
+        warning?: Snippet;
+        caution?: Snippet;
+        important?: Snippet;
+    };
 } & Partial<Snippets>;
 export {};

package/dist/context.svelte.js

@@ -10,9 +10,7 @@ export class StreamdownContext {
 animation-duration: ${this.animation.duration}ms;
 animation-timing-function: ${this.animation.timingFunction};
 animation-iteration-count: 1;
-animation-fill-mode: forwards;
-white-space: pre-wrap;
-display: inline-block;`
+animation-fill-mode: forwards;`
         : undefined);
     animationBlockStyle = $derived(this.animation.enabled
         ? `animation-name: sd-${this.animation.type};

package/dist/marked/index.d.ts

@@ -4,9 +4,11 @@ import { type FootnoteToken } from './marked-footnotes.js';
 import { type MathToken } from './marked-math.js';
 import { type SubSupToken } from './marked-subsup.js';
 import { type ListItemToken, type ListToken } from './marked-list.js';
+import { type BrToken } from './marked-br.js';
+import { type HrToken } from './marked-hr.js';
 import { type TableToken, type THead, type TBody, type TFoot, type THeadRow, type TRow, type TH, type TD } from './marked-table.js';
-export type StreamdownToken = Exclude<MarkedToken, Tokens.List | Tokens.ListItem> | ListToken | ListItemToken | MathToken | AlertToken | FootnoteToken | SubSupToken | TableToken | THead | TBody | TFoot | THeadRow | TRow | TH | TD;
+export type StreamdownToken = Exclude<MarkedToken, Tokens.List | Tokens.ListItem> | ListToken | ListItemToken | MathToken | AlertToken | FootnoteToken | SubSupToken | BrToken | HrToken | TableToken | THead | TBody | TFoot | THeadRow | TRow | TH | TD;
 export type { TableToken, THead, TBody, TFoot, THeadRow, TRow, TH, TD } from './marked-table.js';
 export declare const lex: (markdown: string) => StreamdownToken[];
 export declare const parseBlocks: (markdown: string) => string[];
-export type { MathToken, AlertToken, FootnoteToken, SubSupToken };
+export type { MathToken, AlertToken, FootnoteToken, SubSupToken, BrToken, HrToken };

package/dist/marked/index.js

@@ -1,9 +1,11 @@
 import { Lexer } from 'marked';
-import markedAlert, {} from './marked-alert.js';
-import markedFootnote, {} from './marked-footnotes.js';
+import { markedAlert } from './marked-alert.js';
+import { markedFootnote } from './marked-footnotes.js';
 import { markedMath } from './marked-math.js';
-import markedSubSup, {} from './marked-subsup.js';
+import { markedSubSup } from './marked-subsup.js';
 import { markedList } from './marked-list.js';
+import { markedBr } from './marked-br.js';
+import { markedHr } from './marked-hr.js';
 import { markedTable } from './marked-table.js';
 const extensions = [
     markedTable(),
@@ -11,7 +13,9 @@ const extensions = [
     markedAlert(),
     markedMath(),
     markedSubSup(),
-    markedList()
+    markedList(),
+    markedBr(),
+    markedHr()
 ];
 const parseExtensions = (...ext) => {
     const options = {
@@ -47,9 +51,9 @@ const parseExtensions = (...ext) => {
     });
     return options;
 };
-const blockLexer = new Lexer(parseExtensions(markedFootnote(), markedTable()));
+const blockLexer = new Lexer(parseExtensions(markedHr(), markedFootnote(), markedTable()));
 export const lex = (markdown) => {
-    return new Lexer(parseExtensions(markedTable(), markedFootnote(), markedAlert(), markedMath(), markedSubSup(), markedList()))
+    return new Lexer(parseExtensions(markedHr(), markedTable(), markedFootnote(), markedAlert(), markedMath(), markedSubSup(), markedList(), markedBr()))
         .lex(markdown)
         .filter((token) => token.type !== 'space' && token.type !== 'footnote');
 };

package/dist/marked/marked-alert.d.ts

@@ -2,7 +2,7 @@ import type { Tokenizer, Tokens } from 'marked';
 import type { TokenizerExtensionFunction } from 'marked';
 type variantType = 'note' | 'tip' | 'important' | 'warning' | 'caution';
 export declare function createSyntaxPattern(type: variantType): string;
-export default function markedAlert(): {
+export declare function markedAlert(): {
     extensions: Array<{
         name: string;
         level: 'block' | 'inline';

package/dist/marked/marked-alert.js

@@ -3,7 +3,7 @@ const variants = ['note', 'tip', 'important', 'warning', 'caution'];
 export function createSyntaxPattern(type) {
     return `^\\s*[\\*_]*\\[!${type.toUpperCase()}\\][\\*_]*\\s*`;
 }
-export default function markedAlert() {
+export function markedAlert() {
     const defaultLexer = new Lexer({ gfm: true });
     const defaultTokenizer = defaultLexer.options.tokenizer;
     return {
@@ -24,14 +24,22 @@ export default function markedAlert() {
     };
 }
 export function processAlertToken(token, tokenizer) {
-    const matchedVariant = variants.find((type) => new RegExp(createSyntaxPattern(type)).test(('text' in token && token.text) || ''));
-    if (!matchedVariant)
+    const matchedVariant = variants.find((type) => new RegExp(createSyntaxPattern(type), 'i').test(('text' in token && token.text) || ''));
+    if (!matchedVariant) {
+        Object.assign(token, {
+            tokens: token.tokens
+                .map((token) => {
+                return tokenizer.lexer.blockTokens(token.raw, [])[0];
+            })
+                .filter(Boolean)
+        });
         return;
+    }
+    const alertPattern = new RegExp(`[\\*_]*\\[!${matchedVariant.toUpperCase()}\\][\\*_]*`, 'g');
     const tokens = token.tokens
         .map((token) => {
         let cleanedRaw = token.raw;
         // Remove alert markers with any markdown formatting (asterisks/underscores)
-        const alertPattern = new RegExp(`[\\*_]*\\[!${matchedVariant.toUpperCase()}\\][\\*_]*`, 'g');
         cleanedRaw = cleanedRaw.replaceAll(alertPattern, '').trim();
         return tokenizer.lexer.blockTokens(cleanedRaw, [])[0];
     })
@@ -39,6 +47,7 @@ export function processAlertToken(token, tokenizer) {
     Object.assign(token, {
         type: 'alert',
         variant: matchedVariant,
-        tokens
+        tokens,
+        text: token.text.replace(alertPattern, '').trim()
     });
 }

package/dist/marked/marked-br.d.ts

@@ -0,0 +1,12 @@
+import type { TokenizerExtensionFunction } from 'marked';
+export interface BrToken {
+    type: 'br';
+    raw: string;
+}
+export declare function markedBr(): {
+    extensions: Array<{
+        name: string;
+        level: 'inline';
+        tokenizer: TokenizerExtensionFunction;
+    }>;
+};

package/dist/marked/marked-br.js

@@ -0,0 +1,21 @@
+export function markedBr() {
+    return {
+        extensions: [
+            {
+                name: 'br',
+                level: 'inline',
+                tokenizer(src) {
+                    // Match HTML <br> tags (with or without closing slash, case insensitive)
+                    const match = src.match(/^<br\s*\/?>/i);
+                    if (match) {
+                        return {
+                            type: 'br',
+                            raw: match[0]
+                        };
+                    }
+                    return undefined;
+                }
+            }
+        ]
+    };
+}

package/dist/marked/marked-footnotes.d.ts

@@ -1,6 +1,6 @@
 import type { TokenizerExtensionFunction } from 'marked';
 import { type StreamdownToken } from './index.js';
-export default function markedFootnote(): {
+export declare function markedFootnote(): {
     extensions: {
         name: string;
         level: 'block' | 'inline';

package/dist/marked/marked-footnotes.js

@@ -9,7 +9,7 @@ const safeGetContext = () => {
         return null;
     }
 };
-export default function markedFootnote() {
+export function markedFootnote() {
     const ensureMaps = (tokenizer) => {
         const streamdown = safeGetContext();
         if (!streamdown) {

package/dist/marked/marked-hr.d.ts

@@ -0,0 +1,12 @@
+import type { TokenizerExtensionFunction } from 'marked';
+export interface HrToken {
+    type: 'hr';
+    raw: string;
+}
+export declare function markedHr(): {
+    extensions: Array<{
+        name: string;
+        level: 'block';
+        tokenizer: TokenizerExtensionFunction;
+    }>;
+};

package/dist/marked/marked-hr.js

@@ -0,0 +1,24 @@
+export function markedHr() {
+    return {
+        extensions: [
+            {
+                name: 'hr',
+                level: 'block',
+                tokenizer(src) {
+                    // Match horizontal rules according to CommonMark spec:
+                    // 3 or more matching -, _, or * characters, with optional spaces between
+                    // Must be at start of string and match entire line
+                    const match = src.match(/^[ \t]*(-[ \t]*-[ \t]*-+|_[ \t]*_[ \t]*_+|\*[ \t]*\*[ \t]*\*+)[ \t]*(?:\n|$)/);
+                    if (match) {
+                        const raw = match[0].replace(/\n$/, ''); // Remove trailing newline from raw
+                        return {
+                            type: 'hr',
+                            raw: raw
+                        };
+                    }
+                    return undefined;
+                }
+            }
+        ]
+    };
+}

package/dist/marked/marked-list.d.ts

@@ -4,7 +4,7 @@ export declare function romanToInt(roman: string): number;
 export declare const romanUpper = "(?:C|XC|L?X{0,3}(?:IX|IV|V?I{0,3}))";
 export declare const romanLower = "(?:c|xc|l?x{0,3}(?:ix|iv|v?i{0,3}))";
 export declare const bulletPattern = "(?:[*+-]|(?:\\d{1,9}|[a-zA-Z]|(?:C|XC|L?X{0,3}(?:IX|IV|V?I{0,3}))|(?:c|xc|l?x{0,3}(?:ix|iv|v?i{0,3})))[.)])";
-export declare const rule = "^( {0,3}(?:[*+-]|(?:\\d{1,9}|[a-zA-Z]|(?:C|XC|L?X{0,3}(?:IX|IV|V?I{0,3}))|(?:c|xc|l?x{0,3}(?:ix|iv|v?i{0,3})))[.)]))([ \\t][^\\n]+?)?(?:\\n|$)";
+export declare const rule = "^( {0,3}(?:[*+-]|(?:\\d{1,9}|[a-zA-Z]|(?:C|XC|L?X{0,3}(?:IX|IV|V?I{0,3}))|(?:c|xc|l?x{0,3}(?:ix|iv|v?i{0,3})))[.)]))([ \\t][^\\n]*|[ \\t])?(?:\\n|$)";
 export declare function markedList(): {
     extensions: Array<{
         name: string;
@@ -18,6 +18,7 @@ export interface ListToken {
     ordered: boolean;
     listType: 'decimal' | 'lower-alpha' | 'upper-alpha' | 'lower-roman' | 'upper-roman' | null;
     loose: boolean;
+    start?: number;
     tokens: ListItemToken[];
 }
 /**

package/dist/marked/marked-list.js

@@ -25,7 +25,7 @@ export const romanUpper = '(?:C|XC|L?X{0,3}(?:IX|IV|V?I{0,3}))';
 export const romanLower = '(?:c|xc|l?x{0,3}(?:ix|iv|v?i{0,3}))';
 // Fixed regex pattern - carefully balanced parentheses
 export const bulletPattern = `(?:[*+-]|(?:\\d{1,9}|[a-zA-Z]|${romanUpper}|${romanLower})[.)])`;
-export const rule = `^( {0,3}${bulletPattern})([ \\t][^\\n]+?)?(?:\\n|$)`;
+export const rule = `^( {0,3}${bulletPattern})([ \\t][^\\n]*|[ \\t])?(?:\\n|$)`;
 function finalizeList(list, lexer) {
     if (list.tokens.length === 0)
         return;
@@ -97,10 +97,12 @@ export function markedList() {
                         ordered: isOrdered,
                         listType: isOrdered ? type : null,
                         loose: false,
+                        start: undefined, // Will be set when first item is processed
                         tokens: []
                     };
                     // Get next list item
-                    const itemRegex = new RegExp(`^( {0,3}${bull})((?:[\t ][^\\n]*)?(?:\\n|$))`);
+                    // Updated regex to properly handle empty list items (space after bullet, then newline)
+                    const itemRegex = new RegExp(`^( {0,3}${bull})([\t ][^\\n]*|[\t ])?(?:\\n|$)`);
                     let endsWithBlankLine = false;
                     // Check if current bullet point can start a new List Item
                     while (src) {
@@ -112,7 +114,9 @@ export function markedList() {
                         raw = cap[0];
                         const bullet = cap[1].trim();
                         src = src.substring(raw.length);
-                        const line = cap[2].split('\n', 1)[0].replace(/^\t+/, (t) => ' '.repeat(3 * t.length));
+                        const line = cap[2]
+                            ? cap[2].split('\n', 1)[0].replace(/^\t+/, (t) => ' '.repeat(3 * t.length))
+                            : '';
                         const nextLine = src.split('\n', 1)[0];
                         const blankLine = !line.trim();
                         let indent = 0;
@@ -199,6 +203,8 @@ export function markedList() {
                             if (expectedValue === null) {
                                 // First item: set expectedValue to this item's value (or 1 if parsing failed)
                                 expectedValue = value ?? 1;
+                                // Set the start property for ordered lists
+                                list.start = expectedValue;
                             }
                             else {
                                 // Subsequent items: check if value matches expected

package/dist/marked/marked-math.d.ts

@@ -1,30 +1,16 @@
-import type { TokenizerThis } from 'marked';
+import type { TokenizerExtensionFunction, TokenizerStartFunction } from 'marked';
 export declare function markedMath(): {
-    extensions: ({
+    extensions: Array<{
         name: string;
-        level: string;
-        tokenizer(this: TokenizerThis, src: string): {
-            type: "math";
-            isInline: false;
-            raw: string;
-            text: string;
-        } | undefined;
-        start?: undefined;
-    } | {
-        name: string;
-        level: string;
-        start(src: string): number | undefined;
-        tokenizer(this: TokenizerThis, src: string): {
-            type: "math";
-            isInline: true;
-            raw: string;
-            text: string;
-        } | undefined;
-    })[];
+        level: 'block' | 'inline';
+        tokenizer: TokenizerExtensionFunction;
+        start?: TokenizerStartFunction;
+    }>;
 };
 export type MathToken = {
     type: 'math';
     raw: string;
     text: string;
     isInline: boolean;
+    displayMode: boolean;
 };

package/dist/marked/marked-math.js

@@ -1,6 +1,9 @@
-// Use the standard rule that requires proper spacing after math expressions
-const inlineRule = /^(\${1,2})(?!\$)((?:\\.|[^\\\n])*?(?:\\.|[^\\\n\$]))\1(?=[\s?!\.,:？！。，：]|$)/;
-const blockRule = /^(\${1,2})\n((?:\\[\s\S]|[^\\])+?)\n\1(?:\n|$)/;
+// Math parsing rules
+// Block math: supports both newline format ($$\nmath\n$$) and single-line format ($$math$$)
+const blockRule = /^(\$\$)(?:\n((?:\\[\s\S]|[^\\])+?)\n\1(?:\n|$)|([^$\n]+?)\1(?=\s|$|$))/;
+// Inline math: handles both single ($) and double ($$) dollar delimiters
+// Avoids matching currency by checking context and requiring proper content
+const inlineRule = /^(\${1,2})(?!\$)((?:[^$\n]|\\\$)*?)\1(?!\d)/;
 export function markedMath() {
     return {
         extensions: [
@@ -10,11 +13,14 @@ export function markedMath() {
                 tokenizer(src) {
                     const match = src.match(blockRule);
                     if (match) {
+                        // match[2] is multiline format, match[3] is single-line format
+                        const content = (match[2] || match[3]).trim();
                         return {
                             type: 'math',
                             isInline: false,
+                            displayMode: true,
                             raw: match[0],
-                            text: match[2].trim()
+                            text: content
                         };
                     }
                 }
@@ -23,31 +29,46 @@ export function markedMath() {
                 name: 'math',
                 level: 'inline',
                 start(src) {
-                    let index;
-                    let indexSrc = src;
-                    while (indexSrc) {
-                        index = indexSrc.indexOf('$');
-                        if (index === -1) {
+                    let index = 0;
+                    let searchSrc = src;
+                    while (searchSrc) {
+                        const dollarIndex = searchSrc.indexOf('$');
+                        if (dollarIndex === -1) {
                             return;
                         }
-                        const f = index > -1;
-                        if (f) {
-                            const possibleKatex = indexSrc.substring(index);
-                            if (possibleKatex.match(inlineRule)) {
-                                return index;
+                        const currentIndex = index + dollarIndex;
+                        const possibleMath = src.substring(currentIndex);
+                        // Check if this could be math (not currency)
+                        if (possibleMath.match(inlineRule)) {
+                            // Additional check: avoid currency patterns like $5.00
+                            const beforeChar = currentIndex > 0 ? src[currentIndex - 1] : '';
+                            const afterDollar = possibleMath.substring(1, 6); // Check first few chars after $
+                            // Skip if it looks like currency (digit immediately after $ or decimal pattern)
+                            if (!/^\d+(\.\d{2})?\s/.test(afterDollar)) {
+                                return currentIndex;
                             }
                         }
-                        indexSrc = indexSrc.substring(index + 1).replace(/^\$+/, '');
+                        index += dollarIndex + 1;
+                        searchSrc = src.substring(index);
                     }
                 },
                 tokenizer(src) {
                     const match = src.match(inlineRule);
                     if (match) {
+                        // Additional validation: avoid currency patterns
+                        const content = match[2];
+                        if (/^\d+(\.\d{2})?$/.test(content.trim())) {
+                            // This looks like currency, skip it
+                            return;
+                        }
+                        // Double dollars are display mode, single dollars are inline
+                        const isDisplayMode = match[1] === '$$';
                         return {
                             type: 'math',
-                            isInline: true,
+                            isInline: !isDisplayMode,
+                            displayMode: isDisplayMode,
                             raw: match[0],
-                            text: match[2].trim()
+                            text: content.trim()
                         };
                     }
                 }

package/dist/marked/marked-subsup.d.ts

@@ -1,5 +1,5 @@
 import type { TokenizerExtensionFunction, TokenizerStartFunction } from 'marked';
-export default function markedSubSup(): {
+export declare function markedSubSup(): {
     extensions: {
         name: string;
         level: 'inline';