svelte-streamdown 2.4.5 → 2.5.1

package/dist/Elements/icons.js

@@ -0,0 +1,175 @@
+import { createRawSnippet } from 'svelte';
+export const copyIcon = createRawSnippet(() => {
+    return {
+        render: () => {
+            return `
+            <svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	><rect width="8" height="4" x="8" y="2" rx="1" ry="1" /><path
+		d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"
+	/></svg>
+            `;
+        }
+    };
+});
+export const downloadIcon = createRawSnippet(() => {
+    return {
+        render: () => {
+            return `<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width="100%"
+		height="100%"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><path d="M12 15V3" /><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><path
+			d="m7 10 5 5 5-5"
+		/></svg
+	>`;
+        }
+    };
+});
+export const checkIcon = createRawSnippet(() => {
+    return {
+        render: () => {
+            return `
+            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
+            `;
+        }
+    };
+});
+export const zoomInIcon = createRawSnippet(() => {
+    return {
+        render: () => `
+			<svg
+				width="100%"
+				height="100%"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				<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>
+		`
+    };
+});
+export const zoomOutIcon = createRawSnippet(() => {
+    return {
+        render: () => `
+		<svg
+			width="100%"
+			height="100%"
+			viewBox="0 0 24 24"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<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>
+		`
+    };
+});
+export const fitViewIcon = createRawSnippet(() => {
+    return {
+        render: () => `
+		<svg
+			width="100%"
+			height="100%"
+			viewBox="0 0 24 24"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<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>
+		`
+    };
+});
+export const fullscreenIcon = createRawSnippet(() => {
+    return {
+        render: () => `
+		<svg
+			width="100%"
+			height="100%"
+			viewBox="0 0 24 24"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<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>
+		`
+    };
+});
+export const chevronRight = createRawSnippet(() => {
+    return {
+        render: () => `
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				width="100%"
+				height="100%"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<path d="m9 18 6-6-6-6" />
+			</svg>
+		`
+    };
+});
+export const chevronLeft = createRawSnippet(() => {
+    return {
+        render: () => `
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				width="100%"
+				height="100%"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<path d="m15 18-6-6 6-6" />
+			</svg>
+		`
+    };
+});

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

@@ -0,0 +1,8 @@
+export declare class Popover {
+    isOpen: boolean;
+    content: HTMLDialogElement | undefined;
+    reference: HTMLButtonElement | undefined;
+    constructor();
+    place: (node: HTMLElement) => Promise<void>;
+    popoverAttachment: (node: HTMLDialogElement) => () => void;
+}

package/dist/Elements/popover.svelte.js

@@ -0,0 +1,40 @@
+import { useClickOutside } from '../utils/useClickOutside.svelte.js';
+import { autoPlacement, computePosition, autoUpdate, hide, offset, shift } from '@floating-ui/dom';
+import { setContext } from 'svelte';
+export class Popover {
+    isOpen = $state(false);
+    content = $state();
+    reference = $state();
+    constructor() {
+        setContext('POPOVER', true);
+    }
+    place = async (node) => {
+        const middleware = [
+            hide(),
+            offset(10),
+            shift({
+                mainAxis: true
+            }),
+            autoPlacement({
+                allowedPlacements: ['top', 'top-end', 'top-start', 'bottom', 'bottom-end', 'bottom-start']
+            })
+        ];
+        const { x, y, strategy, placement, middlewareData } = await computePosition(this.reference, node, {
+            strategy: 'fixed',
+            middleware
+        });
+        Object.assign(node.style, {
+            position: strategy,
+            left: `${x}px`,
+            top: `${y}px`
+        });
+    };
+    popoverAttachment = (node) => {
+        this.content = node;
+        void this.place(node);
+        const off = autoUpdate(this.reference, node, () => this.place(node));
+        return () => {
+            off();
+        };
+    };
+}

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

@@ -0,0 +1,35 @@
+type KeyFramesOptions = {
+    duration: number;
+    easing: string;
+    fill: 'auto' | 'backwards' | 'both' | 'forwards' | 'none';
+};
+export declare const bind: (ref: Record<string, any>, props: Record<string, any>) => void;
+export interface StepperState<Item> {
+    items: Item[];
+    keyFramesOptions: KeyFramesOptions;
+}
+export declare class StepperState<Item> {
+    activeStep: number;
+    destinationOffset: number;
+    stepAnimation: Animation | undefined;
+    offsets: number[];
+    stepHeights: number[];
+    stepContainer: HTMLElement | null;
+    isAnimating: boolean;
+    constructor(props: {
+        items: Item[];
+        keyFramesOptions: KeyFramesOptions;
+    });
+    translate: () => void;
+    setActiveStep: (i: number) => () => void;
+    scroller: (node: HTMLElement) => {
+        destroy: () => void;
+    };
+    next: () => void;
+    previous: () => void;
+    goTo: (i: number) => void;
+    get canGoNext(): boolean;
+    get canGoPrevious(): boolean;
+    canGoToStep: (targetStep: number) => boolean;
+}
+export {};

package/dist/Elements/stepperState.svelte.js

@@ -0,0 +1,98 @@
+import { tick } from 'svelte';
+export const bind = (ref, props) => {
+    const descriptors = Object.getOwnPropertyDescriptors(props);
+    for (const key in descriptors) {
+        Object.defineProperty(ref, key, descriptors[key]);
+    }
+};
+export class StepperState {
+    activeStep = $state(0);
+    destinationOffset = $state(0);
+    stepAnimation = $state();
+    offsets = $state([]);
+    stepHeights = $state([]);
+    stepContainer = null;
+    isAnimating = $state(false);
+    constructor(props) {
+        bind(this, props);
+    }
+    translate = () => {
+        if (this.destinationOffset !== this.offsets[this.activeStep] && this.stepContainer) {
+            this.destinationOffset = this.offsets[this.activeStep];
+            this.stepAnimation?.cancel();
+            this.stepAnimation = this.stepContainer.animate({
+                transform: `translateX(-${this.offsets[this.activeStep]}px)`
+            }, this.keyFramesOptions);
+            this.stepAnimation.onfinish = () => {
+                this.stepAnimation = undefined;
+            };
+        }
+    };
+    setActiveStep = (i) => () => {
+        if (!this.canGoToStep(i) || !this.stepContainer)
+            return;
+        const previousStep = this.stepContainer.children[this.activeStep];
+        const nextStep = this.stepContainer.children[i];
+        if (!previousStep || !nextStep)
+            return;
+        this.activeStep = i;
+        this.translate();
+        previousStep.animate({
+            opacity: `0`
+        }, this.keyFramesOptions);
+        nextStep.animate({
+            opacity: `1`
+        }, this.keyFramesOptions);
+    };
+    scroller = (node) => {
+        const onScroll = (e) => {
+            e.preventDefault();
+            node.scrollTo(0, 0);
+        };
+        node.addEventListener('scroll', onScroll);
+        node.scrollTo(0, 0);
+        const steps = node.querySelectorAll('[data-step]');
+        const setOffsets = () => {
+            steps.forEach((step, i) => {
+                this.offsets[i] = step.offsetLeft;
+                this.translate();
+            });
+        };
+        const resizeObserver = new ResizeObserver(setOffsets);
+        resizeObserver.observe(node);
+        setOffsets();
+        return {
+            destroy: () => {
+                resizeObserver.unobserve(node);
+                node.removeEventListener('scroll', onScroll);
+                this.activeStep = 0;
+                this.offsets = [];
+                this.destinationOffset = 0;
+            }
+        };
+    };
+    next = () => {
+        if (this.activeStep < this.items.length - 1) {
+            this.setActiveStep(this.activeStep + 1)();
+        }
+    };
+    previous = () => {
+        if (this.activeStep > 0) {
+            this.setActiveStep(this.activeStep - 1)();
+        }
+    };
+    goTo = (i) => {
+        if (this.canGoToStep(i)) {
+            this.setActiveStep(i)();
+        }
+    };
+    get canGoNext() {
+        return this.activeStep < this.items.length - 1;
+    }
+    get canGoPrevious() {
+        return this.activeStep > 0;
+    }
+    canGoToStep = (targetStep) => {
+        return targetStep >= 0 && targetStep < this.items.length;
+    };
+}

package/dist/Streamdown.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">
+<script lang="ts" generics="Source extends Record<string, any> = Record<string, any>">
 	import Block from './Block.svelte';
 	import { StreamdownContext, type StreamdownProps } from './context.svelte.js';
 	import { mergeTheme, shadcnTheme } from './theme.js';
@@ -27,8 +27,10 @@
 		icons,
 		children,
 		extensions,
+		sources,
+		inlineCitationsMode = 'carousel',
 		...snippets
-	}: StreamdownProps = $props();
+	}: StreamdownProps<Source> = $props();
 
 	streamdown = new StreamdownContext({
 		get element() {
@@ -78,7 +80,12 @@
 		get shikiPreloadThemes() {
 			return shikiPreloadThemes;
 		},
-
+		get sources() {
+			return sources;
+		},
+		get inlineCitationsMode() {
+			return inlineCitationsMode;
+		},
 		get animation() {
 			if (!animation?.enabled)
 				return {
@@ -96,9 +103,11 @@
 		get controls() {
 			const codeControls = controls?.code ?? true;
 			const mermaidControls = controls?.mermaid ?? true;
+			const tableControls = controls?.table ?? true;
 			return {
 				code: codeControls,
-				mermaid: mermaidControls
+				mermaid: mermaidControls,
+				table: tableControls
 			};
 		},
 		get children() {

package/dist/Streamdown.svelte.d.ts

@@ -1,4 +1,25 @@
 import { type StreamdownProps } from './context.svelte.js';
-declare const Streamdown: import("svelte").Component<StreamdownProps, {}, "streamdown" | "element">;
-type Streamdown = ReturnType<typeof Streamdown>;
+declare function $$render<Source extends Record<string, any> = Record<string, any>>(): {
+    props: StreamdownProps<Source>;
+    exports: {};
+    bindings: "streamdown" | "element";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Source extends Record<string, any> = Record<string, any>> {
+    props(): ReturnType<typeof $$render<Source>>['props'];
+    events(): ReturnType<typeof $$render<Source>>['events'];
+    slots(): ReturnType<typeof $$render<Source>>['slots'];
+    bindings(): "streamdown" | "element";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Source extends Record<string, any> = Record<string, any>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Source>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Source>['props']>, ReturnType<__sveltets_Render<Source>['events']>, ReturnType<__sveltets_Render<Source>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Source>['bindings']>;
+    } & ReturnType<__sveltets_Render<Source>['exports']>;
+    <Source extends Record<string, any> = Record<string, any>>(internal: unknown, props: ReturnType<__sveltets_Render<Source>['props']> & {}): ReturnType<__sveltets_Render<Source>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Streamdown: $$IsomorphicComponent;
+type Streamdown<Source extends Record<string, any> = Record<string, any>> = InstanceType<typeof Streamdown<Source>>;
 export default Streamdown;

package/dist/context.svelte.d.ts

@@ -3,32 +3,34 @@ 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'> {
+export interface StreamdownContext extends Omit<StreamdownProps, keyof Snippets | 'class' | 'theme' | 'shikiTheme' | 'inlineCitationsMode'> {
     snippets: Snippets;
     shikiTheme: BundledTheme;
     theme: Theme;
     controls: {
         code: boolean;
         mermaid: boolean;
+        table: boolean;
     };
+    inlineCitationsMode: 'list' | 'carousel';
     animation: {
         enabled: boolean;
     } & StreamdownProps['animation'];
 }
-export declare class StreamdownContext {
+export declare class StreamdownContext<Source extends Record<string, any> = Record<string, any>> {
     footnotes: {
         refs: Map<string, FootnoteRef>;
         footnotes: Map<string, Footnote>;
     };
     isMounted: boolean;
-    animationTextStyle: string | undefined;
-    animationBlockStyle: string | undefined;
+    get animationTextStyle(): string | undefined;
+    get animationBlockStyle(): string | undefined;
     constructor(props: Omit<StreamdownProps, keyof Snippets | 'class'> & {
-        snippets: Snippets;
+        snippets: Snippets<Source>;
     });
 }
-export declare const useStreamdown: () => StreamdownContext;
-import type { AlertToken, MathToken, SubSupToken, TableToken, THead, TBody, TFoot, THeadRow, TRow, TD, TH, Extension, GenericToken } from './marked/index.js';
+export declare const useStreamdown: () => StreamdownContext<Record<string, any>>;
+import type { AlertToken, MathToken, SubSupToken, TableToken, THead, TBody, TFoot, THeadRow, TRow, TD, TH, Extension, GenericToken, CitationToken } from './marked/index.js';
 import type { Tokens } from 'marked';
 import type { ListItemToken, ListToken } from './marked/marked-list.js';
 import type { Footnote, FootnoteRef, FootnoteToken } from './marked/marked-footnotes.js';
@@ -67,18 +69,29 @@ type TokenSnippet = {
     description: DescriptionToken;
     descriptionTerm: DescriptionTermToken;
     descriptionDetail: DescriptionDetailToken;
+    inlineCitation: CitationToken;
+    inlineCitationPopover: CitationToken;
+    inlineCitationContent: CitationToken;
+    inlineCitationPreview: CitationToken;
 };
 type PredefinedElements = keyof TokenSnippet;
-export type Snippets = {
+export type Snippets<Source extends Record<string, any> = Record<string, any>> = {
     [K in PredefinedElements]?: Snippet<[
         {
             children: Snippet;
             token: TokenSnippet[K];
-        }
+        } & (K extends 'inlineCitationContent' ? {
+            source: Source;
+            key: string;
+        } : {})
     ]>;
 };
-export type StreamdownProps = {
+export type StreamdownProps<Source extends Record<string, any> = Record<string, any>> = {
     streamdown?: StreamdownContext;
+    sources?: {
+        [key: string]: Source;
+    };
+    inlineCitationsMode?: 'list' | 'carousel';
     element?: HTMLElement;
     content: string;
     class?: string;
@@ -105,6 +118,7 @@ export type StreamdownProps = {
     controls?: {
         code?: boolean;
         mermaid?: boolean;
+        table?: boolean;
     };
     renderHtml?: boolean | ((token: Tokens.HTML | Tokens.Tag) => string);
     animation?: {
@@ -127,6 +141,9 @@ export type StreamdownProps = {
         warning?: Snippet;
         caution?: Snippet;
         important?: Snippet;
+        chevronLeft?: Snippet;
+        chevronRight?: Snippet;
+        check?: Snippet;
     };
     extensions?: Extension[];
     children?: Snippet<[{
@@ -134,5 +151,5 @@ export type StreamdownProps = {
         token: GenericToken;
         children: Snippet;
     }]>;
-} & Partial<Snippets>;
+} & Partial<Snippets<Source>>;
 export {};

package/dist/context.svelte.js

@@ -5,8 +5,11 @@ export class StreamdownContext {
         footnotes: new Map()
     };
     isMounted = false;
-    animationTextStyle = $derived(this.animation.enabled
-        ? `animation-name: sd-${this.animation.type};
+    get animationTextStyle() {
+        return getContext('POPOVER')
+            ? undefined
+            : this.animation.enabled
+                ? `animation-name: sd-${this.animation.type};
 animation-duration: ${this.animation.duration}ms;
 animation-timing-function: ${this.animation.timingFunction};
 animation-iteration-count: 1;
@@ -14,14 +17,19 @@ animation-fill-mode: forwards;
 white-space: pre-wrap;
 display: inline-block;
 text-decoration: inherit;`
-        : undefined);
-    animationBlockStyle = $derived(this.animation.enabled
-        ? `animation-name: sd-${this.animation.type};
+                : undefined;
+    }
+    get animationBlockStyle() {
+        return getContext('POPOVER')
+            ? undefined
+            : this.animation.enabled
+                ? `animation-name: sd-${this.animation.type};
 animation-duration: ${this.animation.duration}ms;
 animation-timing-function: ${this.animation.timingFunction};
 animation-iteration-count: 1;
 animation-fill-mode: forwards;`
-        : undefined);
+                : undefined;
+    }
     constructor(props) {
         bind(this, props);
         setContext('streamdown', this);

package/dist/marked/index.d.ts

@@ -8,6 +8,8 @@ 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';
 import { type DescriptionDetailToken, type DescriptionListToken, type DescriptionTermToken, type DescriptionToken } from './marked-dl.js';
+import { type AlignToken } from './marked-align.js';
+import { type CitationToken } from './marked-citations.js';
 export type GenericToken = {
     type: string;
     raw: string;
@@ -20,8 +22,8 @@ export type Extension = {
     start?: TokenizerStartFunction;
     applyInBlockParsing?: boolean;
 };
-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 | DescriptionListToken | DescriptionToken | DescriptionDetailToken | DescriptionTermToken;
+export type StreamdownToken = Exclude<MarkedToken, Tokens.List | Tokens.ListItem | Tokens.Table> | ListToken | ListItemToken | MathToken | AlertToken | FootnoteToken | SubSupToken | BrToken | HrToken | TableToken | THead | TBody | TFoot | THeadRow | TRow | TH | TD | DescriptionListToken | DescriptionToken | DescriptionDetailToken | DescriptionTermToken | AlignToken | CitationToken;
 export type { TableToken, THead, TBody, TFoot, THeadRow, TRow, TH, TD } from './marked-table.js';
 export declare const lex: (markdown: string, extensions?: Extension[]) => StreamdownToken[];
 export declare const parseBlocks: (markdown: string, extensions?: Extension[]) => string[];
-export type { MathToken, AlertToken, FootnoteToken, SubSupToken, BrToken, HrToken };
+export type { MathToken, AlertToken, FootnoteToken, SubSupToken, BrToken, HrToken, AlignToken, CitationToken };

package/dist/marked/index.js

@@ -8,6 +8,8 @@ import { markedBr } from './marked-br.js';
 import { markedHr } from './marked-hr.js';
 import { markedTable } from './marked-table.js';
 import { markedDl } from './marked-dl.js';
+import { markedAlign } from './marked-align.js';
+import { markedCitations } from './marked-citations.js';
 const parseExtensions = (...extensions) => {
     const options = {
         gfm: true,
@@ -41,12 +43,12 @@ const parseExtensions = (...extensions) => {
     return options;
 };
 export const lex = (markdown, extensions = []) => {
-    return new Lexer(parseExtensions(markedHr, markedTable, ...markedFootnote(), markedAlert, ...markedMath, markedSub, markedSup, markedList, markedBr, markedDl, ...extensions))
+    return new Lexer(parseExtensions(markedHr, markedTable, ...markedFootnote(), markedAlert, ...markedMath, markedSub, markedSup, markedList, markedBr, markedDl, markedAlign, markedCitations, ...extensions))
         .lex(markdown)
         .filter((token) => token.type !== 'space' && token.type !== 'footnote');
 };
 export const parseBlocks = (markdown, extensions = []) => {
-    const blockLexer = new Lexer(parseExtensions(markedHr, ...markedFootnote(), markedDl, markedTable, ...extensions.filter(({ level, applyInBlockParsing }) => level === 'block' && applyInBlockParsing)));
+    const blockLexer = new Lexer(parseExtensions(markedHr, ...markedFootnote(), markedDl, markedTable, markedAlign, ...extensions.filter(({ level, applyInBlockParsing }) => level === 'block' && applyInBlockParsing)));
     return blockLexer.blockTokens(markdown, []).reduce((acc, block) => {
         if (block.type === 'space' || block.type === 'footnote') {
             return acc;

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

@@ -0,0 +1,10 @@
+import type { Extension } from './index.js';
+import type { Token } from 'marked';
+export declare const markedAlign: Extension;
+export type AlignToken = {
+    type: 'align';
+    align: 'center' | 'right';
+    raw: string;
+    text: string;
+    tokens: Token[];
+};

package/dist/marked/marked-align.js

@@ -0,0 +1,36 @@
+export const markedAlign = {
+    name: 'align',
+    level: 'block',
+    tokenizer(src) {
+        // Check if the source starts with [center] or [right] blocks
+        const centerMatch = src.match(/^\[center\]\n([\s\S]*?)\n\[\/center\]/);
+        const rightMatch = src.match(/^\[right\]\n([\s\S]*?)\n\[\/right\]/);
+        if (centerMatch) {
+            const text = centerMatch[1];
+            const raw = centerMatch[0];
+            // Tokenize the content inside the alignment block
+            const tokens = this.lexer.blockTokens(text, []);
+            return {
+                type: 'align',
+                align: 'center',
+                raw,
+                text,
+                tokens
+            };
+        }
+        if (rightMatch) {
+            const text = rightMatch[1];
+            const raw = rightMatch[0];
+            // Tokenize the content inside the alignment block
+            const tokens = this.lexer.blockTokens(text, []);
+            return {
+                type: 'align',
+                align: 'right',
+                raw,
+                text,
+                tokens
+            };
+        }
+        return undefined;
+    }
+};

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

@@ -0,0 +1,8 @@
+import type { Extension } from './index.js';
+export declare const markedCitations: Extension;
+export type CitationToken = {
+    type: 'inline-citations';
+    keys: string[];
+    text: string;
+    raw: string;
+};